commit 5381a71e190a6849fdb59738023ef79392022069 Author: CHIEFSOFT\ameye Date: Sun Mar 31 19:44:57 2024 -0400 first commit diff --git a/.env.dev b/.env.dev new file mode 100644 index 0000000..e69de29 diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..aafda3a --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.vscode +.idea diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..8908425 --- /dev/null +++ b/Dockerfile @@ -0,0 +1,17 @@ +# pull official base image +FROM python:3.11.4-slim-buster + +# set work directory +WORKDIR /usr/src/app + +# set environment variables +ENV PYTHONDONTWRITEBYTECODE 1 +ENV PYTHONUNBUFFERED 1 + +# install dependencies +RUN pip install --upgrade pip +COPY ./requirements.txt . +RUN pip install -r requirements.txt + +# copy project +COPY wwwapp . \ No newline at end of file diff --git a/Pipfile b/Pipfile new file mode 100644 index 0000000..07f4759 --- /dev/null +++ b/Pipfile @@ -0,0 +1,12 @@ +[[source]] +url = "https://pypi.org/simple" +verify_ssl = true +name = "pypi" + +[packages] +django = "*" + +[dev-packages] + +[requires] +python_version = "3.11" diff --git a/Pipfile.lock b/Pipfile.lock new file mode 100644 index 0000000..a91c681 --- /dev/null +++ b/Pipfile.lock @@ -0,0 +1,54 @@ +{ + "_meta": { + "hash": { + "sha256": "af42abefb766e975f7680f10368735353569fb4fe0114e59496a7202658362fc" + }, + "pipfile-spec": 6, + "requires": { + "python_version": "3.11" + }, + "sources": [ + { + "name": "pypi", + "url": "https://pypi.org/simple", + "verify_ssl": true + } + ] + }, + "default": { + "asgiref": { + "hashes": [ + "sha256:89b2ef2247e3b562a16eef663bc0e2e703ec6468e2fa8a5cd61cd449786d4f6e", + "sha256:9e0ce3aa93a819ba5b45120216b23878cf6e8525eb3848653452b4192b92afed" + ], + "markers": "python_version >= '3.7'", + "version": "==3.7.2" + }, + "django": { + "hashes": [ + "sha256:5c7d748ad113a81b2d44750ccc41edc14e933f56581683db548c9257e078cc83", + "sha256:5fb37580dcf4a262f9258c1f4373819aacca906431f505e4688e37f3a99195df" + ], + "index": "pypi", + "markers": "python_version >= '3.10'", + "version": "==5.0.3" + }, + "sqlparse": { + "hashes": [ + "sha256:5430a4fe2ac7d0f93e66f1efc6e1338a41884b7ddf2a350cedd20ccc4d9d28f3", + "sha256:d446183e84b8349fa3061f0fe7f06ca94ba65b426946ffebe6e3e8295332420c" + ], + "markers": "python_version >= '3.5'", + "version": "==0.4.4" + }, + "tzdata": { + "hashes": [ + "sha256:2674120f8d891909751c38abcdfd386ac0a5a1127954fbc332af6b5ceae07efd", + "sha256:9068bc196136463f5245e51efda838afa15aaeca9903f49050dfa2679db4d252" + ], + "markers": "sys_platform == 'win32'", + "version": "==2024.1" + } + }, + "develop": {} +} diff --git a/REMEMBER.txt b/REMEMBER.txt new file mode 100644 index 0000000..b4b747a --- /dev/null +++ b/REMEMBER.txt @@ -0,0 +1,3 @@ +quit +https://testdriven.io/blog/dockerizing-django-with-postgres-gunicorn-and-nginx/ + diff --git a/db.sqlite3 b/db.sqlite3 new file mode 100644 index 0000000..e69de29 diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..1cb1847 --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,12 @@ +version: '3.8' + +services: + automedsys-ai: + build: . + command: python manage.py runserver 0.0.0.0:8000 + volumes: + - ./:/usr/src/app/ + ports: + - 50100:8000 + env_file: + - ./.env.dev \ No newline at end of file diff --git a/frontweb/__init__.py b/frontweb/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/frontweb/__pycache__/__init__.cpython-311.pyc b/frontweb/__pycache__/__init__.cpython-311.pyc new file mode 100644 index 0000000..27bbae9 Binary files /dev/null and b/frontweb/__pycache__/__init__.cpython-311.pyc differ diff --git a/frontweb/__pycache__/settings.cpython-311.pyc b/frontweb/__pycache__/settings.cpython-311.pyc new file mode 100644 index 0000000..7ec9b10 Binary files /dev/null and b/frontweb/__pycache__/settings.cpython-311.pyc differ diff --git a/frontweb/__pycache__/urls.cpython-311.pyc b/frontweb/__pycache__/urls.cpython-311.pyc new file mode 100644 index 0000000..d4bc9b7 Binary files /dev/null and b/frontweb/__pycache__/urls.cpython-311.pyc differ diff --git a/frontweb/__pycache__/wsgi.cpython-311.pyc b/frontweb/__pycache__/wsgi.cpython-311.pyc new file mode 100644 index 0000000..9a7429d Binary files /dev/null and b/frontweb/__pycache__/wsgi.cpython-311.pyc differ diff --git a/frontweb/asgi.py b/frontweb/asgi.py new file mode 100644 index 0000000..665b782 --- /dev/null +++ b/frontweb/asgi.py @@ -0,0 +1,16 @@ +""" +ASGI config for frontweb project. + +It exposes the ASGI callable as a module-level variable named ``application``. + +For more information on this file, see +https://docs.djangoproject.com/en/5.0/howto/deployment/asgi/ +""" + +import os + +from django.core.asgi import get_asgi_application + +os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'frontweb.settings') + +application = get_asgi_application() diff --git a/frontweb/settings.py b/frontweb/settings.py new file mode 100644 index 0000000..d1d753a --- /dev/null +++ b/frontweb/settings.py @@ -0,0 +1,129 @@ +""" +Django settings for frontweb project. + +Generated by 'django-admin startproject' using Django 5.0.3. + +For more information on this file, see +https://docs.djangoproject.com/en/5.0/topics/settings/ + +For the full list of settings and their values, see +https://docs.djangoproject.com/en/5.0/ref/settings/ +""" + +import os +from pathlib import Path + +# Build paths inside the project like this: BASE_DIR / 'subdir'. +BASE_DIR = Path(__file__).resolve().parent.parent + + +# Quick-start development settings - unsuitable for production +# See https://docs.djangoproject.com/en/5.0/howto/deployment/checklist/ + +# SECURITY WARNING: keep the secret key used in production secret! +SECRET_KEY = 'django-insecure-)0b=p^%)@+!qzgorh$#+n8rd=jk$0zennhf(34eezl!o7szff1' + +# SECURITY WARNING: don't run with debug turned on in production! +DEBUG = True + +ALLOWED_HOSTS = [] + + +# Application definition + +INSTALLED_APPS = [ + 'django.contrib.admin', + 'django.contrib.auth', + 'django.contrib.contenttypes', + 'django.contrib.messages', + 'django.contrib.staticfiles', + 'wwwapp' +] + +# 'django.contrib.sessions', + +MIDDLEWARE = [ + 'django.middleware.security.SecurityMiddleware', + 'django.contrib.sessions.middleware.SessionMiddleware', + 'django.middleware.common.CommonMiddleware', + 'django.middleware.csrf.CsrfViewMiddleware', + 'django.contrib.auth.middleware.AuthenticationMiddleware', + 'django.contrib.messages.middleware.MessageMiddleware', + 'django.middleware.clickjacking.XFrameOptionsMiddleware', +] + +ROOT_URLCONF = 'frontweb.urls' + +TEMPLATES = [ + { + 'BACKEND': 'django.template.backends.django.DjangoTemplates', + 'DIRS': [], + 'APP_DIRS': True, + 'OPTIONS': { + 'context_processors': [ + 'django.template.context_processors.debug', + 'django.template.context_processors.request', + 'django.contrib.auth.context_processors.auth', + 'django.contrib.messages.context_processors.messages', + ], + }, + }, +] + +WSGI_APPLICATION = 'frontweb.wsgi.application' + + +# Database +# https://docs.djangoproject.com/en/5.0/ref/settings/#databases + +DATABASES = { + 'default': { + 'ENGINE': 'django.db.backends.sqlite3', + 'NAME': BASE_DIR / 'db.sqlite3', + } +} + + +# Password validation +# https://docs.djangoproject.com/en/5.0/ref/settings/#auth-password-validators + +AUTH_PASSWORD_VALIDATORS = [ + { + 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator', + }, + { + 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator', + }, + { + 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator', + }, + { + 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator', + }, +] + + +# Internationalization +# https://docs.djangoproject.com/en/5.0/topics/i18n/ + +LANGUAGE_CODE = 'en-us' + +TIME_ZONE = 'UTC' + +USE_I18N = True + +USE_TZ = True + + +# Static files (CSS, JavaScript, Images) +# https://docs.djangoproject.com/en/5.0/howto/static-files/ + +STATIC_URL = 'static/' +STATICFILES_DIRS = [ + os.path.join(BASE_DIR,'static') +] + +# Default primary key field type +# https://docs.djangoproject.com/en/5.0/ref/settings/#default-auto-field + +DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField' diff --git a/frontweb/urls.py b/frontweb/urls.py new file mode 100644 index 0000000..3ca1c06 --- /dev/null +++ b/frontweb/urls.py @@ -0,0 +1,24 @@ +""" +URL configuration for frontweb project. + +The `urlpatterns` list routes URLs to views. For more information please see: + https://docs.djangoproject.com/en/5.0/topics/http/urls/ +Examples: +Function views + 1. Add an import: from my_app import views + 2. Add a URL to urlpatterns: path('', views.home, name='home') +Class-based views + 1. Add an import: from other_app.views import Home + 2. Add a URL to urlpatterns: path('', Home.as_view(), name='home') +Including another URLconf + 1. Import the include() function: from django.urls import include, path + 2. Add a URL to urlpatterns: path('blog/', include('blog.urls')) +""" +from django.contrib import admin +from django.urls import path, include + +urlpatterns = [ + path('admin/', admin.site.urls), + path('wwwapp/',include('wwwapp.urls')), + path('',include('wwwapp.urls')), +] diff --git a/frontweb/wsgi.py b/frontweb/wsgi.py new file mode 100644 index 0000000..cc48512 --- /dev/null +++ b/frontweb/wsgi.py @@ -0,0 +1,16 @@ +""" +WSGI config for frontweb project. + +It exposes the WSGI callable as a module-level variable named ``application``. + +For more information on this file, see +https://docs.djangoproject.com/en/5.0/howto/deployment/wsgi/ +""" + +import os + +from django.core.wsgi import get_wsgi_application + +os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'frontweb.settings') + +application = get_wsgi_application() diff --git a/manage.py b/manage.py new file mode 100644 index 0000000..0c50f4f --- /dev/null +++ b/manage.py @@ -0,0 +1,22 @@ +#!/usr/bin/env python +"""Django's command-line utility for administrative tasks.""" +import os +import sys + + +def main(): + """Run administrative tasks.""" + os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'frontweb.settings') + try: + from django.core.management import execute_from_command_line + except ImportError as exc: + raise ImportError( + "Couldn't import Django. Are you sure it's installed and " + "available on your PYTHONPATH environment variable? Did you " + "forget to activate a virtual environment?" + ) from exc + execute_from_command_line(sys.argv) + + +if __name__ == '__main__': + main() diff --git a/requirements.txt b/requirements.txt new file mode 100644 index 0000000..b04b622 --- /dev/null +++ b/requirements.txt @@ -0,0 +1,2 @@ +Django==4.2.3 +psycopg2-binary==2.9.6 \ No newline at end of file diff --git a/static/css/.DS_Store b/static/css/.DS_Store new file mode 100644 index 0000000..a642a73 Binary files /dev/null and b/static/css/.DS_Store differ diff --git a/static/css/animate.css b/static/css/animate.css new file mode 100644 index 0000000..18ddca4 --- /dev/null +++ b/static/css/animate.css @@ -0,0 +1,1593 @@ +@charset "UTF-8"; + +/*! + * animate.css -http://daneden.me/animate + * Version - 3.5.2 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2017 Daniel Eden + */ + +.animated { + animation-duration: 1.2s; + animation-fill-mode: both; +} +/* +.animated.zoomIn { + animation-duration: s; +}*/ + +.animated.infinite { + animation-iteration-count: infinite; +} + +.animated.hinge { + animation-duration: 2s; +} + +.animated.fadeInUp, +.animated.fadeInUpBig { + animation-duration: 1.75s; +} + +.animated.fadeInLeft, +.animated.fadeInRight { + animation-duration: 2s; +} + +.animated.flipOutX, +.animated.flipOutY, +.animated.bounceIn, +.animated.bounceOut { + animation-duration: .75s; +} + +@keyframes bounce { + from, 20%, 53%, 80%, to { + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transform: translate3d(0,0,0); + } + + 40%, 43% { + animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transform: translate3d(0, -30px, 0); + } + + 70% { + animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transform: translate3d(0, -15px, 0); + } + + 90% { + transform: translate3d(0,-4px,0); + } +} + +.bounce { + animation-name: bounce; + transform-origin: center bottom; +} + +@keyframes flash { + from, 50%, to { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +.flash { + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@keyframes pulse { + from { + transform: scale3d(1, 1, 1); + } + + 50% { + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + transform: scale3d(1, 1, 1); + } +} + +.pulse { + animation-name: pulse; +} + +@keyframes rubberBand { + from { + transform: scale3d(1, 1, 1); + } + + 30% { + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + transform: scale3d(.95, 1.05, 1); + } + + 75% { + transform: scale3d(1.05, .95, 1); + } + + to { + transform: scale3d(1, 1, 1); + } +} + +.rubberBand { + animation-name: rubberBand; +} + +@keyframes shake { + from, to { + transform: translate3d(0, 0, 0); + } + + 10%, 30%, 50%, 70%, 90% { + transform: translate3d(-10px, 0, 0); + } + + 20%, 40%, 60%, 80% { + transform: translate3d(10px, 0, 0); + } +} + +.shake { + animation-name: shake; +} + +@keyframes headShake { + 0% { + transform: translateX(0); + } + + 6.5% { + transform: translateX(-6px) rotateY(-9deg); + } + + 18.5% { + transform: translateX(5px) rotateY(7deg); + } + + 31.5% { + transform: translateX(-3px) rotateY(-5deg); + } + + 43.5% { + transform: translateX(2px) rotateY(3deg); + } + + 50% { + transform: translateX(0); + } +} + +.headShake { + animation-timing-function: ease-in-out; + animation-name: headShake; +} + +@keyframes swing { + 20% { + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + transform: rotate3d(0, 0, 1, -5deg); + } + + to { + transform: rotate3d(0, 0, 1, 0deg); + } +} + +.swing { + transform-origin: top center; + animation-name: swing; +} + +@keyframes tada { + from { + transform: scale3d(1, 1, 1); + } + + 10%, 20% { + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + + 30%, 50%, 70%, 90% { + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, 60%, 80% { + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + to { + transform: scale3d(1, 1, 1); + } +} + +.tada { + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@keyframes wobble { + from { + transform: none; + } + + 15% { + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + to { + transform: none; + } +} + +.wobble { + animation-name: wobble; +} + +@keyframes jello { + from, 11.1%, to { + transform: none; + } + + 22.2% { + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + transform: skewX(0.390625deg) skewY(0.390625deg); + } + + 88.8% { + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} + +.jello { + animation-name: jello; + transform-origin: center; +} + +@keyframes bounceIn { + from, 20%, 40%, 60%, 80%, to { + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + transform: scale3d(.3, .3, .3); + } + + 20% { + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + transform: scale3d(.97, .97, .97); + } + + to { + opacity: 1; + transform: scale3d(1, 1, 1); + } +} + +.bounceIn { + animation-name: bounceIn; +} + +@keyframes bounceInDown { + from, 60%, 75%, 90%, to { + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + transform: translate3d(0, 25px, 0); + } + + 75% { + transform: translate3d(0, -10px, 0); + } + + 90% { + transform: translate3d(0, 5px, 0); + } + + to { + transform: none; + } +} + +.bounceInDown { + animation-name: bounceInDown; +} + +@keyframes bounceInLeft { + from, 60%, 75%, 90%, to { + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + transform: translate3d(25px, 0, 0); + } + + 75% { + transform: translate3d(-10px, 0, 0); + } + + 90% { + transform: translate3d(5px, 0, 0); + } + + to { + transform: none; + } +} + +.bounceInLeft { + animation-name: bounceInLeft; +} + +@keyframes bounceInRight { + from, 60%, 75%, 90%, to { + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + from { + opacity: 0; + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + transform: translate3d(-25px, 0, 0); + } + + 75% { + transform: translate3d(10px, 0, 0); + } + + 90% { + transform: translate3d(-5px, 0, 0); + } + + to { + transform: none; + } +} + +.bounceInRight { + animation-name: bounceInRight; +} + +@keyframes bounceInUp { + from, 60%, 75%, 90%, to { + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + from { + opacity: 0; + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + transform: translate3d(0, -20px, 0); + } + + 75% { + transform: translate3d(0, 10px, 0); + } + + 90% { + transform: translate3d(0, -5px, 0); + } + + to { + transform: translate3d(0, 0, 0); + } +} + +.bounceInUp { + animation-name: bounceInUp; +} + +@keyframes bounceOut { + 20% { + transform: scale3d(.9, .9, .9); + } + + 50%, 55% { + opacity: 1; + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + transform: scale3d(.3, .3, .3); + } +} + +.bounceOut { + animation-name: bounceOut; +} + +@keyframes bounceOutDown { + 20% { + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 0; + transform: translate3d(0, 2000px, 0); + } +} + +.bounceOutDown { + animation-name: bounceOutDown; +} + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + transform: translate3d(20px, 0, 0); + } + + to { + opacity: 0; + transform: translate3d(-2000px, 0, 0); + } +} + +.bounceOutLeft { + animation-name: bounceOutLeft; +} + +@keyframes bounceOutRight { + 20% { + opacity: 1; + transform: translate3d(-20px, 0, 0); + } + + to { + opacity: 0; + transform: translate3d(2000px, 0, 0); + } +} + +.bounceOutRight { + animation-name: bounceOutRight; +} + +@keyframes bounceOutUp { + 20% { + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + transform: translate3d(0, 20px, 0); + } + + to { + opacity: 0; + transform: translate3d(0, -2000px, 0); + } +} + +.bounceOutUp { + animation-name: bounceOutUp; +} + +@keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +.fadeIn { + animation-name: fadeIn; +} + +@keyframes fadeInDown { + from { + opacity: 0; + transform: translate3d(0, -30%, 0); + } + + to { + opacity: 1; + transform: none; + } +} + +.fadeInDown { + animation-name: fadeInDown; +} + +@keyframes fadeInDownBig { + from { + opacity: 0; + transform: translate3d(0, -2000px, 0); + } + + to { + opacity: 1; + transform: none; + } +} + +.fadeInDownBig { + animation-name: fadeInDownBig; +} + +@keyframes fadeInLeft { + from { + opacity: 0; + transform: translate3d(-20%, 0, 0); + } + + to { + opacity: 1; + transform: none; + } +} + +.fadeInLeft { + animation-name: fadeInLeft; +} + +@keyframes fadeInLeftBig { + from { + opacity: 0; + transform: translate3d(-2000px, 0, 0); + } + + to { + opacity: 1; + transform: none; + } +} + +.fadeInLeftBig { + animation-name: fadeInLeftBig; +} + +@keyframes fadeInRight { + from { + opacity: 0; + transform: translate3d(20%, 0, 0); + } + + to { + opacity: 1; + transform: none; + } +} + +.fadeInRight { + animation-name: fadeInRight; +} + +@keyframes fadeInRightBig { + from { + opacity: 0; + transform: translate3d(2000px, 0, 0); + } + + to { + opacity: 1; + transform: none; + } +} + +.fadeInRightBig { + animation-name: fadeInRightBig; +} + +@keyframes fadeInUp { + from { + opacity: 0; + transform: translate3d(0, 30%, 0); + } + + to { + opacity: 1; + transform: none; + } +} + +.fadeInUp { + animation-name: fadeInUp; +} + +@keyframes fadeInUpBig { + from { + opacity: 0; + transform: translate3d(0, 50%, 0); + } + + to { + opacity: 1; + transform: none; + } +} + +.fadeInUpBig { + animation-name: fadeInUpBig; +} + +@keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +.fadeOut { + animation-name: fadeOut; +} + +@keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + opacity: 0; + transform: translate3d(0, 100%, 0); + } +} + +.fadeOutDown { + animation-name: fadeOutDown; +} + +@keyframes fadeOutDownBig { + from { + opacity: 1; + } + + to { + opacity: 0; + transform: translate3d(0, 2000px, 0); + } +} + +.fadeOutDownBig { + animation-name: fadeOutDownBig; +} + +@keyframes fadeOutLeft { + from { + opacity: 1; + } + + to { + opacity: 0; + transform: translate3d(-100%, 0, 0); + } +} + +.fadeOutLeft { + animation-name: fadeOutLeft; +} + +@keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + to { + opacity: 0; + transform: translate3d(-2000px, 0, 0); + } +} + +.fadeOutLeftBig { + animation-name: fadeOutLeftBig; +} + +@keyframes fadeOutRight { + from { + opacity: 1; + } + + to { + opacity: 0; + transform: translate3d(100%, 0, 0); + } +} + +.fadeOutRight { + animation-name: fadeOutRight; +} + +@keyframes fadeOutRightBig { + from { + opacity: 1; + } + + to { + opacity: 0; + transform: translate3d(2000px, 0, 0); + } +} + +.fadeOutRightBig { + animation-name: fadeOutRightBig; +} + +@keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + transform: translate3d(0, -100%, 0); + } +} + +.fadeOutUp { + animation-name: fadeOutUp; +} + +@keyframes fadeOutUpBig { + from { + opacity: 1; + } + + to { + opacity: 0; + transform: translate3d(0, -2000px, 0); + } +} + +.fadeOutUpBig { + animation-name: fadeOutUpBig; +} + +@keyframes flip { + from { + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + animation-timing-function: ease-out; + } + + 40% { + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + animation-timing-function: ease-out; + } + + 50% { + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + animation-timing-function: ease-in; + } + + 80% { + transform: perspective(400px) scale3d(.95, .95, .95); + animation-timing-function: ease-in; + } + + to { + transform: perspective(400px); + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + animation-name: flip; +} + +@keyframes flipInX { + from { + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + animation-timing-function: ease-in; + } + + 60% { + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + to { + transform: perspective(400px); + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + animation-name: flipInX; +} + +@keyframes flipInY { + from { + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + animation-timing-function: ease-in; + } + + 60% { + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + to { + transform: perspective(400px); + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + animation-name: flipInY; +} + +@keyframes flipOutX { + from { + transform: perspective(400px); + } + + 30% { + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + to { + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +.flipOutX { + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@keyframes flipOutY { + from { + transform: perspective(400px); + } + + 30% { + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + to { + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + animation-name: flipOutY; +} + +@keyframes lightSpeedIn { + from { + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + transform: skewX(20deg); + opacity: 1; + } + + 80% { + transform: skewX(-5deg); + opacity: 1; + } + + to { + transform: none; + opacity: 1; + } +} + +.lightSpeedIn { + animation-name: lightSpeedIn; + animation-timing-function: ease-out; +} + +@keyframes lightSpeedOut { + from { + opacity: 1; + } + + to { + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +.lightSpeedOut { + animation-name: lightSpeedOut; + animation-timing-function: ease-in; +} + +@keyframes rotateIn { + from { + transform-origin: center; + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + to { + transform-origin: center; + transform: none; + opacity: 1; + } +} + +.rotateIn { + animation-name: rotateIn; +} + +@keyframes rotateInDownLeft { + from { + transform-origin: left bottom; + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + to { + transform-origin: left bottom; + transform: none; + opacity: 1; + } +} + +.rotateInDownLeft { + animation-name: rotateInDownLeft; +} + +@keyframes rotateInDownRight { + from { + transform-origin: right bottom; + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + transform-origin: right bottom; + transform: none; + opacity: 1; + } +} + +.rotateInDownRight { + animation-name: rotateInDownRight; +} + +@keyframes rotateInUpLeft { + from { + transform-origin: left bottom; + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + transform-origin: left bottom; + transform: none; + opacity: 1; + } +} + +.rotateInUpLeft { + animation-name: rotateInUpLeft; +} + +@keyframes rotateInUpRight { + from { + transform-origin: right bottom; + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + to { + transform-origin: right bottom; + transform: none; + opacity: 1; + } +} + +.rotateInUpRight { + animation-name: rotateInUpRight; +} + +@keyframes rotateOut { + from { + transform-origin: center; + opacity: 1; + } + + to { + transform-origin: center; + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +.rotateOut { + animation-name: rotateOut; +} + +@keyframes rotateOutDownLeft { + from { + transform-origin: left bottom; + opacity: 1; + } + + to { + transform-origin: left bottom; + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + animation-name: rotateOutDownLeft; +} + +@keyframes rotateOutDownRight { + from { + transform-origin: right bottom; + opacity: 1; + } + + to { + transform-origin: right bottom; + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutDownRight { + animation-name: rotateOutDownRight; +} + +@keyframes rotateOutUpLeft { + from { + transform-origin: left bottom; + opacity: 1; + } + + to { + transform-origin: left bottom; + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + animation-name: rotateOutUpLeft; +} + +@keyframes rotateOutUpRight { + from { + transform-origin: right bottom; + opacity: 1; + } + + to { + transform-origin: right bottom; + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + animation-name: rotateOutUpRight; +} + +@keyframes hinge { + 0% { + transform-origin: top left; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + transform: rotate3d(0, 0, 1, 80deg); + transform-origin: top left; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + transform: rotate3d(0, 0, 1, 60deg); + transform-origin: top left; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +.hinge { + animation-name: hinge; +} + +@keyframes jackInTheBox { + from { + opacity: 0; + transform: scale(0.1) rotate(30deg); + transform-origin: center bottom; + } + + 50% { + transform: rotate(-10deg); + } + + 70% { + transform: rotate(3deg); + } + + to { + opacity: 1; + transform: scale(1); + } +} + +.jackInTheBox { + animation-name: jackInTheBox; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@keyframes rollIn { + from { + opacity: 0; + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + to { + opacity: 1; + transform: none; + } +} + +.rollIn { + animation-name: rollIn; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@keyframes rollOut { + from { + opacity: 1; + } + + to { + opacity: 0; + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +.rollOut { + animation-name: rollOut; +} + +@keyframes zoomIn { + from { + opacity: 0; + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +.zoomIn { + animation-name: zoomIn; +} + +@keyframes zoomInDown { + from { + opacity: 0; + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInDown { + animation-name: zoomInDown; +} + +@keyframes zoomInLeft { + from { + opacity: 0; + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInLeft { + animation-name: zoomInLeft; +} + +@keyframes zoomInRight { + from { + opacity: 0; + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInRight { + animation-name: zoomInRight; +} + +@keyframes zoomInUp { + from { + opacity: 0; + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInUp { + animation-name: zoomInUp; +} + +@keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + transform: scale3d(.3, .3, .3); + } + + to { + opacity: 0; + } +} + +.zoomOut { + animation-name: zoomOut; +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + to { + opacity: 0; + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform-origin: center bottom; + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutDown { + animation-name: zoomOutDown; +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + transform: scale(.1) translate3d(-2000px, 0, 0); + transform-origin: left center; + } +} + +.zoomOutLeft { + animation-name: zoomOutLeft; +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + transform: scale(.1) translate3d(2000px, 0, 0); + transform-origin: right center; + } +} + +.zoomOutRight { + animation-name: zoomOutRight; +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + to { + opacity: 0; + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform-origin: center bottom; + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutUp { + animation-name: zoomOutUp; +} + +@keyframes slideInDown { + from { + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + transform: translate3d(0, 0, 0); + } +} + +.slideInDown { + animation-name: slideInDown; +} + +@keyframes slideInLeft { + from { + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + transform: translate3d(0, 0, 0); + } +} + +.slideInLeft { + animation-name: slideInLeft; +} + +@keyframes slideInRight { + from { + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + transform: translate3d(0, 0, 0); + } +} + +.slideInRight { + animation-name: slideInRight; +} + +@keyframes slideInUp { + from { + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + transform: translate3d(0, 0, 0); + } +} + +.slideInUp { + animation-name: slideInUp; +} + +@keyframes slideOutDown { + from { + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + transform: translate3d(0, 100%, 0); + } +} + +.slideOutDown { + animation-name: slideOutDown; +} + +@keyframes slideOutLeft { + from { + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + transform: translate3d(-100%, 0, 0); + } +} + +.slideOutLeft { + animation-name: slideOutLeft; +} + +@keyframes slideOutRight { + from { + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + transform: translate3d(100%, 0, 0); + } +} + +.slideOutRight { + animation-name: slideOutRight; +} + +@keyframes slideOutUp { + from { + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + transform: translate3d(0, -100%, 0); + } +} + +.slideOutUp { + animation-name: slideOutUp; +} diff --git a/static/css/blue-theme.css b/static/css/blue-theme.css new file mode 100644 index 0000000..de107cc --- /dev/null +++ b/static/css/blue-theme.css @@ -0,0 +1,10992 @@ + + + + +/* + Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack + Theme URL: https://themeforest.net/user/dsathemes + Description: Martex - Software, App, SaaS & Startup Landing Pages Pack + Author: DSAThemes + Author URL: https://themeforest.net/user/dsathemes + Version: 1.0.0 + Website: www.dsathemes.com + Tags: Responsive, HTML5, DSAThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc +*/ + + + + +/* ========================================================================== + 01. GENERAL & BASIC STYLES + =========================================================================== */ + +html { + -webkit-font-smoothing: antialiased; + font-size: 16px; +} + +body { + font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; + color: #6c757d; + line-height: 1.6666; + font-weight: 400; +} + +/*------------------------------------------*/ +/* PAGE CONTENT +/*------------------------------------------*/ + +#page, +.hidd { + overflow: hidden; +} + +.rel, +section, +.container { + position: relative!important; + z-index: 3; +} + +.section-overlay { + width: 100%; + height: 100%; +} + +/*------------------------------------------*/ +/* BLOCK SHADOW +/*------------------------------------------*/ + +.block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* BORDER SETTINGS +/*------------------------------------------*/ + +.block-border { + border: 1px solid #e7e7e7; +} + +.block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.x-border { + border-top: 1px solid #e7e7e7; + border-bottom: 1px solid #e7e7e7; +} + +.top-border { + border-top: 1px solid #e7e7e7; +} + +.bottom-border { + border-bottom: 1px solid #e7e7e7; +} + +/*------------------------------------------*/ +/* BORDER RADIUS SETTING +/*------------------------------------------*/ + +.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } +.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } +.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } +.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } +.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } +.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } +.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; } +.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; } +.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } +.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; } +.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } +.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; } +.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; } +.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; } +.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; } +.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } +.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; } +.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; } +.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; } +.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; } + +/*------------------------------------------*/ +/* OPACITY SETTINGS +/*------------------------------------------*/ + +.o-0 { opacity: 0!important; } +.o-10 { opacity: .1!important; } +.o-15 { opacity: .15!important; } +.o-20 { opacity: .2!important; } +.o-25 { opacity: .25!important; } +.o-30 { opacity: .3!important; } +.o-35 { opacity: .35!important; } +.o-40 { opacity: .4!important; } +.o-45 { opacity: .45!important; } +.o-50 { opacity: .5!important; } +.o-55 { opacity: .55!important; } +.o-60 { opacity: .60!important; } +.o-65 { opacity: .65!important; } +.o-70 { opacity: .7!important; } +.o-75 { opacity: .75!important; } +.o-80 { opacity: .8!important; } +.o-85 { opacity: .85!important; } +.o-90 { opacity: .9!important; } +.o-95 { opacity: .95!important; } +.o-100 { opacity: 1!important; } + +/*------------------------------------------*/ +/* SPACING & INDENTS +/*------------------------------------------*/ + +.py-5 { padding-top: 5px; padding-bottom: 5px; } +.py-10 { padding-top: 10px; padding-bottom: 10px; } +.py-15 { padding-top: 15px; padding-bottom: 15px; } +.py-20 { padding-top: 20px; padding-bottom: 20px; } +.py-30 { padding-top: 30px; padding-bottom: 30px; } +.py-40 { padding-top: 40px; padding-bottom: 40px; } +.py-50 { padding-top: 50px; padding-bottom: 50px; } +.py-60 { padding-top: 60px; padding-bottom: 60px; } +.py-70 { padding-top: 70px; padding-bottom: 70px; } +.py-80 { padding-top: 80px; padding-bottom: 80px; } +.py-90 { padding-top: 90px; padding-bottom: 90px; } +.py-100 { padding-top: 100px; padding-bottom: 100px; } + +.pt-30 { padding-top: 30px; } +.pt-40 { padding-top: 40px; } +.pt-50 { padding-top: 50px; } +.pt-60 { padding-top: 60px; } +.pt-70 { padding-top: 70px; } +.pt-80 { padding-top: 80px; } +.pt-90 { padding-top: 90px; } +.pt-100 { padding-top: 100px; } + +.pb-30 { padding-bottom: 30px; } +.pb-40 { padding-bottom: 40px; } +.pb-50 { padding-bottom: 50px; } +.pb-60 { padding-bottom: 60px; } +.pb-70 { padding-bottom: 70px; } +.pb-80 { padding-bottom: 80px; } +.pb-90 { padding-bottom: 90px; } +.pb-100 { padding-bottom: 100px; } + +.mt-10 { margin-top: 10px; } +.mt-15 { margin-top: 15px; } +.mt-20 { margin-top: 20px; } +.mt-25 { margin-top: 25px; } +.mt-30 { margin-top: 30px; } +.mt-35 { margin-top: 35px; } +.mt-40 { margin-top: 40px; } +.mt-45 { margin-top: 45px; } +.mt-50 { margin-top: 50px; } +.mt-55 { margin-top: 55px; } +.mt-60 { margin-top: 60px; } +.mt-65 { margin-top: 65px; } +.mt-70 { margin-top: 70px; } +.mt-75 { margin-top: 75px; } +.mt-80 { margin-top: 80px; } +.mt-85 { margin-top: 85px; } +.mt-90 { margin-top: 90px; } +.mt-95 { margin-top: 95px; } +.mt-100 { margin-top: 100px; } + +.mb-10 { margin-bottom: 10px; } +.mb-15 { margin-bottom: 15px; } +.mb-20 { margin-bottom: 20px; } +.mb-25 { margin-bottom: 25px; } +.mb-30 { margin-bottom: 30px; } +.mb-35 { margin-bottom: 35px; } +.mb-40 { margin-bottom: 40px; } +.mb-45 { margin-bottom: 45px; } +.mb-50 { margin-bottom: 50px; } +.mb-55 { margin-bottom: 55px; } +.mb-60 { margin-bottom: 60px; } +.mb-65 { margin-bottom: 65px; } +.mb-70 { margin-bottom: 70px; } +.mb-75 { margin-bottom: 75px; } +.mb-80 { margin-bottom: 80px; } +.mb-85 { margin-bottom: 85px; } +.mb-90 { margin-bottom: 90px; } +.mb-95 { margin-bottom: 95px; } +.mb-100 { margin-bottom: 100px; } + +.ml-5 { margin-left: 5px; } +.ml-10 { margin-left: 10px; } +.ml-15 { margin-left: 15px; } +.ml-20 { margin-left: 20px; } +.ml-25 { margin-left: 25px; } +.ml-30 { margin-left: 30px; } + +.mr-5 { margin-right: 5px; } +.mr-10 { margin-right: 10px; } +.mr-15 { margin-right: 15px; } +.mr-20 { margin-right: 20px; } +.mr-25 { margin-right: 25px; } +.mr-30 { margin-right: 30px; } + +/*------------------------------------------*/ +/* BACKGROUND SETTINGS +/*------------------------------------------*/ + +.bg--fixed, +.bg--scroll { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--fixed { + background-attachment: scroll!important; +} + +.bg--scroll { + background-attachment: fixed!important; +} + +/*------------------------------------------*/ +/* BACKGROUND COLORS +/*------------------------------------------*/ + +.bg--white-500 { background-color: #f2f4f8; } +.bg--white-400 { background-color: #f4f4f9; } +.bg--white-300 { background-color: #f7f8f9; } +.bg--white-200 { background-color: #fbfbfd; } +.bg--white-100 { background-color: #fff; } + +.bg--black-500 { background-color: #22223b; } +.bg--black-400 { background-color: #2e3648; } +.bg--black-300 { background-color: #394455; } +.bg--black-200 { background-color: #e1e3e5; } +.bg--black-100 { background-color: #ecf1f4; } + +.bg--blue-500 { background-color: #185abd; } +.bg--blue-400 { background-color: #1680fb; } +.bg--blue-300 { background-color: #3eb1ff; } +.bg--blue-200 { background-color: #ddedff; } +.bg--blue-100 { background-color: #f4f9fc; } + +.bg--green-500 { background-color: #00a14e; } +.bg--green-400 { background-color: #0fbc49; } +.bg--green-300 { background-color: #6fd792; } +.bg--green-200 { background-color: #cff2db; } +.bg--green-100 { background-color: #e9f8f2; } + +.bg--pink-500 { background-color: #ff149c; } +.bg--pink-400 { background-color: #f74780; } +.bg--pink-300 { background-color: #fcb5cc; } +.bg--pink-200 { background-color: #fee4ec; } +.bg--pink-100 { background-color: #feecf2; } + +.bg--purple-5000 { background-color: #663ae9; } +.bg--purple-500 { background-color: #7827e6; } +.bg--purple-400 { background-color: #7b5dd6; } +.bg--purple-300 { background-color: #bdaeea; } +.bg--purple-200 { background-color: #e5deff; } +.bg--purple-100 { background-color: #f1edff; } + +.bg--red-500 { background-color: #da0f29; } +.bg--red-400 { background-color: #ff1e1a; } +.bg--red-300 { background-color: #ffa5a3; } +.bg--red-200 { background-color: #ffd2d1; } +.bg--red-100 { background-color: #fce7e4; } + +.bg--violet-500 { background-color: #c73e9b; } +.bg--violet-400 { background-color: #be6cbe; } +.bg--violet-300 { background-color: #e2bde2; } +.bg--violet-200 { background-color: #f1cde5; } +.bg--violet-100 { background-color: #f7e4f1; } + +.bg--yellow-500 { background-color: #ffba01; } +.bg--yellow-400 { background-color: #ffbd45; } +.bg--yellow-300 { background-color: #ffdf35; } +.bg--yellow-200 { background-color: #fef5cd; } +.bg--yellow-100 { background-color: #fef9e5; } + +.bg--tra-black { background-color: rgba(0, 0, 0, .04); } +.bg--tra-white { background-color: rgba(255, 255, 255, .15); } +.bg--primary-blue { background-color: #2160fd; } +.bg--light-grey { background-color: #f0f3ff; } +.bg--snow { background-color: #fdfdfd; } + +/*------------------------------------------*/ +/* GRADIENT COLOR BACKGROUND +/*------------------------------------------*/ + +.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); } +.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); } +.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); } +.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); } +.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); } +.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); } + +/*------------------------------------------*/ +/* BACKGROUND SHAPE +/*------------------------------------------*/ + +.shape--01:after, +.shape--02:after, +.shape--03:after, +.shape--04:after, +.shape--05:after, +.shape--06:after, +.shape--07:after { + position: absolute; + content: ''; + z-index: -1; +} + +.shape--02.r-24:after { + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--01:after { + width: 150%; + height: 80%; + top: 13%; + left: -25%; +} + +.shape--02:after { + width: 86%; + height: 80%; + top: 13%; + left: 7%; +} + +.shape--03:after { + width: 78%; + height: 120%; + top: -60px; + left: 11%; + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--04:after { + width: 100%; + height: 80%; + top: 10%; + left: 0; +} + +.shape--05:after { + width: 150%; + height: 90%; + top: 0; + left: -25%; +} + +.shape--06:after { + width: 150%; + height: 75%; + top: 0; + left: -25%; +} + +.shape--07:after { + width: 200%; + height: 50%; + top: 37%; + left: -50%; +} + +.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); } + +.shape--white-500:after { background-color: #f2f4f8; } +.shape--white-400:after { background-color: #f4f4f9; } +.shape--white-300:after { background-color: #f7f8f9; } +.shape--white-200:after { background-color: #fbfbfd; } + +.shape--black-500:after { background-color: #22223b; } +.shape--black-400:after { background-color: #2e3648; } +.shape--black-300:after { background-color: #394455; } +.shape--black-200:after { background-color: #e1e3e5; } +.shape--black-100:after { background-color: #ecf1f4; } + +.shape--blue-500:after { background-color: #185abd; } +.shape--blue-400:after { background-color: #1680fb; } +.shape--blue-300:after { background-color: #3eb1ff; } +.shape--blue-200:after { background-color: #ddedff; } +.shape--blue-100:after { background-color: #f4f9fc; } + +.shape--green-500:after { background-color: #00a14e; } +.shape--green-400:after { background-color: #0fbc49; } +.shape--green-300:after { background-color: #6fd792; } +.shape--green-200:after { background-color: #cff2db; } +.shape--green-100:after { background-color: #e9f8f2; } + +.shape--pink-500:after { background-color: #ff149c; } +.shape--pink-400:after { background-color: #f74780; } +.shape--pink-300:after { background-color: #fcb5cc; } +.shape--pink-200:after { background-color: #fee4ec; } +.shape--pink-100:after { background-color: #feecf2; } + +.shape--purple-500:after { background-color: #663ae9; } +.shape--purple-400:after { background-color: #7b5dd6; } +.shape--purple-300:after { background-color: #bdaeea; } +.shape--purple-200:after { background-color: #e5deff; } +.shape--purple-100:after { background-color: #f1edff; } + +.shape--red-500:after { background-color: #da0f29; } +.shape--red-400:after { background-color: #ff1e1a; } +.shape--red-300:after { background-color: #ffa5a3; } +.shape--red-200:after { background-color: #ffd2d1; } +.shape--red-100:after { background-color: #fce7e4; } + +.shape--violet-500:after { background-color: #c73e9b; } +.shape--violet-400:after { background-color: #be6cbe; } +.shape--violet-300:after { background-color: #e2bde2; } +.shape--violet-200:after { background-color: #f1cde5; } +.shape--violet-100:after { background-color: #f7e4f1; } + +.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);} + +/*------------------------------------------*/ +/* BACKGROUND PATTERN +/*------------------------------------------*/ + +.pattern-01, +.pattern-02, +.pattern-03, +.pattern-04, +.pattern-05 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.pattern-01 { background-image: url(../images/pattern-01.png); } +.pattern-02 { background-image: url(../images/pattern-02.png); } +.pattern-03 { background-image: url(../images/pattern-03.png); } +.pattern-04 { background-image: url(../images/pattern-04.png); } +.pattern-05 { background-image: url(../images/pattern-05.png); } + +/*------------------------------------------*/ +/* BACKGROUND IMAGE +/*------------------------------------------*/ + +.bg--01, .bg--02, .bg--03, .bg--04, +.bg--05, .bg--06, .bg--07, .bg--08 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--01 { background-image: url(../images/bg-01.jpg); } +.bg--02 { background-image: url(../images/bg-02.jpg); } +.bg--03 { background-image: url(../images/bg-03.jpg); } +.bg--04 { background-image: url(../images/bg-04.jpg); } +.bg--05 { background-image: url(../images/bg-05.jpg); } +.bg--06 { background-image: url(../images/bg-06.jpg); } +.bg--07 { background-image: url(../images/bg-07.jpg); } +.bg--08 { background-image: url(../images/bg-08.jpg); } + +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +hr.divider { + width: 100%; + height: 1px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%); + opacity: .4; + border: none; + margin: 0; +} + +/*------------------------------------------*/ +/* WAVE SHAPE BOTTOM +/*------------------------------------------*/ + +.wave-shape-bottom { + position: absolute; + bottom: 0; + left: 0; + width: 100%; +} + + + + +/* ========================================================================== + 02. TYPOGRAPHY + =========================================================================== */ + +/*------------------------------------------*/ +/* HEADERS +/*------------------------------------------*/ + +h1, h2, h3, h4, h5, h6 { + color: #353f4f; + font-weight: 600; + letter-spacing: 0; + margin-bottom: 0; +} + +.font--jakarta h1, +.font--jakarta h2, +.font--jakarta h3, +.font--jakarta h4, +.font--jakarta h5, +.font--jakarta h6 { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1.35; +} + +.font--jakarta h1, +.font--jakarta h2 { + line-height: 1.25; +} + +.font--inter h1, +.font--inter h2, +.font--inter h3, +.font--inter h4, +.font--inter h5, +.font--inter h6 { + font-family: 'Inter', sans-serif; + letter-spacing: -0.5px; +} + +/*------------------------------------------*/ +/* PARAGRAPHS +/*------------------------------------------*/ + +p.p-sm { font-size: 0.9375rem; } /* 15px */ +p { font-size: 1rem; } /* 16px */ +p.p-md { font-size: 1.0625rem; } /* 17px */ +p.p-lg { font-size: 1.125rem; } /* 18px */ +p.p-xl { font-size: 1.2rem; } /* 19.2px */ + +/*------------------------------------------*/ +/* FONT SIZE +/*------------------------------------------*/ + +.s-15 { font-size: 0.9375rem; } /* 15px */ +.s-16 { font-size: 1rem; } /* 16px */ +.s-17 { font-size: 1.0625rem; } /* 17px */ +.s-18 { font-size: 1.125rem; } /* 18px */ +.s-19 { font-size: 1.1875rem; } /* 19px */ +.s-20 { font-size: 1.25rem; } /* 20px */ +.s-21 { font-size: 1.3125rem; } /* 21px */ +.s-22 { font-size: 1.375rem; } /* 22px */ +.s-23 { font-size: 1.4375rem; } /* 23px */ +.s-24 { font-size: 1.5rem; } /* 24px */ +.s-26 { font-size: 1.625rem; } /* 26px */ +.s-28 { font-size: 1.75rem; } /* 28px */ +.s-30 { font-size: 1.875rem; } /* 30px */ +.s-32 { font-size: 2rem; } /* 32px */ +.s-34 { font-size: 2.125rem; } /* 34px */ +.s-36 { font-size: 2.25rem; } /* 36px */ +.s-38 { font-size: 2.375rem; } /* 38px */ +.s-40 { font-size: 2.5rem; } /* 40px */ +.s-42 { font-size: 2.625rem; } /* 42px */ +.s-43 { font-size: 2.6875rem; } /* 43px */ +.s-44 { font-size: 2.75rem; } /* 44px */ +.s-45 { font-size: 2.8125rem; } /* 45px */ +.s-46 { font-size: 2.875rem; } /* 46px */ +.s-47 { font-size: 2.9375rem; } /* 47px */ +.s-48 { font-size: 3rem; } /* 48px */ +.s-50 { font-size: 3.125rem; } /* 50px */ +.s-52 { font-size: 3.25rem; } /* 52px */ +.s-54 { font-size: 3.375rem; } /* 54px */ +.s-56 { font-size: 3.5rem; } /* 56px */ +.s-58 { font-size: 3.625rem; } /* 58px */ +.s-60 { font-size: 3.75rem; } /* 60px */ +.s-62 { font-size: 3.875rem; } /* 62px */ +.s-64 { font-size: 4rem; } /* 64px */ +.s-66 { font-size: 4.125rem; } /* 66px */ +.s-68 { font-size: 4.25rem; } /* 68px */ +.s-70 { font-size: 4.375rem; } /* 70px */ +.s-72 { font-size: 4.5rem; } /* 72px */ +.s-74 { font-size: 4.625rem; } /* 74px */ +.s-76 { font-size: 4.75rem; } /* 76px */ +.s-78 { font-size: 4.875rem; } /* 78px */ +.s-80 { font-size: 5rem; } /* 80px */ + +/*------------------------------------------*/ +/* FONT WEIGHT +/*------------------------------------------*/ + +.txt-upcase { + text-transform: uppercase +} + +.w-200 { font-weight: 200; } +.w-300 { font-weight: 300; } +.w-400 { font-weight: 400; } +.w-500 { font-weight: 500; } +.w-600 { font-weight: 600; } +.w-700 { font-weight: 700; } +.w-800 { font-weight: 800; } +.w-900 { font-weight: 900; } + +/*------------------------------------------*/ +/* LINK SETTINGS +/*------------------------------------------*/ + +a { + color: #6c757d; + text-decoration: none; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +a:hover { + color: #353f4f!important; + text-decoration: none; +} + +a:focus { + outline: none; + text-decoration: none; +} + +a.tra-link { + font-size: 1rem; + line-height: 1; + font-weight: 500; +} + +a.tra-link span { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.tra-link.ico-20 [class*="flaticon-"]:before, +.tra-link.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 0.75rem; + line-height: 0.7rem!important; + top: 2px; + left: 2px; +} + +a.tra-link:hover span { + color: #353f4f!important; +} + +/*------------------------------------------*/ +/* LISTS +/*------------------------------------------*/ + +ul { + margin: 0; + padding: 0; + list-style: none; +} + +/*------------------------------------------*/ +/* TEXT LIST +/*------------------------------------------*/ + +ul.simple-list { + list-style: disc; + margin-left: 15px; +} + +ul.simple-list.long-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* DIGIT LIST +/*------------------------------------------*/ + +ol.digit-list { + padding: 0; + margin-left: 15px; +} + +ol.digit-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* BUTTON SETTINGS +/*------------------------------------------*/ + +.btn { + background-color: transparent; + font-size: 1rem; + line-height: 1; + font-weight: 500; + padding: 0.9rem 1.8rem; + border: 2px solid transparent; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.btn.btn-sm { + font-size: 0.975rem; + padding: 0.7rem 1.5rem; +} + +.btn.ico-30.ico-left, +.btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Buttons Group +/*------------------------------------------*/ + +.text-center .btns-group { + display: inline-block; +} + +.btns-group .btn:first-child { + margin-right: 15px; +} + +.btns-group .btn.ico-30.ico-left { + padding: 0.37rem 0.5rem; +} + +.btns-group .btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Button Icon +/*------------------------------------------*/ + +.btn.ico-20 [class*="flaticon-"]:before, +.btn.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 1rem; + line-height: 0.7rem!important; + top: 4px; +} + +.btn.ico-left span { + margin-right: 5px; +} + +.btn.ico-right span { + margin-left: 5px; +} + +.btn.ico-30.ico-left span { + position: relative; + top: 0; + right: 4px; +} + +.btn.ico-30.ico-right span { + position: relative; + top: 0; + left: 4px; +} + +.btn.ico-30.ico-left span.ico-30-txt, +.btn.ico-30.ico-right span.ico-30-txt { + position: relative; + top: -10px; + right: 0; +} + +.btn.ico-30.ico-right span.ico-30-txt { + left: 0; +} + +/*------------------------------------------*/ +/* Button Text +/*------------------------------------------*/ + +p.btn-txt { + margin: 20px 0 0 0; +} + +.btn-rating p.btn-txt { + margin: 0; +} + +.star-rating span.rating-txt { + font-size: 0.9375rem; +} + +p.btns-group-txt { + margin: 14px 0 0 0; +} + +.btn-rating { + margin-top: 18px; +} + +.text-center p.btns-group-txt { + margin-top: 20px; +} + +p.btn-txt.ico-15, +p.btns-group-txt.ico-15 { + padding-left: 5px; +} + +.text-center p.btn-txt.ico-15, +.text-center p.btns-group-txt.ico-15 { + padding-left: 0; +} + +p.btn-txt span, +p.btns-group-txt span { + position: relative; + top: 0.5px; + right: 2px; +} + +p.btns-group-txt span.txt-data { + display: block; + top: 0; + right: 0; +} + +p.btns-group-txt span.txt-data a { + margin-left: 4px; + text-decoration: underline; +} + +p.btns-group-txt span.txt-data a:hover { + text-decoration: none; +} + +.hero-section .color--white p.btns-group-txt span.txt-data a:hover { + color: #fff!important; +} + +.btn-txt.ico-15 [class*="flaticon-"]:before, +.btn-txt.ico-15 [class*="flaticon-"]:after, +.btns-group-txt.ico-15 [class*="flaticon-"]:before, +.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.star-rating.ico-15 [class*="flaticon-"]:before, +.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; } + +/*------------------------------------------*/ +/* TRANSPARENT BUTTON +/*------------------------------------------*/ + +.btn--tra { + color: #fff!important; + border-color: transparent!important; + background-color: rgba(255, 255, 255, .2)!important; +} + +/*------------------------------------------*/ +/* WHITE BUTTON +/*------------------------------------------*/ + +.btn--transparent { + color: #353f4f; + background-color: transparent; + border-color: transparent; +} + +.btn--transparent:hover { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--white, +.hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.btn--tra-white, +.hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.white-scroll .scroll .hover--tra-white:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK BUTTON +/*------------------------------------------*/ + +.btn--black, +.hover--black:hover { + color: #fff!important; + background-color: #353f4f!important; + border-color: #353f4f!important; +} + +.btn--tra-black, +.hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* GREY BUTTON +/*------------------------------------------*/ + +.btn--tra-grey, +.hover--tra-grey:hover, +.white-scroll .scroll .hover--tra-grey:hover, +.black-scroll .scroll .hover--tra-grey:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #ccc!important; +} + +/*------------------------------------------*/ +/* BLUE BUTTON +/*------------------------------------------*/ + +.btn--blue-500, .hover--blue-500:hover, +.white-scroll .scroll .hover--blue-500:hover, +.black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.btn--blue-400, .hover--blue-400:hover, +.white-scroll .scroll .hover--blue-400:hover, +.black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.btn--blue-300, .hover--blue-300:hover, +.white-scroll .scroll .hover--blue-300:hover, +.black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.btn--blue-200, .hover--blue-200:hover, +.white-scroll .scroll .hover--blue-200:hover, +.black-scroll .scroll .hover--blue-200:hover { + color: #1680fb!important; + border-color: #e3ebfe!important; + background-color: #e3ebfe!important; +} + +.btn--blue-100, .hover--blue-100:hover, +.white-scroll .scroll .hover--blue-100:hover, +.black-scroll .scroll .hover--blue-100:hover { + color: #1680fb!important; + border-color: #1680fb!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* GREEN BUTTON +/*------------------------------------------*/ + +.btn--green-500, .hover--green-500:hover, +.white-scroll .scroll .hover--green-500:hover, +.black-scroll .scroll .hover--green-500:hover { + color: #fff!important; + border-color: #00a14e!important; + background-color: #00a14e!important; +} + +.btn--green-400, .hover--green-400:hover, +.white-scroll .scroll .hover--green-400:hover, +.black-scroll .scroll .hover--green-400:hover { + color: #fff!important; + border-color: #0fbc49!important; + background-color: #0fbc49!important; +} + +.btn--green-300, .hover--green-300:hover, +.white-scroll .scroll .hover--green-300:hover, +.black-scroll .scroll .hover--green-300:hover { + color: #fff!important; + border-color: #6fd792!important; + background-color: #6fd792!important; +} + +.btn--green-200, .hover--green-200:hover, +.white-scroll .scroll .hover--green-200:hover, +.black-scroll .scroll .hover--green-200:hover { + color: #0fbc49!important; + border-color: #cff2db!important; + background-color: #cff2db!important; +} + +.btn--green-100, .hover--green-100:hover, +.white-scroll .scroll .hover--green-100:hover, +.black-scroll .scroll .hover--green-100:hover { + color: #0fbc49!important; + border-color: #0fbc49!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PINK BUTTON +/*------------------------------------------*/ + +.btn--pink-500, .hover--pink-500:hover, +.white-scroll .scroll .hover--pink-500:hover, +.black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.btn--pink-400, .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.btn--pink-300, .hover--pink-300:hover, +.white-scroll .scroll .hover--pink-300:hover, +.black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.btn--pink-200, .hover--pink-200:hover, +.white-scroll .scroll .hover--pink-200:hover, +.black-scroll .scroll .hover--pink-200:hover { + color: #f74780!important; + border-color: #fee4ec!important; + background-color: #fee4ec!important; +} + +.btn--pink-100, .hover--pink-100:hover, +.white-scroll .scroll .hover--pink-100:hover, +.black-scroll .scroll .hover--pink-100:hover { + color: #f74780!important; + border-color: #f74780!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PURPLE BUTTON +/*------------------------------------------*/ + +.btn--purple-500, .hover--purple-500:hover, +.white-scroll .scroll .hover--purple-500:hover, +.black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.btn--purple-400, .hover--purple-400:hover, +.white-scroll .scroll .hover--purple-400:hover, +.black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.btn--purple-300, .hover--purple-300:hover, +.white-scroll .scroll .hover--purple-300:hover, +.black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.btn--purple-200, .hover--purple-200:hover, +.white-scroll .scroll .hover--purple-200:hover, +.black-scroll .scroll .hover--purple-200:hover { + color: #7b5dd6!important; + border-color: #e5deff!important; + background-color: #e5deff!important; +} + +.btn--purple-100, .hover--purple-100:hover, +.white-scroll .scroll .hover--purple-100:hover, +.black-scroll .scroll .hover--purple-100:hover { + color: #7b5dd6!important; + border-color: #7b5dd6!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* RED BUTTON +/*------------------------------------------*/ + +.btn--red-500, .hover--red-500:hover, +.white-scroll .scroll .hover--red-500:hover, +.black-scroll .scroll .hover--red-500:hover { + color: #fff!important; + border-color: #da0f29!important; + background-color: #da0f29!important; +} + +.btn--red-400, .hover--red-400:hover, +.white-scroll .scroll .hover--red-400:hover, +.black-scroll .scroll .hover--red-400:hover { + color: #fff!important; + border-color: #ff1e1a!important; + background-color: #ff1e1a!important; +} + +.btn--red-300, .hover--red-300:hover, +.white-scroll .scroll .hover--red-300:hover, +.black-scroll .scroll .hover--red-300:hover { + color: #fff!important; + border-color: #ffa5a3!important; + background-color: #ffa5a3!important; +} + +.btn--red-200, .hover--red-200:hover, +.white-scroll .scroll .hover--red-200:hover, +.black-scroll .scroll .hover--red-200:hover { + color: #ff1e1a!important; + border-color: #ffd2d1!important; + background-color: #ffd2d1!important; +} + +.btn--red-100, .hover--red-100:hover, +.white-scroll .scroll .hover--red-100:hover, +.black-scroll .scroll .hover--red-100:hover { + color: #ff1e1a!important; + border-color: #ff1e1a!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* VIOLET BUTTON +/*------------------------------------------*/ + +.btn--violet-500, .hover--violet-500:hover, +.white-scroll .scroll .hover--violet-500:hover, +.black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.btn--violet-400, .hover--violet-400:hover, +.white-scroll .scroll .hover--violet-400:hover, +.black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.btn--violet-300, .hover--violet-300:hover, +.white-scroll .scroll .hover--violet-300:hover, +.black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.btn--violet-200, .hover--violet-200:hover, +.white-scroll .scroll .hover--violet-200:hover, +.black-scroll .scroll .hover--violet-200:hover { + color: #be6cbe!important; + border-color: #f1cde5!important; + background-color: #f1cde5!important; +} + +.btn--violet-100, .hover--violet-100:hover, +.white-scroll .scroll .hover--violet-100:hover, +.black-scroll .scroll .hover--violet-100:hover { + color: #be6cbe!important; + border-color: #be6cbe!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* YELLOW BUTTON +/*------------------------------------------*/ + +.btn--yellow-500, .hover--yellow-500:hover, +.white-scroll .scroll .hover--yellow-500:hover, +.black-scroll .scroll .hover--yellow-500:hover { + color: #353f4f!important; + border-color: #ffba01!important; + background-color: #ffba01!important; +} + +.btn--yellow-400, .hover--yellow-400:hover, +.white-scroll .scroll .hover--yellow-400:hover, +.black-scroll .scroll .hover--yellow-400:hover { + color: #353f4f!important; + border-color: #ffbd45!important; + background-color: #ffbd45!important; +} + +.btn--yellow-300, .hover--yellow-300:hover, +.white-scroll .scroll .hover--yellow-300:hover, +.black-scroll .scroll .hover--yellow-300:hover { + color: #353f4f!important; + border-color: #ffdf35!important; + background-color: #ffdf35!important; +} + +.btn--yellow-200, .hover--yellow-200:hover, +.white-scroll .scroll .hover--yellow-200:hover, +.black-scroll .scroll .hover--yellow-200:hover { + color: #353f4f!important; + border-color: #fef5cd!important; + background-color: #fef5cd!important; +} + +.btn--yellow-100, .hover--yellow-100:hover, +.white-scroll .scroll .hover--yellow-100:hover, +.black-scroll .scroll .hover--yellow-100:hover { + color: #ffba01!important; + border-color: #ffba01!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* BUTTON FOCUS +/*------------------------------------------*/ + +.btn:focus, +.btn.btn--black:focus { + color: #fff; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--transparent:focus { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--grey:focus { + color: #666; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--tra-black:focus, +.btn--transparent:focus, +.btn.btn--tra-grey:focus { + color: #353f4f; + -webkit-box-shadow: none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* DOWNLOAD LINKS +/*------------------------------------------*/ + +.download-links li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.download-links-divider { + position: relative; + top: 1.5px; + transform: rotate(-90deg); +} + +.download-links li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.download-links li p a { + font-weight: 500; +} + +.download-links li p a:hover { + text-decoration: underline; +} + +.color--white .download-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* OS DOWNLOAD BUTTON +/*------------------------------------------*/ + +.os-btn { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + text-align: left; + width: 330px; + min-width: 330px; + background-color: #fff; + border: 1px solid #d3d3d3; + padding: 17px 18px 15px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.os-btn:hover { + background-color: #f5f6f7; + border: 1px solid #f5f6f7; + -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); +} + +.os-btn-ico { + position: relative; + margin-right: 20px; +} + +.os-btn-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.os-btn-txt p { + color: #353f4f; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + letter-spacing: -0.5px; + margin-top: 6px; + margin-bottom: 5px; +} + +.os-btn-txt span { + display: block; + font-size: 0.9rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* STORE BADGE ICONS +/*------------------------------------------*/ + +.stores-badge { + display: inline-block; +} + +.store { + display: inline-block; + text-align: center; + margin-right: 10px; +} + +.store:last-child { + margin-right: 0; +} + +.store img { + width: auto; + max-width: inherit; +} + +.badge-img-xs .store img { max-height: 2.5rem; } +.badge-img-sm .store img { max-height: 2.625rem; } +.badge-img-md .store img { max-height: 2.875rem; } +.badge-img-lg .store img { max-height: 3rem; } + +/*------------------------------------------*/ +/* WATCH VIDEO LINK +/*------------------------------------------*/ + +.watch-video { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + margin-top: 25px; +} + +/*------------------------------------------*/ +/* Link Icon +/*------------------------------------------*/ + +.watch-video-link { + position: relative; + text-align: center; + float: left; + width: 2.85rem; + height: 2.85rem; + color: #fff; + border: none; + margin-right: 12px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.watch-video-link:before { + content: ''; + position: absolute; + left: -3px; + right: -3px; + top: -3px; + bottom: -3px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.watch-video-link:hover:before { + opacity: .75; + left: -8px; + right: -8px; + top: -8px; + bottom: -8px; +} + +.watch-video-link span[class^="flaticon-"]:before, +.watch-video-link span[class^="flaticon-"]:after { + font-size: 2rem; + line-height: 2.85rem!important; + margin-left: 5px; +} + +/*------------------------------------------*/ +/* Link Text +/*------------------------------------------*/ + +.watch-video-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + text-align: left!important; +} + +p.video-txt-lg { + font-size: 1rem; + line-height: 1; + font-weight: 400; + margin-bottom: 5px; +} + +p.video-txt-sm { + font-size: 0.925rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* VIDEO POPUP ICON +/*------------------------------------------*/ + +.video-preview { + position: relative; + text-align: center; +} + +.video-btn { + position: absolute!important; + top: 50%; + left: 50%; + display: inline-block; + text-align: center; + color: #fff; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.video-btn-xl { + width: 6.25rem; + height: 6.25rem; + margin-top: -3.125rem; + margin-left: -3.125rem; +} + +.video-btn-lg { + width: 5.625rem; + height: 5.625rem; + margin-top: -2.8125rem; + margin-left: -2.8125rem; +} + +.video-btn-md { + width: 5rem; + height: 5rem; + margin-top: -2.5rem; + margin-left: -2.5rem; +} + +.video-btn-sm { + width: 4.375rem; + height: 4.375rem; + margin-top: -2.1875rem; + margin-left: -2.1875rem; +} + +.video-block-wrapper { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl [class^="flaticon-"]:before, +.video-btn.video-btn-xl [class^="flaticon-"]:after { + font-size: 5rem; + line-height: 6.25rem!important; + margin-left: 10px; +} + +.video-btn.video-btn-lg [class^="flaticon-"]:before, +.video-btn.video-btn-lg [class^="flaticon-"]:after { + font-size: 4.5rem; + line-height: 5.625rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-md [class^="flaticon-"]:before, +.video-btn.video-btn-md [class^="flaticon-"]:after { + font-size: 4.35rem; + line-height: 5rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-sm [class^="flaticon-"]:before, +.video-btn.video-btn-sm [class^="flaticon-"]:after { + font-size: 3.5rem; + line-height: 4.375rem!important; + margin-left: 5px; +} + +.video-btn:hover .video-block-wrapper { + -moz-transform: scale(0.95); + -ms-transform: scale(0.95); + -webkit-transform: scale(0.95); + -o-transform: scale(0.95); + transform: scale(0.95); +} + +.video-btn:before { + content: ''; + position: absolute; + left: -5px; + right: -5px; + top: -5px; + bottom: -5px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl:hover:before { + opacity: .75; + left: -1.5rem; + right: -1.5rem; + top: -1.5rem; + bottom: -1.5rem; +} + +.video-btn.video-btn-lg:hover:before { + opacity: .75; + left: -1.25rem; + right: -1.25rem; + top: -1.25rem; + bottom: -1.25rem; +} + +.video-btn.video-btn-md:hover:before { + opacity: .75; + left: -1rem; + right: -1rem; + top: -1rem; + bottom: -1rem; +} + +.video-btn.video-btn-sm:hover:before { + opacity: .75; + left: -0.75rem; + right: -0.75rem; + top: -0.75rem; + bottom: -0.75rem; +} + +/*------------------------------------------*/ +/* VECTOR ICONS +/*------------------------------------------*/ + +.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; } /* 15px */ +.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; } /* 15px */ +.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; } /* 20px */ +.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; } /* 25px */ +.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; } /* 30px */ +.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; } /* 35px */ +.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; } /* 40px */ +.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; } /* 45px */ +.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; } /* 50px */ +.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; } /* 55px */ +.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; } /* 60px */ +.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; } /* 65px */ +.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; } /* 70px */ +.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; } /* 75px */ +.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; } /* 80px */ +.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; } /* 85px */ +.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; } /* 90px */ +.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; } /* 95px */ +.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; } /* 100px */ +.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */ +.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; } /* 110px */ +.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */ +.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; } /* 120px */ +.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */ + +/*------------------------------------------*/ +/* VECTOR ICON BACKGROUND +/*------------------------------------------*/ + +.shape-ico { + position: relative; + display: inline-block; + margin: 0 auto; +} + +.shape-ico span { + position: relative; + z-index: 2; +} + +.shape-ico svg { + position: absolute; + z-index: 1; +} + +.ico-50 .shape-ico svg { + width: 130px; + height: 130px; + top: -35px; + left: calc(50% - 60px); +} + +.fbox-11 .ico-50 .shape-ico svg { + top: -40px; + left: calc(50% - 70px); +} + +.ico-55 .shape-ico svg { + width: 135px; + height: 135px; + top: -30px; + left: calc(50% - 60px); +} + +.ico-60 .shape-ico svg { + width: 140px; + height: 140px; + top: -30px; + left: calc(50% - 65px); +} + +.shape-ico.color--blue-300 path, +.shape-ico.color--blue-400 path, +.shape-ico.color--blue-500 path { + fill: #f4f9fc; +} + +.shape-ico.color--green-300 path, +.shape-ico.color--green-400 path, +.shape-ico.color--green-500 path { + fill: #e9f8f2; +} + +.shape-ico.color--pink-300 path, +.shape-ico.color--pink-400 path, +.shape-ico.color--pink-500 path { + fill: #feecf2; +} + +.shape-ico.color--purple-300 path, +.shape-ico.color--purple-400 path, +.shape-ico.color--purple-500 path { + fill: #f1edff; +} + +.shape-ico.color--red-300 path, +.shape-ico.color--red-400 path, +.shape-ico.color--red-500 path { + fill: #fce7e4; +} + +.shape-ico.color--violet-300 path, +.shape-ico.color--violet-400 path, +.shape-ico.color--violet-500 path { + fill: #f7e4f1; +} + +/*------------------------------------------*/ +/* VECTOR ROUNDED ICONS +/*------------------------------------------*/ + +.ico-rounded, +.ico-rounded-md, +.ico-rounded-lg { + display: inline-block; + text-align: center; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.ico-rounded { width: 80px; height: 80px; } +.ico-rounded-md { width: 90px; height: 90px; } +.ico-rounded-lg { width: 100px; height: 100px; } + +.ico-rounded [class*="flaticon-"]:before, +.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; } + +.ico-rounded-md [class*="flaticon-"]:before, +.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; } + +.ico-rounded-lg [class*="flaticon-"]:before, +.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; } + +/*------------------------------------------*/ +/* VECTOR SQUARE ICONS +/*------------------------------------------*/ + +.ico-square { + display: inline-block; + text-align: center; + width: 80px; + height: 80px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -o-border-radius: 12px; + border-radius: 12px; +} + +.ico-square [class*="flaticon-"]:before, +.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; } + +/*------------------------------------------*/ +/* PNG ICONS SETTINGS +/*------------------------------------------*/ + +.ico-145 img { width: 145px; height: 145px; } +.ico-140 img { width: 140px; height: 140px; } +.ico-135 img { width: 135px; height: 135px; } +.ico-130 img { width: 130px; height: 130px; } +.ico-125 img { width: 125px; height: 125px; } +.ico-120 img { width: 120px; height: 120px; } +.ico-115 img { width: 115px; height: 115px; } +.ico-110 img { width: 110px; height: 110px; } +.ico-105 img { width: 105px; height: 105px; } +.ico-100 img { width: 100px; height: 100px; } +.ico-95 img { width: 95px; height: 95px; } +.ico-90 img { width: 90px; height: 90px; } +.ico-85 img { width: 85px; height: 85px; } +.ico-80 img { width: 80px; height: 80px; } +.ico-75 img { width: 75px; height: 75px; } +.ico-70 img { width: 70px; height: 70px; } +.ico-65 img { width: 65px; height: 65px; } +.ico-60 img { width: 60px; height: 60px; } +.ico-55 img { width: 55px; height: 55px; } +.ico-50 img { width: 50px; height: 50px; } +.ico-45 img { width: 45px; height: 45px; } +.ico-40 img { width: 40px; height: 40px; } +.ico-35 img { width: 35px; height: 35px; } +.ico-30 img { width: 30px; height: 30px; } +.ico-25 img { width: 25px; height: 25px; } +.ico-20 img { width: 20px; height: 20px; } + +/*------------------------------------------*/ +/* SECTION ID +/*------------------------------------------*/ + +.section-id { + display: block; + font-size: 0.85rem; + line-height: 1; + font-weight: 700; + letter-spacing: 0.5px; + text-transform: uppercase; + margin-bottom: 35px; +} + +.section-id.rounded-id { + display: inline-block; + padding: 10px 24px; + font-size: 0.85rem; + text-transform: uppercase; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + margin-bottom: 40px; +} + +.section-id.border-id { + border-width: 2px; + border-style: solid; +} + +.section-id.border-id.border--grey { + border-color: #757575; +} + +.section-id.border-id.border--blue { + border-color: #1680fb; +} + +.font--jakarta .section-id { + font-family: 'Plus Jakarta Sans', sans-serif; +} + +.font--inter .section-id { + font-family: 'Inter', sans-serif; +} + +/*------------------------------------------*/ +/* SECTION TITLE +/*------------------------------------------*/ + +.section-title { + text-align: center; +} + +.section-title h2 { + margin-bottom: 0; +} + +.section-title h2.w-700 { + letter-spacing: -0.5px; +} + +.section-title p.p-md, +.section-title p.p-lg, +.section-title p.p-xl, +.section-title p.s-20, +.section-title p.s-21 { + margin-top: 18px; + margin-bottom: 0; +} + +.section-title p.p-md, +.section-title p.p-lg { + padding: 0 3%; +} + +.section-title a.contact-link { + font-weight: 500; + text-decoration: underline; +} + +.section-title .btns-group .btn { + margin-top: 0; +} + +.section-title .advantages, +.section-title .btns-txt, +.section-title .btns-group-txt { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* TEXT COLORS +/*------------------------------------------*/ + +.color--white, +.color--white h1, +.color--white h2, +.color--white h3, +.color--white h4, +.color--white h5, +.color--white h6, +.color--white p, +.color--white a, +.color--white li, +.color--white i, +.color--white span { color: #fff; } + +.color--snow, +.color--snow h1, +.color--snow h2, +.color--snow h3, +.color--snow h4, +.color--snow h5, +.color--snow h6, +.color--snow p, +.color--snow a, +.color--snow li, +.color--snow i, +.color--snow span, +.color--white .color--snow { color: #c2c3cb; } + +.color--black, +.color--black h1, +.color--black h2, +.color--black h3, +.color--black h4, +.color--black h5, +.color--black h6, +.color--black p, +.color--black a, +.color--black li, +.color--black i, +.color--black span { color: #353f4f; } + +.color--coal, +.color--coal h1, +.color--coal h2, +.color--coal h3, +.color--coal h4, +.color--coal h5, +.color--coal h6, +.color--coal p, +.color--coal a, +.color--coal li, +.color--coal i, +.color--coal span { color: #52595d; } + +.color--grey, +.color--grey h1, +.color--grey h2, +.color--grey h3, +.color--grey h4, +.color--grey h5, +.color--grey h6, +.color--grey p, +.color--grey a, +.color--grey li, +.color--grey i, +.color--grey span, +.color--white .color--grey { color: #757575; } + +.color--blue-500, +.color--blue-500 h1, +.color--blue-500 h2, +.color--blue-500 h3, +.color--blue-500 h4, +.color--blue-500 h5, +.color--blue-500 h6, +.color--blue-500 p, +.color--blue-500 a, +.color--blue-500 li, +.color--blue-500 i, +.color--blue-500 span, +.color--white .color--blue-500 { color: #185abd!important; } + +.color--blue-400, +.color--blue-400 h1, +.color--blue-400 h2, +.color--blue-400 h3, +.color--blue-400 h4, +.color--blue-400 h5, +.color--blue-400 h6, +.color--blue-400 p, +.color--blue-400 a, +.color--blue-400 li, +.color--blue-400 i, +.color--blue-400 span, +.color--white .color--blue-400 { color: #1680fb!important; } + +.color--blue-300, +.color--blue-300 h1, +.color--blue-300 h2, +.color--blue-300 h3, +.color--blue-300 h4, +.color--blue-300 h5, +.color--blue-300 h6, +.color--blue-300 p, +.color--blue-300 a, +.color--blue-300 li, +.color--blue-300 i, +.color--blue-300 span, +.color--white .color--blue-300 { color: #3eb1ff!important; } + +.color--green-500, +.color--green-500 h1, +.color--green-500 h2, +.color--green-500 h3, +.color--green-500 h4, +.color--green-500 h5, +.color--green-500 h6, +.color--green-500 p, +.color--green-500 a, +.color--green-500 li, +.color--green-500 i, +.color--green-500 span, +.color--white .color--green-500 { color: #00a14e!important; } + +.color--green-400, +.color--green-400 h1, +.color--green-400 h2, +.color--green-400 h3, +.color--green-400 h4, +.color--green-400 h5, +.color--green-400 h6, +.color--green-400 p, +.color--green-400 a, +.color--green-400 li, +.color--green-400 i, +.color--green-400 span, +.color--white .color--green-400 { color: #0fbc49!important; } + +.color--green-300, +.color--green-300 h1, +.color--green-300 h2, +.color--green-300 h3, +.color--green-300 h4, +.color--green-300 h5, +.color--green-300 h6, +.color--green-300 p, +.color--green-300 a, +.color--green-300 li, +.color--green-300 i, +.color--green-300 span, +.color--white .color--green-300 { color: #6fd792!important; } + +.color--pink-500, +.color--pink-500 h1, +.color--pink-500 h2, +.color--pink-500 h3, +.color--pink-500 h4, +.color--pink-500 h5, +.color--pink-500 h6, +.color--pink-500 p, +.color--pink-500 a, +.color--pink-500 li, +.color--pink-500 i, +.color--pink-500 span, +.color--white .color--pink-500 { color: #ff149c!important; } + +.color--pink-400, +.color--pink-400 h1, +.color--pink-400 h2, +.color--pink-400 h3, +.color--pink-400 h4, +.color--pink-400 h5, +.color--pink-400 h6, +.color--pink-400 p, +.color--pink-400 a, +.color--pink-400 li, +.color--pink-400 i, +.color--pink-400 span, +.color--white .color--pink-400 { color: #f74780!important; } + +.color--pink-300, +.color--pink-300 h1, +.color--pink-300 h2, +.color--pink-300 h3, +.color--pink-300 h4, +.color--pink-300 h5, +.color--pink-300 h6, +.color--pink-300 p, +.color--pink-300 a, +.color--pink-300 li, +.color--pink-300 i, +.color--pink-300 span, +.color--white .color--pink-300 { color: #fcb5cc!important; } + +.color--purple-500, +.color--purple-500 h1, +.color--purple-500 h2, +.color--purple-500 h3, +.color--purple-500 h4, +.color--purple-500 h5, +.color--purple-500 h6, +.color--purple-500 p, +.color--purple-500 a, +.color--purple-500 li, +.color--purple-500 i, +.color--purple-500 span, +.color--white .color--purple-500 { color: #663ae9!important; } + +.color--purple-400, +.color--purple-400 h1, +.color--purple-400 h2, +.color--purple-400 h3, +.color--purple-400 h4, +.color--purple-400 h5, +.color--purple-400 h6, +.color--purple-400 p, +.color--purple-400 a, +.color--purple-400 li, +.color--purple-400 i, +.color--purple-400 span, +.color--white .color--purple-400 { color: #7b5dd6!important; } + +.color--purple-300, +.color--purple-300 h1, +.color--purple-300 h2, +.color--purple-300 h3, +.color--purple-300 h4, +.color--purple-300 h5, +.color--purple-300 h6, +.color--purple-300 p, +.color--purple-300 a, +.color--purple-300 li, +.color--purple-300 i, +.color--purple-300 span, +.color--white .color--purple-300 { color: #bdaeea!important; } + +.color--red-500, +.color--red-500 h1, +.color--red-500 h2, +.color--red-500 h3, +.color--red-500 h4, +.color--red-500 h5, +.color--red-500 h6, +.color--red-500 p, +.color--red-500 a, +.color--red-500 li, +.color--red-500 i, +.color--red-500 span, +.color--white .color--red-500 { color: #da0f29!important; } + +.color--red-400, +.color--red-400 h1, +.color--red-400 h2, +.color--red-400 h3, +.color--red-400 h4, +.color--red-400 h5, +.color--red-400 h6, +.color--red-400 p, +.color--red-400 a, +.color--red-400 li, +.color--red-400 i, +.color--red-400 span, +.color--white .color--red-400 { color: #ff1e1a!important; } + +.color--red-300, +.color--red-300 h1, +.color--red-300 h2, +.color--red-300 h3, +.color--red-300 h4, +.color--red-300 h5, +.color--red-300 h6, +.color--red-300 p, +.color--red-300 a, +.color--red-300 li, +.color--red-300 i, +.color--red-300 span, +.color--white .color--red-300 { color: #ffa5a3!important; } + +.color--violet-500, +.color--violet-500 h1, +.color--violet-500 h2, +.color--violet-500 h3, +.color--violet-500 h4, +.color--violet-500 h5, +.color--violet-500 h6, +.color--violet-500 p, +.color--violet-500 a, +.color--violet-500 li, +.color--violet-500 i, +.color--violet-500 span, +.color--white .color--violet-500 { color: #c73e9b!important; } + +.color--violet-400, +.color--violet-400 h1, +.color--violet-400 h2, +.color--violet-400 h3, +.color--violet-400 h4, +.color--violet-400 h5, +.color--violet-400 h6, +.color--violet-400 p, +.color--violet-400 a, +.color--violet-400 li, +.color--violet-400 i, +.color--violet-400 span, +.color--white .color--violet-400 { color: #be6cbe!important; } + +.color--violet-300, +.color--violet-300 h1, +.color--violet-300 h2, +.color--violet-300 h3, +.color--violet-300 h4, +.color--violet-300 h5, +.color--violet-300 h6, +.color--violet-300 p, +.color--violet-300 a, +.color--violet-300 li, +.color--violet-300 i, +.color--violet-300 span, +.color--white .color--violet-300 { color: #e2bde2!important; } + +.color--yellow-500, +.color--yellow-500 h1, +.color--yellow-500 h2, +.color--yellow-500 h3, +.color--yellow-500 h4, +.color--yellow-500 h5, +.color--yellow-500 h6, +.color--yellow-500 p, +.color--yellow-500 a, +.color--yellow-500 li, +.color--yellow-500 i, +.color--yellow-500 span, +.color--white .color--yellow-500 { color: #ffba01!important; } + +.color--yellow-400, +.color--yellow-400 h1, +.color--yellow-400 h2, +.color--yellow-400 h3, +.color--yellow-400 h4, +.color--yellow-400 h5, +.color--yellow-400 h6, +.color--yellow-400 p, +.color--yellow-400 a, +.color--yellow-400 li, +.color--yellow-400 i, +.color--yellow-400 span, +.color--white .color--yellow-400 { color: #ffbd45!important; } + +.color--yellow-300, +.color--yellow-300 h1, +.color--yellow-300 h2, +.color--yellow-300 h3, +.color--yellow-300 h4, +.color--yellow-300 h5, +.color--yellow-300 h6, +.color--yellow-300 p, +.color--yellow-300 a, +.color--yellow-300 li, +.color--yellow-300 i, +.color--yellow-300 span, +.color--white .color--yellow-300 { color: #ffdf35!important; } + + + + +/* ========================================================================== + 03. PRELOAD ANIMATION + ========================================================================== */ + +#loading { + height: 100%; + width: 100%; + position: fixed; + z-index: 1; + margin-top: 0px; + top: 0px; + z-index: 99999999; +} + +#loading { + background-color: #f5f5f9; +} + +#loading-center { + position: absolute; + left: 50%; + top: 50%; + height: 100px; + width: 100px; + margin-top: -50px; + margin-left: -50px; + -webkit-animation: loading-center-absolute 1s infinite; + animation: loading-center-absolute 1s infinite; +} + +.loader { + border: 2px solid; + border-color: transparent #888; + width: 100px; + height: 100px; + border-radius: 50%; + display: inline-block; + position: relative; + box-sizing: border-box; + animation: rotation 1s linear infinite; +} + +.loading--blue .loader { + border-color: transparent #1680fb; +} + +.loading--green .loader { + border-color: transparent #0fbc49; +} + +.loading--pink .loader { + border-color: transparent #f74780; +} + +.loading--purple .loader { + border-color: transparent #7b5dd6; +} + +.loading--red .loader { + border-color: transparent #ff1e1a; +} + +.loading--violet .loader { + border-color: transparent #c73e9b; +} + +.loading--yellow .loader { + border-color: transparent #ffba01; +} + +.loader::after { + content: ''; + box-sizing: border-box; + position: absolute; + left: 50%; + top: 50%; + border: 50px solid; + border-color: transparent rgba(30, 30, 30, 0.15); + border-radius: 50%; + transform: translate(-50%, -50%); +} + +.loading--blue .loader::after { + border-color: transparent rgba(22, 128, 251, .15); +} + +.loading--green .loader::after { + border-color: transparent rgba(14, 188, 73, .15); +} + +.loading--pink .loader::after { + border-color: transparent rgba(247, 71, 128, .15); +} + +.loading--purple .loader::after { + border-color: transparent rgba(123, 93, 214, .15); +} + +.loading--red .loader::after { + border-color: transparent rgba(255, 30, 26, .15); +} + +.loading--violet .loader::after { + border-color: transparent rgba(1900, 108, 190, .15); +} + +.loading--yellow .loader::after { + border-color: transparent rgba(255, 186, 1, .15); +} + +@keyframes rotation { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + + + + +/* ========================================================================== + 04. HEADER & NAVIGATION + =========================================================================== */ + +#header { + width: 100%; + display: block; + padding-top: 0px; +} + +.header-wrapper { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.headerwp { + max-width: 1140px; + margin: 0 auto; + padding: 0; +} + +.posrlt { + position: relative; +} + +/*------------------------------------------*/ +/* HEADER LOGO +/*------------------------------------------*/ + +.desktoplogo img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.blog-header .desktoplogo img { + max-height: 30px; +} + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.wsmainfull { + width: 100%; + height: auto; + z-index: 1031; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.tra-menu .wsmainfull { + padding: 20px 0; + background-color: transparent!important; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.white-menu .wsmainfull { + padding: 6px 0; + background-color: #fff!important; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.dark-menu .wsmainfull { + padding: 6px 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +#header.hiddden-header { + display: none; +} + +.hidden-nav .wsmainfull { + margin-top: -140px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 1rem; + line-height: 50px; + font-weight: 600; + letter-spacing: 0; + text-decoration: none; + margin: 0 7px; + padding: 10px 15px; +} + +.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.wsmenu > .wsmenu-list > li > a.h-link.last-link { + padding: 10px 0px; + margin: 0; +} + +.wsmenu > .wsmenu-list > li > a .wsarrow:after { + border-left: 4px solid rgba(0, 0, 0, 0); + border-right: 4px solid rgba(0, 0, 0, 0); + border-top: 4px solid; + content: ""; + float: right; + right: 0; + height: 0; + margin: 0 0 0 14px; + position: absolute; + text-align: right; + top: 35px; + width: 0; +} + +.wsmenu > .wsmenu-list > li.reg-fst-link > a { + margin-left: 30px; +} + +/*------------------------------------------*/ +/* HEADER LINK INFO +/*------------------------------------------*/ + +span.sm-info { + position: relative; + display: inline-block; + text-align: center; + width: 20px; + height: 20px; + color: #fff; + font-size: 0.65rem; + line-height: 19px; + font-weight: 700; + margin-left: 5px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; +} + +.nav-blue-500 .sm-info { background-color: #185abd; } +.nav-blue-400 .sm-info { background-color: #1680fb; } +.nav-blue-300 .sm-info { background-color: #3eb1ff; } + +.nav-green-500 .sm-info { background-color: #00a14e; } +.nav-green-400 .sm-info { background-color: #0fbc49; } +.nav-green-300 .sm-info { background-color: #6fd792; } + +.nav-pink-500 .sm-info { background-color: #ff149c; } +.nav-pink-400 .sm-info { background-color: #f74780; } +.nav-pink-300 .sm-info { background-color: #fcb5cc; } + +.nav-purple-500 .sm-info { background-color: #663ae9; } +.nav-purple-400 .sm-info { background-color: #7b5dd6; } +.nav-purple-300 .sm-info { background-color: #bdaeea; } + +.nav-red-500 .sm-info { background-color: #da0f29; } +.nav-red-400 .sm-info { background-color: #ff1e1a; } +.nav-red-300 .sm-info { background-color: #ffa5a3; } + +.nav-violet-500 .sm-info { background-color: #c73e9b; } +.nav-violet-400 .sm-info { background-color: #be6cbe; } +.nav-violet-300 .sm-info { background-color: #e2bde2; } + +.nav-yellow-500 .sm-info { background-color: #ffba01; } +.nav-yellow-400 .sm-info { background-color: #ffbd45; } +.nav-yellow-300 .sm-info { background-color: #ffdf35; } + +/*------------------------------------------*/ +/* HEADER BUTTONS +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li a.btn { + font-size: 1rem; + line-height: 30px; + font-weight: 600; + text-transform: none; + letter-spacing: 0; + margin-top: 14px; + padding: 4px 28px; +} + +.wsmenu > .wsmenu-list > li a.btn.reg-btn { + padding: 4px 22px; +} + +.wsmenu > .wsmenu-list > li a.btn.fst-btn-link { + margin-left: 12px; +} + +.wsmenu > .wsmenu-list > li a.store.header-store { + line-height: 1; + margin-top: 13px; + margin-left: 10px; + margin-bottom: 0; + padding: 0; +} + +.store.header-store img { + max-height: 44px; +} + +/*------------------------------------------*/ +/* HEADER SOCIAL LINKS +/*------------------------------------------*/ + +.header-socials { + margin: 0; + display: inline-block; + text-align: center; +} + +.header-socials span { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.header-socials a { + display: block; + margin-left: 18px; +} + +.navbar-light .header-socials a { + color: #ddd; +} + +.navbar-light .header-socials a:hover { + color: #ccc!important; +} + +.header-socials.ico-20 [class*="flaticon-"]:before, +.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } + +/*------------------------------------------*/ +/* HEADER SUBMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu { + width: auto; + min-width: 200px; + top: 62px; + padding: 12px 10px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a { + background-color: rgba(244, 244, 249, 0); + font-family: 'Plus Jakarta Sans', sans-serif; + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* HALFMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + top: 62px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + width: 38%; + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + right: 2%; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li { + border-bottom: none; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + background-color: rgba(244, 244, 249, 0); + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* MEGAMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { + width: 76%!important; + left: 23%; + padding: 20px 10px; +} + +.wsmegamenu.w-75 .col-lg-3 { + padding: 0 6px; +} + +/*------------------------------------------*/ +/* SUBMENU TITLE +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu .title, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title { + color: #929394; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.875rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0; + margin: 10px 0 15px 13px; +} + +/*------------------------------------------*/ +/* DARK HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #ddd; + background-color: rgba(255, 255, 255, 0)!important; +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(255, 255, 255, .05)!important; +} + +.dark-menu .title, .black-scroll .scroll .title, +.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span { + color: #fff!important; +} + +/*------------------------------------------*/ +/* ICONS MENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu { + max-width: 275px; + min-width: 275px; + padding: 12px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + width: 52%; + padding: 12px 6px; +} + +.wsmegamenu.halfmenu.icons-menu .col-lg-6 { + padding: 0 6px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { + width: 82%!important; + left: 17%; + padding: 12px 6px; +} + +.wsmegamenu.icons-menu.w-75 .col-lg-4 { + padding: 0 6px; +} + +.icons-menu .icons-menu-item { + display: flex!important; + position: relative!important; + flex-flow: row wrap!important; + align-items: stretch!important; + justify-content: flex-start!important; +} + +.icons-menu-ico { + position: relative; + margin-right: 14px; +} + +.wsmegamenu.ico-30 .icons-menu-ico span { + position: relative; + top: 6px!important; +} + +.icons-menu-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.icons-menu-txt h6 { + color: inherit; + font-size: 1rem; + line-height: 32px; + font-weight: 500; + margin-bottom: 0; +} + +.icons-menu-txt span { + display: block; + color: #898989; + font-size: 0.925rem; + font-weight: 400; + margin-bottom: 0; +} + +.sub-menu.ico-30 .icons-menu-txt h6 { + line-height: 30px; +} + +/*------------------------------------------*/ +/* NAVBAR HOVER +/*------------------------------------------*/ + +.navbar-light .wsmenu-list > li > a.h-link:hover { + color: #eee!important; +} + +.navbar-dark .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #185abd!important; +} + +.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #1680fb!important; +} + +.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #3eb1ff!important; +} + +.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #00a14e!important; +} + +.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #0fbc49!important; +} + +.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #6fd792!important; +} + +.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff149c!important; +} + +.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #f74780!important; +} + +.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #fcb5cc!important; +} + +.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #663ae9!important; +} + +.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #7b5dd6!important; +} + +.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #bdaeea!important; +} + +.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #da0f29!important; +} + +.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff1e1a!important; +} + +.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ffa5a3!important; +} + +.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #c73e9b!important; +} + +.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #be6cbe!important; +} + +.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #e2bde2!important; +} + +/*------------------------------------------*/ +/* HIDDEN NAVBAR SCROLL +/*------------------------------------------*/ + +.hidden-nav .wsmainfull.scroll { + margin-top: 0; +} + +/*------------------------------------------*/ +/* NAVBAR WHITE SCROLL +/*------------------------------------------*/ + +.tra-menu.white-scroll .wsmainfull.scroll, +.white-menu.white-scroll .wsmainfull.scroll { + padding: 0; + background-color: rgba(255, 255, 255, .7)!important; + backdrop-filter: blur(20px); + -webkit-backdrop-filter: blur(20px); + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +/*------------------------------------------*/ +/* NAVBAR BLACK SCROLL +/*------------------------------------------*/ + +.tra-menu.black-scroll .wsmainfull.scroll, +.dark-menu.black-scroll .wsmainfull.scroll { + padding: 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover { + color: #ccc!important; +} + +/*------------------------------------------*/ +/* WHITE SCROLL BUTTONS +/*------------------------------------------*/ + +.white-scroll .scroll .btn--tra-white { + color: #353f4f!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK SCROLL BUTTONS +/*------------------------------------------*/ + +.black-scroll .scroll .btn--tra-black { + color: #fff!important; + border-color: #fff!important; +} + +/*------------------------------------------*/ +/* LOGO IMAGE +/*------------------------------------------*/ + +.logo-white, +.logo-black { + display: block; +} + +.navbar-light .logo-black, +.navbar-dark .logo-white, +.tra-menu.navbar-light .scroll .logo-white, +.tra-menu.navbar-dark.black-scroll .scroll .logo-black { + display: none; +} + +.tra-menu.navbar-light .scroll .logo-black, +.tra-menu.navbar-dark.black-scroll .scroll .logo-white { + display: block; +} + + + + +/* ========================================================================== + 05. HERO + ========================================================================== */ + +.hero-section, +.hero-section .container { + position: relative; + z-index: 3; +} + +.hero-section.bg--img { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.hero-section.blur--purple:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 100%; + top: -30%; + left: 0; + background-image: url(../images/blur-purple.png); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + background-attachment: scroll; + opacity: 0.2; +} + +/*------------------------------------------*/ +/* HERO LOGO +/*------------------------------------------*/ + +.hero-logo { + margin-bottom: 40px; +} + +.hero-square-logo { + margin-bottom: 20px; +} + +#hero-22 .hero-logo { + margin-bottom: 30px; +} + +.hero-logo img { + width: auto; + max-width: inherit; + max-height: 36px; +} + +.hero-square-logo img { + width: auto; + max-width: inherit; + max-height: 90px; +} + +/*------------------------------------------*/ +/* HERO APP LOGO +/*------------------------------------------*/ + +.hero-app-logo { + margin-bottom: 35px; +} + +#hero-25 .hero-app-logo { + margin-bottom: 25px; +} + +.hero-app-logo img { + width: auto; + max-width: inherit; + max-height: 100px; +} + +#hero-25 .hero-app-logo img { + max-height: 110px; +} + +/*------------------------------------------*/ +/* HERO DIGITS +/*------------------------------------------*/ + +#hd-1-1, #hd-1-2 { + display: inline-block; + float: left; + padding-right: 20px; +} + +#hd-1-1 { width: 45%; } +#hd-1-2 { width: 55%; } + +.hero-digits-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.hero-digits .block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 12px; +} + +.hero-digits h2.statistic-number { + line-height: 1; + margin-bottom: 0; +} + +.hero-digits h2.statistic-number span { + font-size: 1.85rem; +} + +.hero-digits .block-txt p.p-sm { + line-height: 1.35; + margin-top: 5px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* HERO TYPOGRAPHY +/*------------------------------------------*/ + +.hero-section h2 { + margin-bottom: 28px; +} + +.hero-section h2.s-48, +.hero-section h2.s-50 { + margin-bottom: 40px; +} + +.hero-section h2.s-62 { + margin-bottom: 24px; +} + +.hero-section p.p-sm { + padding: 0!important; +} + +.hero-section p.p-md { + margin-bottom: 30px; +} + +.hero-section p.p-lg, +.hero-section p.p-xl { + margin-bottom: 32px; +} + +.hero-section p.s-20, +.hero-section p.s-22, +.hero-section p.s-24 { + margin-bottom: 36px; +} + +.hero-section p.p-lg span, +.hero-section p.p-xl span { + font-weight: 600; + letter-spacing: -0.35px; +} + +/*------------------------------------------*/ +/* HERO-1 +/*------------------------------------------*/ + +#hero-1 { + background-image: url(../images/hero-1.jpg); + padding-top: 130px; + padding-bottom: 100px; +} + +.hero-1-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-2 +/*------------------------------------------*/ + +#hero-2 { + background-image: url(../images/hero-2.jpg); + padding-top: 150px; + padding-bottom: 100px; +} + +.hero-2-txt p { + padding-right: 3%; +} + +.hero-2-img { + text-align: center; + padding-right: 25px; +} + +/*------------------------------------------*/ +/* HERO-3 +/*------------------------------------------*/ + +#hero-3 { + position: relative; + padding-top: 160px; + background-image: url(../images/hero-3.jpg); +} + +#hero-3:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 5%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-3-txt { + margin-top: -70px; +} + +.hero-3-txt p.p-lg { + padding-right: 2%; +} + +.hero-3-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-4 +/*------------------------------------------*/ + +#hero-4 { + overflow: hidden; + background-image: url(../images/hero-4.jpg); + padding-top: 180px; +} + +#hero-4:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 10%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-4-txt h2 { + padding: 0 3%; +} + +.hero-4-txt p { + padding: 0 5%; +} + +.hero-4-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-4-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-5 +/*------------------------------------------*/ + +#hero-5 .wave-shape-bottom path { + fill: #fff; +} + +#hero-5 { + background-image: url(../images/hero-5.jpg); + padding-top: 140px; + padding-bottom: 50px; +} + +.hero-5-txt h2 { + line-height: 1.3; + margin-bottom: 25px; +} + +.hero-5-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +.hero-5-img { + margin: 0 0 -50px; +} + +/*------------------------------------------*/ +/* HERO-6 +/*------------------------------------------*/ + +#hero-6 { + padding-top: 130px; +} + +.hero-6-wrapper { + overflow: hidden; + background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd); + padding: 75px 80px; +} + +.hero-6-img { + position: relative; + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-7 +/*------------------------------------------*/ + +#hero-7 { + padding-top: 140px; + padding-bottom: 100px; +} + +#hero-7 .quick-form { + margin-right: 4%; +} + +.hero-7-img { + padding-left: 30px; +} + +/*------------------------------------------*/ +/* HERO-8 +/*------------------------------------------*/ + +#hero-8 .wave-shape-bottom path { + fill: #fff; +} + +#hero-8 { + position: relative; + background-image: url(../images/hero-8.jpg); + padding-top: 170px; + padding-bottom: 30px; +} + +.hero-8-txt { + margin-top: -70px; +} + +.hero-8-txt p { + padding-right: 10%; +} + +.hero-8-txt .hero-digits { + padding-right: 15%; +} + +#hero-8-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-8-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-8-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-8-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-8-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-9 +/*------------------------------------------*/ + +#hero-9 { + padding-top: 180px; +} + +.hero-9-txt h2 { + line-height: 1; +} + +.hero-9-txt h2 img { + position: relative; + width: auto; + max-width: inherit; + max-height: 100px; + margin: 0 3px; + top: -8px; +} + +.hero-9-txt p { + padding: 0 5%; + margin-top: 40px; +} + +#hero-9 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +.hero-9-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-10 +/*------------------------------------------*/ + +#hero-10 { + position: relative; + background-image: url(../images/hero-10.jpg); + padding-top: 170px; + padding-bottom: 100px; +} + +.hero-10-txt h4 { + line-height: 1.45; + font-weight: 300; + padding-right: 5%; + margin-bottom: 35px; +} + +.hero-10-img { + position: relative; + text-align: center; + margin: 0 -95% 0 15px; +} + +/*------------------------------------------*/ +/* HERO-11 +/*------------------------------------------*/ + +#hero-11 { + overflow: hidden; + background-image: url(../images/hero-11.jpg); + padding-top: 50px; +} + +.hero-11-txt { + margin-top: 40px; +} + +.hero-11-txt p { + padding-right: 5%; +} + +.hero-11-img { + position: relative; + margin: -60px -12% -100px -15px; +} + +/*------------------------------------------*/ +/* HERO-12 +/*------------------------------------------*/ + +#hero-12 { + overflow: hidden; + background-image: url(../images/hero-12.jpg); + padding-top: 180px; +} + +.hero-12-txt h2 { + padding: 0 3%; +} + +.hero-12-txt p { + padding: 0 5%; +} + +.hero-12-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-12-img { + margin-top: 60px; + margin-bottom: -100px; +} + +.hero-12-img .video-btn { + top: calc(50% - 30px); +} + +/*------------------------------------------*/ +/* HERO-13 +/*------------------------------------------*/ + +#hero-13 { + background-image: linear-gradient(180deg, #f1edff, #f1edff); + padding-top: 130px; + padding-bottom: 80px; +} + +#hero-13:after { + position: absolute; + content: ''; + z-index: -1; + width: 43%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; + -moz-box-shadow: 0 0 55px 35px #fff; + -webkit-box-shadow: 0 0 35px 35px #fff; + box-shadow: 0 0 35px 35px #fff; +} + +.hero-13-txt .section-id { + font-weight: 600; + letter-spacing: 1.5px; +} + +.hero-13-txt p { + padding-right: 5%; +} + +.hero-13-img { + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-14 +/*------------------------------------------*/ + +#hero-14 .wave-shape-bottom path { + fill: #fff; +} + +#hero-14 { + background-image: url(../images/hero-14.jpg); + padding-top: 170px; +} + +.hero-14-txt p.s-21 { + font-size: 1.3125rem; + margin-bottom: 40px; +} + +#hero-14 .quick-form { + margin-left: 6%; + margin-right: 6%; +} + +.hero-14-txt .btn-txt { + margin-top: 40px; +} + +.hero-14-img { + margin-top: 70px; +} + +/*------------------------------------------*/ +/* HERO-15 +/*------------------------------------------*/ + +#hero-15 { + position: relative; + z-index: 3; + background-image: url(../images/hero-15.jpg); + padding-top: 130px; +} + +.hero-15-txt { + margin-top: -20px; +} + +.hero-15-txt h2 { + padding-right: 5%; +} + +.hero-15-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-16 +/*------------------------------------------*/ + +#hero-16 .wave-shape-bottom path { + fill: #fff; +} + +#hero-16 { + background-image: url(../images/hero-16.jpg); + padding-top: 170px; + margin-bottom: 80px; +} + +.hero-16-img { + margin-top: 60px; + margin-bottom: -80px; +} + +/*------------------------------------------*/ +/* HERO-17 +/*------------------------------------------*/ + +#hero-17 { + text-align: center; + padding-top: 170px; + background-image: url(../images/hero-17.jpg); + background-position: top center; +} + +#hero-17 #brands-1 { + padding: 80px 6% 0; +} + +#hero-17 #brands-1 .brands-carousel-5 .brand-logo { + padding: 0 20px; +} + +#hero-17 .quick-form { + margin-left: 8%; + margin-right: 8%; +} + +/*------------------------------------------*/ +/* HERO-18 +/*------------------------------------------*/ + +#hero-18 { + padding-top: 140px; + padding-bottom: 80px; +} + +#hero-18:after { + position: absolute; + content: ''; + z-index: -1; + width: 74%; + height: 100%; + top: 0; + left: 26%; + background-image: url(../images/hero-18.jpg); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + border-radius: 0 0 0 60px; +} + +.hero-18-txt p { + padding-right: 3%; +} + +#hero-18 .quick-form { + margin-right: 4%; +} + +.hero-18-img { + text-align: center; + padding-right: 15px; +} + +/*------------------------------------------*/ +/* HERO-19 +/*------------------------------------------*/ + +#hero-19 { + padding-top: 170px; +} + +.hero-19-txt p { + padding: 0 10%; +} + +/*------------------------------------------*/ +/* HERO-20 +/*------------------------------------------*/ + +#hero-20 { + background-image: url(../images/hero-20.jpg); + padding-top: 100px; + padding-bottom: 100px; +} + +#hero-20:after { + position: absolute; + content: ''; + z-index: -1; + width: 51%; + height: 100%; + top: 0; + left: 0; + background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd); +} + +.hero-20-txt { + padding: 0 8% 0 15px; +} + +.hero-section .hero-20-txt h2.s-48 { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* HERO-21 +/*------------------------------------------*/ + +#hero-21 { + padding-top: 170px; +} + +.hero-21-txt { + margin-bottom: 60px; +} + +.hero-21-txt h2 { + margin-bottom: 35px; +} + +.hero-21-wrapper { + overflow: hidden; +} + +#hero-21 .hero-overlay { + background-image: url(../images/hero-21.jpg); + padding: 90px 70px 0; +} + +.hero-21-img { + position: relative; + margin-bottom: -25%; +} + +.hero-21-img .video-btn { + top: calc(50% - 80px); +} + +/*------------------------------------------*/ +/* HERO-22 +/*------------------------------------------*/ + +#hero-22 .wave-shape-bottom path { + fill: #fff; +} + +#hero-22 { + position: relative; + background-image: url(../images/hero-22.jpg); + padding-top: 160px; +} + +#hero-22-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-22-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-22-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-22-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-22-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-23 +/*------------------------------------------*/ + +#hero-23 .wave-shape-bottom path { + fill: #fff; +} + +#hero-23 { + position: relative; + background-image: url(../images/hero-23.jpg); + padding-top: 100px; + margin-bottom: 25px; +} + +.hero-23-txt p { + padding: 0 5%; +} + +.hero-23-img { + margin-top: 40px; + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* HERO-24 +/*------------------------------------------*/ + +#hero-24 { + background-image: url(../images/hero-24.jpg); + padding-top: 200px; + padding-bottom: 150px; +} + +#hero-24 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +/*------------------------------------------*/ +/* HERO-25 +/*------------------------------------------*/ + +#hero-25 { + background-image: url(../images/hero-25.jpg); + padding-top: 120px; + padding-bottom: 100px; +} + +.hero-25-txt h2 { + margin-bottom: 22px; +} + +.hero-25-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* HERO-26 +/*------------------------------------------*/ + +#hero-26 .wave-shape-bottom path { + fill: #fff; +} + +#hero-26 { + position: relative; + background-image: url(../images/hero-26.jpg); + padding-top: 160px; + z-index: 3; +} + +.hero-26-txt { + margin-top: -80px; +} + +.hero-26-txt h2 { + padding-right: 2%; +} + +#hero-26 .quick-form { + margin-right: 4%; +} + +.hero-26-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-27 +/*------------------------------------------*/ + +#hero-27 .hero-overlay { + background-image: url(../images/hero-27.png); + background-position: top center; + padding-top: 170px; +} + +.hero-27-txt h2 { + margin-bottom: 26px!important; +} + +.hero-27-txt p.s-20 { + padding: 0 6%; + margin-bottom: 30px!important; +} + +.hero-27-txt p.s-21 { + padding: 0 5%; +} + +/*------------------------------------------*/ +/* HERO QUICK FORM +/*------------------------------------------*/ + +.hero-section .quick-form .input-group { + border: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Input +/*------------------------------------------*/ + +.hero-section .quick-form .form-control { + height: 64px; + background-color: #fff; + border: 2px solid transparent; + color: #666; + font-size: 1.125rem; + font-weight: 400; + padding: 0 20px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.hero-section .quick-form.form-shadow .form-control { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + box-shadow: 0 5px 10px rgba(0, 0, 0, .05); +} + +.hero-section .quick-form.form-stroke .form-control { + border-color: #353f4f; +} + +.hero-section .quick-form.form-half .form-control { + height: 58px; + font-size: 1.0625rem; +} + +/*------------------------------------------*/ +/* Hero Quick Form Placeholder +/*------------------------------------------*/ + +.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Hero Quick Form Focus +/*------------------------------------------*/ + +.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Button +/*------------------------------------------*/ + +.hero-section .quick-form .btn { + height: 64px; + font-size: 1.0625rem; + padding: 12px 45px; + margin-left: 15px; +} + +.hero-section .quick-form.form-half .btn { + height: 58px; + font-size: 1rem; + padding: 13px 40px; + margin-left: 14px; +} + +/*------------------------------------------*/ +/* Hero Quick Form Message +/*------------------------------------------*/ + +.hero-section .quick-form-msg { + width: 100%!important; + display: block; + margin: 20px 0 15px 5px; +} + +.hero-section .text-center .quick-form-msg { + margin: 20px 0 -15px 0; +} + +.hero-section .quick-form-msg .loading { + color: #3eb1ff; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; +} + +.hero-section .text-center .quick-form-msg .loading { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* HERO REQUEST FORM +/*------------------------------------------*/ + +/*------------------------------------------*/ +/* Hero Request Form Input +/*------------------------------------------*/ + +.request-form .form-control { + height: 58px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #666; + font-size: 1rem; + font-weight: 400; + margin-bottom: 22px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Hero Request Form Placeholder +/*------------------------------------------*/ + +.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } +.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; } +.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; } + +.request-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Request Form Button +/*------------------------------------------*/ + +#hero-8-form .btn, +#hero-22-form .btn { + width: 100%; + height: 58px; + padding: 16px; +} + +/*------------------------------------------*/ +/* Hero Request Form Message +/*------------------------------------------*/ + +.request-form-msg { + width: 100%!important; + display: block; + text-align: center; + margin-top: 15px; +} + +.request-form-msg .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 06. ABOUT + ========================================================================== */ + +.a2-txt { + padding: 20px 30px 35px; +} + +.a2-txt-quote { + position: relative; + margin-bottom: -45px; + } + +.a2-txt-quote.ico-40 [class*="flaticon-"]:before, +.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; } + +/*------------------------------------------*/ +/* ABOUT TYPOGRAPHY +/*------------------------------------------*/ + +#about-1 .txt-block p { + margin-bottom: 0; +} + +#about-4 .txt-block p { + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* ABOUT 2 AUTHOR +/*------------------------------------------*/ + +.a2-txt-author { + line-height: 1.45; + font-weight: 500; + margin-top: 18px; + margin-bottom: 0; +} + +.a2-txt-author span { + display: block; + font-weight: 300; +} + +/*------------------------------------------*/ +/* ABOUT 2 IMAGES +/*------------------------------------------*/ + +.about-3-images { + padding: 0 5%; +} + +.about-2-img { + overflow: hidden; +} + +.about-3-img { + overflow: hidden; + height: 460px; +} + +.a-2-1 { + margin-left: 13%; + margin-bottom: 30px; +} + +.a-2-2 { + margin-left: -10%; +} + +.a-2-3 { + margin-right: -10%; + margin-bottom: 30px; +} + +.a-2-4 { + margin-right: -10%; +} + +#a4-1 { + position: relative; + padding-right: 30px; + margin-top: -30px; +} + +#a4-2 { + position: relative; + padding-left: 30px; + margin-bottom: -30px; +} + + + + +/* ========================================================================== + 07. FEATURES + ========================================================================== */ + +#features-12.py-100.shape--bg:after, +#features-12.pt-100.shape--bg:after, +#features-13.py-100.shape--bg:after, +#features-13.pt-100.shape--bg:after { + position: absolute; + content: ''; + z-index: -1; +} + +#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; } +#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; } +#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; } +#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; } + +.rows-2 .fb-1, +.rows-2 .fb-2, +.rows-2 .fb-3 { + margin-bottom: 50px; +} + +.rows-2 .fbox-7.fb-1, +.rows-2 .fbox-7.fb-2, +.rows-2 .fbox-7.fb-3, +.rows-2 .fbox-9.fb-1, +.rows-2 .fbox-9.fb-2, +.rows-2 .fbox-9.fb-3, +.rows-3 .fb-1, .rows-3 .fb-2, +.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; } + +.rows-3 .fb-3.fbox-11-lst, +.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; } + +.fbox-14-wrapper { + padding: 80px 70px; +} + +.fbox-14-wrapper .col { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.row-cols-md-3 .fbox-4 { padding: 50px 35px; } +.row-cols-md-2 .fbox-4 { padding: 35px 20px; } + +.fbox-5 { padding: 60px; } + +.fbox-7 { + border: 2px solid #eee; + padding: 55px 40px 50px; +} + +.row-cols-md-2 .fbox-7 { + padding: 35px 20px 30px; +} + +.fbox-8 { padding: 55px 40px; } +.fbox-8.bg--white-100 { padding: 60px 40px; } + +.fbox-9 { + border: 2px solid #eee; + padding: 40px 40px 35px; +} + +.fbox-14 { + border: 2px solid #eee; + padding: 40px 30px 35px; +} + +/*------------------------------------------*/ +/* FEATURE BOX IMAGE +/*------------------------------------------*/ + +.fbox-img img { + width: auto; + max-width: inherit; +} + +.fbox-img.h-135 img { max-height: 135px; } +.fbox-img.h-140 img { max-height: 140px; } +.fbox-img.h-145 img { max-height: 145px; } +.fbox-img.h-150 img { max-height: 150px; } +.fbox-img.h-155 img { max-height: 155px; } +.fbox-img.h-160 img { max-height: 160px; } +.fbox-img.h-165 img { max-height: 165px; } +.fbox-img.h-170 img { max-height: 170px; } +.fbox-img.h-175 img { max-height: 175px; } +.fbox-img.h-180 img { max-height: 180px; } + +/*------------------------------------------*/ +/* FBOX-1 IMAGE +/*------------------------------------------*/ + +.fbox-1 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-1 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-2 IMAGE +/*------------------------------------------*/ + +.fbox-2 .fbox-img { + -webkit-border-radius: 12px 12px 0 0; + -moz-border-radius: 12px 12px 0 0; + -o-border-radius: 12px 12px 0 0; + border-radius: 12px 12px 0 0; +} + +.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, +.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } + +.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; } +.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } +.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } +.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; } +.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; } + +.fbox-2 .fbox-img img { + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* FBOX-3 IMAGE +/*------------------------------------------*/ + +.fbox-3 .fbox-img { + overflow: hidden; +} + +.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; } +.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; } +.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; } +.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; } + +.row-cols-md-2 .fbox-3 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-4 IMAGE +/*------------------------------------------*/ + +.fbox-4 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-4 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-5 IMAGE +/*------------------------------------------*/ + +.fbox-5.fb-1 .fbox-5-img, +.fbox-5.fb-5 .fbox-5-img, +.fbox-5.fb-6 .fbox-5-img { + margin: 40px 5% 0; +} + +.fbox-5.fb-2 .fbox-5-img, +.fbox-5.fb-3 .fbox-5-img, +.fbox-5.fb-4 .fbox-5-img { + margin: 0 5% 40px; +} + +/*------------------------------------------*/ +/* FEATURE BOX VECTOR ICON +/*------------------------------------------*/ + +.fbox-ico, +.fbox-ico.ico-rounded { + margin-bottom: 20px; +} + +.fbox-ico.ico-rounded-md, +.fbox-ico.ico-rounded-lg { + margin-bottom: 25px; +} + +.fbox-11 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.fbox-ico-wrap { + position: relative; + margin-right: 25px; +} + +.rows-2 .fbox-ico-wrap { + margin-right: 20px; +} + +.fbox-11 .fbox-ico { + margin-top: 4px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.fbox-11 .fbox-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +/*------------------------------------------*/ +/* FEATURE BOX TITLE +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-lg-3 .fbox-title { + margin-bottom: 10px; +} + +.fbox-title span { + float: left; + line-height: 1!important; + margin-right: 15px; +} + +.fbox-title h6 { + line-height: 2.1875rem!important; + margin-bottom: 0; +} + +.fbox-title.ico-30 h6 { + line-height: 1.875rem!important; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* FEATURE BOX TYPOGRAPHY +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-md-3 h6 { + margin-bottom: 15px; +} + +.rows-2 .fbox-11 h6, +.fbox-wrapper .row-cols-md-2 h6 { + margin-bottom: 10px; +} + +.fbox-wrapper p { + margin-bottom: 0; +} + +.fbox-5 h5 { + margin-bottom: 15px; +} + +.fbox-14 h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FEATURE-12 +/*------------------------------------------*/ + +.fbox-12-wrapper { + padding-left: 45px; +} + +.fbox-13-wrapper { + padding-right: 45px; +} + +.fbox-12, +.fbox-13 { + padding: 32px 35px; +} + +.fbox-12 h5, +.fbox-13 h5 { + margin-top: 20px; + margin-bottom: 10px; +} + +.fbox-12 p, +.fbox-13 p, +.fbox-14 p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 08. CONTENT + ========================================================================== */ + +.ct-06 { + margin-bottom: 80px; +} + +.ct-07 { + margin-top: 80px; +} + +.ct-10 .section-overlay { + margin-bottom: 100px; +} + +.ct-11, +.ct-12 { + padding: 60px 0; +} + +.ct-11:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; +} + +.ct-12:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 50%; + background-color: #fff; +} + +/*------------------------------------------*/ +/* CONTENT BOX WRAPPER +/*------------------------------------------*/ + +.bc-1-wrapper .section-overlay, +.bc-4-wrapper .section-overlay, +.bc-6-wrapper .section-overlay { + padding: 80px 70px; +} + +.bc-2-wrapper .section-overlay, +.bc-3-wrapper .section-overlay, +.bc-5-wrapper .section-overlay { + padding: 80px 70px 0; +} + +.bc-6 { + padding: 40px 35px; +} + +.cbox-6-wrapper { + padding: 60px 40px; +} + +.content-section .cbox-6-wrapper { + padding: 80px 70px; +} + +.bc-5-wrapper .section-title p { + padding: 0; +} + +/*------------------------------------------*/ +/* TEXT BLOCK +/*------------------------------------------*/ + +.txt-box { + margin-bottom: 20px; +} + +.txt-box:last-child { + margin-bottom: 0; +} + +.bc-3-txt, +.ct-06 .txt-block, +.bc-2-wrapper .txt-block { + margin-top: -40px; +} + +.bc-2-txt, +.ct-07 .txt-block { + margin-top: 40px; +} + +.bc-1-wrapper .txt-block.pr-25.left-column, +.bc-2-wrapper .txt-block.pr-25.left-column { + padding-right: 25px; +} + +.bc-1-wrapper .txt-block.pl-25.right-column, +.bc-2-wrapper .txt-block.pl-25.right-column { + padding-left: 25px; +} + +.ct-11 .txt-block { + padding-right: 50px; +} + +.ct-12 .txt-block { + padding-left: 70px; +} + +.ct-13 .txt-block h5 { + padding-right: 6%; +} + +/*------------------------------------------*/ +/* TEXT BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.bc-2-txt h2, +.bc-3-txt h2, +.bc-4-txt h2, +.txt-block h3, +.txt-block h2 { + margin-bottom: 26px; +} + +.txt-block h5 { + margin-bottom: 20px; +} + +h5.h5-title { + margin-top: 20px; + margin-bottom: 20px; +} + +.txt-block .btn, +.txt-block .btns-group .btn.btn--transparent { + margin-top: 25px; +} + +.txt-block .btn.btn--transparent { + margin-top: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX +/*------------------------------------------*/ + +.cbox-1, +.cbox-2, +.cbox-3 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.cbox-5 { + position: relative; +} + +.cbox-5-content { + background-color: #fff; + border: 1px solid #f5f6f6; + padding: 40px; + margin: 0 12%; + z-index: 1; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.cbox-5-content .divider { + margin-top: 25px; + margin-bottom: 25px; +} + +#cb-6-1, #cb-6-2 { + margin-bottom: 35px; +} + +/*------------------------------------------*/ +/* CONTENT BOX TITLE +/*------------------------------------------*/ + +.box-title h6, +.box-title h5 { + display: inline-block; + line-height: 2.35rem!important; + margin-bottom: 15px; +} + +.box-title span { + position: relative; + top: 12px; + margin-right: 10px; +} + +.box-title span[class*="flaticon-"]:before, +.box-title span[class*="flaticon-"]:after { + font-size: 2.35rem; +} + +.txt-block .cbox-5-title h2 { + font-size: 3.5rem; + letter-spacing: -1px; + line-height: 1; + margin-bottom: 10px; +} + +.cbox-5-title .statistic-number sup { + font-size: 3rem; + top: -5px; + right: 6px; +} + +.cbox-5-title .ico-15 [class*="flaticon-"]:before, +.cbox-5-title .ico-15 [class*="flaticon-"]:after { + font-size: 0.875rem; + line-height: 1!important; +} + +.cbox-5-title p.p-lg { + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* CONTENT BOX ICON +/*------------------------------------------*/ + +.cbox-1 .ico-wrap { + margin-left: 8px; +} + +.cbox-1.ico-10 span { + position: relative; + top: 0; + right: 7px; +} + +.cbox-1.ico-15 span { + position: relative; + top: 1px; + right: 8px; +} + +.cbox-1.ico-10 [class*="flaticon-"]:before, +.cbox-1.ico-10 [class*="flaticon-"]:after { + font-size: 0.6rem; +} + +.cbox-1.ico-15 [class*="flaticon-"]:before, +.cbox-1.ico-15 [class*="flaticon-"]:after { + font-size: 0.75rem; +} + +/*------------------------------------------*/ +/* CBOX #2 +/*------------------------------------------*/ + +.cbox-2 .ico-wrap { + position: relative; + margin-right: 1.625rem; +} + +.cbox-2-ico { + position: relative; + width: 2.625rem; + height: 2.625rem; + text-align: center; + border-radius: 100%; + font-size: 1.1875rem; + font-weight: 500; + line-height: 2.375rem; + border: 2px solid transparent; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.ct-03 .cbox-2-ico { + position: relative; + width: 2.35rem; + height: 2.35rem; + font-size: 1.15rem; + line-height: 2.15rem; +} + +.cbox-2-line { + position: absolute; + bottom: 20px; + left: 50%; + width: 2px; + background-color: #e4e4e4; + height: calc(100% - 90px); + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.cbox-2:hover .cbox-2-ico { + background-color: transparent; + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} + +.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; } +.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; } +.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; } + +.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; } +.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; } +.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; } + +.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; } +.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; } +.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; } + +.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; } +.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; } +.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; } + +.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; } +.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; } +.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; } + +.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; } +.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; } +.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; } + +.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; } +.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; } +.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* CBOX #3 +/*------------------------------------------*/ + +.cbox-3 .ico-wrap { + position: relative; + text-align: center; + margin-top: 0; + margin-right: 1.15rem; +} + +.cbox-3 .cbox-3-ico { + position: relative; + top: 3px; +} + +.cbox-3-ico span[class*="flaticon-"]:before, +.cbox-3-ico span[class*="flaticon-"]:after { + font-size: 2.85rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX TEXT +/*------------------------------------------*/ + +.cbox-1-txt, +.cbox-2-txt, +.cbox-3-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.cbox-2-txt, +.cbox-3-txt { + margin-bottom: 35px; +} + +.ct-03 .cbox-2-txt { + margin-bottom: 30px; +} + +.cbox-4-txt { + margin-bottom: 25px; +} + +.cbox-2:last-child .cbox-2-txt, +.cbox-3:last-child .cbox-3-txt, +.cbox-4:last-child .cbox-4-txt { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX FEATURE +/*------------------------------------------*/ + +.cbox-5-fea { + padding: 20px 25px; + margin-top: 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.txt-block .cbox-5-fea h4 { + line-height: 1; + margin-bottom: 3px; +} + +.cbox-5-fea p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX TYPOGRAPHY +/*------------------------------------------*/ + +.cbox-2-txt h5, +.cbox-3-txt h5 { + margin-bottom: 15px; +} + +.ct-03 .cbox-2-txt h5 { + margin-bottom: 10px; +} + +.cbox-6 h6 { + margin-bottom: 15px; +} + +.cbox-1-txt p { + margin-bottom: 8px; +} + +.cbox-1-last .cbox-1-txt p { + margin-bottom: 1rem; +} + +.cbox-6 p, +.cbox-2-txt p, +.cbox-3-txt p, +.cbox-4-txt p { + margin-bottom: 0; +} + +.bc-6-txt { + padding: 0 10px; +} + +.bc-6-txt h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* ACCORDION +/*------------------------------------------*/ + +.txt-block .accordion-1 .accordion-item { + background-color: transparent; + padding: 25px 30px; + border: none; +} + +.txt-block .accordion-2 .accordion-item { + background-color: transparent; + padding: 15px 0 25px; + border: none; + border-top: 1px solid #ccc; + border-radius: 0 0; +} + +.txt-block .accordion-2 .accordion-item:last-child { + border-bottom: 1px solid #ccc; +} + +.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; } +.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; } +.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } +.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; } +.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; } +.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; } +.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; } +.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; } + +.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } +.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } +.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } +.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } +.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } +.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; } +.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; } + +.txt-block .accordion-thumb { + margin: 0; + padding: 0; + cursor: pointer; + position: relative; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + color: #6c757d; + font-family: Flaticon; + position: absolute; + color: #353f4f; + font-weight: 400; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before { + content: "\f11a"; + font-size: 0.95rem; + top: 1px; + left: 0; +} + +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f110"; + font-size: 0.95rem; + top: 12px; + right: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active { + background-color: #f4f4f9; + padding: 35px 30px 19px 30px; + margin-bottom: 15px; + margin-top: 15px; +} + +.txt-block .accordion-2 .accordion-item.is-active { + background-color: transparent; + margin-bottom: 0; + margin-top: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before { + content: "\f11b"; +} + +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f111"; +} + +.txt-block .accordion-1 .accordion-panel { + color: #6c757d; + margin: 0; + padding: 0 0 0 25px; + display: none; +} + +.txt-block .accordion-2 .accordion-panel { + color: #6c757d; + margin: 15px 0 0 0; + display: none; +} + +.txt-block .accordion-1 .accordion-thumb h5 { + color: #353f4f; + line-height: 1; + padding-left: 28px; + margin-bottom: 0; +} + +.txt-block .accordion-2 .accordion-thumb h5 { + color: #353f4f; + display: inline-block; + line-height: 1; + padding-left: 10px; + margin-bottom: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { + margin-bottom: 20px; +} + +.accordion-2 .accordion-thumb span[class*="flaticon-"]:before, +.accordion-2 .accordion-thumb span[class*="flaticon-"]:after { + color: #6c757d; + position: relative; + font-size: 2.1875rem; + top: 10px; +} + +.txt-block .accordion-2 .accordion-panel .simple-list li { + margin-bottom: 1rem; +} + +.txt-block .accordion-2 .accordion-panel p, +.txt-block .accordion-2 .accordion-panel .simple-list li:last-child { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TABS +/*------------------------------------------*/ + +#tabs-1 .tabs-nav { + text-align: center; +} + +.tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +#tabs-1 .tab-content { + display: none; +} + +#tabs-1 .tab-content.current { + display: inherit; +} + +.tabs-1 li { + display: inline-block; + margin: 0 20px; + color: #aaa; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + padding: 0 2px 10px; + background-color: transparent; + border-bottom: 3px solid transparent; + cursor: pointer; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* TAB LINK HOVER / CURRENT +/*------------------------------------------*/ + +.tabs-1 li:hover { + color: #888; + border-color: #ccc; +} + +.tabs-1 li.current, +.tabs-1 li.current:hover { + color: #2b3648; + border-color: #2b3648; +} + +.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; } +.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; } +.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; } + +.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; } +.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; } +.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; } + +.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; } +.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; } +.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; } + +.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; } +.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; } +.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; } + +.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; } +.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; } +.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; } + +.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; } +.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; } +.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; } + +.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; } +.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; } +.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* ADVANTAGES LIST +/*------------------------------------------*/ + +.advantages { + margin-top: 15px; +} + +.text-center .advantages { + margin-top: 20px; +} + +.advantages li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.advantages-links-divider { + position: relative; + top: 0.5px; + transform: rotate(-90deg); +} + +.advantages li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.advantages.ico-15 li p span { + position: relative; + top: 2px; + right: -1px; +} + +.advantages.ico-15 [class*="flaticon-"]:before, +.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.advantages li p a { + font-weight: 400; + text-decoration: underline; +} + +.advantages li p a:hover { + text-decoration: underline; +} + +.white--color .advantages li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* COMPATABILITY +/*------------------------------------------*/ + +.compatibility { + display: inline-block; + padding: 3px 20px; + margin-top: 15px; + margin-bottom: 0; +} + +.compatibility span { + position: relative; + top: -1.5px; + right: 2px; +} + +.compatibility.ico-10 [class*="flaticon-"]:before, +.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; } + +/*------------------------------------------*/ +/* TOOLS LIST / PAYMENT METHODS +/*------------------------------------------*/ + +.tools-list, +.payment-methods { + margin-top: 25px; +} + +.tools-list p, +.payment-methods p { + font-weight: 400; + margin-bottom: 12px; +} + +.tools-list.ico-35 [class*="flaticon-"]:before, +.tools-list.ico-35 [class*="flaticon-"]:after { + line-height: 2.1875rem!important; + margin-right: 6px; +} + +/*------------------------------------------*/ +/* Payment Icons +/*------------------------------------------*/ + +.payment-icons li { + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; + padding-right: 5px; +} + +.payment-icons li:last-child { + padding-right: 0; +} + +.payment-icons img { + width: auto; + max-width: inherit; + max-height: 32px; +} + +/*------------------------------------------*/ +/* QUOTE +/*------------------------------------------*/ + +.quote p { + color: #666; + border-left: 3px solid #0195ff; + font-style: italic; + padding-left: 20px; + margin-bottom: 12px; +} + +/*------------------------------------------*/ +/* Quote Avatar +/*------------------------------------------*/ + +.quote-avatar { + display: inline-block; + margin: 0 auto; +} + +.quote-avatar img { + width: 70px; + height: 70px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +/*------------------------------------------*/ +/* Quote Author +/*------------------------------------------*/ + +.quote-author { + position: relative; + display: inline-block; + padding: 0 0 0 15px; + text-align: left; + top: 16px; +} + +.quote-author h6 { + margin-bottom: 0; +} + +.quote-author span { + font-size: 1rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX SHAPES +/*------------------------------------------*/ + +.cbox-5-shape-1 { + position: absolute; + right: 30px; + top: -35px; + z-index: -1; +} + +.cbox-5-shape-2 { + position: absolute; + left: 30px; + bottom: -25px; + z-index: -1; +} + +.cbox-5-shape-1 img, +.cbox-5-shape-2 img { + height: 100%; + width: 100%; + object-fit: cover; +} + +/*------------------------------------------*/ +/* IMG BLOCK IMAGE +/*------------------------------------------*/ + +.grey-img { + filter: grayscale(100%); +} + +.img-block { + text-align: center; +} + +.img-block.img-block-bkg { + overflow: hidden; +} + +.img-block.img-block-bkg img { + padding: 60px 45px; +} + +.ct-10 .img-block, +.img-block-hidden, +.bc-5-img.bc-5-dashboard.img-block-hidden { + margin-bottom: -100px; +} + +.ct-05 .img-block-hidden { + margin-bottom: -30px; +} + +.bc-5-img.bc-5-tablet.img-block-hidden { + margin-bottom: -200px; +} + +.img-block-hidden .video-btn, +.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { + top: calc(50% - 30px); +} + +.bc-5-img.bc-5-tablet.img-block-hidden .video-btn { + top: calc(50% - 70px); +} + +.ct-01 .img-block, +.ct-04 .img-block { + margin-left: 30px; +} + +.ct-02 .img-block { + margin-right: 30px; +} + +.ct-03 .img-block.right-column { + margin-left: 20px; +} + +.ct-03 .img-block.left-column { + margin-right: 20px; +} + +.ct-04 .img-block img { + max-width: none; + display: inline-block; +} + +.ct-06 .img-block { + margin-bottom: -80px; +} + +.ct-07 .img-block { + margin-top: -80px; +} + +.img-block-txt, +.img-block-btn { + margin-top: 60px; +} + +.bc-1-wrapper .img-block.left-column, +.bc-2-wrapper .img-block.left-column { + padding-right: 10px; +} + +.bc-1-wrapper .img-block.right-column, +.bc-2-wrapper .img-block.right-column { + padding-left: 10px; +} + +.bc-2-img { + margin-left: 15px; +} + +.bc-3-img { + margin: 0 -65% -25px 15px; +} + +.bc-4-img { + margin-left: 15px; + margin-right: -65%; +} + +.bc-6-img { + padding: 50px 30px 0; + margin-bottom: 35px; +} + +.ct-11 .img-block { + position: relative; + text-align: center; + padding-left: 70px; + z-index: 2; +} + +.ct-12 .img-block { + position: relative; + text-align: center; + padding-right: 70px; + z-index: 2; +} + +.ct-11 .img-block .tra-bkg, +.ct-12 .img-block .tra-bkg { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + + + + +/* ========================================================================== + 09. STATISTIC + =========================================================================== */ + +.sb-rounded .statistic-block { + padding: 35px 25px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK +/*------------------------------------------*/ + +#sb-2-1, +#sb-2-2 { + width: 48%; + display: inline-block; + float: left; +} + +#sb-2-3, #sb-2-4 { + display: inline-block; + float: left; + padding-right: 15px; +} + +#sb-2-3 { width: 45%; } +#sb-2-4 { width: 55%; } + +#sb-2-3 .statistic-block, +#sb-2-4 .statistic-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +#sb-2-3 .statistic-block-txt, +#sb-2-4 .statistic-block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 15px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-1-wrapper .statistic-block-digit { + width: 35%; + display: inline-block!important; + float: left; +} + +.statistic-1-wrapper .statistic-block-txt { + width: 65%; + display: inline-block!important; + padding-left: 20px; +} + +#statistic-5 .statistic-digit { + padding-bottom: 20px; + margin: 0 100px 20px 0; + border-bottom: 1px solid #999; +} + +#statistic-5 .color--white .statistic-digit { + border-bottom: 1px solid rgba(255, 255, 255, .8); +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-ico { + margin-bottom: 10px; +} + +h2.statistic-number { + line-height: 1; + font-weight: 700; + letter-spacing: -1px; + margin-bottom: 0; +} + +#sb-2-1 h2.statistic-number, +#sb-2-2 h2.statistic-number { + margin-bottom: 15px; +} + +#sb-2-3 h2.statistic-number span, +#sb-2-4 h2.statistic-number span { + font-size: 2rem; +} + +#statistic-5 .statistic-digit h2 { + letter-spacing: -1.5px; +} + +#statistic-5 .statistic-txt h5 { + line-height: 1; + margin-bottom: 12px; +} + +.statistic-block-txt p.p-md { + line-height: 1.35; + margin-bottom: 0; +} + +#sb-2-1 .statistic-block p.p-sm, +#sb-2-2 .statistic-block p.p-sm { + line-height: 1.4; + margin-bottom: 0; +} + +#sb-2-3 .statistic-block p.p-sm, +#sb-2-4 .statistic-block p.p-sm { + margin-top: 3px; + line-height: 1.5; + margin-bottom: 0; +} + +.statistic-3-wrapper p { + line-height: 1; + margin-top: 15px; + margin-bottom: 0; +} + +.statistic-3-wrapper p.p-md { + line-height: 1; + margin-top: 22px; + margin-bottom: 0; +} + +.statistic-4-wrapper p { + line-height: 1; + margin-bottom: 14px; +} + +#statistic-5 .statistic-txt p { + padding-right: 3%; + margin-bottom: 0; +} + +.txt-block-stat .statistic-block .txt-block-rating { + margin-top: -4px; + margin-bottom: -3px; +} + +.txt-block-stat .ico-15 [class*="flaticon-"]:before, +.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; } + + + + +/* ========================================================================== + 10. PROJECTS + ========================================================================== */ + +.projects-wrapper { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +#pt-1-1, #pt-1-2, +.inner-page-hero #pt-1-3, +.inner-page-hero #pt-1-4 { + margin-bottom: 50px; +} + +.project-details h5 { + line-height: 1; + margin-bottom: 30px; +} + +.project-preview { + position: relative; + overflow: hidden; +} + +/*------------------------------------------*/ +/* Image Link +/*------------------------------------------*/ + +.project-link { + width: 100%; + position: absolute; + top: 55%; + transform: translateY(-50%); + opacity: 0; + text-align: center; + color: #fff; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Overlay +/*------------------------------------------*/ + +.hover-overlay { + width: 100%; + height: auto; + overflow: hidden; + position: relative; +} + +.hover-overlay img { + transform: scale(1); + -ms-transform: scale(1); + -webkit-transform: scale(1); + -o-transform: scale(1); + -moz-transform: scale(1); + overflow: hidden; + -webkit-transition: transform 400ms; + -moz-transition: transform 400ms; + -o-transition: transform 400ms; + transition: transform 400ms; +} + +/*------------------------------------------*/ +/* Overlay Background +/*------------------------------------------*/ + +.item-overlay { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(20, 20, 20, .25); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Effect +/*------------------------------------------*/ + +.project-preview:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.project-preview:hover .project-link { + top: 50%; + opacity: 1; + -moz-opacity: 1; +} + +.project-preview:hover .item-overlay { + opacity: 1; + -moz-opacity: 1; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.more-projects { + text-align: center; + margin-top: 70px; +} + + + + +/* ========================================================================== + 11. PROJECT DETAILS + ========================================================================== */ + +.single-project .project-title { + margin-bottom: 80px; +} + +.project-title h2 { + padding-right: 5%; + padding-bottom: 40px; + margin-bottom: 35px; + border-bottom: 1px solid #ddd; +} + +.project-data p { + margin-bottom: 4px; +} + +.project-data p span { + color: #353f4f; + font-weight: 500; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.project-description .more-projects { + margin-top: 65px; +} + +.project-description .more-projects h3 { + display: inline-block; + text-decoration: underline; + margin-bottom: 0; +} + +.project-description .more-projects span { + color: #353f4f; + position: relative; + top: 2px; + left: 5px; +} + + + + +/* ========================================================================== + 12. RATING + =========================================================================== */ + +.rating-section .rating-1-wrapper { + padding: 0 16%; +} + +.rating-section .rating-2-wrapper { + padding: 0 4%; +} + +.rating-title { + text-align: center; +} + +.rating-title h5 { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* RATING BOX +/*------------------------------------------*/ + +.rbox-1, +.rbox-2 { + text-align: center; +} + +/*------------------------------------------*/ +/* RATING BOX LOGO +/*------------------------------------------*/ + +.rbox-1-img { + margin-bottom: 20px; +} + +.rbox-1-img img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.rbox-2-txt img { + position: relative; + display: inline-block; + width: auto; + max-width: inherit; + max-height: 30px; + top: -1px; + left: 4px; +} + +/*------------------------------------------*/ +/* RATING BOX TYPOGRAPHY +/*------------------------------------------*/ + +.rbox-2-txt { + margin-top: 20px; +} + +.rbox-1 .star-rating { + display: inline-block; + font-size: 17px; + line-height: 15px; + font-weight: 500; + vertical-align: inherit; + border: 1px solid #f5f5f5; + padding: 5px 18px; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +.rbox-1 .star-rating span { + position: relative; + color: #ffb30c; + top: 1.5px; +} + +.rbox-1 .star-rating { + font-size: 0.86rem; + line-height: 1; +} + +p.rbox-2-txt { + line-height: 22px; + margin-top: 8px; + margin-bottom: 0; +} + +p.rbox-2-txt span { + font-weight: 500; +} + + + + +/* ========================================================================== + 13. TESTIMONIALS + =========================================================================== */ + +.reviews-2-wrapper { + padding: 0 10px; +} + +.reviews-3-wrapper { + padding: 0 20px; +} + +.reviews-4-wrapper, +.reviews-5-wrapper { + padding-left: 40px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL +/*------------------------------------------*/ + +.review-1 { + padding: 40px 40px 30px; + margin: 0 10px 30px; +} + +.review-1.block-border { + border-color: #d2d2d2; +} + +.review-2 { + padding: 45px 50px 35px; +} + +.review-3 { + padding: 45px 50px 40px; +} + +.review-4 { + padding: 40px 45px 30px; +} + +.review-5 { + padding: 45px 45px 40px; +} + +#rw-2-1, #rw-2-2 { + margin-bottom: 20px; +} + +.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 { + margin-bottom: 20px; +} + +#rw-3-2 { + margin-bottom: 45px; +} + +#rw-3-2, #rw-3-3 { + margin-left: 15px; +} + +#rw-4-1, +#rw-5-1 { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL TEXT +/*------------------------------------------*/ + +.review-ico { + position: relative; + margin-top: -25px; + margin-left: -10px; + opacity: .1; +} + +.review-txt { + position: relative; + margin-top: -45px; +} + +.review-txt h6 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL DATA +/*------------------------------------------*/ + +.review-1 .author-data { + margin-top: 22px; +} + +.review-2 .author-data { + margin-top: 15px; +} + +.review-3 .author-data { + margin-top: 20px; +} + +.review-avatar { + margin: 0 auto; + float: left; +} + +.review-avatar img, +.owl-item .review-avatar img { + width: 54px; + height: 54px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.review-2 .review-avatar img { + width: 64px; + height: 64px; +} + +.review-3 .review-avatar img, +.review-5 .review-avatar img { + width: 62px; + height: 62px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL AUTHOR +/*------------------------------------------*/ + +.review-author { + position: relative; + display: inline-block; + text-align: left; + padding: 0 0 0 15px; +} + +.review-1 .review-author { + margin-top: 4px; +} + +.review-2 .review-author { + margin-top: 10px; +} + +.review-3 .review-author { + margin-top: 8px; +} + +.review-5 .review-author { + margin-top: 8px; +} + +.review-4 .review-author { + padding-left: 0; + margin-top: 0; +} + +.review-author h6 { + line-height: 1; + margin-bottom: 8px; +} + +.review-1 .review-author h6 { + font-size: 0.975rem; +} + +.review-author p { + line-height: 1; + font-weight: 300; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TESTIMONIAL CAROUSEL DOTS +/*------------------------------------------*/ + +.reviews-section button { + background-color: transparent; + border: none; + padding: 0 2px; +} + +.owl-theme .owl-dots .owl-dot span { + margin: 0 7px; +} + +.owl-dots button:focus { + outline: none; + text-decoration: none; +} + + + + +/* ========================================================================== + 14. PRESS + =========================================================================== */ + +/*------------------------------------------*/ +/* PRESS LOGO +/*------------------------------------------*/ + +.press-logo img { + position: relative; + width: auto; + max-width: inherit; + max-height: 82px; +} + +/*------------------------------------------*/ +/* PRESS TEXT +/*------------------------------------------*/ + +.press-txt { + position: relative; + margin-top: 15px; +} + +.press-txt p { + color: #999; + font-weight: 400; + margin-bottom: 0; +} + +.press-txt span { + position: relative; + top: 3px; + left: -1px; + opacity: .6; +} + +.press-txt.ico-20 [class^="flaticon-"]:before, +.press-txt.ico-20 [class^="flaticon-"]:after { + font-size: 1.375rem; +} + + + + +/* ========================================================================== + 15. BRANDS + =========================================================================== */ + +#brands-3 { + position: relative; +} + +#brands-3:after { + position: absolute; + content: ''; + width: 100%; + height: 80%; + top: 0; + left: 0; + z-index: -1; +} + +/*------------------------------------------*/ +/* BRANDS SECTION TITLE +/*------------------------------------------*/ + +.brands-title { + text-align: center; + padding: 0 5%; +} + +.brands-title h4, +.brands-title h3, +.brands-title h2 { + margin-bottom: 8px; +} + +.brands-title p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* BRANDS LOGO WRAPPER +/*------------------------------------------*/ + +.brands-3-wrapper { + padding: 50px 30px; + background-color: #fff; + border: 1px solid #e9ecef; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} + +/*------------------------------------------*/ +/* BRANDS LOGO IMAGE +/*------------------------------------------*/ + +.brand-logo { + overflow: hidden; + position: relative; + top: 0; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +#brands-1 .brands-carousel-5 .brand-logo { + padding: 0 30px; +} + +#brands-1 .brands-carousel-6 .brand-logo { + padding: 0 20px; +} + +#brands-1 .justify-content-center .brand-logo { + padding: 0 15px; +} + +#brands-2 .brand-logo { + padding: 0; +} + +#brands-3 .brand-logo { + padding: 0 25px; +} + +#brands-3 .brands-3-static .brand-logo { + padding: 0 15px; +} + +#brands-4 .brand-logo { + padding: 0 20px; +} + +.brand-logo:hover { + top: -6px; +} + +.brands-section .more-btn { + text-align: center; + margin-top: 40px; +} + +.hero-section .owl-dots, +.brands-section .owl-dots { + display: none; +} + + + + +/* ========================================================================== + 16. INTEGRATIONS + =========================================================================== */ + +.integrations-2-wrapper { + padding: 80px 70px; +} + +.in_tool_logo { + padding: 50px 30px; + margin-bottom: 25px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.integrations-1-wrapper .in_tool-logo { + position: relative; + margin-right: 20px; +} + +.integrations-1-wrapper .in_tool { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + padding: 22px 20px; + border: 1px solid #ccc; +} + +.integrations-1-wrapper .in_tool-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.in_tool h6 { + line-height: 1; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool-txt h6 { + margin-top: 5px; +} + +.integrations-1-wrapper .in_tool-txt p { + margin-top: 5px; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + + + + +/* ========================================================================== + 17. PRICING + =========================================================================== */ + +/*------------------------------------------*/ +/* Price Table +/*------------------------------------------*/ + +.p-table { + margin-bottom: 40px; +} + +.pricing-1-table { + padding: 50px 38px 45px; +} + +.text-center .pricing-1-table { + padding: 60px 35px 50px; +} + +.pricing-2-table { + padding: 45px 38px 50px; +} + +.pricing-3-table { + padding: 50px 40px; +} + +.pricing-4-table { + position: relative; + padding: 45px; +} + +#pt-4-1 { margin: 0 10px 40px 50px; } +#pt-4-2 { margin: 0 50px 40px 10px; } + +/*------------------------------------------*/ +/* TABLE HEADER +/*------------------------------------------*/ + +.pricing-table-header { + position: relative; +} + +.pricing-table-header h5 { + margin-bottom: 30px; +} + +.pricing-table-header h4 { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* PRICING TABLE DISCOUNT +/*------------------------------------------*/ + +.pricing-discount { + position: absolute; + top: -2px; + right: -10px; + padding: 8px 18px; +} + +.pricing-1-table .pricing-discount { + top: -2px; + right: -5px; + padding: 7px 13px; +} + +.text-center .pricing-1-table .pricing-discount { + top: -35px; + right: -8px; +} + +.pricing-discount h6 { + font-size: 1.1rem; + line-height: 1; + margin-bottom: 0; +} + +.pricing-1-table .pricing-discount h6 { + font-size: 0.915rem; +} + +.price.color--black .white--color { + color: #fff; +} + +.comp-table .table thead th { + border-color: #ccc; +} + +.comp-table tbody th { + border-bottom: 1px solid #ccc!important; +} + +.comp-table .table tr td { + border-bottom: 2px solid #ccc; +} + +/*------------------------------------------*/ +/* PRICE +/*------------------------------------------*/ + +.price span { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 3rem; + line-height: 1; + font-weight: 600; + letter-spacing: -2px; +} + +.pricing-2-table.highlight .price span { + font-size: 2.4rem; + letter-spacing: -1px; +} + +.pricing-3-table .price span { + font-size: 4.35rem; +} + +.pricing-4-table .price span { + font-size: 3.15rem; +} + +/*------------------------------------------*/ +/* DOLLAR SIGN +/*------------------------------------------*/ + +.price sup { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.05rem; + font-weight: 600; + top: -5px; + right: 2px; + letter-spacing: -1px; +} + +.pricing-3-table .price sup { + font-size: 2.35rem; + top: -23px; + right: 3px; +} + +.pricing-4-table .price sup { + font-size: 2.05rem; + top: -10px; + right: 2px; +} + +/*------------------------------------------*/ +/* COINS +/*------------------------------------------*/ + +.pricing-3-table .price sup.coins { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.35rem; + font-weight: 600; + top: -29px; + left: 3px; + letter-spacing: -2px; +} + +/*------------------------------------------*/ +/* Validity +/*------------------------------------------*/ + +.price sup.validity { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 1.4rem; + font-weight: 400; + top: -2px; + left: 0; +} + +.pricing-3-table .price sup.validity { + display: block; + font-size: 1.1875rem; + top: 0; + margin-top: 20px; + margin-bottom: 30px; + letter-spacing: 0; + margin-bottom: 40px; +} + +/*------------------------------------------*/ +/* Text +/*------------------------------------------*/ + +.price p { + margin-top: 25px; + margin-bottom: 25px; +} + +.pricing-2-table .price p { + margin-bottom: 15px; +} + +.text-center .price p { + padding: 0 2%; +} + +.pricing-section .btn-txt a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* PRICING TABLE HORIZONTAL LINE +/*------------------------------------------*/ + +.pricing-1-table hr { + margin-top: 35px; +} + +.pricing-2-table hr { + margin-top: 25px; +} + +/*------------------------------------------*/ +/* PRICING FEATURES +/*------------------------------------------*/ + +.pricing-features li { + padding: 11px 8px; +} + +.pricing-4-table .pricing-features li { + padding: 10px; +} + +.pricing-features li p { + line-height: 1; + font-weight: 400; + margin-bottom: 0; +} + +.pricing-features li p span { + position: relative; + top: -2px; + right: 5px; +} + +.pricing-features.ico-10 li p span { + top: 0; + right: 4px; +} + +.pricing-features.ico-5 [class*="flaticon-"]:before, +.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; } + +.pricing-features li.disabled-option p, +.pricing-features li.disabled-option span { + color: #b5b5b5!important; +} + +/*------------------------------------------*/ +/* PRICING TABLE BUTTON +/*------------------------------------------*/ + +.pt-btn { + display: block; + width: 100%; + margin-top: 25px; +} + +.p-table p.btn-txt { + margin: 14px 0 0 0; +} + +/*------------------------------------------*/ +/* PRICING TOGGLE BUTTON +/*------------------------------------------*/ + +.ext-toggle-btn { + text-align: center; +} + +.toggle-btn.inn-toggle-btn { + position: absolute; +} + +#pricing-4 .ext-toggle-btn { + margin: 0 50px 35px 10px; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON TYPOGRAPHY +/*------------------------------------------*/ + +.toggle-btn-md .toggler-txt { + font-size: 1.1rem; + font-weight: 400; + line-height: 36px; +} + +.toggle-btn-lg .toggler-txt { + font-size: 1.15rem; + font-weight: 400; + line-height: 40px; +} + +.toggle-btn p { + margin-top: 10px; + letter-spacing: -0.25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON SWITCHER +/*------------------------------------------*/ + +.switch-wrap { + position: relative; + display: inline-block; + min-width: 50px; + height: 32px; + vertical-align: middle; +} + +.toggle-btn-md .switch-wrap { + min-width: 65px; + height: 36px; + margin: 0 8px; +} + +.toggle-btn-lg .switch-wrap { + min-width: 70px; + height: 40px; + margin: 0 14px; +} + +.switcher { + display: block; + cursor: pointer; + color: #fff; + font-size: 0.925rem; + font-weight: 500; + height: 32px; + padding: 0 15px 0 35px; + position: relative; + border-radius: 32px; + -webkit-transition: all 150ms ease-in-out; + -moz-transition: all 150ms ease-in-out; + -o-transition: all 150ms ease-in-out; + -ms-transition: all 150ms ease-in-out; + transition: all 150ms ease-in-out; +} + +.toggle-btn-md .switcher { + height: 36px; + padding: 0 20px 0 40px; + border-radius: 36px; +} + +.toggle-btn-lg .switcher { + height: 40px; + padding: 0 20px 0 40px; + border-radius: 40px; +} + +.switcher.bg--tra-white { + background-color: #fff; + border: 2px solid #ccc; +} + +.switcher.bg--ghost-white { + background-color: rgba(128, 143, 174, .45); + border: 2px solid rgba(128, 143, 174, .15); +} + +.switcher.bg--grey { + background-color: #ccc; + border: 2px solid #ccc; +} + +.switcher .show-annual, +.switcher .show-monthly { + line-height: 32px; +} + +.toggle-btn-md .switcher .show-annual, +.toggle-btn-md .switcher .show-monthly { + line-height: 36px; +} + +.toggle-btn-lg .switcher .show-annual, +.toggle-btn-lg .switcher .show-monthly { + line-height: 40px; +} + +.switcher .show-monthly { + display: block; +} + +.switcher .show-annual { + display: none; +} + +.switcher:before { + position: absolute; + left: 4px; + bottom: 4px; + content: " "; + background-color: #fff; + width: 24px; + height: 24px; + border-radius: 50%; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.toggle-btn-md .switcher:before { + left: 5px; + bottom: 5px; + width: 26px; + height: 26px; +} + +.toggle-btn-lg .switcher:before { + left: 5px; + bottom: 5px; + width: 30px; + height: 30px; +} + +.switcher.bg--grey:before, +.switcher.bg--tra-white:before, +.switcher.bg--ghost-white:before { + background-color: #ccc; + left: 4px; + bottom: 3.5px; + -webkit-box-shadow: 0 1px 1px 0 #aaa; + -moz-box-shadow: 0 1px 1px 0 #aaa; + box-shadow: 0 1px 1px 0 #aaa; +} + +.switcher.bg--grey:before, +.switcher.bg--ghost-white:before { + background-color: #fff; +} + +.switch-wrap input { + display: none; +} + +.switch-wrap input:checked + .switcher { + padding: 0 35px 0 15px; +} + +.toggle-btn-md .switch-wrap input:checked + .switcher, +.toggle-btn-lg .switch-wrap input:checked + .switcher { + padding: 0 40px 0 20px; +} + +.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; } +.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; } +.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; } + +.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; } +.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; } +.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; } + +.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; } +.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; } +.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; } + +.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; } +.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; } +.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; } + +.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; } +.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; } +.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; } + +.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; } +.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; } +.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; } + +.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; } +.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; } +.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; } + +.switch-wrap input:checked + .switcher:before { + left: auto; + right: 4px; + -webkit-transition: all 350ms ease-in-out; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.switch-wrap input:checked + .switcher.bg--tra-white:before { + bottom: 3px; + background-color: #fff; + -webkit-box-shadow: 0 0; + -moz-box-shadow: 0 0; + box-shadow: 0 0; +} + +.switch-wrap input:checked + .switcher .show-annual { + display: block; +} + +.switch-wrap input:checked + .switcher .show-monthly { + display: none; +} + +/*------------------------------------------*/ +/* PRICING NOTICE TEXT +/*------------------------------------------*/ + +.pricing-notice { + text-align: center; + margin-top: 20px; +} + +.pricing-notice p { + padding: 0 8%; + margin-bottom: 0; +} + +.pricing-notice p span { + font-weight: 500; +} + +/*------------------------------------------*/ +/* COMPARE PRICING TABLE +/*------------------------------------------*/ + +.table>:not(caption)>*>* { + padding-top: 12px; + padding-bottom: 12px; +} + +.comp-table .pricing-header { + max-width: 700px; +} + +.comp-table .table-responsive thead th { + font-size: 1.15rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody th { + font-size: 1rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody td { + position: relative; + font-size: 1rem; + line-height: inherit; + top: 1px; +} + +.comp-table .table-responsive tbody td span { + position: relative; + top: 1px; +} + +.table-responsive .ico-15 [class*="flaticon-"]:before, +.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.table-responsive .ico-20 [class*="flaticon-"]:before, +.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; } + +.comp-table .table-responsive tbody tr { + background-color: #fff; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.comp-table .table tbody tr.table-last-tr { + border-color: transparent; +} + +.comp-table .table-responsive tbody tr:hover { + background-color: #f7f7f9; +} + +.comp-table .disabled-option { + color: #999; +} + +/*------------------------------------------*/ +/* PRICING COMPARE PAYMENT +/*------------------------------------------*/ + +.comp-table-payment h6 { + margin-bottom: 20px; +} + +.comp-table-payment p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 18. TEAM + =========================================================================== */ + +/*------------------------------------------*/ +/* TEAM MEMBER +/*------------------------------------------*/ + +#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; } +#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; } +#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; } + +/*------------------------------------------*/ +/* TEAM MEMBER PHOTO +/*------------------------------------------*/ + +.team-member-photo { + position: relative; + overflow: hidden; + text-align: center; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* PHOTO HOVER ZOOM +/*------------------------------------------*/ + +.team-member:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.team-member:hover .item-overlay { + opacity: .45; + -moz-opacity: .45; +} + +/*------------------------------------------*/ +/* TEAM MEMBER TYPOGRAPHY +/*------------------------------------------*/ + +.team-member-data { + position: relative; + margin-left: 5px; +} + +.team-member-data h6.s-20 { + margin-bottom: 8px; +} + +.team-member-data p { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1; + font-weight: 400; + letter-spacing: 0; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Team Member Social Links +/*------------------------------------------*/ + +ul.tm-social { + position: absolute; + top: -1px; + right: 8px; + -webkit-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} + +#team-1 ul.tm-social { + right: 5px; +} + +ul.tm-social li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; + margin-left: 10px; + opacity: .6; + -webkit-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; +} + +.tm-social.ico-20 [class*="flaticon-"]:before, +.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; } + + + + +/* ========================================================================== + 19. CAREERS + =========================================================================== */ + +/*------------------------------------------*/ +/* ROLE BOX +/*------------------------------------------*/ + +.role-box { + border: 1px solid #d2d2d2; + padding: 25px 35px; + margin-bottom: 30px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.role-box.bg--white-200, +.role-box.bg--white-300 { + border: 1px solid transparent; +} + +.role-box:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* ROLE BOX TEXT +/*------------------------------------------*/ + +.role-box span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.8rem; + line-height: 1; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 14px; +} + +.role-box h6 { + margin-bottom: 6px; +} + +.role-box p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 20. CAREER ROLE + =========================================================================== */ + +#role-page .inner-page-title { + text-align: left; + margin-bottom: 50px; +} + +#role-page .inner-page-title span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.9rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 35px; +} + +.role-info hr { + margin: 50px 0; +} + +#role-page .cbox-6-wrapper { + margin: 45px 0; +} + +.role-info h5 { + margin-bottom: 25px; +} + +.role-info p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-block.role-info .btn { + display: block; + margin-top: 50px; +} + + + + +/* ========================================================================== + 21. BANNER + =========================================================================== */ + +.banner-overlay { + width: 100%; + height: 100%; +} + +#banner-11 { + margin-top: 50px; +} + +#banner-12 { + margin-top: 40px; + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* BANNER WRAPPER +/*------------------------------------------*/ + +.banner-1-wrapper, +.banner-2-wrapper, +.banner-3-wrapper { + position: relative; + overflow: hidden; + text-align: center; +} + +.banner-1-wrapper .banner-overlay { + padding: 75px 15% 85px; +} + +.banner-2-wrapper .banner-overlay { + padding: 80px 15% 90px; +} + +.banner-3-wrapper .banner-overlay { + padding: 75px 20% 85px; +} + +.banner-11-wrapper .banner-overlay { + padding: 10px 70px 0; +} + +.banner-12-wrapper .banner-overlay { + padding-left: 80px; +} + +.banner-13-wrapper { + overflow: hidden; +} + +.banner-13-wrapper .banner-overlay { + overflow: hidden; + padding-left: 80px; +} + +.banner-16-wrapper .banner-overlay { + padding: 45px 22%; +} + +.banner-16-wrapper.bg--white-100.block-border { + border-color: #ccc; +} + +/*------------------------------------------*/ +/* BANNER TEXT +/*------------------------------------------*/ + +.banner-12-txt { + margin-top: -10px; + padding-right: 15%; +} + +.banner-13-txt { + padding-right: 15%; +} + +/*------------------------------------------*/ +/* BANNER TYPOGRAPHY +/*------------------------------------------*/ + +.banner-section .section-id { + font-weight: 600; + padding-top: 10px; + margin-bottom: 30px; +} + +.banner-1-txt h2 { + margin-bottom: 15px; +} + +.banner-2-txt h2 { + margin-bottom: 35px; +} + +.banner-4-txt h2 { + margin-bottom: 30px; +} + +.banner-7-txt h2 { + margin-bottom: 35px; +} + +.banner-10-txt h6 { + font-weight: 400; + margin-bottom: 12px; +} + +.banner-10-txt h2 { + margin-bottom: 25px; +} + +.banner-11-txt h2, +.banner-12-txt h2, +.banner-13-txt h2 { + margin-bottom: 22px; +} + +.banner-15-txt h2 { + margin-bottom: 45px; +} + +.banner-16-txt h4 { + margin-bottom: 14px; +} + +.banner-section p.p-lg { + font-size: 1.15rem; + margin-bottom: 30px; +} + +.banner-section p.p-xl { + margin-bottom: 25px; +} + +.sm-title .banner-1-txt p.p-lg, +.sm-title .banner-1-txt p.p-xl { + margin-top: 12px; + margin-bottom: 22px!important; +} + +.banner-3-txt p.p-lg, +.banner-3-txt p.p-xl, +.banner-5-txt p.p-lg, +.banner-5-txt p.p-xl { + margin-top: 20px; +} + +.banner-5-txt p.s-21, +.banner-5-txt p.s-22 { + margin-top: 20px; + margin-bottom: 26px; +} + +.banner-6-txt p.p-lg, +.banner-6-txt p.p-xl { + margin-top: 15px; + margin-bottom: 25px!important; +} + +.banner-8-txt p.p-lg, +.banner-8-txt p.p-xl { + margin-top: 10px; + margin-bottom: 0!important; +} + +.banner-9-txt p.p-lg, +.banner-9-txt p.p-xl { + margin-top: 20px; + margin-bottom: 25px!important; +} + +.banner-11-txt p { + padding-right: 8%; +} + +.banner-14-txt p.p-lg { + font-size: 1.25rem; + margin-top: 35px; + margin-bottom: 40px; +} + +.banner-15-txt p a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* BANNER IMAGE +/*------------------------------------------*/ + +.banner-11-img { + margin-top: -60px; + margin-left: -40px; +} + +.banner-12-img { + margin: -40px -20px -30px -40px; +} + +.banner-13-img { + transform: rotate(-20deg); + margin: -60px -120px -70px -40px; +} + + + + +/* ========================================================================== + 22. CALL TO ACTION / DOWNLOAD + =========================================================================== */ + +.version-release { + margin-bottom: 80px; +} + +.release-data { + padding-bottom: 30px; + border-bottom: 1px dashed #ccc; + margin-bottom: 30px; +} + +.release-data h5 { + margin-bottom: 40px; +} + +span.version-data { + color: #353f4f; + font-size: 2rem; + line-height: 1; + margin-right: 20px; + margin-bottom: 0; +} + +span.release-date { + color: #999; + font-size: 1.175rem; + line-height: 1; + margin-bottom: 0; +} + +span.release-date span { + color: #353f4f; + font-weight: 500; + margin-left: 20px; +} + +.release-download { + position: absolute; + right: 5px; + bottom: 0; +} + +.release-highlights .simple-list p { + margin-bottom: 2px; +} + + + + +/* ========================================================================== + 23. FAQS + =========================================================================== */ + +/*------------------------------------------*/ +/* FAQS SECTION TITLE +/*------------------------------------------*/ + +#faqs-1 .section-title { + margin-bottom: 50px; +} + +#faqs-2 .inner-page-title { + margin-bottom: 55px; +} + +#faqs-3 .section-title { + margin-bottom: 70px; +} + +.faqs-3-questions .questions-holder { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FAQS ACCORDION +/*------------------------------------------*/ + +.faqs-section .accordion-item { + background-color: transparent!important; + border: none; + border-bottom: 1px solid #e5e5e5; +} + +#faqs-2.faqs-section .accordion-item { + border-bottom: 1px solid #ddd; +} + +.faqs-section .accordion-item.acc-last-item, +#faqs-2.faqs-section .accordion-item.acc-last-item { + border-bottom: none; +} + +/*------------------------------------------*/ +/* Question +/*------------------------------------------*/ + +.faqs-section .accordion-thumb { + margin: 0; + padding: 25px 0; + cursor: pointer; + position: relative; +} + +#faqs-2.faqs-section .accordion-thumb { + padding: 25px 0 30px; +} + +.faqs-section .accordion-item .accordion-thumb:after, +.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-family: Flaticon; + font-weight: 300; + content: "\f11a"; + position: absolute; + font-size: 1rem; + top: 22px; + right: 3px; +} + +#faqs-2.faqs-section .accordion-item .accordion-thumb:after, +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-size: 1rem; + top: 26px; + right: 2px; +} + +.faqs-section .accordion-item.is-active .accordion-thumb:after { + content: "\f11b"; +} + +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #e5e5e5; +} + +/*------------------------------------------*/ +/* Answer +/*------------------------------------------*/ + +.accordion-panel { + margin: 0; + padding: 0 0 15px 0; + display: none; +} + +#faqs-2 .accordion-panel { + padding: 45px 0 15px 0; +} + +.accordion-thumb h5, +.accordion-thumb h4 { + line-height: 1; + margin-bottom: 0; +} + +.question h5, +.accordion-panel-item h5 { + margin-bottom: 20px; +} + +.question h5 span, +.accordion-thumb h5 span, +.accordion-panel-item h5 span { + margin-right: 5px; +} + +.question p a, +.accordion-panel p a { + font-weight: 500; + text-decoration: underline; +} + +.question p.color--grey a.color--blue, +.accordion-panel.color--grey a.color--blue { + color: #1680fb!important; +} + +/*------------------------------------------*/ +/* FAQS TABS +/*------------------------------------------*/ + +.faqs-section .tabs-nav { + text-align: center; +} + +.faqs-section .tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +.faqs-section .tab-content { + display: none; +} + +.faqs-section .tab-content.current { + display: inherit; +} + +.faqs-section .tabs-1 li { + display: inline-block; + min-width: 230px; + background-color: transparent; + border: 2px solid #ddd; + cursor: pointer; + padding: 30px 0; + margin: 0 6px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.faqs-section .tabs-1 li span { + color: #c3c4c5; +} + +.faqs-section .tabs-1 li p { + line-height: 1; + font-weight: 400; + margin-top: 15px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TAB LINK CURRENT +/*------------------------------------------*/ + +.faqs-section .tabs-1 li.current, +.faqs-section .tabs-1 li.current:hover { + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); +} + +.faqs-section .tabs-1 li.current p, +.faqs-section .tabs-1 li.current span { + color: #fff; +} + +.faqs-section .tabs--blue .tabs-1 li.current, +.faqs-section .tabs--blue .tabs-1 li.current:hover { + background-color: #1680fb; + border-color: #1680fb!important; +} + +.faqs-section .tabs--purple .tabs-1 li.current, +.faqs-section .tabs--purple .tabs-1 li.current:hover { + background-color: #7b5dd6; + border-color: #7b5dd6!important; +} + +/*------------------------------------------*/ +/* MORE QUESTIONS LINK +/*------------------------------------------*/ + +.more-questions { + text-align: center; +} + +#faqs-2 .more-questions { + margin: 70px auto 0; +} + +.more-questions-txt { + display: inline-block; + padding: 22px 46px; +} + +.more-questions-txt p { + line-height: 1; + margin-bottom: 0; +} + +.more-questions-txt a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 24. NEWSLETTER + =========================================================================== */ + +#newsletter-1 .newsletter-overlay { + padding-top: 60px; + padding-bottom: 60px; +} + +#newsletter-2 .container { + padding-left: 0; + padding-right: 0; +} + +#newsletter-2 .newsletter-overlay { + padding: 60px 50px; +} + +#newsletter-3 { + margin-top: 50px; + margin-bottom: 50px; +} + +#newsletter-4 .newsletter-overlay, +#newsletter-5 .newsletter-overlay { + padding-top: 80px; + padding-bottom: 70px; +} + +/*------------------------------------------*/ +/* NEWSLETTER TYPOGRAPHY +/*------------------------------------------*/ + +.newsletter-txt h2 { + margin-bottom: 35px; +} + +#newsletter-4 .newsletter-txt h2 { + margin-bottom: 40px; +} + +.newsletter-txt h4, +.newsletter-txt h3, +#newsletter-5 .newsletter-txt h2 { + margin-bottom: 0; +} + +.newsletter-txt p.p-sm { + margin-bottom: 0; +} + +#newsletter-4 .newsletter-txt p { + padding: 0 10%; +} + +#newsletter-5 .newsletter-txt p { + margin-top: 20px; + margin-bottom: 0; +} + +.newsletter-txt a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* NEWSLETTER FORM +/*------------------------------------------*/ + +#newsletter-1 .newsletter-form { + padding-left: 15%; + margin-top: 30px; +} + +#newsletter-2 .newsletter-form { + margin-top: 25px; + padding-left: 12%; +} + +#newsletter-4 .newsletter-form { + padding: 0 5%; +} + +#newsletter-5 .newsletter-form { + margin-top: 35px; + padding: 0 10%; +} + +/*------------------------------------------*/ +/* Newsletter Form Input +/*------------------------------------------*/ + +.newsletter-section .form-control { + height: 56px; + background-color: #fff; + border: 1px solid #ccc; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin-right: 12px; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +#newsletter-1.newsletter-section .form-control { + height: 54px; + font-size: 0.975rem; +} + +#newsletter-5.newsletter-section .form-control { + height: 62px; + font-size: 1.0625rem; +} + +.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.newsletter-section .form-control:focus { + background-color: #fff; + outline: 0; + box-shadow: none; + border-color: #1680fb; +} + +.newsletter-section .purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Placeholder +/*------------------------------------------*/ + +.newsletter-section .form-control::-moz-placeholder { color: #aaa; } +.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } +.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.newsletter-section .btn { + display: block; + width: 100%!important; + height: 56px; +} + +#newsletter-1 .btn { + height: 54px; + font-size: 0.925rem; + padding: 0.7rem 1.3rem; +} + +#newsletter-5.newsletter-section .btn { + height: 62px; +} + +/*------------------------------------------*/ +/* Newsletter Form Notification +/*------------------------------------------*/ + +.newsletter-section .form-notification { + color: #3eb1ff; + font-size: 0.9rem; + font-weight: 400; + line-height: 1; + margin-top: 15px; + margin-left: 5px; +} + +.newsletter-section .text-center .form-notification { + margin-left: 0; +} + +.bg--color.newsletter-section .form-notification { + color: #fff; +} + +.newsletter-section .form-notification.valid, +.newsletter-section .form-notification.error { + color: #fc2f4b; +} + +.newsletter-section .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* NEWSLETTER IMAGE +/*------------------------------------------*/ + +#newsletter-3 .newsletter-img { + margin-top: -50px; + margin-bottom: -50px; +} + +#newsletter-3 .col-lg-6 .newsletter-img { + padding-left: 40px; +} + + + +/* ========================================================================== + 25. BLOG + =========================================================================== */ + +/*------------------------------------------*/ +/* BLOG POST TAG +/*------------------------------------------*/ + +.post-tag { + display: block; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.75rem; + font-weight: 600; + letter-spacing: 0; + text-transform: uppercase; + margin-bottom: 20px; +} + +#single-post .post-tag { + font-size: 0.85rem; +} + +/*------------------------------------------*/ +/* BLOG POST META +/*------------------------------------------*/ + +.post-meta-list li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.post-meta-list p { + color: #353f4f; + line-height: 1; + margin-bottom: 0; +} + +.bg--black-400 .post-meta-list p { + color: #f8f9f9; +} + +.meta-list-divider { + position: relative; + top: 0px; + transform: rotate(-90deg); + padding: 0 1px; +} + +/*------------------------------------------*/ +/* BLOG POST TYPOGRAPHY +/*------------------------------------------*/ + +.blog-post-txt h6 { + margin-bottom: 15px; +} + +.blog-post-txt p { + margin-bottom: 0; +} + +.blog-post-txt a { + color: #353f4f; +} + +.blog-post-txt a:hover { + text-decoration: underline; +} + +.bg--black-400 .blog-post-txt a { + color: #f8f9f9; +} + +.bg--black-400 .blog-post-txt a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 26. BLOG LISTING + =========================================================================== */ + +.wide-post { + margin-bottom: 100px; +} + +.wide-post .blog-post-img { + padding-right: 15px; +} + +.wide-post .blog-post-txt { + padding-left: 15px; +} + +.square-post { + margin-top: 60px; + margin-bottom: 40px; +} + +.square-post-wrapper { + overflow: hidden; +} + +.square-post .blog-post-txt { + padding: 0 30px 0 60px; +} + +/*------------------------------------------*/ +/* BLOG POSTS CATEGORY +/*------------------------------------------*/ + +.posts-category { + margin-top: 40px; + margin-bottom: 60px; +} + +.posts-category h4 { + line-height: 1; + margin-bottom: 0; +} + +.posts-category span { + position: relative; + top: 1px; +} + + + + +/* ========================================================================== + 27. SINGLE BLOG POST + =========================================================================== */ + +/*------------------------------------------*/ +/* Single Post Title +/*------------------------------------------*/ + +.single-post-title h3, +.single-post-title h2 { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* Single Post Text +/*------------------------------------------*/ + +.single-post-txt h5, +.single-post-txt h4 { + margin-top: 30px; + margin-bottom: 30px; +} + +.single-post-txt h5 span { + display: block; +} + +/*------------------------------------------*/ +/* Single Post Code +/*------------------------------------------*/ + +.txt-code { + background-color: #f8f9fa; + padding: 20px 18px; + margin: 30px 0; +} + +.txt-code p { + color: #383a42; + font-size: 1rem; + line-height: 1.75; + margin-bottom: 0; +} + +.single-post-txt p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-code span.code-property, +.txt-code p code.code-language-js { + color: #151515; +} + +.txt-code span.code-variable, +.txt-code span.code-attribute { + color: #986801; +} + +.txt-code span.code-string { + color: #50a14f; +} + +/*------------------------------------------*/ +/* Single Post Blockquote +/*------------------------------------------*/ + +.single-post-txt figure { + margin-bottom: 40px; +} + +.single-post-txt .blockquote p { + font-size: 1.5rem; + line-height: 1.45; + margin-bottom: 40px; +} + +.single-post-txt .blockquote-footer { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* Single Post Image +/*------------------------------------------*/ + +.post-inner-img { + text-align: center; + margin-top: 50px; + margin-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE LINKS +/*------------------------------------------*/ + +.post-share-list { + margin-top: 50px; + padding-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE ICONS +/*-----------------------------------------*/ + +.share-social-icons { + display: inline-block; + padding-left: 0; +} + +.share-social-icons li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; +} + +.share-social-icons a.share-ico span { + opacity: .75; + margin-right: 25px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.share-social-icons a.share-ico:hover span { + opacity: 1; +} + +/*------------------------------------------*/ +/* POST AUTHOR +/*------------------------------------------*/ + +.post-author { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.post-author-avatar { + position: relative; + text-align: center; + margin-right: 35px; +} + +.post-author-avatar img { + width: 100px; + height: 100px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.post-author-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.post-author-txt h5 { + margin-bottom: 20px; +} + +.post-author-txt p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Follow Button +/*------------------------------------------*/ + +.author-follow-btn { + display: inline-block; + position: absolute; + padding: 6px 15px; + line-height: 1; + top: 80px; + right: 10px; + border: 2px solid #ddd; +} + +.author-follow-btn a { + color: #666; + font-size: 0.935rem; + font-weight: 400; +} + +/*------------------------------------------*/ +/* POST COMMENTS +/*------------------------------------------*/ + +.post-comments { + padding-top: 100px; +} + +.post-comments hr { + margin-top: 24px; + margin-bottom: 40px; +} + +.post-comments h5 { + margin-bottom: 60px; +} + +.post-comments img { + width: 68px; + height: 68px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.comment-body { + margin-left: 25px; +} + +.comment-meta { + margin-bottom: 10px; +} + +.comment-meta h6 { + line-height: 1; + margin-bottom: 0; +} + +.comment-date { + font-size: 16px; + font-weight: 400; + margin-bottom: 5px; +} + +/*------------------------------------------*/ +/* Comment Reply +/*------------------------------------------*/ + +.btn-reply { + margin-left: 3px; +} + +.btn-reply a { + font-size: 17px; + font-weight: 400; +} + +.btn-reply span { + position: relative; + top: 3px; + margin-right: 4px; + left: 3px; +} + +.btn-reply.ico-20 [class*="flaticon-"]:before, +.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; } + +.btn-reply a:hover { + color: #222; +} + +/*------------------------------------------*/ +/* SINGLE POST COMMENT FORM +/*------------------------------------------*/ + +.post-comments #leave-comment h5 { + padding-bottom: 0; + margin-top: 80px; + margin-bottom: 10px; + border: none; +} + +.comment-form { + position: relative; + margin-top: 60px; +} + +.comment-form p { + position: relative; + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 15px; + padding-left: 8px; + display: block; +} + +.comment-form p span { + position: relative; + color: #ff3366; + top: -3px; +} + +.comment-form .form-control { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #353f4f; + font-size: 1rem; + line-height: 1; + font-weight: 400; + padding: 0 20px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.comment-form textarea { min-height: 220px; } +.comment-form textarea.form-control { + padding: 25px 20px; +} + +/*------------------------------------------*/ +/* Comment Form Input Focus +/*------------------------------------------*/ + +.comment-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Comment Form Button +/*------------------------------------------*/ + +.comment-form .btn { + margin-top: 15px; +} + +.comment-form .btn:focus { + outline: 0px none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +.comment-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +.comment-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.comment-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 28. CONTACTS + =========================================================================== */ + +#contacts-1 .contact-form p { + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 10px; + padding-left: 8px; +} + +#contacts-1 .contact-form .col-md-12 span { + display: block; + font-size: 0.95rem; + line-height: 1; + font-weight: 300; + margin-bottom: 20px; + padding-left: 8px; +} + +#contacts-1 .contact-form .contact-form-notice p { + font-size: 0.835rem; + font-weight: 300; + line-height: 1.5555; + padding-left: 0; + margin-top: 40px; +} + +.contact-form-notice p a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* CONTACT FORM INPUT +/*------------------------------------------*/ + +.contact-form .form-control, +.contact-form .form-select { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #3a4a56; + font-size: 1rem; + font-weight: 400; + padding: 0 15px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.bg--snow .contact-form .form-control, +.bg--snow .contact-form .form-select { + background-color: #fff; + border: 1px solid #ccc; +} + +.contact-form .form-select { + display: inline-block; + width: 100%; + color: #998da0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Contact Form Textarea +/*------------------------------------------*/ + +.contact-form textarea { min-height: 220px; } +.contact-form textarea.form-control { + padding: 20px 15px; +} + +/*------------------------------------------*/ +/* Contact Form Placeholder +/*------------------------------------------*/ + +.contact-form .form-control::-moz-placeholder { color: #999; } +.contact-form .form-control:-ms-input-placeholder { color: #999; } +.contact-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Contact Form Input Focus +/*------------------------------------------*/ + +.contact-form .form-control:focus, +.contact-form .form-select:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Contact Form Message +/*------------------------------------------*/ + +.contact-form-msg { + width: 100%!important; + display: block; + margin-top: 20px; + padding-left: 0; +} + +.contact-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.contact-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 29. FOOTER + =========================================================================== */ + +.footer { + padding-bottom: 50px; +} + +.footer-info, +.footer-links { + margin-bottom: 40px; +} + +#footer-10 .footer-info { + margin-bottom: 40px; + padding-bottom: 55px; + border-bottom: 1px solid #dbdddf; +} + +#footer-10 .footer-links { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* FOOTER LOGO +/*------------------------------------------*/ + +img.footer-logo, +img.footer-logo-dark { + width: auto; + max-width: inherit; + max-height: 40px; +} + +#footer-10 img.footer-logo { + max-height: 46px; +} + +#footer-1 .footer-logo, +#footer-5 .footer-logo, +#footer-6 .footer-logo, +#footer-7 .footer-logo { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* FOOTER TYPOGRAPHY +/*------------------------------------------*/ + +.footer h6 { + line-height: 1; + margin-bottom: 25px; +} + +#footer-9.footer h6 { + line-height: 1.5; +} + +.bg--black.footer h6 { + color: #fff; +} + +/*------------------------------------------*/ +/* FOOTER INFO +/*------------------------------------------*/ + +.footer-info-copyright p { + margin-bottom: 0; +} + +.footer-info-copyright p span { + position: relative; + top: 2px; + padding: 0 2px; +} + +.footer-info-copyright.ico-15 [class*="flaticon-"]:before, +.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } + +/*------------------------------------------*/ +/* FOOTER MAIL LINK +/*------------------------------------------*/ + +.footer .footer-mail-link { + margin-left: 3px; + margin-bottom: 0; +} + +#footer-1 .footer-info .footer-mail-link { + margin-top: 10px; +} + +#footer-2 .footer-links .footer-mail-link, +#footer-3 .footer-links .footer-mail-link { + margin-left: 0; + margin-bottom: 20px; +} + +.footer-mail-link a { + font-weight: 400; +} + +.footer-mail-link span { + position: relative; + top: 4px; + right: 3px; +} + +.footer-mail-link.ico-20 [class*="flaticon-"]:before, +.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } + +.bg--black.footer .footer-mail-link a { + color: #a0a7b1; +} + +.bg--black.footer .footer-mail-link a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER LINKS +/*------------------------------------------*/ + +#footer-2 .footer-links { + padding-left: 10%; +} + +.foo-links li { + width: auto!important; + display: block!important; + vertical-align: top; + clear: none !important; + margin: 0; + padding: 0; +} + +.foo-links.ico-10 li span { + position: relative; + top: 1.5px; + right: 3px; +} + +#footer-8 .foo-links li { + display: inline-block!important; + padding-left: 20px; +} + +#footer-8 .foo-links li.first-li { + padding-left: 0; +} + +#footer-10 .foo-links li { + display: inline-block!important; + padding: 0 10px; +} + +.footer .foo-links li p { + font-weight: 400; + margin-bottom: 10px; +} + +.footer .foo-links li:last-child p { + margin-bottom: 0; +} + +.foo-links li a span.ext-link { + display: inline-block; + position: relative; + left: 3px; + top: 1.5px; + transform: rotate(-60deg); +} + +.foo-links.ico-15 [class*="flaticon-"]:before, +.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.bg--black.footer .foo-links li p a { + color: #a0a7b1; +} + +.bg--black.footer .foo-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER SOCIAL +/*------------------------------------------*/ + +.footer-socials { + margin: 0; + display: inline-block; +} + +.footer-socials li { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.footer-socials a { + display: block; + margin-right: 15px; +} + +.footer-socials.ico-20 a, +.footer-socials.ico-25 a { + margin-right: 16px; +} + +.footer-socials.ico-25 [class*="flaticon-"]:before, +.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; } + +.bg--black.footer .footer-socials li a { + color: #a0a7b1; +} + +.bg--black.footer .footer-socials li a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER STORE BAGES +/*------------------------------------------*/ + +.footer .store { + float: none; + margin-right: 0; + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FOOTER NEWSLETTER FORM +/*------------------------------------------*/ + +.footer-form { + margin-bottom: 20px; +} + +#footer-7 .footer-form { + padding-left: 8%; +} + +.footer-form .newsletter-form .input-group { + background-color: #f4f4f4; + border: 1px solid transparent; + padding: 9px 2px; +} + +.footer-form .form-control { + height: 32px; + background-color: transparent; + border: none; + color: #666; + font-size: 1rem; + font-weight: 400; + padding: 0 10px; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.footer-form .form-control:focus { + border: none; + border-right: none; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Footer Form Placeholder +/*------------------------------------------*/ + +.footer-form .form-control::-moz-placeholder { color: #6c757d; } +.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } +.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.footer-form .btn { + height: 32px; + padding: 0 10px; +} + +.footer-form .ico-15 [class*="flaticon-"]:before, +.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; } + +/*------------------------------------------*/ +/* Footer Form Notification +/*------------------------------------------*/ + +.footer-form .form-notification { + color: #1680fb; + font-size: 0.85rem; + line-height: 1.25; + font-weight: 400; + margin-top: 12px; + margin-left: 5px; +} + +.footer-form .form-notification.valid, +.footer-form .form-notification.error { + color: #fc2f4b; +} + +.footer-form .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER +/*------------------------------------------*/ + +.footer hr { + margin-top: 30px; + margin-bottom: 50px; +} + +#footer-8 .bottom-footer, +#footer-9 .bottom-footer { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER COPYRIGHT +/*------------------------------------------*/ + +.footer-copyright p { + margin-bottom: 0; +} + +.bg--black.footer .footer-copyright p { + color: #a0a7b1; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER SECONDARY LINK +/*------------------------------------------*/ + +.bottom-secondary-link p { + margin-bottom: 0; +} + +.bottom-secondary-link p span { + position: relative; + top: 1px; + padding: 0 2px; +} + +.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, +.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +/*------------------------------------------*/ +/* BOTTOM FOOTER LINKS +/*------------------------------------------*/ + +.bottom-footer-list li, +.bottom-footer-socials li, +.bottom-footer-payment li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.bottom-footer-socials li { + padding-left: 14px; +} + +#footer-4 .bottom-footer-list li, +#footer-9 .bottom-footer-list li { + padding-left: 15px; +} + +#footer-4 .bottom-footer-list li.first-li, +#footer-9 .bottom-footer-list li.first-li { + padding-left: 0; +} + +#footer-10 .bottom-footer-socials li { + padding: 0 15px; +} + +.footer-list-divider { + position: relative; + top: -0.5px; + transform: rotate(-90deg); + margin-left: 4px; +} + +.bottom-footer-list.ico-15 [class*="flaticon-"]:before, +.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; } + +.bottom-footer-list li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.bottom-footer-socials li span { + position: relative; + top: 4px; + opacity: .8; +} + +.bottom-footer-payment li span { + line-height: 1!important; + position: relative; + top: 4px; + opacity: .8; +} + +#footer-4 .bottom-footer-list li span, +#footer-9 .bottom-footer-list li span { + margin-top: 1px; + margin-right: 2px; +} + +.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; } + +.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } + +.bg--black.footer .bottom-footer-list li p a { + color: #a0a7b1; +} + +.bg--black.footer .bottom-footer-list li p a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 30. INNER PAGE WRAPPER + =========================================================================== */ + +.inner-page-hero { + padding-top: 180px; +} + +.page-hero-section-overlay { + position: relative; + width: 100%; + padding-top: 150px; +} + +.page-hero-section-overlay .txt-block { + margin-top: -40px; +} + +.page-hero-section .wave-shape-bottom path { + fill: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE TITLE +/*------------------------------------------*/ + +.inner-page-title { + text-align: center; + margin-bottom: 80px; +} + +.inner-page-title h2 { + margin-bottom: 0; +} + +.inner-page-title p { + font-size: 1.1875rem; + line-height: 1; + margin-top: 20px; + margin-bottom: 0; +} + +.page-hero-section h2 { + line-height: 1.15; + margin-bottom: 30px; +} + + + + +/* ========================================================================== + 31. PAGE PAGINATION + =========================================================================== */ + +.page-link { + color: #6c757d; + font-size: 1.1rem; + font-weight: 500; + padding: 2px 14px; + margin: 0 8px; + background-color: transparent; + border: 2px solid transparent; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.pagination.ico-20 [class*="flaticon-"]:before, +.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } + +.page-item:first-child .page-link { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.page-item:last-child .page-link { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.blue-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #1680fb; + border: 2px solid #1680fb; +} + +.green-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #0fbc49; + border: 2px solid #0fbc49; +} + +.pink-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #f74780; + border: 2px solid #f74780; +} + +.purple-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #7b5dd6; + border: 2px solid #7b5dd6; +} + +.red-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #ff1e1a; + border: 2px solid #ff1e1a; +} + +.violet-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #be6cbe; + border: 2px solid #be6cbe; +} + +.yellow-pagination .page-item.active .page-link { + color: #353f4f!important; + background-color: #ffba01; + border: 2px solid #ffba01; +} + +.page-item.disabled .page-link { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; +} + +.page-link:hover { + color: #6c757d; + background-color: transparent; + border: 2px solid #ccc; +} + +.page-link:focus { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; + box-shadow: 0 0; +} + + + + +/* ========================================================================== + 32. TERMS, PRIVACY, COOKIES PAGES + =========================================================================== */ + +/*------------------------------------------*/ +/* TERMS PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.txt-block.legal-info h5 { + margin-top: 30px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 { + margin-top: 80px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 span, +.txt-block.legal-info h5 span { + margin-right: 4px; +} + +.legal-info p span { + color: #353f4f; + font-weight: 500; +} + +.legal-info a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 33. SIGN-IN / SIGN-UP PAGE + =========================================================================== */ + +#login, +#signup { + background: url(../images/login.jpg); + background-position: bottom left; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 80px; +} + +#reset-password { + background: url(../images/reset-password.jpg); + background-position: center center; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 100px; +} + +.register-page-wrapper { + overflow: hidden; + position: relative; + z-index: 1; + -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); +} + +#login .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: left top; +} + +#signup .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: right center; +} + +#login .register-page-wrapper:after, +#signup .register-page-wrapper:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + background-color: #fff; +} + +#login .register-page-wrapper:after { + left: 50%; +} + +#signup .register-page-wrapper:after { + left: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE LOGO +/*------------------------------------------*/ + +.register-page-txt img { + width: auto; + max-width: inherit; + max-height: 32px; + margin-bottom: 55px; +} + +.login-page-logo { + text-align: center; + margin-bottom: 45px; +} + +.login-page-logo img { + width: auto; + max-width: inherit; + max-height: 45px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TITLE +/*------------------------------------------*/ + +.register-form-title { + text-align: center; + margin-bottom: 40px; +} + +.register-form-title h3 { + line-height: 1; + margin-bottom: 10px; +} + +.register-form-title p { + margin-bottom: 0; +} + +.register-form-title a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TEXT +/*------------------------------------------*/ + +#login .register-page-txt, +#signup .register-page-txt { + padding: 70px 60px; +} + +.register-page-txt h2 { + line-height: 1.15; + font-weight: 700; + margin-bottom: 6px; +} + +#login .register-page-copyright { + position: absolute; + left: 60px; + bottom: 45px; +} + +#signup .register-page-copyright { + position: absolute; + right: 60px; + bottom: 45px; +} + +.register-page-copyright p { + font-size: 0.85rem; + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title { + margin-bottom: 30px; +} + +.reset-form-title h5 { + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title p.p-sm { + font-size: 0.9rem; + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM +/*------------------------------------------*/ + +.register-page-form { + padding: 60px; +} + +.login-1 .register-page-form, +.signup-1 .register-page-form { + padding: 20px 30px; +} + +.reset-page-wrapper { + margin: 0 10px; +} + +.reset-page-wrapper form { + background: #fff; + border: 1px solid #fafafa; + padding: 50px 30px 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +/*------------------------------------------*/ +/* REGISTER PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.register-page-form p.input-header { + position: relative; + color: #353f4f; + font-size: 0.85rem; + line-height: 1; + font-weight: 500; + margin-bottom: 12px; + padding-left: 5px; +} + +.reset-password-link p { + position: relative; + font-size: 0.9rem; + line-height: 1; + margin-top: -8px; + margin-bottom: 10px; +} + +.form-data span { + display: block; + font-size: 0.85rem; + margin-bottom: 0; +} + +.form-data span a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +.register-page-form p.create-account { + font-size: 0.925rem; + line-height: 1; + margin-top: 30px; + margin-bottom: 0; +} + +.register-page-form p.create-account a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE SEPARATOR LINE +/*------------------------------------------*/ + +.separator-line { + display: flex; + width: 100%; + -webkit-box-pack: center; + justify-content: center; + -webkit-box-align: center; + align-items: center; + text-align: center; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.9rem; + font-weight: 500; + margin: 25px 0px 30px; +} + +.separator-line::before, +.separator-line::after { + content: ""; + border-top: 2px solid rgba(0, 0, 0, .1); + margin: 0 15px 0 0; + flex: 1 0 20px; +} + +.separator-line::after { + margin: 0 0 0 15px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM INPUT +/*------------------------------------------*/ + +.reset-page-wrapper .form-control, +.register-page-form .form-control { + height: 60px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #353f4f; + font-size: 0.95rem; + line-height: 1; + font-weight: 400; + margin-bottom: 25px; + padding: 5px 20px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.login-1 .form-control, +.signup-1 .form-control { + background-color: #fff; + border: 1px solid #ccc; +} + +.reset-page-wrapper .form-control { + text-align: center; +} + +.register-page-form .form-control::-moz-placeholder { color: #999; } +.register-page-form .form-control:-ms-input-placeholder { color: #999; } +.register-page-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* REGISTER PAGE FORM FOCUS +/*------------------------------------------*/ + +.reset-page-wrapper .form-control:focus, +.register-page-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM BUTTON +/*------------------------------------------*/ + +#signup .register-page-form .btn.submit, +#login .register-page-form .btn.submit { + width: 100%; + height: 60px; + margin-top: 20px; +} + +.reset-page-wrapper .btn.submit { + width: 100%; + margin-bottom: 20px; +} + +.register-page-form .btn-google { + width: 100%; + color: #333; + font-size: 0.95rem; + background-color: #fff; + border: 1px solid #ccc; +} + +.btn-google img { + position: relative; + width: 22px; + height: 22px; + top: -2px; + right: 5px; +} + +.register-page-form .btn-google:hover { + border: 1px solid #333; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM MESSAGE +/*------------------------------------------*/ + +.reset-form-msg { + text-align: center; + width: 100%!important; + display: block; +} + +.reset-password-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.reset-password-form .error { + position: relative; + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + top: -10px; + margin-bottom: 12px; + padding-left: 10px; +} + +/*------------------------------------------*/ +/* FORM HIDE PASSWORD +/*------------------------------------------*/ + +.wrap-input { + position: relative; +} + +.btn-show-pass { + color: #999999; + align-items: center; + position: absolute; + height: 100%; + top: 20px; + right: 20px; + cursor: pointer; + -webkit-transition: all 0.4s; + -o-transition: all 0.4s; + -moz-transition: all 0.4s; + transition: all 0.4s; +} + +.btn-show-pass.ico-20 [class^="flaticon-"]:before, +.btn-show-pass.ico-20 [class^="flaticon-"]:after { + font-size: 1.125rem; +} + +.btn-show-pass:hover { + color: #0195ff; +} + +.btn-show-pass.active { + color: #6a7dfe; +} + + + + +/* ========================================================================== + 34. PAGE 404 + =========================================================================== */ + +.page-404-txt { + padding-top: 180px; + padding-bottom: 100px; +} + +.page-404-txt h2 { + margin-bottom: 20px; +} + +.page-404-txt h6 { + line-height: 1.6; + font-weight: 400; + padding: 0 5%; + margin-bottom: 30px; +} + +.page-404-img { + padding: 0 5%; + margin-bottom: 60px; +} + + + + +/* ========================================================================== + 35. MODAL + ========================================================================== */ + +.modal-body { + padding: 0!important; +} + +#modal-1 .modal-dialog { + max-width: 700px; +} + +#modal-2 .modal-dialog { + width: 440px; +} + +#modal-3 .modal-dialog.modal-xl { + width: 750px; +} + +#modal-2.modal .modal-content, +#modal-3.modal .modal-content { + overflow: hidden; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; +} + +#modal-3.modal .bg-img { + background: url(../images/modal-request.jpg); + background-position: left center; +} + +#modal-2 .modal-body-content { + padding: 35px 40px 15px; +} + +#modal-3 .modal-body-content { + padding: 60px 35px 50px; +} + +/*------------------------------------------*/ +/* MODAL WINDOW CLOSE BUTTON +/*------------------------------------------*/ + +.modal .btn-close { + position: absolute; + z-index: 1; + right: 15px!important; + top: 15px!important; + height: 1.5rem; + width: 1.5rem; + background: rgba(255, 255, 255, 1)!important; + border-radius: 50%; + padding: 0; + opacity: .9; + z-index: 9999; +} + +#modal-3.modal .btn-close { + background: rgba(14, 14, 14, .3)!important; +} + +.btn-close span { + position: relative; + line-height: 24px!important; + top: -2px; +} + +.modal .btn-close.ico-10 [class^="flaticon-"]:before, +.modal .btn-close.ico-10 [class^="flaticon-"]:after { + font-size: 0.6rem; +} + +button.btn-close:focus { + outline: none!important; + text-decoration: none!important; +} + +/*------------------------------------------*/ +/* MODAL WINDOW NEWSLETTER FORM +/*------------------------------------------*/ + +.modal-body .newsletter-form { + margin-top: 25px; +} + +.modal .newsletter-form .form-control { + text-align: center; + height: 56px; + background-color: #f5f6f8; + border: 1px solid transparent; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin: 0 0 15px 0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Form Input Focus +/*------------------------------------------*/ + +.modal .newsletter-form .form-control:focus { + outline: 0; + box-shadow: none; + border-color: #1e90ff; +} + +.modal .newsletter-form.purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Form Input Placeholder +/*------------------------------------------*/ + +.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } +.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } +.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Form Button +/*------------------------------------------*/ + +.modal .input-group-btn { + display: block; + width: 100%!important; +} + +.modal .newsletter-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Form Notification +/*------------------------------------------*/ + +.modal .form-notification { + text-align: center; + color: #1680fb; + font-size: 0.85rem; + font-weight: 400; + line-height: 1; + margin-top: 12px; +} + +.modal .form-notification.valid, +.modal .form-notification.error { + color: #fc2f4b; +} + +.modal .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* MODAL WINDOW REQUEST FORM +/*------------------------------------------*/ + +#modal-3 .request-form { + margin: 0; +} + +#modal-3 .request-form .col-md-12 { + padding: 0; +} + +#modal-3 .request-form-title p { + margin-top: 18px; + margin-bottom: 25px; +} + +#modal-3 .request-form .form-control { + text-align: left; + margin: 0 0 25px 0; +} + +#modal-3 .request-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +#modal-3 .request-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +#modal-3 .request-form .loading { + color: #1680fb; + font-size: 1.0625rem; + line-height: 1; + font-weight: 400; +} + +#modal-3 .request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 36. DARK MODE + ========================================================================== */ + +body.theme--dark, +.theme--dark .bg--white-100 { + background-color: #232734!important; +} + +body.theme--dark { + color: #b1b7cd; +} + +.theme--dark .block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +.theme--dark .block-border { + border: 1px solid #e7e7e7; +} + +.theme--dark .block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; } +.theme--dark .top-border { border-top: 1px solid #1d212c; } +.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; } + +.theme--dark .bg--white-300, +.theme--dark .bg--white-400, +.theme--dark .bg--purple-100, +.theme--dark .shape--purple-100:after, +.theme--dark .shape--white-500:after, +.theme--dark .shape--white-400:after, +.theme--dark .shape--white-300:after, +.theme--dark .shape--white-200:after { + background-color: #1d212c; +} + +.theme--dark .bg--02, +.theme--dark .bg--04, +.theme--dark .gr--smoke, +.theme--dark .gr--ghost, +.theme--dark .shape--whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%); +} + +.theme--dark .gr--whitesmoke, +.theme--dark .shape--gr-whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%); +} +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +.theme--dark hr.divider, +.theme--dark .footer hr { + background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); +} + +.theme--dark hr.divider.divider-light { + background-color: #fff; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%); + opacity: 1; +} + +/*------------------------------------------*/ +/* TYPOGRAPHY +/*------------------------------------------*/ + +.theme--dark h1, +.theme--dark h2, +.theme--dark h3, +.theme--dark h4, +.theme--dark h5, +.theme--dark h6 { + color: #fff; +} + +.theme--dark a { color: #b1b7cd; } +.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; } + +/*------------------------------------------*/ +/* BUTTONS +/*------------------------------------------*/ + +.theme--dark .btn--tra-black, +.theme--dark .hover--tra-black:hover { + color: #b1b7cd!important; + background-color:transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .navbar-dark .hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark .white-scroll .hover--tra-black:hover { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +.theme--dark .navbar-dark .scroll .hover--tra-black:hover { + color: #fff!important; + background-color:transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--white, +.theme--dark .hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-white, +.theme--dark .hover--tra-white:hover { + color: #f1f1f1!important; + background-color: transparent!important; + border-color: #f1f1f1!important; +} + +.theme--dark .white-scroll .scroll .hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-grey, +.theme--dark .hover--tra-grey:hover, +.theme--dark .white-scroll .scroll .hover--tra-grey:hover, +.theme--dark .black-scroll .scroll .hover--tra-grey:hover { + color: #b1b7cd!important; + background-color: transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .btn--blue-500, +.theme--dark .hover--blue-500:hover, +.theme--dark .white-scroll .scroll .hover--blue-500:hover, +.theme--dark .black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.theme--dark .btn--blue-400, +.theme--dark .hover--blue-400:hover, +.theme--dark .white-scroll .scroll .hover--blue-400:hover, +.theme--dark .black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.theme--dark .btn--blue-300, +.theme--dark .hover--blue-300:hover, +.theme--dark .white-scroll .scroll .hover--blue-300:hover, +.theme--dark .black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.theme--dark .btn--pink-500, +.theme--dark .hover--pink-500:hover, +.theme--dark .white-scroll .scroll .hover--pink-500:hover, +.theme--dark .black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.theme--dark .btn--pink-400, +.theme--dark .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.theme--dark .btn--pink-300, +.theme--dark .hover--pink-300:hover, +.theme--dark .white-scroll .scroll .hover--pink-300:hover, +.theme--dark .black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.theme--dark .btn--purple-500, +.theme--dark .hover--purple-500:hover, +.theme--dark .white-scroll .scroll .hover--purple-500:hover, +.theme--dark .black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.theme--dark .btn--purple-400, +.theme--dark .hover--purple-400:hover, +.theme--dark .white-scroll .scroll .hover--purple-400:hover, +.theme--dark .black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.theme--dark .btn--purple-300, +.theme--dark .hover--purple-300:hover, +.theme--dark .white-scroll .scroll .hover--purple-300:hover, +.theme--dark .black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.theme--dark .btn--violet-500, +.theme--dark .hover--violet-500:hover, +.theme--dark .white-scroll .scroll .hover--violet-500:hover, +.theme--dark .black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.theme--dark .btn--violet-400, +.theme--dark .hover--violet-400:hover, +.theme--dark .white-scroll .scroll .hover--violet-400:hover, +.theme--dark .black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.theme--dark .btn--violet-300, +.theme--dark .hover--violet-300:hover, +.theme--dark .white-scroll .scroll .hover--violet-300:hover, +.theme--dark .black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.theme--dark .section-id { + color: #eee; +} + +.theme--dark .color--black, +.theme--dark .color--black h2, +.theme--dark .color--black h3, +.theme--dark .color--black h4, +.theme--dark .color--black h5, +.theme--dark .color--black h6, +.theme--dark .color--black p, +.theme--dark .color--black a, +.theme--dark .color--black li, +.theme--dark .color--black i, +.theme--dark .color--black span, +.theme--dar .color--white .color--black { color: #fff; } + +.theme--dark .color--grey, +.theme--dark .color--grey h2, +.theme--dark .color--grey h3, +.theme--dark .color--grey h4, +.theme--dark .color--grey h5, +.theme--dark .color--grey h6, +.theme--dark .color--grey p, +.theme--dark .color--grey a, +.theme--dark .color--grey li, +.theme--dark .color--grey i, +.theme--dark .color--grey span, +.theme--dark .color--white .color--grey { color: #b1b7cd; } + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.theme--dark .dark-menu .wsmainfull, +.theme--dark .white-menu .wsmainfull { + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a { + color: #fff; +} + +.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover, +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover { + color: #eee!important; +} + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before, +.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before { + background-color: #2c3142; + border-left: solid 1px #2c3142; + border-top: solid 1px #2c3142; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; + background-color: transparent!important; +} + +.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NAVBAR SCROLL +/*------------------------------------------*/ + +.theme--dark .tra-menu .wsmainfull.scroll, +.theme--dark .white-menu .wsmainfull.scroll, +.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll { + background-color: #1d222f!important; + padding: 0; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #b1b7cd; +} + +.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #fff!important; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(0, 0, 0, .12)!important; +} + +.theme--dark .navbar-light .scroll .btn.btn--tra-white { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* Logo Image +/*------------------------------------------*/ + +.theme--dark .navbar-light .scroll .logo-black, +.theme--dark .navbar-dark.light-hero-header .logo-black, +.theme--dark .navbar-dark.inner-page-header .logo-black { + display: none; +} + +.theme--dark .navbar-light .scroll .logo-white, +.theme--dark .navbar-dark.light-hero-header .logo-white, +.theme--dark .navbar-dark.inner-page-header .logo-white { + display: block; +} + +.theme--dark .navbar-dark .scroll .logo-black { + display: none; +} + +.theme--dark .navbar-dark .scroll .logo-white { + display: block; +} + +/*------------------------------------------*/ +/* HERO SECTION +/*------------------------------------------*/ + +.theme--dark .hero-section .color--black, +.theme--dark .hero-section .color--black h2, +.theme--dark .hero-section .color--black h3, +.theme--dark .hero-section .color--black h4, +.theme--dark .hero-section .color--black h5, +.theme--dark .hero-section .color--black h6, +.theme--dark .hero-section .color--black p, +.theme--dark .hero-section .color--black a, +.theme--dark .hero-section .color--black li, +.theme--dark .hero-section .color--black i, +.theme--dark .hero-section .color--black span, +.theme--dark .hero-section .color--white .color--black { color: #353f4f; } + +.theme--dark .hero-section p { color: #6c757d; } +.theme--dark .hero-section .color--white p { color: #fff; } +.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; } +.theme--dark .hero-section .section-id.color--grey { color: #6c757d; } + +.theme--dark .hero-5-txt p, +.theme--dark .hero-6-txt p, +.theme--dark .hero-10-txt p, +.theme--dark .hero-15-txt p, +.theme--dark .hero-16-txt p, +.theme--dark .hero-17-txt p, +.theme--dark .hero-18-txt p, +.theme--dark .hero-19-txt p, +.theme--dark .hero-20-txt p, +.theme--dark .hero-21-txt p, +.theme--dark .hero-23-txt p, +.theme--dark .hero-25-txt p { color: #b1b7cd; } + +.theme--dark .hero-section .quick-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control, +.theme--dark #hero-24.hero-section .quick-form .form-control, +.theme--dark #hero-26.hero-section .quick-form .form-control { + color: #666; + background-color: #fff; +} + +.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark .hero-section .quick-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control:focus, +.theme--dark #hero-24.hero-section .quick-form .form-control:focus, +.theme--dark #hero-26.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: transparent; +} + +.theme--dark .hero-section .request-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .hero-section .request-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-3:after, +.theme--dark #hero-4:after { + background-color: #232734; +} + +.theme--dark .hero-4-txt h2 { + color: #353f4f; +} + +.theme--dark .hero-4-txt .btn.btn--tra-black { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark #hero-5 { + background-image: url(../images/hero-5-dark.jpg); +} + +.theme--dark .hero-6-wrapper { + background-image: linear-gradient(90deg, #1d212c, #1d212c); +} + +.theme--dark #hero-8-form { + background-color: #1d222f; + border: 1px solid #1d222f; +} + +.theme--dark #hero-8-form p { + color: #b1b7cd; +} + +.theme--dark #hero-5 .wave-shape-bottom svg path, +.theme--dark #hero-8 .wave-shape-bottom svg path, +.theme--dark #hero-14 .wave-shape-bottom svg path, +.theme--dark #hero-16 .wave-shape-bottom svg path, +.theme--dark #hero-22 .wave-shape-bottom svg path, +.theme--dark #hero-23 .wave-shape-bottom svg path, +.theme--dark #hero-26 .wave-shape-bottom svg path { + fill: #232734; +} + +.theme--dark #hero-10 { + background-image: url(../images/hero-10-dark.jpg); +} + +.theme--dark #hero-15 { + background-image: url(../images/hero-15-dark.jpg); +} + +.theme--dark #hero-16 { + background-image: url(../images/hero-16-dark.jpg); +} + +.theme--dark #hero-17 { + background-image: url(../images/hero-17-dark.jpg); +} + +.theme--dark #hero-18:after { + background-image: url(../images/hero-18-dark.jpg); +} + +.theme--dark #hero-20:after { + background-image: linear-gradient(180deg, #1d212c, #232734); +} + +.theme--dark #hero-21 .hero-overlay { + background-image: url(../images/hero-21-dark.jpg); +} + +.theme--dark #hero-23 { + background-image: url(../images/hero-23-dark.jpg); +} + +.theme--dark .hero-23-txt p span.color--black { color: #fff; } + +.theme--dark #hero-25 { + background-image: url(../images/hero-25-dark.jpg); +} + +.theme--dark #hero-27 .hero-overlay { + background-image: url(../images/hero-27-dark.png); +} + +/*------------------------------------------*/ +/* FEATURES +/*------------------------------------------*/ + +.theme--dark .features-section path { + opacity: .05; +} + +.theme--dark .fbox-7 { + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* CONTENT +/*------------------------------------------*/ + +.theme--dark .cbox-2-line { + background-color: #363f54; +} + +/*------------------------------------------*/ +/* STATISTIC +/*------------------------------------------*/ + +.theme--dark #statistic-5 .statistic-digit { + border-bottom: 1px solid #505c77; +} + +/*------------------------------------------*/ +/* REVIEWS +/*------------------------------------------*/ + +.theme--dark #reviews-2 .review-2.bg--white-100 { + background-color: #1d212c!important; +} + +.theme--dark .owl-theme .owl-dots .owl-dot span { + background: #1d212c; +} + +.theme--dark .owl-theme .owl-dots .owl-dot.active span { + background: #b1b7cd; +} + +.theme--dark .review-3.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +.theme--dark .project-title h2 { + border-bottom: 1px solid #363f54; +} + +.theme--dark .project-data p span { color: #fff; } + +.theme--dark .project-description .more-projects span { + color: #fff; +} + +/*------------------------------------------*/ +/* RATING +/*------------------------------------------*/ + +.theme--dark .rbox-1 .star-rating { + background-color: #1d212c!important; + border: 1px solid #1d212c; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .pricing-discount h6 { + color: #353f4f; +} + +.theme--dark .table>:not(caption)>*>* { + color: #b1b7cd; + background-color: #232734; +} + +.theme--dark .comp-table .table thead th { + color: #fff; + border-color: #363f54; +} + +.theme--dark .comp-table tbody th { + border-bottom: 1px solid #363f54!important; +} + +.theme--dark .comp-table .table tr td { + border-bottom: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* INTEGRATIONS +/*------------------------------------------*/ + +.theme--dark .integrations-1-wrapper .in_tool { + background-color: #1d212c; + border: 1px solid #1d212c; +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .switcher.bg--grey { + background-color: #363f54; + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* BANNER +/*------------------------------------------*/ + +.theme--dark .banner-16-wrapper.bg--white-100.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* DOWNLOAD +/*------------------------------------------*/ + +.theme--dark .release-data { + border-bottom: 1px dashed #656565; +} + +.theme--dark span.version-data, +.theme--dark span.release-date span { + color: #f1f1f1; +} + +.theme--dark span.release-date { + color: #ccc; +} + +/*------------------------------------------*/ +/* FAQs +/*------------------------------------------*/ + +.theme--dark .faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li { + border: 2px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li span, +.theme--dark .faqs-section .tabs-1 li { + color: #b1b7cd; +} + +.theme--dark .faqs-section .accordion-item .accordion-thumb:after, +.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NEWSLETTER +/*------------------------------------------*/ + +.theme--dark .newsletter-section .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .newsletter-section .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* BLOG +/*------------------------------------------*/ + +.theme--dark .post-meta-list p, +.theme--dark .blog-post-txt a { + color: #fff; +} + +.theme--dark .blog-post-txt a:hover { + color: #ddd!important; +} + +/*------------------------------------------*/ +/* SINGLE POST +/*------------------------------------------*/ + +.theme--dark .txt-code { + background-color: #1d212c; +} + +.theme--dark .txt-code kbd { + background-color: #363f54; +} + +.theme--dark .txt-code p { + color: #b1b7cd; +} + +.theme--dark .comment-form p, +.theme--dark .blockquote-footer, +.theme--dark .txt-code span.code-property, +.theme--dark .txt-code p code.code-language-js { + color: #fff; +} + +.theme--dark .comment-form .form-control { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .comment-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* CONTACTS +/*------------------------------------------*/ + +.theme--dark .contact-form-notice p a, +.theme--dark #contacts-1 .contact-form p { + color: #fff; +} + +.theme--dark .contact-form .form-control, +.theme--dark .contact-form .form-select { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .contact-form .form-control:focus, +.theme--dark .contact-form .form-select:focus { + background-color: #505c77; + border-color: transparent; +} + +/*------------------------------------------*/ +/* FOOTER +/*------------------------------------------*/ + +.theme--dark #footer-10 .footer-info { + border-bottom: 1px solid #363f54; +} + +.theme--dark .footer-form .newsletter-form .btn.dark-color span { + color: #2f353e!important; +} + +.theme--dark .footer-form .newsletter-form .input-group { + background-color: #282d3c; + border: 1px solid #505c77; +} + +.theme--dark .footer-form .form-control { + color: #fff; +} + +.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .legal-info p span { + color: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE +/*------------------------------------------*/ + +.theme--dark .page-hero-section .wave-shape-bottom path { + fill: #232734; +} + +/*------------------------------------------*/ +/* MODAL +/*------------------------------------------*/ + +.theme--dark #modal-2 .modal-body-content h5, +.theme--dark #modal-3 .modal-body-content h3 { + color: #353f4f; +} + +/*------------------------------------------*/ +/* PAGE 404 +/*------------------------------------------*/ + +.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; } +.theme--dark #page-404 .color--dark { color: #353f4f; } + +.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300, +.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; } + +/*------------------------------------------*/ +/* LOGIN +/*------------------------------------------*/ + +.theme--dark #login, .theme--dark #signup { + background: url(../images/login_dark.jpg); +} + +.theme--dark #reset-password { + background: url(../images/reset-password-dark.jpg); +} + +.theme--dark #login .register-page-wrapper:after, +.theme--dark #signup .register-page-wrapper:after { + background-color: #1d212c; +} + +.theme--dark .form-data span a, +.theme--dark .register-page-form p.input-header { + color: #fff; +} + +.theme--dark .separator-line::before, +.theme--dark .separator-line::after { + border-top: 2px solid rgba(255, 255, 255, .15); +} + +.theme--dark .reset-page-wrapper .form-control, +.theme--dark .register-page-form .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .reset-page-wrapper form { + background: #1d212c; + border: 1px solid #1d212c; +} + +.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .register-page-form .btn-google { + color: #b1b7cd; + background-color: #363f54; + border: 1px solid #363f54; +} + + + + +/* ========================================================================== + 37. COLOR SCHEME + ========================================================================== */ + +.bg--theme, +.shape--blue-400:after { + background-color: #1680fb; +} + +.btn--theme { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.hover--theme:hover, +.white-scroll .scroll .hover--theme:hover, +.black-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.theme--dark .white-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.theme--dark .white-scroll .hover--theme:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.color--theme, +.color--theme h1, +.color--theme h2, +.color--theme h3, +.color--theme h4, +.color--theme h5, +.color--theme h6, +.color--theme p, +.color--theme a, +.color--theme li, +.color--theme i, +.color--theme span, +.color--white .color--theme { color: #1680fb!important; } + +.loading--theme .loader { + border-color: transparent #1680fb; +} + +.loading--theme .loader::after { + border-color: transparent rgba(22, 128, 251, .15); +} + +.nav-theme .sm-info { + background-color: #1680fb; +} + +.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #1680fb!important; +} + +.hero-section .quick-form .form-control:focus { + border-color: #1680fb; +} + +.cbox-2:hover .cbox-2-ico.bg--theme { + color: #1680fb; + border-color: #1680fb; +} + +.tabs-1.tabs--theme, +.tabs-1.tabs--theme li.current:hover, +.faqs-section .tabs--theme .tabs-1 li.current, +.faqs-section .tabs--theme .tabs-1 li.current:hover { + color: #1680fb; + border-color: #1680fb; +} + +.faqs-section .tabs--theme .tabs-1 li.current, +.faqs-section .tabs--theme .tabs-1 li.current:hover { + background-color: #1680fb; + border-color: #1680fb!important; +} + +.switch-wrap input:checked + .switcher.switcher--theme { + background-color: #1680fb; + border-color: #1680fb; +} + +.shape-ico.color--theme path, +.shape-ico.color--theme path, +.shape-ico.color--theme path { + fill: #f4f9fc; +} + +.newsletter-section .form-control:focus { + background-color: #fff; + border-color: #353f4f; +} + +.theme-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #1680fb; + border: 2px solid #1680fb; +} + + + diff --git a/static/css/bootstrap.min.css b/static/css/bootstrap.min.css new file mode 100644 index 0000000..b23c3e7 --- /dev/null +++ b/static/css/bootstrap.min.css @@ -0,0 +1,6 @@ +@charset "UTF-8";/*! + * Bootstrap v5.3.0 (https://getbootstrap.com/) + * Copyright 2011-2023 The Bootstrap Authors + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#adb5bd;--bs-body-color-rgb:173,181,189;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(173, 181, 189, 0.75);--bs-secondary-color-rgb:173,181,189;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(173, 181, 189, 0.5);--bs-tertiary-color-rgb:173,181,189;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.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:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-body-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-body-color);--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:var(--bs-body-color);--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:var(--bs-body-color);--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#bacbe6;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#cbccce;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#bcd0c7;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#badce3;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#e6dbb9;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#dfc2c4;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#dfe0e1;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#373b3e;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-tertiary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-tertiary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>.form-control-plaintext~label::after,.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-select~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>.form-control:-webkit-autofill~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>:disabled~label{color:#6c757d}.form-floating>:disabled~label::after{background-color:var(--bs-secondary-bg)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(var(--bs-border-width) * -1)}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.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-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(var(--bs-border-width) * -1)}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap: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 .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap: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 .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap: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 .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap: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 .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap: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 .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;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:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:var(--bs-accordion-btn-focus-border-color);outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button,.accordion-flush .accordion-item .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(var(--bs-border-width) * -1)}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;--bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%);box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{filter:var(--bs-btn-close-white-filter)}[data-bs-theme=dark] .btn-close{filter:var(--bs-btn-close-white-filter)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-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;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-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;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon{filter:invert(1) grayscale(100)}[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption{color:#000}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y))}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(13,110,253,var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(108,117,125,var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(25,135,84,var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(13,202,240,var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(255,193,7,var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(220,53,69,var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(248,249,250,var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(33,37,41,var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.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}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentcolor;opacity:.25}.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}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-none{-o-object-fit:none!important;object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!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}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.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-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!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}.justify-content-evenly{justify-content:space-evenly!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}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-sm-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-sm-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-sm-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-sm-none{-o-object-fit:none!important;object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!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}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.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-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!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}.justify-content-sm-evenly{justify-content:space-evenly!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}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-sm-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-sm-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-sm-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-sm-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-sm-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-md-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-md-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-md-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-md-none{-o-object-fit:none!important;object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!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}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.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-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!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}.justify-content-md-evenly{justify-content:space-evenly!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}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-md-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-md-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-md-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-md-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-md-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-lg-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-lg-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-lg-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-lg-none{-o-object-fit:none!important;object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!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}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.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-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!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}.justify-content-lg-evenly{justify-content:space-evenly!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}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-lg-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-lg-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-lg-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-lg-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-lg-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xl-none{-o-object-fit:none!important;object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!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}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.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-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!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}.justify-content-xl-evenly{justify-content:space-evenly!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}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xxl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xxl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xxl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xxl-none{-o-object-fit:none!important;object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!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}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.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-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!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}.justify-content-xxl-evenly{justify-content:space-evenly!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}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xxl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xxl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xxl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xxl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xxl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!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}.d-print-none{display:none!important}} +/*# sourceMappingURL=bootstrap.min.css.map */ \ No newline at end of file diff --git a/static/css/crocus-theme.css b/static/css/crocus-theme.css new file mode 100644 index 0000000..6ff263a --- /dev/null +++ b/static/css/crocus-theme.css @@ -0,0 +1,10990 @@ + + + + +/* + Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack + Theme URL: https://themeforest.net/user/dsathemes + Description: Martex - Software, App, SaaS & Startup Landing Pages Pack + Author: DSAThemes + Author URL: https://themeforest.net/user/dsathemes + Version: 1.0.0 + Website: www.dsathemes.com + Tags: Responsive, HTML5, DSAThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc +*/ + + + + +/* ========================================================================== + 01. GENERAL & BASIC STYLES + =========================================================================== */ + +html { + -webkit-font-smoothing: antialiased; + font-size: 16px; +} + +body { + font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; + color: #6c757d; + line-height: 1.6666; + font-weight: 400; +} + +/*------------------------------------------*/ +/* PAGE CONTENT +/*------------------------------------------*/ + +#page, +.hidd { + overflow: hidden; +} + +.rel, +section, +.container { + position: relative!important; + z-index: 3; +} + +.section-overlay { + width: 100%; + height: 100%; +} + +/*------------------------------------------*/ +/* BLOCK SHADOW +/*------------------------------------------*/ + +.block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* BORDER SETTINGS +/*------------------------------------------*/ + +.block-border { + border: 1px solid #e7e7e7; +} + +.block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.x-border { + border-top: 1px solid #e7e7e7; + border-bottom: 1px solid #e7e7e7; +} + +.top-border { + border-top: 1px solid #e7e7e7; +} + +.bottom-border { + border-bottom: 1px solid #e7e7e7; +} + +/*------------------------------------------*/ +/* BORDER RADIUS SETTING +/*------------------------------------------*/ + +.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } +.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } +.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } +.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } +.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } +.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } +.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; } +.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; } +.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } +.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; } +.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } +.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; } +.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; } +.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; } +.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; } +.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } +.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; } +.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; } +.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; } +.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; } + +/*------------------------------------------*/ +/* OPACITY SETTINGS +/*------------------------------------------*/ + +.o-0 { opacity: 0!important; } +.o-10 { opacity: .1!important; } +.o-15 { opacity: .15!important; } +.o-20 { opacity: .2!important; } +.o-25 { opacity: .25!important; } +.o-30 { opacity: .3!important; } +.o-35 { opacity: .35!important; } +.o-40 { opacity: .4!important; } +.o-45 { opacity: .45!important; } +.o-50 { opacity: .5!important; } +.o-55 { opacity: .55!important; } +.o-60 { opacity: .60!important; } +.o-65 { opacity: .65!important; } +.o-70 { opacity: .7!important; } +.o-75 { opacity: .75!important; } +.o-80 { opacity: .8!important; } +.o-85 { opacity: .85!important; } +.o-90 { opacity: .9!important; } +.o-95 { opacity: .95!important; } +.o-100 { opacity: 1!important; } + +/*------------------------------------------*/ +/* SPACING & INDENTS +/*------------------------------------------*/ + +.py-5 { padding-top: 5px; padding-bottom: 5px; } +.py-10 { padding-top: 10px; padding-bottom: 10px; } +.py-15 { padding-top: 15px; padding-bottom: 15px; } +.py-20 { padding-top: 20px; padding-bottom: 20px; } +.py-30 { padding-top: 30px; padding-bottom: 30px; } +.py-40 { padding-top: 40px; padding-bottom: 40px; } +.py-50 { padding-top: 50px; padding-bottom: 50px; } +.py-60 { padding-top: 60px; padding-bottom: 60px; } +.py-70 { padding-top: 70px; padding-bottom: 70px; } +.py-80 { padding-top: 80px; padding-bottom: 80px; } +.py-90 { padding-top: 90px; padding-bottom: 90px; } +.py-100 { padding-top: 100px; padding-bottom: 100px; } + +.pt-30 { padding-top: 30px; } +.pt-40 { padding-top: 40px; } +.pt-50 { padding-top: 50px; } +.pt-60 { padding-top: 60px; } +.pt-70 { padding-top: 70px; } +.pt-80 { padding-top: 80px; } +.pt-90 { padding-top: 90px; } +.pt-100 { padding-top: 100px; } + +.pb-30 { padding-bottom: 30px; } +.pb-40 { padding-bottom: 40px; } +.pb-50 { padding-bottom: 50px; } +.pb-60 { padding-bottom: 60px; } +.pb-70 { padding-bottom: 70px; } +.pb-80 { padding-bottom: 80px; } +.pb-90 { padding-bottom: 90px; } +.pb-100 { padding-bottom: 100px; } + +.mt-10 { margin-top: 10px; } +.mt-15 { margin-top: 15px; } +.mt-20 { margin-top: 20px; } +.mt-25 { margin-top: 25px; } +.mt-30 { margin-top: 30px; } +.mt-35 { margin-top: 35px; } +.mt-40 { margin-top: 40px; } +.mt-45 { margin-top: 45px; } +.mt-50 { margin-top: 50px; } +.mt-55 { margin-top: 55px; } +.mt-60 { margin-top: 60px; } +.mt-65 { margin-top: 65px; } +.mt-70 { margin-top: 70px; } +.mt-75 { margin-top: 75px; } +.mt-80 { margin-top: 80px; } +.mt-85 { margin-top: 85px; } +.mt-90 { margin-top: 90px; } +.mt-95 { margin-top: 95px; } +.mt-100 { margin-top: 100px; } + +.mb-10 { margin-bottom: 10px; } +.mb-15 { margin-bottom: 15px; } +.mb-20 { margin-bottom: 20px; } +.mb-25 { margin-bottom: 25px; } +.mb-30 { margin-bottom: 30px; } +.mb-35 { margin-bottom: 35px; } +.mb-40 { margin-bottom: 40px; } +.mb-45 { margin-bottom: 45px; } +.mb-50 { margin-bottom: 50px; } +.mb-55 { margin-bottom: 55px; } +.mb-60 { margin-bottom: 60px; } +.mb-65 { margin-bottom: 65px; } +.mb-70 { margin-bottom: 70px; } +.mb-75 { margin-bottom: 75px; } +.mb-80 { margin-bottom: 80px; } +.mb-85 { margin-bottom: 85px; } +.mb-90 { margin-bottom: 90px; } +.mb-95 { margin-bottom: 95px; } +.mb-100 { margin-bottom: 100px; } + +.ml-5 { margin-left: 5px; } +.ml-10 { margin-left: 10px; } +.ml-15 { margin-left: 15px; } +.ml-20 { margin-left: 20px; } +.ml-25 { margin-left: 25px; } +.ml-30 { margin-left: 30px; } + +.mr-5 { margin-right: 5px; } +.mr-10 { margin-right: 10px; } +.mr-15 { margin-right: 15px; } +.mr-20 { margin-right: 20px; } +.mr-25 { margin-right: 25px; } +.mr-30 { margin-right: 30px; } + +/*------------------------------------------*/ +/* BACKGROUND SETTINGS +/*------------------------------------------*/ + +.bg--fixed, +.bg--scroll { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--fixed { + background-attachment: scroll!important; +} + +.bg--scroll { + background-attachment: fixed!important; +} + +/*------------------------------------------*/ +/* BACKGROUND COLORS +/*------------------------------------------*/ + +.bg--white-500 { background-color: #f2f4f8; } +.bg--white-400 { background-color: #f4f4f9; } +.bg--white-300 { background-color: #f7f8f9; } +.bg--white-200 { background-color: #fbfbfd; } +.bg--white-100 { background-color: #fff; } + +.bg--black-500 { background-color: #22223b; } +.bg--black-400 { background-color: #2e3648; } +.bg--black-300 { background-color: #394455; } +.bg--black-200 { background-color: #e1e3e5; } +.bg--black-100 { background-color: #ecf1f4; } + +.bg--blue-500 { background-color: #185abd; } +.bg--blue-400 { background-color: #1680fb; } +.bg--blue-300 { background-color: #3eb1ff; } +.bg--blue-200 { background-color: #ddedff; } +.bg--blue-100 { background-color: #f4f9fc; } + +.bg--green-500 { background-color: #00a14e; } +.bg--green-400 { background-color: #0fbc49; } +.bg--green-300 { background-color: #6fd792; } +.bg--green-200 { background-color: #cff2db; } +.bg--green-100 { background-color: #e9f8f2; } + +.bg--pink-500 { background-color: #ff149c; } +.bg--pink-400 { background-color: #f74780; } +.bg--pink-300 { background-color: #fcb5cc; } +.bg--pink-200 { background-color: #fee4ec; } +.bg--pink-100 { background-color: #feecf2; } + +.bg--purple-5000 { background-color: #663ae9; } +.bg--purple-500 { background-color: #7827e6; } +.bg--purple-400 { background-color: #7b5dd6; } +.bg--purple-300 { background-color: #bdaeea; } +.bg--purple-200 { background-color: #e5deff; } +.bg--purple-100 { background-color: #f1edff; } + +.bg--red-500 { background-color: #da0f29; } +.bg--red-400 { background-color: #ff1e1a; } +.bg--red-300 { background-color: #ffa5a3; } +.bg--red-200 { background-color: #ffd2d1; } +.bg--red-100 { background-color: #fce7e4; } + +.bg--violet-500 { background-color: #c73e9b; } +.bg--violet-400 { background-color: #be6cbe; } +.bg--violet-300 { background-color: #e2bde2; } +.bg--violet-200 { background-color: #f1cde5; } +.bg--violet-100 { background-color: #f7e4f1; } + +.bg--yellow-500 { background-color: #ffba01; } +.bg--yellow-400 { background-color: #ffbd45; } +.bg--yellow-300 { background-color: #ffdf35; } +.bg--yellow-200 { background-color: #fef5cd; } +.bg--yellow-100 { background-color: #fef9e5; } + +.bg--tra-black { background-color: rgba(0, 0, 0, .04); } +.bg--tra-white { background-color: rgba(255, 255, 255, .15); } +.bg--primary-blue { background-color: #2160fd; } +.bg--light-grey { background-color: #f0f3ff; } +.bg--snow { background-color: #fdfdfd; } + +/*------------------------------------------*/ +/* GRADIENT COLOR BACKGROUND +/*------------------------------------------*/ + +.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); } +.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); } +.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); } +.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); } +.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); } +.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); } + +/*------------------------------------------*/ +/* BACKGROUND SHAPE +/*------------------------------------------*/ + +.shape--01:after, +.shape--02:after, +.shape--03:after, +.shape--04:after, +.shape--05:after, +.shape--06:after, +.shape--07:after { + position: absolute; + content: ''; + z-index: -1; +} + +.shape--02.r-24:after { + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--01:after { + width: 150%; + height: 80%; + top: 13%; + left: -25%; +} + +.shape--02:after { + width: 86%; + height: 80%; + top: 13%; + left: 7%; +} + +.shape--03:after { + width: 78%; + height: 120%; + top: -60px; + left: 11%; + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--04:after { + width: 100%; + height: 80%; + top: 10%; + left: 0; +} + +.shape--05:after { + width: 150%; + height: 90%; + top: 0; + left: -25%; +} + +.shape--06:after { + width: 150%; + height: 75%; + top: 0; + left: -25%; +} + +.shape--07:after { + width: 200%; + height: 50%; + top: 37%; + left: -50%; +} + +.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); } + +.shape--white-500:after { background-color: #f2f4f8; } +.shape--white-400:after { background-color: #f4f4f9; } +.shape--white-300:after { background-color: #f7f8f9; } +.shape--white-200:after { background-color: #fbfbfd; } + +.shape--black-500:after { background-color: #22223b; } +.shape--black-400:after { background-color: #2e3648; } +.shape--black-300:after { background-color: #394455; } +.shape--black-200:after { background-color: #e1e3e5; } +.shape--black-100:after { background-color: #ecf1f4; } + +.shape--blue-500:after { background-color: #185abd; } +.shape--blue-400:after { background-color: #1680fb; } +.shape--blue-300:after { background-color: #3eb1ff; } +.shape--blue-200:after { background-color: #ddedff; } +.shape--blue-100:after { background-color: #f4f9fc; } + +.shape--green-500:after { background-color: #00a14e; } +.shape--green-400:after { background-color: #0fbc49; } +.shape--green-300:after { background-color: #6fd792; } +.shape--green-200:after { background-color: #cff2db; } +.shape--green-100:after { background-color: #e9f8f2; } + +.shape--pink-500:after { background-color: #ff149c; } +.shape--pink-400:after { background-color: #f74780; } +.shape--pink-300:after { background-color: #fcb5cc; } +.shape--pink-200:after { background-color: #fee4ec; } +.shape--pink-100:after { background-color: #feecf2; } + +.shape--purple-500:after { background-color: #663ae9; } +.shape--purple-400:after { background-color: #7b5dd6; } +.shape--purple-300:after { background-color: #bdaeea; } +.shape--purple-200:after { background-color: #e5deff; } +.shape--purple-100:after { background-color: #f1edff; } + +.shape--red-500:after { background-color: #da0f29; } +.shape--red-400:after { background-color: #ff1e1a; } +.shape--red-300:after { background-color: #ffa5a3; } +.shape--red-200:after { background-color: #ffd2d1; } +.shape--red-100:after { background-color: #fce7e4; } + +.shape--violet-500:after { background-color: #c73e9b; } +.shape--violet-400:after { background-color: #be6cbe; } +.shape--violet-300:after { background-color: #e2bde2; } +.shape--violet-200:after { background-color: #f1cde5; } +.shape--violet-100:after { background-color: #f7e4f1; } + +.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);} + +/*------------------------------------------*/ +/* BACKGROUND PATTERN +/*------------------------------------------*/ + +.pattern-01, +.pattern-02, +.pattern-03, +.pattern-04, +.pattern-05 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.pattern-01 { background-image: url(../images/pattern-01.png); } +.pattern-02 { background-image: url(../images/pattern-02.png); } +.pattern-03 { background-image: url(../images/pattern-03.png); } +.pattern-04 { background-image: url(../images/pattern-04.png); } +.pattern-05 { background-image: url(../images/pattern-05.png); } + +/*------------------------------------------*/ +/* BACKGROUND IMAGE +/*------------------------------------------*/ + +.bg--01, .bg--02, .bg--03, .bg--04, +.bg--05, .bg--06, .bg--07, .bg--08 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--01 { background-image: url(../images/bg-01.jpg); } +.bg--02 { background-image: url(../images/bg-02.jpg); } +.bg--03 { background-image: url(../images/bg-03.jpg); } +.bg--04 { background-image: url(../images/bg-04.jpg); } +.bg--05 { background-image: url(../images/bg-05.jpg); } +.bg--06 { background-image: url(../images/bg-06.jpg); } +.bg--07 { background-image: url(../images/bg-07.jpg); } +.bg--08 { background-image: url(../images/bg-08.jpg); } + +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +hr.divider { + width: 100%; + height: 1px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%); + opacity: .4; + border: none; + margin: 0; +} + +/*------------------------------------------*/ +/* WAVE SHAPE BOTTOM +/*------------------------------------------*/ + +.wave-shape-bottom { + position: absolute; + bottom: 0; + left: 0; + width: 100%; +} + + + + +/* ========================================================================== + 02. TYPOGRAPHY + =========================================================================== */ + +/*------------------------------------------*/ +/* HEADERS +/*------------------------------------------*/ + +h1, h2, h3, h4, h5, h6 { + color: #353f4f; + font-weight: 600; + letter-spacing: 0; + margin-bottom: 0; +} + +.font--jakarta h1, +.font--jakarta h2, +.font--jakarta h3, +.font--jakarta h4, +.font--jakarta h5, +.font--jakarta h6 { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1.35; +} + +.font--jakarta h1, +.font--jakarta h2 { + line-height: 1.25; +} + +.font--inter h1, +.font--inter h2, +.font--inter h3, +.font--inter h4, +.font--inter h5, +.font--inter h6 { + font-family: 'Inter', sans-serif; + letter-spacing: -0.5px; +} + +/*------------------------------------------*/ +/* PARAGRAPHS +/*------------------------------------------*/ + +p.p-sm { font-size: 0.9375rem; } /* 15px */ +p { font-size: 1rem; } /* 16px */ +p.p-md { font-size: 1.0625rem; } /* 17px */ +p.p-lg { font-size: 1.125rem; } /* 18px */ +p.p-xl { font-size: 1.2rem; } /* 19.2px */ + +/*------------------------------------------*/ +/* FONT SIZE +/*------------------------------------------*/ + +.s-15 { font-size: 0.9375rem; } /* 15px */ +.s-16 { font-size: 1rem; } /* 16px */ +.s-17 { font-size: 1.0625rem; } /* 17px */ +.s-18 { font-size: 1.125rem; } /* 18px */ +.s-19 { font-size: 1.1875rem; } /* 19px */ +.s-20 { font-size: 1.25rem; } /* 20px */ +.s-21 { font-size: 1.3125rem; } /* 21px */ +.s-22 { font-size: 1.375rem; } /* 22px */ +.s-23 { font-size: 1.4375rem; } /* 23px */ +.s-24 { font-size: 1.5rem; } /* 24px */ +.s-26 { font-size: 1.625rem; } /* 26px */ +.s-28 { font-size: 1.75rem; } /* 28px */ +.s-30 { font-size: 1.875rem; } /* 30px */ +.s-32 { font-size: 2rem; } /* 32px */ +.s-34 { font-size: 2.125rem; } /* 34px */ +.s-36 { font-size: 2.25rem; } /* 36px */ +.s-38 { font-size: 2.375rem; } /* 38px */ +.s-40 { font-size: 2.5rem; } /* 40px */ +.s-42 { font-size: 2.625rem; } /* 42px */ +.s-43 { font-size: 2.6875rem; } /* 43px */ +.s-44 { font-size: 2.75rem; } /* 44px */ +.s-45 { font-size: 2.8125rem; } /* 45px */ +.s-46 { font-size: 2.875rem; } /* 46px */ +.s-47 { font-size: 2.9375rem; } /* 47px */ +.s-48 { font-size: 3rem; } /* 48px */ +.s-50 { font-size: 3.125rem; } /* 50px */ +.s-52 { font-size: 3.25rem; } /* 52px */ +.s-54 { font-size: 3.375rem; } /* 54px */ +.s-56 { font-size: 3.5rem; } /* 56px */ +.s-58 { font-size: 3.625rem; } /* 58px */ +.s-60 { font-size: 3.75rem; } /* 60px */ +.s-62 { font-size: 3.875rem; } /* 62px */ +.s-64 { font-size: 4rem; } /* 64px */ +.s-66 { font-size: 4.125rem; } /* 66px */ +.s-68 { font-size: 4.25rem; } /* 68px */ +.s-70 { font-size: 4.375rem; } /* 70px */ +.s-72 { font-size: 4.5rem; } /* 72px */ +.s-74 { font-size: 4.625rem; } /* 74px */ +.s-76 { font-size: 4.75rem; } /* 76px */ +.s-78 { font-size: 4.875rem; } /* 78px */ +.s-80 { font-size: 5rem; } /* 80px */ + +/*------------------------------------------*/ +/* FONT WEIGHT +/*------------------------------------------*/ + +.txt-upcase { + text-transform: uppercase +} + +.w-200 { font-weight: 200; } +.w-300 { font-weight: 300; } +.w-400 { font-weight: 400; } +.w-500 { font-weight: 500; } +.w-600 { font-weight: 600; } +.w-700 { font-weight: 700; } +.w-800 { font-weight: 800; } +.w-900 { font-weight: 900; } + +/*------------------------------------------*/ +/* LINK SETTINGS +/*------------------------------------------*/ + +a { + color: #6c757d; + text-decoration: none; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +a:hover { + color: #353f4f!important; + text-decoration: none; +} + +a:focus { + outline: none; + text-decoration: none; +} + +a.tra-link { + font-size: 1rem; + line-height: 1; + font-weight: 500; +} + +a.tra-link span { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.tra-link.ico-20 [class*="flaticon-"]:before, +.tra-link.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 0.75rem; + line-height: 0.7rem!important; + top: 2px; + left: 2px; +} + +a.tra-link:hover span { + color: #353f4f!important; +} + +/*------------------------------------------*/ +/* LISTS +/*------------------------------------------*/ + +ul { + margin: 0; + padding: 0; + list-style: none; +} + +/*------------------------------------------*/ +/* TEXT LIST +/*------------------------------------------*/ + +ul.simple-list { + list-style: disc; + margin-left: 15px; +} + +ul.simple-list.long-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* DIGIT LIST +/*------------------------------------------*/ + +ol.digit-list { + padding: 0; + margin-left: 15px; +} + +ol.digit-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* BUTTON SETTINGS +/*------------------------------------------*/ + +.btn { + background-color: transparent; + font-size: 1rem; + line-height: 1; + font-weight: 500; + padding: 0.9rem 1.8rem; + border: 2px solid transparent; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.btn.btn-sm { + font-size: 0.975rem; + padding: 0.7rem 1.5rem; +} + +.btn.ico-30.ico-left, +.btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Buttons Group +/*------------------------------------------*/ + +.text-center .btns-group { + display: inline-block; +} + +.btns-group .btn:first-child { + margin-right: 15px; +} + +.btns-group .btn.ico-30.ico-left { + padding: 0.37rem 0.5rem; +} + +.btns-group .btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Button Icon +/*------------------------------------------*/ + +.btn.ico-20 [class*="flaticon-"]:before, +.btn.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 1rem; + line-height: 0.7rem!important; + top: 4px; +} + +.btn.ico-left span { + margin-right: 5px; +} + +.btn.ico-right span { + margin-left: 5px; +} + +.btn.ico-30.ico-left span { + position: relative; + top: 0; + right: 4px; +} + +.btn.ico-30.ico-right span { + position: relative; + top: 0; + left: 4px; +} + +.btn.ico-30.ico-left span.ico-30-txt, +.btn.ico-30.ico-right span.ico-30-txt { + position: relative; + top: -10px; + right: 0; +} + +.btn.ico-30.ico-right span.ico-30-txt { + left: 0; +} + +/*------------------------------------------*/ +/* Button Text +/*------------------------------------------*/ + +p.btn-txt { + margin: 20px 0 0 0; +} + +.btn-rating p.btn-txt { + margin: 0; +} + +.star-rating span.rating-txt { + font-size: 0.9375rem; +} + +p.btns-group-txt { + margin: 14px 0 0 0; +} + +.btn-rating { + margin-top: 18px; +} + +.text-center p.btns-group-txt { + margin-top: 20px; +} + +p.btn-txt.ico-15, +p.btns-group-txt.ico-15 { + padding-left: 5px; +} + +.text-center p.btn-txt.ico-15, +.text-center p.btns-group-txt.ico-15 { + padding-left: 0; +} + +p.btn-txt span, +p.btns-group-txt span { + position: relative; + top: 0.5px; + right: 2px; +} + +p.btns-group-txt span.txt-data { + display: block; + top: 0; + right: 0; +} + +p.btns-group-txt span.txt-data a { + margin-left: 4px; + text-decoration: underline; +} + +p.btns-group-txt span.txt-data a:hover { + text-decoration: none; +} + +.hero-section .color--white p.btns-group-txt span.txt-data a:hover { + color: #fff!important; +} + +.btn-txt.ico-15 [class*="flaticon-"]:before, +.btn-txt.ico-15 [class*="flaticon-"]:after, +.btns-group-txt.ico-15 [class*="flaticon-"]:before, +.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.star-rating.ico-15 [class*="flaticon-"]:before, +.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; } + +/*------------------------------------------*/ +/* TRANSPARENT BUTTON +/*------------------------------------------*/ + +.btn--tra { + color: #fff!important; + border-color: transparent!important; + background-color: rgba(255, 255, 255, .2)!important; +} + +/*------------------------------------------*/ +/* WHITE BUTTON +/*------------------------------------------*/ + +.btn--transparent { + color: #353f4f; + background-color: transparent; + border-color: transparent; +} + +.btn--transparent:hover { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--white, +.hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.btn--tra-white, +.hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.white-scroll .scroll .hover--tra-white:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK BUTTON +/*------------------------------------------*/ + +.btn--black, +.hover--black:hover { + color: #fff!important; + background-color: #353f4f!important; + border-color: #353f4f!important; +} + +.btn--tra-black, +.hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* GREY BUTTON +/*------------------------------------------*/ + +.btn--tra-grey, +.hover--tra-grey:hover, +.white-scroll .scroll .hover--tra-grey:hover, +.black-scroll .scroll .hover--tra-grey:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #ccc!important; +} + +/*------------------------------------------*/ +/* BLUE BUTTON +/*------------------------------------------*/ + +.btn--blue-500, .hover--blue-500:hover, +.white-scroll .scroll .hover--blue-500:hover, +.black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.btn--blue-400, .hover--blue-400:hover, +.white-scroll .scroll .hover--blue-400:hover, +.black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.btn--blue-300, .hover--blue-300:hover, +.white-scroll .scroll .hover--blue-300:hover, +.black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.btn--blue-200, .hover--blue-200:hover, +.white-scroll .scroll .hover--blue-200:hover, +.black-scroll .scroll .hover--blue-200:hover { + color: #1680fb!important; + border-color: #e3ebfe!important; + background-color: #e3ebfe!important; +} + +.btn--blue-100, .hover--blue-100:hover, +.white-scroll .scroll .hover--blue-100:hover, +.black-scroll .scroll .hover--blue-100:hover { + color: #1680fb!important; + border-color: #1680fb!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* GREEN BUTTON +/*------------------------------------------*/ + +.btn--green-500, .hover--green-500:hover, +.white-scroll .scroll .hover--green-500:hover, +.black-scroll .scroll .hover--green-500:hover { + color: #fff!important; + border-color: #00a14e!important; + background-color: #00a14e!important; +} + +.btn--green-400, .hover--green-400:hover, +.white-scroll .scroll .hover--green-400:hover, +.black-scroll .scroll .hover--green-400:hover { + color: #fff!important; + border-color: #0fbc49!important; + background-color: #0fbc49!important; +} + +.btn--green-300, .hover--green-300:hover, +.white-scroll .scroll .hover--green-300:hover, +.black-scroll .scroll .hover--green-300:hover { + color: #fff!important; + border-color: #6fd792!important; + background-color: #6fd792!important; +} + +.btn--green-200, .hover--green-200:hover, +.white-scroll .scroll .hover--green-200:hover, +.black-scroll .scroll .hover--green-200:hover { + color: #0fbc49!important; + border-color: #cff2db!important; + background-color: #cff2db!important; +} + +.btn--green-100, .hover--green-100:hover, +.white-scroll .scroll .hover--green-100:hover, +.black-scroll .scroll .hover--green-100:hover { + color: #0fbc49!important; + border-color: #0fbc49!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PINK BUTTON +/*------------------------------------------*/ + +.btn--pink-500, .hover--pink-500:hover, +.white-scroll .scroll .hover--pink-500:hover, +.black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.btn--pink-400, .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.btn--pink-300, .hover--pink-300:hover, +.white-scroll .scroll .hover--pink-300:hover, +.black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.btn--pink-200, .hover--pink-200:hover, +.white-scroll .scroll .hover--pink-200:hover, +.black-scroll .scroll .hover--pink-200:hover { + color: #f74780!important; + border-color: #fee4ec!important; + background-color: #fee4ec!important; +} + +.btn--pink-100, .hover--pink-100:hover, +.white-scroll .scroll .hover--pink-100:hover, +.black-scroll .scroll .hover--pink-100:hover { + color: #f74780!important; + border-color: #f74780!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PURPLE BUTTON +/*------------------------------------------*/ + +.btn--purple-500, .hover--purple-500:hover, +.white-scroll .scroll .hover--purple-500:hover, +.black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.btn--purple-400, .hover--purple-400:hover, +.white-scroll .scroll .hover--purple-400:hover, +.black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.btn--purple-300, .hover--purple-300:hover, +.white-scroll .scroll .hover--purple-300:hover, +.black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.btn--purple-200, .hover--purple-200:hover, +.white-scroll .scroll .hover--purple-200:hover, +.black-scroll .scroll .hover--purple-200:hover { + color: #7b5dd6!important; + border-color: #e5deff!important; + background-color: #e5deff!important; +} + +.btn--purple-100, .hover--purple-100:hover, +.white-scroll .scroll .hover--purple-100:hover, +.black-scroll .scroll .hover--purple-100:hover { + color: #7b5dd6!important; + border-color: #7b5dd6!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* RED BUTTON +/*------------------------------------------*/ + +.btn--red-500, .hover--red-500:hover, +.white-scroll .scroll .hover--red-500:hover, +.black-scroll .scroll .hover--red-500:hover { + color: #fff!important; + border-color: #da0f29!important; + background-color: #da0f29!important; +} + +.btn--red-400, .hover--red-400:hover, +.white-scroll .scroll .hover--red-400:hover, +.black-scroll .scroll .hover--red-400:hover { + color: #fff!important; + border-color: #ff1e1a!important; + background-color: #ff1e1a!important; +} + +.btn--red-300, .hover--red-300:hover, +.white-scroll .scroll .hover--red-300:hover, +.black-scroll .scroll .hover--red-300:hover { + color: #fff!important; + border-color: #ffa5a3!important; + background-color: #ffa5a3!important; +} + +.btn--red-200, .hover--red-200:hover, +.white-scroll .scroll .hover--red-200:hover, +.black-scroll .scroll .hover--red-200:hover { + color: #ff1e1a!important; + border-color: #ffd2d1!important; + background-color: #ffd2d1!important; +} + +.btn--red-100, .hover--red-100:hover, +.white-scroll .scroll .hover--red-100:hover, +.black-scroll .scroll .hover--red-100:hover { + color: #ff1e1a!important; + border-color: #ff1e1a!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* VIOLET BUTTON +/*------------------------------------------*/ + +.btn--violet-500, .hover--violet-500:hover, +.white-scroll .scroll .hover--violet-500:hover, +.black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.btn--violet-400, .hover--violet-400:hover, +.white-scroll .scroll .hover--violet-400:hover, +.black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.btn--violet-300, .hover--violet-300:hover, +.white-scroll .scroll .hover--violet-300:hover, +.black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.btn--violet-200, .hover--violet-200:hover, +.white-scroll .scroll .hover--violet-200:hover, +.black-scroll .scroll .hover--violet-200:hover { + color: #be6cbe!important; + border-color: #f1cde5!important; + background-color: #f1cde5!important; +} + +.btn--violet-100, .hover--violet-100:hover, +.white-scroll .scroll .hover--violet-100:hover, +.black-scroll .scroll .hover--violet-100:hover { + color: #be6cbe!important; + border-color: #be6cbe!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* YELLOW BUTTON +/*------------------------------------------*/ + +.btn--yellow-500, .hover--yellow-500:hover, +.white-scroll .scroll .hover--yellow-500:hover, +.black-scroll .scroll .hover--yellow-500:hover { + color: #353f4f!important; + border-color: #ffba01!important; + background-color: #ffba01!important; +} + +.btn--yellow-400, .hover--yellow-400:hover, +.white-scroll .scroll .hover--yellow-400:hover, +.black-scroll .scroll .hover--yellow-400:hover { + color: #353f4f!important; + border-color: #ffbd45!important; + background-color: #ffbd45!important; +} + +.btn--yellow-300, .hover--yellow-300:hover, +.white-scroll .scroll .hover--yellow-300:hover, +.black-scroll .scroll .hover--yellow-300:hover { + color: #353f4f!important; + border-color: #ffdf35!important; + background-color: #ffdf35!important; +} + +.btn--yellow-200, .hover--yellow-200:hover, +.white-scroll .scroll .hover--yellow-200:hover, +.black-scroll .scroll .hover--yellow-200:hover { + color: #353f4f!important; + border-color: #fef5cd!important; + background-color: #fef5cd!important; +} + +.btn--yellow-100, .hover--yellow-100:hover, +.white-scroll .scroll .hover--yellow-100:hover, +.black-scroll .scroll .hover--yellow-100:hover { + color: #ffba01!important; + border-color: #ffba01!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* BUTTON FOCUS +/*------------------------------------------*/ + +.btn:focus, +.btn.btn--black:focus { + color: #fff; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--transparent:focus { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--grey:focus { + color: #666; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--tra-black:focus, +.btn--transparent:focus, +.btn.btn--tra-grey:focus { + color: #353f4f; + -webkit-box-shadow: none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* DOWNLOAD LINKS +/*------------------------------------------*/ + +.download-links li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.download-links-divider { + position: relative; + top: 1.5px; + transform: rotate(-90deg); +} + +.download-links li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.download-links li p a { + font-weight: 500; +} + +.download-links li p a:hover { + text-decoration: underline; +} + +.color--white .download-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* OS DOWNLOAD BUTTON +/*------------------------------------------*/ + +.os-btn { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + text-align: left; + width: 330px; + min-width: 330px; + background-color: #fff; + border: 1px solid #d3d3d3; + padding: 17px 18px 15px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.os-btn:hover { + background-color: #f5f6f7; + border: 1px solid #f5f6f7; + -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); +} + +.os-btn-ico { + position: relative; + margin-right: 20px; +} + +.os-btn-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.os-btn-txt p { + color: #353f4f; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + letter-spacing: -0.5px; + margin-top: 6px; + margin-bottom: 5px; +} + +.os-btn-txt span { + display: block; + font-size: 0.9rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* STORE BADGE ICONS +/*------------------------------------------*/ + +.stores-badge { + display: inline-block; +} + +.store { + display: inline-block; + text-align: center; + margin-right: 10px; +} + +.store:last-child { + margin-right: 0; +} + +.store img { + width: auto; + max-width: inherit; +} + +.badge-img-xs .store img { max-height: 2.5rem; } +.badge-img-sm .store img { max-height: 2.625rem; } +.badge-img-md .store img { max-height: 2.875rem; } +.badge-img-lg .store img { max-height: 3rem; } + +/*------------------------------------------*/ +/* WATCH VIDEO LINK +/*------------------------------------------*/ + +.watch-video { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + margin-top: 25px; +} + +/*------------------------------------------*/ +/* Link Icon +/*------------------------------------------*/ + +.watch-video-link { + position: relative; + text-align: center; + float: left; + width: 2.85rem; + height: 2.85rem; + color: #fff; + border: none; + margin-right: 12px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.watch-video-link:before { + content: ''; + position: absolute; + left: -3px; + right: -3px; + top: -3px; + bottom: -3px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.watch-video-link:hover:before { + opacity: .75; + left: -8px; + right: -8px; + top: -8px; + bottom: -8px; +} + +.watch-video-link span[class^="flaticon-"]:before, +.watch-video-link span[class^="flaticon-"]:after { + font-size: 2rem; + line-height: 2.85rem!important; + margin-left: 5px; +} + +/*------------------------------------------*/ +/* Link Text +/*------------------------------------------*/ + +.watch-video-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + text-align: left!important; +} + +p.video-txt-lg { + font-size: 1rem; + line-height: 1; + font-weight: 400; + margin-bottom: 5px; +} + +p.video-txt-sm { + font-size: 0.925rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* VIDEO POPUP ICON +/*------------------------------------------*/ + +.video-preview { + position: relative; + text-align: center; +} + +.video-btn { + position: absolute!important; + top: 50%; + left: 50%; + display: inline-block; + text-align: center; + color: #fff; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.video-btn-xl { + width: 6.25rem; + height: 6.25rem; + margin-top: -3.125rem; + margin-left: -3.125rem; +} + +.video-btn-lg { + width: 5.625rem; + height: 5.625rem; + margin-top: -2.8125rem; + margin-left: -2.8125rem; +} + +.video-btn-md { + width: 5rem; + height: 5rem; + margin-top: -2.5rem; + margin-left: -2.5rem; +} + +.video-btn-sm { + width: 4.375rem; + height: 4.375rem; + margin-top: -2.1875rem; + margin-left: -2.1875rem; +} + +.video-block-wrapper { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl [class^="flaticon-"]:before, +.video-btn.video-btn-xl [class^="flaticon-"]:after { + font-size: 5rem; + line-height: 6.25rem!important; + margin-left: 10px; +} + +.video-btn.video-btn-lg [class^="flaticon-"]:before, +.video-btn.video-btn-lg [class^="flaticon-"]:after { + font-size: 4.5rem; + line-height: 5.625rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-md [class^="flaticon-"]:before, +.video-btn.video-btn-md [class^="flaticon-"]:after { + font-size: 4.35rem; + line-height: 5rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-sm [class^="flaticon-"]:before, +.video-btn.video-btn-sm [class^="flaticon-"]:after { + font-size: 3.5rem; + line-height: 4.375rem!important; + margin-left: 5px; +} + +.video-btn:hover .video-block-wrapper { + -moz-transform: scale(0.95); + -ms-transform: scale(0.95); + -webkit-transform: scale(0.95); + -o-transform: scale(0.95); + transform: scale(0.95); +} + +.video-btn:before { + content: ''; + position: absolute; + left: -5px; + right: -5px; + top: -5px; + bottom: -5px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl:hover:before { + opacity: .75; + left: -1.5rem; + right: -1.5rem; + top: -1.5rem; + bottom: -1.5rem; +} + +.video-btn.video-btn-lg:hover:before { + opacity: .75; + left: -1.25rem; + right: -1.25rem; + top: -1.25rem; + bottom: -1.25rem; +} + +.video-btn.video-btn-md:hover:before { + opacity: .75; + left: -1rem; + right: -1rem; + top: -1rem; + bottom: -1rem; +} + +.video-btn.video-btn-sm:hover:before { + opacity: .75; + left: -0.75rem; + right: -0.75rem; + top: -0.75rem; + bottom: -0.75rem; +} + +/*------------------------------------------*/ +/* VECTOR ICONS +/*------------------------------------------*/ + +.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; } /* 15px */ +.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; } /* 15px */ +.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; } /* 20px */ +.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; } /* 25px */ +.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; } /* 30px */ +.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; } /* 35px */ +.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; } /* 40px */ +.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; } /* 45px */ +.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; } /* 50px */ +.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; } /* 55px */ +.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; } /* 60px */ +.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; } /* 65px */ +.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; } /* 70px */ +.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; } /* 75px */ +.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; } /* 80px */ +.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; } /* 85px */ +.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; } /* 90px */ +.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; } /* 95px */ +.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; } /* 100px */ +.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */ +.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; } /* 110px */ +.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */ +.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; } /* 120px */ +.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */ + +/*------------------------------------------*/ +/* VECTOR ICON BACKGROUND +/*------------------------------------------*/ + +.shape-ico { + position: relative; + display: inline-block; + margin: 0 auto; +} + +.shape-ico span { + position: relative; + z-index: 2; +} + +.shape-ico svg { + position: absolute; + z-index: 1; +} + +.ico-50 .shape-ico svg { + width: 130px; + height: 130px; + top: -35px; + left: calc(50% - 60px); +} + +.fbox-11 .ico-50 .shape-ico svg { + top: -40px; + left: calc(50% - 70px); +} + +.ico-55 .shape-ico svg { + width: 135px; + height: 135px; + top: -30px; + left: calc(50% - 60px); +} + +.ico-60 .shape-ico svg { + width: 140px; + height: 140px; + top: -30px; + left: calc(50% - 65px); +} + +.shape-ico.color--blue-300 path, +.shape-ico.color--blue-400 path, +.shape-ico.color--blue-500 path { + fill: #f4f9fc; +} + +.shape-ico.color--green-300 path, +.shape-ico.color--green-400 path, +.shape-ico.color--green-500 path { + fill: #e9f8f2; +} + +.shape-ico.color--pink-300 path, +.shape-ico.color--pink-400 path, +.shape-ico.color--pink-500 path { + fill: #feecf2; +} + +.shape-ico.color--purple-300 path, +.shape-ico.color--purple-400 path, +.shape-ico.color--purple-500 path { + fill: #f1edff; +} + +.shape-ico.color--red-300 path, +.shape-ico.color--red-400 path, +.shape-ico.color--red-500 path { + fill: #fce7e4; +} + +.shape-ico.color--violet-300 path, +.shape-ico.color--violet-400 path, +.shape-ico.color--violet-500 path { + fill: #f7e4f1; +} + +/*------------------------------------------*/ +/* VECTOR ROUNDED ICONS +/*------------------------------------------*/ + +.ico-rounded, +.ico-rounded-md, +.ico-rounded-lg { + display: inline-block; + text-align: center; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.ico-rounded { width: 80px; height: 80px; } +.ico-rounded-md { width: 90px; height: 90px; } +.ico-rounded-lg { width: 100px; height: 100px; } + +.ico-rounded [class*="flaticon-"]:before, +.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; } + +.ico-rounded-md [class*="flaticon-"]:before, +.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; } + +.ico-rounded-lg [class*="flaticon-"]:before, +.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; } + +/*------------------------------------------*/ +/* VECTOR SQUARE ICONS +/*------------------------------------------*/ + +.ico-square { + display: inline-block; + text-align: center; + width: 80px; + height: 80px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -o-border-radius: 12px; + border-radius: 12px; +} + +.ico-square [class*="flaticon-"]:before, +.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; } + +/*------------------------------------------*/ +/* PNG ICONS SETTINGS +/*------------------------------------------*/ + +.ico-145 img { width: 145px; height: 145px; } +.ico-140 img { width: 140px; height: 140px; } +.ico-135 img { width: 135px; height: 135px; } +.ico-130 img { width: 130px; height: 130px; } +.ico-125 img { width: 125px; height: 125px; } +.ico-120 img { width: 120px; height: 120px; } +.ico-115 img { width: 115px; height: 115px; } +.ico-110 img { width: 110px; height: 110px; } +.ico-105 img { width: 105px; height: 105px; } +.ico-100 img { width: 100px; height: 100px; } +.ico-95 img { width: 95px; height: 95px; } +.ico-90 img { width: 90px; height: 90px; } +.ico-85 img { width: 85px; height: 85px; } +.ico-80 img { width: 80px; height: 80px; } +.ico-75 img { width: 75px; height: 75px; } +.ico-70 img { width: 70px; height: 70px; } +.ico-65 img { width: 65px; height: 65px; } +.ico-60 img { width: 60px; height: 60px; } +.ico-55 img { width: 55px; height: 55px; } +.ico-50 img { width: 50px; height: 50px; } +.ico-45 img { width: 45px; height: 45px; } +.ico-40 img { width: 40px; height: 40px; } +.ico-35 img { width: 35px; height: 35px; } +.ico-30 img { width: 30px; height: 30px; } +.ico-25 img { width: 25px; height: 25px; } +.ico-20 img { width: 20px; height: 20px; } + +/*------------------------------------------*/ +/* SECTION ID +/*------------------------------------------*/ + +.section-id { + display: block; + font-size: 0.85rem; + line-height: 1; + font-weight: 700; + letter-spacing: 0.5px; + text-transform: uppercase; + margin-bottom: 35px; +} + +.section-id.rounded-id { + display: inline-block; + padding: 10px 24px; + font-size: 0.85rem; + text-transform: uppercase; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + margin-bottom: 40px; +} + +.section-id.border-id { + border-width: 2px; + border-style: solid; +} + +.section-id.border-id.border--grey { + border-color: #757575; +} + +.section-id.border-id.border--blue { + border-color: #1680fb; +} + +.font--jakarta .section-id { + font-family: 'Plus Jakarta Sans', sans-serif; +} + +.font--inter .section-id { + font-family: 'Inter', sans-serif; +} + +/*------------------------------------------*/ +/* SECTION TITLE +/*------------------------------------------*/ + +.section-title { + text-align: center; +} + +.section-title h2 { + margin-bottom: 0; +} + +.section-title h2.w-700 { + letter-spacing: -0.5px; +} + +.section-title p.p-md, +.section-title p.p-lg, +.section-title p.p-xl, +.section-title p.s-20, +.section-title p.s-21 { + margin-top: 18px; + margin-bottom: 0; +} + +.section-title p.p-md, +.section-title p.p-lg { + padding: 0 3%; +} + +.section-title a.contact-link { + font-weight: 500; + text-decoration: underline; +} + +.section-title .btns-group .btn { + margin-top: 0; +} + +.section-title .advantages, +.section-title .btns-txt, +.section-title .btns-group-txt { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* TEXT COLORS +/*------------------------------------------*/ + +.color--white, +.color--white h1, +.color--white h2, +.color--white h3, +.color--white h4, +.color--white h5, +.color--white h6, +.color--white p, +.color--white a, +.color--white li, +.color--white i, +.color--white span { color: #fff; } + +.color--snow, +.color--snow h1, +.color--snow h2, +.color--snow h3, +.color--snow h4, +.color--snow h5, +.color--snow h6, +.color--snow p, +.color--snow a, +.color--snow li, +.color--snow i, +.color--snow span, +.color--white .color--snow { color: #c2c3cb; } + +.color--black, +.color--black h1, +.color--black h2, +.color--black h3, +.color--black h4, +.color--black h5, +.color--black h6, +.color--black p, +.color--black a, +.color--black li, +.color--black i, +.color--black span { color: #353f4f; } + +.color--coal, +.color--coal h1, +.color--coal h2, +.color--coal h3, +.color--coal h4, +.color--coal h5, +.color--coal h6, +.color--coal p, +.color--coal a, +.color--coal li, +.color--coal i, +.color--coal span { color: #52595d; } + +.color--grey, +.color--grey h1, +.color--grey h2, +.color--grey h3, +.color--grey h4, +.color--grey h5, +.color--grey h6, +.color--grey p, +.color--grey a, +.color--grey li, +.color--grey i, +.color--grey span, +.color--white .color--grey { color: #757575; } + +.color--blue-500, +.color--blue-500 h1, +.color--blue-500 h2, +.color--blue-500 h3, +.color--blue-500 h4, +.color--blue-500 h5, +.color--blue-500 h6, +.color--blue-500 p, +.color--blue-500 a, +.color--blue-500 li, +.color--blue-500 i, +.color--blue-500 span, +.color--white .color--blue-500 { color: #185abd!important; } + +.color--blue-400, +.color--blue-400 h1, +.color--blue-400 h2, +.color--blue-400 h3, +.color--blue-400 h4, +.color--blue-400 h5, +.color--blue-400 h6, +.color--blue-400 p, +.color--blue-400 a, +.color--blue-400 li, +.color--blue-400 i, +.color--blue-400 span, +.color--white .color--blue-400 { color: #1680fb!important; } + +.color--blue-300, +.color--blue-300 h1, +.color--blue-300 h2, +.color--blue-300 h3, +.color--blue-300 h4, +.color--blue-300 h5, +.color--blue-300 h6, +.color--blue-300 p, +.color--blue-300 a, +.color--blue-300 li, +.color--blue-300 i, +.color--blue-300 span, +.color--white .color--blue-300 { color: #3eb1ff!important; } + +.color--green-500, +.color--green-500 h1, +.color--green-500 h2, +.color--green-500 h3, +.color--green-500 h4, +.color--green-500 h5, +.color--green-500 h6, +.color--green-500 p, +.color--green-500 a, +.color--green-500 li, +.color--green-500 i, +.color--green-500 span, +.color--white .color--green-500 { color: #00a14e!important; } + +.color--green-400, +.color--green-400 h1, +.color--green-400 h2, +.color--green-400 h3, +.color--green-400 h4, +.color--green-400 h5, +.color--green-400 h6, +.color--green-400 p, +.color--green-400 a, +.color--green-400 li, +.color--green-400 i, +.color--green-400 span, +.color--white .color--green-400 { color: #0fbc49!important; } + +.color--green-300, +.color--green-300 h1, +.color--green-300 h2, +.color--green-300 h3, +.color--green-300 h4, +.color--green-300 h5, +.color--green-300 h6, +.color--green-300 p, +.color--green-300 a, +.color--green-300 li, +.color--green-300 i, +.color--green-300 span, +.color--white .color--green-300 { color: #6fd792!important; } + +.color--pink-500, +.color--pink-500 h1, +.color--pink-500 h2, +.color--pink-500 h3, +.color--pink-500 h4, +.color--pink-500 h5, +.color--pink-500 h6, +.color--pink-500 p, +.color--pink-500 a, +.color--pink-500 li, +.color--pink-500 i, +.color--pink-500 span, +.color--white .color--pink-500 { color: #ff149c!important; } + +.color--pink-400, +.color--pink-400 h1, +.color--pink-400 h2, +.color--pink-400 h3, +.color--pink-400 h4, +.color--pink-400 h5, +.color--pink-400 h6, +.color--pink-400 p, +.color--pink-400 a, +.color--pink-400 li, +.color--pink-400 i, +.color--pink-400 span, +.color--white .color--pink-400 { color: #f74780!important; } + +.color--pink-300, +.color--pink-300 h1, +.color--pink-300 h2, +.color--pink-300 h3, +.color--pink-300 h4, +.color--pink-300 h5, +.color--pink-300 h6, +.color--pink-300 p, +.color--pink-300 a, +.color--pink-300 li, +.color--pink-300 i, +.color--pink-300 span, +.color--white .color--pink-300 { color: #fcb5cc!important; } + +.color--purple-500, +.color--purple-500 h1, +.color--purple-500 h2, +.color--purple-500 h3, +.color--purple-500 h4, +.color--purple-500 h5, +.color--purple-500 h6, +.color--purple-500 p, +.color--purple-500 a, +.color--purple-500 li, +.color--purple-500 i, +.color--purple-500 span, +.color--white .color--purple-500 { color: #663ae9!important; } + +.color--purple-400, +.color--purple-400 h1, +.color--purple-400 h2, +.color--purple-400 h3, +.color--purple-400 h4, +.color--purple-400 h5, +.color--purple-400 h6, +.color--purple-400 p, +.color--purple-400 a, +.color--purple-400 li, +.color--purple-400 i, +.color--purple-400 span, +.color--white .color--purple-400 { color: #7b5dd6!important; } + +.color--purple-300, +.color--purple-300 h1, +.color--purple-300 h2, +.color--purple-300 h3, +.color--purple-300 h4, +.color--purple-300 h5, +.color--purple-300 h6, +.color--purple-300 p, +.color--purple-300 a, +.color--purple-300 li, +.color--purple-300 i, +.color--purple-300 span, +.color--white .color--purple-300 { color: #bdaeea!important; } + +.color--red-500, +.color--red-500 h1, +.color--red-500 h2, +.color--red-500 h3, +.color--red-500 h4, +.color--red-500 h5, +.color--red-500 h6, +.color--red-500 p, +.color--red-500 a, +.color--red-500 li, +.color--red-500 i, +.color--red-500 span, +.color--white .color--red-500 { color: #da0f29!important; } + +.color--red-400, +.color--red-400 h1, +.color--red-400 h2, +.color--red-400 h3, +.color--red-400 h4, +.color--red-400 h5, +.color--red-400 h6, +.color--red-400 p, +.color--red-400 a, +.color--red-400 li, +.color--red-400 i, +.color--red-400 span, +.color--white .color--red-400 { color: #ff1e1a!important; } + +.color--red-300, +.color--red-300 h1, +.color--red-300 h2, +.color--red-300 h3, +.color--red-300 h4, +.color--red-300 h5, +.color--red-300 h6, +.color--red-300 p, +.color--red-300 a, +.color--red-300 li, +.color--red-300 i, +.color--red-300 span, +.color--white .color--red-300 { color: #ffa5a3!important; } + +.color--violet-500, +.color--violet-500 h1, +.color--violet-500 h2, +.color--violet-500 h3, +.color--violet-500 h4, +.color--violet-500 h5, +.color--violet-500 h6, +.color--violet-500 p, +.color--violet-500 a, +.color--violet-500 li, +.color--violet-500 i, +.color--violet-500 span, +.color--white .color--violet-500 { color: #c73e9b!important; } + +.color--violet-400, +.color--violet-400 h1, +.color--violet-400 h2, +.color--violet-400 h3, +.color--violet-400 h4, +.color--violet-400 h5, +.color--violet-400 h6, +.color--violet-400 p, +.color--violet-400 a, +.color--violet-400 li, +.color--violet-400 i, +.color--violet-400 span, +.color--white .color--violet-400 { color: #be6cbe!important; } + +.color--violet-300, +.color--violet-300 h1, +.color--violet-300 h2, +.color--violet-300 h3, +.color--violet-300 h4, +.color--violet-300 h5, +.color--violet-300 h6, +.color--violet-300 p, +.color--violet-300 a, +.color--violet-300 li, +.color--violet-300 i, +.color--violet-300 span, +.color--white .color--violet-300 { color: #e2bde2!important; } + +.color--yellow-500, +.color--yellow-500 h1, +.color--yellow-500 h2, +.color--yellow-500 h3, +.color--yellow-500 h4, +.color--yellow-500 h5, +.color--yellow-500 h6, +.color--yellow-500 p, +.color--yellow-500 a, +.color--yellow-500 li, +.color--yellow-500 i, +.color--yellow-500 span, +.color--white .color--yellow-500 { color: #ffba01!important; } + +.color--yellow-400, +.color--yellow-400 h1, +.color--yellow-400 h2, +.color--yellow-400 h3, +.color--yellow-400 h4, +.color--yellow-400 h5, +.color--yellow-400 h6, +.color--yellow-400 p, +.color--yellow-400 a, +.color--yellow-400 li, +.color--yellow-400 i, +.color--yellow-400 span, +.color--white .color--yellow-400 { color: #ffbd45!important; } + +.color--yellow-300, +.color--yellow-300 h1, +.color--yellow-300 h2, +.color--yellow-300 h3, +.color--yellow-300 h4, +.color--yellow-300 h5, +.color--yellow-300 h6, +.color--yellow-300 p, +.color--yellow-300 a, +.color--yellow-300 li, +.color--yellow-300 i, +.color--yellow-300 span, +.color--white .color--yellow-300 { color: #ffdf35!important; } + + + + +/* ========================================================================== + 03. PRELOAD ANIMATION + ========================================================================== */ + +#loading { + height: 100%; + width: 100%; + position: fixed; + z-index: 1; + margin-top: 0px; + top: 0px; + z-index: 99999999; +} + +#loading { + background-color: #f5f5f9; +} + +#loading-center { + position: absolute; + left: 50%; + top: 50%; + height: 100px; + width: 100px; + margin-top: -50px; + margin-left: -50px; + -webkit-animation: loading-center-absolute 1s infinite; + animation: loading-center-absolute 1s infinite; +} + +.loader { + border: 2px solid; + border-color: transparent #888; + width: 100px; + height: 100px; + border-radius: 50%; + display: inline-block; + position: relative; + box-sizing: border-box; + animation: rotation 1s linear infinite; +} + +.loading--blue .loader { + border-color: transparent #1680fb; +} + +.loading--green .loader { + border-color: transparent #0fbc49; +} + +.loading--pink .loader { + border-color: transparent #f74780; +} + +.loading--purple .loader { + border-color: transparent #7b5dd6; +} + +.loading--red .loader { + border-color: transparent #ff1e1a; +} + +.loading--violet .loader { + border-color: transparent #c73e9b; +} + +.loading--yellow .loader { + border-color: transparent #ffba01; +} + +.loader::after { + content: ''; + box-sizing: border-box; + position: absolute; + left: 50%; + top: 50%; + border: 50px solid; + border-color: transparent rgba(30, 30, 30, 0.15); + border-radius: 50%; + transform: translate(-50%, -50%); +} + +.loading--blue .loader::after { + border-color: transparent rgba(22, 128, 251, .15); +} + +.loading--green .loader::after { + border-color: transparent rgba(14, 188, 73, .15); +} + +.loading--pink .loader::after { + border-color: transparent rgba(247, 71, 128, .15); +} + +.loading--purple .loader::after { + border-color: transparent rgba(123, 93, 214, .15); +} + +.loading--red .loader::after { + border-color: transparent rgba(255, 30, 26, .15); +} + +.loading--violet .loader::after { + border-color: transparent rgba(1900, 108, 190, .15); +} + +.loading--yellow .loader::after { + border-color: transparent rgba(255, 186, 1, .15); +} + +@keyframes rotation { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + + + + +/* ========================================================================== + 04. HEADER & NAVIGATION + =========================================================================== */ + +#header { + width: 100%; + display: block; + padding-top: 0px; +} + +.header-wrapper { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.headerwp { + max-width: 1140px; + margin: 0 auto; + padding: 0; +} + +.posrlt { + position: relative; +} + +/*------------------------------------------*/ +/* HEADER LOGO +/*------------------------------------------*/ + +.desktoplogo img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.blog-header .desktoplogo img { + max-height: 30px; +} + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.wsmainfull { + width: 100%; + height: auto; + z-index: 1031; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.tra-menu .wsmainfull { + padding: 20px 0; + background-color: transparent!important; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.white-menu .wsmainfull { + padding: 6px 0; + background-color: #fff!important; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.dark-menu .wsmainfull { + padding: 6px 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +#header.hiddden-header { + display: none; +} + +.hidden-nav .wsmainfull { + margin-top: -140px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 1rem; + line-height: 50px; + font-weight: 600; + letter-spacing: 0; + text-decoration: none; + margin: 0 7px; + padding: 10px 15px; +} + +.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.wsmenu > .wsmenu-list > li > a.h-link.last-link { + padding: 10px 0px; + margin: 0; +} + +.wsmenu > .wsmenu-list > li > a .wsarrow:after { + border-left: 4px solid rgba(0, 0, 0, 0); + border-right: 4px solid rgba(0, 0, 0, 0); + border-top: 4px solid; + content: ""; + float: right; + right: 0; + height: 0; + margin: 0 0 0 14px; + position: absolute; + text-align: right; + top: 35px; + width: 0; +} + +.wsmenu > .wsmenu-list > li.reg-fst-link > a { + margin-left: 30px; +} + +/*------------------------------------------*/ +/* HEADER LINK INFO +/*------------------------------------------*/ + +span.sm-info { + position: relative; + display: inline-block; + text-align: center; + width: 20px; + height: 20px; + color: #fff; + font-size: 0.65rem; + line-height: 19px; + font-weight: 700; + margin-left: 5px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; +} + +.nav-blue-500 .sm-info { background-color: #185abd; } +.nav-blue-400 .sm-info { background-color: #1680fb; } +.nav-blue-300 .sm-info { background-color: #3eb1ff; } + +.nav-green-500 .sm-info { background-color: #00a14e; } +.nav-green-400 .sm-info { background-color: #0fbc49; } +.nav-green-300 .sm-info { background-color: #6fd792; } + +.nav-pink-500 .sm-info { background-color: #ff149c; } +.nav-pink-400 .sm-info { background-color: #f74780; } +.nav-pink-300 .sm-info { background-color: #fcb5cc; } + +.nav-purple-500 .sm-info { background-color: #663ae9; } +.nav-purple-400 .sm-info { background-color: #7b5dd6; } +.nav-purple-300 .sm-info { background-color: #bdaeea; } + +.nav-red-500 .sm-info { background-color: #da0f29; } +.nav-red-400 .sm-info { background-color: #ff1e1a; } +.nav-red-300 .sm-info { background-color: #ffa5a3; } + +.nav-violet-500 .sm-info { background-color: #c73e9b; } +.nav-violet-400 .sm-info { background-color: #be6cbe; } +.nav-violet-300 .sm-info { background-color: #e2bde2; } + +.nav-yellow-500 .sm-info { background-color: #ffba01; } +.nav-yellow-400 .sm-info { background-color: #ffbd45; } +.nav-yellow-300 .sm-info { background-color: #ffdf35; } + +/*------------------------------------------*/ +/* HEADER BUTTONS +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li a.btn { + font-size: 1rem; + line-height: 30px; + font-weight: 600; + text-transform: none; + letter-spacing: 0; + margin-top: 14px; + padding: 4px 28px; +} + +.wsmenu > .wsmenu-list > li a.btn.reg-btn { + padding: 4px 22px; +} + +.wsmenu > .wsmenu-list > li a.btn.fst-btn-link { + margin-left: 12px; +} + +.wsmenu > .wsmenu-list > li a.store.header-store { + line-height: 1; + margin-top: 13px; + margin-left: 10px; + margin-bottom: 0; + padding: 0; +} + +.store.header-store img { + max-height: 44px; +} + +/*------------------------------------------*/ +/* HEADER SOCIAL LINKS +/*------------------------------------------*/ + +.header-socials { + margin: 0; + display: inline-block; + text-align: center; +} + +.header-socials span { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.header-socials a { + display: block; + margin-left: 18px; +} + +.navbar-light .header-socials a { + color: #ddd; +} + +.navbar-light .header-socials a:hover { + color: #ccc!important; +} + +.header-socials.ico-20 [class*="flaticon-"]:before, +.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } + +/*------------------------------------------*/ +/* HEADER SUBMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu { + width: auto; + min-width: 200px; + top: 62px; + padding: 12px 10px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a { + background-color: rgba(244, 244, 249, 0); + font-family: 'Plus Jakarta Sans', sans-serif; + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* HALFMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + top: 62px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + width: 38%; + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + right: 2%; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li { + border-bottom: none; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + background-color: rgba(244, 244, 249, 0); + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* MEGAMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { + width: 76%!important; + left: 23%; + padding: 20px 10px; +} + +.wsmegamenu.w-75 .col-lg-3 { + padding: 0 6px; +} + +/*------------------------------------------*/ +/* SUBMENU TITLE +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu .title, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title { + color: #929394; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.875rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0; + margin: 10px 0 15px 13px; +} + +/*------------------------------------------*/ +/* DARK HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #ddd; + background-color: rgba(255, 255, 255, 0)!important; +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(255, 255, 255, .05)!important; +} + +.dark-menu .title, .black-scroll .scroll .title, +.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span { + color: #fff!important; +} + +/*------------------------------------------*/ +/* ICONS MENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu { + max-width: 275px; + min-width: 275px; + padding: 12px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + width: 52%; + padding: 12px 6px; +} + +.wsmegamenu.halfmenu.icons-menu .col-lg-6 { + padding: 0 6px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { + width: 82%!important; + left: 17%; + padding: 12px 6px; +} + +.wsmegamenu.icons-menu.w-75 .col-lg-4 { + padding: 0 6px; +} + +.icons-menu .icons-menu-item { + display: flex!important; + position: relative!important; + flex-flow: row wrap!important; + align-items: stretch!important; + justify-content: flex-start!important; +} + +.icons-menu-ico { + position: relative; + margin-right: 14px; +} + +.wsmegamenu.ico-30 .icons-menu-ico span { + position: relative; + top: 6px!important; +} + +.icons-menu-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.icons-menu-txt h6 { + color: inherit; + font-size: 1rem; + line-height: 32px; + font-weight: 500; + margin-bottom: 0; +} + +.icons-menu-txt span { + display: block; + color: #898989; + font-size: 0.925rem; + font-weight: 400; + margin-bottom: 0; +} + +.sub-menu.ico-30 .icons-menu-txt h6 { + line-height: 30px; +} + +/*------------------------------------------*/ +/* NAVBAR HOVER +/*------------------------------------------*/ + +.navbar-light .wsmenu-list > li > a.h-link:hover { + color: #eee!important; +} + +.navbar-dark .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #185abd!important; +} + +.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #1680fb!important; +} + +.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #3eb1ff!important; +} + +.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #00a14e!important; +} + +.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #0fbc49!important; +} + +.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #6fd792!important; +} + +.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff149c!important; +} + +.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #f74780!important; +} + +.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #fcb5cc!important; +} + +.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #663ae9!important; +} + +.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #7b5dd6!important; +} + +.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #bdaeea!important; +} + +.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #da0f29!important; +} + +.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff1e1a!important; +} + +.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ffa5a3!important; +} + +.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #c73e9b!important; +} + +.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #be6cbe!important; +} + +.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #e2bde2!important; +} + +/*------------------------------------------*/ +/* HIDDEN NAVBAR SCROLL +/*------------------------------------------*/ + +.hidden-nav .wsmainfull.scroll { + margin-top: 0; +} + +/*------------------------------------------*/ +/* NAVBAR WHITE SCROLL +/*------------------------------------------*/ + +.tra-menu.white-scroll .wsmainfull.scroll, +.white-menu.white-scroll .wsmainfull.scroll { + padding: 0; + background-color: rgba(255, 255, 255, .7)!important; + backdrop-filter: blur(20px); + -webkit-backdrop-filter: blur(20px); + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +/*------------------------------------------*/ +/* NAVBAR BLACK SCROLL +/*------------------------------------------*/ + +.tra-menu.black-scroll .wsmainfull.scroll, +.dark-menu.black-scroll .wsmainfull.scroll { + padding: 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover { + color: #ccc!important; +} + +/*------------------------------------------*/ +/* WHITE SCROLL BUTTONS +/*------------------------------------------*/ + +.white-scroll .scroll .btn--tra-white { + color: #353f4f!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK SCROLL BUTTONS +/*------------------------------------------*/ + +.black-scroll .scroll .btn--tra-black { + color: #fff!important; + border-color: #fff!important; +} + +/*------------------------------------------*/ +/* LOGO IMAGE +/*------------------------------------------*/ + +.logo-white, +.logo-black { + display: block; +} + +.navbar-light .logo-black, +.navbar-dark .logo-white, +.tra-menu.navbar-light .scroll .logo-white, +.tra-menu.navbar-dark.black-scroll .scroll .logo-black { + display: none; +} + +.tra-menu.navbar-light .scroll .logo-black, +.tra-menu.navbar-dark.black-scroll .scroll .logo-white { + display: block; +} + + + + +/* ========================================================================== + 05. HERO + ========================================================================== */ + +.hero-section, +.hero-section .container { + position: relative; + z-index: 3; +} + +.hero-section.bg--img { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.hero-section.blur--purple:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 100%; + top: -30%; + left: 0; + background-image: url(../images/blur-purple.png); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + background-attachment: scroll; + opacity: 0.2; +} + +/*------------------------------------------*/ +/* HERO LOGO +/*------------------------------------------*/ + +.hero-logo { + margin-bottom: 40px; +} + +.hero-square-logo { + margin-bottom: 20px; +} + +#hero-22 .hero-logo { + margin-bottom: 30px; +} + +.hero-logo img { + width: auto; + max-width: inherit; + max-height: 36px; +} + +.hero-square-logo img { + width: auto; + max-width: inherit; + max-height: 90px; +} + +/*------------------------------------------*/ +/* HERO APP LOGO +/*------------------------------------------*/ + +.hero-app-logo { + margin-bottom: 35px; +} + +#hero-25 .hero-app-logo { + margin-bottom: 25px; +} + +.hero-app-logo img { + width: auto; + max-width: inherit; + max-height: 100px; +} + +#hero-25 .hero-app-logo img { + max-height: 110px; +} + +/*------------------------------------------*/ +/* HERO DIGITS +/*------------------------------------------*/ + +#hd-1-1, #hd-1-2 { + display: inline-block; + float: left; + padding-right: 20px; +} + +#hd-1-1 { width: 45%; } +#hd-1-2 { width: 55%; } + +.hero-digits-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.hero-digits .block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 12px; +} + +.hero-digits h2.statistic-number { + line-height: 1; + margin-bottom: 0; +} + +.hero-digits h2.statistic-number span { + font-size: 1.85rem; +} + +.hero-digits .block-txt p.p-sm { + line-height: 1.35; + margin-top: 5px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* HERO TYPOGRAPHY +/*------------------------------------------*/ + +.hero-section h2 { + margin-bottom: 28px; +} + +.hero-section h2.s-48, +.hero-section h2.s-50 { + margin-bottom: 40px; +} + +.hero-section h2.s-62 { + margin-bottom: 24px; +} + +.hero-section p.p-sm { + padding: 0!important; +} + +.hero-section p.p-md { + margin-bottom: 30px; +} + +.hero-section p.p-lg, +.hero-section p.p-xl { + margin-bottom: 32px; +} + +.hero-section p.s-20, +.hero-section p.s-22, +.hero-section p.s-24 { + margin-bottom: 36px; +} + +.hero-section p.p-lg span, +.hero-section p.p-xl span { + font-weight: 600; + letter-spacing: -0.35px; +} + +/*------------------------------------------*/ +/* HERO-1 +/*------------------------------------------*/ + +#hero-1 { + background-image: url(../images/hero-1.jpg); + padding-top: 130px; + padding-bottom: 100px; +} + +.hero-1-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-2 +/*------------------------------------------*/ + +#hero-2 { + background-image: url(../images/hero-2.jpg); + padding-top: 150px; + padding-bottom: 100px; +} + +.hero-2-txt p { + padding-right: 3%; +} + +.hero-2-img { + text-align: center; + padding-right: 25px; +} + +/*------------------------------------------*/ +/* HERO-3 +/*------------------------------------------*/ + +#hero-3 { + position: relative; + padding-top: 160px; + background-image: url(../images/hero-3.jpg); +} + +#hero-3:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 5%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-3-txt { + margin-top: -70px; +} + +.hero-3-txt p.p-lg { + padding-right: 2%; +} + +.hero-3-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-4 +/*------------------------------------------*/ + +#hero-4 { + overflow: hidden; + background-image: url(../images/hero-4.jpg); + padding-top: 180px; +} + +#hero-4:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 10%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-4-txt h2 { + padding: 0 3%; +} + +.hero-4-txt p { + padding: 0 5%; +} + +.hero-4-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-4-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-5 +/*------------------------------------------*/ + +#hero-5 .wave-shape-bottom path { + fill: #fff; +} + +#hero-5 { + background-image: url(../images/hero-5.jpg); + padding-top: 140px; + padding-bottom: 50px; +} + +.hero-5-txt h2 { + line-height: 1.3; + margin-bottom: 25px; +} + +.hero-5-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +.hero-5-img { + margin: 0 0 -50px; +} + +/*------------------------------------------*/ +/* HERO-6 +/*------------------------------------------*/ + +#hero-6 { + padding-top: 130px; +} + +.hero-6-wrapper { + overflow: hidden; + background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd); + padding: 75px 80px; +} + +.hero-6-img { + position: relative; + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-7 +/*------------------------------------------*/ + +#hero-7 { + padding-top: 140px; + padding-bottom: 100px; +} + +#hero-7 .quick-form { + margin-right: 4%; +} + +.hero-7-img { + padding-left: 30px; +} + +/*------------------------------------------*/ +/* HERO-8 +/*------------------------------------------*/ + +#hero-8 .wave-shape-bottom path { + fill: #fff; +} + +#hero-8 { + position: relative; + background-image: url(../images/hero-8.jpg); + padding-top: 170px; + padding-bottom: 30px; +} + +.hero-8-txt { + margin-top: -70px; +} + +.hero-8-txt p { + padding-right: 10%; +} + +.hero-8-txt .hero-digits { + padding-right: 15%; +} + +#hero-8-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-8-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-8-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-8-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-8-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-9 +/*------------------------------------------*/ + +#hero-9 { + padding-top: 180px; +} + +.hero-9-txt h2 { + line-height: 1; +} + +.hero-9-txt h2 img { + position: relative; + width: auto; + max-width: inherit; + max-height: 100px; + margin: 0 3px; + top: -8px; +} + +.hero-9-txt p { + padding: 0 5%; + margin-top: 40px; +} + +#hero-9 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +.hero-9-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-10 +/*------------------------------------------*/ + +#hero-10 { + position: relative; + background-image: url(../images/hero-10.jpg); + padding-top: 170px; + padding-bottom: 100px; +} + +.hero-10-txt h4 { + line-height: 1.45; + font-weight: 300; + padding-right: 5%; + margin-bottom: 35px; +} + +.hero-10-img { + position: relative; + text-align: center; + margin: 0 -95% 0 15px; +} + +/*------------------------------------------*/ +/* HERO-11 +/*------------------------------------------*/ + +#hero-11 { + overflow: hidden; + background-image: url(../images/hero-11.jpg); + padding-top: 50px; +} + +.hero-11-txt { + margin-top: 40px; +} + +.hero-11-txt p { + padding-right: 5%; +} + +.hero-11-img { + position: relative; + margin: -60px -12% -100px -15px; +} + +/*------------------------------------------*/ +/* HERO-12 +/*------------------------------------------*/ + +#hero-12 { + overflow: hidden; + background-image: url(../images/hero-12.jpg); + padding-top: 180px; +} + +.hero-12-txt h2 { + padding: 0 3%; +} + +.hero-12-txt p { + padding: 0 5%; +} + +.hero-12-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-12-img { + margin-top: 60px; + margin-bottom: -100px; +} + +.hero-12-img .video-btn { + top: calc(50% - 30px); +} + +/*------------------------------------------*/ +/* HERO-13 +/*------------------------------------------*/ + +#hero-13 { + background-image: linear-gradient(180deg, #f1edff, #f1edff); + padding-top: 130px; + padding-bottom: 80px; +} + +#hero-13:after { + position: absolute; + content: ''; + z-index: -1; + width: 43%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; + -moz-box-shadow: 0 0 55px 35px #fff; + -webkit-box-shadow: 0 0 35px 35px #fff; + box-shadow: 0 0 35px 35px #fff; +} + +.hero-13-txt .section-id { + font-weight: 600; + letter-spacing: 1.5px; +} + +.hero-13-txt p { + padding-right: 5%; +} + +.hero-13-img { + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-14 +/*------------------------------------------*/ + +#hero-14 .wave-shape-bottom path { + fill: #fff; +} + +#hero-14 { + background-image: url(../images/hero-14.jpg); + padding-top: 170px; +} + +.hero-14-txt p.s-21 { + font-size: 1.3125rem; + margin-bottom: 40px; +} + +#hero-14 .quick-form { + margin-left: 6%; + margin-right: 6%; +} + +.hero-14-txt .btn-txt { + margin-top: 40px; +} + +.hero-14-img { + margin-top: 70px; +} + +/*------------------------------------------*/ +/* HERO-15 +/*------------------------------------------*/ + +#hero-15 { + position: relative; + z-index: 3; + background-image: url(../images/hero-15.jpg); + padding-top: 130px; +} + +.hero-15-txt { + margin-top: -20px; +} + +.hero-15-txt h2 { + padding-right: 5%; +} + +.hero-15-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-16 +/*------------------------------------------*/ + +#hero-16 .wave-shape-bottom path { + fill: #fff; +} + +#hero-16 { + background-image: url(../images/hero-16.jpg); + padding-top: 170px; + margin-bottom: 80px; +} + +.hero-16-img { + margin-top: 60px; + margin-bottom: -80px; +} + +/*------------------------------------------*/ +/* HERO-17 +/*------------------------------------------*/ + +#hero-17 { + text-align: center; + padding-top: 170px; + background-image: url(../images/hero-17.jpg); + background-position: top center; +} + +#hero-17 #brands-1 { + padding: 80px 6% 0; +} + +#hero-17 #brands-1 .brands-carousel-5 .brand-logo { + padding: 0 20px; +} + +#hero-17 .quick-form { + margin-left: 8%; + margin-right: 8%; +} + +/*------------------------------------------*/ +/* HERO-18 +/*------------------------------------------*/ + +#hero-18 { + padding-top: 140px; + padding-bottom: 80px; +} + +#hero-18:after { + position: absolute; + content: ''; + z-index: -1; + width: 74%; + height: 100%; + top: 0; + left: 26%; + background-image: url(../images/hero-18.jpg); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + border-radius: 0 0 0 60px; +} + +.hero-18-txt p { + padding-right: 3%; +} + +#hero-18 .quick-form { + margin-right: 4%; +} + +.hero-18-img { + text-align: center; + padding-right: 15px; +} + +/*------------------------------------------*/ +/* HERO-19 +/*------------------------------------------*/ + +#hero-19 { + padding-top: 170px; +} + +.hero-19-txt p { + padding: 0 10%; +} + +/*------------------------------------------*/ +/* HERO-20 +/*------------------------------------------*/ + +#hero-20 { + background-image: url(../images/hero-20.jpg); + padding-top: 100px; + padding-bottom: 100px; +} + +#hero-20:after { + position: absolute; + content: ''; + z-index: -1; + width: 51%; + height: 100%; + top: 0; + left: 0; + background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd); +} + +.hero-20-txt { + padding: 0 8% 0 15px; +} + +.hero-section .hero-20-txt h2.s-48 { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* HERO-21 +/*------------------------------------------*/ + +#hero-21 { + padding-top: 170px; +} + +.hero-21-txt { + margin-bottom: 60px; +} + +.hero-21-txt h2 { + margin-bottom: 35px; +} + +.hero-21-wrapper { + overflow: hidden; +} + +#hero-21 .hero-overlay { + background-image: url(../images/hero-21.jpg); + padding: 90px 70px 0; +} + +.hero-21-img { + position: relative; + margin-bottom: -25%; +} + +.hero-21-img .video-btn { + top: calc(50% - 80px); +} + +/*------------------------------------------*/ +/* HERO-22 +/*------------------------------------------*/ + +#hero-22 .wave-shape-bottom path { + fill: #fff; +} + +#hero-22 { + position: relative; + background-image: url(../images/hero-22.jpg); + padding-top: 160px; +} + +#hero-22-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-22-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-22-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-22-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-22-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-23 +/*------------------------------------------*/ + +#hero-23 .wave-shape-bottom path { + fill: #fff; +} + +#hero-23 { + position: relative; + background-image: url(../images/hero-23.jpg); + padding-top: 100px; + margin-bottom: 25px; +} + +.hero-23-txt p { + padding: 0 5%; +} + +.hero-23-img { + margin-top: 40px; + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* HERO-24 +/*------------------------------------------*/ + +#hero-24 { + background-image: url(../images/hero-24.jpg); + padding-top: 200px; + padding-bottom: 150px; +} + +#hero-24 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +/*------------------------------------------*/ +/* HERO-25 +/*------------------------------------------*/ + +#hero-25 { + background-image: url(../images/hero-25.jpg); + padding-top: 120px; + padding-bottom: 100px; +} + +.hero-25-txt h2 { + margin-bottom: 22px; +} + +.hero-25-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* HERO-26 +/*------------------------------------------*/ + +#hero-26 .wave-shape-bottom path { + fill: #fff; +} + +#hero-26 { + position: relative; + background-image: url(../images/hero-26.jpg); + padding-top: 160px; + z-index: 3; +} + +.hero-26-txt { + margin-top: -80px; +} + +.hero-26-txt h2 { + padding-right: 2%; +} + +#hero-26 .quick-form { + margin-right: 4%; +} + +.hero-26-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-27 +/*------------------------------------------*/ + +#hero-27 .hero-overlay { + background-image: url(../images/hero-27.png); + background-position: top center; + padding-top: 170px; +} + +.hero-27-txt h2 { + margin-bottom: 26px!important; +} + +.hero-27-txt p.s-20 { + padding: 0 6%; + margin-bottom: 30px!important; +} + +.hero-27-txt p.s-21 { + padding: 0 5%; +} + +/*------------------------------------------*/ +/* HERO QUICK FORM +/*------------------------------------------*/ + +.hero-section .quick-form .input-group { + border: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Input +/*------------------------------------------*/ + +.hero-section .quick-form .form-control { + height: 64px; + background-color: #fff; + border: 2px solid transparent; + color: #666; + font-size: 1.125rem; + font-weight: 400; + padding: 0 20px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.hero-section .quick-form.form-shadow .form-control { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + box-shadow: 0 5px 10px rgba(0, 0, 0, .05); +} + +.hero-section .quick-form.form-stroke .form-control { + border-color: #353f4f; +} + +.hero-section .quick-form.form-half .form-control { + height: 58px; + font-size: 1.0625rem; +} + +/*------------------------------------------*/ +/* Hero Quick Form Placeholder +/*------------------------------------------*/ + +.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Hero Quick Form Focus +/*------------------------------------------*/ + +.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Button +/*------------------------------------------*/ + +.hero-section .quick-form .btn { + height: 64px; + font-size: 1.0625rem; + padding: 12px 45px; + margin-left: 15px; +} + +.hero-section .quick-form.form-half .btn { + height: 58px; + font-size: 1rem; + padding: 13px 40px; + margin-left: 14px; +} + +/*------------------------------------------*/ +/* Hero Quick Form Message +/*------------------------------------------*/ + +.hero-section .quick-form-msg { + width: 100%!important; + display: block; + margin: 20px 0 15px 5px; +} + +.hero-section .text-center .quick-form-msg { + margin: 20px 0 -15px 0; +} + +.hero-section .quick-form-msg .loading { + color: #3eb1ff; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; +} + +.hero-section .text-center .quick-form-msg .loading { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* HERO REQUEST FORM +/*------------------------------------------*/ + +/*------------------------------------------*/ +/* Hero Request Form Input +/*------------------------------------------*/ + +.request-form .form-control { + height: 58px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #666; + font-size: 1rem; + font-weight: 400; + margin-bottom: 22px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Hero Request Form Placeholder +/*------------------------------------------*/ + +.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } +.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; } +.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; } + +.request-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Request Form Button +/*------------------------------------------*/ + +#hero-8-form .btn, +#hero-22-form .btn { + width: 100%; + height: 58px; + padding: 16px; +} + +/*------------------------------------------*/ +/* Hero Request Form Message +/*------------------------------------------*/ + +.request-form-msg { + width: 100%!important; + display: block; + text-align: center; + margin-top: 15px; +} + +.request-form-msg .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 06. ABOUT + ========================================================================== */ + +.a2-txt { + padding: 20px 30px 35px; +} + +.a2-txt-quote { + position: relative; + margin-bottom: -45px; + } + +.a2-txt-quote.ico-40 [class*="flaticon-"]:before, +.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; } + +/*------------------------------------------*/ +/* ABOUT TYPOGRAPHY +/*------------------------------------------*/ + +#about-1 .txt-block p { + margin-bottom: 0; +} + +#about-4 .txt-block p { + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* ABOUT 2 AUTHOR +/*------------------------------------------*/ + +.a2-txt-author { + line-height: 1.45; + font-weight: 500; + margin-top: 18px; + margin-bottom: 0; +} + +.a2-txt-author span { + display: block; + font-weight: 300; +} + +/*------------------------------------------*/ +/* ABOUT 2 IMAGES +/*------------------------------------------*/ + +.about-3-images { + padding: 0 5%; +} + +.about-2-img { + overflow: hidden; +} + +.about-3-img { + overflow: hidden; + height: 460px; +} + +.a-2-1 { + margin-left: 13%; + margin-bottom: 30px; +} + +.a-2-2 { + margin-left: -10%; +} + +.a-2-3 { + margin-right: -10%; + margin-bottom: 30px; +} + +.a-2-4 { + margin-right: -10%; +} + +#a4-1 { + position: relative; + padding-right: 30px; + margin-top: -30px; +} + +#a4-2 { + position: relative; + padding-left: 30px; + margin-bottom: -30px; +} + + + + +/* ========================================================================== + 07. FEATURES + ========================================================================== */ + +#features-12.py-100.shape--bg:after, +#features-12.pt-100.shape--bg:after, +#features-13.py-100.shape--bg:after, +#features-13.pt-100.shape--bg:after { + position: absolute; + content: ''; + z-index: -1; +} + +#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; } +#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; } +#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; } +#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; } + +.rows-2 .fb-1, +.rows-2 .fb-2, +.rows-2 .fb-3 { + margin-bottom: 50px; +} + +.rows-2 .fbox-7.fb-1, +.rows-2 .fbox-7.fb-2, +.rows-2 .fbox-7.fb-3, +.rows-2 .fbox-9.fb-1, +.rows-2 .fbox-9.fb-2, +.rows-2 .fbox-9.fb-3, +.rows-3 .fb-1, .rows-3 .fb-2, +.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; } + +.rows-3 .fb-3.fbox-11-lst, +.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; } + +.fbox-14-wrapper { + padding: 80px 70px; +} + +.fbox-14-wrapper .col { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.row-cols-md-3 .fbox-4 { padding: 50px 35px; } +.row-cols-md-2 .fbox-4 { padding: 35px 20px; } + +.fbox-5 { padding: 60px; } + +.fbox-7 { + border: 2px solid #eee; + padding: 55px 40px 50px; +} + +.row-cols-md-2 .fbox-7 { + padding: 35px 20px 30px; +} + +.fbox-8 { padding: 55px 40px; } +.fbox-8.bg--white-100 { padding: 60px 40px; } + +.fbox-9 { + border: 2px solid #eee; + padding: 40px 40px 35px; +} + +.fbox-14 { + border: 2px solid #eee; + padding: 40px 30px 35px; +} + +/*------------------------------------------*/ +/* FEATURE BOX IMAGE +/*------------------------------------------*/ + +.fbox-img img { + width: auto; + max-width: inherit; +} + +.fbox-img.h-135 img { max-height: 135px; } +.fbox-img.h-140 img { max-height: 140px; } +.fbox-img.h-145 img { max-height: 145px; } +.fbox-img.h-150 img { max-height: 150px; } +.fbox-img.h-155 img { max-height: 155px; } +.fbox-img.h-160 img { max-height: 160px; } +.fbox-img.h-165 img { max-height: 165px; } +.fbox-img.h-170 img { max-height: 170px; } +.fbox-img.h-175 img { max-height: 175px; } +.fbox-img.h-180 img { max-height: 180px; } + +/*------------------------------------------*/ +/* FBOX-1 IMAGE +/*------------------------------------------*/ + +.fbox-1 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-1 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-2 IMAGE +/*------------------------------------------*/ + +.fbox-2 .fbox-img { + -webkit-border-radius: 12px 12px 0 0; + -moz-border-radius: 12px 12px 0 0; + -o-border-radius: 12px 12px 0 0; + border-radius: 12px 12px 0 0; +} + +.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, +.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } + +.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; } +.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } +.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } +.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; } +.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; } + +.fbox-2 .fbox-img img { + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* FBOX-3 IMAGE +/*------------------------------------------*/ + +.fbox-3 .fbox-img { + overflow: hidden; +} + +.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; } +.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; } +.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; } +.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; } + +.row-cols-md-2 .fbox-3 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-4 IMAGE +/*------------------------------------------*/ + +.fbox-4 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-4 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-5 IMAGE +/*------------------------------------------*/ + +.fbox-5.fb-1 .fbox-5-img, +.fbox-5.fb-5 .fbox-5-img, +.fbox-5.fb-6 .fbox-5-img { + margin: 40px 5% 0; +} + +.fbox-5.fb-2 .fbox-5-img, +.fbox-5.fb-3 .fbox-5-img, +.fbox-5.fb-4 .fbox-5-img { + margin: 0 5% 40px; +} + +/*------------------------------------------*/ +/* FEATURE BOX VECTOR ICON +/*------------------------------------------*/ + +.fbox-ico, +.fbox-ico.ico-rounded { + margin-bottom: 20px; +} + +.fbox-ico.ico-rounded-md, +.fbox-ico.ico-rounded-lg { + margin-bottom: 25px; +} + +.fbox-11 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.fbox-ico-wrap { + position: relative; + margin-right: 25px; +} + +.rows-2 .fbox-ico-wrap { + margin-right: 20px; +} + +.fbox-11 .fbox-ico { + margin-top: 4px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.fbox-11 .fbox-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +/*------------------------------------------*/ +/* FEATURE BOX TITLE +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-lg-3 .fbox-title { + margin-bottom: 10px; +} + +.fbox-title span { + float: left; + line-height: 1!important; + margin-right: 15px; +} + +.fbox-title h6 { + line-height: 2.1875rem!important; + margin-bottom: 0; +} + +.fbox-title.ico-30 h6 { + line-height: 1.875rem!important; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* FEATURE BOX TYPOGRAPHY +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-md-3 h6 { + margin-bottom: 15px; +} + +.rows-2 .fbox-11 h6, +.fbox-wrapper .row-cols-md-2 h6 { + margin-bottom: 10px; +} + +.fbox-wrapper p { + margin-bottom: 0; +} + +.fbox-5 h5 { + margin-bottom: 15px; +} + +.fbox-14 h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FEATURE-12 +/*------------------------------------------*/ + +.fbox-12-wrapper { + padding-left: 45px; +} + +.fbox-13-wrapper { + padding-right: 45px; +} + +.fbox-12, +.fbox-13 { + padding: 32px 35px; +} + +.fbox-12 h5, +.fbox-13 h5 { + margin-top: 20px; + margin-bottom: 10px; +} + +.fbox-12 p, +.fbox-13 p, +.fbox-14 p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 08. CONTENT + ========================================================================== */ + +.ct-06 { + margin-bottom: 80px; +} + +.ct-07 { + margin-top: 80px; +} + +.ct-10 .section-overlay { + margin-bottom: 100px; +} + +.ct-11, +.ct-12 { + padding: 60px 0; +} + +.ct-11:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; +} + +.ct-12:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 50%; + background-color: #fff; +} + +/*------------------------------------------*/ +/* CONTENT BOX WRAPPER +/*------------------------------------------*/ + +.bc-1-wrapper .section-overlay, +.bc-4-wrapper .section-overlay, +.bc-6-wrapper .section-overlay { + padding: 80px 70px; +} + +.bc-2-wrapper .section-overlay, +.bc-3-wrapper .section-overlay, +.bc-5-wrapper .section-overlay { + padding: 80px 70px 0; +} + +.bc-6 { + padding: 40px 35px; +} + +.cbox-6-wrapper { + padding: 60px 40px; +} + +.content-section .cbox-6-wrapper { + padding: 80px 70px; +} + +.bc-5-wrapper .section-title p { + padding: 0; +} + +/*------------------------------------------*/ +/* TEXT BLOCK +/*------------------------------------------*/ + +.txt-box { + margin-bottom: 20px; +} + +.txt-box:last-child { + margin-bottom: 0; +} + +.bc-3-txt, +.ct-06 .txt-block, +.bc-2-wrapper .txt-block { + margin-top: -40px; +} + +.bc-2-txt, +.ct-07 .txt-block { + margin-top: 40px; +} + +.bc-1-wrapper .txt-block.pr-25.left-column, +.bc-2-wrapper .txt-block.pr-25.left-column { + padding-right: 25px; +} + +.bc-1-wrapper .txt-block.pl-25.right-column, +.bc-2-wrapper .txt-block.pl-25.right-column { + padding-left: 25px; +} + +.ct-11 .txt-block { + padding-right: 50px; +} + +.ct-12 .txt-block { + padding-left: 70px; +} + +.ct-13 .txt-block h5 { + padding-right: 6%; +} + +/*------------------------------------------*/ +/* TEXT BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.bc-2-txt h2, +.bc-3-txt h2, +.bc-4-txt h2, +.txt-block h3, +.txt-block h2 { + margin-bottom: 26px; +} + +.txt-block h5 { + margin-bottom: 20px; +} + +h5.h5-title { + margin-top: 20px; + margin-bottom: 20px; +} + +.txt-block .btn, +.txt-block .btns-group .btn.btn--transparent { + margin-top: 25px; +} + +.txt-block .btn.btn--transparent { + margin-top: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX +/*------------------------------------------*/ + +.cbox-1, +.cbox-2, +.cbox-3 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.cbox-5 { + position: relative; +} + +.cbox-5-content { + background-color: #fff; + border: 1px solid #f5f6f6; + padding: 40px; + margin: 0 12%; + z-index: 1; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.cbox-5-content .divider { + margin-top: 25px; + margin-bottom: 25px; +} + +#cb-6-1, #cb-6-2 { + margin-bottom: 35px; +} + +/*------------------------------------------*/ +/* CONTENT BOX TITLE +/*------------------------------------------*/ + +.box-title h6, +.box-title h5 { + display: inline-block; + line-height: 2.35rem!important; + margin-bottom: 15px; +} + +.box-title span { + position: relative; + top: 12px; + margin-right: 10px; +} + +.box-title span[class*="flaticon-"]:before, +.box-title span[class*="flaticon-"]:after { + font-size: 2.35rem; +} + +.txt-block .cbox-5-title h2 { + font-size: 3.5rem; + letter-spacing: -1px; + line-height: 1; + margin-bottom: 10px; +} + +.cbox-5-title .statistic-number sup { + font-size: 3rem; + top: -5px; + right: 6px; +} + +.cbox-5-title .ico-15 [class*="flaticon-"]:before, +.cbox-5-title .ico-15 [class*="flaticon-"]:after { + font-size: 0.875rem; + line-height: 1!important; +} + +.cbox-5-title p.p-lg { + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* CONTENT BOX ICON +/*------------------------------------------*/ + +.cbox-1 .ico-wrap { + margin-left: 8px; +} + +.cbox-1.ico-10 span { + position: relative; + top: 0; + right: 7px; +} + +.cbox-1.ico-15 span { + position: relative; + top: 1px; + right: 8px; +} + +.cbox-1.ico-10 [class*="flaticon-"]:before, +.cbox-1.ico-10 [class*="flaticon-"]:after { + font-size: 0.6rem; +} + +.cbox-1.ico-15 [class*="flaticon-"]:before, +.cbox-1.ico-15 [class*="flaticon-"]:after { + font-size: 0.75rem; +} + +/*------------------------------------------*/ +/* CBOX #2 +/*------------------------------------------*/ + +.cbox-2 .ico-wrap { + position: relative; + margin-right: 1.625rem; +} + +.cbox-2-ico { + position: relative; + width: 2.625rem; + height: 2.625rem; + text-align: center; + border-radius: 100%; + font-size: 1.1875rem; + font-weight: 500; + line-height: 2.375rem; + border: 2px solid transparent; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.ct-03 .cbox-2-ico { + position: relative; + width: 2.35rem; + height: 2.35rem; + font-size: 1.15rem; + line-height: 2.15rem; +} + +.cbox-2-line { + position: absolute; + bottom: 20px; + left: 50%; + width: 2px; + background-color: #e4e4e4; + height: calc(100% - 90px); + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.cbox-2:hover .cbox-2-ico { + background-color: transparent; + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} + +.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; } +.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; } +.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; } + +.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; } +.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; } +.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; } + +.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; } +.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; } +.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; } + +.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; } +.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; } +.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; } + +.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; } +.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; } +.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; } + +.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; } +.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; } +.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; } + +.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; } +.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; } +.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* CBOX #3 +/*------------------------------------------*/ + +.cbox-3 .ico-wrap { + position: relative; + text-align: center; + margin-top: 0; + margin-right: 1.15rem; +} + +.cbox-3 .cbox-3-ico { + position: relative; + top: 3px; +} + +.cbox-3-ico span[class*="flaticon-"]:before, +.cbox-3-ico span[class*="flaticon-"]:after { + font-size: 2.85rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX TEXT +/*------------------------------------------*/ + +.cbox-1-txt, +.cbox-2-txt, +.cbox-3-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.cbox-2-txt, +.cbox-3-txt { + margin-bottom: 35px; +} + +.ct-03 .cbox-2-txt { + margin-bottom: 30px; +} + +.cbox-4-txt { + margin-bottom: 25px; +} + +.cbox-2:last-child .cbox-2-txt, +.cbox-3:last-child .cbox-3-txt, +.cbox-4:last-child .cbox-4-txt { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX FEATURE +/*------------------------------------------*/ + +.cbox-5-fea { + padding: 20px 25px; + margin-top: 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.txt-block .cbox-5-fea h4 { + line-height: 1; + margin-bottom: 3px; +} + +.cbox-5-fea p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX TYPOGRAPHY +/*------------------------------------------*/ + +.cbox-2-txt h5, +.cbox-3-txt h5 { + margin-bottom: 15px; +} + +.ct-03 .cbox-2-txt h5 { + margin-bottom: 10px; +} + +.cbox-6 h6 { + margin-bottom: 15px; +} + +.cbox-1-txt p { + margin-bottom: 8px; +} + +.cbox-1-last .cbox-1-txt p { + margin-bottom: 1rem; +} + +.cbox-6 p, +.cbox-2-txt p, +.cbox-3-txt p, +.cbox-4-txt p { + margin-bottom: 0; +} + +.bc-6-txt { + padding: 0 10px; +} + +.bc-6-txt h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* ACCORDION +/*------------------------------------------*/ + +.txt-block .accordion-1 .accordion-item { + background-color: transparent; + padding: 25px 30px; + border: none; +} + +.txt-block .accordion-2 .accordion-item { + background-color: transparent; + padding: 15px 0 25px; + border: none; + border-top: 1px solid #ccc; + border-radius: 0 0; +} + +.txt-block .accordion-2 .accordion-item:last-child { + border-bottom: 1px solid #ccc; +} + +.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; } +.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; } +.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } +.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; } +.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; } +.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; } +.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; } +.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; } + +.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } +.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } +.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } +.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } +.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } +.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; } +.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; } + +.txt-block .accordion-thumb { + margin: 0; + padding: 0; + cursor: pointer; + position: relative; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + color: #6c757d; + font-family: Flaticon; + position: absolute; + color: #353f4f; + font-weight: 400; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before { + content: "\f11a"; + font-size: 0.95rem; + top: 1px; + left: 0; +} + +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f110"; + font-size: 0.95rem; + top: 12px; + right: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active { + background-color: #f4f4f9; + padding: 35px 30px 19px 30px; + margin-bottom: 15px; + margin-top: 15px; +} + +.txt-block .accordion-2 .accordion-item.is-active { + background-color: transparent; + margin-bottom: 0; + margin-top: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before { + content: "\f11b"; +} + +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f111"; +} + +.txt-block .accordion-1 .accordion-panel { + color: #6c757d; + margin: 0; + padding: 0 0 0 25px; + display: none; +} + +.txt-block .accordion-2 .accordion-panel { + color: #6c757d; + margin: 15px 0 0 0; + display: none; +} + +.txt-block .accordion-1 .accordion-thumb h5 { + color: #353f4f; + line-height: 1; + padding-left: 28px; + margin-bottom: 0; +} + +.txt-block .accordion-2 .accordion-thumb h5 { + color: #353f4f; + display: inline-block; + line-height: 1; + padding-left: 10px; + margin-bottom: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { + margin-bottom: 20px; +} + +.accordion-2 .accordion-thumb span[class*="flaticon-"]:before, +.accordion-2 .accordion-thumb span[class*="flaticon-"]:after { + color: #6c757d; + position: relative; + font-size: 2.1875rem; + top: 10px; +} + +.txt-block .accordion-2 .accordion-panel .simple-list li { + margin-bottom: 1rem; +} + +.txt-block .accordion-2 .accordion-panel p, +.txt-block .accordion-2 .accordion-panel .simple-list li:last-child { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TABS +/*------------------------------------------*/ + +#tabs-1 .tabs-nav { + text-align: center; +} + +.tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +#tabs-1 .tab-content { + display: none; +} + +#tabs-1 .tab-content.current { + display: inherit; +} + +.tabs-1 li { + display: inline-block; + margin: 0 20px; + color: #aaa; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + padding: 0 2px 10px; + background-color: transparent; + border-bottom: 3px solid transparent; + cursor: pointer; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* TAB LINK HOVER / CURRENT +/*------------------------------------------*/ + +.tabs-1 li:hover { + color: #888; + border-color: #ccc; +} + +.tabs-1 li.current, +.tabs-1 li.current:hover { + color: #2b3648; + border-color: #2b3648; +} + +.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; } +.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; } +.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; } + +.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; } +.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; } +.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; } + +.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; } +.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; } +.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; } + +.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; } +.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; } +.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; } + +.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; } +.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; } +.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; } + +.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; } +.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; } +.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; } + +.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; } +.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; } +.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* ADVANTAGES LIST +/*------------------------------------------*/ + +.advantages { + margin-top: 15px; +} + +.text-center .advantages { + margin-top: 20px; +} + +.advantages li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.advantages-links-divider { + position: relative; + top: 0.5px; + transform: rotate(-90deg); +} + +.advantages li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.advantages.ico-15 li p span { + position: relative; + top: 2px; + right: -1px; +} + +.advantages.ico-15 [class*="flaticon-"]:before, +.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.advantages li p a { + font-weight: 400; + text-decoration: underline; +} + +.advantages li p a:hover { + text-decoration: underline; +} + +.white--color .advantages li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* COMPATABILITY +/*------------------------------------------*/ + +.compatibility { + display: inline-block; + padding: 3px 20px; + margin-top: 15px; + margin-bottom: 0; +} + +.compatibility span { + position: relative; + top: -1.5px; + right: 2px; +} + +.compatibility.ico-10 [class*="flaticon-"]:before, +.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; } + +/*------------------------------------------*/ +/* TOOLS LIST / PAYMENT METHODS +/*------------------------------------------*/ + +.tools-list, +.payment-methods { + margin-top: 25px; +} + +.tools-list p, +.payment-methods p { + font-weight: 400; + margin-bottom: 12px; +} + +.tools-list.ico-35 [class*="flaticon-"]:before, +.tools-list.ico-35 [class*="flaticon-"]:after { + line-height: 2.1875rem!important; + margin-right: 6px; +} + +/*------------------------------------------*/ +/* Payment Icons +/*------------------------------------------*/ + +.payment-icons li { + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; + padding-right: 5px; +} + +.payment-icons li:last-child { + padding-right: 0; +} + +.payment-icons img { + width: auto; + max-width: inherit; + max-height: 32px; +} + +/*------------------------------------------*/ +/* QUOTE +/*------------------------------------------*/ + +.quote p { + color: #666; + border-left: 3px solid #0195ff; + font-style: italic; + padding-left: 20px; + margin-bottom: 12px; +} + +/*------------------------------------------*/ +/* Quote Avatar +/*------------------------------------------*/ + +.quote-avatar { + display: inline-block; + margin: 0 auto; +} + +.quote-avatar img { + width: 70px; + height: 70px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +/*------------------------------------------*/ +/* Quote Author +/*------------------------------------------*/ + +.quote-author { + position: relative; + display: inline-block; + padding: 0 0 0 15px; + text-align: left; + top: 16px; +} + +.quote-author h6 { + margin-bottom: 0; +} + +.quote-author span { + font-size: 1rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX SHAPES +/*------------------------------------------*/ + +.cbox-5-shape-1 { + position: absolute; + right: 30px; + top: -35px; + z-index: -1; +} + +.cbox-5-shape-2 { + position: absolute; + left: 30px; + bottom: -25px; + z-index: -1; +} + +.cbox-5-shape-1 img, +.cbox-5-shape-2 img { + height: 100%; + width: 100%; + object-fit: cover; +} + +/*------------------------------------------*/ +/* IMG BLOCK IMAGE +/*------------------------------------------*/ + +.grey-img { + filter: grayscale(100%); +} + +.img-block { + text-align: center; +} + +.img-block.img-block-bkg { + overflow: hidden; +} + +.img-block.img-block-bkg img { + padding: 60px 45px; +} + +.ct-10 .img-block, +.img-block-hidden, +.bc-5-img.bc-5-dashboard.img-block-hidden { + margin-bottom: -100px; +} + +.ct-05 .img-block-hidden { + margin-bottom: -30px; +} + +.bc-5-img.bc-5-tablet.img-block-hidden { + margin-bottom: -200px; +} + +.img-block-hidden .video-btn, +.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { + top: calc(50% - 30px); +} + +.bc-5-img.bc-5-tablet.img-block-hidden .video-btn { + top: calc(50% - 70px); +} + +.ct-01 .img-block, +.ct-04 .img-block { + margin-left: 30px; +} + +.ct-02 .img-block { + margin-right: 30px; +} + +.ct-03 .img-block.right-column { + margin-left: 20px; +} + +.ct-03 .img-block.left-column { + margin-right: 20px; +} + +.ct-04 .img-block img { + max-width: none; + display: inline-block; +} + +.ct-06 .img-block { + margin-bottom: -80px; +} + +.ct-07 .img-block { + margin-top: -80px; +} + +.img-block-txt, +.img-block-btn { + margin-top: 60px; +} + +.bc-1-wrapper .img-block.left-column, +.bc-2-wrapper .img-block.left-column { + padding-right: 10px; +} + +.bc-1-wrapper .img-block.right-column, +.bc-2-wrapper .img-block.right-column { + padding-left: 10px; +} + +.bc-2-img { + margin-left: 15px; +} + +.bc-3-img { + margin: 0 -65% -25px 15px; +} + +.bc-4-img { + margin-left: 15px; + margin-right: -65%; +} + +.bc-6-img { + padding: 50px 30px 0; + margin-bottom: 35px; +} + +.ct-11 .img-block { + position: relative; + text-align: center; + padding-left: 70px; + z-index: 2; +} + +.ct-12 .img-block { + position: relative; + text-align: center; + padding-right: 70px; + z-index: 2; +} + +.ct-11 .img-block .tra-bkg, +.ct-12 .img-block .tra-bkg { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + + + + +/* ========================================================================== + 09. STATISTIC + =========================================================================== */ + +.sb-rounded .statistic-block { + padding: 35px 25px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK +/*------------------------------------------*/ + +#sb-2-1, +#sb-2-2 { + width: 48%; + display: inline-block; + float: left; +} + +#sb-2-3, #sb-2-4 { + display: inline-block; + float: left; + padding-right: 15px; +} + +#sb-2-3 { width: 45%; } +#sb-2-4 { width: 55%; } + +#sb-2-3 .statistic-block, +#sb-2-4 .statistic-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +#sb-2-3 .statistic-block-txt, +#sb-2-4 .statistic-block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 15px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-1-wrapper .statistic-block-digit { + width: 35%; + display: inline-block!important; + float: left; +} + +.statistic-1-wrapper .statistic-block-txt { + width: 65%; + display: inline-block!important; + padding-left: 20px; +} + +#statistic-5 .statistic-digit { + padding-bottom: 20px; + margin: 0 100px 20px 0; + border-bottom: 1px solid #999; +} + +#statistic-5 .color--white .statistic-digit { + border-bottom: 1px solid rgba(255, 255, 255, .8); +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-ico { + margin-bottom: 10px; +} + +h2.statistic-number { + line-height: 1; + font-weight: 700; + letter-spacing: -1px; + margin-bottom: 0; +} + +#sb-2-1 h2.statistic-number, +#sb-2-2 h2.statistic-number { + margin-bottom: 15px; +} + +#sb-2-3 h2.statistic-number span, +#sb-2-4 h2.statistic-number span { + font-size: 2rem; +} + +#statistic-5 .statistic-digit h2 { + letter-spacing: -1.5px; +} + +#statistic-5 .statistic-txt h5 { + line-height: 1; + margin-bottom: 12px; +} + +.statistic-block-txt p.p-md { + line-height: 1.35; + margin-bottom: 0; +} + +#sb-2-1 .statistic-block p.p-sm, +#sb-2-2 .statistic-block p.p-sm { + line-height: 1.4; + margin-bottom: 0; +} + +#sb-2-3 .statistic-block p.p-sm, +#sb-2-4 .statistic-block p.p-sm { + margin-top: 3px; + line-height: 1.5; + margin-bottom: 0; +} + +.statistic-3-wrapper p { + line-height: 1; + margin-top: 15px; + margin-bottom: 0; +} + +.statistic-3-wrapper p.p-md { + line-height: 1; + margin-top: 22px; + margin-bottom: 0; +} + +.statistic-4-wrapper p { + line-height: 1; + margin-bottom: 14px; +} + +#statistic-5 .statistic-txt p { + padding-right: 3%; + margin-bottom: 0; +} + +.txt-block-stat .statistic-block .txt-block-rating { + margin-top: -4px; + margin-bottom: -3px; +} + +.txt-block-stat .ico-15 [class*="flaticon-"]:before, +.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; } + + + + +/* ========================================================================== + 10. PROJECTS + ========================================================================== */ + +.projects-wrapper { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +#pt-1-1, #pt-1-2, +.inner-page-hero #pt-1-3, +.inner-page-hero #pt-1-4 { + margin-bottom: 50px; +} + +.project-details h5 { + line-height: 1; + margin-bottom: 30px; +} + +.project-preview { + position: relative; + overflow: hidden; +} + +/*------------------------------------------*/ +/* Image Link +/*------------------------------------------*/ + +.project-link { + width: 100%; + position: absolute; + top: 55%; + transform: translateY(-50%); + opacity: 0; + text-align: center; + color: #fff; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Overlay +/*------------------------------------------*/ + +.hover-overlay { + width: 100%; + height: auto; + overflow: hidden; + position: relative; +} + +.hover-overlay img { + transform: scale(1); + -ms-transform: scale(1); + -webkit-transform: scale(1); + -o-transform: scale(1); + -moz-transform: scale(1); + overflow: hidden; + -webkit-transition: transform 400ms; + -moz-transition: transform 400ms; + -o-transition: transform 400ms; + transition: transform 400ms; +} + +/*------------------------------------------*/ +/* Overlay Background +/*------------------------------------------*/ + +.item-overlay { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(20, 20, 20, .25); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Effect +/*------------------------------------------*/ + +.project-preview:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.project-preview:hover .project-link { + top: 50%; + opacity: 1; + -moz-opacity: 1; +} + +.project-preview:hover .item-overlay { + opacity: 1; + -moz-opacity: 1; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.more-projects { + text-align: center; + margin-top: 70px; +} + + + + +/* ========================================================================== + 11. PROJECT DETAILS + ========================================================================== */ + +.single-project .project-title { + margin-bottom: 80px; +} + +.project-title h2 { + padding-right: 5%; + padding-bottom: 40px; + margin-bottom: 35px; + border-bottom: 1px solid #ddd; +} + +.project-data p { + margin-bottom: 4px; +} + +.project-data p span { + color: #353f4f; + font-weight: 500; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.project-description .more-projects { + margin-top: 65px; +} + +.project-description .more-projects h3 { + display: inline-block; + text-decoration: underline; + margin-bottom: 0; +} + +.project-description .more-projects span { + color: #353f4f; + position: relative; + top: 2px; + left: 5px; +} + + + + +/* ========================================================================== + 12. RATING + =========================================================================== */ + +.rating-section .rating-1-wrapper { + padding: 0 16%; +} + +.rating-section .rating-2-wrapper { + padding: 0 4%; +} + +.rating-title { + text-align: center; +} + +.rating-title h5 { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* RATING BOX +/*------------------------------------------*/ + +.rbox-1, +.rbox-2 { + text-align: center; +} + +/*------------------------------------------*/ +/* RATING BOX LOGO +/*------------------------------------------*/ + +.rbox-1-img { + margin-bottom: 20px; +} + +.rbox-1-img img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.rbox-2-txt img { + position: relative; + display: inline-block; + width: auto; + max-width: inherit; + max-height: 30px; + top: -1px; + left: 4px; +} + +/*------------------------------------------*/ +/* RATING BOX TYPOGRAPHY +/*------------------------------------------*/ + +.rbox-2-txt { + margin-top: 20px; +} + +.rbox-1 .star-rating { + display: inline-block; + font-size: 17px; + line-height: 15px; + font-weight: 500; + vertical-align: inherit; + border: 1px solid #f5f5f5; + padding: 5px 18px; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +.rbox-1 .star-rating span { + position: relative; + color: #ffb30c; + top: 1.5px; +} + +.rbox-1 .star-rating { + font-size: 0.86rem; + line-height: 1; +} + +p.rbox-2-txt { + line-height: 22px; + margin-top: 8px; + margin-bottom: 0; +} + +p.rbox-2-txt span { + font-weight: 500; +} + + + + +/* ========================================================================== + 13. TESTIMONIALS + =========================================================================== */ + +.reviews-2-wrapper { + padding: 0 10px; +} + +.reviews-3-wrapper { + padding: 0 20px; +} + +.reviews-4-wrapper, +.reviews-5-wrapper { + padding-left: 40px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL +/*------------------------------------------*/ + +.review-1 { + padding: 40px 40px 30px; + margin: 0 10px 30px; +} + +.review-1.block-border { + border-color: #d2d2d2; +} + +.review-2 { + padding: 45px 50px 35px; +} + +.review-3 { + padding: 45px 50px 40px; +} + +.review-4 { + padding: 40px 45px 30px; +} + +.review-5 { + padding: 45px 45px 40px; +} + +#rw-2-1, #rw-2-2 { + margin-bottom: 20px; +} + +.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 { + margin-bottom: 20px; +} + +#rw-3-2 { + margin-bottom: 45px; +} + +#rw-3-2, #rw-3-3 { + margin-left: 15px; +} + +#rw-4-1, +#rw-5-1 { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL TEXT +/*------------------------------------------*/ + +.review-ico { + position: relative; + margin-top: -25px; + margin-left: -10px; + opacity: .1; +} + +.review-txt { + position: relative; + margin-top: -45px; +} + +.review-txt h6 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL DATA +/*------------------------------------------*/ + +.review-1 .author-data { + margin-top: 22px; +} + +.review-2 .author-data { + margin-top: 15px; +} + +.review-3 .author-data { + margin-top: 20px; +} + +.review-avatar { + margin: 0 auto; + float: left; +} + +.review-avatar img, +.owl-item .review-avatar img { + width: 54px; + height: 54px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.review-2 .review-avatar img { + width: 64px; + height: 64px; +} + +.review-3 .review-avatar img, +.review-5 .review-avatar img { + width: 62px; + height: 62px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL AUTHOR +/*------------------------------------------*/ + +.review-author { + position: relative; + display: inline-block; + text-align: left; + padding: 0 0 0 15px; +} + +.review-1 .review-author { + margin-top: 4px; +} + +.review-2 .review-author { + margin-top: 10px; +} + +.review-3 .review-author { + margin-top: 8px; +} + +.review-5 .review-author { + margin-top: 8px; +} + +.review-4 .review-author { + padding-left: 0; + margin-top: 0; +} + +.review-author h6 { + line-height: 1; + margin-bottom: 8px; +} + +.review-1 .review-author h6 { + font-size: 0.975rem; +} + +.review-author p { + line-height: 1; + font-weight: 300; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TESTIMONIAL CAROUSEL DOTS +/*------------------------------------------*/ + +.reviews-section button { + background-color: transparent; + border: none; + padding: 0 2px; +} + +.owl-theme .owl-dots .owl-dot span { + margin: 0 7px; +} + +.owl-dots button:focus { + outline: none; + text-decoration: none; +} + + + + +/* ========================================================================== + 14. PRESS + =========================================================================== */ + +/*------------------------------------------*/ +/* PRESS LOGO +/*------------------------------------------*/ + +.press-logo img { + position: relative; + width: auto; + max-width: inherit; + max-height: 82px; +} + +/*------------------------------------------*/ +/* PRESS TEXT +/*------------------------------------------*/ + +.press-txt { + position: relative; + margin-top: 15px; +} + +.press-txt p { + color: #999; + font-weight: 400; + margin-bottom: 0; +} + +.press-txt span { + position: relative; + top: 3px; + left: -1px; + opacity: .6; +} + +.press-txt.ico-20 [class^="flaticon-"]:before, +.press-txt.ico-20 [class^="flaticon-"]:after { + font-size: 1.375rem; +} + + + + +/* ========================================================================== + 15. BRANDS + =========================================================================== */ + +#brands-3 { + position: relative; +} + +#brands-3:after { + position: absolute; + content: ''; + width: 100%; + height: 80%; + top: 0; + left: 0; + z-index: -1; +} + +/*------------------------------------------*/ +/* BRANDS SECTION TITLE +/*------------------------------------------*/ + +.brands-title { + text-align: center; + padding: 0 5%; +} + +.brands-title h4, +.brands-title h3, +.brands-title h2 { + margin-bottom: 8px; +} + +.brands-title p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* BRANDS LOGO WRAPPER +/*------------------------------------------*/ + +.brands-3-wrapper { + padding: 50px 30px; + background-color: #fff; + border: 1px solid #e9ecef; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} + +/*------------------------------------------*/ +/* BRANDS LOGO IMAGE +/*------------------------------------------*/ + +.brand-logo { + overflow: hidden; + position: relative; + top: 0; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +#brands-1 .brands-carousel-5 .brand-logo { + padding: 0 30px; +} + +#brands-1 .brands-carousel-6 .brand-logo { + padding: 0 20px; +} + +#brands-1 .justify-content-center .brand-logo { + padding: 0 15px; +} + +#brands-2 .brand-logo { + padding: 0; +} + +#brands-3 .brand-logo { + padding: 0 25px; +} + +#brands-3 .brands-3-static .brand-logo { + padding: 0 15px; +} + +#brands-4 .brand-logo { + padding: 0 20px; +} + +.brand-logo:hover { + top: -6px; +} + +.brands-section .more-btn { + text-align: center; + margin-top: 40px; +} + +.hero-section .owl-dots, +.brands-section .owl-dots { + display: none; +} + + + + +/* ========================================================================== + 16. INTEGRATIONS + =========================================================================== */ + +.integrations-2-wrapper { + padding: 80px 70px; +} + +.in_tool_logo { + padding: 50px 30px; + margin-bottom: 25px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.integrations-1-wrapper .in_tool-logo { + position: relative; + margin-right: 20px; +} + +.integrations-1-wrapper .in_tool { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + padding: 22px 20px; + border: 1px solid #ccc; +} + +.integrations-1-wrapper .in_tool-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.in_tool h6 { + line-height: 1; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool-txt h6 { + margin-top: 5px; +} + +.integrations-1-wrapper .in_tool-txt p { + margin-top: 5px; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + + + + +/* ========================================================================== + 17. PRICING + =========================================================================== */ + +/*------------------------------------------*/ +/* Price Table +/*------------------------------------------*/ + +.p-table { + margin-bottom: 40px; +} + +.pricing-1-table { + padding: 50px 38px 45px; +} + +.text-center .pricing-1-table { + padding: 60px 35px 50px; +} + +.pricing-2-table { + padding: 45px 38px 50px; +} + +.pricing-3-table { + padding: 50px 40px; +} + +.pricing-4-table { + position: relative; + padding: 45px; +} + +#pt-4-1 { margin: 0 10px 40px 50px; } +#pt-4-2 { margin: 0 50px 40px 10px; } + +/*------------------------------------------*/ +/* TABLE HEADER +/*------------------------------------------*/ + +.pricing-table-header { + position: relative; +} + +.pricing-table-header h5 { + margin-bottom: 30px; +} + +.pricing-table-header h4 { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* PRICING TABLE DISCOUNT +/*------------------------------------------*/ + +.pricing-discount { + position: absolute; + top: -2px; + right: -10px; + padding: 8px 18px; +} + +.pricing-1-table .pricing-discount { + top: -2px; + right: -5px; + padding: 7px 13px; +} + +.text-center .pricing-1-table .pricing-discount { + top: -35px; + right: -8px; +} + +.pricing-discount h6 { + font-size: 1.1rem; + line-height: 1; + margin-bottom: 0; +} + +.pricing-1-table .pricing-discount h6 { + font-size: 0.915rem; +} + +.price.color--black .white--color { + color: #fff; +} + +.comp-table .table thead th { + border-color: #ccc; +} + +.comp-table tbody th { + border-bottom: 1px solid #ccc!important; +} + +.comp-table .table tr td { + border-bottom: 2px solid #ccc; +} + +/*------------------------------------------*/ +/* PRICE +/*------------------------------------------*/ + +.price span { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 3rem; + line-height: 1; + font-weight: 600; + letter-spacing: -2px; +} + +.pricing-2-table.highlight .price span { + font-size: 2.4rem; + letter-spacing: -1px; +} + +.pricing-3-table .price span { + font-size: 4.35rem; +} + +.pricing-4-table .price span { + font-size: 3.15rem; +} + +/*------------------------------------------*/ +/* DOLLAR SIGN +/*------------------------------------------*/ + +.price sup { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.05rem; + font-weight: 600; + top: -5px; + right: 2px; + letter-spacing: -1px; +} + +.pricing-3-table .price sup { + font-size: 2.35rem; + top: -23px; + right: 3px; +} + +.pricing-4-table .price sup { + font-size: 2.05rem; + top: -10px; + right: 2px; +} + +/*------------------------------------------*/ +/* COINS +/*------------------------------------------*/ + +.pricing-3-table .price sup.coins { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.35rem; + font-weight: 600; + top: -29px; + left: 3px; + letter-spacing: -2px; +} + +/*------------------------------------------*/ +/* Validity +/*------------------------------------------*/ + +.price sup.validity { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 1.4rem; + font-weight: 400; + top: -2px; + left: 0; +} + +.pricing-3-table .price sup.validity { + display: block; + font-size: 1.1875rem; + top: 0; + margin-top: 20px; + margin-bottom: 30px; + letter-spacing: 0; + margin-bottom: 40px; +} + +/*------------------------------------------*/ +/* Text +/*------------------------------------------*/ + +.price p { + margin-top: 25px; + margin-bottom: 25px; +} + +.pricing-2-table .price p { + margin-bottom: 15px; +} + +.text-center .price p { + padding: 0 2%; +} + +.pricing-section .btn-txt a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* PRICING TABLE HORIZONTAL LINE +/*------------------------------------------*/ + +.pricing-1-table hr { + margin-top: 35px; +} + +.pricing-2-table hr { + margin-top: 25px; +} + +/*------------------------------------------*/ +/* PRICING FEATURES +/*------------------------------------------*/ + +.pricing-features li { + padding: 11px 8px; +} + +.pricing-4-table .pricing-features li { + padding: 10px; +} + +.pricing-features li p { + line-height: 1; + font-weight: 400; + margin-bottom: 0; +} + +.pricing-features li p span { + position: relative; + top: -2px; + right: 5px; +} + +.pricing-features.ico-10 li p span { + top: 0; + right: 4px; +} + +.pricing-features.ico-5 [class*="flaticon-"]:before, +.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; } + +.pricing-features li.disabled-option p, +.pricing-features li.disabled-option span { + color: #b5b5b5!important; +} + +/*------------------------------------------*/ +/* PRICING TABLE BUTTON +/*------------------------------------------*/ + +.pt-btn { + display: block; + width: 100%; + margin-top: 25px; +} + +.p-table p.btn-txt { + margin: 14px 0 0 0; +} + +/*------------------------------------------*/ +/* PRICING TOGGLE BUTTON +/*------------------------------------------*/ + +.ext-toggle-btn { + text-align: center; +} + +.toggle-btn.inn-toggle-btn { + position: absolute; +} + +#pricing-4 .ext-toggle-btn { + margin: 0 50px 35px 10px; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON TYPOGRAPHY +/*------------------------------------------*/ + +.toggle-btn-md .toggler-txt { + font-size: 1.1rem; + font-weight: 400; + line-height: 36px; +} + +.toggle-btn-lg .toggler-txt { + font-size: 1.15rem; + font-weight: 400; + line-height: 40px; +} + +.toggle-btn p { + margin-top: 10px; + letter-spacing: -0.25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON SWITCHER +/*------------------------------------------*/ + +.switch-wrap { + position: relative; + display: inline-block; + min-width: 50px; + height: 32px; + vertical-align: middle; +} + +.toggle-btn-md .switch-wrap { + min-width: 65px; + height: 36px; + margin: 0 8px; +} + +.toggle-btn-lg .switch-wrap { + min-width: 70px; + height: 40px; + margin: 0 14px; +} + +.switcher { + display: block; + cursor: pointer; + color: #fff; + font-size: 0.925rem; + font-weight: 500; + height: 32px; + padding: 0 15px 0 35px; + position: relative; + border-radius: 32px; + -webkit-transition: all 150ms ease-in-out; + -moz-transition: all 150ms ease-in-out; + -o-transition: all 150ms ease-in-out; + -ms-transition: all 150ms ease-in-out; + transition: all 150ms ease-in-out; +} + +.toggle-btn-md .switcher { + height: 36px; + padding: 0 20px 0 40px; + border-radius: 36px; +} + +.toggle-btn-lg .switcher { + height: 40px; + padding: 0 20px 0 40px; + border-radius: 40px; +} + +.switcher.bg--tra-white { + background-color: #fff; + border: 2px solid #ccc; +} + +.switcher.bg--ghost-white { + background-color: rgba(128, 143, 174, .45); + border: 2px solid rgba(128, 143, 174, .15); +} + +.switcher.bg--grey { + background-color: #ccc; + border: 2px solid #ccc; +} + +.switcher .show-annual, +.switcher .show-monthly { + line-height: 32px; +} + +.toggle-btn-md .switcher .show-annual, +.toggle-btn-md .switcher .show-monthly { + line-height: 36px; +} + +.toggle-btn-lg .switcher .show-annual, +.toggle-btn-lg .switcher .show-monthly { + line-height: 40px; +} + +.switcher .show-monthly { + display: block; +} + +.switcher .show-annual { + display: none; +} + +.switcher:before { + position: absolute; + left: 4px; + bottom: 4px; + content: " "; + background-color: #fff; + width: 24px; + height: 24px; + border-radius: 50%; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.toggle-btn-md .switcher:before { + left: 5px; + bottom: 5px; + width: 26px; + height: 26px; +} + +.toggle-btn-lg .switcher:before { + left: 5px; + bottom: 5px; + width: 30px; + height: 30px; +} + +.switcher.bg--grey:before, +.switcher.bg--tra-white:before, +.switcher.bg--ghost-white:before { + background-color: #ccc; + left: 4px; + bottom: 3.5px; + -webkit-box-shadow: 0 1px 1px 0 #aaa; + -moz-box-shadow: 0 1px 1px 0 #aaa; + box-shadow: 0 1px 1px 0 #aaa; +} + +.switcher.bg--grey:before, +.switcher.bg--ghost-white:before { + background-color: #fff; +} + +.switch-wrap input { + display: none; +} + +.switch-wrap input:checked + .switcher { + padding: 0 35px 0 15px; +} + +.toggle-btn-md .switch-wrap input:checked + .switcher, +.toggle-btn-lg .switch-wrap input:checked + .switcher { + padding: 0 40px 0 20px; +} + +.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; } +.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; } +.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; } + +.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; } +.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; } +.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; } + +.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; } +.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; } +.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; } + +.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; } +.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; } +.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; } + +.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; } +.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; } +.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; } + +.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; } +.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; } +.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; } + +.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; } +.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; } +.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; } + +.switch-wrap input:checked + .switcher:before { + left: auto; + right: 4px; + -webkit-transition: all 350ms ease-in-out; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.switch-wrap input:checked + .switcher.bg--tra-white:before { + bottom: 3px; + background-color: #fff; + -webkit-box-shadow: 0 0; + -moz-box-shadow: 0 0; + box-shadow: 0 0; +} + +.switch-wrap input:checked + .switcher .show-annual { + display: block; +} + +.switch-wrap input:checked + .switcher .show-monthly { + display: none; +} + +/*------------------------------------------*/ +/* PRICING NOTICE TEXT +/*------------------------------------------*/ + +.pricing-notice { + text-align: center; + margin-top: 20px; +} + +.pricing-notice p { + padding: 0 8%; + margin-bottom: 0; +} + +.pricing-notice p span { + font-weight: 500; +} + +/*------------------------------------------*/ +/* COMPARE PRICING TABLE +/*------------------------------------------*/ + +.table>:not(caption)>*>* { + padding-top: 12px; + padding-bottom: 12px; +} + +.comp-table .pricing-header { + max-width: 700px; +} + +.comp-table .table-responsive thead th { + font-size: 1.15rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody th { + font-size: 1rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody td { + position: relative; + font-size: 1rem; + line-height: inherit; + top: 1px; +} + +.comp-table .table-responsive tbody td span { + position: relative; + top: 1px; +} + +.table-responsive .ico-15 [class*="flaticon-"]:before, +.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.table-responsive .ico-20 [class*="flaticon-"]:before, +.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; } + +.comp-table .table-responsive tbody tr { + background-color: #fff; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.comp-table .table tbody tr.table-last-tr { + border-color: transparent; +} + +.comp-table .table-responsive tbody tr:hover { + background-color: #f7f7f9; +} + +.comp-table .disabled-option { + color: #999; +} + +/*------------------------------------------*/ +/* PRICING COMPARE PAYMENT +/*------------------------------------------*/ + +.comp-table-payment h6 { + margin-bottom: 20px; +} + +.comp-table-payment p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 18. TEAM + =========================================================================== */ + +/*------------------------------------------*/ +/* TEAM MEMBER +/*------------------------------------------*/ + +#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; } +#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; } +#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; } + +/*------------------------------------------*/ +/* TEAM MEMBER PHOTO +/*------------------------------------------*/ + +.team-member-photo { + position: relative; + overflow: hidden; + text-align: center; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* PHOTO HOVER ZOOM +/*------------------------------------------*/ + +.team-member:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.team-member:hover .item-overlay { + opacity: .45; + -moz-opacity: .45; +} + +/*------------------------------------------*/ +/* TEAM MEMBER TYPOGRAPHY +/*------------------------------------------*/ + +.team-member-data { + position: relative; + margin-left: 5px; +} + +.team-member-data h6.s-20 { + margin-bottom: 8px; +} + +.team-member-data p { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1; + font-weight: 400; + letter-spacing: 0; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Team Member Social Links +/*------------------------------------------*/ + +ul.tm-social { + position: absolute; + top: -1px; + right: 8px; + -webkit-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} + +#team-1 ul.tm-social { + right: 5px; +} + +ul.tm-social li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; + margin-left: 10px; + opacity: .6; + -webkit-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; +} + +.tm-social.ico-20 [class*="flaticon-"]:before, +.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; } + + + + +/* ========================================================================== + 19. CAREERS + =========================================================================== */ + +/*------------------------------------------*/ +/* ROLE BOX +/*------------------------------------------*/ + +.role-box { + border: 1px solid #d2d2d2; + padding: 25px 35px; + margin-bottom: 30px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.role-box.bg--white-200, +.role-box.bg--white-300 { + border: 1px solid transparent; +} + +.role-box:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* ROLE BOX TEXT +/*------------------------------------------*/ + +.role-box span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.8rem; + line-height: 1; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 14px; +} + +.role-box h6 { + margin-bottom: 6px; +} + +.role-box p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 20. CAREER ROLE + =========================================================================== */ + +#role-page .inner-page-title { + text-align: left; + margin-bottom: 50px; +} + +#role-page .inner-page-title span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.9rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 35px; +} + +.role-info hr { + margin: 50px 0; +} + +#role-page .cbox-6-wrapper { + margin: 45px 0; +} + +.role-info h5 { + margin-bottom: 25px; +} + +.role-info p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-block.role-info .btn { + display: block; + margin-top: 50px; +} + + + + +/* ========================================================================== + 21. BANNER + =========================================================================== */ + +.banner-overlay { + width: 100%; + height: 100%; +} + +#banner-11 { + margin-top: 50px; +} + +#banner-12 { + margin-top: 40px; + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* BANNER WRAPPER +/*------------------------------------------*/ + +.banner-1-wrapper, +.banner-2-wrapper, +.banner-3-wrapper { + position: relative; + overflow: hidden; + text-align: center; +} + +.banner-1-wrapper .banner-overlay { + padding: 75px 15% 85px; +} + +.banner-2-wrapper .banner-overlay { + padding: 80px 15% 90px; +} + +.banner-3-wrapper .banner-overlay { + padding: 75px 20% 85px; +} + +.banner-11-wrapper .banner-overlay { + padding: 10px 70px 0; +} + +.banner-12-wrapper .banner-overlay { + padding-left: 80px; +} + +.banner-13-wrapper { + overflow: hidden; +} + +.banner-13-wrapper .banner-overlay { + overflow: hidden; + padding-left: 80px; +} + +.banner-16-wrapper .banner-overlay { + padding: 45px 22%; +} + +.banner-16-wrapper.bg--white-100.block-border { + border-color: #ccc; +} + +/*------------------------------------------*/ +/* BANNER TEXT +/*------------------------------------------*/ + +.banner-12-txt { + margin-top: -10px; + padding-right: 15%; +} + +.banner-13-txt { + padding-right: 15%; +} + +/*------------------------------------------*/ +/* BANNER TYPOGRAPHY +/*------------------------------------------*/ + +.banner-section .section-id { + font-weight: 600; + padding-top: 10px; + margin-bottom: 30px; +} + +.banner-1-txt h2 { + margin-bottom: 15px; +} + +.banner-2-txt h2 { + margin-bottom: 35px; +} + +.banner-4-txt h2 { + margin-bottom: 30px; +} + +.banner-7-txt h2 { + margin-bottom: 35px; +} + +.banner-10-txt h6 { + font-weight: 400; + margin-bottom: 12px; +} + +.banner-10-txt h2 { + margin-bottom: 25px; +} + +.banner-11-txt h2, +.banner-12-txt h2, +.banner-13-txt h2 { + margin-bottom: 22px; +} + +.banner-15-txt h2 { + margin-bottom: 45px; +} + +.banner-16-txt h4 { + margin-bottom: 14px; +} + +.banner-section p.p-lg { + font-size: 1.15rem; + margin-bottom: 30px; +} + +.banner-section p.p-xl { + margin-bottom: 25px; +} + +.sm-title .banner-1-txt p.p-lg, +.sm-title .banner-1-txt p.p-xl { + margin-top: 12px; + margin-bottom: 22px!important; +} + +.banner-3-txt p.p-lg, +.banner-3-txt p.p-xl, +.banner-5-txt p.p-lg, +.banner-5-txt p.p-xl { + margin-top: 20px; +} + +.banner-5-txt p.s-21, +.banner-5-txt p.s-22 { + margin-top: 20px; + margin-bottom: 26px; +} + +.banner-6-txt p.p-lg, +.banner-6-txt p.p-xl { + margin-top: 15px; + margin-bottom: 25px!important; +} + +.banner-8-txt p.p-lg, +.banner-8-txt p.p-xl { + margin-top: 10px; + margin-bottom: 0!important; +} + +.banner-9-txt p.p-lg, +.banner-9-txt p.p-xl { + margin-top: 20px; + margin-bottom: 25px!important; +} + +.banner-11-txt p { + padding-right: 8%; +} + +.banner-14-txt p.p-lg { + font-size: 1.25rem; + margin-top: 35px; + margin-bottom: 40px; +} + +.banner-15-txt p a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* BANNER IMAGE +/*------------------------------------------*/ + +.banner-11-img { + margin-top: -60px; + margin-left: -40px; +} + +.banner-12-img { + margin: -40px -20px -30px -40px; +} + +.banner-13-img { + transform: rotate(-20deg); + margin: -60px -120px -70px -40px; +} + + + + +/* ========================================================================== + 22. CALL TO ACTION / DOWNLOAD + =========================================================================== */ + +.version-release { + margin-bottom: 80px; +} + +.release-data { + padding-bottom: 30px; + border-bottom: 1px dashed #ccc; + margin-bottom: 30px; +} + +.release-data h5 { + margin-bottom: 40px; +} + +span.version-data { + color: #353f4f; + font-size: 2rem; + line-height: 1; + margin-right: 20px; + margin-bottom: 0; +} + +span.release-date { + color: #999; + font-size: 1.175rem; + line-height: 1; + margin-bottom: 0; +} + +span.release-date span { + color: #353f4f; + font-weight: 500; + margin-left: 20px; +} + +.release-download { + position: absolute; + right: 5px; + bottom: 0; +} + +.release-highlights .simple-list p { + margin-bottom: 2px; +} + + + + +/* ========================================================================== + 23. FAQS + =========================================================================== */ + +/*------------------------------------------*/ +/* FAQS SECTION TITLE +/*------------------------------------------*/ + +#faqs-1 .section-title { + margin-bottom: 50px; +} + +#faqs-2 .inner-page-title { + margin-bottom: 55px; +} + +#faqs-3 .section-title { + margin-bottom: 70px; +} + +.faqs-3-questions .questions-holder { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FAQS ACCORDION +/*------------------------------------------*/ + +.faqs-section .accordion-item { + background-color: transparent!important; + border: none; + border-bottom: 1px solid #e5e5e5; +} + +#faqs-2.faqs-section .accordion-item { + border-bottom: 1px solid #ddd; +} + +.faqs-section .accordion-item.acc-last-item, +#faqs-2.faqs-section .accordion-item.acc-last-item { + border-bottom: none; +} + +/*------------------------------------------*/ +/* Question +/*------------------------------------------*/ + +.faqs-section .accordion-thumb { + margin: 0; + padding: 25px 0; + cursor: pointer; + position: relative; +} + +#faqs-2.faqs-section .accordion-thumb { + padding: 25px 0 30px; +} + +.faqs-section .accordion-item .accordion-thumb:after, +.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-family: Flaticon; + font-weight: 300; + content: "\f11a"; + position: absolute; + font-size: 1rem; + top: 22px; + right: 3px; +} + +#faqs-2.faqs-section .accordion-item .accordion-thumb:after, +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-size: 1rem; + top: 26px; + right: 2px; +} + +.faqs-section .accordion-item.is-active .accordion-thumb:after { + content: "\f11b"; +} + +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #e5e5e5; +} + +/*------------------------------------------*/ +/* Answer +/*------------------------------------------*/ + +.accordion-panel { + margin: 0; + padding: 0 0 15px 0; + display: none; +} + +#faqs-2 .accordion-panel { + padding: 45px 0 15px 0; +} + +.accordion-thumb h5, +.accordion-thumb h4 { + line-height: 1; + margin-bottom: 0; +} + +.question h5, +.accordion-panel-item h5 { + margin-bottom: 20px; +} + +.question h5 span, +.accordion-thumb h5 span, +.accordion-panel-item h5 span { + margin-right: 5px; +} + +.question p a, +.accordion-panel p a { + font-weight: 500; + text-decoration: underline; +} + +.question p.color--grey a.color--blue, +.accordion-panel.color--grey a.color--blue { + color: #1680fb!important; +} + +/*------------------------------------------*/ +/* FAQS TABS +/*------------------------------------------*/ + +.faqs-section .tabs-nav { + text-align: center; +} + +.faqs-section .tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +.faqs-section .tab-content { + display: none; +} + +.faqs-section .tab-content.current { + display: inherit; +} + +.faqs-section .tabs-1 li { + display: inline-block; + min-width: 230px; + background-color: transparent; + border: 2px solid #ddd; + cursor: pointer; + padding: 30px 0; + margin: 0 6px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.faqs-section .tabs-1 li span { + color: #c3c4c5; +} + +.faqs-section .tabs-1 li p { + line-height: 1; + font-weight: 400; + margin-top: 15px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TAB LINK CURRENT +/*------------------------------------------*/ + +.faqs-section .tabs-1 li.current, +.faqs-section .tabs-1 li.current:hover { + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); +} + +.faqs-section .tabs-1 li.current p, +.faqs-section .tabs-1 li.current span { + color: #fff; +} + +.faqs-section .tabs--blue .tabs-1 li.current, +.faqs-section .tabs--blue .tabs-1 li.current:hover { + background-color: #1680fb; + border-color: #1680fb!important; +} + +.faqs-section .tabs--purple .tabs-1 li.current, +.faqs-section .tabs--purple .tabs-1 li.current:hover { + background-color: #7b5dd6; + border-color: #7b5dd6!important; +} + +/*------------------------------------------*/ +/* MORE QUESTIONS LINK +/*------------------------------------------*/ + +.more-questions { + text-align: center; +} + +#faqs-2 .more-questions { + margin: 70px auto 0; +} + +.more-questions-txt { + display: inline-block; + padding: 22px 46px; +} + +.more-questions-txt p { + line-height: 1; + margin-bottom: 0; +} + +.more-questions-txt a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 24. NEWSLETTER + =========================================================================== */ + +#newsletter-1 .newsletter-overlay { + padding-top: 60px; + padding-bottom: 60px; +} + +#newsletter-2 .container { + padding-left: 0; + padding-right: 0; +} + +#newsletter-2 .newsletter-overlay { + padding: 60px 50px; +} + +#newsletter-3 { + margin-top: 50px; + margin-bottom: 50px; +} + +#newsletter-4 .newsletter-overlay, +#newsletter-5 .newsletter-overlay { + padding-top: 80px; + padding-bottom: 70px; +} + +/*------------------------------------------*/ +/* NEWSLETTER TYPOGRAPHY +/*------------------------------------------*/ + +.newsletter-txt h2 { + margin-bottom: 35px; +} + +#newsletter-4 .newsletter-txt h2 { + margin-bottom: 40px; +} + +.newsletter-txt h4, +.newsletter-txt h3, +#newsletter-5 .newsletter-txt h2 { + margin-bottom: 0; +} + +.newsletter-txt p.p-sm { + margin-bottom: 0; +} + +#newsletter-4 .newsletter-txt p { + padding: 0 10%; +} + +#newsletter-5 .newsletter-txt p { + margin-top: 20px; + margin-bottom: 0; +} + +.newsletter-txt a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* NEWSLETTER FORM +/*------------------------------------------*/ + +#newsletter-1 .newsletter-form { + padding-left: 15%; + margin-top: 30px; +} + +#newsletter-2 .newsletter-form { + margin-top: 25px; + padding-left: 12%; +} + +#newsletter-4 .newsletter-form { + padding: 0 5%; +} + +#newsletter-5 .newsletter-form { + margin-top: 35px; + padding: 0 10%; +} + +/*------------------------------------------*/ +/* Newsletter Form Input +/*------------------------------------------*/ + +.newsletter-section .form-control { + height: 56px; + background-color: #fff; + border: 1px solid #ccc; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin-right: 12px; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +#newsletter-1.newsletter-section .form-control { + height: 54px; + font-size: 0.975rem; +} + +#newsletter-5.newsletter-section .form-control { + height: 62px; + font-size: 1.0625rem; +} + +.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.newsletter-section .form-control:focus { + background-color: #fff; + outline: 0; + box-shadow: none; + border-color: #1680fb; +} + +.newsletter-section .purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Placeholder +/*------------------------------------------*/ + +.newsletter-section .form-control::-moz-placeholder { color: #aaa; } +.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } +.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.newsletter-section .btn { + display: block; + width: 100%!important; + height: 56px; +} + +#newsletter-1 .btn { + height: 54px; + font-size: 0.925rem; + padding: 0.7rem 1.3rem; +} + +#newsletter-5.newsletter-section .btn { + height: 62px; +} + +/*------------------------------------------*/ +/* Newsletter Form Notification +/*------------------------------------------*/ + +.newsletter-section .form-notification { + color: #3eb1ff; + font-size: 0.9rem; + font-weight: 400; + line-height: 1; + margin-top: 15px; + margin-left: 5px; +} + +.newsletter-section .text-center .form-notification { + margin-left: 0; +} + +.bg--color.newsletter-section .form-notification { + color: #fff; +} + +.newsletter-section .form-notification.valid, +.newsletter-section .form-notification.error { + color: #fc2f4b; +} + +.newsletter-section .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* NEWSLETTER IMAGE +/*------------------------------------------*/ + +#newsletter-3 .newsletter-img { + margin-top: -50px; + margin-bottom: -50px; +} + +#newsletter-3 .col-lg-6 .newsletter-img { + padding-left: 40px; +} + + + +/* ========================================================================== + 25. BLOG + =========================================================================== */ + +/*------------------------------------------*/ +/* BLOG POST TAG +/*------------------------------------------*/ + +.post-tag { + display: block; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.75rem; + font-weight: 600; + letter-spacing: 0; + text-transform: uppercase; + margin-bottom: 20px; +} + +#single-post .post-tag { + font-size: 0.85rem; +} + +/*------------------------------------------*/ +/* BLOG POST META +/*------------------------------------------*/ + +.post-meta-list li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.post-meta-list p { + color: #353f4f; + line-height: 1; + margin-bottom: 0; +} + +.bg--black-400 .post-meta-list p { + color: #f8f9f9; +} + +.meta-list-divider { + position: relative; + top: 0px; + transform: rotate(-90deg); + padding: 0 1px; +} + +/*------------------------------------------*/ +/* BLOG POST TYPOGRAPHY +/*------------------------------------------*/ + +.blog-post-txt h6 { + margin-bottom: 15px; +} + +.blog-post-txt p { + margin-bottom: 0; +} + +.blog-post-txt a { + color: #353f4f; +} + +.blog-post-txt a:hover { + text-decoration: underline; +} + +.bg--black-400 .blog-post-txt a { + color: #f8f9f9; +} + +.bg--black-400 .blog-post-txt a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 26. BLOG LISTING + =========================================================================== */ + +.wide-post { + margin-bottom: 100px; +} + +.wide-post .blog-post-img { + padding-right: 15px; +} + +.wide-post .blog-post-txt { + padding-left: 15px; +} + +.square-post { + margin-top: 60px; + margin-bottom: 40px; +} + +.square-post-wrapper { + overflow: hidden; +} + +.square-post .blog-post-txt { + padding: 0 30px 0 60px; +} + +/*------------------------------------------*/ +/* BLOG POSTS CATEGORY +/*------------------------------------------*/ + +.posts-category { + margin-top: 40px; + margin-bottom: 60px; +} + +.posts-category h4 { + line-height: 1; + margin-bottom: 0; +} + +.posts-category span { + position: relative; + top: 1px; +} + + + + +/* ========================================================================== + 27. SINGLE BLOG POST + =========================================================================== */ + +/*------------------------------------------*/ +/* Single Post Title +/*------------------------------------------*/ + +.single-post-title h3, +.single-post-title h2 { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* Single Post Text +/*------------------------------------------*/ + +.single-post-txt h5, +.single-post-txt h4 { + margin-top: 30px; + margin-bottom: 30px; +} + +.single-post-txt h5 span { + display: block; +} + +/*------------------------------------------*/ +/* Single Post Code +/*------------------------------------------*/ + +.txt-code { + background-color: #f8f9fa; + padding: 20px 18px; + margin: 30px 0; +} + +.txt-code p { + color: #383a42; + font-size: 1rem; + line-height: 1.75; + margin-bottom: 0; +} + +.single-post-txt p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-code span.code-property, +.txt-code p code.code-language-js { + color: #151515; +} + +.txt-code span.code-variable, +.txt-code span.code-attribute { + color: #986801; +} + +.txt-code span.code-string { + color: #50a14f; +} + +/*------------------------------------------*/ +/* Single Post Blockquote +/*------------------------------------------*/ + +.single-post-txt figure { + margin-bottom: 40px; +} + +.single-post-txt .blockquote p { + font-size: 1.5rem; + line-height: 1.45; + margin-bottom: 40px; +} + +.single-post-txt .blockquote-footer { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* Single Post Image +/*------------------------------------------*/ + +.post-inner-img { + text-align: center; + margin-top: 50px; + margin-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE LINKS +/*------------------------------------------*/ + +.post-share-list { + margin-top: 50px; + padding-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE ICONS +/*-----------------------------------------*/ + +.share-social-icons { + display: inline-block; + padding-left: 0; +} + +.share-social-icons li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; +} + +.share-social-icons a.share-ico span { + opacity: .75; + margin-right: 25px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.share-social-icons a.share-ico:hover span { + opacity: 1; +} + +/*------------------------------------------*/ +/* POST AUTHOR +/*------------------------------------------*/ + +.post-author { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.post-author-avatar { + position: relative; + text-align: center; + margin-right: 35px; +} + +.post-author-avatar img { + width: 100px; + height: 100px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.post-author-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.post-author-txt h5 { + margin-bottom: 20px; +} + +.post-author-txt p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Follow Button +/*------------------------------------------*/ + +.author-follow-btn { + display: inline-block; + position: absolute; + padding: 6px 15px; + line-height: 1; + top: 80px; + right: 10px; + border: 2px solid #ddd; +} + +.author-follow-btn a { + color: #666; + font-size: 0.935rem; + font-weight: 400; +} + +/*------------------------------------------*/ +/* POST COMMENTS +/*------------------------------------------*/ + +.post-comments { + padding-top: 100px; +} + +.post-comments hr { + margin-top: 24px; + margin-bottom: 40px; +} + +.post-comments h5 { + margin-bottom: 60px; +} + +.post-comments img { + width: 68px; + height: 68px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.comment-body { + margin-left: 25px; +} + +.comment-meta { + margin-bottom: 10px; +} + +.comment-meta h6 { + line-height: 1; + margin-bottom: 0; +} + +.comment-date { + font-size: 16px; + font-weight: 400; + margin-bottom: 5px; +} + +/*------------------------------------------*/ +/* Comment Reply +/*------------------------------------------*/ + +.btn-reply { + margin-left: 3px; +} + +.btn-reply a { + font-size: 17px; + font-weight: 400; +} + +.btn-reply span { + position: relative; + top: 3px; + margin-right: 4px; + left: 3px; +} + +.btn-reply.ico-20 [class*="flaticon-"]:before, +.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; } + +.btn-reply a:hover { + color: #222; +} + +/*------------------------------------------*/ +/* SINGLE POST COMMENT FORM +/*------------------------------------------*/ + +.post-comments #leave-comment h5 { + padding-bottom: 0; + margin-top: 80px; + margin-bottom: 10px; + border: none; +} + +.comment-form { + position: relative; + margin-top: 60px; +} + +.comment-form p { + position: relative; + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 15px; + padding-left: 8px; + display: block; +} + +.comment-form p span { + position: relative; + color: #ff3366; + top: -3px; +} + +.comment-form .form-control { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #353f4f; + font-size: 1rem; + line-height: 1; + font-weight: 400; + padding: 0 20px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.comment-form textarea { min-height: 220px; } +.comment-form textarea.form-control { + padding: 25px 20px; +} + +/*------------------------------------------*/ +/* Comment Form Input Focus +/*------------------------------------------*/ + +.comment-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Comment Form Button +/*------------------------------------------*/ + +.comment-form .btn { + margin-top: 15px; +} + +.comment-form .btn:focus { + outline: 0px none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +.comment-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +.comment-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.comment-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 28. CONTACTS + =========================================================================== */ + +#contacts-1 .contact-form p { + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 10px; + padding-left: 8px; +} + +#contacts-1 .contact-form .col-md-12 span { + display: block; + font-size: 0.95rem; + line-height: 1; + font-weight: 300; + margin-bottom: 20px; + padding-left: 8px; +} + +#contacts-1 .contact-form .contact-form-notice p { + font-size: 0.835rem; + font-weight: 300; + line-height: 1.5555; + padding-left: 0; + margin-top: 40px; +} + +.contact-form-notice p a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* CONTACT FORM INPUT +/*------------------------------------------*/ + +.contact-form .form-control, +.contact-form .form-select { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #3a4a56; + font-size: 1rem; + font-weight: 400; + padding: 0 15px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.bg--snow .contact-form .form-control, +.bg--snow .contact-form .form-select { + background-color: #fff; + border: 1px solid #ccc; +} + +.contact-form .form-select { + display: inline-block; + width: 100%; + color: #998da0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Contact Form Textarea +/*------------------------------------------*/ + +.contact-form textarea { min-height: 220px; } +.contact-form textarea.form-control { + padding: 20px 15px; +} + +/*------------------------------------------*/ +/* Contact Form Placeholder +/*------------------------------------------*/ + +.contact-form .form-control::-moz-placeholder { color: #999; } +.contact-form .form-control:-ms-input-placeholder { color: #999; } +.contact-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Contact Form Input Focus +/*------------------------------------------*/ + +.contact-form .form-control:focus, +.contact-form .form-select:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Contact Form Message +/*------------------------------------------*/ + +.contact-form-msg { + width: 100%!important; + display: block; + margin-top: 20px; + padding-left: 0; +} + +.contact-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.contact-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 29. FOOTER + =========================================================================== */ + +.footer { + padding-bottom: 50px; +} + +.footer-info, +.footer-links { + margin-bottom: 40px; +} + +#footer-10 .footer-info { + margin-bottom: 40px; + padding-bottom: 55px; + border-bottom: 1px solid #dbdddf; +} + +#footer-10 .footer-links { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* FOOTER LOGO +/*------------------------------------------*/ + +img.footer-logo, +img.footer-logo-dark { + width: auto; + max-width: inherit; + max-height: 40px; +} + +#footer-10 img.footer-logo { + max-height: 46px; +} + +#footer-1 .footer-logo, +#footer-5 .footer-logo, +#footer-6 .footer-logo, +#footer-7 .footer-logo { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* FOOTER TYPOGRAPHY +/*------------------------------------------*/ + +.footer h6 { + line-height: 1; + margin-bottom: 25px; +} + +#footer-9.footer h6 { + line-height: 1.5; +} + +.bg--black.footer h6 { + color: #fff; +} + +/*------------------------------------------*/ +/* FOOTER INFO +/*------------------------------------------*/ + +.footer-info-copyright p { + margin-bottom: 0; +} + +.footer-info-copyright p span { + position: relative; + top: 2px; + padding: 0 2px; +} + +.footer-info-copyright.ico-15 [class*="flaticon-"]:before, +.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } + +/*------------------------------------------*/ +/* FOOTER MAIL LINK +/*------------------------------------------*/ + +.footer .footer-mail-link { + margin-left: 3px; + margin-bottom: 0; +} + +#footer-1 .footer-info .footer-mail-link { + margin-top: 10px; +} + +#footer-2 .footer-links .footer-mail-link, +#footer-3 .footer-links .footer-mail-link { + margin-left: 0; + margin-bottom: 20px; +} + +.footer-mail-link a { + font-weight: 400; +} + +.footer-mail-link span { + position: relative; + top: 4px; + right: 3px; +} + +.footer-mail-link.ico-20 [class*="flaticon-"]:before, +.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } + +.bg--black.footer .footer-mail-link a { + color: #a0a7b1; +} + +.bg--black.footer .footer-mail-link a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER LINKS +/*------------------------------------------*/ + +#footer-2 .footer-links { + padding-left: 10%; +} + +.foo-links li { + width: auto!important; + display: block!important; + vertical-align: top; + clear: none !important; + margin: 0; + padding: 0; +} + +.foo-links.ico-10 li span { + position: relative; + top: 1.5px; + right: 3px; +} + +#footer-8 .foo-links li { + display: inline-block!important; + padding-left: 20px; +} + +#footer-8 .foo-links li.first-li { + padding-left: 0; +} + +#footer-10 .foo-links li { + display: inline-block!important; + padding: 0 10px; +} + +.footer .foo-links li p { + font-weight: 400; + margin-bottom: 10px; +} + +.footer .foo-links li:last-child p { + margin-bottom: 0; +} + +.foo-links li a span.ext-link { + display: inline-block; + position: relative; + left: 3px; + top: 1.5px; + transform: rotate(-60deg); +} + +.foo-links.ico-15 [class*="flaticon-"]:before, +.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.bg--black.footer .foo-links li p a { + color: #a0a7b1; +} + +.bg--black.footer .foo-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER SOCIAL +/*------------------------------------------*/ + +.footer-socials { + margin: 0; + display: inline-block; +} + +.footer-socials li { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.footer-socials a { + display: block; + margin-right: 15px; +} + +.footer-socials.ico-20 a, +.footer-socials.ico-25 a { + margin-right: 16px; +} + +.footer-socials.ico-25 [class*="flaticon-"]:before, +.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; } + +.bg--black.footer .footer-socials li a { + color: #a0a7b1; +} + +.bg--black.footer .footer-socials li a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER STORE BAGES +/*------------------------------------------*/ + +.footer .store { + float: none; + margin-right: 0; + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FOOTER NEWSLETTER FORM +/*------------------------------------------*/ + +.footer-form { + margin-bottom: 20px; +} + +#footer-7 .footer-form { + padding-left: 8%; +} + +.footer-form .newsletter-form .input-group { + background-color: #f4f4f4; + border: 1px solid transparent; + padding: 9px 2px; +} + +.footer-form .form-control { + height: 32px; + background-color: transparent; + border: none; + color: #666; + font-size: 1rem; + font-weight: 400; + padding: 0 10px; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.footer-form .form-control:focus { + border: none; + border-right: none; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Footer Form Placeholder +/*------------------------------------------*/ + +.footer-form .form-control::-moz-placeholder { color: #6c757d; } +.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } +.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.footer-form .btn { + height: 32px; + padding: 0 10px; +} + +.footer-form .ico-15 [class*="flaticon-"]:before, +.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; } + +/*------------------------------------------*/ +/* Footer Form Notification +/*------------------------------------------*/ + +.footer-form .form-notification { + color: #1680fb; + font-size: 0.85rem; + line-height: 1.25; + font-weight: 400; + margin-top: 12px; + margin-left: 5px; +} + +.footer-form .form-notification.valid, +.footer-form .form-notification.error { + color: #fc2f4b; +} + +.footer-form .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER +/*------------------------------------------*/ + +.footer hr { + margin-top: 30px; + margin-bottom: 50px; +} + +#footer-8 .bottom-footer, +#footer-9 .bottom-footer { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER COPYRIGHT +/*------------------------------------------*/ + +.footer-copyright p { + margin-bottom: 0; +} + +.bg--black.footer .footer-copyright p { + color: #a0a7b1; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER SECONDARY LINK +/*------------------------------------------*/ + +.bottom-secondary-link p { + margin-bottom: 0; +} + +.bottom-secondary-link p span { + position: relative; + top: 1px; + padding: 0 2px; +} + +.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, +.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +/*------------------------------------------*/ +/* BOTTOM FOOTER LINKS +/*------------------------------------------*/ + +.bottom-footer-list li, +.bottom-footer-socials li, +.bottom-footer-payment li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.bottom-footer-socials li { + padding-left: 14px; +} + +#footer-4 .bottom-footer-list li, +#footer-9 .bottom-footer-list li { + padding-left: 15px; +} + +#footer-4 .bottom-footer-list li.first-li, +#footer-9 .bottom-footer-list li.first-li { + padding-left: 0; +} + +#footer-10 .bottom-footer-socials li { + padding: 0 15px; +} + +.footer-list-divider { + position: relative; + top: -0.5px; + transform: rotate(-90deg); + margin-left: 4px; +} + +.bottom-footer-list.ico-15 [class*="flaticon-"]:before, +.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; } + +.bottom-footer-list li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.bottom-footer-socials li span { + position: relative; + top: 4px; + opacity: .8; +} + +.bottom-footer-payment li span { + line-height: 1!important; + position: relative; + top: 4px; + opacity: .8; +} + +#footer-4 .bottom-footer-list li span, +#footer-9 .bottom-footer-list li span { + margin-top: 1px; + margin-right: 2px; +} + +.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; } + +.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } + +.bg--black.footer .bottom-footer-list li p a { + color: #a0a7b1; +} + +.bg--black.footer .bottom-footer-list li p a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 30. INNER PAGE WRAPPER + =========================================================================== */ + +.inner-page-hero { + padding-top: 180px; +} + +.page-hero-section-overlay { + position: relative; + width: 100%; + padding-top: 150px; +} + +.page-hero-section-overlay .txt-block { + margin-top: -40px; +} + +.page-hero-section .wave-shape-bottom path { + fill: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE TITLE +/*------------------------------------------*/ + +.inner-page-title { + text-align: center; + margin-bottom: 80px; +} + +.inner-page-title h2 { + margin-bottom: 0; +} + +.inner-page-title p { + font-size: 1.1875rem; + line-height: 1; + margin-top: 20px; + margin-bottom: 0; +} + +.page-hero-section h2 { + line-height: 1.15; + margin-bottom: 30px; +} + + + + +/* ========================================================================== + 31. PAGE PAGINATION + =========================================================================== */ + +.page-link { + color: #6c757d; + font-size: 1.1rem; + font-weight: 500; + padding: 2px 14px; + margin: 0 8px; + background-color: transparent; + border: 2px solid transparent; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.pagination.ico-20 [class*="flaticon-"]:before, +.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } + +.page-item:first-child .page-link { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.page-item:last-child .page-link { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.blue-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #1680fb; + border: 2px solid #1680fb; +} + +.green-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #0fbc49; + border: 2px solid #0fbc49; +} + +.pink-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #f74780; + border: 2px solid #f74780; +} + +.purple-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #7b5dd6; + border: 2px solid #7b5dd6; +} + +.red-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #ff1e1a; + border: 2px solid #ff1e1a; +} + +.violet-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #be6cbe; + border: 2px solid #be6cbe; +} + +.yellow-pagination .page-item.active .page-link { + color: #353f4f!important; + background-color: #ffba01; + border: 2px solid #ffba01; +} + +.page-item.disabled .page-link { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; +} + +.page-link:hover { + color: #6c757d; + background-color: transparent; + border: 2px solid #ccc; +} + +.page-link:focus { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; + box-shadow: 0 0; +} + + + + +/* ========================================================================== + 32. TERMS, PRIVACY, COOKIES PAGES + =========================================================================== */ + +/*------------------------------------------*/ +/* TERMS PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.txt-block.legal-info h5 { + margin-top: 30px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 { + margin-top: 80px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 span, +.txt-block.legal-info h5 span { + margin-right: 4px; +} + +.legal-info p span { + color: #353f4f; + font-weight: 500; +} + +.legal-info a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 33. SIGN-IN / SIGN-UP PAGE + =========================================================================== */ + +#login, +#signup { + background: url(../images/login.jpg); + background-position: bottom left; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 80px; +} + +#reset-password { + background: url(../images/reset-password.jpg); + background-position: center center; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 100px; +} + +.register-page-wrapper { + overflow: hidden; + position: relative; + z-index: 1; + -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); +} + +#login .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: left top; +} + +#signup .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: right center; +} + +#login .register-page-wrapper:after, +#signup .register-page-wrapper:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + background-color: #fff; +} + +#login .register-page-wrapper:after { + left: 50%; +} + +#signup .register-page-wrapper:after { + left: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE LOGO +/*------------------------------------------*/ + +.register-page-txt img { + width: auto; + max-width: inherit; + max-height: 32px; + margin-bottom: 55px; +} + +.login-page-logo { + text-align: center; + margin-bottom: 45px; +} + +.login-page-logo img { + width: auto; + max-width: inherit; + max-height: 45px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TITLE +/*------------------------------------------*/ + +.register-form-title { + text-align: center; + margin-bottom: 40px; +} + +.register-form-title h3 { + line-height: 1; + margin-bottom: 10px; +} + +.register-form-title p { + margin-bottom: 0; +} + +.register-form-title a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TEXT +/*------------------------------------------*/ + +#login .register-page-txt, +#signup .register-page-txt { + padding: 70px 60px; +} + +.register-page-txt h2 { + line-height: 1.15; + font-weight: 700; + margin-bottom: 6px; +} + +#login .register-page-copyright { + position: absolute; + left: 60px; + bottom: 45px; +} + +#signup .register-page-copyright { + position: absolute; + right: 60px; + bottom: 45px; +} + +.register-page-copyright p { + font-size: 0.85rem; + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title { + margin-bottom: 30px; +} + +.reset-form-title h5 { + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title p.p-sm { + font-size: 0.9rem; + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM +/*------------------------------------------*/ + +.register-page-form { + padding: 60px; +} + +.login-1 .register-page-form, +.signup-1 .register-page-form { + padding: 20px 30px; +} + +.reset-page-wrapper { + margin: 0 10px; +} + +.reset-page-wrapper form { + background: #fff; + border: 1px solid #fafafa; + padding: 50px 30px 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +/*------------------------------------------*/ +/* REGISTER PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.register-page-form p.input-header { + position: relative; + color: #353f4f; + font-size: 0.85rem; + line-height: 1; + font-weight: 500; + margin-bottom: 12px; + padding-left: 5px; +} + +.reset-password-link p { + position: relative; + font-size: 0.9rem; + line-height: 1; + margin-top: -8px; + margin-bottom: 10px; +} + +.form-data span { + display: block; + font-size: 0.85rem; + margin-bottom: 0; +} + +.form-data span a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +.register-page-form p.create-account { + font-size: 0.925rem; + line-height: 1; + margin-top: 30px; + margin-bottom: 0; +} + +.register-page-form p.create-account a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE SEPARATOR LINE +/*------------------------------------------*/ + +.separator-line { + display: flex; + width: 100%; + -webkit-box-pack: center; + justify-content: center; + -webkit-box-align: center; + align-items: center; + text-align: center; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.9rem; + font-weight: 500; + margin: 25px 0px 30px; +} + +.separator-line::before, +.separator-line::after { + content: ""; + border-top: 2px solid rgba(0, 0, 0, .1); + margin: 0 15px 0 0; + flex: 1 0 20px; +} + +.separator-line::after { + margin: 0 0 0 15px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM INPUT +/*------------------------------------------*/ + +.reset-page-wrapper .form-control, +.register-page-form .form-control { + height: 60px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #353f4f; + font-size: 0.95rem; + line-height: 1; + font-weight: 400; + margin-bottom: 25px; + padding: 5px 20px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.login-1 .form-control, +.signup-1 .form-control { + background-color: #fff; + border: 1px solid #ccc; +} + +.reset-page-wrapper .form-control { + text-align: center; +} + +.register-page-form .form-control::-moz-placeholder { color: #999; } +.register-page-form .form-control:-ms-input-placeholder { color: #999; } +.register-page-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* REGISTER PAGE FORM FOCUS +/*------------------------------------------*/ + +.reset-page-wrapper .form-control:focus, +.register-page-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM BUTTON +/*------------------------------------------*/ + +#signup .register-page-form .btn.submit, +#login .register-page-form .btn.submit { + width: 100%; + height: 60px; + margin-top: 20px; +} + +.reset-page-wrapper .btn.submit { + width: 100%; + margin-bottom: 20px; +} + +.register-page-form .btn-google { + width: 100%; + color: #333; + font-size: 0.95rem; + background-color: #fff; + border: 1px solid #ccc; +} + +.btn-google img { + position: relative; + width: 22px; + height: 22px; + top: -2px; + right: 5px; +} + +.register-page-form .btn-google:hover { + border: 1px solid #333; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM MESSAGE +/*------------------------------------------*/ + +.reset-form-msg { + text-align: center; + width: 100%!important; + display: block; +} + +.reset-password-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.reset-password-form .error { + position: relative; + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + top: -10px; + margin-bottom: 12px; + padding-left: 10px; +} + +/*------------------------------------------*/ +/* FORM HIDE PASSWORD +/*------------------------------------------*/ + +.wrap-input { + position: relative; +} + +.btn-show-pass { + color: #999999; + align-items: center; + position: absolute; + height: 100%; + top: 20px; + right: 20px; + cursor: pointer; + -webkit-transition: all 0.4s; + -o-transition: all 0.4s; + -moz-transition: all 0.4s; + transition: all 0.4s; +} + +.btn-show-pass.ico-20 [class^="flaticon-"]:before, +.btn-show-pass.ico-20 [class^="flaticon-"]:after { + font-size: 1.125rem; +} + +.btn-show-pass:hover { + color: #0195ff; +} + +.btn-show-pass.active { + color: #6a7dfe; +} + + + + +/* ========================================================================== + 34. PAGE 404 + =========================================================================== */ + +.page-404-txt { + padding-top: 180px; + padding-bottom: 100px; +} + +.page-404-txt h2 { + margin-bottom: 20px; +} + +.page-404-txt h6 { + line-height: 1.6; + font-weight: 400; + padding: 0 5%; + margin-bottom: 30px; +} + +.page-404-img { + padding: 0 5%; + margin-bottom: 60px; +} + + + + +/* ========================================================================== + 35. MODAL + ========================================================================== */ + +.modal-body { + padding: 0!important; +} + +#modal-1 .modal-dialog { + max-width: 700px; +} + +#modal-2 .modal-dialog { + width: 440px; +} + +#modal-3 .modal-dialog.modal-xl { + width: 750px; +} + +#modal-2.modal .modal-content, +#modal-3.modal .modal-content { + overflow: hidden; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; +} + +#modal-3.modal .bg-img { + background: url(../images/modal-request.jpg); + background-position: left center; +} + +#modal-2 .modal-body-content { + padding: 35px 40px 15px; +} + +#modal-3 .modal-body-content { + padding: 60px 35px 50px; +} + +/*------------------------------------------*/ +/* MODAL WINDOW CLOSE BUTTON +/*------------------------------------------*/ + +.modal .btn-close { + position: absolute; + z-index: 1; + right: 15px!important; + top: 15px!important; + height: 1.5rem; + width: 1.5rem; + background: rgba(255, 255, 255, 1)!important; + border-radius: 50%; + padding: 0; + opacity: .9; + z-index: 9999; +} + +#modal-3.modal .btn-close { + background: rgba(14, 14, 14, .3)!important; +} + +.btn-close span { + position: relative; + line-height: 24px!important; + top: -2px; +} + +.modal .btn-close.ico-10 [class^="flaticon-"]:before, +.modal .btn-close.ico-10 [class^="flaticon-"]:after { + font-size: 0.6rem; +} + +button.btn-close:focus { + outline: none!important; + text-decoration: none!important; +} + +/*------------------------------------------*/ +/* MODAL WINDOW NEWSLETTER FORM +/*------------------------------------------*/ + +.modal-body .newsletter-form { + margin-top: 25px; +} + +.modal .newsletter-form .form-control { + text-align: center; + height: 56px; + background-color: #f5f6f8; + border: 1px solid transparent; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin: 0 0 15px 0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Form Input Focus +/*------------------------------------------*/ + +.modal .newsletter-form .form-control:focus { + outline: 0; + box-shadow: none; + border-color: #1e90ff; +} + +.modal .newsletter-form.purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Form Input Placeholder +/*------------------------------------------*/ + +.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } +.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } +.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Form Button +/*------------------------------------------*/ + +.modal .input-group-btn { + display: block; + width: 100%!important; +} + +.modal .newsletter-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Form Notification +/*------------------------------------------*/ + +.modal .form-notification { + text-align: center; + color: #1680fb; + font-size: 0.85rem; + font-weight: 400; + line-height: 1; + margin-top: 12px; +} + +.modal .form-notification.valid, +.modal .form-notification.error { + color: #fc2f4b; +} + +.modal .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* MODAL WINDOW REQUEST FORM +/*------------------------------------------*/ + +#modal-3 .request-form { + margin: 0; +} + +#modal-3 .request-form .col-md-12 { + padding: 0; +} + +#modal-3 .request-form-title p { + margin-top: 18px; + margin-bottom: 25px; +} + +#modal-3 .request-form .form-control { + text-align: left; + margin: 0 0 25px 0; +} + +#modal-3 .request-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +#modal-3 .request-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +#modal-3 .request-form .loading { + color: #1680fb; + font-size: 1.0625rem; + line-height: 1; + font-weight: 400; +} + +#modal-3 .request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 36. DARK MODE + ========================================================================== */ + +body.theme--dark, +.theme--dark .bg--white-100 { + background-color: #232734!important; +} + +body.theme--dark { + color: #b1b7cd; +} + +.theme--dark .block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +.theme--dark .block-border { + border: 1px solid #e7e7e7; +} + +.theme--dark .block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; } +.theme--dark .top-border { border-top: 1px solid #1d212c; } +.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; } + +.theme--dark .bg--white-300, +.theme--dark .bg--white-400, +.theme--dark .bg--purple-100, +.theme--dark .shape--purple-100:after, +.theme--dark .shape--white-500:after, +.theme--dark .shape--white-400:after, +.theme--dark .shape--white-300:after, +.theme--dark .shape--white-200:after { + background-color: #1d212c; +} + +.theme--dark .bg--02, +.theme--dark .bg--04, +.theme--dark .gr--smoke, +.theme--dark .gr--ghost, +.theme--dark .shape--whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%); +} + +.theme--dark .gr--whitesmoke, +.theme--dark .shape--gr-whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%); +} +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +.theme--dark hr.divider, +.theme--dark .footer hr { + background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); +} + +.theme--dark hr.divider.divider-light { + background-color: #fff; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%); + opacity: 1; +} + +/*------------------------------------------*/ +/* TYPOGRAPHY +/*------------------------------------------*/ + +.theme--dark h1, +.theme--dark h2, +.theme--dark h3, +.theme--dark h4, +.theme--dark h5, +.theme--dark h6 { + color: #fff; +} + +.theme--dark a { color: #b1b7cd; } +.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; } + +/*------------------------------------------*/ +/* BUTTONS +/*------------------------------------------*/ + +.theme--dark .btn--tra-black, +.theme--dark .hover--tra-black:hover { + color: #b1b7cd!important; + background-color:transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .navbar-dark .hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark .white-scroll .hover--tra-black:hover { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +.theme--dark .navbar-dark .scroll .hover--tra-black:hover { + color: #fff!important; + background-color:transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--white, +.theme--dark .hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-white, +.theme--dark .hover--tra-white:hover { + color: #f1f1f1!important; + background-color: transparent!important; + border-color: #f1f1f1!important; +} + +.theme--dark .white-scroll .scroll .hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-grey, +.theme--dark .hover--tra-grey:hover, +.theme--dark .white-scroll .scroll .hover--tra-grey:hover, +.theme--dark .black-scroll .scroll .hover--tra-grey:hover { + color: #b1b7cd!important; + background-color: transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .btn--blue-500, +.theme--dark .hover--blue-500:hover, +.theme--dark .white-scroll .scroll .hover--blue-500:hover, +.theme--dark .black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.theme--dark .btn--blue-400, +.theme--dark .hover--blue-400:hover, +.theme--dark .white-scroll .scroll .hover--blue-400:hover, +.theme--dark .black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.theme--dark .btn--blue-300, +.theme--dark .hover--blue-300:hover, +.theme--dark .white-scroll .scroll .hover--blue-300:hover, +.theme--dark .black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.theme--dark .btn--pink-500, +.theme--dark .hover--pink-500:hover, +.theme--dark .white-scroll .scroll .hover--pink-500:hover, +.theme--dark .black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.theme--dark .btn--pink-400, +.theme--dark .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.theme--dark .btn--pink-300, +.theme--dark .hover--pink-300:hover, +.theme--dark .white-scroll .scroll .hover--pink-300:hover, +.theme--dark .black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.theme--dark .btn--purple-500, +.theme--dark .hover--purple-500:hover, +.theme--dark .white-scroll .scroll .hover--purple-500:hover, +.theme--dark .black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.theme--dark .btn--purple-400, +.theme--dark .hover--purple-400:hover, +.theme--dark .white-scroll .scroll .hover--purple-400:hover, +.theme--dark .black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.theme--dark .btn--purple-300, +.theme--dark .hover--purple-300:hover, +.theme--dark .white-scroll .scroll .hover--purple-300:hover, +.theme--dark .black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.theme--dark .btn--violet-500, +.theme--dark .hover--violet-500:hover, +.theme--dark .white-scroll .scroll .hover--violet-500:hover, +.theme--dark .black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.theme--dark .btn--violet-400, +.theme--dark .hover--violet-400:hover, +.theme--dark .white-scroll .scroll .hover--violet-400:hover, +.theme--dark .black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.theme--dark .btn--violet-300, +.theme--dark .hover--violet-300:hover, +.theme--dark .white-scroll .scroll .hover--violet-300:hover, +.theme--dark .black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.theme--dark .section-id { + color: #eee; +} + +.theme--dark .color--black, +.theme--dark .color--black h2, +.theme--dark .color--black h3, +.theme--dark .color--black h4, +.theme--dark .color--black h5, +.theme--dark .color--black h6, +.theme--dark .color--black p, +.theme--dark .color--black a, +.theme--dark .color--black li, +.theme--dark .color--black i, +.theme--dark .color--black span, +.theme--dar .color--white .color--black { color: #fff; } + +.theme--dark .color--grey, +.theme--dark .color--grey h2, +.theme--dark .color--grey h3, +.theme--dark .color--grey h4, +.theme--dark .color--grey h5, +.theme--dark .color--grey h6, +.theme--dark .color--grey p, +.theme--dark .color--grey a, +.theme--dark .color--grey li, +.theme--dark .color--grey i, +.theme--dark .color--grey span, +.theme--dark .color--white .color--grey { color: #b1b7cd; } + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.theme--dark .dark-menu .wsmainfull, +.theme--dark .white-menu .wsmainfull { + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a { + color: #fff; +} + +.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover, +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover { + color: #eee!important; +} + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before, +.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before { + background-color: #2c3142; + border-left: solid 1px #2c3142; + border-top: solid 1px #2c3142; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; + background-color: transparent!important; +} + +.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NAVBAR SCROLL +/*------------------------------------------*/ + +.theme--dark .tra-menu .wsmainfull.scroll, +.theme--dark .white-menu .wsmainfull.scroll, +.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll { + background-color: #1d222f!important; + padding: 0; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #b1b7cd; +} + +.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #fff!important; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(0, 0, 0, .12)!important; +} + +.theme--dark .navbar-light .scroll .btn.btn--tra-white { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* Logo Image +/*------------------------------------------*/ + +.theme--dark .navbar-light .scroll .logo-black, +.theme--dark .navbar-dark.light-hero-header .logo-black, +.theme--dark .navbar-dark.inner-page-header .logo-black { + display: none; +} + +.theme--dark .navbar-light .scroll .logo-white, +.theme--dark .navbar-dark.light-hero-header .logo-white, +.theme--dark .navbar-dark.inner-page-header .logo-white { + display: block; +} + +.theme--dark .navbar-dark .scroll .logo-black { + display: none; +} + +.theme--dark .navbar-dark .scroll .logo-white { + display: block; +} + +/*------------------------------------------*/ +/* HERO SECTION +/*------------------------------------------*/ + +.theme--dark .hero-section .color--black, +.theme--dark .hero-section .color--black h2, +.theme--dark .hero-section .color--black h3, +.theme--dark .hero-section .color--black h4, +.theme--dark .hero-section .color--black h5, +.theme--dark .hero-section .color--black h6, +.theme--dark .hero-section .color--black p, +.theme--dark .hero-section .color--black a, +.theme--dark .hero-section .color--black li, +.theme--dark .hero-section .color--black i, +.theme--dark .hero-section .color--black span, +.theme--dark .hero-section .color--white .color--black { color: #353f4f; } + +.theme--dark .hero-section p { color: #6c757d; } +.theme--dark .hero-section .color--white p { color: #fff; } +.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; } +.theme--dark .hero-section .section-id.color--grey { color: #6c757d; } + +.theme--dark .hero-5-txt p, +.theme--dark .hero-6-txt p, +.theme--dark .hero-10-txt p, +.theme--dark .hero-15-txt p, +.theme--dark .hero-16-txt p, +.theme--dark .hero-17-txt p, +.theme--dark .hero-18-txt p, +.theme--dark .hero-19-txt p, +.theme--dark .hero-20-txt p, +.theme--dark .hero-21-txt p, +.theme--dark .hero-23-txt p, +.theme--dark .hero-25-txt p { color: #b1b7cd; } + +.theme--dark .hero-section .quick-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control, +.theme--dark #hero-24.hero-section .quick-form .form-control, +.theme--dark #hero-26.hero-section .quick-form .form-control { + color: #666; + background-color: #fff; +} + +.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark .hero-section .quick-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control:focus, +.theme--dark #hero-24.hero-section .quick-form .form-control:focus, +.theme--dark #hero-26.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: transparent; +} + +.theme--dark .hero-section .request-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .hero-section .request-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-3:after, +.theme--dark #hero-4:after { + background-color: #232734; +} + +.theme--dark .hero-4-txt h2 { + color: #353f4f; +} + +.theme--dark .hero-4-txt .btn.btn--tra-black { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark #hero-5 { + background-image: url(../images/hero-5-dark.jpg); +} + +.theme--dark .hero-6-wrapper { + background-image: linear-gradient(90deg, #1d212c, #1d212c); +} + +.theme--dark #hero-8-form { + background-color: #1d222f; + border: 1px solid #1d222f; +} + +.theme--dark #hero-8-form p { + color: #b1b7cd; +} + +.theme--dark #hero-5 .wave-shape-bottom svg path, +.theme--dark #hero-8 .wave-shape-bottom svg path, +.theme--dark #hero-14 .wave-shape-bottom svg path, +.theme--dark #hero-16 .wave-shape-bottom svg path, +.theme--dark #hero-22 .wave-shape-bottom svg path, +.theme--dark #hero-23 .wave-shape-bottom svg path, +.theme--dark #hero-26 .wave-shape-bottom svg path { + fill: #232734; +} + +.theme--dark #hero-10 { + background-image: url(../images/hero-10-dark.jpg); +} + +.theme--dark #hero-15 { + background-image: url(../images/hero-15-dark.jpg); +} + +.theme--dark #hero-16 { + background-image: url(../images/hero-16-dark.jpg); +} + +.theme--dark #hero-17 { + background-image: url(../images/hero-17-dark.jpg); +} + +.theme--dark #hero-18:after { + background-image: url(../images/hero-18-dark.jpg); +} + +.theme--dark #hero-20:after { + background-image: linear-gradient(180deg, #1d212c, #232734); +} + +.theme--dark #hero-21 .hero-overlay { + background-image: url(../images/hero-21-dark.jpg); +} + +.theme--dark #hero-23 { + background-image: url(../images/hero-23-dark.jpg); +} + +.theme--dark .hero-23-txt p span.color--black { color: #fff; } + +.theme--dark #hero-25 { + background-image: url(../images/hero-25-dark.jpg); +} + +.theme--dark #hero-27 .hero-overlay { + background-image: url(../images/hero-27-dark.png); +} + +/*------------------------------------------*/ +/* FEATURES +/*------------------------------------------*/ + +.theme--dark .features-section path { + opacity: .05; +} + +.theme--dark .fbox-7 { + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* CONTENT +/*------------------------------------------*/ + +.theme--dark .cbox-2-line { + background-color: #363f54; +} + +/*------------------------------------------*/ +/* STATISTIC +/*------------------------------------------*/ + +.theme--dark #statistic-5 .statistic-digit { + border-bottom: 1px solid #505c77; +} + +/*------------------------------------------*/ +/* REVIEWS +/*------------------------------------------*/ + +.theme--dark #reviews-2 .review-2.bg--white-100 { + background-color: #1d212c!important; +} + +.theme--dark .owl-theme .owl-dots .owl-dot span { + background: #1d212c; +} + +.theme--dark .owl-theme .owl-dots .owl-dot.active span { + background: #b1b7cd; +} + +.theme--dark .review-3.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +.theme--dark .project-title h2 { + border-bottom: 1px solid #363f54; +} + +.theme--dark .project-data p span { color: #fff; } + +.theme--dark .project-description .more-projects span { + color: #fff; +} + +/*------------------------------------------*/ +/* RATING +/*------------------------------------------*/ + +.theme--dark .rbox-1 .star-rating { + background-color: #1d212c!important; + border: 1px solid #1d212c; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .pricing-discount h6 { + color: #353f4f; +} + +.theme--dark .table>:not(caption)>*>* { + color: #b1b7cd; + background-color: #232734; +} + +.theme--dark .comp-table .table thead th { + color: #fff; + border-color: #363f54; +} + +.theme--dark .comp-table tbody th { + border-bottom: 1px solid #363f54!important; +} + +.theme--dark .comp-table .table tr td { + border-bottom: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* INTEGRATIONS +/*------------------------------------------*/ + +.theme--dark .integrations-1-wrapper .in_tool { + background-color: #1d212c; + border: 1px solid #1d212c; +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .switcher.bg--grey { + background-color: #363f54; + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* BANNER +/*------------------------------------------*/ + +.theme--dark .banner-16-wrapper.bg--white-100.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* DOWNLOAD +/*------------------------------------------*/ + +.theme--dark .release-data { + border-bottom: 1px dashed #656565; +} + +.theme--dark span.version-data, +.theme--dark span.release-date span { + color: #f1f1f1; +} + +.theme--dark span.release-date { + color: #ccc; +} + +/*------------------------------------------*/ +/* FAQs +/*------------------------------------------*/ + +.theme--dark .faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li { + border: 2px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li span, +.theme--dark .faqs-section .tabs-1 li { + color: #b1b7cd; +} + +.theme--dark .faqs-section .accordion-item .accordion-thumb:after, +.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NEWSLETTER +/*------------------------------------------*/ + +.theme--dark .newsletter-section .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .newsletter-section .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* BLOG +/*------------------------------------------*/ + +.theme--dark .post-meta-list p, +.theme--dark .blog-post-txt a { + color: #fff; +} + +.theme--dark .blog-post-txt a:hover { + color: #ddd!important; +} + +/*------------------------------------------*/ +/* SINGLE POST +/*------------------------------------------*/ + +.theme--dark .txt-code { + background-color: #1d212c; +} + +.theme--dark .txt-code kbd { + background-color: #363f54; +} + +.theme--dark .txt-code p { + color: #b1b7cd; +} + +.theme--dark .comment-form p, +.theme--dark .blockquote-footer, +.theme--dark .txt-code span.code-property, +.theme--dark .txt-code p code.code-language-js { + color: #fff; +} + +.theme--dark .comment-form .form-control { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .comment-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* CONTACTS +/*------------------------------------------*/ + +.theme--dark .contact-form-notice p a, +.theme--dark #contacts-1 .contact-form p { + color: #fff; +} + +.theme--dark .contact-form .form-control, +.theme--dark .contact-form .form-select { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .contact-form .form-control:focus, +.theme--dark .contact-form .form-select:focus { + background-color: #505c77; + border-color: transparent; +} + +/*------------------------------------------*/ +/* FOOTER +/*------------------------------------------*/ + +.theme--dark #footer-10 .footer-info { + border-bottom: 1px solid #363f54; +} + +.theme--dark .footer-form .newsletter-form .btn.dark-color span { + color: #2f353e!important; +} + +.theme--dark .footer-form .newsletter-form .input-group { + background-color: #282d3c; + border: 1px solid #505c77; +} + +.theme--dark .footer-form .form-control { + color: #fff; +} + +.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .legal-info p span { + color: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE +/*------------------------------------------*/ + +.theme--dark .page-hero-section .wave-shape-bottom path { + fill: #232734; +} + +/*------------------------------------------*/ +/* MODAL +/*------------------------------------------*/ + +.theme--dark #modal-2 .modal-body-content h5, +.theme--dark #modal-3 .modal-body-content h3 { + color: #353f4f; +} + +/*------------------------------------------*/ +/* PAGE 404 +/*------------------------------------------*/ + +.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; } +.theme--dark #page-404 .color--dark { color: #353f4f; } + +.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300, +.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; } + +/*------------------------------------------*/ +/* LOGIN +/*------------------------------------------*/ + +.theme--dark #login, .theme--dark #signup { + background: url(../images/login_dark.jpg); +} + +.theme--dark #reset-password { + background: url(../images/reset-password-dark.jpg); +} + +.theme--dark #login .register-page-wrapper:after, +.theme--dark #signup .register-page-wrapper:after { + background-color: #1d212c; +} + +.theme--dark .form-data span a, +.theme--dark .register-page-form p.input-header { + color: #fff; +} + +.theme--dark .separator-line::before, +.theme--dark .separator-line::after { + border-top: 2px solid rgba(255, 255, 255, .15); +} + +.theme--dark .reset-page-wrapper .form-control, +.theme--dark .register-page-form .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .reset-page-wrapper form { + background: #1d212c; + border: 1px solid #1d212c; +} + +.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .register-page-form .btn-google { + color: #b1b7cd; + background-color: #363f54; + border: 1px solid #363f54; +} + + + + +/* ========================================================================== + 37. COLOR SCHEME + ========================================================================== */ + +.bg--theme, +.shape--blue-400:after { + background-color: #7b5dd6; +} + +.btn--theme { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.hover--theme:hover, +.white-scroll .scroll .hover--theme:hover, +.black-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #6a4ec1!important; + background-color: #6a4ec1!important; +} + +.theme--dark .white-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #6a4ec1!important; + background-color: #6a4ec1!important; +} + +.theme--dark .white-scroll .hover--theme:hover { + color: #fff!important; + border-color: #6a4ec1!important; + background-color: #6a4ec1!important; +} + +.color--theme, +.color--theme h1, +.color--theme h2, +.color--theme h3, +.color--theme h4, +.color--theme h5, +.color--theme h6, +.color--theme p, +.color--theme a, +.color--theme li, +.color--theme i, +.color--theme span, +.color--white .color--theme { color: #7b5dd6!important; } + +.loading--theme .loader { + border-color: transparent #7b5dd6; +} + +.loading--theme .loader::after { + border-color: transparent rgba(123, 93, 214, .15); +} + +.nav-theme .sm-info { + background-color: #7b5dd6; +} + +.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #7b5dd6!important; +} + +.hero-section .quick-form .form-control:focus { + border-color: #7b5dd6; +} + +.cbox-2:hover .cbox-2-ico.bg--theme { + color: #7b5dd6; + border-color: #7b5dd6; +} + +.tabs-1.tabs--theme, +.tabs-1.tabs--theme li.current:hover { + color: #7b5dd6; + border-color: #7b5dd6; +} + +.faqs-section .tabs--theme .tabs-1 li.current, +.faqs-section .tabs--theme .tabs-1 li.current:hover { + background-color: #7b5dd6; + border-color: #7b5dd6!important; +} + +.switch-wrap input:checked + .switcher.switcher--theme { + background-color: #7b5dd6; + border-color: #7b5dd6; +} + +.shape-ico.color--theme path, +.shape-ico.color--theme path, +.shape-ico.color--theme path { + fill: #f1edff; +} + +.newsletter-section .form-control:focus { + background-color: #fff; + border-color: #353f4f; +} + +.theme-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #7b5dd6; + border: 2px solid #7b5dd6; +} + + + diff --git a/static/css/dropdown-effects/fade-down.css b/static/css/dropdown-effects/fade-down.css new file mode 100644 index 0000000..4335e3d --- /dev/null +++ b/static/css/dropdown-effects/fade-down.css @@ -0,0 +1,119 @@ +.wsmenu > .wsmenu-list > li > ul.sub-menu { + opacity: 0; + visibility: hidden; + -o-transform-origin: 0% 0%; + -ms-transform-origin: 0% 0%; + -moz-transform-origin: 0% 0%; + -webkit-transform-origin: 0% 0%; + -o-transition: -o-transform 0.3s, opacity 0.3s; + -ms-transition: -ms-transform 0.3s, opacity 0.3s; + -moz-transition: -moz-transform 0.3s, opacity 0.3s; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; + transform-style: preserve-3d; + -o-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + -webkit-transform-style: preserve-3d; + transform: rotateX(-75deg); + -o-transform: rotateX(-75deg); + -moz-transform: rotateX(-75deg); + -webkit-transform: rotateX(-75deg); +} + +.wsmenu > .wsmenu-list > li:hover > ul.sub-menu { + opacity: 1; + visibility: visible; + transform: rotateX(0deg); + -o-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -webkit-transform: rotateX(0deg); +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu { + opacity: 0; + visibility: hidden; + transform-style: preserve-3d; + -o-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + -webkit-transform-style: preserve-3d; + transform: rotateX(-75deg); + -o-transform: rotateX(-75deg); + -moz-transform: rotateX(-75deg); + -webkit-transform: rotateX(-75deg); +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > ul.sub-menu { +opacity: 1; +visibility: visible; +-o-transform-origin: 0% 0%; +-ms-transform-origin: 0% 0%; +-moz-transform-origin: 0% 0%; +-webkit-transform-origin: 0% 0%; +-o-transition: -o-transform 0.4s, opacity 0.4s; +-ms-transition: -ms-transform 0.4s, opacity 0.4s; +-moz-transition: -moz-transform 0.4s, opacity 0.4s; +-webkit-transition: -webkit-transform 0.4s, opacity 0.4s; +transform: rotateX(0deg); +-o-transform: rotateX(0deg); +-moz-transform: rotateX(0deg); +-webkit-transform: rotateX(0deg); +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu { + opacity: 0; + visibility: hidden; + -o-transform-origin: 0% 0%; + -ms-transform-origin: 0% 0%; + -moz-transform-origin: 0% 0%; + -webkit-transform-origin: 0% 0%; + -o-transition: -o-transform 0.4s, opacity 0.4s; + -ms-transition: -ms-transform 0.4s, opacity 0.4s; + -moz-transition: -moz-transform 0.4s, opacity 0.4s; + -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; + transform-style: preserve-3d; + -o-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + -webkit-transform-style: preserve-3d; + transform: rotateX(-75deg); + -o-transform: rotateX(-75deg); + -moz-transform: rotateX(-75deg); + -webkit-transform: rotateX(-75deg); +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu { + opacity: 1; + visibility: visible; + transform: rotateX(0deg); + -o-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -webkit-transform: rotateX(0deg); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + opacity: 0; + visibility: hidden; + -o-transform-origin: 0% 0%; + -ms-transform-origin: 0% 0%; + -moz-transform-origin: 0% 0%; + -webkit-transform-origin: 0% 0%; + -o-transition: -o-transform 0.3s, opacity 0.3s; + -ms-transition: -ms-transform 0.3s, opacity 0.3s; + -moz-transition: -moz-transform 0.3s, opacity 0.3s; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; + transform-style: preserve-3d; + -o-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + -webkit-transform-style: preserve-3d; + transform: rotateX(-75deg); + -o-transform: rotateX(-75deg); + -moz-transform: rotateX(-75deg); + -webkit-transform: rotateX(-75deg); +} + +.wsmenu > .wsmenu-list > li:hover > .wsmegamenu { + opacity: 1; + visibility: visible; + transform: rotateX(0deg); + -o-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -webkit-transform: rotateX(0deg); +} diff --git a/static/css/dropdown-effects/fade-left.css b/static/css/dropdown-effects/fade-left.css new file mode 100644 index 0000000..b4f3beb --- /dev/null +++ b/static/css/dropdown-effects/fade-left.css @@ -0,0 +1,115 @@ +.wsmenu>.wsmenu-list>li>ul.sub-menu { + opacity: 0; + visibility: hidden; + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + -o-transform-origin: center center; + transform-origin: center center; + -webkit-transform: translateX(40px) skewX(7deg); + -moz-transform: translateX(40px) skewX(7deg); + -ms-transform: translateX(40px) skewX(7deg); + -o-transform: translateX(40px) skewX(7deg); + transform: translateX(40px) skewX(7deg); + -o-transition: -o-transform 0.3s, opacity 0.3s; + -ms-transition: -ms-transform 0.3s, opacity 0.3s; + -moz-transition: -moz-transform 0.3s, opacity 0.3s; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; +} + +.wsmenu>.wsmenu-list>li:hover>ul.sub-menu { + opacity: 1; + visibility: visible; + -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu { + opacity: 0; + visibility: hidden; + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + -o-transform-origin: center center; + transform-origin: center center; + -webkit-transform: translateX(40px) skewX(7deg); + -moz-transform: translateX(40px) skewX(7deg); + -ms-transform: translateX(40px) skewX(7deg); + -o-transform: translateX(40px) skewX(7deg); + transform: translateX(40px) skewX(7deg); + -o-transition: -o-transform 0.3s, opacity 0.3s; + -ms-transition: -ms-transform 0.3s, opacity 0.3s; + -moz-transition: -moz-transform 0.3s, opacity 0.3s; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>ul.sub-menu { + opacity: 1; + visibility: visible; + -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu { + opacity: 0; + visibility: hidden; + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + -o-transform-origin: center center; + transform-origin: center center; + -webkit-transform: translateX(40px) skewX(7deg); + -moz-transform: translateX(40px) skewX(7deg); + -ms-transform: translateX(40px) skewX(7deg); + -o-transform: translateX(40px) skewX(7deg); + transform: translateX(40px) skewX(7deg); + -o-transition: -o-transform 0.3s, opacity 0.3s; + -ms-transition: -ms-transform 0.3s, opacity 0.3s; + -moz-transition: -moz-transform 0.3s, opacity 0.3s; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>ul.sub-menu { + opacity: 1; + visibility: visible; + -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} + +.wsmenu>.wsmenu-list>li>.wsmegamenu { + opacity: 0; + visibility: hidden; + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + -o-transform-origin: center center; + transform-origin: center center; + -webkit-transform: translateX(40px) skewX(7deg); + -moz-transform: translateX(40px) skewX(7deg); + -ms-transform: translateX(40px) skewX(7deg); + -o-transform: translateX(40px) skewX(7deg); + transform: translateX(40px) skewX(7deg); + -o-transition: -o-transform 0.3s, opacity 0.3s; + -ms-transition: -ms-transform 0.3s, opacity 0.3s; + -moz-transition: -moz-transform 0.3s, opacity 0.3s; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; +} + +.wsmenu>.wsmenu-list>li:hover>.wsmegamenu { + opacity: 1; + visibility: visible; + -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} \ No newline at end of file diff --git a/static/css/dropdown-effects/fade-right.css b/static/css/dropdown-effects/fade-right.css new file mode 100644 index 0000000..d7942ef --- /dev/null +++ b/static/css/dropdown-effects/fade-right.css @@ -0,0 +1,115 @@ +.wsmenu>.wsmenu-list>li>ul.sub-menu { + opacity: 0; + visibility: hidden; + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + -o-transform-origin: center center; + transform-origin: center center; + -webkit-transform: translateX(-40px) skewX(-7deg); + -moz-transform: translateX(-40px) skewX(-7deg); + -ms-transform: translateX(-40px) skewX(-7deg); + -o-transform: translateX(-40px) skewX(-7deg); + transform: translateX(-40px) skewX(-7deg); + -o-transition: -o-transform 0.3s, opacity 0.3s; + -ms-transition: -ms-transform 0.3s, opacity 0.3s; + -moz-transition: -moz-transform 0.3s, opacity 0.3s; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; +} + +.wsmenu>.wsmenu-list>li:hover>ul.sub-menu { + opacity: 1; + visibility: visible; + -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu { + opacity: 0; + visibility: hidden; + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + -o-transform-origin: center center; + transform-origin: center center; + -webkit-transform: translateX(-40px) skewX(-7deg); + -moz-transform: translateX(-40px) skewX(-7deg); + -ms-transform: translateX(-40px) skewX(-7deg); + -o-transform: translateX(-40px) skewX(-7deg); + transform: translateX(-40px) skewX(-7deg); + -o-transition: -o-transform 0.3s, opacity 0.3s; + -ms-transition: -ms-transform 0.3s, opacity 0.3s; + -moz-transition: -moz-transform 0.3s, opacity 0.3s; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>ul.sub-menu { + opacity: 1; + visibility: visible; + -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu { + opacity: 0; + visibility: hidden; + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + -o-transform-origin: center center; + transform-origin: center center; + -webkit-transform: translateX(-40px) skewX(-7deg); + -moz-transform: translateX(-40px) skewX(-7deg); + -ms-transform: translateX(-40px) skewX(-7deg); + -o-transform: translateX(-40px) skewX(-7deg); + transform: translateX(-40px) skewX(-7deg); + -o-transition: -o-transform 0.3s, opacity 0.3s; + -ms-transition: -ms-transform 0.3s, opacity 0.3s; + -moz-transition: -moz-transform 0.3s, opacity 0.3s; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>ul.sub-menu { + opacity: 1; + visibility: visible; + -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} + +.wsmenu>.wsmenu-list>li>.wsmegamenu { + opacity: 0; + visibility: hidden; + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + -o-transform-origin: center center; + transform-origin: center center; + -webkit-transform: translateX(-40px) skewX(-7deg); + -moz-transform: translateX(-40px) skewX(-7deg); + -ms-transform: translateX(-40px) skewX(-7deg); + -o-transform: translateX(-40px) skewX(-7deg); + transform: translateX(-40px) skewX(-7deg); + -o-transition: -o-transform 0.3s, opacity 0.3s; + -ms-transition: -ms-transform 0.3s, opacity 0.3s; + -moz-transition: -moz-transform 0.3s, opacity 0.3s; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; +} + +.wsmenu>.wsmenu-list>li:hover>.wsmegamenu { + opacity: 1; + visibility: visible; + -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} \ No newline at end of file diff --git a/static/css/dropdown-effects/fade-up.css b/static/css/dropdown-effects/fade-up.css new file mode 100644 index 0000000..287ea3a --- /dev/null +++ b/static/css/dropdown-effects/fade-up.css @@ -0,0 +1,115 @@ +.wsmenu>.wsmenu-list>li>ul.sub-menu { + opacity: 0; + visibility: hidden; + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + -o-transform-origin: center center; + transform-origin: center center; + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -ms-transform: translateY(20px); + -o-transform: translateY(20px); + transform: translateY(20px); + -o-transition: -o-transform 0.3s, opacity 0.3s; + -ms-transition: -ms-transform 0.3s, opacity 0.3s; + -moz-transition: -moz-transform 0.3s, opacity 0.3s; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; +} + +.wsmenu>.wsmenu-list>li:hover>ul.sub-menu { + opacity: 1; + visibility: visible; + -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu { + opacity: 0; + visibility: hidden; + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + -o-transform-origin: center center; + transform-origin: center center; + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -ms-transform: translateY(20px); + -o-transform: translateY(20px); + transform: translateY(20px); + -o-transition: -o-transform 0.3s, opacity 0.3s; + -ms-transition: -ms-transform 0.3s, opacity 0.3s; + -moz-transition: -moz-transform 0.3s, opacity 0.3s; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>ul.sub-menu { + opacity: 1; + visibility: visible; + -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu { + opacity: 0; + visibility: hidden; + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + -o-transform-origin: center center; + transform-origin: center center; + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -ms-transform: translateY(20px); + -o-transform: translateY(20px); + transform: translateY(20px); + -o-transition: -o-transform 0.3s, opacity 0.3s; + -ms-transition: -ms-transform 0.3s, opacity 0.3s; + -moz-transition: -moz-transform 0.3s, opacity 0.3s; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>ul.sub-menu { + opacity: 1; + visibility: visible; + -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} + +.wsmenu>.wsmenu-list>li>.wsmegamenu { + opacity: 0; + visibility: hidden; + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + -o-transform-origin: center center; + transform-origin: center center; + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -ms-transform: translateY(20px); + -o-transform: translateY(20px); + transform: translateY(20px); + -o-transition: -o-transform 0.3s, opacity 0.3s; + -ms-transition: -ms-transform 0.3s, opacity 0.3s; + -moz-transition: -moz-transform 0.3s, opacity 0.3s; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; +} + +.wsmenu>.wsmenu-list>li:hover>.wsmegamenu { + opacity: 1; + visibility: visible; + -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} \ No newline at end of file diff --git a/static/css/dropdown-effects/rotate-x.css b/static/css/dropdown-effects/rotate-x.css new file mode 100644 index 0000000..564f216 --- /dev/null +++ b/static/css/dropdown-effects/rotate-x.css @@ -0,0 +1,91 @@ +.wsmenu>.wsmenu-list>li>ul.sub-menu { + opacity: 0; + visibility: hidden; + -webkit-transform: rotateY(-90deg); + -moz-transform: rotateY(-90deg); + -ms-transform: rotateY(-90deg); + -o-transform: rotateY(-90deg); + transform: rotateY(-90deg); + -webkit-transition: all 0.3s ease-in, opacity 0.2s linear; + -moz-transition: all 0.3s ease-in, opacity 0.2s linear; + transition: all 0.3s ease-in, opacity 0.2s linear; +} + +.wsmenu>.wsmenu-list>li:hover>ul.sub-menu { + opacity: 1; + visibility: visible; + -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu { + opacity: 0; + visibility: hidden; + -webkit-transform: rotateY(-90deg); + -moz-transform: rotateY(-90deg); + -ms-transform: rotateY(-90deg); + -o-transform: rotateY(-90deg); + transform: rotateY(-90deg); + -webkit-transition: all 0.3s ease-in, opacity 0.2s linear; + -moz-transition: all 0.3s ease-in, opacity 0.2s linear; + transition: all 0.3s ease-in, opacity 0.2s linear; +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>ul.sub-menu { + opacity: 1; + visibility: visible; + -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu { + opacity: 0; + visibility: hidden; + -webkit-transform: rotateY(-90deg); + -moz-transform: rotateY(-90deg); + -ms-transform: rotateY(-90deg); + -o-transform: rotateY(-90deg); + transform: rotateY(-90deg); + -webkit-transition: all 0.3s ease-in, opacity 0.2s linear; + -moz-transition: all 0.3s ease-in, opacity 0.2s linear; + transition: all 0.3s ease-in, opacity 0.2s linear; +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>ul.sub-menu { + opacity: 1; + visibility: visible; + -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} + +.wsmenu>.wsmenu-list>li>.wsmegamenu { + opacity: 0; + visibility: hidden; + -webkit-transform: rotateY(-90deg); + -moz-transform: rotateY(-90deg); + -ms-transform: rotateY(-90deg); + -o-transform: rotateY(-90deg); + transform: rotateY(-90deg); + -webkit-transition: all 0.3s ease-in, opacity 0.2s linear; + -moz-transition: all 0.3s ease-in, opacity 0.2s linear; + transition: all 0.3s ease-in, opacity 0.2s linear; +} + +.wsmenu>.wsmenu-list>li:hover>.wsmegamenu { + opacity: 1; + visibility: visible; + -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} \ No newline at end of file diff --git a/static/css/dropdown-effects/rotate-y.css b/static/css/dropdown-effects/rotate-y.css new file mode 100644 index 0000000..43241d7 --- /dev/null +++ b/static/css/dropdown-effects/rotate-y.css @@ -0,0 +1,93 @@ +.wsmenu>.wsmenu-list>li>ul.sub-menu { + opacity: 0; + visibility: hidden; + -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg); + -webkit-transform-origin: 50% 0; + -moz-transition: 300ms; + -o-transition: 300ms; + transition: 300ms; +} + +.wsmenu>.wsmenu-list>li:hover>ul.sub-menu { + opacity: 1; + visibility: visible; + max-height: 1000px; + -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0); +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu { + opacity: 0; + visibility: hidden; + transform-style: preserve-3d; + -o-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + -webkit-transform-style: preserve-3d; + transform: rotateX(-75deg); + -o-transform: rotateX(-75deg); + -moz-transform: rotateX(-75deg); + -webkit-transform: rotateX(-75deg); +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>ul.sub-menu { + opacity: 1; + visibility: visible; + -o-transform-origin: 0% 0%; + -ms-transform-origin: 0% 0%; + -moz-transform-origin: 0% 0%; + -webkit-transform-origin: 0% 0%; + -o-transition: -o-transform 0.4s, opacity 0.4s; + -ms-transition: -ms-transform 0.4s, opacity 0.4s; + -moz-transition: -moz-transform 0.4s, opacity 0.4s; + -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; + transform: rotateX(0deg); + -o-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -webkit-transform: rotateX(0deg); +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu { + opacity: 0; + visibility: hidden; + -o-transform-origin: 0% 0%; + -ms-transform-origin: 0% 0%; + -moz-transform-origin: 0% 0%; + -webkit-transform-origin: 0% 0%; + -o-transition: -o-transform 0.4s, opacity 0.4s; + -ms-transition: -ms-transform 0.4s, opacity 0.4s; + -moz-transition: -moz-transform 0.4s, opacity 0.4s; + -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; + transform-style: preserve-3d; + -o-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + -webkit-transform-style: preserve-3d; + transform: rotateX(-75deg); + -o-transform: rotateX(-75deg); + -moz-transform: rotateX(-75deg); + -webkit-transform: rotateX(-75deg); +} + +.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>ul.sub-menu { + opacity: 1; + visibility: visible; + transform: rotateX(0deg); + -o-transform: rotateX(0deg); + -moz-transform: rotateX(0deg); + -webkit-transform: rotateX(0deg); +} + +.wsmenu>.wsmenu-list>li>.wsmegamenu { + opacity: 0; + visibility: hidden; + -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg); + -webkit-transform-origin: 50% 0; + -moz-transition: 300ms; + -o-transition: 300ms; + transition: 300ms; +} + +.wsmenu>.wsmenu-list>li:hover>.wsmegamenu { + opacity: 1; + visibility: visible; + max-height: 1000px; + -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0); +} \ No newline at end of file diff --git a/static/css/flaticon.css b/static/css/flaticon.css new file mode 100644 index 0000000..d0e39cb --- /dev/null +++ b/static/css/flaticon.css @@ -0,0 +1,756 @@ +@font-face { + font-family: "flaticon"; + src: url("../fonts/flaticon.ttf?99008aa38e7de407db084b96baa4b2a2") format("truetype"), +url("../fonts/flaticon.woff?99008aa38e7de407db084b96baa4b2a2") format("woff"), +url("../fonts/flaticon.woff2?99008aa38e7de407db084b96baa4b2a2") format("woff2"), +url("../fonts/flaticon.eot?99008aa38e7de407db084b96baa4b2a2#iefix") format("embedded-opentype"), +url("../fonts/flaticon.svg?99008aa38e7de407db084b96baa4b2a2#flaticon") format("svg"); +} + +span[class^="flaticon-"]:before, span[class*=" flaticon-"]:before { + font-family: flaticon !important; + font-style: normal; + font-weight: normal !important; + font-variant: normal; + text-transform: none; + font-size: 20px; + line-height: 1!important; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.flaticon-star:before { + content: "\f101"; +} +.flaticon-star-1:before { + content: "\f102"; +} +.flaticon-star-half-empty:before { + content: "\f103"; +} +.flaticon-half-star-shape:before { + content: "\f104"; +} +.flaticon-reply-arrow:before { + content: "\f105"; +} +.flaticon-magnifying-glass:before { + content: "\f106"; +} +.flaticon-visibility:before { + content: "\f107"; +} +.flaticon-invisible:before { + content: "\f108"; +} +.flaticon-play-button:before { + content: "\f109"; +} +.flaticon-play:before { + content: "\f10a"; +} +.flaticon-circle:before { + content: "\f10b"; +} +.flaticon-ring:before { + content: "\f10c"; +} +.flaticon-heart:before { + content: "\f10d"; +} +.flaticon-back:before { + content: "\f10e"; +} +.flaticon-next:before { + content: "\f10f"; +} +.flaticon-up-arrow:before { + content: "\f110"; +} +.flaticon-down-arrow:before { + content: "\f111"; +} +.flaticon-down-arrow-1:before { + content: "\f112"; +} +.flaticon-up-arrow-1:before { + content: "\f113"; +} +.flaticon-right-arrow:before { + content: "\f114"; +} +.flaticon-left-arrow:before { + content: "\f115"; +} +.flaticon-right-arrow-1:before { + content: "\f116"; +} +.flaticon-check:before { + content: "\f117"; +} +.flaticon-plus:before { + content: "\f118"; +} +.flaticon-minus:before { + content: "\f119"; +} +.flaticon-plus-1:before { + content: "\f11a"; +} +.flaticon-minus-1:before { + content: "\f11b"; +} +.flaticon-cancel:before { + content: "\f11c"; +} +.flaticon-quote:before { + content: "\f11d"; +} +.flaticon-crown:before { + content: "\f11e"; +} +.flaticon-bookmark:before { + content: "\f11f"; +} +.flaticon-instagram:before { + content: "\f120"; +} +.flaticon-facebook:before { + content: "\f121"; +} +.flaticon-twitter:before { + content: "\f122"; +} +.flaticon-youtube:before { + content: "\f123"; +} +.flaticon-dribbble:before { + content: "\f124"; +} +.flaticon-skype:before { + content: "\f125"; +} +.flaticon-messenger:before { + content: "\f126"; +} +.flaticon-whatsapp:before { + content: "\f127"; +} +.flaticon-linkedin-logo:before { + content: "\f128"; +} +.flaticon-google-plus-symbol:before { + content: "\f129"; +} +.flaticon-pinterest-logo:before { + content: "\f12a"; +} +.flaticon-line:before { + content: "\f12b"; +} +.flaticon-kakao-talk:before { + content: "\f12c"; +} +.flaticon-vimeo:before { + content: "\f12d"; +} +.flaticon-open-source:before { + content: "\f12e"; +} +.flaticon-slack:before { + content: "\f12f"; +} +.flaticon-behance:before { + content: "\f130"; +} +.flaticon-github:before { + content: "\f131"; +} +.flaticon-stack-overflow:before { + content: "\f132"; +} +.flaticon-html-5:before { + content: "\f133"; +} +.flaticon-css-3:before { + content: "\f134"; +} +.flaticon-wordpress:before { + content: "\f135"; +} +.flaticon-python:before { + content: "\f136"; +} +.flaticon-js:before { + content: "\f137"; +} +.flaticon-file:before { + content: "\f138"; +} +.flaticon-linux-platform:before { + content: "\f139"; +} +.flaticon-sketch:before { + content: "\f13a"; +} +.flaticon-windows-logo-silhouette:before { + content: "\f13b"; +} +.flaticon-apple-logo:before { + content: "\f13c"; +} +.flaticon-email:before { + content: "\f13d"; +} +.flaticon-computer:before { + content: "\f13e"; +} +.flaticon-color-palette:before { + content: "\f13f"; +} +.flaticon-profits:before { + content: "\f140"; +} +.flaticon-search-engine:before { + content: "\f141"; +} +.flaticon-language:before { + content: "\f142"; +} +.flaticon-analytics:before { + content: "\f143"; +} +.flaticon-mechanics:before { + content: "\f144"; +} +.flaticon-equalizer:before { + content: "\f145"; +} +.flaticon-server:before { + content: "\f146"; +} +.flaticon-pie-chart:before { + content: "\f147"; +} +.flaticon-pie-chart-1:before { + content: "\f148"; +} +.flaticon-reorder:before { + content: "\f149"; +} +.flaticon-prioritize:before { + content: "\f14a"; +} +.flaticon-version:before { + content: "\f14b"; +} +.flaticon-before-after:before { + content: "\f14c"; +} +.flaticon-bar-chart:before { + content: "\f14d"; +} +.flaticon-tongue:before { + content: "\f14e"; +} +.flaticon-paper-sizes:before { + content: "\f14f"; +} +.flaticon-rocket-launch:before { + content: "\f150"; +} +.flaticon-manager:before { + content: "\f151"; +} +.flaticon-workflow:before { + content: "\f152"; +} +.flaticon-database:before { + content: "\f153"; +} +.flaticon-target:before { + content: "\f154"; +} +.flaticon-workflow-1:before { + content: "\f155"; +} +.flaticon-delegate:before { + content: "\f156"; +} +.flaticon-translation:before { + content: "\f157"; +} +.flaticon-idea:before { + content: "\f158"; +} +.flaticon-rgb:before { + content: "\f159"; +} +.flaticon-workflow-2:before { + content: "\f15a"; +} +.flaticon-key-value-database:before { + content: "\f15b"; +} +.flaticon-time:before { + content: "\f15c"; +} +.flaticon-trophy:before { + content: "\f15d"; +} +.flaticon-computer-1:before { + content: "\f15e"; +} +.flaticon-taxes:before { + content: "\f15f"; +} +.flaticon-graphics:before { + content: "\f160"; +} +.flaticon-diagram:before { + content: "\f161"; +} +.flaticon-usb:before { + content: "\f162"; +} +.flaticon-visionary:before { + content: "\f163"; +} +.flaticon-diamond:before { + content: "\f164"; +} +.flaticon-data-flow:before { + content: "\f165"; +} +.flaticon-fast-food:before { + content: "\f166"; +} +.flaticon-global:before { + content: "\f167"; +} +.flaticon-gear:before { + content: "\f168"; +} +.flaticon-security:before { + content: "\f169"; +} +.flaticon-secure:before { + content: "\f16a"; +} +.flaticon-click:before { + content: "\f16b"; +} +.flaticon-calendar:before { + content: "\f16c"; +} +.flaticon-maximize:before { + content: "\f16d"; +} +.flaticon-network:before { + content: "\f16e"; +} +.flaticon-qr-code:before { + content: "\f16f"; +} +.flaticon-coupon:before { + content: "\f170"; +} +.flaticon-money:before { + content: "\f171"; +} +.flaticon-podium:before { + content: "\f172"; +} +.flaticon-graphic:before { + content: "\f173"; +} +.flaticon-lifesaver:before { + content: "\f174"; +} +.flaticon-map:before { + content: "\f175"; +} +.flaticon-suit:before { + content: "\f176"; +} +.flaticon-calculator:before { + content: "\f177"; +} +.flaticon-id-card:before { + content: "\f178"; +} +.flaticon-investor:before { + content: "\f179"; +} +.flaticon-project:before { + content: "\f17a"; +} +.flaticon-briefcase:before { + content: "\f17b"; +} +.flaticon-coin:before { + content: "\f17c"; +} +.flaticon-time-1:before { + content: "\f17d"; +} +.flaticon-placeholder:before { + content: "\f17e"; +} +.flaticon-money-1:before { + content: "\f17f"; +} +.flaticon-voucher:before { + content: "\f180"; +} +.flaticon-money-2:before { + content: "\f181"; +} +.flaticon-money-3:before { + content: "\f182"; +} +.flaticon-pdf:before { + content: "\f183"; +} +.flaticon-doc:before { + content: "\f184"; +} +.flaticon-workflow-3:before { + content: "\f185"; +} +.flaticon-home:before { + content: "\f186"; +} +.flaticon-hosting:before { + content: "\f187"; +} +.flaticon-pay-per-click:before { + content: "\f188"; +} +.flaticon-browser:before { + content: "\f189"; +} +.flaticon-responsive:before { + content: "\f18a"; +} +.flaticon-tutorial:before { + content: "\f18b"; +} +.flaticon-rotate:before { + content: "\f18c"; +} +.flaticon-share:before { + content: "\f18d"; +} +.flaticon-folder:before { + content: "\f18e"; +} +.flaticon-folder-1:before { + content: "\f18f"; +} +.flaticon-24-7:before { + content: "\f190"; +} +.flaticon-24-hours:before { + content: "\f191"; +} +.flaticon-algorithm:before { + content: "\f192"; +} +.flaticon-grid:before { + content: "\f193"; +} +.flaticon-search-engine-1:before { + content: "\f194"; +} +.flaticon-guide-book:before { + content: "\f195"; +} +.flaticon-compass:before { + content: "\f196"; +} +.flaticon-layout:before { + content: "\f197"; +} +.flaticon-networking:before { + content: "\f198"; +} +.flaticon-kanban:before { + content: "\f199"; +} +.flaticon-check-1:before { + content: "\f19a"; +} +.flaticon-favorite:before { + content: "\f19b"; +} +.flaticon-exam:before { + content: "\f19c"; +} +.flaticon-bell:before { + content: "\f19d"; +} +.flaticon-bomb:before { + content: "\f19e"; +} +.flaticon-landscape:before { + content: "\f19f"; +} +.flaticon-webcam:before { + content: "\f1a0"; +} +.flaticon-microphone:before { + content: "\f1a1"; +} +.flaticon-cam:before { + content: "\f1a2"; +} +.flaticon-chat:before { + content: "\f1a3"; +} +.flaticon-pattern-lock:before { + content: "\f1a4"; +} +.flaticon-audio-message:before { + content: "\f1a5"; +} +.flaticon-password:before { + content: "\f1a6"; +} +.flaticon-password-1:before { + content: "\f1a7"; +} +.flaticon-voice:before { + content: "\f1a8"; +} +.flaticon-24-hours-1:before { + content: "\f1a9"; +} +.flaticon-firewall:before { + content: "\f1aa"; +} +.flaticon-shopping-cart:before { + content: "\f1ab"; +} +.flaticon-coffee:before { + content: "\f1ac"; +} +.flaticon-open:before { + content: "\f1ad"; +} +.flaticon-hashtag:before { + content: "\f1ae"; +} +.flaticon-html:before { + content: "\f1af"; +} +.flaticon-analytics-1:before { + content: "\f1b0"; +} +.flaticon-split:before { + content: "\f1b1"; +} +.flaticon-iteration:before { + content: "\f1b2"; +} +.flaticon-typography:before { + content: "\f1b3"; +} +.flaticon-maximize-1:before { + content: "\f1b4"; +} +.flaticon-time-2:before { + content: "\f1b5"; +} +.flaticon-goal:before { + content: "\f1b6"; +} +.flaticon-loading:before { + content: "\f1b7"; +} +.flaticon-investment:before { + content: "\f1b8"; +} +.flaticon-discount:before { + content: "\f1b9"; +} +.flaticon-virus:before { + content: "\f1ba"; +} +.flaticon-icon-2377476:before { + content: "\f1bb"; +} +.flaticon-browser-1:before { + content: "\f1bc"; +} +.flaticon-layers:before { + content: "\f1bd"; +} +.flaticon-layers-1:before { + content: "\f1be"; +} +.flaticon-data-copy:before { + content: "\f1bf"; +} +.flaticon-server-1:before { + content: "\f1c0"; +} +.flaticon-hierarchical-structure:before { + content: "\f1c1"; +} +.flaticon-wireframe:before { + content: "\f1c2"; +} +.flaticon-top-border:before { + content: "\f1c3"; +} +.flaticon-shield:before { + content: "\f1c4"; +} +.flaticon-security-1:before { + content: "\f1c5"; +} +.flaticon-chat-1:before { + content: "\f1c6"; +} +.flaticon-chat-2:before { + content: "\f1c7"; +} +.flaticon-discount-1:before { + content: "\f1c8"; +} +.flaticon-gift-box:before { + content: "\f1c9"; +} +.flaticon-web-programming:before { + content: "\f1ca"; +} +.flaticon-notification:before { + content: "\f1cb"; +} +.flaticon-email-1:before { + content: "\f1cc"; +} +.flaticon-video-player:before { + content: "\f1cd"; +} +.flaticon-payment:before { + content: "\f1ce"; +} +.flaticon-control-panel:before { + content: "\f1cf"; +} +.flaticon-dark-mode:before { + content: "\f1d0"; +} +.flaticon-archive:before { + content: "\f1d1"; +} +.flaticon-pay-per-click-1:before { + content: "\f1d2"; +} +.flaticon-price-label:before { + content: "\f1d3"; +} +.flaticon-mobile-search:before { + content: "\f1d4"; +} +.flaticon-folder-2:before { + content: "\f1d5"; +} +.flaticon-target-1:before { + content: "\f1d6"; +} +.flaticon-writing:before { + content: "\f1d7"; +} +.flaticon-user:before { + content: "\f1d8"; +} +.flaticon-click-1:before { + content: "\f1d9"; +} +.flaticon-move:before { + content: "\f1da"; +} +.flaticon-sign:before { + content: "\f1db"; +} +.flaticon-credit-card:before { + content: "\f1dc"; +} +.flaticon-screenplay:before { + content: "\f1dd"; +} +.flaticon-around-the-world:before { + content: "\f1de"; +} +.flaticon-shopping-bag:before { + content: "\f1df"; +} +.flaticon-folder-3:before { + content: "\f1e0"; +} +.flaticon-folder-4:before { + content: "\f1e1"; +} +.flaticon-data-center:before { + content: "\f1e2"; +} +.flaticon-shield-1:before { + content: "\f1e3"; +} +.flaticon-ssl-certificate:before { + content: "\f1e4"; +} +.flaticon-virus-1:before { + content: "\f1e5"; +} +.flaticon-certificate:before { + content: "\f1e6"; +} +.flaticon-profit:before { + content: "\f1e7"; +} +.flaticon-certificate-1:before { + content: "\f1e8"; +} +.flaticon-exchange:before { + content: "\f1e9"; +} +.flaticon-tech-support:before { + content: "\f1ea"; +} +.flaticon-shipping:before { + content: "\f1eb"; +} +.flaticon-ab-testing:before { + content: "\f1ec"; +} +.flaticon-download:before { + content: "\f1ed"; +} +.flaticon-media:before { + content: "\f1ee"; +} +.flaticon-click-2:before { + content: "\f1ef"; +} +.flaticon-wallet:before { + content: "\f1f0"; +} +.flaticon-radar:before { + content: "\f1f1"; +} +.flaticon-layout-1:before { + content: "\f1f2"; +} +.flaticon-database-management:before { + content: "\f1f3"; +} +.flaticon-login:before { + content: "\f1f4"; +} +.flaticon-right-arrow-2:before { + content: "\f1f5"; +} diff --git a/static/css/flexslider.css b/static/css/flexslider.css new file mode 100644 index 0000000..f9ab6ee --- /dev/null +++ b/static/css/flexslider.css @@ -0,0 +1,79 @@ +/* + * jQuery FlexSlider v2.0 + * http://www.woothemes.com/flexslider/ + * + * Copyright 2012 WooThemes + * Free to use under the GPLv2 license. + * http://www.gnu.org/licenses/gpl-2.0.html + * + * Contributing author: Tyler Smith (@mbmufffin) + */ + + +/* Browser Resets */ +.flex-container a:active, +.flexslider a:active, +.flex-container a:focus, +.flexslider a:focus {outline: none;} +.slides, +.flex-control-nav, +.flex-direction-nav {margin: 0; padding: 0; list-style: none;} + +/* FlexSlider Necessary Styles +*********************************/ +.flexslider {margin: 0; padding: 0;} +.flexslider .slides > li, .content_slider .slides > li, .hero-txt-rotator .slides > li, .blog-img-slider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ +.flexslider .slides img {width: 100%; display: block;} +.flex-pauseplay span {text-transform: capitalize;} + +/* Clearfix for the .slides element */ +.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} +html[xmlns] .slides {display: block;} +* html .slides {height: 1%;} + +/* No JavaScript Fallback */ +/* If you are not using another script, such as Modernizr, make sure you + * include js that eliminates this class on page load */ +.no-js .slides > li:first-child {display: block;} + + +/* FlexSlider Default Theme +*********************************/ +.flexslider, .flexslider-thumbs {margin: 0; background: transparent; position: relative; zoom: 1;} +.content_slider, .hero_slider, .blog-img-slider {position: relative; padding-bottom:0;} +.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} +.loading .flex-viewport {max-height: 300px;} +.flexslider .slides {zoom: 1;} + +.carousel li {margin-right: 5px} + + +/* Direction Nav */ +.flex-direction-nav {*height: 0;} +.flex-direction-nav a {width: 25px; height: 50px; margin: -20px 0 0; display: block; background: url(../img/icons/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} +.flex-direction-nav .flex-next {background-position: 100% 0; right: -10px; } +.flex-direction-nav .flex-prev {left: -10px;} +.content_slider:hover .flex-next, .hero_slider:hover .flex-next, .blog-img-slider:hover .flex-next {opacity: 0.9; right: 5px;} +.content_slider:hover .flex-prev, .hero_slider:hover .flex-prev, .blog-img-slider:hover .flex-prev {opacity: 0.9; left: 5px;} +.content_slider:hover .flex-next:hover, +.hero_slider:hover .flex-next:hover, +.content_slider:hover .flex-prev:hover, +.hero_slider:hover .flex-prev:hover, +.blog-img-slider:hover .flex-next:hover, +.blog-img-slider:hover .flex-prev:hover { + opacity: 0.85; +} + +.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} + +/* Control Nav */ +.flex-control-nav {width: 100%; position: absolute; bottom: 5px; text-align: center;} +.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} +.flex-control-paging li a {width: 10px; height: 10px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } +.flex-control-paging li a.flex-active { cursor: default; } + +.flex-control-thumbs {margin: 4px 0 0; position: static; overflow: hidden;} +.flex-control-thumbs li {width: 25%; float: left; margin: 0;} +.flex-control-thumbs img {width: 100%; display: block; opacity: 0.65; cursor: pointer;} +.flex-control-thumbs img:hover {opacity: 1;} +.flex-control-thumbs .flex-active {opacity: 1; cursor: default;} diff --git a/static/css/green-theme.css b/static/css/green-theme.css new file mode 100644 index 0000000..63f5805 --- /dev/null +++ b/static/css/green-theme.css @@ -0,0 +1,10990 @@ + + + + +/* + Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack + Theme URL: https://themeforest.net/user/dsathemes + Description: Martex - Software, App, SaaS & Startup Landing Pages Pack + Author: DSAThemes + Author URL: https://themeforest.net/user/dsathemes + Version: 1.0.0 + Website: www.dsathemes.com + Tags: Responsive, HTML5, DSAThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc +*/ + + + + +/* ========================================================================== + 01. GENERAL & BASIC STYLES + =========================================================================== */ + +html { + -webkit-font-smoothing: antialiased; + font-size: 16px; +} + +body { + font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; + color: #6c757d; + line-height: 1.6666; + font-weight: 400; +} + +/*------------------------------------------*/ +/* PAGE CONTENT +/*------------------------------------------*/ + +#page, +.hidd { + overflow: hidden; +} + +.rel, +section, +.container { + position: relative!important; + z-index: 3; +} + +.section-overlay { + width: 100%; + height: 100%; +} + +/*------------------------------------------*/ +/* BLOCK SHADOW +/*------------------------------------------*/ + +.block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* BORDER SETTINGS +/*------------------------------------------*/ + +.block-border { + border: 1px solid #e7e7e7; +} + +.block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.x-border { + border-top: 1px solid #e7e7e7; + border-bottom: 1px solid #e7e7e7; +} + +.top-border { + border-top: 1px solid #e7e7e7; +} + +.bottom-border { + border-bottom: 1px solid #e7e7e7; +} + +/*------------------------------------------*/ +/* BORDER RADIUS SETTING +/*------------------------------------------*/ + +.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } +.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } +.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } +.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } +.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } +.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } +.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; } +.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; } +.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } +.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; } +.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } +.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; } +.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; } +.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; } +.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; } +.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } +.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; } +.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; } +.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; } +.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; } + +/*------------------------------------------*/ +/* OPACITY SETTINGS +/*------------------------------------------*/ + +.o-0 { opacity: 0!important; } +.o-10 { opacity: .1!important; } +.o-15 { opacity: .15!important; } +.o-20 { opacity: .2!important; } +.o-25 { opacity: .25!important; } +.o-30 { opacity: .3!important; } +.o-35 { opacity: .35!important; } +.o-40 { opacity: .4!important; } +.o-45 { opacity: .45!important; } +.o-50 { opacity: .5!important; } +.o-55 { opacity: .55!important; } +.o-60 { opacity: .60!important; } +.o-65 { opacity: .65!important; } +.o-70 { opacity: .7!important; } +.o-75 { opacity: .75!important; } +.o-80 { opacity: .8!important; } +.o-85 { opacity: .85!important; } +.o-90 { opacity: .9!important; } +.o-95 { opacity: .95!important; } +.o-100 { opacity: 1!important; } + +/*------------------------------------------*/ +/* SPACING & INDENTS +/*------------------------------------------*/ + +.py-5 { padding-top: 5px; padding-bottom: 5px; } +.py-10 { padding-top: 10px; padding-bottom: 10px; } +.py-15 { padding-top: 15px; padding-bottom: 15px; } +.py-20 { padding-top: 20px; padding-bottom: 20px; } +.py-30 { padding-top: 30px; padding-bottom: 30px; } +.py-40 { padding-top: 40px; padding-bottom: 40px; } +.py-50 { padding-top: 50px; padding-bottom: 50px; } +.py-60 { padding-top: 60px; padding-bottom: 60px; } +.py-70 { padding-top: 70px; padding-bottom: 70px; } +.py-80 { padding-top: 80px; padding-bottom: 80px; } +.py-90 { padding-top: 90px; padding-bottom: 90px; } +.py-100 { padding-top: 100px; padding-bottom: 100px; } + +.pt-30 { padding-top: 30px; } +.pt-40 { padding-top: 40px; } +.pt-50 { padding-top: 50px; } +.pt-60 { padding-top: 60px; } +.pt-70 { padding-top: 70px; } +.pt-80 { padding-top: 80px; } +.pt-90 { padding-top: 90px; } +.pt-100 { padding-top: 100px; } + +.pb-30 { padding-bottom: 30px; } +.pb-40 { padding-bottom: 40px; } +.pb-50 { padding-bottom: 50px; } +.pb-60 { padding-bottom: 60px; } +.pb-70 { padding-bottom: 70px; } +.pb-80 { padding-bottom: 80px; } +.pb-90 { padding-bottom: 90px; } +.pb-100 { padding-bottom: 100px; } + +.mt-10 { margin-top: 10px; } +.mt-15 { margin-top: 15px; } +.mt-20 { margin-top: 20px; } +.mt-25 { margin-top: 25px; } +.mt-30 { margin-top: 30px; } +.mt-35 { margin-top: 35px; } +.mt-40 { margin-top: 40px; } +.mt-45 { margin-top: 45px; } +.mt-50 { margin-top: 50px; } +.mt-55 { margin-top: 55px; } +.mt-60 { margin-top: 60px; } +.mt-65 { margin-top: 65px; } +.mt-70 { margin-top: 70px; } +.mt-75 { margin-top: 75px; } +.mt-80 { margin-top: 80px; } +.mt-85 { margin-top: 85px; } +.mt-90 { margin-top: 90px; } +.mt-95 { margin-top: 95px; } +.mt-100 { margin-top: 100px; } + +.mb-10 { margin-bottom: 10px; } +.mb-15 { margin-bottom: 15px; } +.mb-20 { margin-bottom: 20px; } +.mb-25 { margin-bottom: 25px; } +.mb-30 { margin-bottom: 30px; } +.mb-35 { margin-bottom: 35px; } +.mb-40 { margin-bottom: 40px; } +.mb-45 { margin-bottom: 45px; } +.mb-50 { margin-bottom: 50px; } +.mb-55 { margin-bottom: 55px; } +.mb-60 { margin-bottom: 60px; } +.mb-65 { margin-bottom: 65px; } +.mb-70 { margin-bottom: 70px; } +.mb-75 { margin-bottom: 75px; } +.mb-80 { margin-bottom: 80px; } +.mb-85 { margin-bottom: 85px; } +.mb-90 { margin-bottom: 90px; } +.mb-95 { margin-bottom: 95px; } +.mb-100 { margin-bottom: 100px; } + +.ml-5 { margin-left: 5px; } +.ml-10 { margin-left: 10px; } +.ml-15 { margin-left: 15px; } +.ml-20 { margin-left: 20px; } +.ml-25 { margin-left: 25px; } +.ml-30 { margin-left: 30px; } + +.mr-5 { margin-right: 5px; } +.mr-10 { margin-right: 10px; } +.mr-15 { margin-right: 15px; } +.mr-20 { margin-right: 20px; } +.mr-25 { margin-right: 25px; } +.mr-30 { margin-right: 30px; } + +/*------------------------------------------*/ +/* BACKGROUND SETTINGS +/*------------------------------------------*/ + +.bg--fixed, +.bg--scroll { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--fixed { + background-attachment: scroll!important; +} + +.bg--scroll { + background-attachment: fixed!important; +} + +/*------------------------------------------*/ +/* BACKGROUND COLORS +/*------------------------------------------*/ + +.bg--white-500 { background-color: #f2f4f8; } +.bg--white-400 { background-color: #f4f4f9; } +.bg--white-300 { background-color: #f7f8f9; } +.bg--white-200 { background-color: #fbfbfd; } +.bg--white-100 { background-color: #fff; } + +.bg--black-500 { background-color: #22223b; } +.bg--black-400 { background-color: #2e3648; } +.bg--black-300 { background-color: #394455; } +.bg--black-200 { background-color: #e1e3e5; } +.bg--black-100 { background-color: #ecf1f4; } + +.bg--blue-500 { background-color: #185abd; } +.bg--blue-400 { background-color: #1680fb; } +.bg--blue-300 { background-color: #3eb1ff; } +.bg--blue-200 { background-color: #ddedff; } +.bg--blue-100 { background-color: #f4f9fc; } + +.bg--green-500 { background-color: #00a14e; } +.bg--green-400 { background-color: #0fbc49; } +.bg--green-300 { background-color: #6fd792; } +.bg--green-200 { background-color: #cff2db; } +.bg--green-100 { background-color: #e9f8f2; } + +.bg--pink-500 { background-color: #ff149c; } +.bg--pink-400 { background-color: #f74780; } +.bg--pink-300 { background-color: #fcb5cc; } +.bg--pink-200 { background-color: #fee4ec; } +.bg--pink-100 { background-color: #feecf2; } + +.bg--purple-5000 { background-color: #663ae9; } +.bg--purple-500 { background-color: #7827e6; } +.bg--purple-400 { background-color: #7b5dd6; } +.bg--purple-300 { background-color: #bdaeea; } +.bg--purple-200 { background-color: #e5deff; } +.bg--purple-100 { background-color: #f1edff; } + +.bg--red-500 { background-color: #da0f29; } +.bg--red-400 { background-color: #ff1e1a; } +.bg--red-300 { background-color: #ffa5a3; } +.bg--red-200 { background-color: #ffd2d1; } +.bg--red-100 { background-color: #fce7e4; } + +.bg--violet-500 { background-color: #c73e9b; } +.bg--violet-400 { background-color: #be6cbe; } +.bg--violet-300 { background-color: #e2bde2; } +.bg--violet-200 { background-color: #f1cde5; } +.bg--violet-100 { background-color: #f7e4f1; } + +.bg--yellow-500 { background-color: #ffba01; } +.bg--yellow-400 { background-color: #ffbd45; } +.bg--yellow-300 { background-color: #ffdf35; } +.bg--yellow-200 { background-color: #fef5cd; } +.bg--yellow-100 { background-color: #fef9e5; } + +.bg--tra-black { background-color: rgba(0, 0, 0, .04); } +.bg--tra-white { background-color: rgba(255, 255, 255, .15); } +.bg--primary-blue { background-color: #2160fd; } +.bg--light-grey { background-color: #f0f3ff; } +.bg--snow { background-color: #fdfdfd; } + +/*------------------------------------------*/ +/* GRADIENT COLOR BACKGROUND +/*------------------------------------------*/ + +.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); } +.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); } +.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); } +.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); } +.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); } +.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); } + +/*------------------------------------------*/ +/* BACKGROUND SHAPE +/*------------------------------------------*/ + +.shape--01:after, +.shape--02:after, +.shape--03:after, +.shape--04:after, +.shape--05:after, +.shape--06:after, +.shape--07:after { + position: absolute; + content: ''; + z-index: -1; +} + +.shape--02.r-24:after { + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--01:after { + width: 150%; + height: 80%; + top: 13%; + left: -25%; +} + +.shape--02:after { + width: 86%; + height: 80%; + top: 13%; + left: 7%; +} + +.shape--03:after { + width: 78%; + height: 120%; + top: -60px; + left: 11%; + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--04:after { + width: 100%; + height: 80%; + top: 10%; + left: 0; +} + +.shape--05:after { + width: 150%; + height: 90%; + top: 0; + left: -25%; +} + +.shape--06:after { + width: 150%; + height: 75%; + top: 0; + left: -25%; +} + +.shape--07:after { + width: 200%; + height: 50%; + top: 37%; + left: -50%; +} + +.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); } + +.shape--white-500:after { background-color: #f2f4f8; } +.shape--white-400:after { background-color: #f4f4f9; } +.shape--white-300:after { background-color: #f7f8f9; } +.shape--white-200:after { background-color: #fbfbfd; } + +.shape--black-500:after { background-color: #22223b; } +.shape--black-400:after { background-color: #2e3648; } +.shape--black-300:after { background-color: #394455; } +.shape--black-200:after { background-color: #e1e3e5; } +.shape--black-100:after { background-color: #ecf1f4; } + +.shape--blue-500:after { background-color: #185abd; } +.shape--blue-400:after { background-color: #1680fb; } +.shape--blue-300:after { background-color: #3eb1ff; } +.shape--blue-200:after { background-color: #ddedff; } +.shape--blue-100:after { background-color: #f4f9fc; } + +.shape--green-500:after { background-color: #00a14e; } +.shape--green-400:after { background-color: #0fbc49; } +.shape--green-300:after { background-color: #6fd792; } +.shape--green-200:after { background-color: #cff2db; } +.shape--green-100:after { background-color: #e9f8f2; } + +.shape--pink-500:after { background-color: #ff149c; } +.shape--pink-400:after { background-color: #f74780; } +.shape--pink-300:after { background-color: #fcb5cc; } +.shape--pink-200:after { background-color: #fee4ec; } +.shape--pink-100:after { background-color: #feecf2; } + +.shape--purple-500:after { background-color: #663ae9; } +.shape--purple-400:after { background-color: #7b5dd6; } +.shape--purple-300:after { background-color: #bdaeea; } +.shape--purple-200:after { background-color: #e5deff; } +.shape--purple-100:after { background-color: #f1edff; } + +.shape--red-500:after { background-color: #da0f29; } +.shape--red-400:after { background-color: #ff1e1a; } +.shape--red-300:after { background-color: #ffa5a3; } +.shape--red-200:after { background-color: #ffd2d1; } +.shape--red-100:after { background-color: #fce7e4; } + +.shape--violet-500:after { background-color: #c73e9b; } +.shape--violet-400:after { background-color: #be6cbe; } +.shape--violet-300:after { background-color: #e2bde2; } +.shape--violet-200:after { background-color: #f1cde5; } +.shape--violet-100:after { background-color: #f7e4f1; } + +.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);} + +/*------------------------------------------*/ +/* BACKGROUND PATTERN +/*------------------------------------------*/ + +.pattern-01, +.pattern-02, +.pattern-03, +.pattern-04, +.pattern-05 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.pattern-01 { background-image: url(../images/pattern-01.png); } +.pattern-02 { background-image: url(../images/pattern-02.png); } +.pattern-03 { background-image: url(../images/pattern-03.png); } +.pattern-04 { background-image: url(../images/pattern-04.png); } +.pattern-05 { background-image: url(../images/pattern-05.png); } + +/*------------------------------------------*/ +/* BACKGROUND IMAGE +/*------------------------------------------*/ + +.bg--01, .bg--02, .bg--03, .bg--04, +.bg--05, .bg--06, .bg--07, .bg--08 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--01 { background-image: url(../images/bg-01.jpg); } +.bg--02 { background-image: url(../images/bg-02.jpg); } +.bg--03 { background-image: url(../images/bg-03.jpg); } +.bg--04 { background-image: url(../images/bg-04.jpg); } +.bg--05 { background-image: url(../images/bg-05.jpg); } +.bg--06 { background-image: url(../images/bg-06.jpg); } +.bg--07 { background-image: url(../images/bg-07.jpg); } +.bg--08 { background-image: url(../images/bg-08.jpg); } + +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +hr.divider { + width: 100%; + height: 1px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%); + opacity: .4; + border: none; + margin: 0; +} + +/*------------------------------------------*/ +/* WAVE SHAPE BOTTOM +/*------------------------------------------*/ + +.wave-shape-bottom { + position: absolute; + bottom: 0; + left: 0; + width: 100%; +} + + + + +/* ========================================================================== + 02. TYPOGRAPHY + =========================================================================== */ + +/*------------------------------------------*/ +/* HEADERS +/*------------------------------------------*/ + +h1, h2, h3, h4, h5, h6 { + color: #353f4f; + font-weight: 600; + letter-spacing: 0; + margin-bottom: 0; +} + +.font--jakarta h1, +.font--jakarta h2, +.font--jakarta h3, +.font--jakarta h4, +.font--jakarta h5, +.font--jakarta h6 { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1.35; +} + +.font--jakarta h1, +.font--jakarta h2 { + line-height: 1.25; +} + +.font--inter h1, +.font--inter h2, +.font--inter h3, +.font--inter h4, +.font--inter h5, +.font--inter h6 { + font-family: 'Inter', sans-serif; + letter-spacing: -0.5px; +} + +/*------------------------------------------*/ +/* PARAGRAPHS +/*------------------------------------------*/ + +p.p-sm { font-size: 0.9375rem; } /* 15px */ +p { font-size: 1rem; } /* 16px */ +p.p-md { font-size: 1.0625rem; } /* 17px */ +p.p-lg { font-size: 1.125rem; } /* 18px */ +p.p-xl { font-size: 1.2rem; } /* 19.2px */ + +/*------------------------------------------*/ +/* FONT SIZE +/*------------------------------------------*/ + +.s-15 { font-size: 0.9375rem; } /* 15px */ +.s-16 { font-size: 1rem; } /* 16px */ +.s-17 { font-size: 1.0625rem; } /* 17px */ +.s-18 { font-size: 1.125rem; } /* 18px */ +.s-19 { font-size: 1.1875rem; } /* 19px */ +.s-20 { font-size: 1.25rem; } /* 20px */ +.s-21 { font-size: 1.3125rem; } /* 21px */ +.s-22 { font-size: 1.375rem; } /* 22px */ +.s-23 { font-size: 1.4375rem; } /* 23px */ +.s-24 { font-size: 1.5rem; } /* 24px */ +.s-26 { font-size: 1.625rem; } /* 26px */ +.s-28 { font-size: 1.75rem; } /* 28px */ +.s-30 { font-size: 1.875rem; } /* 30px */ +.s-32 { font-size: 2rem; } /* 32px */ +.s-34 { font-size: 2.125rem; } /* 34px */ +.s-36 { font-size: 2.25rem; } /* 36px */ +.s-38 { font-size: 2.375rem; } /* 38px */ +.s-40 { font-size: 2.5rem; } /* 40px */ +.s-42 { font-size: 2.625rem; } /* 42px */ +.s-43 { font-size: 2.6875rem; } /* 43px */ +.s-44 { font-size: 2.75rem; } /* 44px */ +.s-45 { font-size: 2.8125rem; } /* 45px */ +.s-46 { font-size: 2.875rem; } /* 46px */ +.s-47 { font-size: 2.9375rem; } /* 47px */ +.s-48 { font-size: 3rem; } /* 48px */ +.s-50 { font-size: 3.125rem; } /* 50px */ +.s-52 { font-size: 3.25rem; } /* 52px */ +.s-54 { font-size: 3.375rem; } /* 54px */ +.s-56 { font-size: 3.5rem; } /* 56px */ +.s-58 { font-size: 3.625rem; } /* 58px */ +.s-60 { font-size: 3.75rem; } /* 60px */ +.s-62 { font-size: 3.875rem; } /* 62px */ +.s-64 { font-size: 4rem; } /* 64px */ +.s-66 { font-size: 4.125rem; } /* 66px */ +.s-68 { font-size: 4.25rem; } /* 68px */ +.s-70 { font-size: 4.375rem; } /* 70px */ +.s-72 { font-size: 4.5rem; } /* 72px */ +.s-74 { font-size: 4.625rem; } /* 74px */ +.s-76 { font-size: 4.75rem; } /* 76px */ +.s-78 { font-size: 4.875rem; } /* 78px */ +.s-80 { font-size: 5rem; } /* 80px */ + +/*------------------------------------------*/ +/* FONT WEIGHT +/*------------------------------------------*/ + +.txt-upcase { + text-transform: uppercase +} + +.w-200 { font-weight: 200; } +.w-300 { font-weight: 300; } +.w-400 { font-weight: 400; } +.w-500 { font-weight: 500; } +.w-600 { font-weight: 600; } +.w-700 { font-weight: 700; } +.w-800 { font-weight: 800; } +.w-900 { font-weight: 900; } + +/*------------------------------------------*/ +/* LINK SETTINGS +/*------------------------------------------*/ + +a { + color: #6c757d; + text-decoration: none; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +a:hover { + color: #353f4f!important; + text-decoration: none; +} + +a:focus { + outline: none; + text-decoration: none; +} + +a.tra-link { + font-size: 1rem; + line-height: 1; + font-weight: 500; +} + +a.tra-link span { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.tra-link.ico-20 [class*="flaticon-"]:before, +.tra-link.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 0.75rem; + line-height: 0.7rem!important; + top: 2px; + left: 2px; +} + +a.tra-link:hover span { + color: #353f4f!important; +} + +/*------------------------------------------*/ +/* LISTS +/*------------------------------------------*/ + +ul { + margin: 0; + padding: 0; + list-style: none; +} + +/*------------------------------------------*/ +/* TEXT LIST +/*------------------------------------------*/ + +ul.simple-list { + list-style: disc; + margin-left: 15px; +} + +ul.simple-list.long-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* DIGIT LIST +/*------------------------------------------*/ + +ol.digit-list { + padding: 0; + margin-left: 15px; +} + +ol.digit-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* BUTTON SETTINGS +/*------------------------------------------*/ + +.btn { + background-color: transparent; + font-size: 1rem; + line-height: 1; + font-weight: 500; + padding: 0.9rem 1.8rem; + border: 2px solid transparent; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.btn.btn-sm { + font-size: 0.975rem; + padding: 0.7rem 1.5rem; +} + +.btn.ico-30.ico-left, +.btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Buttons Group +/*------------------------------------------*/ + +.text-center .btns-group { + display: inline-block; +} + +.btns-group .btn:first-child { + margin-right: 15px; +} + +.btns-group .btn.ico-30.ico-left { + padding: 0.37rem 0.5rem; +} + +.btns-group .btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Button Icon +/*------------------------------------------*/ + +.btn.ico-20 [class*="flaticon-"]:before, +.btn.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 1rem; + line-height: 0.7rem!important; + top: 4px; +} + +.btn.ico-left span { + margin-right: 5px; +} + +.btn.ico-right span { + margin-left: 5px; +} + +.btn.ico-30.ico-left span { + position: relative; + top: 0; + right: 4px; +} + +.btn.ico-30.ico-right span { + position: relative; + top: 0; + left: 4px; +} + +.btn.ico-30.ico-left span.ico-30-txt, +.btn.ico-30.ico-right span.ico-30-txt { + position: relative; + top: -10px; + right: 0; +} + +.btn.ico-30.ico-right span.ico-30-txt { + left: 0; +} + +/*------------------------------------------*/ +/* Button Text +/*------------------------------------------*/ + +p.btn-txt { + margin: 20px 0 0 0; +} + +.btn-rating p.btn-txt { + margin: 0; +} + +.star-rating span.rating-txt { + font-size: 0.9375rem; +} + +p.btns-group-txt { + margin: 14px 0 0 0; +} + +.btn-rating { + margin-top: 18px; +} + +.text-center p.btns-group-txt { + margin-top: 20px; +} + +p.btn-txt.ico-15, +p.btns-group-txt.ico-15 { + padding-left: 5px; +} + +.text-center p.btn-txt.ico-15, +.text-center p.btns-group-txt.ico-15 { + padding-left: 0; +} + +p.btn-txt span, +p.btns-group-txt span { + position: relative; + top: 0.5px; + right: 2px; +} + +p.btns-group-txt span.txt-data { + display: block; + top: 0; + right: 0; +} + +p.btns-group-txt span.txt-data a { + margin-left: 4px; + text-decoration: underline; +} + +p.btns-group-txt span.txt-data a:hover { + text-decoration: none; +} + +.hero-section .color--white p.btns-group-txt span.txt-data a:hover { + color: #fff!important; +} + +.btn-txt.ico-15 [class*="flaticon-"]:before, +.btn-txt.ico-15 [class*="flaticon-"]:after, +.btns-group-txt.ico-15 [class*="flaticon-"]:before, +.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.star-rating.ico-15 [class*="flaticon-"]:before, +.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; } + +/*------------------------------------------*/ +/* TRANSPARENT BUTTON +/*------------------------------------------*/ + +.btn--tra { + color: #fff!important; + border-color: transparent!important; + background-color: rgba(255, 255, 255, .2)!important; +} + +/*------------------------------------------*/ +/* WHITE BUTTON +/*------------------------------------------*/ + +.btn--transparent { + color: #353f4f; + background-color: transparent; + border-color: transparent; +} + +.btn--transparent:hover { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--white, +.hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.btn--tra-white, +.hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.white-scroll .scroll .hover--tra-white:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK BUTTON +/*------------------------------------------*/ + +.btn--black, +.hover--black:hover { + color: #fff!important; + background-color: #353f4f!important; + border-color: #353f4f!important; +} + +.btn--tra-black, +.hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* GREY BUTTON +/*------------------------------------------*/ + +.btn--tra-grey, +.hover--tra-grey:hover, +.white-scroll .scroll .hover--tra-grey:hover, +.black-scroll .scroll .hover--tra-grey:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #ccc!important; +} + +/*------------------------------------------*/ +/* BLUE BUTTON +/*------------------------------------------*/ + +.btn--blue-500, .hover--blue-500:hover, +.white-scroll .scroll .hover--blue-500:hover, +.black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.btn--blue-400, .hover--blue-400:hover, +.white-scroll .scroll .hover--blue-400:hover, +.black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.btn--blue-300, .hover--blue-300:hover, +.white-scroll .scroll .hover--blue-300:hover, +.black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.btn--blue-200, .hover--blue-200:hover, +.white-scroll .scroll .hover--blue-200:hover, +.black-scroll .scroll .hover--blue-200:hover { + color: #1680fb!important; + border-color: #e3ebfe!important; + background-color: #e3ebfe!important; +} + +.btn--blue-100, .hover--blue-100:hover, +.white-scroll .scroll .hover--blue-100:hover, +.black-scroll .scroll .hover--blue-100:hover { + color: #1680fb!important; + border-color: #1680fb!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* GREEN BUTTON +/*------------------------------------------*/ + +.btn--green-500, .hover--green-500:hover, +.white-scroll .scroll .hover--green-500:hover, +.black-scroll .scroll .hover--green-500:hover { + color: #fff!important; + border-color: #00a14e!important; + background-color: #00a14e!important; +} + +.btn--green-400, .hover--green-400:hover, +.white-scroll .scroll .hover--green-400:hover, +.black-scroll .scroll .hover--green-400:hover { + color: #fff!important; + border-color: #0fbc49!important; + background-color: #0fbc49!important; +} + +.btn--green-300, .hover--green-300:hover, +.white-scroll .scroll .hover--green-300:hover, +.black-scroll .scroll .hover--green-300:hover { + color: #fff!important; + border-color: #6fd792!important; + background-color: #6fd792!important; +} + +.btn--green-200, .hover--green-200:hover, +.white-scroll .scroll .hover--green-200:hover, +.black-scroll .scroll .hover--green-200:hover { + color: #0fbc49!important; + border-color: #cff2db!important; + background-color: #cff2db!important; +} + +.btn--green-100, .hover--green-100:hover, +.white-scroll .scroll .hover--green-100:hover, +.black-scroll .scroll .hover--green-100:hover { + color: #0fbc49!important; + border-color: #0fbc49!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PINK BUTTON +/*------------------------------------------*/ + +.btn--pink-500, .hover--pink-500:hover, +.white-scroll .scroll .hover--pink-500:hover, +.black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.btn--pink-400, .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.btn--pink-300, .hover--pink-300:hover, +.white-scroll .scroll .hover--pink-300:hover, +.black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.btn--pink-200, .hover--pink-200:hover, +.white-scroll .scroll .hover--pink-200:hover, +.black-scroll .scroll .hover--pink-200:hover { + color: #f74780!important; + border-color: #fee4ec!important; + background-color: #fee4ec!important; +} + +.btn--pink-100, .hover--pink-100:hover, +.white-scroll .scroll .hover--pink-100:hover, +.black-scroll .scroll .hover--pink-100:hover { + color: #f74780!important; + border-color: #f74780!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PURPLE BUTTON +/*------------------------------------------*/ + +.btn--purple-500, .hover--purple-500:hover, +.white-scroll .scroll .hover--purple-500:hover, +.black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.btn--purple-400, .hover--purple-400:hover, +.white-scroll .scroll .hover--purple-400:hover, +.black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.btn--purple-300, .hover--purple-300:hover, +.white-scroll .scroll .hover--purple-300:hover, +.black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.btn--purple-200, .hover--purple-200:hover, +.white-scroll .scroll .hover--purple-200:hover, +.black-scroll .scroll .hover--purple-200:hover { + color: #7b5dd6!important; + border-color: #e5deff!important; + background-color: #e5deff!important; +} + +.btn--purple-100, .hover--purple-100:hover, +.white-scroll .scroll .hover--purple-100:hover, +.black-scroll .scroll .hover--purple-100:hover { + color: #7b5dd6!important; + border-color: #7b5dd6!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* RED BUTTON +/*------------------------------------------*/ + +.btn--red-500, .hover--red-500:hover, +.white-scroll .scroll .hover--red-500:hover, +.black-scroll .scroll .hover--red-500:hover { + color: #fff!important; + border-color: #da0f29!important; + background-color: #da0f29!important; +} + +.btn--red-400, .hover--red-400:hover, +.white-scroll .scroll .hover--red-400:hover, +.black-scroll .scroll .hover--red-400:hover { + color: #fff!important; + border-color: #ff1e1a!important; + background-color: #ff1e1a!important; +} + +.btn--red-300, .hover--red-300:hover, +.white-scroll .scroll .hover--red-300:hover, +.black-scroll .scroll .hover--red-300:hover { + color: #fff!important; + border-color: #ffa5a3!important; + background-color: #ffa5a3!important; +} + +.btn--red-200, .hover--red-200:hover, +.white-scroll .scroll .hover--red-200:hover, +.black-scroll .scroll .hover--red-200:hover { + color: #ff1e1a!important; + border-color: #ffd2d1!important; + background-color: #ffd2d1!important; +} + +.btn--red-100, .hover--red-100:hover, +.white-scroll .scroll .hover--red-100:hover, +.black-scroll .scroll .hover--red-100:hover { + color: #ff1e1a!important; + border-color: #ff1e1a!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* VIOLET BUTTON +/*------------------------------------------*/ + +.btn--violet-500, .hover--violet-500:hover, +.white-scroll .scroll .hover--violet-500:hover, +.black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.btn--violet-400, .hover--violet-400:hover, +.white-scroll .scroll .hover--violet-400:hover, +.black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.btn--violet-300, .hover--violet-300:hover, +.white-scroll .scroll .hover--violet-300:hover, +.black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.btn--violet-200, .hover--violet-200:hover, +.white-scroll .scroll .hover--violet-200:hover, +.black-scroll .scroll .hover--violet-200:hover { + color: #be6cbe!important; + border-color: #f1cde5!important; + background-color: #f1cde5!important; +} + +.btn--violet-100, .hover--violet-100:hover, +.white-scroll .scroll .hover--violet-100:hover, +.black-scroll .scroll .hover--violet-100:hover { + color: #be6cbe!important; + border-color: #be6cbe!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* YELLOW BUTTON +/*------------------------------------------*/ + +.btn--yellow-500, .hover--yellow-500:hover, +.white-scroll .scroll .hover--yellow-500:hover, +.black-scroll .scroll .hover--yellow-500:hover { + color: #353f4f!important; + border-color: #ffba01!important; + background-color: #ffba01!important; +} + +.btn--yellow-400, .hover--yellow-400:hover, +.white-scroll .scroll .hover--yellow-400:hover, +.black-scroll .scroll .hover--yellow-400:hover { + color: #353f4f!important; + border-color: #ffbd45!important; + background-color: #ffbd45!important; +} + +.btn--yellow-300, .hover--yellow-300:hover, +.white-scroll .scroll .hover--yellow-300:hover, +.black-scroll .scroll .hover--yellow-300:hover { + color: #353f4f!important; + border-color: #ffdf35!important; + background-color: #ffdf35!important; +} + +.btn--yellow-200, .hover--yellow-200:hover, +.white-scroll .scroll .hover--yellow-200:hover, +.black-scroll .scroll .hover--yellow-200:hover { + color: #353f4f!important; + border-color: #fef5cd!important; + background-color: #fef5cd!important; +} + +.btn--yellow-100, .hover--yellow-100:hover, +.white-scroll .scroll .hover--yellow-100:hover, +.black-scroll .scroll .hover--yellow-100:hover { + color: #ffba01!important; + border-color: #ffba01!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* BUTTON FOCUS +/*------------------------------------------*/ + +.btn:focus, +.btn.btn--black:focus { + color: #fff; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--transparent:focus { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--grey:focus { + color: #666; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--tra-black:focus, +.btn--transparent:focus, +.btn.btn--tra-grey:focus { + color: #353f4f; + -webkit-box-shadow: none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* DOWNLOAD LINKS +/*------------------------------------------*/ + +.download-links li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.download-links-divider { + position: relative; + top: 1.5px; + transform: rotate(-90deg); +} + +.download-links li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.download-links li p a { + font-weight: 500; +} + +.download-links li p a:hover { + text-decoration: underline; +} + +.color--white .download-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* OS DOWNLOAD BUTTON +/*------------------------------------------*/ + +.os-btn { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + text-align: left; + width: 330px; + min-width: 330px; + background-color: #fff; + border: 1px solid #d3d3d3; + padding: 17px 18px 15px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.os-btn:hover { + background-color: #f5f6f7; + border: 1px solid #f5f6f7; + -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); +} + +.os-btn-ico { + position: relative; + margin-right: 20px; +} + +.os-btn-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.os-btn-txt p { + color: #353f4f; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + letter-spacing: -0.5px; + margin-top: 6px; + margin-bottom: 5px; +} + +.os-btn-txt span { + display: block; + font-size: 0.9rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* STORE BADGE ICONS +/*------------------------------------------*/ + +.stores-badge { + display: inline-block; +} + +.store { + display: inline-block; + text-align: center; + margin-right: 10px; +} + +.store:last-child { + margin-right: 0; +} + +.store img { + width: auto; + max-width: inherit; +} + +.badge-img-xs .store img { max-height: 2.5rem; } +.badge-img-sm .store img { max-height: 2.625rem; } +.badge-img-md .store img { max-height: 2.875rem; } +.badge-img-lg .store img { max-height: 3rem; } + +/*------------------------------------------*/ +/* WATCH VIDEO LINK +/*------------------------------------------*/ + +.watch-video { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + margin-top: 25px; +} + +/*------------------------------------------*/ +/* Link Icon +/*------------------------------------------*/ + +.watch-video-link { + position: relative; + text-align: center; + float: left; + width: 2.85rem; + height: 2.85rem; + color: #fff; + border: none; + margin-right: 12px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.watch-video-link:before { + content: ''; + position: absolute; + left: -3px; + right: -3px; + top: -3px; + bottom: -3px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.watch-video-link:hover:before { + opacity: .75; + left: -8px; + right: -8px; + top: -8px; + bottom: -8px; +} + +.watch-video-link span[class^="flaticon-"]:before, +.watch-video-link span[class^="flaticon-"]:after { + font-size: 2rem; + line-height: 2.85rem!important; + margin-left: 5px; +} + +/*------------------------------------------*/ +/* Link Text +/*------------------------------------------*/ + +.watch-video-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + text-align: left!important; +} + +p.video-txt-lg { + font-size: 1rem; + line-height: 1; + font-weight: 400; + margin-bottom: 5px; +} + +p.video-txt-sm { + font-size: 0.925rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* VIDEO POPUP ICON +/*------------------------------------------*/ + +.video-preview { + position: relative; + text-align: center; +} + +.video-btn { + position: absolute!important; + top: 50%; + left: 50%; + display: inline-block; + text-align: center; + color: #fff; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.video-btn-xl { + width: 6.25rem; + height: 6.25rem; + margin-top: -3.125rem; + margin-left: -3.125rem; +} + +.video-btn-lg { + width: 5.625rem; + height: 5.625rem; + margin-top: -2.8125rem; + margin-left: -2.8125rem; +} + +.video-btn-md { + width: 5rem; + height: 5rem; + margin-top: -2.5rem; + margin-left: -2.5rem; +} + +.video-btn-sm { + width: 4.375rem; + height: 4.375rem; + margin-top: -2.1875rem; + margin-left: -2.1875rem; +} + +.video-block-wrapper { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl [class^="flaticon-"]:before, +.video-btn.video-btn-xl [class^="flaticon-"]:after { + font-size: 5rem; + line-height: 6.25rem!important; + margin-left: 10px; +} + +.video-btn.video-btn-lg [class^="flaticon-"]:before, +.video-btn.video-btn-lg [class^="flaticon-"]:after { + font-size: 4.5rem; + line-height: 5.625rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-md [class^="flaticon-"]:before, +.video-btn.video-btn-md [class^="flaticon-"]:after { + font-size: 4.35rem; + line-height: 5rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-sm [class^="flaticon-"]:before, +.video-btn.video-btn-sm [class^="flaticon-"]:after { + font-size: 3.5rem; + line-height: 4.375rem!important; + margin-left: 5px; +} + +.video-btn:hover .video-block-wrapper { + -moz-transform: scale(0.95); + -ms-transform: scale(0.95); + -webkit-transform: scale(0.95); + -o-transform: scale(0.95); + transform: scale(0.95); +} + +.video-btn:before { + content: ''; + position: absolute; + left: -5px; + right: -5px; + top: -5px; + bottom: -5px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl:hover:before { + opacity: .75; + left: -1.5rem; + right: -1.5rem; + top: -1.5rem; + bottom: -1.5rem; +} + +.video-btn.video-btn-lg:hover:before { + opacity: .75; + left: -1.25rem; + right: -1.25rem; + top: -1.25rem; + bottom: -1.25rem; +} + +.video-btn.video-btn-md:hover:before { + opacity: .75; + left: -1rem; + right: -1rem; + top: -1rem; + bottom: -1rem; +} + +.video-btn.video-btn-sm:hover:before { + opacity: .75; + left: -0.75rem; + right: -0.75rem; + top: -0.75rem; + bottom: -0.75rem; +} + +/*------------------------------------------*/ +/* VECTOR ICONS +/*------------------------------------------*/ + +.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; } /* 15px */ +.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; } /* 15px */ +.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; } /* 20px */ +.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; } /* 25px */ +.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; } /* 30px */ +.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; } /* 35px */ +.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; } /* 40px */ +.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; } /* 45px */ +.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; } /* 50px */ +.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; } /* 55px */ +.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; } /* 60px */ +.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; } /* 65px */ +.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; } /* 70px */ +.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; } /* 75px */ +.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; } /* 80px */ +.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; } /* 85px */ +.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; } /* 90px */ +.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; } /* 95px */ +.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; } /* 100px */ +.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */ +.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; } /* 110px */ +.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */ +.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; } /* 120px */ +.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */ + +/*------------------------------------------*/ +/* VECTOR ICON BACKGROUND +/*------------------------------------------*/ + +.shape-ico { + position: relative; + display: inline-block; + margin: 0 auto; +} + +.shape-ico span { + position: relative; + z-index: 2; +} + +.shape-ico svg { + position: absolute; + z-index: 1; +} + +.ico-50 .shape-ico svg { + width: 130px; + height: 130px; + top: -35px; + left: calc(50% - 60px); +} + +.fbox-11 .ico-50 .shape-ico svg { + top: -40px; + left: calc(50% - 70px); +} + +.ico-55 .shape-ico svg { + width: 135px; + height: 135px; + top: -30px; + left: calc(50% - 60px); +} + +.ico-60 .shape-ico svg { + width: 140px; + height: 140px; + top: -30px; + left: calc(50% - 65px); +} + +.shape-ico.color--blue-300 path, +.shape-ico.color--blue-400 path, +.shape-ico.color--blue-500 path { + fill: #f4f9fc; +} + +.shape-ico.color--green-300 path, +.shape-ico.color--green-400 path, +.shape-ico.color--green-500 path { + fill: #e9f8f2; +} + +.shape-ico.color--pink-300 path, +.shape-ico.color--pink-400 path, +.shape-ico.color--pink-500 path { + fill: #feecf2; +} + +.shape-ico.color--purple-300 path, +.shape-ico.color--purple-400 path, +.shape-ico.color--purple-500 path { + fill: #f1edff; +} + +.shape-ico.color--red-300 path, +.shape-ico.color--red-400 path, +.shape-ico.color--red-500 path { + fill: #fce7e4; +} + +.shape-ico.color--violet-300 path, +.shape-ico.color--violet-400 path, +.shape-ico.color--violet-500 path { + fill: #f7e4f1; +} + +/*------------------------------------------*/ +/* VECTOR ROUNDED ICONS +/*------------------------------------------*/ + +.ico-rounded, +.ico-rounded-md, +.ico-rounded-lg { + display: inline-block; + text-align: center; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.ico-rounded { width: 80px; height: 80px; } +.ico-rounded-md { width: 90px; height: 90px; } +.ico-rounded-lg { width: 100px; height: 100px; } + +.ico-rounded [class*="flaticon-"]:before, +.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; } + +.ico-rounded-md [class*="flaticon-"]:before, +.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; } + +.ico-rounded-lg [class*="flaticon-"]:before, +.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; } + +/*------------------------------------------*/ +/* VECTOR SQUARE ICONS +/*------------------------------------------*/ + +.ico-square { + display: inline-block; + text-align: center; + width: 80px; + height: 80px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -o-border-radius: 12px; + border-radius: 12px; +} + +.ico-square [class*="flaticon-"]:before, +.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; } + +/*------------------------------------------*/ +/* PNG ICONS SETTINGS +/*------------------------------------------*/ + +.ico-145 img { width: 145px; height: 145px; } +.ico-140 img { width: 140px; height: 140px; } +.ico-135 img { width: 135px; height: 135px; } +.ico-130 img { width: 130px; height: 130px; } +.ico-125 img { width: 125px; height: 125px; } +.ico-120 img { width: 120px; height: 120px; } +.ico-115 img { width: 115px; height: 115px; } +.ico-110 img { width: 110px; height: 110px; } +.ico-105 img { width: 105px; height: 105px; } +.ico-100 img { width: 100px; height: 100px; } +.ico-95 img { width: 95px; height: 95px; } +.ico-90 img { width: 90px; height: 90px; } +.ico-85 img { width: 85px; height: 85px; } +.ico-80 img { width: 80px; height: 80px; } +.ico-75 img { width: 75px; height: 75px; } +.ico-70 img { width: 70px; height: 70px; } +.ico-65 img { width: 65px; height: 65px; } +.ico-60 img { width: 60px; height: 60px; } +.ico-55 img { width: 55px; height: 55px; } +.ico-50 img { width: 50px; height: 50px; } +.ico-45 img { width: 45px; height: 45px; } +.ico-40 img { width: 40px; height: 40px; } +.ico-35 img { width: 35px; height: 35px; } +.ico-30 img { width: 30px; height: 30px; } +.ico-25 img { width: 25px; height: 25px; } +.ico-20 img { width: 20px; height: 20px; } + +/*------------------------------------------*/ +/* SECTION ID +/*------------------------------------------*/ + +.section-id { + display: block; + font-size: 0.85rem; + line-height: 1; + font-weight: 700; + letter-spacing: 0.5px; + text-transform: uppercase; + margin-bottom: 35px; +} + +.section-id.rounded-id { + display: inline-block; + padding: 10px 24px; + font-size: 0.85rem; + text-transform: uppercase; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + margin-bottom: 40px; +} + +.section-id.border-id { + border-width: 2px; + border-style: solid; +} + +.section-id.border-id.border--grey { + border-color: #757575; +} + +.section-id.border-id.border--blue { + border-color: #1680fb; +} + +.font--jakarta .section-id { + font-family: 'Plus Jakarta Sans', sans-serif; +} + +.font--inter .section-id { + font-family: 'Inter', sans-serif; +} + +/*------------------------------------------*/ +/* SECTION TITLE +/*------------------------------------------*/ + +.section-title { + text-align: center; +} + +.section-title h2 { + margin-bottom: 0; +} + +.section-title h2.w-700 { + letter-spacing: -0.5px; +} + +.section-title p.p-md, +.section-title p.p-lg, +.section-title p.p-xl, +.section-title p.s-20, +.section-title p.s-21 { + margin-top: 18px; + margin-bottom: 0; +} + +.section-title p.p-md, +.section-title p.p-lg { + padding: 0 3%; +} + +.section-title a.contact-link { + font-weight: 500; + text-decoration: underline; +} + +.section-title .btns-group .btn { + margin-top: 0; +} + +.section-title .advantages, +.section-title .btns-txt, +.section-title .btns-group-txt { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* TEXT COLORS +/*------------------------------------------*/ + +.color--white, +.color--white h1, +.color--white h2, +.color--white h3, +.color--white h4, +.color--white h5, +.color--white h6, +.color--white p, +.color--white a, +.color--white li, +.color--white i, +.color--white span { color: #fff; } + +.color--snow, +.color--snow h1, +.color--snow h2, +.color--snow h3, +.color--snow h4, +.color--snow h5, +.color--snow h6, +.color--snow p, +.color--snow a, +.color--snow li, +.color--snow i, +.color--snow span, +.color--white .color--snow { color: #c2c3cb; } + +.color--black, +.color--black h1, +.color--black h2, +.color--black h3, +.color--black h4, +.color--black h5, +.color--black h6, +.color--black p, +.color--black a, +.color--black li, +.color--black i, +.color--black span { color: #353f4f; } + +.color--coal, +.color--coal h1, +.color--coal h2, +.color--coal h3, +.color--coal h4, +.color--coal h5, +.color--coal h6, +.color--coal p, +.color--coal a, +.color--coal li, +.color--coal i, +.color--coal span { color: #52595d; } + +.color--grey, +.color--grey h1, +.color--grey h2, +.color--grey h3, +.color--grey h4, +.color--grey h5, +.color--grey h6, +.color--grey p, +.color--grey a, +.color--grey li, +.color--grey i, +.color--grey span, +.color--white .color--grey { color: #757575; } + +.color--blue-500, +.color--blue-500 h1, +.color--blue-500 h2, +.color--blue-500 h3, +.color--blue-500 h4, +.color--blue-500 h5, +.color--blue-500 h6, +.color--blue-500 p, +.color--blue-500 a, +.color--blue-500 li, +.color--blue-500 i, +.color--blue-500 span, +.color--white .color--blue-500 { color: #185abd!important; } + +.color--blue-400, +.color--blue-400 h1, +.color--blue-400 h2, +.color--blue-400 h3, +.color--blue-400 h4, +.color--blue-400 h5, +.color--blue-400 h6, +.color--blue-400 p, +.color--blue-400 a, +.color--blue-400 li, +.color--blue-400 i, +.color--blue-400 span, +.color--white .color--blue-400 { color: #1680fb!important; } + +.color--blue-300, +.color--blue-300 h1, +.color--blue-300 h2, +.color--blue-300 h3, +.color--blue-300 h4, +.color--blue-300 h5, +.color--blue-300 h6, +.color--blue-300 p, +.color--blue-300 a, +.color--blue-300 li, +.color--blue-300 i, +.color--blue-300 span, +.color--white .color--blue-300 { color: #3eb1ff!important; } + +.color--green-500, +.color--green-500 h1, +.color--green-500 h2, +.color--green-500 h3, +.color--green-500 h4, +.color--green-500 h5, +.color--green-500 h6, +.color--green-500 p, +.color--green-500 a, +.color--green-500 li, +.color--green-500 i, +.color--green-500 span, +.color--white .color--green-500 { color: #00a14e!important; } + +.color--green-400, +.color--green-400 h1, +.color--green-400 h2, +.color--green-400 h3, +.color--green-400 h4, +.color--green-400 h5, +.color--green-400 h6, +.color--green-400 p, +.color--green-400 a, +.color--green-400 li, +.color--green-400 i, +.color--green-400 span, +.color--white .color--green-400 { color: #0fbc49!important; } + +.color--green-300, +.color--green-300 h1, +.color--green-300 h2, +.color--green-300 h3, +.color--green-300 h4, +.color--green-300 h5, +.color--green-300 h6, +.color--green-300 p, +.color--green-300 a, +.color--green-300 li, +.color--green-300 i, +.color--green-300 span, +.color--white .color--green-300 { color: #6fd792!important; } + +.color--pink-500, +.color--pink-500 h1, +.color--pink-500 h2, +.color--pink-500 h3, +.color--pink-500 h4, +.color--pink-500 h5, +.color--pink-500 h6, +.color--pink-500 p, +.color--pink-500 a, +.color--pink-500 li, +.color--pink-500 i, +.color--pink-500 span, +.color--white .color--pink-500 { color: #ff149c!important; } + +.color--pink-400, +.color--pink-400 h1, +.color--pink-400 h2, +.color--pink-400 h3, +.color--pink-400 h4, +.color--pink-400 h5, +.color--pink-400 h6, +.color--pink-400 p, +.color--pink-400 a, +.color--pink-400 li, +.color--pink-400 i, +.color--pink-400 span, +.color--white .color--pink-400 { color: #f74780!important; } + +.color--pink-300, +.color--pink-300 h1, +.color--pink-300 h2, +.color--pink-300 h3, +.color--pink-300 h4, +.color--pink-300 h5, +.color--pink-300 h6, +.color--pink-300 p, +.color--pink-300 a, +.color--pink-300 li, +.color--pink-300 i, +.color--pink-300 span, +.color--white .color--pink-300 { color: #fcb5cc!important; } + +.color--purple-500, +.color--purple-500 h1, +.color--purple-500 h2, +.color--purple-500 h3, +.color--purple-500 h4, +.color--purple-500 h5, +.color--purple-500 h6, +.color--purple-500 p, +.color--purple-500 a, +.color--purple-500 li, +.color--purple-500 i, +.color--purple-500 span, +.color--white .color--purple-500 { color: #663ae9!important; } + +.color--purple-400, +.color--purple-400 h1, +.color--purple-400 h2, +.color--purple-400 h3, +.color--purple-400 h4, +.color--purple-400 h5, +.color--purple-400 h6, +.color--purple-400 p, +.color--purple-400 a, +.color--purple-400 li, +.color--purple-400 i, +.color--purple-400 span, +.color--white .color--purple-400 { color: #7b5dd6!important; } + +.color--purple-300, +.color--purple-300 h1, +.color--purple-300 h2, +.color--purple-300 h3, +.color--purple-300 h4, +.color--purple-300 h5, +.color--purple-300 h6, +.color--purple-300 p, +.color--purple-300 a, +.color--purple-300 li, +.color--purple-300 i, +.color--purple-300 span, +.color--white .color--purple-300 { color: #bdaeea!important; } + +.color--red-500, +.color--red-500 h1, +.color--red-500 h2, +.color--red-500 h3, +.color--red-500 h4, +.color--red-500 h5, +.color--red-500 h6, +.color--red-500 p, +.color--red-500 a, +.color--red-500 li, +.color--red-500 i, +.color--red-500 span, +.color--white .color--red-500 { color: #da0f29!important; } + +.color--red-400, +.color--red-400 h1, +.color--red-400 h2, +.color--red-400 h3, +.color--red-400 h4, +.color--red-400 h5, +.color--red-400 h6, +.color--red-400 p, +.color--red-400 a, +.color--red-400 li, +.color--red-400 i, +.color--red-400 span, +.color--white .color--red-400 { color: #ff1e1a!important; } + +.color--red-300, +.color--red-300 h1, +.color--red-300 h2, +.color--red-300 h3, +.color--red-300 h4, +.color--red-300 h5, +.color--red-300 h6, +.color--red-300 p, +.color--red-300 a, +.color--red-300 li, +.color--red-300 i, +.color--red-300 span, +.color--white .color--red-300 { color: #ffa5a3!important; } + +.color--violet-500, +.color--violet-500 h1, +.color--violet-500 h2, +.color--violet-500 h3, +.color--violet-500 h4, +.color--violet-500 h5, +.color--violet-500 h6, +.color--violet-500 p, +.color--violet-500 a, +.color--violet-500 li, +.color--violet-500 i, +.color--violet-500 span, +.color--white .color--violet-500 { color: #c73e9b!important; } + +.color--violet-400, +.color--violet-400 h1, +.color--violet-400 h2, +.color--violet-400 h3, +.color--violet-400 h4, +.color--violet-400 h5, +.color--violet-400 h6, +.color--violet-400 p, +.color--violet-400 a, +.color--violet-400 li, +.color--violet-400 i, +.color--violet-400 span, +.color--white .color--violet-400 { color: #be6cbe!important; } + +.color--violet-300, +.color--violet-300 h1, +.color--violet-300 h2, +.color--violet-300 h3, +.color--violet-300 h4, +.color--violet-300 h5, +.color--violet-300 h6, +.color--violet-300 p, +.color--violet-300 a, +.color--violet-300 li, +.color--violet-300 i, +.color--violet-300 span, +.color--white .color--violet-300 { color: #e2bde2!important; } + +.color--yellow-500, +.color--yellow-500 h1, +.color--yellow-500 h2, +.color--yellow-500 h3, +.color--yellow-500 h4, +.color--yellow-500 h5, +.color--yellow-500 h6, +.color--yellow-500 p, +.color--yellow-500 a, +.color--yellow-500 li, +.color--yellow-500 i, +.color--yellow-500 span, +.color--white .color--yellow-500 { color: #ffba01!important; } + +.color--yellow-400, +.color--yellow-400 h1, +.color--yellow-400 h2, +.color--yellow-400 h3, +.color--yellow-400 h4, +.color--yellow-400 h5, +.color--yellow-400 h6, +.color--yellow-400 p, +.color--yellow-400 a, +.color--yellow-400 li, +.color--yellow-400 i, +.color--yellow-400 span, +.color--white .color--yellow-400 { color: #ffbd45!important; } + +.color--yellow-300, +.color--yellow-300 h1, +.color--yellow-300 h2, +.color--yellow-300 h3, +.color--yellow-300 h4, +.color--yellow-300 h5, +.color--yellow-300 h6, +.color--yellow-300 p, +.color--yellow-300 a, +.color--yellow-300 li, +.color--yellow-300 i, +.color--yellow-300 span, +.color--white .color--yellow-300 { color: #ffdf35!important; } + + + + +/* ========================================================================== + 03. PRELOAD ANIMATION + ========================================================================== */ + +#loading { + height: 100%; + width: 100%; + position: fixed; + z-index: 1; + margin-top: 0px; + top: 0px; + z-index: 99999999; +} + +#loading { + background-color: #f5f5f9; +} + +#loading-center { + position: absolute; + left: 50%; + top: 50%; + height: 100px; + width: 100px; + margin-top: -50px; + margin-left: -50px; + -webkit-animation: loading-center-absolute 1s infinite; + animation: loading-center-absolute 1s infinite; +} + +.loader { + border: 2px solid; + border-color: transparent #888; + width: 100px; + height: 100px; + border-radius: 50%; + display: inline-block; + position: relative; + box-sizing: border-box; + animation: rotation 1s linear infinite; +} + +.loading--blue .loader { + border-color: transparent #1680fb; +} + +.loading--green .loader { + border-color: transparent #0fbc49; +} + +.loading--pink .loader { + border-color: transparent #f74780; +} + +.loading--purple .loader { + border-color: transparent #7b5dd6; +} + +.loading--red .loader { + border-color: transparent #ff1e1a; +} + +.loading--violet .loader { + border-color: transparent #c73e9b; +} + +.loading--yellow .loader { + border-color: transparent #ffba01; +} + +.loader::after { + content: ''; + box-sizing: border-box; + position: absolute; + left: 50%; + top: 50%; + border: 50px solid; + border-color: transparent rgba(30, 30, 30, 0.15); + border-radius: 50%; + transform: translate(-50%, -50%); +} + +.loading--blue .loader::after { + border-color: transparent rgba(22, 128, 251, .15); +} + +.loading--green .loader::after { + border-color: transparent rgba(14, 188, 73, .15); +} + +.loading--pink .loader::after { + border-color: transparent rgba(247, 71, 128, .15); +} + +.loading--purple .loader::after { + border-color: transparent rgba(123, 93, 214, .15); +} + +.loading--red .loader::after { + border-color: transparent rgba(255, 30, 26, .15); +} + +.loading--violet .loader::after { + border-color: transparent rgba(1900, 108, 190, .15); +} + +.loading--yellow .loader::after { + border-color: transparent rgba(255, 186, 1, .15); +} + +@keyframes rotation { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + + + + +/* ========================================================================== + 04. HEADER & NAVIGATION + =========================================================================== */ + +#header { + width: 100%; + display: block; + padding-top: 0px; +} + +.header-wrapper { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.headerwp { + max-width: 1140px; + margin: 0 auto; + padding: 0; +} + +.posrlt { + position: relative; +} + +/*------------------------------------------*/ +/* HEADER LOGO +/*------------------------------------------*/ + +.desktoplogo img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.blog-header .desktoplogo img { + max-height: 30px; +} + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.wsmainfull { + width: 100%; + height: auto; + z-index: 1031; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.tra-menu .wsmainfull { + padding: 20px 0; + background-color: transparent!important; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.white-menu .wsmainfull { + padding: 6px 0; + background-color: #fff!important; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.dark-menu .wsmainfull { + padding: 6px 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +#header.hiddden-header { + display: none; +} + +.hidden-nav .wsmainfull { + margin-top: -140px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 1rem; + line-height: 50px; + font-weight: 600; + letter-spacing: 0; + text-decoration: none; + margin: 0 7px; + padding: 10px 15px; +} + +.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.wsmenu > .wsmenu-list > li > a.h-link.last-link { + padding: 10px 0px; + margin: 0; +} + +.wsmenu > .wsmenu-list > li > a .wsarrow:after { + border-left: 4px solid rgba(0, 0, 0, 0); + border-right: 4px solid rgba(0, 0, 0, 0); + border-top: 4px solid; + content: ""; + float: right; + right: 0; + height: 0; + margin: 0 0 0 14px; + position: absolute; + text-align: right; + top: 35px; + width: 0; +} + +.wsmenu > .wsmenu-list > li.reg-fst-link > a { + margin-left: 30px; +} + +/*------------------------------------------*/ +/* HEADER LINK INFO +/*------------------------------------------*/ + +span.sm-info { + position: relative; + display: inline-block; + text-align: center; + width: 20px; + height: 20px; + color: #fff; + font-size: 0.65rem; + line-height: 19px; + font-weight: 700; + margin-left: 5px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; +} + +.nav-blue-500 .sm-info { background-color: #185abd; } +.nav-blue-400 .sm-info { background-color: #1680fb; } +.nav-blue-300 .sm-info { background-color: #3eb1ff; } + +.nav-green-500 .sm-info { background-color: #00a14e; } +.nav-green-400 .sm-info { background-color: #0fbc49; } +.nav-green-300 .sm-info { background-color: #6fd792; } + +.nav-pink-500 .sm-info { background-color: #ff149c; } +.nav-pink-400 .sm-info { background-color: #f74780; } +.nav-pink-300 .sm-info { background-color: #fcb5cc; } + +.nav-purple-500 .sm-info { background-color: #663ae9; } +.nav-purple-400 .sm-info { background-color: #7b5dd6; } +.nav-purple-300 .sm-info { background-color: #bdaeea; } + +.nav-red-500 .sm-info { background-color: #da0f29; } +.nav-red-400 .sm-info { background-color: #ff1e1a; } +.nav-red-300 .sm-info { background-color: #ffa5a3; } + +.nav-violet-500 .sm-info { background-color: #c73e9b; } +.nav-violet-400 .sm-info { background-color: #be6cbe; } +.nav-violet-300 .sm-info { background-color: #e2bde2; } + +.nav-yellow-500 .sm-info { background-color: #ffba01; } +.nav-yellow-400 .sm-info { background-color: #ffbd45; } +.nav-yellow-300 .sm-info { background-color: #ffdf35; } + +/*------------------------------------------*/ +/* HEADER BUTTONS +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li a.btn { + font-size: 1rem; + line-height: 30px; + font-weight: 600; + text-transform: none; + letter-spacing: 0; + margin-top: 14px; + padding: 4px 28px; +} + +.wsmenu > .wsmenu-list > li a.btn.reg-btn { + padding: 4px 22px; +} + +.wsmenu > .wsmenu-list > li a.btn.fst-btn-link { + margin-left: 12px; +} + +.wsmenu > .wsmenu-list > li a.store.header-store { + line-height: 1; + margin-top: 13px; + margin-left: 10px; + margin-bottom: 0; + padding: 0; +} + +.store.header-store img { + max-height: 44px; +} + +/*------------------------------------------*/ +/* HEADER SOCIAL LINKS +/*------------------------------------------*/ + +.header-socials { + margin: 0; + display: inline-block; + text-align: center; +} + +.header-socials span { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.header-socials a { + display: block; + margin-left: 18px; +} + +.navbar-light .header-socials a { + color: #ddd; +} + +.navbar-light .header-socials a:hover { + color: #ccc!important; +} + +.header-socials.ico-20 [class*="flaticon-"]:before, +.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } + +/*------------------------------------------*/ +/* HEADER SUBMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu { + width: auto; + min-width: 200px; + top: 62px; + padding: 12px 10px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a { + background-color: rgba(244, 244, 249, 0); + font-family: 'Plus Jakarta Sans', sans-serif; + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* HALFMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + top: 62px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + width: 38%; + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + right: 2%; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li { + border-bottom: none; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + background-color: rgba(244, 244, 249, 0); + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* MEGAMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { + width: 76%!important; + left: 23%; + padding: 20px 10px; +} + +.wsmegamenu.w-75 .col-lg-3 { + padding: 0 6px; +} + +/*------------------------------------------*/ +/* SUBMENU TITLE +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu .title, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title { + color: #929394; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.875rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0; + margin: 10px 0 15px 13px; +} + +/*------------------------------------------*/ +/* DARK HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #ddd; + background-color: rgba(255, 255, 255, 0)!important; +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(255, 255, 255, .05)!important; +} + +.dark-menu .title, .black-scroll .scroll .title, +.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span { + color: #fff!important; +} + +/*------------------------------------------*/ +/* ICONS MENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu { + max-width: 275px; + min-width: 275px; + padding: 12px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + width: 52%; + padding: 12px 6px; +} + +.wsmegamenu.halfmenu.icons-menu .col-lg-6 { + padding: 0 6px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { + width: 82%!important; + left: 17%; + padding: 12px 6px; +} + +.wsmegamenu.icons-menu.w-75 .col-lg-4 { + padding: 0 6px; +} + +.icons-menu .icons-menu-item { + display: flex!important; + position: relative!important; + flex-flow: row wrap!important; + align-items: stretch!important; + justify-content: flex-start!important; +} + +.icons-menu-ico { + position: relative; + margin-right: 14px; +} + +.wsmegamenu.ico-30 .icons-menu-ico span { + position: relative; + top: 6px!important; +} + +.icons-menu-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.icons-menu-txt h6 { + color: inherit; + font-size: 1rem; + line-height: 32px; + font-weight: 500; + margin-bottom: 0; +} + +.icons-menu-txt span { + display: block; + color: #898989; + font-size: 0.925rem; + font-weight: 400; + margin-bottom: 0; +} + +.sub-menu.ico-30 .icons-menu-txt h6 { + line-height: 30px; +} + +/*------------------------------------------*/ +/* NAVBAR HOVER +/*------------------------------------------*/ + +.navbar-light .wsmenu-list > li > a.h-link:hover { + color: #eee!important; +} + +.navbar-dark .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #185abd!important; +} + +.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #1680fb!important; +} + +.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #3eb1ff!important; +} + +.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #00a14e!important; +} + +.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #0fbc49!important; +} + +.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #6fd792!important; +} + +.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff149c!important; +} + +.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #f74780!important; +} + +.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #fcb5cc!important; +} + +.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #663ae9!important; +} + +.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #7b5dd6!important; +} + +.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #bdaeea!important; +} + +.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #da0f29!important; +} + +.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff1e1a!important; +} + +.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ffa5a3!important; +} + +.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #c73e9b!important; +} + +.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #be6cbe!important; +} + +.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #e2bde2!important; +} + +/*------------------------------------------*/ +/* HIDDEN NAVBAR SCROLL +/*------------------------------------------*/ + +.hidden-nav .wsmainfull.scroll { + margin-top: 0; +} + +/*------------------------------------------*/ +/* NAVBAR WHITE SCROLL +/*------------------------------------------*/ + +.tra-menu.white-scroll .wsmainfull.scroll, +.white-menu.white-scroll .wsmainfull.scroll { + padding: 0; + background-color: rgba(255, 255, 255, .7)!important; + backdrop-filter: blur(20px); + -webkit-backdrop-filter: blur(20px); + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +/*------------------------------------------*/ +/* NAVBAR BLACK SCROLL +/*------------------------------------------*/ + +.tra-menu.black-scroll .wsmainfull.scroll, +.dark-menu.black-scroll .wsmainfull.scroll { + padding: 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover { + color: #ccc!important; +} + +/*------------------------------------------*/ +/* WHITE SCROLL BUTTONS +/*------------------------------------------*/ + +.white-scroll .scroll .btn--tra-white { + color: #353f4f!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK SCROLL BUTTONS +/*------------------------------------------*/ + +.black-scroll .scroll .btn--tra-black { + color: #fff!important; + border-color: #fff!important; +} + +/*------------------------------------------*/ +/* LOGO IMAGE +/*------------------------------------------*/ + +.logo-white, +.logo-black { + display: block; +} + +.navbar-light .logo-black, +.navbar-dark .logo-white, +.tra-menu.navbar-light .scroll .logo-white, +.tra-menu.navbar-dark.black-scroll .scroll .logo-black { + display: none; +} + +.tra-menu.navbar-light .scroll .logo-black, +.tra-menu.navbar-dark.black-scroll .scroll .logo-white { + display: block; +} + + + + +/* ========================================================================== + 05. HERO + ========================================================================== */ + +.hero-section, +.hero-section .container { + position: relative; + z-index: 3; +} + +.hero-section.bg--img { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.hero-section.blur--purple:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 100%; + top: -30%; + left: 0; + background-image: url(../images/blur-purple.png); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + background-attachment: scroll; + opacity: 0.2; +} + +/*------------------------------------------*/ +/* HERO LOGO +/*------------------------------------------*/ + +.hero-logo { + margin-bottom: 40px; +} + +.hero-square-logo { + margin-bottom: 20px; +} + +#hero-22 .hero-logo { + margin-bottom: 30px; +} + +.hero-logo img { + width: auto; + max-width: inherit; + max-height: 36px; +} + +.hero-square-logo img { + width: auto; + max-width: inherit; + max-height: 90px; +} + +/*------------------------------------------*/ +/* HERO APP LOGO +/*------------------------------------------*/ + +.hero-app-logo { + margin-bottom: 35px; +} + +#hero-25 .hero-app-logo { + margin-bottom: 25px; +} + +.hero-app-logo img { + width: auto; + max-width: inherit; + max-height: 100px; +} + +#hero-25 .hero-app-logo img { + max-height: 110px; +} + +/*------------------------------------------*/ +/* HERO DIGITS +/*------------------------------------------*/ + +#hd-1-1, #hd-1-2 { + display: inline-block; + float: left; + padding-right: 20px; +} + +#hd-1-1 { width: 45%; } +#hd-1-2 { width: 55%; } + +.hero-digits-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.hero-digits .block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 12px; +} + +.hero-digits h2.statistic-number { + line-height: 1; + margin-bottom: 0; +} + +.hero-digits h2.statistic-number span { + font-size: 1.85rem; +} + +.hero-digits .block-txt p.p-sm { + line-height: 1.35; + margin-top: 5px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* HERO TYPOGRAPHY +/*------------------------------------------*/ + +.hero-section h2 { + margin-bottom: 28px; +} + +.hero-section h2.s-48, +.hero-section h2.s-50 { + margin-bottom: 40px; +} + +.hero-section h2.s-62 { + margin-bottom: 24px; +} + +.hero-section p.p-sm { + padding: 0!important; +} + +.hero-section p.p-md { + margin-bottom: 30px; +} + +.hero-section p.p-lg, +.hero-section p.p-xl { + margin-bottom: 32px; +} + +.hero-section p.s-20, +.hero-section p.s-22, +.hero-section p.s-24 { + margin-bottom: 36px; +} + +.hero-section p.p-lg span, +.hero-section p.p-xl span { + font-weight: 600; + letter-spacing: -0.35px; +} + +/*------------------------------------------*/ +/* HERO-1 +/*------------------------------------------*/ + +#hero-1 { + background-image: url(../images/hero-1.jpg); + padding-top: 130px; + padding-bottom: 100px; +} + +.hero-1-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-2 +/*------------------------------------------*/ + +#hero-2 { + background-image: url(../images/hero-2.jpg); + padding-top: 150px; + padding-bottom: 100px; +} + +.hero-2-txt p { + padding-right: 3%; +} + +.hero-2-img { + text-align: center; + padding-right: 25px; +} + +/*------------------------------------------*/ +/* HERO-3 +/*------------------------------------------*/ + +#hero-3 { + position: relative; + padding-top: 160px; + background-image: url(../images/hero-3.jpg); +} + +#hero-3:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 5%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-3-txt { + margin-top: -70px; +} + +.hero-3-txt p.p-lg { + padding-right: 2%; +} + +.hero-3-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-4 +/*------------------------------------------*/ + +#hero-4 { + overflow: hidden; + background-image: url(../images/hero-4.jpg); + padding-top: 180px; +} + +#hero-4:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 10%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-4-txt h2 { + padding: 0 3%; +} + +.hero-4-txt p { + padding: 0 5%; +} + +.hero-4-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-4-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-5 +/*------------------------------------------*/ + +#hero-5 .wave-shape-bottom path { + fill: #fff; +} + +#hero-5 { + background-image: url(../images/hero-5.jpg); + padding-top: 140px; + padding-bottom: 50px; +} + +.hero-5-txt h2 { + line-height: 1.3; + margin-bottom: 25px; +} + +.hero-5-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +.hero-5-img { + margin: 0 0 -50px; +} + +/*------------------------------------------*/ +/* HERO-6 +/*------------------------------------------*/ + +#hero-6 { + padding-top: 130px; +} + +.hero-6-wrapper { + overflow: hidden; + background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd); + padding: 75px 80px; +} + +.hero-6-img { + position: relative; + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-7 +/*------------------------------------------*/ + +#hero-7 { + padding-top: 140px; + padding-bottom: 100px; +} + +#hero-7 .quick-form { + margin-right: 4%; +} + +.hero-7-img { + padding-left: 30px; +} + +/*------------------------------------------*/ +/* HERO-8 +/*------------------------------------------*/ + +#hero-8 .wave-shape-bottom path { + fill: #fff; +} + +#hero-8 { + position: relative; + background-image: url(../images/hero-8.jpg); + padding-top: 170px; + padding-bottom: 30px; +} + +.hero-8-txt { + margin-top: -70px; +} + +.hero-8-txt p { + padding-right: 10%; +} + +.hero-8-txt .hero-digits { + padding-right: 15%; +} + +#hero-8-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-8-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-8-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-8-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-8-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-9 +/*------------------------------------------*/ + +#hero-9 { + padding-top: 180px; +} + +.hero-9-txt h2 { + line-height: 1; +} + +.hero-9-txt h2 img { + position: relative; + width: auto; + max-width: inherit; + max-height: 100px; + margin: 0 3px; + top: -8px; +} + +.hero-9-txt p { + padding: 0 5%; + margin-top: 40px; +} + +#hero-9 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +.hero-9-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-10 +/*------------------------------------------*/ + +#hero-10 { + position: relative; + background-image: url(../images/hero-10.jpg); + padding-top: 170px; + padding-bottom: 100px; +} + +.hero-10-txt h4 { + line-height: 1.45; + font-weight: 300; + padding-right: 5%; + margin-bottom: 35px; +} + +.hero-10-img { + position: relative; + text-align: center; + margin: 0 -95% 0 15px; +} + +/*------------------------------------------*/ +/* HERO-11 +/*------------------------------------------*/ + +#hero-11 { + overflow: hidden; + background-image: url(../images/hero-11.jpg); + padding-top: 50px; +} + +.hero-11-txt { + margin-top: 40px; +} + +.hero-11-txt p { + padding-right: 5%; +} + +.hero-11-img { + position: relative; + margin: -60px -12% -100px -15px; +} + +/*------------------------------------------*/ +/* HERO-12 +/*------------------------------------------*/ + +#hero-12 { + overflow: hidden; + background-image: url(../images/hero-12.jpg); + padding-top: 180px; +} + +.hero-12-txt h2 { + padding: 0 3%; +} + +.hero-12-txt p { + padding: 0 5%; +} + +.hero-12-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-12-img { + margin-top: 60px; + margin-bottom: -100px; +} + +.hero-12-img .video-btn { + top: calc(50% - 30px); +} + +/*------------------------------------------*/ +/* HERO-13 +/*------------------------------------------*/ + +#hero-13 { + background-image: linear-gradient(180deg, #f1edff, #f1edff); + padding-top: 130px; + padding-bottom: 80px; +} + +#hero-13:after { + position: absolute; + content: ''; + z-index: -1; + width: 43%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; + -moz-box-shadow: 0 0 55px 35px #fff; + -webkit-box-shadow: 0 0 35px 35px #fff; + box-shadow: 0 0 35px 35px #fff; +} + +.hero-13-txt .section-id { + font-weight: 600; + letter-spacing: 1.5px; +} + +.hero-13-txt p { + padding-right: 5%; +} + +.hero-13-img { + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-14 +/*------------------------------------------*/ + +#hero-14 .wave-shape-bottom path { + fill: #fff; +} + +#hero-14 { + background-image: url(../images/hero-14.jpg); + padding-top: 170px; +} + +.hero-14-txt p.s-21 { + font-size: 1.3125rem; + margin-bottom: 40px; +} + +#hero-14 .quick-form { + margin-left: 6%; + margin-right: 6%; +} + +.hero-14-txt .btn-txt { + margin-top: 40px; +} + +.hero-14-img { + margin-top: 70px; +} + +/*------------------------------------------*/ +/* HERO-15 +/*------------------------------------------*/ + +#hero-15 { + position: relative; + z-index: 3; + background-image: url(../images/hero-15.jpg); + padding-top: 130px; +} + +.hero-15-txt { + margin-top: -20px; +} + +.hero-15-txt h2 { + padding-right: 5%; +} + +.hero-15-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-16 +/*------------------------------------------*/ + +#hero-16 .wave-shape-bottom path { + fill: #fff; +} + +#hero-16 { + background-image: url(../images/hero-16.jpg); + padding-top: 170px; + margin-bottom: 80px; +} + +.hero-16-img { + margin-top: 60px; + margin-bottom: -80px; +} + +/*------------------------------------------*/ +/* HERO-17 +/*------------------------------------------*/ + +#hero-17 { + text-align: center; + padding-top: 170px; + background-image: url(../images/hero-17.jpg); + background-position: top center; +} + +#hero-17 #brands-1 { + padding: 80px 6% 0; +} + +#hero-17 #brands-1 .brands-carousel-5 .brand-logo { + padding: 0 20px; +} + +#hero-17 .quick-form { + margin-left: 8%; + margin-right: 8%; +} + +/*------------------------------------------*/ +/* HERO-18 +/*------------------------------------------*/ + +#hero-18 { + padding-top: 140px; + padding-bottom: 80px; +} + +#hero-18:after { + position: absolute; + content: ''; + z-index: -1; + width: 74%; + height: 100%; + top: 0; + left: 26%; + background-image: url(../images/hero-18.jpg); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + border-radius: 0 0 0 60px; +} + +.hero-18-txt p { + padding-right: 3%; +} + +#hero-18 .quick-form { + margin-right: 4%; +} + +.hero-18-img { + text-align: center; + padding-right: 15px; +} + +/*------------------------------------------*/ +/* HERO-19 +/*------------------------------------------*/ + +#hero-19 { + padding-top: 170px; +} + +.hero-19-txt p { + padding: 0 10%; +} + +/*------------------------------------------*/ +/* HERO-20 +/*------------------------------------------*/ + +#hero-20 { + background-image: url(../images/hero-20.jpg); + padding-top: 100px; + padding-bottom: 100px; +} + +#hero-20:after { + position: absolute; + content: ''; + z-index: -1; + width: 51%; + height: 100%; + top: 0; + left: 0; + background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd); +} + +.hero-20-txt { + padding: 0 8% 0 15px; +} + +.hero-section .hero-20-txt h2.s-48 { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* HERO-21 +/*------------------------------------------*/ + +#hero-21 { + padding-top: 170px; +} + +.hero-21-txt { + margin-bottom: 60px; +} + +.hero-21-txt h2 { + margin-bottom: 35px; +} + +.hero-21-wrapper { + overflow: hidden; +} + +#hero-21 .hero-overlay { + background-image: url(../images/hero-21.jpg); + padding: 90px 70px 0; +} + +.hero-21-img { + position: relative; + margin-bottom: -25%; +} + +.hero-21-img .video-btn { + top: calc(50% - 80px); +} + +/*------------------------------------------*/ +/* HERO-22 +/*------------------------------------------*/ + +#hero-22 .wave-shape-bottom path { + fill: #fff; +} + +#hero-22 { + position: relative; + background-image: url(../images/hero-22.jpg); + padding-top: 160px; +} + +#hero-22-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-22-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-22-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-22-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-22-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-23 +/*------------------------------------------*/ + +#hero-23 .wave-shape-bottom path { + fill: #fff; +} + +#hero-23 { + position: relative; + background-image: url(../images/hero-23.jpg); + padding-top: 100px; + margin-bottom: 25px; +} + +.hero-23-txt p { + padding: 0 5%; +} + +.hero-23-img { + margin-top: 40px; + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* HERO-24 +/*------------------------------------------*/ + +#hero-24 { + background-image: url(../images/hero-24.jpg); + padding-top: 200px; + padding-bottom: 150px; +} + +#hero-24 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +/*------------------------------------------*/ +/* HERO-25 +/*------------------------------------------*/ + +#hero-25 { + background-image: url(../images/hero-25.jpg); + padding-top: 120px; + padding-bottom: 100px; +} + +.hero-25-txt h2 { + margin-bottom: 22px; +} + +.hero-25-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* HERO-26 +/*------------------------------------------*/ + +#hero-26 .wave-shape-bottom path { + fill: #fff; +} + +#hero-26 { + position: relative; + background-image: url(../images/hero-26.jpg); + padding-top: 160px; + z-index: 3; +} + +.hero-26-txt { + margin-top: -80px; +} + +.hero-26-txt h2 { + padding-right: 2%; +} + +#hero-26 .quick-form { + margin-right: 4%; +} + +.hero-26-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-27 +/*------------------------------------------*/ + +#hero-27 .hero-overlay { + background-image: url(../images/hero-27.png); + background-position: top center; + padding-top: 170px; +} + +.hero-27-txt h2 { + margin-bottom: 26px!important; +} + +.hero-27-txt p.s-20 { + padding: 0 6%; + margin-bottom: 30px!important; +} + +.hero-27-txt p.s-21 { + padding: 0 5%; +} + +/*------------------------------------------*/ +/* HERO QUICK FORM +/*------------------------------------------*/ + +.hero-section .quick-form .input-group { + border: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Input +/*------------------------------------------*/ + +.hero-section .quick-form .form-control { + height: 64px; + background-color: #fff; + border: 2px solid transparent; + color: #666; + font-size: 1.125rem; + font-weight: 400; + padding: 0 20px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.hero-section .quick-form.form-shadow .form-control { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + box-shadow: 0 5px 10px rgba(0, 0, 0, .05); +} + +.hero-section .quick-form.form-stroke .form-control { + border-color: #353f4f; +} + +.hero-section .quick-form.form-half .form-control { + height: 58px; + font-size: 1.0625rem; +} + +/*------------------------------------------*/ +/* Hero Quick Form Placeholder +/*------------------------------------------*/ + +.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Hero Quick Form Focus +/*------------------------------------------*/ + +.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Button +/*------------------------------------------*/ + +.hero-section .quick-form .btn { + height: 64px; + font-size: 1.0625rem; + padding: 12px 45px; + margin-left: 15px; +} + +.hero-section .quick-form.form-half .btn { + height: 58px; + font-size: 1rem; + padding: 13px 40px; + margin-left: 14px; +} + +/*------------------------------------------*/ +/* Hero Quick Form Message +/*------------------------------------------*/ + +.hero-section .quick-form-msg { + width: 100%!important; + display: block; + margin: 20px 0 15px 5px; +} + +.hero-section .text-center .quick-form-msg { + margin: 20px 0 -15px 0; +} + +.hero-section .quick-form-msg .loading { + color: #3eb1ff; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; +} + +.hero-section .text-center .quick-form-msg .loading { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* HERO REQUEST FORM +/*------------------------------------------*/ + +/*------------------------------------------*/ +/* Hero Request Form Input +/*------------------------------------------*/ + +.request-form .form-control { + height: 58px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #666; + font-size: 1rem; + font-weight: 400; + margin-bottom: 22px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Hero Request Form Placeholder +/*------------------------------------------*/ + +.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } +.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; } +.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; } + +.request-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Request Form Button +/*------------------------------------------*/ + +#hero-8-form .btn, +#hero-22-form .btn { + width: 100%; + height: 58px; + padding: 16px; +} + +/*------------------------------------------*/ +/* Hero Request Form Message +/*------------------------------------------*/ + +.request-form-msg { + width: 100%!important; + display: block; + text-align: center; + margin-top: 15px; +} + +.request-form-msg .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 06. ABOUT + ========================================================================== */ + +.a2-txt { + padding: 20px 30px 35px; +} + +.a2-txt-quote { + position: relative; + margin-bottom: -45px; + } + +.a2-txt-quote.ico-40 [class*="flaticon-"]:before, +.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; } + +/*------------------------------------------*/ +/* ABOUT TYPOGRAPHY +/*------------------------------------------*/ + +#about-1 .txt-block p { + margin-bottom: 0; +} + +#about-4 .txt-block p { + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* ABOUT 2 AUTHOR +/*------------------------------------------*/ + +.a2-txt-author { + line-height: 1.45; + font-weight: 500; + margin-top: 18px; + margin-bottom: 0; +} + +.a2-txt-author span { + display: block; + font-weight: 300; +} + +/*------------------------------------------*/ +/* ABOUT 2 IMAGES +/*------------------------------------------*/ + +.about-3-images { + padding: 0 5%; +} + +.about-2-img { + overflow: hidden; +} + +.about-3-img { + overflow: hidden; + height: 460px; +} + +.a-2-1 { + margin-left: 13%; + margin-bottom: 30px; +} + +.a-2-2 { + margin-left: -10%; +} + +.a-2-3 { + margin-right: -10%; + margin-bottom: 30px; +} + +.a-2-4 { + margin-right: -10%; +} + +#a4-1 { + position: relative; + padding-right: 30px; + margin-top: -30px; +} + +#a4-2 { + position: relative; + padding-left: 30px; + margin-bottom: -30px; +} + + + + +/* ========================================================================== + 07. FEATURES + ========================================================================== */ + +#features-12.py-100.shape--bg:after, +#features-12.pt-100.shape--bg:after, +#features-13.py-100.shape--bg:after, +#features-13.pt-100.shape--bg:after { + position: absolute; + content: ''; + z-index: -1; +} + +#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; } +#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; } +#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; } +#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; } + +.rows-2 .fb-1, +.rows-2 .fb-2, +.rows-2 .fb-3 { + margin-bottom: 50px; +} + +.rows-2 .fbox-7.fb-1, +.rows-2 .fbox-7.fb-2, +.rows-2 .fbox-7.fb-3, +.rows-2 .fbox-9.fb-1, +.rows-2 .fbox-9.fb-2, +.rows-2 .fbox-9.fb-3, +.rows-3 .fb-1, .rows-3 .fb-2, +.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; } + +.rows-3 .fb-3.fbox-11-lst, +.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; } + +.fbox-14-wrapper { + padding: 80px 70px; +} + +.fbox-14-wrapper .col { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.row-cols-md-3 .fbox-4 { padding: 50px 35px; } +.row-cols-md-2 .fbox-4 { padding: 35px 20px; } + +.fbox-5 { padding: 60px; } + +.fbox-7 { + border: 2px solid #eee; + padding: 55px 40px 50px; +} + +.row-cols-md-2 .fbox-7 { + padding: 35px 20px 30px; +} + +.fbox-8 { padding: 55px 40px; } +.fbox-8.bg--white-100 { padding: 60px 40px; } + +.fbox-9 { + border: 2px solid #eee; + padding: 40px 40px 35px; +} + +.fbox-14 { + border: 2px solid #eee; + padding: 40px 30px 35px; +} + +/*------------------------------------------*/ +/* FEATURE BOX IMAGE +/*------------------------------------------*/ + +.fbox-img img { + width: auto; + max-width: inherit; +} + +.fbox-img.h-135 img { max-height: 135px; } +.fbox-img.h-140 img { max-height: 140px; } +.fbox-img.h-145 img { max-height: 145px; } +.fbox-img.h-150 img { max-height: 150px; } +.fbox-img.h-155 img { max-height: 155px; } +.fbox-img.h-160 img { max-height: 160px; } +.fbox-img.h-165 img { max-height: 165px; } +.fbox-img.h-170 img { max-height: 170px; } +.fbox-img.h-175 img { max-height: 175px; } +.fbox-img.h-180 img { max-height: 180px; } + +/*------------------------------------------*/ +/* FBOX-1 IMAGE +/*------------------------------------------*/ + +.fbox-1 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-1 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-2 IMAGE +/*------------------------------------------*/ + +.fbox-2 .fbox-img { + -webkit-border-radius: 12px 12px 0 0; + -moz-border-radius: 12px 12px 0 0; + -o-border-radius: 12px 12px 0 0; + border-radius: 12px 12px 0 0; +} + +.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, +.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } + +.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; } +.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } +.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } +.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; } +.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; } + +.fbox-2 .fbox-img img { + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* FBOX-3 IMAGE +/*------------------------------------------*/ + +.fbox-3 .fbox-img { + overflow: hidden; +} + +.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; } +.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; } +.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; } +.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; } + +.row-cols-md-2 .fbox-3 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-4 IMAGE +/*------------------------------------------*/ + +.fbox-4 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-4 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-5 IMAGE +/*------------------------------------------*/ + +.fbox-5.fb-1 .fbox-5-img, +.fbox-5.fb-5 .fbox-5-img, +.fbox-5.fb-6 .fbox-5-img { + margin: 40px 5% 0; +} + +.fbox-5.fb-2 .fbox-5-img, +.fbox-5.fb-3 .fbox-5-img, +.fbox-5.fb-4 .fbox-5-img { + margin: 0 5% 40px; +} + +/*------------------------------------------*/ +/* FEATURE BOX VECTOR ICON +/*------------------------------------------*/ + +.fbox-ico, +.fbox-ico.ico-rounded { + margin-bottom: 20px; +} + +.fbox-ico.ico-rounded-md, +.fbox-ico.ico-rounded-lg { + margin-bottom: 25px; +} + +.fbox-11 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.fbox-ico-wrap { + position: relative; + margin-right: 25px; +} + +.rows-2 .fbox-ico-wrap { + margin-right: 20px; +} + +.fbox-11 .fbox-ico { + margin-top: 4px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.fbox-11 .fbox-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +/*------------------------------------------*/ +/* FEATURE BOX TITLE +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-lg-3 .fbox-title { + margin-bottom: 10px; +} + +.fbox-title span { + float: left; + line-height: 1!important; + margin-right: 15px; +} + +.fbox-title h6 { + line-height: 2.1875rem!important; + margin-bottom: 0; +} + +.fbox-title.ico-30 h6 { + line-height: 1.875rem!important; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* FEATURE BOX TYPOGRAPHY +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-md-3 h6 { + margin-bottom: 15px; +} + +.rows-2 .fbox-11 h6, +.fbox-wrapper .row-cols-md-2 h6 { + margin-bottom: 10px; +} + +.fbox-wrapper p { + margin-bottom: 0; +} + +.fbox-5 h5 { + margin-bottom: 15px; +} + +.fbox-14 h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FEATURE-12 +/*------------------------------------------*/ + +.fbox-12-wrapper { + padding-left: 45px; +} + +.fbox-13-wrapper { + padding-right: 45px; +} + +.fbox-12, +.fbox-13 { + padding: 32px 35px; +} + +.fbox-12 h5, +.fbox-13 h5 { + margin-top: 20px; + margin-bottom: 10px; +} + +.fbox-12 p, +.fbox-13 p, +.fbox-14 p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 08. CONTENT + ========================================================================== */ + +.ct-06 { + margin-bottom: 80px; +} + +.ct-07 { + margin-top: 80px; +} + +.ct-10 .section-overlay { + margin-bottom: 100px; +} + +.ct-11, +.ct-12 { + padding: 60px 0; +} + +.ct-11:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; +} + +.ct-12:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 50%; + background-color: #fff; +} + +/*------------------------------------------*/ +/* CONTENT BOX WRAPPER +/*------------------------------------------*/ + +.bc-1-wrapper .section-overlay, +.bc-4-wrapper .section-overlay, +.bc-6-wrapper .section-overlay { + padding: 80px 70px; +} + +.bc-2-wrapper .section-overlay, +.bc-3-wrapper .section-overlay, +.bc-5-wrapper .section-overlay { + padding: 80px 70px 0; +} + +.bc-6 { + padding: 40px 35px; +} + +.cbox-6-wrapper { + padding: 60px 40px; +} + +.content-section .cbox-6-wrapper { + padding: 80px 70px; +} + +.bc-5-wrapper .section-title p { + padding: 0; +} + +/*------------------------------------------*/ +/* TEXT BLOCK +/*------------------------------------------*/ + +.txt-box { + margin-bottom: 20px; +} + +.txt-box:last-child { + margin-bottom: 0; +} + +.bc-3-txt, +.ct-06 .txt-block, +.bc-2-wrapper .txt-block { + margin-top: -40px; +} + +.bc-2-txt, +.ct-07 .txt-block { + margin-top: 40px; +} + +.bc-1-wrapper .txt-block.pr-25.left-column, +.bc-2-wrapper .txt-block.pr-25.left-column { + padding-right: 25px; +} + +.bc-1-wrapper .txt-block.pl-25.right-column, +.bc-2-wrapper .txt-block.pl-25.right-column { + padding-left: 25px; +} + +.ct-11 .txt-block { + padding-right: 50px; +} + +.ct-12 .txt-block { + padding-left: 70px; +} + +.ct-13 .txt-block h5 { + padding-right: 6%; +} + +/*------------------------------------------*/ +/* TEXT BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.bc-2-txt h2, +.bc-3-txt h2, +.bc-4-txt h2, +.txt-block h3, +.txt-block h2 { + margin-bottom: 26px; +} + +.txt-block h5 { + margin-bottom: 20px; +} + +h5.h5-title { + margin-top: 20px; + margin-bottom: 20px; +} + +.txt-block .btn, +.txt-block .btns-group .btn.btn--transparent { + margin-top: 25px; +} + +.txt-block .btn.btn--transparent { + margin-top: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX +/*------------------------------------------*/ + +.cbox-1, +.cbox-2, +.cbox-3 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.cbox-5 { + position: relative; +} + +.cbox-5-content { + background-color: #fff; + border: 1px solid #f5f6f6; + padding: 40px; + margin: 0 12%; + z-index: 1; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.cbox-5-content .divider { + margin-top: 25px; + margin-bottom: 25px; +} + +#cb-6-1, #cb-6-2 { + margin-bottom: 35px; +} + +/*------------------------------------------*/ +/* CONTENT BOX TITLE +/*------------------------------------------*/ + +.box-title h6, +.box-title h5 { + display: inline-block; + line-height: 2.35rem!important; + margin-bottom: 15px; +} + +.box-title span { + position: relative; + top: 12px; + margin-right: 10px; +} + +.box-title span[class*="flaticon-"]:before, +.box-title span[class*="flaticon-"]:after { + font-size: 2.35rem; +} + +.txt-block .cbox-5-title h2 { + font-size: 3.5rem; + letter-spacing: -1px; + line-height: 1; + margin-bottom: 10px; +} + +.cbox-5-title .statistic-number sup { + font-size: 3rem; + top: -5px; + right: 6px; +} + +.cbox-5-title .ico-15 [class*="flaticon-"]:before, +.cbox-5-title .ico-15 [class*="flaticon-"]:after { + font-size: 0.875rem; + line-height: 1!important; +} + +.cbox-5-title p.p-lg { + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* CONTENT BOX ICON +/*------------------------------------------*/ + +.cbox-1 .ico-wrap { + margin-left: 8px; +} + +.cbox-1.ico-10 span { + position: relative; + top: 0; + right: 7px; +} + +.cbox-1.ico-15 span { + position: relative; + top: 1px; + right: 8px; +} + +.cbox-1.ico-10 [class*="flaticon-"]:before, +.cbox-1.ico-10 [class*="flaticon-"]:after { + font-size: 0.6rem; +} + +.cbox-1.ico-15 [class*="flaticon-"]:before, +.cbox-1.ico-15 [class*="flaticon-"]:after { + font-size: 0.75rem; +} + +/*------------------------------------------*/ +/* CBOX #2 +/*------------------------------------------*/ + +.cbox-2 .ico-wrap { + position: relative; + margin-right: 1.625rem; +} + +.cbox-2-ico { + position: relative; + width: 2.625rem; + height: 2.625rem; + text-align: center; + border-radius: 100%; + font-size: 1.1875rem; + font-weight: 500; + line-height: 2.375rem; + border: 2px solid transparent; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.ct-03 .cbox-2-ico { + position: relative; + width: 2.35rem; + height: 2.35rem; + font-size: 1.15rem; + line-height: 2.15rem; +} + +.cbox-2-line { + position: absolute; + bottom: 20px; + left: 50%; + width: 2px; + background-color: #e4e4e4; + height: calc(100% - 90px); + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.cbox-2:hover .cbox-2-ico { + background-color: transparent; + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} + +.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; } +.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; } +.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; } + +.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; } +.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; } +.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; } + +.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; } +.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; } +.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; } + +.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; } +.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; } +.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; } + +.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; } +.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; } +.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; } + +.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; } +.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; } +.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; } + +.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; } +.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; } +.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* CBOX #3 +/*------------------------------------------*/ + +.cbox-3 .ico-wrap { + position: relative; + text-align: center; + margin-top: 0; + margin-right: 1.15rem; +} + +.cbox-3 .cbox-3-ico { + position: relative; + top: 3px; +} + +.cbox-3-ico span[class*="flaticon-"]:before, +.cbox-3-ico span[class*="flaticon-"]:after { + font-size: 2.85rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX TEXT +/*------------------------------------------*/ + +.cbox-1-txt, +.cbox-2-txt, +.cbox-3-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.cbox-2-txt, +.cbox-3-txt { + margin-bottom: 35px; +} + +.ct-03 .cbox-2-txt { + margin-bottom: 30px; +} + +.cbox-4-txt { + margin-bottom: 25px; +} + +.cbox-2:last-child .cbox-2-txt, +.cbox-3:last-child .cbox-3-txt, +.cbox-4:last-child .cbox-4-txt { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX FEATURE +/*------------------------------------------*/ + +.cbox-5-fea { + padding: 20px 25px; + margin-top: 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.txt-block .cbox-5-fea h4 { + line-height: 1; + margin-bottom: 3px; +} + +.cbox-5-fea p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX TYPOGRAPHY +/*------------------------------------------*/ + +.cbox-2-txt h5, +.cbox-3-txt h5 { + margin-bottom: 15px; +} + +.ct-03 .cbox-2-txt h5 { + margin-bottom: 10px; +} + +.cbox-6 h6 { + margin-bottom: 15px; +} + +.cbox-1-txt p { + margin-bottom: 8px; +} + +.cbox-1-last .cbox-1-txt p { + margin-bottom: 1rem; +} + +.cbox-6 p, +.cbox-2-txt p, +.cbox-3-txt p, +.cbox-4-txt p { + margin-bottom: 0; +} + +.bc-6-txt { + padding: 0 10px; +} + +.bc-6-txt h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* ACCORDION +/*------------------------------------------*/ + +.txt-block .accordion-1 .accordion-item { + background-color: transparent; + padding: 25px 30px; + border: none; +} + +.txt-block .accordion-2 .accordion-item { + background-color: transparent; + padding: 15px 0 25px; + border: none; + border-top: 1px solid #ccc; + border-radius: 0 0; +} + +.txt-block .accordion-2 .accordion-item:last-child { + border-bottom: 1px solid #ccc; +} + +.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; } +.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; } +.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } +.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; } +.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; } +.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; } +.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; } +.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; } + +.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } +.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } +.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } +.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } +.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } +.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; } +.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; } + +.txt-block .accordion-thumb { + margin: 0; + padding: 0; + cursor: pointer; + position: relative; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + color: #6c757d; + font-family: Flaticon; + position: absolute; + color: #353f4f; + font-weight: 400; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before { + content: "\f11a"; + font-size: 0.95rem; + top: 1px; + left: 0; +} + +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f110"; + font-size: 0.95rem; + top: 12px; + right: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active { + background-color: #f4f4f9; + padding: 35px 30px 19px 30px; + margin-bottom: 15px; + margin-top: 15px; +} + +.txt-block .accordion-2 .accordion-item.is-active { + background-color: transparent; + margin-bottom: 0; + margin-top: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before { + content: "\f11b"; +} + +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f111"; +} + +.txt-block .accordion-1 .accordion-panel { + color: #6c757d; + margin: 0; + padding: 0 0 0 25px; + display: none; +} + +.txt-block .accordion-2 .accordion-panel { + color: #6c757d; + margin: 15px 0 0 0; + display: none; +} + +.txt-block .accordion-1 .accordion-thumb h5 { + color: #353f4f; + line-height: 1; + padding-left: 28px; + margin-bottom: 0; +} + +.txt-block .accordion-2 .accordion-thumb h5 { + color: #353f4f; + display: inline-block; + line-height: 1; + padding-left: 10px; + margin-bottom: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { + margin-bottom: 20px; +} + +.accordion-2 .accordion-thumb span[class*="flaticon-"]:before, +.accordion-2 .accordion-thumb span[class*="flaticon-"]:after { + color: #6c757d; + position: relative; + font-size: 2.1875rem; + top: 10px; +} + +.txt-block .accordion-2 .accordion-panel .simple-list li { + margin-bottom: 1rem; +} + +.txt-block .accordion-2 .accordion-panel p, +.txt-block .accordion-2 .accordion-panel .simple-list li:last-child { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TABS +/*------------------------------------------*/ + +#tabs-1 .tabs-nav { + text-align: center; +} + +.tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +#tabs-1 .tab-content { + display: none; +} + +#tabs-1 .tab-content.current { + display: inherit; +} + +.tabs-1 li { + display: inline-block; + margin: 0 20px; + color: #aaa; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + padding: 0 2px 10px; + background-color: transparent; + border-bottom: 3px solid transparent; + cursor: pointer; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* TAB LINK HOVER / CURRENT +/*------------------------------------------*/ + +.tabs-1 li:hover { + color: #888; + border-color: #ccc; +} + +.tabs-1 li.current, +.tabs-1 li.current:hover { + color: #2b3648; + border-color: #2b3648; +} + +.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; } +.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; } +.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; } + +.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; } +.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; } +.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; } + +.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; } +.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; } +.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; } + +.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; } +.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; } +.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; } + +.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; } +.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; } +.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; } + +.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; } +.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; } +.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; } + +.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; } +.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; } +.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* ADVANTAGES LIST +/*------------------------------------------*/ + +.advantages { + margin-top: 15px; +} + +.text-center .advantages { + margin-top: 20px; +} + +.advantages li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.advantages-links-divider { + position: relative; + top: 0.5px; + transform: rotate(-90deg); +} + +.advantages li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.advantages.ico-15 li p span { + position: relative; + top: 2px; + right: -1px; +} + +.advantages.ico-15 [class*="flaticon-"]:before, +.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.advantages li p a { + font-weight: 400; + text-decoration: underline; +} + +.advantages li p a:hover { + text-decoration: underline; +} + +.white--color .advantages li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* COMPATABILITY +/*------------------------------------------*/ + +.compatibility { + display: inline-block; + padding: 3px 20px; + margin-top: 15px; + margin-bottom: 0; +} + +.compatibility span { + position: relative; + top: -1.5px; + right: 2px; +} + +.compatibility.ico-10 [class*="flaticon-"]:before, +.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; } + +/*------------------------------------------*/ +/* TOOLS LIST / PAYMENT METHODS +/*------------------------------------------*/ + +.tools-list, +.payment-methods { + margin-top: 25px; +} + +.tools-list p, +.payment-methods p { + font-weight: 400; + margin-bottom: 12px; +} + +.tools-list.ico-35 [class*="flaticon-"]:before, +.tools-list.ico-35 [class*="flaticon-"]:after { + line-height: 2.1875rem!important; + margin-right: 6px; +} + +/*------------------------------------------*/ +/* Payment Icons +/*------------------------------------------*/ + +.payment-icons li { + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; + padding-right: 5px; +} + +.payment-icons li:last-child { + padding-right: 0; +} + +.payment-icons img { + width: auto; + max-width: inherit; + max-height: 32px; +} + +/*------------------------------------------*/ +/* QUOTE +/*------------------------------------------*/ + +.quote p { + color: #666; + border-left: 3px solid #0195ff; + font-style: italic; + padding-left: 20px; + margin-bottom: 12px; +} + +/*------------------------------------------*/ +/* Quote Avatar +/*------------------------------------------*/ + +.quote-avatar { + display: inline-block; + margin: 0 auto; +} + +.quote-avatar img { + width: 70px; + height: 70px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +/*------------------------------------------*/ +/* Quote Author +/*------------------------------------------*/ + +.quote-author { + position: relative; + display: inline-block; + padding: 0 0 0 15px; + text-align: left; + top: 16px; +} + +.quote-author h6 { + margin-bottom: 0; +} + +.quote-author span { + font-size: 1rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX SHAPES +/*------------------------------------------*/ + +.cbox-5-shape-1 { + position: absolute; + right: 30px; + top: -35px; + z-index: -1; +} + +.cbox-5-shape-2 { + position: absolute; + left: 30px; + bottom: -25px; + z-index: -1; +} + +.cbox-5-shape-1 img, +.cbox-5-shape-2 img { + height: 100%; + width: 100%; + object-fit: cover; +} + +/*------------------------------------------*/ +/* IMG BLOCK IMAGE +/*------------------------------------------*/ + +.grey-img { + filter: grayscale(100%); +} + +.img-block { + text-align: center; +} + +.img-block.img-block-bkg { + overflow: hidden; +} + +.img-block.img-block-bkg img { + padding: 60px 45px; +} + +.ct-10 .img-block, +.img-block-hidden, +.bc-5-img.bc-5-dashboard.img-block-hidden { + margin-bottom: -100px; +} + +.ct-05 .img-block-hidden { + margin-bottom: -30px; +} + +.bc-5-img.bc-5-tablet.img-block-hidden { + margin-bottom: -200px; +} + +.img-block-hidden .video-btn, +.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { + top: calc(50% - 30px); +} + +.bc-5-img.bc-5-tablet.img-block-hidden .video-btn { + top: calc(50% - 70px); +} + +.ct-01 .img-block, +.ct-04 .img-block { + margin-left: 30px; +} + +.ct-02 .img-block { + margin-right: 30px; +} + +.ct-03 .img-block.right-column { + margin-left: 20px; +} + +.ct-03 .img-block.left-column { + margin-right: 20px; +} + +.ct-04 .img-block img { + max-width: none; + display: inline-block; +} + +.ct-06 .img-block { + margin-bottom: -80px; +} + +.ct-07 .img-block { + margin-top: -80px; +} + +.img-block-txt, +.img-block-btn { + margin-top: 60px; +} + +.bc-1-wrapper .img-block.left-column, +.bc-2-wrapper .img-block.left-column { + padding-right: 10px; +} + +.bc-1-wrapper .img-block.right-column, +.bc-2-wrapper .img-block.right-column { + padding-left: 10px; +} + +.bc-2-img { + margin-left: 15px; +} + +.bc-3-img { + margin: 0 -65% -25px 15px; +} + +.bc-4-img { + margin-left: 15px; + margin-right: -65%; +} + +.bc-6-img { + padding: 50px 30px 0; + margin-bottom: 35px; +} + +.ct-11 .img-block { + position: relative; + text-align: center; + padding-left: 70px; + z-index: 2; +} + +.ct-12 .img-block { + position: relative; + text-align: center; + padding-right: 70px; + z-index: 2; +} + +.ct-11 .img-block .tra-bkg, +.ct-12 .img-block .tra-bkg { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + + + + +/* ========================================================================== + 09. STATISTIC + =========================================================================== */ + +.sb-rounded .statistic-block { + padding: 35px 25px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK +/*------------------------------------------*/ + +#sb-2-1, +#sb-2-2 { + width: 48%; + display: inline-block; + float: left; +} + +#sb-2-3, #sb-2-4 { + display: inline-block; + float: left; + padding-right: 15px; +} + +#sb-2-3 { width: 45%; } +#sb-2-4 { width: 55%; } + +#sb-2-3 .statistic-block, +#sb-2-4 .statistic-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +#sb-2-3 .statistic-block-txt, +#sb-2-4 .statistic-block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 15px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-1-wrapper .statistic-block-digit { + width: 35%; + display: inline-block!important; + float: left; +} + +.statistic-1-wrapper .statistic-block-txt { + width: 65%; + display: inline-block!important; + padding-left: 20px; +} + +#statistic-5 .statistic-digit { + padding-bottom: 20px; + margin: 0 100px 20px 0; + border-bottom: 1px solid #999; +} + +#statistic-5 .color--white .statistic-digit { + border-bottom: 1px solid rgba(255, 255, 255, .8); +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-ico { + margin-bottom: 10px; +} + +h2.statistic-number { + line-height: 1; + font-weight: 700; + letter-spacing: -1px; + margin-bottom: 0; +} + +#sb-2-1 h2.statistic-number, +#sb-2-2 h2.statistic-number { + margin-bottom: 15px; +} + +#sb-2-3 h2.statistic-number span, +#sb-2-4 h2.statistic-number span { + font-size: 2rem; +} + +#statistic-5 .statistic-digit h2 { + letter-spacing: -1.5px; +} + +#statistic-5 .statistic-txt h5 { + line-height: 1; + margin-bottom: 12px; +} + +.statistic-block-txt p.p-md { + line-height: 1.35; + margin-bottom: 0; +} + +#sb-2-1 .statistic-block p.p-sm, +#sb-2-2 .statistic-block p.p-sm { + line-height: 1.4; + margin-bottom: 0; +} + +#sb-2-3 .statistic-block p.p-sm, +#sb-2-4 .statistic-block p.p-sm { + margin-top: 3px; + line-height: 1.5; + margin-bottom: 0; +} + +.statistic-3-wrapper p { + line-height: 1; + margin-top: 15px; + margin-bottom: 0; +} + +.statistic-3-wrapper p.p-md { + line-height: 1; + margin-top: 22px; + margin-bottom: 0; +} + +.statistic-4-wrapper p { + line-height: 1; + margin-bottom: 14px; +} + +#statistic-5 .statistic-txt p { + padding-right: 3%; + margin-bottom: 0; +} + +.txt-block-stat .statistic-block .txt-block-rating { + margin-top: -4px; + margin-bottom: -3px; +} + +.txt-block-stat .ico-15 [class*="flaticon-"]:before, +.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; } + + + + +/* ========================================================================== + 10. PROJECTS + ========================================================================== */ + +.projects-wrapper { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +#pt-1-1, #pt-1-2, +.inner-page-hero #pt-1-3, +.inner-page-hero #pt-1-4 { + margin-bottom: 50px; +} + +.project-details h5 { + line-height: 1; + margin-bottom: 30px; +} + +.project-preview { + position: relative; + overflow: hidden; +} + +/*------------------------------------------*/ +/* Image Link +/*------------------------------------------*/ + +.project-link { + width: 100%; + position: absolute; + top: 55%; + transform: translateY(-50%); + opacity: 0; + text-align: center; + color: #fff; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Overlay +/*------------------------------------------*/ + +.hover-overlay { + width: 100%; + height: auto; + overflow: hidden; + position: relative; +} + +.hover-overlay img { + transform: scale(1); + -ms-transform: scale(1); + -webkit-transform: scale(1); + -o-transform: scale(1); + -moz-transform: scale(1); + overflow: hidden; + -webkit-transition: transform 400ms; + -moz-transition: transform 400ms; + -o-transition: transform 400ms; + transition: transform 400ms; +} + +/*------------------------------------------*/ +/* Overlay Background +/*------------------------------------------*/ + +.item-overlay { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(20, 20, 20, .25); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Effect +/*------------------------------------------*/ + +.project-preview:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.project-preview:hover .project-link { + top: 50%; + opacity: 1; + -moz-opacity: 1; +} + +.project-preview:hover .item-overlay { + opacity: 1; + -moz-opacity: 1; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.more-projects { + text-align: center; + margin-top: 70px; +} + + + + +/* ========================================================================== + 11. PROJECT DETAILS + ========================================================================== */ + +.single-project .project-title { + margin-bottom: 80px; +} + +.project-title h2 { + padding-right: 5%; + padding-bottom: 40px; + margin-bottom: 35px; + border-bottom: 1px solid #ddd; +} + +.project-data p { + margin-bottom: 4px; +} + +.project-data p span { + color: #353f4f; + font-weight: 500; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.project-description .more-projects { + margin-top: 65px; +} + +.project-description .more-projects h3 { + display: inline-block; + text-decoration: underline; + margin-bottom: 0; +} + +.project-description .more-projects span { + color: #353f4f; + position: relative; + top: 2px; + left: 5px; +} + + + + +/* ========================================================================== + 12. RATING + =========================================================================== */ + +.rating-section .rating-1-wrapper { + padding: 0 16%; +} + +.rating-section .rating-2-wrapper { + padding: 0 4%; +} + +.rating-title { + text-align: center; +} + +.rating-title h5 { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* RATING BOX +/*------------------------------------------*/ + +.rbox-1, +.rbox-2 { + text-align: center; +} + +/*------------------------------------------*/ +/* RATING BOX LOGO +/*------------------------------------------*/ + +.rbox-1-img { + margin-bottom: 20px; +} + +.rbox-1-img img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.rbox-2-txt img { + position: relative; + display: inline-block; + width: auto; + max-width: inherit; + max-height: 30px; + top: -1px; + left: 4px; +} + +/*------------------------------------------*/ +/* RATING BOX TYPOGRAPHY +/*------------------------------------------*/ + +.rbox-2-txt { + margin-top: 20px; +} + +.rbox-1 .star-rating { + display: inline-block; + font-size: 17px; + line-height: 15px; + font-weight: 500; + vertical-align: inherit; + border: 1px solid #f5f5f5; + padding: 5px 18px; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +.rbox-1 .star-rating span { + position: relative; + color: #ffb30c; + top: 1.5px; +} + +.rbox-1 .star-rating { + font-size: 0.86rem; + line-height: 1; +} + +p.rbox-2-txt { + line-height: 22px; + margin-top: 8px; + margin-bottom: 0; +} + +p.rbox-2-txt span { + font-weight: 500; +} + + + + +/* ========================================================================== + 13. TESTIMONIALS + =========================================================================== */ + +.reviews-2-wrapper { + padding: 0 10px; +} + +.reviews-3-wrapper { + padding: 0 20px; +} + +.reviews-4-wrapper, +.reviews-5-wrapper { + padding-left: 40px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL +/*------------------------------------------*/ + +.review-1 { + padding: 40px 40px 30px; + margin: 0 10px 30px; +} + +.review-1.block-border { + border-color: #d2d2d2; +} + +.review-2 { + padding: 45px 50px 35px; +} + +.review-3 { + padding: 45px 50px 40px; +} + +.review-4 { + padding: 40px 45px 30px; +} + +.review-5 { + padding: 45px 45px 40px; +} + +#rw-2-1, #rw-2-2 { + margin-bottom: 20px; +} + +.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 { + margin-bottom: 20px; +} + +#rw-3-2 { + margin-bottom: 45px; +} + +#rw-3-2, #rw-3-3 { + margin-left: 15px; +} + +#rw-4-1, +#rw-5-1 { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL TEXT +/*------------------------------------------*/ + +.review-ico { + position: relative; + margin-top: -25px; + margin-left: -10px; + opacity: .1; +} + +.review-txt { + position: relative; + margin-top: -45px; +} + +.review-txt h6 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL DATA +/*------------------------------------------*/ + +.review-1 .author-data { + margin-top: 22px; +} + +.review-2 .author-data { + margin-top: 15px; +} + +.review-3 .author-data { + margin-top: 20px; +} + +.review-avatar { + margin: 0 auto; + float: left; +} + +.review-avatar img, +.owl-item .review-avatar img { + width: 54px; + height: 54px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.review-2 .review-avatar img { + width: 64px; + height: 64px; +} + +.review-3 .review-avatar img, +.review-5 .review-avatar img { + width: 62px; + height: 62px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL AUTHOR +/*------------------------------------------*/ + +.review-author { + position: relative; + display: inline-block; + text-align: left; + padding: 0 0 0 15px; +} + +.review-1 .review-author { + margin-top: 4px; +} + +.review-2 .review-author { + margin-top: 10px; +} + +.review-3 .review-author { + margin-top: 8px; +} + +.review-5 .review-author { + margin-top: 8px; +} + +.review-4 .review-author { + padding-left: 0; + margin-top: 0; +} + +.review-author h6 { + line-height: 1; + margin-bottom: 8px; +} + +.review-1 .review-author h6 { + font-size: 0.975rem; +} + +.review-author p { + line-height: 1; + font-weight: 300; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TESTIMONIAL CAROUSEL DOTS +/*------------------------------------------*/ + +.reviews-section button { + background-color: transparent; + border: none; + padding: 0 2px; +} + +.owl-theme .owl-dots .owl-dot span { + margin: 0 7px; +} + +.owl-dots button:focus { + outline: none; + text-decoration: none; +} + + + + +/* ========================================================================== + 14. PRESS + =========================================================================== */ + +/*------------------------------------------*/ +/* PRESS LOGO +/*------------------------------------------*/ + +.press-logo img { + position: relative; + width: auto; + max-width: inherit; + max-height: 82px; +} + +/*------------------------------------------*/ +/* PRESS TEXT +/*------------------------------------------*/ + +.press-txt { + position: relative; + margin-top: 15px; +} + +.press-txt p { + color: #999; + font-weight: 400; + margin-bottom: 0; +} + +.press-txt span { + position: relative; + top: 3px; + left: -1px; + opacity: .6; +} + +.press-txt.ico-20 [class^="flaticon-"]:before, +.press-txt.ico-20 [class^="flaticon-"]:after { + font-size: 1.375rem; +} + + + + +/* ========================================================================== + 15. BRANDS + =========================================================================== */ + +#brands-3 { + position: relative; +} + +#brands-3:after { + position: absolute; + content: ''; + width: 100%; + height: 80%; + top: 0; + left: 0; + z-index: -1; +} + +/*------------------------------------------*/ +/* BRANDS SECTION TITLE +/*------------------------------------------*/ + +.brands-title { + text-align: center; + padding: 0 5%; +} + +.brands-title h4, +.brands-title h3, +.brands-title h2 { + margin-bottom: 8px; +} + +.brands-title p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* BRANDS LOGO WRAPPER +/*------------------------------------------*/ + +.brands-3-wrapper { + padding: 50px 30px; + background-color: #fff; + border: 1px solid #e9ecef; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} + +/*------------------------------------------*/ +/* BRANDS LOGO IMAGE +/*------------------------------------------*/ + +.brand-logo { + overflow: hidden; + position: relative; + top: 0; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +#brands-1 .brands-carousel-5 .brand-logo { + padding: 0 30px; +} + +#brands-1 .brands-carousel-6 .brand-logo { + padding: 0 20px; +} + +#brands-1 .justify-content-center .brand-logo { + padding: 0 15px; +} + +#brands-2 .brand-logo { + padding: 0; +} + +#brands-3 .brand-logo { + padding: 0 25px; +} + +#brands-3 .brands-3-static .brand-logo { + padding: 0 15px; +} + +#brands-4 .brand-logo { + padding: 0 20px; +} + +.brand-logo:hover { + top: -6px; +} + +.brands-section .more-btn { + text-align: center; + margin-top: 40px; +} + +.hero-section .owl-dots, +.brands-section .owl-dots { + display: none; +} + + + + +/* ========================================================================== + 16. INTEGRATIONS + =========================================================================== */ + +.integrations-2-wrapper { + padding: 80px 70px; +} + +.in_tool_logo { + padding: 50px 30px; + margin-bottom: 25px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.integrations-1-wrapper .in_tool-logo { + position: relative; + margin-right: 20px; +} + +.integrations-1-wrapper .in_tool { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + padding: 22px 20px; + border: 1px solid #ccc; +} + +.integrations-1-wrapper .in_tool-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.in_tool h6 { + line-height: 1; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool-txt h6 { + margin-top: 5px; +} + +.integrations-1-wrapper .in_tool-txt p { + margin-top: 5px; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + + + + +/* ========================================================================== + 17. PRICING + =========================================================================== */ + +/*------------------------------------------*/ +/* Price Table +/*------------------------------------------*/ + +.p-table { + margin-bottom: 40px; +} + +.pricing-1-table { + padding: 50px 38px 45px; +} + +.text-center .pricing-1-table { + padding: 60px 35px 50px; +} + +.pricing-2-table { + padding: 45px 38px 50px; +} + +.pricing-3-table { + padding: 50px 40px; +} + +.pricing-4-table { + position: relative; + padding: 45px; +} + +#pt-4-1 { margin: 0 10px 40px 50px; } +#pt-4-2 { margin: 0 50px 40px 10px; } + +/*------------------------------------------*/ +/* TABLE HEADER +/*------------------------------------------*/ + +.pricing-table-header { + position: relative; +} + +.pricing-table-header h5 { + margin-bottom: 30px; +} + +.pricing-table-header h4 { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* PRICING TABLE DISCOUNT +/*------------------------------------------*/ + +.pricing-discount { + position: absolute; + top: -2px; + right: -10px; + padding: 8px 18px; +} + +.pricing-1-table .pricing-discount { + top: -2px; + right: -5px; + padding: 7px 13px; +} + +.text-center .pricing-1-table .pricing-discount { + top: -35px; + right: -8px; +} + +.pricing-discount h6 { + font-size: 1.1rem; + line-height: 1; + margin-bottom: 0; +} + +.pricing-1-table .pricing-discount h6 { + font-size: 0.915rem; +} + +.price.color--black .white--color { + color: #fff; +} + +.comp-table .table thead th { + border-color: #ccc; +} + +.comp-table tbody th { + border-bottom: 1px solid #ccc!important; +} + +.comp-table .table tr td { + border-bottom: 2px solid #ccc; +} + +/*------------------------------------------*/ +/* PRICE +/*------------------------------------------*/ + +.price span { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 3rem; + line-height: 1; + font-weight: 600; + letter-spacing: -2px; +} + +.pricing-2-table.highlight .price span { + font-size: 2.4rem; + letter-spacing: -1px; +} + +.pricing-3-table .price span { + font-size: 4.35rem; +} + +.pricing-4-table .price span { + font-size: 3.15rem; +} + +/*------------------------------------------*/ +/* DOLLAR SIGN +/*------------------------------------------*/ + +.price sup { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.05rem; + font-weight: 600; + top: -5px; + right: 2px; + letter-spacing: -1px; +} + +.pricing-3-table .price sup { + font-size: 2.35rem; + top: -23px; + right: 3px; +} + +.pricing-4-table .price sup { + font-size: 2.05rem; + top: -10px; + right: 2px; +} + +/*------------------------------------------*/ +/* COINS +/*------------------------------------------*/ + +.pricing-3-table .price sup.coins { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.35rem; + font-weight: 600; + top: -29px; + left: 3px; + letter-spacing: -2px; +} + +/*------------------------------------------*/ +/* Validity +/*------------------------------------------*/ + +.price sup.validity { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 1.4rem; + font-weight: 400; + top: -2px; + left: 0; +} + +.pricing-3-table .price sup.validity { + display: block; + font-size: 1.1875rem; + top: 0; + margin-top: 20px; + margin-bottom: 30px; + letter-spacing: 0; + margin-bottom: 40px; +} + +/*------------------------------------------*/ +/* Text +/*------------------------------------------*/ + +.price p { + margin-top: 25px; + margin-bottom: 25px; +} + +.pricing-2-table .price p { + margin-bottom: 15px; +} + +.text-center .price p { + padding: 0 2%; +} + +.pricing-section .btn-txt a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* PRICING TABLE HORIZONTAL LINE +/*------------------------------------------*/ + +.pricing-1-table hr { + margin-top: 35px; +} + +.pricing-2-table hr { + margin-top: 25px; +} + +/*------------------------------------------*/ +/* PRICING FEATURES +/*------------------------------------------*/ + +.pricing-features li { + padding: 11px 8px; +} + +.pricing-4-table .pricing-features li { + padding: 10px; +} + +.pricing-features li p { + line-height: 1; + font-weight: 400; + margin-bottom: 0; +} + +.pricing-features li p span { + position: relative; + top: -2px; + right: 5px; +} + +.pricing-features.ico-10 li p span { + top: 0; + right: 4px; +} + +.pricing-features.ico-5 [class*="flaticon-"]:before, +.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; } + +.pricing-features li.disabled-option p, +.pricing-features li.disabled-option span { + color: #b5b5b5!important; +} + +/*------------------------------------------*/ +/* PRICING TABLE BUTTON +/*------------------------------------------*/ + +.pt-btn { + display: block; + width: 100%; + margin-top: 25px; +} + +.p-table p.btn-txt { + margin: 14px 0 0 0; +} + +/*------------------------------------------*/ +/* PRICING TOGGLE BUTTON +/*------------------------------------------*/ + +.ext-toggle-btn { + text-align: center; +} + +.toggle-btn.inn-toggle-btn { + position: absolute; +} + +#pricing-4 .ext-toggle-btn { + margin: 0 50px 35px 10px; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON TYPOGRAPHY +/*------------------------------------------*/ + +.toggle-btn-md .toggler-txt { + font-size: 1.1rem; + font-weight: 400; + line-height: 36px; +} + +.toggle-btn-lg .toggler-txt { + font-size: 1.15rem; + font-weight: 400; + line-height: 40px; +} + +.toggle-btn p { + margin-top: 10px; + letter-spacing: -0.25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON SWITCHER +/*------------------------------------------*/ + +.switch-wrap { + position: relative; + display: inline-block; + min-width: 50px; + height: 32px; + vertical-align: middle; +} + +.toggle-btn-md .switch-wrap { + min-width: 65px; + height: 36px; + margin: 0 8px; +} + +.toggle-btn-lg .switch-wrap { + min-width: 70px; + height: 40px; + margin: 0 14px; +} + +.switcher { + display: block; + cursor: pointer; + color: #fff; + font-size: 0.925rem; + font-weight: 500; + height: 32px; + padding: 0 15px 0 35px; + position: relative; + border-radius: 32px; + -webkit-transition: all 150ms ease-in-out; + -moz-transition: all 150ms ease-in-out; + -o-transition: all 150ms ease-in-out; + -ms-transition: all 150ms ease-in-out; + transition: all 150ms ease-in-out; +} + +.toggle-btn-md .switcher { + height: 36px; + padding: 0 20px 0 40px; + border-radius: 36px; +} + +.toggle-btn-lg .switcher { + height: 40px; + padding: 0 20px 0 40px; + border-radius: 40px; +} + +.switcher.bg--tra-white { + background-color: #fff; + border: 2px solid #ccc; +} + +.switcher.bg--ghost-white { + background-color: rgba(128, 143, 174, .45); + border: 2px solid rgba(128, 143, 174, .15); +} + +.switcher.bg--grey { + background-color: #ccc; + border: 2px solid #ccc; +} + +.switcher .show-annual, +.switcher .show-monthly { + line-height: 32px; +} + +.toggle-btn-md .switcher .show-annual, +.toggle-btn-md .switcher .show-monthly { + line-height: 36px; +} + +.toggle-btn-lg .switcher .show-annual, +.toggle-btn-lg .switcher .show-monthly { + line-height: 40px; +} + +.switcher .show-monthly { + display: block; +} + +.switcher .show-annual { + display: none; +} + +.switcher:before { + position: absolute; + left: 4px; + bottom: 4px; + content: " "; + background-color: #fff; + width: 24px; + height: 24px; + border-radius: 50%; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.toggle-btn-md .switcher:before { + left: 5px; + bottom: 5px; + width: 26px; + height: 26px; +} + +.toggle-btn-lg .switcher:before { + left: 5px; + bottom: 5px; + width: 30px; + height: 30px; +} + +.switcher.bg--grey:before, +.switcher.bg--tra-white:before, +.switcher.bg--ghost-white:before { + background-color: #ccc; + left: 4px; + bottom: 3.5px; + -webkit-box-shadow: 0 1px 1px 0 #aaa; + -moz-box-shadow: 0 1px 1px 0 #aaa; + box-shadow: 0 1px 1px 0 #aaa; +} + +.switcher.bg--grey:before, +.switcher.bg--ghost-white:before { + background-color: #fff; +} + +.switch-wrap input { + display: none; +} + +.switch-wrap input:checked + .switcher { + padding: 0 35px 0 15px; +} + +.toggle-btn-md .switch-wrap input:checked + .switcher, +.toggle-btn-lg .switch-wrap input:checked + .switcher { + padding: 0 40px 0 20px; +} + +.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; } +.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; } +.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; } + +.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; } +.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; } +.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; } + +.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; } +.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; } +.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; } + +.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; } +.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; } +.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; } + +.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; } +.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; } +.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; } + +.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; } +.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; } +.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; } + +.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; } +.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; } +.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; } + +.switch-wrap input:checked + .switcher:before { + left: auto; + right: 4px; + -webkit-transition: all 350ms ease-in-out; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.switch-wrap input:checked + .switcher.bg--tra-white:before { + bottom: 3px; + background-color: #fff; + -webkit-box-shadow: 0 0; + -moz-box-shadow: 0 0; + box-shadow: 0 0; +} + +.switch-wrap input:checked + .switcher .show-annual { + display: block; +} + +.switch-wrap input:checked + .switcher .show-monthly { + display: none; +} + +/*------------------------------------------*/ +/* PRICING NOTICE TEXT +/*------------------------------------------*/ + +.pricing-notice { + text-align: center; + margin-top: 20px; +} + +.pricing-notice p { + padding: 0 8%; + margin-bottom: 0; +} + +.pricing-notice p span { + font-weight: 500; +} + +/*------------------------------------------*/ +/* COMPARE PRICING TABLE +/*------------------------------------------*/ + +.table>:not(caption)>*>* { + padding-top: 12px; + padding-bottom: 12px; +} + +.comp-table .pricing-header { + max-width: 700px; +} + +.comp-table .table-responsive thead th { + font-size: 1.15rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody th { + font-size: 1rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody td { + position: relative; + font-size: 1rem; + line-height: inherit; + top: 1px; +} + +.comp-table .table-responsive tbody td span { + position: relative; + top: 1px; +} + +.table-responsive .ico-15 [class*="flaticon-"]:before, +.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.table-responsive .ico-20 [class*="flaticon-"]:before, +.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; } + +.comp-table .table-responsive tbody tr { + background-color: #fff; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.comp-table .table tbody tr.table-last-tr { + border-color: transparent; +} + +.comp-table .table-responsive tbody tr:hover { + background-color: #f7f7f9; +} + +.comp-table .disabled-option { + color: #999; +} + +/*------------------------------------------*/ +/* PRICING COMPARE PAYMENT +/*------------------------------------------*/ + +.comp-table-payment h6 { + margin-bottom: 20px; +} + +.comp-table-payment p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 18. TEAM + =========================================================================== */ + +/*------------------------------------------*/ +/* TEAM MEMBER +/*------------------------------------------*/ + +#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; } +#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; } +#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; } + +/*------------------------------------------*/ +/* TEAM MEMBER PHOTO +/*------------------------------------------*/ + +.team-member-photo { + position: relative; + overflow: hidden; + text-align: center; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* PHOTO HOVER ZOOM +/*------------------------------------------*/ + +.team-member:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.team-member:hover .item-overlay { + opacity: .45; + -moz-opacity: .45; +} + +/*------------------------------------------*/ +/* TEAM MEMBER TYPOGRAPHY +/*------------------------------------------*/ + +.team-member-data { + position: relative; + margin-left: 5px; +} + +.team-member-data h6.s-20 { + margin-bottom: 8px; +} + +.team-member-data p { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1; + font-weight: 400; + letter-spacing: 0; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Team Member Social Links +/*------------------------------------------*/ + +ul.tm-social { + position: absolute; + top: -1px; + right: 8px; + -webkit-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} + +#team-1 ul.tm-social { + right: 5px; +} + +ul.tm-social li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; + margin-left: 10px; + opacity: .6; + -webkit-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; +} + +.tm-social.ico-20 [class*="flaticon-"]:before, +.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; } + + + + +/* ========================================================================== + 19. CAREERS + =========================================================================== */ + +/*------------------------------------------*/ +/* ROLE BOX +/*------------------------------------------*/ + +.role-box { + border: 1px solid #d2d2d2; + padding: 25px 35px; + margin-bottom: 30px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.role-box.bg--white-200, +.role-box.bg--white-300 { + border: 1px solid transparent; +} + +.role-box:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* ROLE BOX TEXT +/*------------------------------------------*/ + +.role-box span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.8rem; + line-height: 1; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 14px; +} + +.role-box h6 { + margin-bottom: 6px; +} + +.role-box p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 20. CAREER ROLE + =========================================================================== */ + +#role-page .inner-page-title { + text-align: left; + margin-bottom: 50px; +} + +#role-page .inner-page-title span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.9rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 35px; +} + +.role-info hr { + margin: 50px 0; +} + +#role-page .cbox-6-wrapper { + margin: 45px 0; +} + +.role-info h5 { + margin-bottom: 25px; +} + +.role-info p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-block.role-info .btn { + display: block; + margin-top: 50px; +} + + + + +/* ========================================================================== + 21. BANNER + =========================================================================== */ + +.banner-overlay { + width: 100%; + height: 100%; +} + +#banner-11 { + margin-top: 50px; +} + +#banner-12 { + margin-top: 40px; + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* BANNER WRAPPER +/*------------------------------------------*/ + +.banner-1-wrapper, +.banner-2-wrapper, +.banner-3-wrapper { + position: relative; + overflow: hidden; + text-align: center; +} + +.banner-1-wrapper .banner-overlay { + padding: 75px 15% 85px; +} + +.banner-2-wrapper .banner-overlay { + padding: 80px 15% 90px; +} + +.banner-3-wrapper .banner-overlay { + padding: 75px 20% 85px; +} + +.banner-11-wrapper .banner-overlay { + padding: 10px 70px 0; +} + +.banner-12-wrapper .banner-overlay { + padding-left: 80px; +} + +.banner-13-wrapper { + overflow: hidden; +} + +.banner-13-wrapper .banner-overlay { + overflow: hidden; + padding-left: 80px; +} + +.banner-16-wrapper .banner-overlay { + padding: 45px 22%; +} + +.banner-16-wrapper.bg--white-100.block-border { + border-color: #ccc; +} + +/*------------------------------------------*/ +/* BANNER TEXT +/*------------------------------------------*/ + +.banner-12-txt { + margin-top: -10px; + padding-right: 15%; +} + +.banner-13-txt { + padding-right: 15%; +} + +/*------------------------------------------*/ +/* BANNER TYPOGRAPHY +/*------------------------------------------*/ + +.banner-section .section-id { + font-weight: 600; + padding-top: 10px; + margin-bottom: 30px; +} + +.banner-1-txt h2 { + margin-bottom: 15px; +} + +.banner-2-txt h2 { + margin-bottom: 35px; +} + +.banner-4-txt h2 { + margin-bottom: 30px; +} + +.banner-7-txt h2 { + margin-bottom: 35px; +} + +.banner-10-txt h6 { + font-weight: 400; + margin-bottom: 12px; +} + +.banner-10-txt h2 { + margin-bottom: 25px; +} + +.banner-11-txt h2, +.banner-12-txt h2, +.banner-13-txt h2 { + margin-bottom: 22px; +} + +.banner-15-txt h2 { + margin-bottom: 45px; +} + +.banner-16-txt h4 { + margin-bottom: 14px; +} + +.banner-section p.p-lg { + font-size: 1.15rem; + margin-bottom: 30px; +} + +.banner-section p.p-xl { + margin-bottom: 25px; +} + +.sm-title .banner-1-txt p.p-lg, +.sm-title .banner-1-txt p.p-xl { + margin-top: 12px; + margin-bottom: 22px!important; +} + +.banner-3-txt p.p-lg, +.banner-3-txt p.p-xl, +.banner-5-txt p.p-lg, +.banner-5-txt p.p-xl { + margin-top: 20px; +} + +.banner-5-txt p.s-21, +.banner-5-txt p.s-22 { + margin-top: 20px; + margin-bottom: 26px; +} + +.banner-6-txt p.p-lg, +.banner-6-txt p.p-xl { + margin-top: 15px; + margin-bottom: 25px!important; +} + +.banner-8-txt p.p-lg, +.banner-8-txt p.p-xl { + margin-top: 10px; + margin-bottom: 0!important; +} + +.banner-9-txt p.p-lg, +.banner-9-txt p.p-xl { + margin-top: 20px; + margin-bottom: 25px!important; +} + +.banner-11-txt p { + padding-right: 8%; +} + +.banner-14-txt p.p-lg { + font-size: 1.25rem; + margin-top: 35px; + margin-bottom: 40px; +} + +.banner-15-txt p a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* BANNER IMAGE +/*------------------------------------------*/ + +.banner-11-img { + margin-top: -60px; + margin-left: -40px; +} + +.banner-12-img { + margin: -40px -20px -30px -40px; +} + +.banner-13-img { + transform: rotate(-20deg); + margin: -60px -120px -70px -40px; +} + + + + +/* ========================================================================== + 22. CALL TO ACTION / DOWNLOAD + =========================================================================== */ + +.version-release { + margin-bottom: 80px; +} + +.release-data { + padding-bottom: 30px; + border-bottom: 1px dashed #ccc; + margin-bottom: 30px; +} + +.release-data h5 { + margin-bottom: 40px; +} + +span.version-data { + color: #353f4f; + font-size: 2rem; + line-height: 1; + margin-right: 20px; + margin-bottom: 0; +} + +span.release-date { + color: #999; + font-size: 1.175rem; + line-height: 1; + margin-bottom: 0; +} + +span.release-date span { + color: #353f4f; + font-weight: 500; + margin-left: 20px; +} + +.release-download { + position: absolute; + right: 5px; + bottom: 0; +} + +.release-highlights .simple-list p { + margin-bottom: 2px; +} + + + + +/* ========================================================================== + 23. FAQS + =========================================================================== */ + +/*------------------------------------------*/ +/* FAQS SECTION TITLE +/*------------------------------------------*/ + +#faqs-1 .section-title { + margin-bottom: 50px; +} + +#faqs-2 .inner-page-title { + margin-bottom: 55px; +} + +#faqs-3 .section-title { + margin-bottom: 70px; +} + +.faqs-3-questions .questions-holder { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FAQS ACCORDION +/*------------------------------------------*/ + +.faqs-section .accordion-item { + background-color: transparent!important; + border: none; + border-bottom: 1px solid #e5e5e5; +} + +#faqs-2.faqs-section .accordion-item { + border-bottom: 1px solid #ddd; +} + +.faqs-section .accordion-item.acc-last-item, +#faqs-2.faqs-section .accordion-item.acc-last-item { + border-bottom: none; +} + +/*------------------------------------------*/ +/* Question +/*------------------------------------------*/ + +.faqs-section .accordion-thumb { + margin: 0; + padding: 25px 0; + cursor: pointer; + position: relative; +} + +#faqs-2.faqs-section .accordion-thumb { + padding: 25px 0 30px; +} + +.faqs-section .accordion-item .accordion-thumb:after, +.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-family: Flaticon; + font-weight: 300; + content: "\f11a"; + position: absolute; + font-size: 1rem; + top: 22px; + right: 3px; +} + +#faqs-2.faqs-section .accordion-item .accordion-thumb:after, +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-size: 1rem; + top: 26px; + right: 2px; +} + +.faqs-section .accordion-item.is-active .accordion-thumb:after { + content: "\f11b"; +} + +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #e5e5e5; +} + +/*------------------------------------------*/ +/* Answer +/*------------------------------------------*/ + +.accordion-panel { + margin: 0; + padding: 0 0 15px 0; + display: none; +} + +#faqs-2 .accordion-panel { + padding: 45px 0 15px 0; +} + +.accordion-thumb h5, +.accordion-thumb h4 { + line-height: 1; + margin-bottom: 0; +} + +.question h5, +.accordion-panel-item h5 { + margin-bottom: 20px; +} + +.question h5 span, +.accordion-thumb h5 span, +.accordion-panel-item h5 span { + margin-right: 5px; +} + +.question p a, +.accordion-panel p a { + font-weight: 500; + text-decoration: underline; +} + +.question p.color--grey a.color--blue, +.accordion-panel.color--grey a.color--blue { + color: #1680fb!important; +} + +/*------------------------------------------*/ +/* FAQS TABS +/*------------------------------------------*/ + +.faqs-section .tabs-nav { + text-align: center; +} + +.faqs-section .tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +.faqs-section .tab-content { + display: none; +} + +.faqs-section .tab-content.current { + display: inherit; +} + +.faqs-section .tabs-1 li { + display: inline-block; + min-width: 230px; + background-color: transparent; + border: 2px solid #ddd; + cursor: pointer; + padding: 30px 0; + margin: 0 6px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.faqs-section .tabs-1 li span { + color: #c3c4c5; +} + +.faqs-section .tabs-1 li p { + line-height: 1; + font-weight: 400; + margin-top: 15px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TAB LINK CURRENT +/*------------------------------------------*/ + +.faqs-section .tabs-1 li.current, +.faqs-section .tabs-1 li.current:hover { + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); +} + +.faqs-section .tabs-1 li.current p, +.faqs-section .tabs-1 li.current span { + color: #fff; +} + +.faqs-section .tabs--blue .tabs-1 li.current, +.faqs-section .tabs--blue .tabs-1 li.current:hover { + background-color: #1680fb; + border-color: #1680fb!important; +} + +.faqs-section .tabs--purple .tabs-1 li.current, +.faqs-section .tabs--purple .tabs-1 li.current:hover { + background-color: #7b5dd6; + border-color: #7b5dd6!important; +} + +/*------------------------------------------*/ +/* MORE QUESTIONS LINK +/*------------------------------------------*/ + +.more-questions { + text-align: center; +} + +#faqs-2 .more-questions { + margin: 70px auto 0; +} + +.more-questions-txt { + display: inline-block; + padding: 22px 46px; +} + +.more-questions-txt p { + line-height: 1; + margin-bottom: 0; +} + +.more-questions-txt a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 24. NEWSLETTER + =========================================================================== */ + +#newsletter-1 .newsletter-overlay { + padding-top: 60px; + padding-bottom: 60px; +} + +#newsletter-2 .container { + padding-left: 0; + padding-right: 0; +} + +#newsletter-2 .newsletter-overlay { + padding: 60px 50px; +} + +#newsletter-3 { + margin-top: 50px; + margin-bottom: 50px; +} + +#newsletter-4 .newsletter-overlay, +#newsletter-5 .newsletter-overlay { + padding-top: 80px; + padding-bottom: 70px; +} + +/*------------------------------------------*/ +/* NEWSLETTER TYPOGRAPHY +/*------------------------------------------*/ + +.newsletter-txt h2 { + margin-bottom: 35px; +} + +#newsletter-4 .newsletter-txt h2 { + margin-bottom: 40px; +} + +.newsletter-txt h4, +.newsletter-txt h3, +#newsletter-5 .newsletter-txt h2 { + margin-bottom: 0; +} + +.newsletter-txt p.p-sm { + margin-bottom: 0; +} + +#newsletter-4 .newsletter-txt p { + padding: 0 10%; +} + +#newsletter-5 .newsletter-txt p { + margin-top: 20px; + margin-bottom: 0; +} + +.newsletter-txt a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* NEWSLETTER FORM +/*------------------------------------------*/ + +#newsletter-1 .newsletter-form { + padding-left: 15%; + margin-top: 30px; +} + +#newsletter-2 .newsletter-form { + margin-top: 25px; + padding-left: 12%; +} + +#newsletter-4 .newsletter-form { + padding: 0 5%; +} + +#newsletter-5 .newsletter-form { + margin-top: 35px; + padding: 0 10%; +} + +/*------------------------------------------*/ +/* Newsletter Form Input +/*------------------------------------------*/ + +.newsletter-section .form-control { + height: 56px; + background-color: #fff; + border: 1px solid #ccc; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin-right: 12px; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +#newsletter-1.newsletter-section .form-control { + height: 54px; + font-size: 0.975rem; +} + +#newsletter-5.newsletter-section .form-control { + height: 62px; + font-size: 1.0625rem; +} + +.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.newsletter-section .form-control:focus { + background-color: #fff; + outline: 0; + box-shadow: none; + border-color: #1680fb; +} + +.newsletter-section .purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Placeholder +/*------------------------------------------*/ + +.newsletter-section .form-control::-moz-placeholder { color: #aaa; } +.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } +.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.newsletter-section .btn { + display: block; + width: 100%!important; + height: 56px; +} + +#newsletter-1 .btn { + height: 54px; + font-size: 0.925rem; + padding: 0.7rem 1.3rem; +} + +#newsletter-5.newsletter-section .btn { + height: 62px; +} + +/*------------------------------------------*/ +/* Newsletter Form Notification +/*------------------------------------------*/ + +.newsletter-section .form-notification { + color: #3eb1ff; + font-size: 0.9rem; + font-weight: 400; + line-height: 1; + margin-top: 15px; + margin-left: 5px; +} + +.newsletter-section .text-center .form-notification { + margin-left: 0; +} + +.bg--color.newsletter-section .form-notification { + color: #fff; +} + +.newsletter-section .form-notification.valid, +.newsletter-section .form-notification.error { + color: #fc2f4b; +} + +.newsletter-section .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* NEWSLETTER IMAGE +/*------------------------------------------*/ + +#newsletter-3 .newsletter-img { + margin-top: -50px; + margin-bottom: -50px; +} + +#newsletter-3 .col-lg-6 .newsletter-img { + padding-left: 40px; +} + + + +/* ========================================================================== + 25. BLOG + =========================================================================== */ + +/*------------------------------------------*/ +/* BLOG POST TAG +/*------------------------------------------*/ + +.post-tag { + display: block; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.75rem; + font-weight: 600; + letter-spacing: 0; + text-transform: uppercase; + margin-bottom: 20px; +} + +#single-post .post-tag { + font-size: 0.85rem; +} + +/*------------------------------------------*/ +/* BLOG POST META +/*------------------------------------------*/ + +.post-meta-list li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.post-meta-list p { + color: #353f4f; + line-height: 1; + margin-bottom: 0; +} + +.bg--black-400 .post-meta-list p { + color: #f8f9f9; +} + +.meta-list-divider { + position: relative; + top: 0px; + transform: rotate(-90deg); + padding: 0 1px; +} + +/*------------------------------------------*/ +/* BLOG POST TYPOGRAPHY +/*------------------------------------------*/ + +.blog-post-txt h6 { + margin-bottom: 15px; +} + +.blog-post-txt p { + margin-bottom: 0; +} + +.blog-post-txt a { + color: #353f4f; +} + +.blog-post-txt a:hover { + text-decoration: underline; +} + +.bg--black-400 .blog-post-txt a { + color: #f8f9f9; +} + +.bg--black-400 .blog-post-txt a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 26. BLOG LISTING + =========================================================================== */ + +.wide-post { + margin-bottom: 100px; +} + +.wide-post .blog-post-img { + padding-right: 15px; +} + +.wide-post .blog-post-txt { + padding-left: 15px; +} + +.square-post { + margin-top: 60px; + margin-bottom: 40px; +} + +.square-post-wrapper { + overflow: hidden; +} + +.square-post .blog-post-txt { + padding: 0 30px 0 60px; +} + +/*------------------------------------------*/ +/* BLOG POSTS CATEGORY +/*------------------------------------------*/ + +.posts-category { + margin-top: 40px; + margin-bottom: 60px; +} + +.posts-category h4 { + line-height: 1; + margin-bottom: 0; +} + +.posts-category span { + position: relative; + top: 1px; +} + + + + +/* ========================================================================== + 27. SINGLE BLOG POST + =========================================================================== */ + +/*------------------------------------------*/ +/* Single Post Title +/*------------------------------------------*/ + +.single-post-title h3, +.single-post-title h2 { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* Single Post Text +/*------------------------------------------*/ + +.single-post-txt h5, +.single-post-txt h4 { + margin-top: 30px; + margin-bottom: 30px; +} + +.single-post-txt h5 span { + display: block; +} + +/*------------------------------------------*/ +/* Single Post Code +/*------------------------------------------*/ + +.txt-code { + background-color: #f8f9fa; + padding: 20px 18px; + margin: 30px 0; +} + +.txt-code p { + color: #383a42; + font-size: 1rem; + line-height: 1.75; + margin-bottom: 0; +} + +.single-post-txt p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-code span.code-property, +.txt-code p code.code-language-js { + color: #151515; +} + +.txt-code span.code-variable, +.txt-code span.code-attribute { + color: #986801; +} + +.txt-code span.code-string { + color: #50a14f; +} + +/*------------------------------------------*/ +/* Single Post Blockquote +/*------------------------------------------*/ + +.single-post-txt figure { + margin-bottom: 40px; +} + +.single-post-txt .blockquote p { + font-size: 1.5rem; + line-height: 1.45; + margin-bottom: 40px; +} + +.single-post-txt .blockquote-footer { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* Single Post Image +/*------------------------------------------*/ + +.post-inner-img { + text-align: center; + margin-top: 50px; + margin-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE LINKS +/*------------------------------------------*/ + +.post-share-list { + margin-top: 50px; + padding-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE ICONS +/*-----------------------------------------*/ + +.share-social-icons { + display: inline-block; + padding-left: 0; +} + +.share-social-icons li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; +} + +.share-social-icons a.share-ico span { + opacity: .75; + margin-right: 25px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.share-social-icons a.share-ico:hover span { + opacity: 1; +} + +/*------------------------------------------*/ +/* POST AUTHOR +/*------------------------------------------*/ + +.post-author { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.post-author-avatar { + position: relative; + text-align: center; + margin-right: 35px; +} + +.post-author-avatar img { + width: 100px; + height: 100px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.post-author-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.post-author-txt h5 { + margin-bottom: 20px; +} + +.post-author-txt p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Follow Button +/*------------------------------------------*/ + +.author-follow-btn { + display: inline-block; + position: absolute; + padding: 6px 15px; + line-height: 1; + top: 80px; + right: 10px; + border: 2px solid #ddd; +} + +.author-follow-btn a { + color: #666; + font-size: 0.935rem; + font-weight: 400; +} + +/*------------------------------------------*/ +/* POST COMMENTS +/*------------------------------------------*/ + +.post-comments { + padding-top: 100px; +} + +.post-comments hr { + margin-top: 24px; + margin-bottom: 40px; +} + +.post-comments h5 { + margin-bottom: 60px; +} + +.post-comments img { + width: 68px; + height: 68px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.comment-body { + margin-left: 25px; +} + +.comment-meta { + margin-bottom: 10px; +} + +.comment-meta h6 { + line-height: 1; + margin-bottom: 0; +} + +.comment-date { + font-size: 16px; + font-weight: 400; + margin-bottom: 5px; +} + +/*------------------------------------------*/ +/* Comment Reply +/*------------------------------------------*/ + +.btn-reply { + margin-left: 3px; +} + +.btn-reply a { + font-size: 17px; + font-weight: 400; +} + +.btn-reply span { + position: relative; + top: 3px; + margin-right: 4px; + left: 3px; +} + +.btn-reply.ico-20 [class*="flaticon-"]:before, +.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; } + +.btn-reply a:hover { + color: #222; +} + +/*------------------------------------------*/ +/* SINGLE POST COMMENT FORM +/*------------------------------------------*/ + +.post-comments #leave-comment h5 { + padding-bottom: 0; + margin-top: 80px; + margin-bottom: 10px; + border: none; +} + +.comment-form { + position: relative; + margin-top: 60px; +} + +.comment-form p { + position: relative; + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 15px; + padding-left: 8px; + display: block; +} + +.comment-form p span { + position: relative; + color: #ff3366; + top: -3px; +} + +.comment-form .form-control { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #353f4f; + font-size: 1rem; + line-height: 1; + font-weight: 400; + padding: 0 20px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.comment-form textarea { min-height: 220px; } +.comment-form textarea.form-control { + padding: 25px 20px; +} + +/*------------------------------------------*/ +/* Comment Form Input Focus +/*------------------------------------------*/ + +.comment-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Comment Form Button +/*------------------------------------------*/ + +.comment-form .btn { + margin-top: 15px; +} + +.comment-form .btn:focus { + outline: 0px none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +.comment-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +.comment-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.comment-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 28. CONTACTS + =========================================================================== */ + +#contacts-1 .contact-form p { + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 10px; + padding-left: 8px; +} + +#contacts-1 .contact-form .col-md-12 span { + display: block; + font-size: 0.95rem; + line-height: 1; + font-weight: 300; + margin-bottom: 20px; + padding-left: 8px; +} + +#contacts-1 .contact-form .contact-form-notice p { + font-size: 0.835rem; + font-weight: 300; + line-height: 1.5555; + padding-left: 0; + margin-top: 40px; +} + +.contact-form-notice p a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* CONTACT FORM INPUT +/*------------------------------------------*/ + +.contact-form .form-control, +.contact-form .form-select { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #3a4a56; + font-size: 1rem; + font-weight: 400; + padding: 0 15px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.bg--snow .contact-form .form-control, +.bg--snow .contact-form .form-select { + background-color: #fff; + border: 1px solid #ccc; +} + +.contact-form .form-select { + display: inline-block; + width: 100%; + color: #998da0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Contact Form Textarea +/*------------------------------------------*/ + +.contact-form textarea { min-height: 220px; } +.contact-form textarea.form-control { + padding: 20px 15px; +} + +/*------------------------------------------*/ +/* Contact Form Placeholder +/*------------------------------------------*/ + +.contact-form .form-control::-moz-placeholder { color: #999; } +.contact-form .form-control:-ms-input-placeholder { color: #999; } +.contact-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Contact Form Input Focus +/*------------------------------------------*/ + +.contact-form .form-control:focus, +.contact-form .form-select:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Contact Form Message +/*------------------------------------------*/ + +.contact-form-msg { + width: 100%!important; + display: block; + margin-top: 20px; + padding-left: 0; +} + +.contact-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.contact-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 29. FOOTER + =========================================================================== */ + +.footer { + padding-bottom: 50px; +} + +.footer-info, +.footer-links { + margin-bottom: 40px; +} + +#footer-10 .footer-info { + margin-bottom: 40px; + padding-bottom: 55px; + border-bottom: 1px solid #dbdddf; +} + +#footer-10 .footer-links { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* FOOTER LOGO +/*------------------------------------------*/ + +img.footer-logo, +img.footer-logo-dark { + width: auto; + max-width: inherit; + max-height: 40px; +} + +#footer-10 img.footer-logo { + max-height: 46px; +} + +#footer-1 .footer-logo, +#footer-5 .footer-logo, +#footer-6 .footer-logo, +#footer-7 .footer-logo { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* FOOTER TYPOGRAPHY +/*------------------------------------------*/ + +.footer h6 { + line-height: 1; + margin-bottom: 25px; +} + +#footer-9.footer h6 { + line-height: 1.5; +} + +.bg--black.footer h6 { + color: #fff; +} + +/*------------------------------------------*/ +/* FOOTER INFO +/*------------------------------------------*/ + +.footer-info-copyright p { + margin-bottom: 0; +} + +.footer-info-copyright p span { + position: relative; + top: 2px; + padding: 0 2px; +} + +.footer-info-copyright.ico-15 [class*="flaticon-"]:before, +.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } + +/*------------------------------------------*/ +/* FOOTER MAIL LINK +/*------------------------------------------*/ + +.footer .footer-mail-link { + margin-left: 3px; + margin-bottom: 0; +} + +#footer-1 .footer-info .footer-mail-link { + margin-top: 10px; +} + +#footer-2 .footer-links .footer-mail-link, +#footer-3 .footer-links .footer-mail-link { + margin-left: 0; + margin-bottom: 20px; +} + +.footer-mail-link a { + font-weight: 400; +} + +.footer-mail-link span { + position: relative; + top: 4px; + right: 3px; +} + +.footer-mail-link.ico-20 [class*="flaticon-"]:before, +.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } + +.bg--black.footer .footer-mail-link a { + color: #a0a7b1; +} + +.bg--black.footer .footer-mail-link a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER LINKS +/*------------------------------------------*/ + +#footer-2 .footer-links { + padding-left: 10%; +} + +.foo-links li { + width: auto!important; + display: block!important; + vertical-align: top; + clear: none !important; + margin: 0; + padding: 0; +} + +.foo-links.ico-10 li span { + position: relative; + top: 1.5px; + right: 3px; +} + +#footer-8 .foo-links li { + display: inline-block!important; + padding-left: 20px; +} + +#footer-8 .foo-links li.first-li { + padding-left: 0; +} + +#footer-10 .foo-links li { + display: inline-block!important; + padding: 0 10px; +} + +.footer .foo-links li p { + font-weight: 400; + margin-bottom: 10px; +} + +.footer .foo-links li:last-child p { + margin-bottom: 0; +} + +.foo-links li a span.ext-link { + display: inline-block; + position: relative; + left: 3px; + top: 1.5px; + transform: rotate(-60deg); +} + +.foo-links.ico-15 [class*="flaticon-"]:before, +.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.bg--black.footer .foo-links li p a { + color: #a0a7b1; +} + +.bg--black.footer .foo-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER SOCIAL +/*------------------------------------------*/ + +.footer-socials { + margin: 0; + display: inline-block; +} + +.footer-socials li { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.footer-socials a { + display: block; + margin-right: 15px; +} + +.footer-socials.ico-20 a, +.footer-socials.ico-25 a { + margin-right: 16px; +} + +.footer-socials.ico-25 [class*="flaticon-"]:before, +.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; } + +.bg--black.footer .footer-socials li a { + color: #a0a7b1; +} + +.bg--black.footer .footer-socials li a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER STORE BAGES +/*------------------------------------------*/ + +.footer .store { + float: none; + margin-right: 0; + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FOOTER NEWSLETTER FORM +/*------------------------------------------*/ + +.footer-form { + margin-bottom: 20px; +} + +#footer-7 .footer-form { + padding-left: 8%; +} + +.footer-form .newsletter-form .input-group { + background-color: #f4f4f4; + border: 1px solid transparent; + padding: 9px 2px; +} + +.footer-form .form-control { + height: 32px; + background-color: transparent; + border: none; + color: #666; + font-size: 1rem; + font-weight: 400; + padding: 0 10px; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.footer-form .form-control:focus { + border: none; + border-right: none; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Footer Form Placeholder +/*------------------------------------------*/ + +.footer-form .form-control::-moz-placeholder { color: #6c757d; } +.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } +.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.footer-form .btn { + height: 32px; + padding: 0 10px; +} + +.footer-form .ico-15 [class*="flaticon-"]:before, +.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; } + +/*------------------------------------------*/ +/* Footer Form Notification +/*------------------------------------------*/ + +.footer-form .form-notification { + color: #1680fb; + font-size: 0.85rem; + line-height: 1.25; + font-weight: 400; + margin-top: 12px; + margin-left: 5px; +} + +.footer-form .form-notification.valid, +.footer-form .form-notification.error { + color: #fc2f4b; +} + +.footer-form .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER +/*------------------------------------------*/ + +.footer hr { + margin-top: 30px; + margin-bottom: 50px; +} + +#footer-8 .bottom-footer, +#footer-9 .bottom-footer { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER COPYRIGHT +/*------------------------------------------*/ + +.footer-copyright p { + margin-bottom: 0; +} + +.bg--black.footer .footer-copyright p { + color: #a0a7b1; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER SECONDARY LINK +/*------------------------------------------*/ + +.bottom-secondary-link p { + margin-bottom: 0; +} + +.bottom-secondary-link p span { + position: relative; + top: 1px; + padding: 0 2px; +} + +.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, +.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +/*------------------------------------------*/ +/* BOTTOM FOOTER LINKS +/*------------------------------------------*/ + +.bottom-footer-list li, +.bottom-footer-socials li, +.bottom-footer-payment li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.bottom-footer-socials li { + padding-left: 14px; +} + +#footer-4 .bottom-footer-list li, +#footer-9 .bottom-footer-list li { + padding-left: 15px; +} + +#footer-4 .bottom-footer-list li.first-li, +#footer-9 .bottom-footer-list li.first-li { + padding-left: 0; +} + +#footer-10 .bottom-footer-socials li { + padding: 0 15px; +} + +.footer-list-divider { + position: relative; + top: -0.5px; + transform: rotate(-90deg); + margin-left: 4px; +} + +.bottom-footer-list.ico-15 [class*="flaticon-"]:before, +.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; } + +.bottom-footer-list li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.bottom-footer-socials li span { + position: relative; + top: 4px; + opacity: .8; +} + +.bottom-footer-payment li span { + line-height: 1!important; + position: relative; + top: 4px; + opacity: .8; +} + +#footer-4 .bottom-footer-list li span, +#footer-9 .bottom-footer-list li span { + margin-top: 1px; + margin-right: 2px; +} + +.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; } + +.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } + +.bg--black.footer .bottom-footer-list li p a { + color: #a0a7b1; +} + +.bg--black.footer .bottom-footer-list li p a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 30. INNER PAGE WRAPPER + =========================================================================== */ + +.inner-page-hero { + padding-top: 180px; +} + +.page-hero-section-overlay { + position: relative; + width: 100%; + padding-top: 150px; +} + +.page-hero-section-overlay .txt-block { + margin-top: -40px; +} + +.page-hero-section .wave-shape-bottom path { + fill: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE TITLE +/*------------------------------------------*/ + +.inner-page-title { + text-align: center; + margin-bottom: 80px; +} + +.inner-page-title h2 { + margin-bottom: 0; +} + +.inner-page-title p { + font-size: 1.1875rem; + line-height: 1; + margin-top: 20px; + margin-bottom: 0; +} + +.page-hero-section h2 { + line-height: 1.15; + margin-bottom: 30px; +} + + + + +/* ========================================================================== + 31. PAGE PAGINATION + =========================================================================== */ + +.page-link { + color: #6c757d; + font-size: 1.1rem; + font-weight: 500; + padding: 2px 14px; + margin: 0 8px; + background-color: transparent; + border: 2px solid transparent; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.pagination.ico-20 [class*="flaticon-"]:before, +.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } + +.page-item:first-child .page-link { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.page-item:last-child .page-link { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.blue-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #1680fb; + border: 2px solid #1680fb; +} + +.green-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #0fbc49; + border: 2px solid #0fbc49; +} + +.pink-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #f74780; + border: 2px solid #f74780; +} + +.purple-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #7b5dd6; + border: 2px solid #7b5dd6; +} + +.red-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #ff1e1a; + border: 2px solid #ff1e1a; +} + +.violet-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #be6cbe; + border: 2px solid #be6cbe; +} + +.yellow-pagination .page-item.active .page-link { + color: #353f4f!important; + background-color: #ffba01; + border: 2px solid #ffba01; +} + +.page-item.disabled .page-link { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; +} + +.page-link:hover { + color: #6c757d; + background-color: transparent; + border: 2px solid #ccc; +} + +.page-link:focus { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; + box-shadow: 0 0; +} + + + + +/* ========================================================================== + 32. TERMS, PRIVACY, COOKIES PAGES + =========================================================================== */ + +/*------------------------------------------*/ +/* TERMS PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.txt-block.legal-info h5 { + margin-top: 30px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 { + margin-top: 80px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 span, +.txt-block.legal-info h5 span { + margin-right: 4px; +} + +.legal-info p span { + color: #353f4f; + font-weight: 500; +} + +.legal-info a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 33. SIGN-IN / SIGN-UP PAGE + =========================================================================== */ + +#login, +#signup { + background: url(../images/login.jpg); + background-position: bottom left; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 80px; +} + +#reset-password { + background: url(../images/reset-password.jpg); + background-position: center center; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 100px; +} + +.register-page-wrapper { + overflow: hidden; + position: relative; + z-index: 1; + -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); +} + +#login .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: left top; +} + +#signup .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: right center; +} + +#login .register-page-wrapper:after, +#signup .register-page-wrapper:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + background-color: #fff; +} + +#login .register-page-wrapper:after { + left: 50%; +} + +#signup .register-page-wrapper:after { + left: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE LOGO +/*------------------------------------------*/ + +.register-page-txt img { + width: auto; + max-width: inherit; + max-height: 32px; + margin-bottom: 55px; +} + +.login-page-logo { + text-align: center; + margin-bottom: 45px; +} + +.login-page-logo img { + width: auto; + max-width: inherit; + max-height: 45px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TITLE +/*------------------------------------------*/ + +.register-form-title { + text-align: center; + margin-bottom: 40px; +} + +.register-form-title h3 { + line-height: 1; + margin-bottom: 10px; +} + +.register-form-title p { + margin-bottom: 0; +} + +.register-form-title a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TEXT +/*------------------------------------------*/ + +#login .register-page-txt, +#signup .register-page-txt { + padding: 70px 60px; +} + +.register-page-txt h2 { + line-height: 1.15; + font-weight: 700; + margin-bottom: 6px; +} + +#login .register-page-copyright { + position: absolute; + left: 60px; + bottom: 45px; +} + +#signup .register-page-copyright { + position: absolute; + right: 60px; + bottom: 45px; +} + +.register-page-copyright p { + font-size: 0.85rem; + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title { + margin-bottom: 30px; +} + +.reset-form-title h5 { + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title p.p-sm { + font-size: 0.9rem; + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM +/*------------------------------------------*/ + +.register-page-form { + padding: 60px; +} + +.login-1 .register-page-form, +.signup-1 .register-page-form { + padding: 20px 30px; +} + +.reset-page-wrapper { + margin: 0 10px; +} + +.reset-page-wrapper form { + background: #fff; + border: 1px solid #fafafa; + padding: 50px 30px 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +/*------------------------------------------*/ +/* REGISTER PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.register-page-form p.input-header { + position: relative; + color: #353f4f; + font-size: 0.85rem; + line-height: 1; + font-weight: 500; + margin-bottom: 12px; + padding-left: 5px; +} + +.reset-password-link p { + position: relative; + font-size: 0.9rem; + line-height: 1; + margin-top: -8px; + margin-bottom: 10px; +} + +.form-data span { + display: block; + font-size: 0.85rem; + margin-bottom: 0; +} + +.form-data span a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +.register-page-form p.create-account { + font-size: 0.925rem; + line-height: 1; + margin-top: 30px; + margin-bottom: 0; +} + +.register-page-form p.create-account a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE SEPARATOR LINE +/*------------------------------------------*/ + +.separator-line { + display: flex; + width: 100%; + -webkit-box-pack: center; + justify-content: center; + -webkit-box-align: center; + align-items: center; + text-align: center; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.9rem; + font-weight: 500; + margin: 25px 0px 30px; +} + +.separator-line::before, +.separator-line::after { + content: ""; + border-top: 2px solid rgba(0, 0, 0, .1); + margin: 0 15px 0 0; + flex: 1 0 20px; +} + +.separator-line::after { + margin: 0 0 0 15px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM INPUT +/*------------------------------------------*/ + +.reset-page-wrapper .form-control, +.register-page-form .form-control { + height: 60px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #353f4f; + font-size: 0.95rem; + line-height: 1; + font-weight: 400; + margin-bottom: 25px; + padding: 5px 20px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.login-1 .form-control, +.signup-1 .form-control { + background-color: #fff; + border: 1px solid #ccc; +} + +.reset-page-wrapper .form-control { + text-align: center; +} + +.register-page-form .form-control::-moz-placeholder { color: #999; } +.register-page-form .form-control:-ms-input-placeholder { color: #999; } +.register-page-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* REGISTER PAGE FORM FOCUS +/*------------------------------------------*/ + +.reset-page-wrapper .form-control:focus, +.register-page-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM BUTTON +/*------------------------------------------*/ + +#signup .register-page-form .btn.submit, +#login .register-page-form .btn.submit { + width: 100%; + height: 60px; + margin-top: 20px; +} + +.reset-page-wrapper .btn.submit { + width: 100%; + margin-bottom: 20px; +} + +.register-page-form .btn-google { + width: 100%; + color: #333; + font-size: 0.95rem; + background-color: #fff; + border: 1px solid #ccc; +} + +.btn-google img { + position: relative; + width: 22px; + height: 22px; + top: -2px; + right: 5px; +} + +.register-page-form .btn-google:hover { + border: 1px solid #333; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM MESSAGE +/*------------------------------------------*/ + +.reset-form-msg { + text-align: center; + width: 100%!important; + display: block; +} + +.reset-password-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.reset-password-form .error { + position: relative; + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + top: -10px; + margin-bottom: 12px; + padding-left: 10px; +} + +/*------------------------------------------*/ +/* FORM HIDE PASSWORD +/*------------------------------------------*/ + +.wrap-input { + position: relative; +} + +.btn-show-pass { + color: #999999; + align-items: center; + position: absolute; + height: 100%; + top: 20px; + right: 20px; + cursor: pointer; + -webkit-transition: all 0.4s; + -o-transition: all 0.4s; + -moz-transition: all 0.4s; + transition: all 0.4s; +} + +.btn-show-pass.ico-20 [class^="flaticon-"]:before, +.btn-show-pass.ico-20 [class^="flaticon-"]:after { + font-size: 1.125rem; +} + +.btn-show-pass:hover { + color: #0195ff; +} + +.btn-show-pass.active { + color: #6a7dfe; +} + + + + +/* ========================================================================== + 34. PAGE 404 + =========================================================================== */ + +.page-404-txt { + padding-top: 180px; + padding-bottom: 100px; +} + +.page-404-txt h2 { + margin-bottom: 20px; +} + +.page-404-txt h6 { + line-height: 1.6; + font-weight: 400; + padding: 0 5%; + margin-bottom: 30px; +} + +.page-404-img { + padding: 0 5%; + margin-bottom: 60px; +} + + + + +/* ========================================================================== + 35. MODAL + ========================================================================== */ + +.modal-body { + padding: 0!important; +} + +#modal-1 .modal-dialog { + max-width: 700px; +} + +#modal-2 .modal-dialog { + width: 440px; +} + +#modal-3 .modal-dialog.modal-xl { + width: 750px; +} + +#modal-2.modal .modal-content, +#modal-3.modal .modal-content { + overflow: hidden; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; +} + +#modal-3.modal .bg-img { + background: url(../images/modal-request.jpg); + background-position: left center; +} + +#modal-2 .modal-body-content { + padding: 35px 40px 15px; +} + +#modal-3 .modal-body-content { + padding: 60px 35px 50px; +} + +/*------------------------------------------*/ +/* MODAL WINDOW CLOSE BUTTON +/*------------------------------------------*/ + +.modal .btn-close { + position: absolute; + z-index: 1; + right: 15px!important; + top: 15px!important; + height: 1.5rem; + width: 1.5rem; + background: rgba(255, 255, 255, 1)!important; + border-radius: 50%; + padding: 0; + opacity: .9; + z-index: 9999; +} + +#modal-3.modal .btn-close { + background: rgba(14, 14, 14, .3)!important; +} + +.btn-close span { + position: relative; + line-height: 24px!important; + top: -2px; +} + +.modal .btn-close.ico-10 [class^="flaticon-"]:before, +.modal .btn-close.ico-10 [class^="flaticon-"]:after { + font-size: 0.6rem; +} + +button.btn-close:focus { + outline: none!important; + text-decoration: none!important; +} + +/*------------------------------------------*/ +/* MODAL WINDOW NEWSLETTER FORM +/*------------------------------------------*/ + +.modal-body .newsletter-form { + margin-top: 25px; +} + +.modal .newsletter-form .form-control { + text-align: center; + height: 56px; + background-color: #f5f6f8; + border: 1px solid transparent; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin: 0 0 15px 0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Form Input Focus +/*------------------------------------------*/ + +.modal .newsletter-form .form-control:focus { + outline: 0; + box-shadow: none; + border-color: #1e90ff; +} + +.modal .newsletter-form.purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Form Input Placeholder +/*------------------------------------------*/ + +.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } +.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } +.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Form Button +/*------------------------------------------*/ + +.modal .input-group-btn { + display: block; + width: 100%!important; +} + +.modal .newsletter-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Form Notification +/*------------------------------------------*/ + +.modal .form-notification { + text-align: center; + color: #1680fb; + font-size: 0.85rem; + font-weight: 400; + line-height: 1; + margin-top: 12px; +} + +.modal .form-notification.valid, +.modal .form-notification.error { + color: #fc2f4b; +} + +.modal .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* MODAL WINDOW REQUEST FORM +/*------------------------------------------*/ + +#modal-3 .request-form { + margin: 0; +} + +#modal-3 .request-form .col-md-12 { + padding: 0; +} + +#modal-3 .request-form-title p { + margin-top: 18px; + margin-bottom: 25px; +} + +#modal-3 .request-form .form-control { + text-align: left; + margin: 0 0 25px 0; +} + +#modal-3 .request-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +#modal-3 .request-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +#modal-3 .request-form .loading { + color: #1680fb; + font-size: 1.0625rem; + line-height: 1; + font-weight: 400; +} + +#modal-3 .request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 36. DARK MODE + ========================================================================== */ + +body.theme--dark, +.theme--dark .bg--white-100 { + background-color: #232734!important; +} + +body.theme--dark { + color: #b1b7cd; +} + +.theme--dark .block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +.theme--dark .block-border { + border: 1px solid #e7e7e7; +} + +.theme--dark .block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; } +.theme--dark .top-border { border-top: 1px solid #1d212c; } +.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; } + +.theme--dark .bg--white-300, +.theme--dark .bg--white-400, +.theme--dark .bg--purple-100, +.theme--dark .shape--purple-100:after, +.theme--dark .shape--white-500:after, +.theme--dark .shape--white-400:after, +.theme--dark .shape--white-300:after, +.theme--dark .shape--white-200:after { + background-color: #1d212c; +} + +.theme--dark .bg--02, +.theme--dark .bg--04, +.theme--dark .gr--smoke, +.theme--dark .gr--ghost, +.theme--dark .shape--whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%); +} + +.theme--dark .gr--whitesmoke, +.theme--dark .shape--gr-whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%); +} +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +.theme--dark hr.divider, +.theme--dark .footer hr { + background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); +} + +.theme--dark hr.divider.divider-light { + background-color: #fff; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%); + opacity: 1; +} + +/*------------------------------------------*/ +/* TYPOGRAPHY +/*------------------------------------------*/ + +.theme--dark h1, +.theme--dark h2, +.theme--dark h3, +.theme--dark h4, +.theme--dark h5, +.theme--dark h6 { + color: #fff; +} + +.theme--dark a { color: #b1b7cd; } +.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; } + +/*------------------------------------------*/ +/* BUTTONS +/*------------------------------------------*/ + +.theme--dark .btn--tra-black, +.theme--dark .hover--tra-black:hover { + color: #b1b7cd!important; + background-color:transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .navbar-dark .hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark .white-scroll .hover--tra-black:hover { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +.theme--dark .navbar-dark .scroll .hover--tra-black:hover { + color: #fff!important; + background-color:transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--white, +.theme--dark .hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-white, +.theme--dark .hover--tra-white:hover { + color: #f1f1f1!important; + background-color: transparent!important; + border-color: #f1f1f1!important; +} + +.theme--dark .white-scroll .scroll .hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-grey, +.theme--dark .hover--tra-grey:hover, +.theme--dark .white-scroll .scroll .hover--tra-grey:hover, +.theme--dark .black-scroll .scroll .hover--tra-grey:hover { + color: #b1b7cd!important; + background-color: transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .btn--blue-500, +.theme--dark .hover--blue-500:hover, +.theme--dark .white-scroll .scroll .hover--blue-500:hover, +.theme--dark .black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.theme--dark .btn--blue-400, +.theme--dark .hover--blue-400:hover, +.theme--dark .white-scroll .scroll .hover--blue-400:hover, +.theme--dark .black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.theme--dark .btn--blue-300, +.theme--dark .hover--blue-300:hover, +.theme--dark .white-scroll .scroll .hover--blue-300:hover, +.theme--dark .black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.theme--dark .btn--pink-500, +.theme--dark .hover--pink-500:hover, +.theme--dark .white-scroll .scroll .hover--pink-500:hover, +.theme--dark .black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.theme--dark .btn--pink-400, +.theme--dark .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.theme--dark .btn--pink-300, +.theme--dark .hover--pink-300:hover, +.theme--dark .white-scroll .scroll .hover--pink-300:hover, +.theme--dark .black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.theme--dark .btn--purple-500, +.theme--dark .hover--purple-500:hover, +.theme--dark .white-scroll .scroll .hover--purple-500:hover, +.theme--dark .black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.theme--dark .btn--purple-400, +.theme--dark .hover--purple-400:hover, +.theme--dark .white-scroll .scroll .hover--purple-400:hover, +.theme--dark .black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.theme--dark .btn--purple-300, +.theme--dark .hover--purple-300:hover, +.theme--dark .white-scroll .scroll .hover--purple-300:hover, +.theme--dark .black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.theme--dark .btn--violet-500, +.theme--dark .hover--violet-500:hover, +.theme--dark .white-scroll .scroll .hover--violet-500:hover, +.theme--dark .black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.theme--dark .btn--violet-400, +.theme--dark .hover--violet-400:hover, +.theme--dark .white-scroll .scroll .hover--violet-400:hover, +.theme--dark .black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.theme--dark .btn--violet-300, +.theme--dark .hover--violet-300:hover, +.theme--dark .white-scroll .scroll .hover--violet-300:hover, +.theme--dark .black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.theme--dark .section-id { + color: #eee; +} + +.theme--dark .color--black, +.theme--dark .color--black h2, +.theme--dark .color--black h3, +.theme--dark .color--black h4, +.theme--dark .color--black h5, +.theme--dark .color--black h6, +.theme--dark .color--black p, +.theme--dark .color--black a, +.theme--dark .color--black li, +.theme--dark .color--black i, +.theme--dark .color--black span, +.theme--dar .color--white .color--black { color: #fff; } + +.theme--dark .color--grey, +.theme--dark .color--grey h2, +.theme--dark .color--grey h3, +.theme--dark .color--grey h4, +.theme--dark .color--grey h5, +.theme--dark .color--grey h6, +.theme--dark .color--grey p, +.theme--dark .color--grey a, +.theme--dark .color--grey li, +.theme--dark .color--grey i, +.theme--dark .color--grey span, +.theme--dark .color--white .color--grey { color: #b1b7cd; } + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.theme--dark .dark-menu .wsmainfull, +.theme--dark .white-menu .wsmainfull { + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a { + color: #fff; +} + +.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover, +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover { + color: #eee!important; +} + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before, +.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before { + background-color: #2c3142; + border-left: solid 1px #2c3142; + border-top: solid 1px #2c3142; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; + background-color: transparent!important; +} + +.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NAVBAR SCROLL +/*------------------------------------------*/ + +.theme--dark .tra-menu .wsmainfull.scroll, +.theme--dark .white-menu .wsmainfull.scroll, +.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll { + background-color: #1d222f!important; + padding: 0; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #b1b7cd; +} + +.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #fff!important; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(0, 0, 0, .12)!important; +} + +.theme--dark .navbar-light .scroll .btn.btn--tra-white { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* Logo Image +/*------------------------------------------*/ + +.theme--dark .navbar-light .scroll .logo-black, +.theme--dark .navbar-dark.light-hero-header .logo-black, +.theme--dark .navbar-dark.inner-page-header .logo-black { + display: none; +} + +.theme--dark .navbar-light .scroll .logo-white, +.theme--dark .navbar-dark.light-hero-header .logo-white, +.theme--dark .navbar-dark.inner-page-header .logo-white { + display: block; +} + +.theme--dark .navbar-dark .scroll .logo-black { + display: none; +} + +.theme--dark .navbar-dark .scroll .logo-white { + display: block; +} + +/*------------------------------------------*/ +/* HERO SECTION +/*------------------------------------------*/ + +.theme--dark .hero-section .color--black, +.theme--dark .hero-section .color--black h2, +.theme--dark .hero-section .color--black h3, +.theme--dark .hero-section .color--black h4, +.theme--dark .hero-section .color--black h5, +.theme--dark .hero-section .color--black h6, +.theme--dark .hero-section .color--black p, +.theme--dark .hero-section .color--black a, +.theme--dark .hero-section .color--black li, +.theme--dark .hero-section .color--black i, +.theme--dark .hero-section .color--black span, +.theme--dark .hero-section .color--white .color--black { color: #353f4f; } + +.theme--dark .hero-section p { color: #6c757d; } +.theme--dark .hero-section .color--white p { color: #fff; } +.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; } +.theme--dark .hero-section .section-id.color--grey { color: #6c757d; } + +.theme--dark .hero-5-txt p, +.theme--dark .hero-6-txt p, +.theme--dark .hero-10-txt p, +.theme--dark .hero-15-txt p, +.theme--dark .hero-16-txt p, +.theme--dark .hero-17-txt p, +.theme--dark .hero-18-txt p, +.theme--dark .hero-19-txt p, +.theme--dark .hero-20-txt p, +.theme--dark .hero-21-txt p, +.theme--dark .hero-23-txt p, +.theme--dark .hero-25-txt p { color: #b1b7cd; } + +.theme--dark .hero-section .quick-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control, +.theme--dark #hero-24.hero-section .quick-form .form-control, +.theme--dark #hero-26.hero-section .quick-form .form-control { + color: #666; + background-color: #fff; +} + +.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark .hero-section .quick-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control:focus, +.theme--dark #hero-24.hero-section .quick-form .form-control:focus, +.theme--dark #hero-26.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: transparent; +} + +.theme--dark .hero-section .request-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .hero-section .request-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-3:after, +.theme--dark #hero-4:after { + background-color: #232734; +} + +.theme--dark .hero-4-txt h2 { + color: #353f4f; +} + +.theme--dark .hero-4-txt .btn.btn--tra-black { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark #hero-5 { + background-image: url(../images/hero-5-dark.jpg); +} + +.theme--dark .hero-6-wrapper { + background-image: linear-gradient(90deg, #1d212c, #1d212c); +} + +.theme--dark #hero-8-form { + background-color: #1d222f; + border: 1px solid #1d222f; +} + +.theme--dark #hero-8-form p { + color: #b1b7cd; +} + +.theme--dark #hero-5 .wave-shape-bottom svg path, +.theme--dark #hero-8 .wave-shape-bottom svg path, +.theme--dark #hero-14 .wave-shape-bottom svg path, +.theme--dark #hero-16 .wave-shape-bottom svg path, +.theme--dark #hero-22 .wave-shape-bottom svg path, +.theme--dark #hero-23 .wave-shape-bottom svg path, +.theme--dark #hero-26 .wave-shape-bottom svg path { + fill: #232734; +} + +.theme--dark #hero-10 { + background-image: url(../images/hero-10-dark.jpg); +} + +.theme--dark #hero-15 { + background-image: url(../images/hero-15-dark.jpg); +} + +.theme--dark #hero-16 { + background-image: url(../images/hero-16-dark.jpg); +} + +.theme--dark #hero-17 { + background-image: url(../images/hero-17-dark.jpg); +} + +.theme--dark #hero-18:after { + background-image: url(../images/hero-18-dark.jpg); +} + +.theme--dark #hero-20:after { + background-image: linear-gradient(180deg, #1d212c, #232734); +} + +.theme--dark #hero-21 .hero-overlay { + background-image: url(../images/hero-21-dark.jpg); +} + +.theme--dark #hero-23 { + background-image: url(../images/hero-23-dark.jpg); +} + +.theme--dark .hero-23-txt p span.color--black { color: #fff; } + +.theme--dark #hero-25 { + background-image: url(../images/hero-25-dark.jpg); +} + +.theme--dark #hero-27 .hero-overlay { + background-image: url(../images/hero-27-dark.png); +} + +/*------------------------------------------*/ +/* FEATURES +/*------------------------------------------*/ + +.theme--dark .features-section path { + opacity: .05; +} + +.theme--dark .fbox-7 { + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* CONTENT +/*------------------------------------------*/ + +.theme--dark .cbox-2-line { + background-color: #363f54; +} + +/*------------------------------------------*/ +/* STATISTIC +/*------------------------------------------*/ + +.theme--dark #statistic-5 .statistic-digit { + border-bottom: 1px solid #505c77; +} + +/*------------------------------------------*/ +/* REVIEWS +/*------------------------------------------*/ + +.theme--dark #reviews-2 .review-2.bg--white-100 { + background-color: #1d212c!important; +} + +.theme--dark .owl-theme .owl-dots .owl-dot span { + background: #1d212c; +} + +.theme--dark .owl-theme .owl-dots .owl-dot.active span { + background: #b1b7cd; +} + +.theme--dark .review-3.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +.theme--dark .project-title h2 { + border-bottom: 1px solid #363f54; +} + +.theme--dark .project-data p span { color: #fff; } + +.theme--dark .project-description .more-projects span { + color: #fff; +} + +/*------------------------------------------*/ +/* RATING +/*------------------------------------------*/ + +.theme--dark .rbox-1 .star-rating { + background-color: #1d212c!important; + border: 1px solid #1d212c; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .pricing-discount h6 { + color: #353f4f; +} + +.theme--dark .table>:not(caption)>*>* { + color: #b1b7cd; + background-color: #232734; +} + +.theme--dark .comp-table .table thead th { + color: #fff; + border-color: #363f54; +} + +.theme--dark .comp-table tbody th { + border-bottom: 1px solid #363f54!important; +} + +.theme--dark .comp-table .table tr td { + border-bottom: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* INTEGRATIONS +/*------------------------------------------*/ + +.theme--dark .integrations-1-wrapper .in_tool { + background-color: #1d212c; + border: 1px solid #1d212c; +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .switcher.bg--grey { + background-color: #363f54; + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* BANNER +/*------------------------------------------*/ + +.theme--dark .banner-16-wrapper.bg--white-100.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* DOWNLOAD +/*------------------------------------------*/ + +.theme--dark .release-data { + border-bottom: 1px dashed #656565; +} + +.theme--dark span.version-data, +.theme--dark span.release-date span { + color: #f1f1f1; +} + +.theme--dark span.release-date { + color: #ccc; +} + +/*------------------------------------------*/ +/* FAQs +/*------------------------------------------*/ + +.theme--dark .faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li { + border: 2px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li span, +.theme--dark .faqs-section .tabs-1 li { + color: #b1b7cd; +} + +.theme--dark .faqs-section .accordion-item .accordion-thumb:after, +.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NEWSLETTER +/*------------------------------------------*/ + +.theme--dark .newsletter-section .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .newsletter-section .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* BLOG +/*------------------------------------------*/ + +.theme--dark .post-meta-list p, +.theme--dark .blog-post-txt a { + color: #fff; +} + +.theme--dark .blog-post-txt a:hover { + color: #ddd!important; +} + +/*------------------------------------------*/ +/* SINGLE POST +/*------------------------------------------*/ + +.theme--dark .txt-code { + background-color: #1d212c; +} + +.theme--dark .txt-code kbd { + background-color: #363f54; +} + +.theme--dark .txt-code p { + color: #b1b7cd; +} + +.theme--dark .comment-form p, +.theme--dark .blockquote-footer, +.theme--dark .txt-code span.code-property, +.theme--dark .txt-code p code.code-language-js { + color: #fff; +} + +.theme--dark .comment-form .form-control { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .comment-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* CONTACTS +/*------------------------------------------*/ + +.theme--dark .contact-form-notice p a, +.theme--dark #contacts-1 .contact-form p { + color: #fff; +} + +.theme--dark .contact-form .form-control, +.theme--dark .contact-form .form-select { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .contact-form .form-control:focus, +.theme--dark .contact-form .form-select:focus { + background-color: #505c77; + border-color: transparent; +} + +/*------------------------------------------*/ +/* FOOTER +/*------------------------------------------*/ + +.theme--dark #footer-10 .footer-info { + border-bottom: 1px solid #363f54; +} + +.theme--dark .footer-form .newsletter-form .btn.dark-color span { + color: #2f353e!important; +} + +.theme--dark .footer-form .newsletter-form .input-group { + background-color: #282d3c; + border: 1px solid #505c77; +} + +.theme--dark .footer-form .form-control { + color: #fff; +} + +.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .legal-info p span { + color: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE +/*------------------------------------------*/ + +.theme--dark .page-hero-section .wave-shape-bottom path { + fill: #232734; +} + +/*------------------------------------------*/ +/* MODAL +/*------------------------------------------*/ + +.theme--dark #modal-2 .modal-body-content h5, +.theme--dark #modal-3 .modal-body-content h3 { + color: #353f4f; +} + +/*------------------------------------------*/ +/* PAGE 404 +/*------------------------------------------*/ + +.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; } +.theme--dark #page-404 .color--dark { color: #353f4f; } + +.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300, +.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; } + +/*------------------------------------------*/ +/* LOGIN +/*------------------------------------------*/ + +.theme--dark #login, .theme--dark #signup { + background: url(../images/login_dark.jpg); +} + +.theme--dark #reset-password { + background: url(../images/reset-password-dark.jpg); +} + +.theme--dark #login .register-page-wrapper:after, +.theme--dark #signup .register-page-wrapper:after { + background-color: #1d212c; +} + +.theme--dark .form-data span a, +.theme--dark .register-page-form p.input-header { + color: #fff; +} + +.theme--dark .separator-line::before, +.theme--dark .separator-line::after { + border-top: 2px solid rgba(255, 255, 255, .15); +} + +.theme--dark .reset-page-wrapper .form-control, +.theme--dark .register-page-form .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .reset-page-wrapper form { + background: #1d212c; + border: 1px solid #1d212c; +} + +.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .register-page-form .btn-google { + color: #b1b7cd; + background-color: #363f54; + border: 1px solid #363f54; +} + + + + +/* ========================================================================== + 37. COLOR SCHEME + ========================================================================== */ + +.bg--theme, +.shape--blue-400:after { + background-color: #0fbc49; +} + +.btn--theme { + color: #fff!important; + border-color: #0fbc49!important; + background-color: #0fbc49!important; +} + +.hover--theme:hover, +.white-scroll .scroll .hover--theme:hover, +.black-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #07a53c!important; + background-color: #07a53c!important; +} + +.theme--dark .white-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #07a53c!important; + background-color: #07a53c!important; +} + +.theme--dark .white-scroll .hover--theme:hover { + color: #fff!important; + border-color: #07a53c!important; + background-color: #07a53c!important; +} + +.color--theme, +.color--theme h1, +.color--theme h2, +.color--theme h3, +.color--theme h4, +.color--theme h5, +.color--theme h6, +.color--theme p, +.color--theme a, +.color--theme li, +.color--theme i, +.color--theme span, +.color--white .color--theme { color: #0fbc49!important; } + +.loading--theme .loader { + border-color: transparent #0fbc49; +} + +.loading--theme .loader::after { + border-color: transparent rgba(14, 188, 73, .15); +} + +.nav-theme .sm-info { + background-color: #0fbc49; +} + +.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #0fbc49!important; +} + +.hero-section .quick-form .form-control:focus { + border-color: #0fbc49; +} + +.cbox-2:hover .cbox-2-ico.bg--theme { + color: #0fbc49; + border-color: #0fbc49; +} + +.tabs-1.tabs--theme, +.tabs-1.tabs--theme li.current:hover { + color: #0fbc49; + border-color: #0fbc49; +} + +.faqs-section .tabs--theme .tabs-1 li.current, +.faqs-section .tabs--theme .tabs-1 li.current:hover { + background-color: #0fbc49; + border-color: #0fbc49!important; +} + +.switch-wrap input:checked + .switcher.switcher--theme { + background-color: #0fbc49; + border-color: #0fbc49; +} + +.shape-ico.color--theme path, +.shape-ico.color--theme path, +.shape-ico.color--theme path { + fill: #e9f8f2; +} + +.newsletter-section .form-control:focus { + background-color: #fff; + border-color: #353f4f; +} + +.theme-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #0fbc49; + border: 2px solid #0fbc49; +} + + + diff --git a/static/css/lunar.css b/static/css/lunar.css new file mode 100644 index 0000000..35fd5e9 --- /dev/null +++ b/static/css/lunar.css @@ -0,0 +1,484 @@ +/** + * +Lunar version 1.0 +The MIT License (MIT) +Copyright (c) 2011-2019 vivekvasani955@gmail.com + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. + */ +.modal .modal-dialog.modal-full-width { + width: 100% !important; + max-width: 100% !important; + margin: 0 !important; + left: 0 !important; + right: 0 !important; +} +.modal .modal-content { + border: 0; + border-radius: 3px; +} +.modal.fade.modal-top-left .modal-dialog { + width: 100%; + position: absolute; + top: 0; +} +@media (min-width: 576px) { + .modal.fade.modal-top-left .modal-dialog { + left: 1.75rem; + margin: 1.75rem auto; + } +} +@media (max-width: 767.98px) { + .modal.fade.modal-top-left .modal-dialog { + width: calc(100% - (0.5rem*2)); + } +} +.modal.fade.modal-top-right .modal-dialog { + width: 100%; + position: absolute; + top: 0; +} +@media (min-width: 576px) { + .modal.fade.modal-top-right .modal-dialog { + right: 1.75rem; + margin: 1.75rem auto; + } +} +@media (max-width: 767.98px) { + .modal.fade.modal-top-right .modal-dialog { + width: calc(100% - (0.5rem*2)); + } +} +.modal.fade.modal-bottom-right .modal-dialog { + width: 100%; + position: absolute; + bottom: 0; +} +@media (min-width: 576px) { + .modal.fade.modal-bottom-right .modal-dialog { + right: 1.75rem; + margin: 1.75rem auto; + } +} +@media (max-width: 767.98px) { + .modal.fade.modal-bottom-right .modal-dialog { + width: calc(100% - (0.5rem*2)); + } +} +.modal.fade.modal-bottom-left .modal-dialog { + width: 100%; + position: absolute; + bottom: 0; +} +@media (min-width: 576px) { + .modal.fade.modal-bottom-left .modal-dialog { + left: 1.75rem; + margin: 1.75rem auto; + } +} +@media (max-width: 767.98px) { + .modal.fade.modal-bottom-left .modal-dialog { + width: calc(100% - (0.5rem*2)); + } +} +.modal.fade.modal-bottom-center .modal-dialog { + position: absolute; + bottom: 0; + right: 0; + left: 0; +} +@media (min-width: 576px) { + .modal.fade.modal-bottom-center .modal-dialog { + margin: 1.75rem auto; + } +} +@media (max-width: 767.98px) { + .modal.fade.modal-bottom-center .modal-dialog { + width: calc(100% - (0.5rem*2)); + } +} +.modal .close { + position: absolute; + z-index: 1; + right: 10px !important; + top: 10px !important; + height: 2.5rem; + width: 2.5rem; + background: rgba(193, 193, 193, 0.3) !important; + border-radius: 50%; + font-size: 1.8rem; + padding: 0; +} +.modal .close:focus { + outline: 0; +} +.modal .close span { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M14.7,1.3c-0.4-0.4-1-0.4-1.4,0L8,6.6L2.7,1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L6.6,8l-5.3,5.3 c-0.4,0.4-0.4,1,0,1.4C1.5,14.9,1.7,15,2,15s0.5-0.1,0.7-0.3L8,9.4l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L9.4,8l5.3-5.3C15.1,2.3,15.1,1.7,14.7,1.3z'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-size: contain; + color: transparent; + text-shadow: none; + background-position: center; +} +.modal .close.light span { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M14.7,1.3c-0.4-0.4-1-0.4-1.4,0L8,6.6L2.7,1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L6.6,8l-5.3,5.3 c-0.4,0.4-0.4,1,0,1.4C1.5,14.9,1.7,15,2,15s0.5-0.1,0.7-0.3L8,9.4l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L9.4,8l5.3-5.3C15.1,2.3,15.1,1.7,14.7,1.3z'/%3E%3C/svg%3E"); +} +.modal .close.size-sm { + transform: scale(0.5); + right: 0.5rem; + top: 0.5rem; +} +.modal .close.close-pinned { + top: -19px; + right: -19px; +} + +.modal[data-popup=true] { + position: relative; + top: unset; + left: unset; + right: unset; + bottom: unset; + width: unset; + height: unset; +} +.modal[data-popup=true].fade.modal-top-left .modal-dialog, .modal[data-popup=true].fade.modal-top-right .modal-dialog, .modal[data-popup=true].fade.modal-bottom-right .modal-dialog, .modal[data-popup=true].fade.modal-bottom-left .modal-dialog, .modal[data-popup=true].fade.modal-bottom-center .modal-dialog { + position: fixed; +} +.modal[data-popup=true].fade .modal-content { + box-shadow: 0 20px 60px -2px rgba(18, 21, 35, 0.19); +} + +.body-scrollable { + overflow: unset; + padding-right: unset !important; +} +.body-scrollable .modal-backdrop { + display: none; +} + +.modal-backdrop { + background: #2d343a; +} + +/*Bigger CTA Style Button*/ +.btn-cta { + text-transform: uppercase; + letter-spacing: 1px; + padding: 15px 20px; + font-size: 0.8rem; + font-weight: 600; +} + +/*Alert styles*/ +.event-type { + border: 3px solid #e0e6ed; + height: 80px; + width: 80px; + border-radius: 50%; + display: inline-flex; + justify-content: center; + align-items: center; + transition: all ease 0.2s; + transition-delay: 0.3s; +} + + +.event-type .event-indicator { + transition: all cubic-bezier(0, 0.89, 0.44, 1) 0.2s; + transform: scale(0); + opacity: 0; + transition-delay: 0.5s; +} + +.show .event-type .event-indicator { + transform: scale(1); + opacity: 1; +} + +.show .event-type { + border-color: #e0e6ed; + background-color: #e0e6ed; +} + +.show .event-type.success { + border-color: #00CC99; + background-color: #00CC99; +} + +.show .event-type.error { + border-color: #f2545b; + background-color: #f2545b; +} + +.show .event-type.warning { + border-color: #f7bc06; + background-color: #f7bc06; +} + +.show .event-type.info { + border-color: #19b5fe; + background-color: #19b5fe; +} + +/*==================================*/ +/* Additional Utilities */ +/*==================================*/ +/*Bigger CTA Style Button*/ +.btn-cta { + text-transform: uppercase; + letter-spacing: 1px; + padding: 15px 20px; + font-size: 0.8rem; + font-weight: 600; +} + +/*Overlay for images*/ +.modal .overlay { + background-color: rgba(0, 0, 0, 0.35); +} + +.modal .overlay-light { + background-color: rgba(0, 0, 0, 0.15); +} + +/*Negative margins for creating pull effect */ +.modal .pull-up-lg { + margin-top: -70px; +} + +.modal .pull-up-sm { + /*margin-top: -35px;*/ +} + +.modal .border-thick { + border-width: 0.3rem !important; +} + +.bg-img { + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} + +.pointer-events-none { + pointer-events: none; +} + +/*Height utilities*/ +.m-h-10 { + min-height: 10vh; +} + +.m-h-20 { + min-height: 20vh; +} + +.m-h-30 { + min-height: 30vh; +} + +.m-h-40 { + min-height: 40vh; +} + +.m-h-50 { + min-height: 50vh; +} + +.m-h-60 { + min-height: 60vh; +} + +.m-h-70 { + min-height: 70vh; +} + +.m-h-80 { + min-height: 80vh; +} + +.m-h-90 { + min-height: 90vh; +} + +.m-h-100 { + min-height: 100vh; +} + +.bg-rhino { + background-color: #28304e !important; +} + +.btn-cstm-light { + color: #212841; + background-color: #fff; + border-color: #fff; +} + +.btn-cstm-light:hover { + color: #212841; + background-color: #ececec; + border-color: #e6e6e6; +} + +.btn-cstm-light:focus, .btn-cstm-light.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-cstm-light.disabled, .btn-cstm-light:disabled { + color: #212841; + background-color: #fff; + border-color: #fff; +} + +.btn-cstm-light:not(:disabled):not(.disabled):active, .btn-cstm-light:not(:disabled):not(.disabled).active, .show > .btn-cstm-light.dropdown-toggle { + color: #212841; + background-color: #e6e6e6; + border-color: #dfdfdf; +} + +.btn-cstm-light:not(:disabled):not(.disabled):active:focus, .btn-cstm-light:not(:disabled):not(.disabled).active:focus, .show > .btn-cstm-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); +} + +.btn-cstm-dark { + color: #FFFFFF; + background-color: #28304e; + border-color: #28304e; +} + +.btn-cstm-dark:hover { + color: #FFFFFF; + background-color: #1b2035; + border-color: #171b2c; +} + +.btn-cstm-dark:focus, .btn-cstm-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(40, 48, 78, 0.5); +} + +.btn-cstm-dark.disabled, .btn-cstm-dark:disabled { + color: #FFFFFF; + background-color: #28304e; + border-color: #28304e; +} + +.btn-cstm-dark:not(:disabled):not(.disabled):active, .btn-cstm-dark:not(:disabled):not(.disabled).active, .show > .btn-cstm-dark.dropdown-toggle { + color: #FFFFFF; + background-color: #171b2c; + border-color: #121624; +} + +.btn-cstm-danger { + color: #FFFFFF; + background-color: #f2545b; + border-color: #f2545b; +} + +.btn-cstm-danger:hover { + color: #FFFFFF; + background-color: #ef3039; + border-color: #ee252e; +} + +.btn-cstm-danger:focus, .btn-cstm-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(242, 84, 91, 0.5); +} + +.btn-cstm-danger.disabled, .btn-cstm-danger:disabled { + color: #FFFFFF; + background-color: #f2545b; + border-color: #f2545b; +} + +.btn-cstm-danger:not(:disabled):not(.disabled):active, .btn-cstm-danger:not(:disabled):not(.disabled).active, .show > .btn-cstm-danger.dropdown-toggle { + color: #FFFFFF; + background-color: #ee252e; + border-color: #ed1922; +} + +.btn-cstm-danger:not(:disabled):not(.disabled):active:focus, .btn-cstm-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-cstm-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(242, 84, 91, 0.5); +} + +.btn-cstm-success { + color: #FFFFFF; + background-color: #00CC99; + border-color: #00CC99; +} + +.btn-cstm-success:hover { + color: #FFFFFF; + background-color: #00a67c; + border-color: #009973; +} + +.btn-cstm-success:focus, .btn-cstm-success.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 204, 153, 0.5); +} + +.btn-cstm-success.disabled, .btn-cstm-success:disabled { + color: #FFFFFF; + background-color: #00CC99; + border-color: #00CC99; +} + +.btn-cstm-success:not(:disabled):not(.disabled):active, .btn-cstm-success:not(:disabled):not(.disabled).active, .show > .btn-cstm-success.dropdown-toggle { + color: #FFFFFF; + background-color: #009973; + border-color: #008c69; +} + +.btn-cstm-success:not(:disabled):not(.disabled):active:focus, .btn-cstm-success:not(:disabled):not(.disabled).active:focus, .show > .btn-cstm-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 204, 153, 0.5); +} + +.btn-cstm-secondary { + color: #FFFFFF; + background-color: #95AAC9; + border-color: #95AAC9; +} + +.btn-cstm-secondary:hover { + color: #FFFFFF; + background-color: #7c96bc; + border-color: #738fb8; +} + +.btn-cstm-secondary:focus, .btn-cstm-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(149, 170, 201, 0.5); +} + +.btn-cstm-secondary.disabled, .btn-cstm-secondary:disabled { + color: #FFFFFF; + background-color: #95AAC9; + border-color: #95AAC9; +} + +.btn-cstm-secondary:not(:disabled):not(.disabled):active, .btn-cstm-secondary:not(:disabled):not(.disabled).active, .show > .btn-cstm-secondary.dropdown-toggle { + color: #FFFFFF; + background-color: #738fb8; + border-color: #6b88b3; +} + +.btn-cstm-secondary:not(:disabled):not(.disabled):active:focus, .btn-cstm-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-cstm-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(149, 170, 201, 0.5); +} + diff --git a/static/css/magenta-theme.css b/static/css/magenta-theme.css new file mode 100644 index 0000000..0d36fe7 --- /dev/null +++ b/static/css/magenta-theme.css @@ -0,0 +1,10990 @@ + + + + +/* + Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack + Theme URL: https://themeforest.net/user/dsathemes + Description: Martex - Software, App, SaaS & Startup Landing Pages Pack + Author: DSAThemes + Author URL: https://themeforest.net/user/dsathemes + Version: 1.0.0 + Website: www.dsathemes.com + Tags: Responsive, HTML5, DSAThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc +*/ + + + + +/* ========================================================================== + 01. GENERAL & BASIC STYLES + =========================================================================== */ + +html { + -webkit-font-smoothing: antialiased; + font-size: 16px; +} + +body { + font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; + color: #6c757d; + line-height: 1.6666; + font-weight: 400; +} + +/*------------------------------------------*/ +/* PAGE CONTENT +/*------------------------------------------*/ + +#page, +.hidd { + overflow: hidden; +} + +.rel, +section, +.container { + position: relative!important; + z-index: 3; +} + +.section-overlay { + width: 100%; + height: 100%; +} + +/*------------------------------------------*/ +/* BLOCK SHADOW +/*------------------------------------------*/ + +.block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* BORDER SETTINGS +/*------------------------------------------*/ + +.block-border { + border: 1px solid #e7e7e7; +} + +.block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.x-border { + border-top: 1px solid #e7e7e7; + border-bottom: 1px solid #e7e7e7; +} + +.top-border { + border-top: 1px solid #e7e7e7; +} + +.bottom-border { + border-bottom: 1px solid #e7e7e7; +} + +/*------------------------------------------*/ +/* BORDER RADIUS SETTING +/*------------------------------------------*/ + +.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } +.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } +.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } +.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } +.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } +.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } +.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; } +.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; } +.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } +.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; } +.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } +.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; } +.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; } +.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; } +.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; } +.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } +.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; } +.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; } +.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; } +.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; } + +/*------------------------------------------*/ +/* OPACITY SETTINGS +/*------------------------------------------*/ + +.o-0 { opacity: 0!important; } +.o-10 { opacity: .1!important; } +.o-15 { opacity: .15!important; } +.o-20 { opacity: .2!important; } +.o-25 { opacity: .25!important; } +.o-30 { opacity: .3!important; } +.o-35 { opacity: .35!important; } +.o-40 { opacity: .4!important; } +.o-45 { opacity: .45!important; } +.o-50 { opacity: .5!important; } +.o-55 { opacity: .55!important; } +.o-60 { opacity: .60!important; } +.o-65 { opacity: .65!important; } +.o-70 { opacity: .7!important; } +.o-75 { opacity: .75!important; } +.o-80 { opacity: .8!important; } +.o-85 { opacity: .85!important; } +.o-90 { opacity: .9!important; } +.o-95 { opacity: .95!important; } +.o-100 { opacity: 1!important; } + +/*------------------------------------------*/ +/* SPACING & INDENTS +/*------------------------------------------*/ + +.py-5 { padding-top: 5px; padding-bottom: 5px; } +.py-10 { padding-top: 10px; padding-bottom: 10px; } +.py-15 { padding-top: 15px; padding-bottom: 15px; } +.py-20 { padding-top: 20px; padding-bottom: 20px; } +.py-30 { padding-top: 30px; padding-bottom: 30px; } +.py-40 { padding-top: 40px; padding-bottom: 40px; } +.py-50 { padding-top: 50px; padding-bottom: 50px; } +.py-60 { padding-top: 60px; padding-bottom: 60px; } +.py-70 { padding-top: 70px; padding-bottom: 70px; } +.py-80 { padding-top: 80px; padding-bottom: 80px; } +.py-90 { padding-top: 90px; padding-bottom: 90px; } +.py-100 { padding-top: 100px; padding-bottom: 100px; } + +.pt-30 { padding-top: 30px; } +.pt-40 { padding-top: 40px; } +.pt-50 { padding-top: 50px; } +.pt-60 { padding-top: 60px; } +.pt-70 { padding-top: 70px; } +.pt-80 { padding-top: 80px; } +.pt-90 { padding-top: 90px; } +.pt-100 { padding-top: 100px; } + +.pb-30 { padding-bottom: 30px; } +.pb-40 { padding-bottom: 40px; } +.pb-50 { padding-bottom: 50px; } +.pb-60 { padding-bottom: 60px; } +.pb-70 { padding-bottom: 70px; } +.pb-80 { padding-bottom: 80px; } +.pb-90 { padding-bottom: 90px; } +.pb-100 { padding-bottom: 100px; } + +.mt-10 { margin-top: 10px; } +.mt-15 { margin-top: 15px; } +.mt-20 { margin-top: 20px; } +.mt-25 { margin-top: 25px; } +.mt-30 { margin-top: 30px; } +.mt-35 { margin-top: 35px; } +.mt-40 { margin-top: 40px; } +.mt-45 { margin-top: 45px; } +.mt-50 { margin-top: 50px; } +.mt-55 { margin-top: 55px; } +.mt-60 { margin-top: 60px; } +.mt-65 { margin-top: 65px; } +.mt-70 { margin-top: 70px; } +.mt-75 { margin-top: 75px; } +.mt-80 { margin-top: 80px; } +.mt-85 { margin-top: 85px; } +.mt-90 { margin-top: 90px; } +.mt-95 { margin-top: 95px; } +.mt-100 { margin-top: 100px; } + +.mb-10 { margin-bottom: 10px; } +.mb-15 { margin-bottom: 15px; } +.mb-20 { margin-bottom: 20px; } +.mb-25 { margin-bottom: 25px; } +.mb-30 { margin-bottom: 30px; } +.mb-35 { margin-bottom: 35px; } +.mb-40 { margin-bottom: 40px; } +.mb-45 { margin-bottom: 45px; } +.mb-50 { margin-bottom: 50px; } +.mb-55 { margin-bottom: 55px; } +.mb-60 { margin-bottom: 60px; } +.mb-65 { margin-bottom: 65px; } +.mb-70 { margin-bottom: 70px; } +.mb-75 { margin-bottom: 75px; } +.mb-80 { margin-bottom: 80px; } +.mb-85 { margin-bottom: 85px; } +.mb-90 { margin-bottom: 90px; } +.mb-95 { margin-bottom: 95px; } +.mb-100 { margin-bottom: 100px; } + +.ml-5 { margin-left: 5px; } +.ml-10 { margin-left: 10px; } +.ml-15 { margin-left: 15px; } +.ml-20 { margin-left: 20px; } +.ml-25 { margin-left: 25px; } +.ml-30 { margin-left: 30px; } + +.mr-5 { margin-right: 5px; } +.mr-10 { margin-right: 10px; } +.mr-15 { margin-right: 15px; } +.mr-20 { margin-right: 20px; } +.mr-25 { margin-right: 25px; } +.mr-30 { margin-right: 30px; } + +/*------------------------------------------*/ +/* BACKGROUND SETTINGS +/*------------------------------------------*/ + +.bg--fixed, +.bg--scroll { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--fixed { + background-attachment: scroll!important; +} + +.bg--scroll { + background-attachment: fixed!important; +} + +/*------------------------------------------*/ +/* BACKGROUND COLORS +/*------------------------------------------*/ + +.bg--white-500 { background-color: #f2f4f8; } +.bg--white-400 { background-color: #f4f4f9; } +.bg--white-300 { background-color: #f7f8f9; } +.bg--white-200 { background-color: #fbfbfd; } +.bg--white-100 { background-color: #fff; } + +.bg--black-500 { background-color: #22223b; } +.bg--black-400 { background-color: #2e3648; } +.bg--black-300 { background-color: #394455; } +.bg--black-200 { background-color: #e1e3e5; } +.bg--black-100 { background-color: #ecf1f4; } + +.bg--blue-500 { background-color: #185abd; } +.bg--blue-400 { background-color: #1680fb; } +.bg--blue-300 { background-color: #3eb1ff; } +.bg--blue-200 { background-color: #ddedff; } +.bg--blue-100 { background-color: #f4f9fc; } + +.bg--green-500 { background-color: #00a14e; } +.bg--green-400 { background-color: #0fbc49; } +.bg--green-300 { background-color: #6fd792; } +.bg--green-200 { background-color: #cff2db; } +.bg--green-100 { background-color: #e9f8f2; } + +.bg--pink-500 { background-color: #ff149c; } +.bg--pink-400 { background-color: #f74780; } +.bg--pink-300 { background-color: #fcb5cc; } +.bg--pink-200 { background-color: #fee4ec; } +.bg--pink-100 { background-color: #feecf2; } + +.bg--purple-5000 { background-color: #663ae9; } +.bg--purple-500 { background-color: #7827e6; } +.bg--purple-400 { background-color: #7b5dd6; } +.bg--purple-300 { background-color: #bdaeea; } +.bg--purple-200 { background-color: #e5deff; } +.bg--purple-100 { background-color: #f1edff; } + +.bg--red-500 { background-color: #da0f29; } +.bg--red-400 { background-color: #ff1e1a; } +.bg--red-300 { background-color: #ffa5a3; } +.bg--red-200 { background-color: #ffd2d1; } +.bg--red-100 { background-color: #fce7e4; } + +.bg--violet-500 { background-color: #c73e9b; } +.bg--violet-400 { background-color: #be6cbe; } +.bg--violet-300 { background-color: #e2bde2; } +.bg--violet-200 { background-color: #f1cde5; } +.bg--violet-100 { background-color: #f7e4f1; } + +.bg--yellow-500 { background-color: #ffba01; } +.bg--yellow-400 { background-color: #ffbd45; } +.bg--yellow-300 { background-color: #ffdf35; } +.bg--yellow-200 { background-color: #fef5cd; } +.bg--yellow-100 { background-color: #fef9e5; } + +.bg--tra-black { background-color: rgba(0, 0, 0, .04); } +.bg--tra-white { background-color: rgba(255, 255, 255, .15); } +.bg--primary-blue { background-color: #2160fd; } +.bg--light-grey { background-color: #f0f3ff; } +.bg--snow { background-color: #fdfdfd; } + +/*------------------------------------------*/ +/* GRADIENT COLOR BACKGROUND +/*------------------------------------------*/ + +.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); } +.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); } +.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); } +.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); } +.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); } +.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); } + +/*------------------------------------------*/ +/* BACKGROUND SHAPE +/*------------------------------------------*/ + +.shape--01:after, +.shape--02:after, +.shape--03:after, +.shape--04:after, +.shape--05:after, +.shape--06:after, +.shape--07:after { + position: absolute; + content: ''; + z-index: -1; +} + +.shape--02.r-24:after { + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--01:after { + width: 150%; + height: 80%; + top: 13%; + left: -25%; +} + +.shape--02:after { + width: 86%; + height: 80%; + top: 13%; + left: 7%; +} + +.shape--03:after { + width: 78%; + height: 120%; + top: -60px; + left: 11%; + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--04:after { + width: 100%; + height: 80%; + top: 10%; + left: 0; +} + +.shape--05:after { + width: 150%; + height: 90%; + top: 0; + left: -25%; +} + +.shape--06:after { + width: 150%; + height: 75%; + top: 0; + left: -25%; +} + +.shape--07:after { + width: 200%; + height: 50%; + top: 37%; + left: -50%; +} + +.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); } + +.shape--white-500:after { background-color: #f2f4f8; } +.shape--white-400:after { background-color: #f4f4f9; } +.shape--white-300:after { background-color: #f7f8f9; } +.shape--white-200:after { background-color: #fbfbfd; } + +.shape--black-500:after { background-color: #22223b; } +.shape--black-400:after { background-color: #2e3648; } +.shape--black-300:after { background-color: #394455; } +.shape--black-200:after { background-color: #e1e3e5; } +.shape--black-100:after { background-color: #ecf1f4; } + +.shape--blue-500:after { background-color: #185abd; } +.shape--blue-400:after { background-color: #1680fb; } +.shape--blue-300:after { background-color: #3eb1ff; } +.shape--blue-200:after { background-color: #ddedff; } +.shape--blue-100:after { background-color: #f4f9fc; } + +.shape--green-500:after { background-color: #00a14e; } +.shape--green-400:after { background-color: #0fbc49; } +.shape--green-300:after { background-color: #6fd792; } +.shape--green-200:after { background-color: #cff2db; } +.shape--green-100:after { background-color: #e9f8f2; } + +.shape--pink-500:after { background-color: #ff149c; } +.shape--pink-400:after { background-color: #f74780; } +.shape--pink-300:after { background-color: #fcb5cc; } +.shape--pink-200:after { background-color: #fee4ec; } +.shape--pink-100:after { background-color: #feecf2; } + +.shape--purple-500:after { background-color: #663ae9; } +.shape--purple-400:after { background-color: #7b5dd6; } +.shape--purple-300:after { background-color: #bdaeea; } +.shape--purple-200:after { background-color: #e5deff; } +.shape--purple-100:after { background-color: #f1edff; } + +.shape--red-500:after { background-color: #da0f29; } +.shape--red-400:after { background-color: #ff1e1a; } +.shape--red-300:after { background-color: #ffa5a3; } +.shape--red-200:after { background-color: #ffd2d1; } +.shape--red-100:after { background-color: #fce7e4; } + +.shape--violet-500:after { background-color: #c73e9b; } +.shape--violet-400:after { background-color: #be6cbe; } +.shape--violet-300:after { background-color: #e2bde2; } +.shape--violet-200:after { background-color: #f1cde5; } +.shape--violet-100:after { background-color: #f7e4f1; } + +.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);} + +/*------------------------------------------*/ +/* BACKGROUND PATTERN +/*------------------------------------------*/ + +.pattern-01, +.pattern-02, +.pattern-03, +.pattern-04, +.pattern-05 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.pattern-01 { background-image: url(../images/pattern-01.png); } +.pattern-02 { background-image: url(../images/pattern-02.png); } +.pattern-03 { background-image: url(../images/pattern-03.png); } +.pattern-04 { background-image: url(../images/pattern-04.png); } +.pattern-05 { background-image: url(../images/pattern-05.png); } + +/*------------------------------------------*/ +/* BACKGROUND IMAGE +/*------------------------------------------*/ + +.bg--01, .bg--02, .bg--03, .bg--04, +.bg--05, .bg--06, .bg--07, .bg--08 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--01 { background-image: url(../images/bg-01.jpg); } +.bg--02 { background-image: url(../images/bg-02.jpg); } +.bg--03 { background-image: url(../images/bg-03.jpg); } +.bg--04 { background-image: url(../images/bg-04.jpg); } +.bg--05 { background-image: url(../images/bg-05.jpg); } +.bg--06 { background-image: url(../images/bg-06.jpg); } +.bg--07 { background-image: url(../images/bg-07.jpg); } +.bg--08 { background-image: url(../images/bg-08.jpg); } + +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +hr.divider { + width: 100%; + height: 1px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%); + opacity: .4; + border: none; + margin: 0; +} + +/*------------------------------------------*/ +/* WAVE SHAPE BOTTOM +/*------------------------------------------*/ + +.wave-shape-bottom { + position: absolute; + bottom: 0; + left: 0; + width: 100%; +} + + + + +/* ========================================================================== + 02. TYPOGRAPHY + =========================================================================== */ + +/*------------------------------------------*/ +/* HEADERS +/*------------------------------------------*/ + +h1, h2, h3, h4, h5, h6 { + color: #353f4f; + font-weight: 600; + letter-spacing: 0; + margin-bottom: 0; +} + +.font--jakarta h1, +.font--jakarta h2, +.font--jakarta h3, +.font--jakarta h4, +.font--jakarta h5, +.font--jakarta h6 { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1.35; +} + +.font--jakarta h1, +.font--jakarta h2 { + line-height: 1.25; +} + +.font--inter h1, +.font--inter h2, +.font--inter h3, +.font--inter h4, +.font--inter h5, +.font--inter h6 { + font-family: 'Inter', sans-serif; + letter-spacing: -0.5px; +} + +/*------------------------------------------*/ +/* PARAGRAPHS +/*------------------------------------------*/ + +p.p-sm { font-size: 0.9375rem; } /* 15px */ +p { font-size: 1rem; } /* 16px */ +p.p-md { font-size: 1.0625rem; } /* 17px */ +p.p-lg { font-size: 1.125rem; } /* 18px */ +p.p-xl { font-size: 1.2rem; } /* 19.2px */ + +/*------------------------------------------*/ +/* FONT SIZE +/*------------------------------------------*/ + +.s-15 { font-size: 0.9375rem; } /* 15px */ +.s-16 { font-size: 1rem; } /* 16px */ +.s-17 { font-size: 1.0625rem; } /* 17px */ +.s-18 { font-size: 1.125rem; } /* 18px */ +.s-19 { font-size: 1.1875rem; } /* 19px */ +.s-20 { font-size: 1.25rem; } /* 20px */ +.s-21 { font-size: 1.3125rem; } /* 21px */ +.s-22 { font-size: 1.375rem; } /* 22px */ +.s-23 { font-size: 1.4375rem; } /* 23px */ +.s-24 { font-size: 1.5rem; } /* 24px */ +.s-26 { font-size: 1.625rem; } /* 26px */ +.s-28 { font-size: 1.75rem; } /* 28px */ +.s-30 { font-size: 1.875rem; } /* 30px */ +.s-32 { font-size: 2rem; } /* 32px */ +.s-34 { font-size: 2.125rem; } /* 34px */ +.s-36 { font-size: 2.25rem; } /* 36px */ +.s-38 { font-size: 2.375rem; } /* 38px */ +.s-40 { font-size: 2.5rem; } /* 40px */ +.s-42 { font-size: 2.625rem; } /* 42px */ +.s-43 { font-size: 2.6875rem; } /* 43px */ +.s-44 { font-size: 2.75rem; } /* 44px */ +.s-45 { font-size: 2.8125rem; } /* 45px */ +.s-46 { font-size: 2.875rem; } /* 46px */ +.s-47 { font-size: 2.9375rem; } /* 47px */ +.s-48 { font-size: 3rem; } /* 48px */ +.s-50 { font-size: 3.125rem; } /* 50px */ +.s-52 { font-size: 3.25rem; } /* 52px */ +.s-54 { font-size: 3.375rem; } /* 54px */ +.s-56 { font-size: 3.5rem; } /* 56px */ +.s-58 { font-size: 3.625rem; } /* 58px */ +.s-60 { font-size: 3.75rem; } /* 60px */ +.s-62 { font-size: 3.875rem; } /* 62px */ +.s-64 { font-size: 4rem; } /* 64px */ +.s-66 { font-size: 4.125rem; } /* 66px */ +.s-68 { font-size: 4.25rem; } /* 68px */ +.s-70 { font-size: 4.375rem; } /* 70px */ +.s-72 { font-size: 4.5rem; } /* 72px */ +.s-74 { font-size: 4.625rem; } /* 74px */ +.s-76 { font-size: 4.75rem; } /* 76px */ +.s-78 { font-size: 4.875rem; } /* 78px */ +.s-80 { font-size: 5rem; } /* 80px */ + +/*------------------------------------------*/ +/* FONT WEIGHT +/*------------------------------------------*/ + +.txt-upcase { + text-transform: uppercase +} + +.w-200 { font-weight: 200; } +.w-300 { font-weight: 300; } +.w-400 { font-weight: 400; } +.w-500 { font-weight: 500; } +.w-600 { font-weight: 600; } +.w-700 { font-weight: 700; } +.w-800 { font-weight: 800; } +.w-900 { font-weight: 900; } + +/*------------------------------------------*/ +/* LINK SETTINGS +/*------------------------------------------*/ + +a { + color: #6c757d; + text-decoration: none; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +a:hover { + color: #353f4f!important; + text-decoration: none; +} + +a:focus { + outline: none; + text-decoration: none; +} + +a.tra-link { + font-size: 1rem; + line-height: 1; + font-weight: 500; +} + +a.tra-link span { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.tra-link.ico-20 [class*="flaticon-"]:before, +.tra-link.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 0.75rem; + line-height: 0.7rem!important; + top: 2px; + left: 2px; +} + +a.tra-link:hover span { + color: #353f4f!important; +} + +/*------------------------------------------*/ +/* LISTS +/*------------------------------------------*/ + +ul { + margin: 0; + padding: 0; + list-style: none; +} + +/*------------------------------------------*/ +/* TEXT LIST +/*------------------------------------------*/ + +ul.simple-list { + list-style: disc; + margin-left: 15px; +} + +ul.simple-list.long-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* DIGIT LIST +/*------------------------------------------*/ + +ol.digit-list { + padding: 0; + margin-left: 15px; +} + +ol.digit-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* BUTTON SETTINGS +/*------------------------------------------*/ + +.btn { + background-color: transparent; + font-size: 1rem; + line-height: 1; + font-weight: 500; + padding: 0.9rem 1.8rem; + border: 2px solid transparent; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.btn.btn-sm { + font-size: 0.975rem; + padding: 0.7rem 1.5rem; +} + +.btn.ico-30.ico-left, +.btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Buttons Group +/*------------------------------------------*/ + +.text-center .btns-group { + display: inline-block; +} + +.btns-group .btn:first-child { + margin-right: 15px; +} + +.btns-group .btn.ico-30.ico-left { + padding: 0.37rem 0.5rem; +} + +.btns-group .btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Button Icon +/*------------------------------------------*/ + +.btn.ico-20 [class*="flaticon-"]:before, +.btn.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 1rem; + line-height: 0.7rem!important; + top: 4px; +} + +.btn.ico-left span { + margin-right: 5px; +} + +.btn.ico-right span { + margin-left: 5px; +} + +.btn.ico-30.ico-left span { + position: relative; + top: 0; + right: 4px; +} + +.btn.ico-30.ico-right span { + position: relative; + top: 0; + left: 4px; +} + +.btn.ico-30.ico-left span.ico-30-txt, +.btn.ico-30.ico-right span.ico-30-txt { + position: relative; + top: -10px; + right: 0; +} + +.btn.ico-30.ico-right span.ico-30-txt { + left: 0; +} + +/*------------------------------------------*/ +/* Button Text +/*------------------------------------------*/ + +p.btn-txt { + margin: 20px 0 0 0; +} + +.btn-rating p.btn-txt { + margin: 0; +} + +.star-rating span.rating-txt { + font-size: 0.9375rem; +} + +p.btns-group-txt { + margin: 14px 0 0 0; +} + +.btn-rating { + margin-top: 18px; +} + +.text-center p.btns-group-txt { + margin-top: 20px; +} + +p.btn-txt.ico-15, +p.btns-group-txt.ico-15 { + padding-left: 5px; +} + +.text-center p.btn-txt.ico-15, +.text-center p.btns-group-txt.ico-15 { + padding-left: 0; +} + +p.btn-txt span, +p.btns-group-txt span { + position: relative; + top: 0.5px; + right: 2px; +} + +p.btns-group-txt span.txt-data { + display: block; + top: 0; + right: 0; +} + +p.btns-group-txt span.txt-data a { + margin-left: 4px; + text-decoration: underline; +} + +p.btns-group-txt span.txt-data a:hover { + text-decoration: none; +} + +.hero-section .color--white p.btns-group-txt span.txt-data a:hover { + color: #fff!important; +} + +.btn-txt.ico-15 [class*="flaticon-"]:before, +.btn-txt.ico-15 [class*="flaticon-"]:after, +.btns-group-txt.ico-15 [class*="flaticon-"]:before, +.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.star-rating.ico-15 [class*="flaticon-"]:before, +.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; } + +/*------------------------------------------*/ +/* TRANSPARENT BUTTON +/*------------------------------------------*/ + +.btn--tra { + color: #fff!important; + border-color: transparent!important; + background-color: rgba(255, 255, 255, .2)!important; +} + +/*------------------------------------------*/ +/* WHITE BUTTON +/*------------------------------------------*/ + +.btn--transparent { + color: #353f4f; + background-color: transparent; + border-color: transparent; +} + +.btn--transparent:hover { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--white, +.hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.btn--tra-white, +.hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.white-scroll .scroll .hover--tra-white:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK BUTTON +/*------------------------------------------*/ + +.btn--black, +.hover--black:hover { + color: #fff!important; + background-color: #353f4f!important; + border-color: #353f4f!important; +} + +.btn--tra-black, +.hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* GREY BUTTON +/*------------------------------------------*/ + +.btn--tra-grey, +.hover--tra-grey:hover, +.white-scroll .scroll .hover--tra-grey:hover, +.black-scroll .scroll .hover--tra-grey:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #ccc!important; +} + +/*------------------------------------------*/ +/* BLUE BUTTON +/*------------------------------------------*/ + +.btn--blue-500, .hover--blue-500:hover, +.white-scroll .scroll .hover--blue-500:hover, +.black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.btn--blue-400, .hover--blue-400:hover, +.white-scroll .scroll .hover--blue-400:hover, +.black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.btn--blue-300, .hover--blue-300:hover, +.white-scroll .scroll .hover--blue-300:hover, +.black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.btn--blue-200, .hover--blue-200:hover, +.white-scroll .scroll .hover--blue-200:hover, +.black-scroll .scroll .hover--blue-200:hover { + color: #1680fb!important; + border-color: #e3ebfe!important; + background-color: #e3ebfe!important; +} + +.btn--blue-100, .hover--blue-100:hover, +.white-scroll .scroll .hover--blue-100:hover, +.black-scroll .scroll .hover--blue-100:hover { + color: #1680fb!important; + border-color: #1680fb!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* GREEN BUTTON +/*------------------------------------------*/ + +.btn--green-500, .hover--green-500:hover, +.white-scroll .scroll .hover--green-500:hover, +.black-scroll .scroll .hover--green-500:hover { + color: #fff!important; + border-color: #00a14e!important; + background-color: #00a14e!important; +} + +.btn--green-400, .hover--green-400:hover, +.white-scroll .scroll .hover--green-400:hover, +.black-scroll .scroll .hover--green-400:hover { + color: #fff!important; + border-color: #0fbc49!important; + background-color: #0fbc49!important; +} + +.btn--green-300, .hover--green-300:hover, +.white-scroll .scroll .hover--green-300:hover, +.black-scroll .scroll .hover--green-300:hover { + color: #fff!important; + border-color: #6fd792!important; + background-color: #6fd792!important; +} + +.btn--green-200, .hover--green-200:hover, +.white-scroll .scroll .hover--green-200:hover, +.black-scroll .scroll .hover--green-200:hover { + color: #0fbc49!important; + border-color: #cff2db!important; + background-color: #cff2db!important; +} + +.btn--green-100, .hover--green-100:hover, +.white-scroll .scroll .hover--green-100:hover, +.black-scroll .scroll .hover--green-100:hover { + color: #0fbc49!important; + border-color: #0fbc49!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PINK BUTTON +/*------------------------------------------*/ + +.btn--pink-500, .hover--pink-500:hover, +.white-scroll .scroll .hover--pink-500:hover, +.black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.btn--pink-400, .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.btn--pink-300, .hover--pink-300:hover, +.white-scroll .scroll .hover--pink-300:hover, +.black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.btn--pink-200, .hover--pink-200:hover, +.white-scroll .scroll .hover--pink-200:hover, +.black-scroll .scroll .hover--pink-200:hover { + color: #f74780!important; + border-color: #fee4ec!important; + background-color: #fee4ec!important; +} + +.btn--pink-100, .hover--pink-100:hover, +.white-scroll .scroll .hover--pink-100:hover, +.black-scroll .scroll .hover--pink-100:hover { + color: #f74780!important; + border-color: #f74780!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PURPLE BUTTON +/*------------------------------------------*/ + +.btn--purple-500, .hover--purple-500:hover, +.white-scroll .scroll .hover--purple-500:hover, +.black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.btn--purple-400, .hover--purple-400:hover, +.white-scroll .scroll .hover--purple-400:hover, +.black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.btn--purple-300, .hover--purple-300:hover, +.white-scroll .scroll .hover--purple-300:hover, +.black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.btn--purple-200, .hover--purple-200:hover, +.white-scroll .scroll .hover--purple-200:hover, +.black-scroll .scroll .hover--purple-200:hover { + color: #7b5dd6!important; + border-color: #e5deff!important; + background-color: #e5deff!important; +} + +.btn--purple-100, .hover--purple-100:hover, +.white-scroll .scroll .hover--purple-100:hover, +.black-scroll .scroll .hover--purple-100:hover { + color: #7b5dd6!important; + border-color: #7b5dd6!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* RED BUTTON +/*------------------------------------------*/ + +.btn--red-500, .hover--red-500:hover, +.white-scroll .scroll .hover--red-500:hover, +.black-scroll .scroll .hover--red-500:hover { + color: #fff!important; + border-color: #da0f29!important; + background-color: #da0f29!important; +} + +.btn--red-400, .hover--red-400:hover, +.white-scroll .scroll .hover--red-400:hover, +.black-scroll .scroll .hover--red-400:hover { + color: #fff!important; + border-color: #ff1e1a!important; + background-color: #ff1e1a!important; +} + +.btn--red-300, .hover--red-300:hover, +.white-scroll .scroll .hover--red-300:hover, +.black-scroll .scroll .hover--red-300:hover { + color: #fff!important; + border-color: #ffa5a3!important; + background-color: #ffa5a3!important; +} + +.btn--red-200, .hover--red-200:hover, +.white-scroll .scroll .hover--red-200:hover, +.black-scroll .scroll .hover--red-200:hover { + color: #ff1e1a!important; + border-color: #ffd2d1!important; + background-color: #ffd2d1!important; +} + +.btn--red-100, .hover--red-100:hover, +.white-scroll .scroll .hover--red-100:hover, +.black-scroll .scroll .hover--red-100:hover { + color: #ff1e1a!important; + border-color: #ff1e1a!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* VIOLET BUTTON +/*------------------------------------------*/ + +.btn--violet-500, .hover--violet-500:hover, +.white-scroll .scroll .hover--violet-500:hover, +.black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.btn--violet-400, .hover--violet-400:hover, +.white-scroll .scroll .hover--violet-400:hover, +.black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.btn--violet-300, .hover--violet-300:hover, +.white-scroll .scroll .hover--violet-300:hover, +.black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.btn--violet-200, .hover--violet-200:hover, +.white-scroll .scroll .hover--violet-200:hover, +.black-scroll .scroll .hover--violet-200:hover { + color: #be6cbe!important; + border-color: #f1cde5!important; + background-color: #f1cde5!important; +} + +.btn--violet-100, .hover--violet-100:hover, +.white-scroll .scroll .hover--violet-100:hover, +.black-scroll .scroll .hover--violet-100:hover { + color: #be6cbe!important; + border-color: #be6cbe!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* YELLOW BUTTON +/*------------------------------------------*/ + +.btn--yellow-500, .hover--yellow-500:hover, +.white-scroll .scroll .hover--yellow-500:hover, +.black-scroll .scroll .hover--yellow-500:hover { + color: #353f4f!important; + border-color: #ffba01!important; + background-color: #ffba01!important; +} + +.btn--yellow-400, .hover--yellow-400:hover, +.white-scroll .scroll .hover--yellow-400:hover, +.black-scroll .scroll .hover--yellow-400:hover { + color: #353f4f!important; + border-color: #ffbd45!important; + background-color: #ffbd45!important; +} + +.btn--yellow-300, .hover--yellow-300:hover, +.white-scroll .scroll .hover--yellow-300:hover, +.black-scroll .scroll .hover--yellow-300:hover { + color: #353f4f!important; + border-color: #ffdf35!important; + background-color: #ffdf35!important; +} + +.btn--yellow-200, .hover--yellow-200:hover, +.white-scroll .scroll .hover--yellow-200:hover, +.black-scroll .scroll .hover--yellow-200:hover { + color: #353f4f!important; + border-color: #fef5cd!important; + background-color: #fef5cd!important; +} + +.btn--yellow-100, .hover--yellow-100:hover, +.white-scroll .scroll .hover--yellow-100:hover, +.black-scroll .scroll .hover--yellow-100:hover { + color: #ffba01!important; + border-color: #ffba01!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* BUTTON FOCUS +/*------------------------------------------*/ + +.btn:focus, +.btn.btn--black:focus { + color: #fff; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--transparent:focus { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--grey:focus { + color: #666; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--tra-black:focus, +.btn--transparent:focus, +.btn.btn--tra-grey:focus { + color: #353f4f; + -webkit-box-shadow: none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* DOWNLOAD LINKS +/*------------------------------------------*/ + +.download-links li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.download-links-divider { + position: relative; + top: 1.5px; + transform: rotate(-90deg); +} + +.download-links li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.download-links li p a { + font-weight: 500; +} + +.download-links li p a:hover { + text-decoration: underline; +} + +.color--white .download-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* OS DOWNLOAD BUTTON +/*------------------------------------------*/ + +.os-btn { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + text-align: left; + width: 330px; + min-width: 330px; + background-color: #fff; + border: 1px solid #d3d3d3; + padding: 17px 18px 15px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.os-btn:hover { + background-color: #f5f6f7; + border: 1px solid #f5f6f7; + -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); +} + +.os-btn-ico { + position: relative; + margin-right: 20px; +} + +.os-btn-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.os-btn-txt p { + color: #353f4f; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + letter-spacing: -0.5px; + margin-top: 6px; + margin-bottom: 5px; +} + +.os-btn-txt span { + display: block; + font-size: 0.9rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* STORE BADGE ICONS +/*------------------------------------------*/ + +.stores-badge { + display: inline-block; +} + +.store { + display: inline-block; + text-align: center; + margin-right: 10px; +} + +.store:last-child { + margin-right: 0; +} + +.store img { + width: auto; + max-width: inherit; +} + +.badge-img-xs .store img { max-height: 2.5rem; } +.badge-img-sm .store img { max-height: 2.625rem; } +.badge-img-md .store img { max-height: 2.875rem; } +.badge-img-lg .store img { max-height: 3rem; } + +/*------------------------------------------*/ +/* WATCH VIDEO LINK +/*------------------------------------------*/ + +.watch-video { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + margin-top: 25px; +} + +/*------------------------------------------*/ +/* Link Icon +/*------------------------------------------*/ + +.watch-video-link { + position: relative; + text-align: center; + float: left; + width: 2.85rem; + height: 2.85rem; + color: #fff; + border: none; + margin-right: 12px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.watch-video-link:before { + content: ''; + position: absolute; + left: -3px; + right: -3px; + top: -3px; + bottom: -3px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.watch-video-link:hover:before { + opacity: .75; + left: -8px; + right: -8px; + top: -8px; + bottom: -8px; +} + +.watch-video-link span[class^="flaticon-"]:before, +.watch-video-link span[class^="flaticon-"]:after { + font-size: 2rem; + line-height: 2.85rem!important; + margin-left: 5px; +} + +/*------------------------------------------*/ +/* Link Text +/*------------------------------------------*/ + +.watch-video-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + text-align: left!important; +} + +p.video-txt-lg { + font-size: 1rem; + line-height: 1; + font-weight: 400; + margin-bottom: 5px; +} + +p.video-txt-sm { + font-size: 0.925rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* VIDEO POPUP ICON +/*------------------------------------------*/ + +.video-preview { + position: relative; + text-align: center; +} + +.video-btn { + position: absolute!important; + top: 50%; + left: 50%; + display: inline-block; + text-align: center; + color: #fff; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.video-btn-xl { + width: 6.25rem; + height: 6.25rem; + margin-top: -3.125rem; + margin-left: -3.125rem; +} + +.video-btn-lg { + width: 5.625rem; + height: 5.625rem; + margin-top: -2.8125rem; + margin-left: -2.8125rem; +} + +.video-btn-md { + width: 5rem; + height: 5rem; + margin-top: -2.5rem; + margin-left: -2.5rem; +} + +.video-btn-sm { + width: 4.375rem; + height: 4.375rem; + margin-top: -2.1875rem; + margin-left: -2.1875rem; +} + +.video-block-wrapper { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl [class^="flaticon-"]:before, +.video-btn.video-btn-xl [class^="flaticon-"]:after { + font-size: 5rem; + line-height: 6.25rem!important; + margin-left: 10px; +} + +.video-btn.video-btn-lg [class^="flaticon-"]:before, +.video-btn.video-btn-lg [class^="flaticon-"]:after { + font-size: 4.5rem; + line-height: 5.625rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-md [class^="flaticon-"]:before, +.video-btn.video-btn-md [class^="flaticon-"]:after { + font-size: 4.35rem; + line-height: 5rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-sm [class^="flaticon-"]:before, +.video-btn.video-btn-sm [class^="flaticon-"]:after { + font-size: 3.5rem; + line-height: 4.375rem!important; + margin-left: 5px; +} + +.video-btn:hover .video-block-wrapper { + -moz-transform: scale(0.95); + -ms-transform: scale(0.95); + -webkit-transform: scale(0.95); + -o-transform: scale(0.95); + transform: scale(0.95); +} + +.video-btn:before { + content: ''; + position: absolute; + left: -5px; + right: -5px; + top: -5px; + bottom: -5px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl:hover:before { + opacity: .75; + left: -1.5rem; + right: -1.5rem; + top: -1.5rem; + bottom: -1.5rem; +} + +.video-btn.video-btn-lg:hover:before { + opacity: .75; + left: -1.25rem; + right: -1.25rem; + top: -1.25rem; + bottom: -1.25rem; +} + +.video-btn.video-btn-md:hover:before { + opacity: .75; + left: -1rem; + right: -1rem; + top: -1rem; + bottom: -1rem; +} + +.video-btn.video-btn-sm:hover:before { + opacity: .75; + left: -0.75rem; + right: -0.75rem; + top: -0.75rem; + bottom: -0.75rem; +} + +/*------------------------------------------*/ +/* VECTOR ICONS +/*------------------------------------------*/ + +.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; } /* 15px */ +.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; } /* 15px */ +.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; } /* 20px */ +.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; } /* 25px */ +.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; } /* 30px */ +.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; } /* 35px */ +.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; } /* 40px */ +.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; } /* 45px */ +.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; } /* 50px */ +.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; } /* 55px */ +.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; } /* 60px */ +.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; } /* 65px */ +.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; } /* 70px */ +.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; } /* 75px */ +.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; } /* 80px */ +.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; } /* 85px */ +.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; } /* 90px */ +.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; } /* 95px */ +.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; } /* 100px */ +.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */ +.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; } /* 110px */ +.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */ +.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; } /* 120px */ +.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */ + +/*------------------------------------------*/ +/* VECTOR ICON BACKGROUND +/*------------------------------------------*/ + +.shape-ico { + position: relative; + display: inline-block; + margin: 0 auto; +} + +.shape-ico span { + position: relative; + z-index: 2; +} + +.shape-ico svg { + position: absolute; + z-index: 1; +} + +.ico-50 .shape-ico svg { + width: 130px; + height: 130px; + top: -35px; + left: calc(50% - 60px); +} + +.fbox-11 .ico-50 .shape-ico svg { + top: -40px; + left: calc(50% - 70px); +} + +.ico-55 .shape-ico svg { + width: 135px; + height: 135px; + top: -30px; + left: calc(50% - 60px); +} + +.ico-60 .shape-ico svg { + width: 140px; + height: 140px; + top: -30px; + left: calc(50% - 65px); +} + +.shape-ico.color--blue-300 path, +.shape-ico.color--blue-400 path, +.shape-ico.color--blue-500 path { + fill: #f4f9fc; +} + +.shape-ico.color--green-300 path, +.shape-ico.color--green-400 path, +.shape-ico.color--green-500 path { + fill: #e9f8f2; +} + +.shape-ico.color--pink-300 path, +.shape-ico.color--pink-400 path, +.shape-ico.color--pink-500 path { + fill: #feecf2; +} + +.shape-ico.color--purple-300 path, +.shape-ico.color--purple-400 path, +.shape-ico.color--purple-500 path { + fill: #f1edff; +} + +.shape-ico.color--red-300 path, +.shape-ico.color--red-400 path, +.shape-ico.color--red-500 path { + fill: #fce7e4; +} + +.shape-ico.color--violet-300 path, +.shape-ico.color--violet-400 path, +.shape-ico.color--violet-500 path { + fill: #f7e4f1; +} + +/*------------------------------------------*/ +/* VECTOR ROUNDED ICONS +/*------------------------------------------*/ + +.ico-rounded, +.ico-rounded-md, +.ico-rounded-lg { + display: inline-block; + text-align: center; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.ico-rounded { width: 80px; height: 80px; } +.ico-rounded-md { width: 90px; height: 90px; } +.ico-rounded-lg { width: 100px; height: 100px; } + +.ico-rounded [class*="flaticon-"]:before, +.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; } + +.ico-rounded-md [class*="flaticon-"]:before, +.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; } + +.ico-rounded-lg [class*="flaticon-"]:before, +.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; } + +/*------------------------------------------*/ +/* VECTOR SQUARE ICONS +/*------------------------------------------*/ + +.ico-square { + display: inline-block; + text-align: center; + width: 80px; + height: 80px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -o-border-radius: 12px; + border-radius: 12px; +} + +.ico-square [class*="flaticon-"]:before, +.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; } + +/*------------------------------------------*/ +/* PNG ICONS SETTINGS +/*------------------------------------------*/ + +.ico-145 img { width: 145px; height: 145px; } +.ico-140 img { width: 140px; height: 140px; } +.ico-135 img { width: 135px; height: 135px; } +.ico-130 img { width: 130px; height: 130px; } +.ico-125 img { width: 125px; height: 125px; } +.ico-120 img { width: 120px; height: 120px; } +.ico-115 img { width: 115px; height: 115px; } +.ico-110 img { width: 110px; height: 110px; } +.ico-105 img { width: 105px; height: 105px; } +.ico-100 img { width: 100px; height: 100px; } +.ico-95 img { width: 95px; height: 95px; } +.ico-90 img { width: 90px; height: 90px; } +.ico-85 img { width: 85px; height: 85px; } +.ico-80 img { width: 80px; height: 80px; } +.ico-75 img { width: 75px; height: 75px; } +.ico-70 img { width: 70px; height: 70px; } +.ico-65 img { width: 65px; height: 65px; } +.ico-60 img { width: 60px; height: 60px; } +.ico-55 img { width: 55px; height: 55px; } +.ico-50 img { width: 50px; height: 50px; } +.ico-45 img { width: 45px; height: 45px; } +.ico-40 img { width: 40px; height: 40px; } +.ico-35 img { width: 35px; height: 35px; } +.ico-30 img { width: 30px; height: 30px; } +.ico-25 img { width: 25px; height: 25px; } +.ico-20 img { width: 20px; height: 20px; } + +/*------------------------------------------*/ +/* SECTION ID +/*------------------------------------------*/ + +.section-id { + display: block; + font-size: 0.85rem; + line-height: 1; + font-weight: 700; + letter-spacing: 0.5px; + text-transform: uppercase; + margin-bottom: 35px; +} + +.section-id.rounded-id { + display: inline-block; + padding: 10px 24px; + font-size: 0.85rem; + text-transform: uppercase; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + margin-bottom: 40px; +} + +.section-id.border-id { + border-width: 2px; + border-style: solid; +} + +.section-id.border-id.border--grey { + border-color: #757575; +} + +.section-id.border-id.border--blue { + border-color: #1680fb; +} + +.font--jakarta .section-id { + font-family: 'Plus Jakarta Sans', sans-serif; +} + +.font--inter .section-id { + font-family: 'Inter', sans-serif; +} + +/*------------------------------------------*/ +/* SECTION TITLE +/*------------------------------------------*/ + +.section-title { + text-align: center; +} + +.section-title h2 { + margin-bottom: 0; +} + +.section-title h2.w-700 { + letter-spacing: -0.5px; +} + +.section-title p.p-md, +.section-title p.p-lg, +.section-title p.p-xl, +.section-title p.s-20, +.section-title p.s-21 { + margin-top: 18px; + margin-bottom: 0; +} + +.section-title p.p-md, +.section-title p.p-lg { + padding: 0 3%; +} + +.section-title a.contact-link { + font-weight: 500; + text-decoration: underline; +} + +.section-title .btns-group .btn { + margin-top: 0; +} + +.section-title .advantages, +.section-title .btns-txt, +.section-title .btns-group-txt { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* TEXT COLORS +/*------------------------------------------*/ + +.color--white, +.color--white h1, +.color--white h2, +.color--white h3, +.color--white h4, +.color--white h5, +.color--white h6, +.color--white p, +.color--white a, +.color--white li, +.color--white i, +.color--white span { color: #fff; } + +.color--snow, +.color--snow h1, +.color--snow h2, +.color--snow h3, +.color--snow h4, +.color--snow h5, +.color--snow h6, +.color--snow p, +.color--snow a, +.color--snow li, +.color--snow i, +.color--snow span, +.color--white .color--snow { color: #c2c3cb; } + +.color--black, +.color--black h1, +.color--black h2, +.color--black h3, +.color--black h4, +.color--black h5, +.color--black h6, +.color--black p, +.color--black a, +.color--black li, +.color--black i, +.color--black span { color: #353f4f; } + +.color--coal, +.color--coal h1, +.color--coal h2, +.color--coal h3, +.color--coal h4, +.color--coal h5, +.color--coal h6, +.color--coal p, +.color--coal a, +.color--coal li, +.color--coal i, +.color--coal span { color: #52595d; } + +.color--grey, +.color--grey h1, +.color--grey h2, +.color--grey h3, +.color--grey h4, +.color--grey h5, +.color--grey h6, +.color--grey p, +.color--grey a, +.color--grey li, +.color--grey i, +.color--grey span, +.color--white .color--grey { color: #757575; } + +.color--blue-500, +.color--blue-500 h1, +.color--blue-500 h2, +.color--blue-500 h3, +.color--blue-500 h4, +.color--blue-500 h5, +.color--blue-500 h6, +.color--blue-500 p, +.color--blue-500 a, +.color--blue-500 li, +.color--blue-500 i, +.color--blue-500 span, +.color--white .color--blue-500 { color: #185abd!important; } + +.color--blue-400, +.color--blue-400 h1, +.color--blue-400 h2, +.color--blue-400 h3, +.color--blue-400 h4, +.color--blue-400 h5, +.color--blue-400 h6, +.color--blue-400 p, +.color--blue-400 a, +.color--blue-400 li, +.color--blue-400 i, +.color--blue-400 span, +.color--white .color--blue-400 { color: #1680fb!important; } + +.color--blue-300, +.color--blue-300 h1, +.color--blue-300 h2, +.color--blue-300 h3, +.color--blue-300 h4, +.color--blue-300 h5, +.color--blue-300 h6, +.color--blue-300 p, +.color--blue-300 a, +.color--blue-300 li, +.color--blue-300 i, +.color--blue-300 span, +.color--white .color--blue-300 { color: #3eb1ff!important; } + +.color--green-500, +.color--green-500 h1, +.color--green-500 h2, +.color--green-500 h3, +.color--green-500 h4, +.color--green-500 h5, +.color--green-500 h6, +.color--green-500 p, +.color--green-500 a, +.color--green-500 li, +.color--green-500 i, +.color--green-500 span, +.color--white .color--green-500 { color: #00a14e!important; } + +.color--green-400, +.color--green-400 h1, +.color--green-400 h2, +.color--green-400 h3, +.color--green-400 h4, +.color--green-400 h5, +.color--green-400 h6, +.color--green-400 p, +.color--green-400 a, +.color--green-400 li, +.color--green-400 i, +.color--green-400 span, +.color--white .color--green-400 { color: #0fbc49!important; } + +.color--green-300, +.color--green-300 h1, +.color--green-300 h2, +.color--green-300 h3, +.color--green-300 h4, +.color--green-300 h5, +.color--green-300 h6, +.color--green-300 p, +.color--green-300 a, +.color--green-300 li, +.color--green-300 i, +.color--green-300 span, +.color--white .color--green-300 { color: #6fd792!important; } + +.color--pink-500, +.color--pink-500 h1, +.color--pink-500 h2, +.color--pink-500 h3, +.color--pink-500 h4, +.color--pink-500 h5, +.color--pink-500 h6, +.color--pink-500 p, +.color--pink-500 a, +.color--pink-500 li, +.color--pink-500 i, +.color--pink-500 span, +.color--white .color--pink-500 { color: #ff149c!important; } + +.color--pink-400, +.color--pink-400 h1, +.color--pink-400 h2, +.color--pink-400 h3, +.color--pink-400 h4, +.color--pink-400 h5, +.color--pink-400 h6, +.color--pink-400 p, +.color--pink-400 a, +.color--pink-400 li, +.color--pink-400 i, +.color--pink-400 span, +.color--white .color--pink-400 { color: #f74780!important; } + +.color--pink-300, +.color--pink-300 h1, +.color--pink-300 h2, +.color--pink-300 h3, +.color--pink-300 h4, +.color--pink-300 h5, +.color--pink-300 h6, +.color--pink-300 p, +.color--pink-300 a, +.color--pink-300 li, +.color--pink-300 i, +.color--pink-300 span, +.color--white .color--pink-300 { color: #fcb5cc!important; } + +.color--purple-500, +.color--purple-500 h1, +.color--purple-500 h2, +.color--purple-500 h3, +.color--purple-500 h4, +.color--purple-500 h5, +.color--purple-500 h6, +.color--purple-500 p, +.color--purple-500 a, +.color--purple-500 li, +.color--purple-500 i, +.color--purple-500 span, +.color--white .color--purple-500 { color: #663ae9!important; } + +.color--purple-400, +.color--purple-400 h1, +.color--purple-400 h2, +.color--purple-400 h3, +.color--purple-400 h4, +.color--purple-400 h5, +.color--purple-400 h6, +.color--purple-400 p, +.color--purple-400 a, +.color--purple-400 li, +.color--purple-400 i, +.color--purple-400 span, +.color--white .color--purple-400 { color: #7b5dd6!important; } + +.color--purple-300, +.color--purple-300 h1, +.color--purple-300 h2, +.color--purple-300 h3, +.color--purple-300 h4, +.color--purple-300 h5, +.color--purple-300 h6, +.color--purple-300 p, +.color--purple-300 a, +.color--purple-300 li, +.color--purple-300 i, +.color--purple-300 span, +.color--white .color--purple-300 { color: #bdaeea!important; } + +.color--red-500, +.color--red-500 h1, +.color--red-500 h2, +.color--red-500 h3, +.color--red-500 h4, +.color--red-500 h5, +.color--red-500 h6, +.color--red-500 p, +.color--red-500 a, +.color--red-500 li, +.color--red-500 i, +.color--red-500 span, +.color--white .color--red-500 { color: #da0f29!important; } + +.color--red-400, +.color--red-400 h1, +.color--red-400 h2, +.color--red-400 h3, +.color--red-400 h4, +.color--red-400 h5, +.color--red-400 h6, +.color--red-400 p, +.color--red-400 a, +.color--red-400 li, +.color--red-400 i, +.color--red-400 span, +.color--white .color--red-400 { color: #ff1e1a!important; } + +.color--red-300, +.color--red-300 h1, +.color--red-300 h2, +.color--red-300 h3, +.color--red-300 h4, +.color--red-300 h5, +.color--red-300 h6, +.color--red-300 p, +.color--red-300 a, +.color--red-300 li, +.color--red-300 i, +.color--red-300 span, +.color--white .color--red-300 { color: #ffa5a3!important; } + +.color--violet-500, +.color--violet-500 h1, +.color--violet-500 h2, +.color--violet-500 h3, +.color--violet-500 h4, +.color--violet-500 h5, +.color--violet-500 h6, +.color--violet-500 p, +.color--violet-500 a, +.color--violet-500 li, +.color--violet-500 i, +.color--violet-500 span, +.color--white .color--violet-500 { color: #c73e9b!important; } + +.color--violet-400, +.color--violet-400 h1, +.color--violet-400 h2, +.color--violet-400 h3, +.color--violet-400 h4, +.color--violet-400 h5, +.color--violet-400 h6, +.color--violet-400 p, +.color--violet-400 a, +.color--violet-400 li, +.color--violet-400 i, +.color--violet-400 span, +.color--white .color--violet-400 { color: #be6cbe!important; } + +.color--violet-300, +.color--violet-300 h1, +.color--violet-300 h2, +.color--violet-300 h3, +.color--violet-300 h4, +.color--violet-300 h5, +.color--violet-300 h6, +.color--violet-300 p, +.color--violet-300 a, +.color--violet-300 li, +.color--violet-300 i, +.color--violet-300 span, +.color--white .color--violet-300 { color: #e2bde2!important; } + +.color--yellow-500, +.color--yellow-500 h1, +.color--yellow-500 h2, +.color--yellow-500 h3, +.color--yellow-500 h4, +.color--yellow-500 h5, +.color--yellow-500 h6, +.color--yellow-500 p, +.color--yellow-500 a, +.color--yellow-500 li, +.color--yellow-500 i, +.color--yellow-500 span, +.color--white .color--yellow-500 { color: #ffba01!important; } + +.color--yellow-400, +.color--yellow-400 h1, +.color--yellow-400 h2, +.color--yellow-400 h3, +.color--yellow-400 h4, +.color--yellow-400 h5, +.color--yellow-400 h6, +.color--yellow-400 p, +.color--yellow-400 a, +.color--yellow-400 li, +.color--yellow-400 i, +.color--yellow-400 span, +.color--white .color--yellow-400 { color: #ffbd45!important; } + +.color--yellow-300, +.color--yellow-300 h1, +.color--yellow-300 h2, +.color--yellow-300 h3, +.color--yellow-300 h4, +.color--yellow-300 h5, +.color--yellow-300 h6, +.color--yellow-300 p, +.color--yellow-300 a, +.color--yellow-300 li, +.color--yellow-300 i, +.color--yellow-300 span, +.color--white .color--yellow-300 { color: #ffdf35!important; } + + + + +/* ========================================================================== + 03. PRELOAD ANIMATION + ========================================================================== */ + +#loading { + height: 100%; + width: 100%; + position: fixed; + z-index: 1; + margin-top: 0px; + top: 0px; + z-index: 99999999; +} + +#loading { + background-color: #f5f5f9; +} + +#loading-center { + position: absolute; + left: 50%; + top: 50%; + height: 100px; + width: 100px; + margin-top: -50px; + margin-left: -50px; + -webkit-animation: loading-center-absolute 1s infinite; + animation: loading-center-absolute 1s infinite; +} + +.loader { + border: 2px solid; + border-color: transparent #888; + width: 100px; + height: 100px; + border-radius: 50%; + display: inline-block; + position: relative; + box-sizing: border-box; + animation: rotation 1s linear infinite; +} + +.loading--blue .loader { + border-color: transparent #1680fb; +} + +.loading--green .loader { + border-color: transparent #0fbc49; +} + +.loading--pink .loader { + border-color: transparent #f74780; +} + +.loading--purple .loader { + border-color: transparent #7b5dd6; +} + +.loading--red .loader { + border-color: transparent #ff1e1a; +} + +.loading--violet .loader { + border-color: transparent #c73e9b; +} + +.loading--yellow .loader { + border-color: transparent #ffba01; +} + +.loader::after { + content: ''; + box-sizing: border-box; + position: absolute; + left: 50%; + top: 50%; + border: 50px solid; + border-color: transparent rgba(30, 30, 30, 0.15); + border-radius: 50%; + transform: translate(-50%, -50%); +} + +.loading--blue .loader::after { + border-color: transparent rgba(22, 128, 251, .15); +} + +.loading--green .loader::after { + border-color: transparent rgba(14, 188, 73, .15); +} + +.loading--pink .loader::after { + border-color: transparent rgba(247, 71, 128, .15); +} + +.loading--purple .loader::after { + border-color: transparent rgba(123, 93, 214, .15); +} + +.loading--red .loader::after { + border-color: transparent rgba(255, 30, 26, .15); +} + +.loading--violet .loader::after { + border-color: transparent rgba(1900, 108, 190, .15); +} + +.loading--yellow .loader::after { + border-color: transparent rgba(255, 186, 1, .15); +} + +@keyframes rotation { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + + + + +/* ========================================================================== + 04. HEADER & NAVIGATION + =========================================================================== */ + +#header { + width: 100%; + display: block; + padding-top: 0px; +} + +.header-wrapper { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.headerwp { + max-width: 1140px; + margin: 0 auto; + padding: 0; +} + +.posrlt { + position: relative; +} + +/*------------------------------------------*/ +/* HEADER LOGO +/*------------------------------------------*/ + +.desktoplogo img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.blog-header .desktoplogo img { + max-height: 30px; +} + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.wsmainfull { + width: 100%; + height: auto; + z-index: 1031; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.tra-menu .wsmainfull { + padding: 20px 0; + background-color: transparent!important; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.white-menu .wsmainfull { + padding: 6px 0; + background-color: #fff!important; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.dark-menu .wsmainfull { + padding: 6px 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +#header.hiddden-header { + display: none; +} + +.hidden-nav .wsmainfull { + margin-top: -140px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 1rem; + line-height: 50px; + font-weight: 600; + letter-spacing: 0; + text-decoration: none; + margin: 0 7px; + padding: 10px 15px; +} + +.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.wsmenu > .wsmenu-list > li > a.h-link.last-link { + padding: 10px 0px; + margin: 0; +} + +.wsmenu > .wsmenu-list > li > a .wsarrow:after { + border-left: 4px solid rgba(0, 0, 0, 0); + border-right: 4px solid rgba(0, 0, 0, 0); + border-top: 4px solid; + content: ""; + float: right; + right: 0; + height: 0; + margin: 0 0 0 14px; + position: absolute; + text-align: right; + top: 35px; + width: 0; +} + +.wsmenu > .wsmenu-list > li.reg-fst-link > a { + margin-left: 30px; +} + +/*------------------------------------------*/ +/* HEADER LINK INFO +/*------------------------------------------*/ + +span.sm-info { + position: relative; + display: inline-block; + text-align: center; + width: 20px; + height: 20px; + color: #fff; + font-size: 0.65rem; + line-height: 19px; + font-weight: 700; + margin-left: 5px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; +} + +.nav-blue-500 .sm-info { background-color: #185abd; } +.nav-blue-400 .sm-info { background-color: #1680fb; } +.nav-blue-300 .sm-info { background-color: #3eb1ff; } + +.nav-green-500 .sm-info { background-color: #00a14e; } +.nav-green-400 .sm-info { background-color: #0fbc49; } +.nav-green-300 .sm-info { background-color: #6fd792; } + +.nav-pink-500 .sm-info { background-color: #ff149c; } +.nav-pink-400 .sm-info { background-color: #f74780; } +.nav-pink-300 .sm-info { background-color: #fcb5cc; } + +.nav-purple-500 .sm-info { background-color: #663ae9; } +.nav-purple-400 .sm-info { background-color: #7b5dd6; } +.nav-purple-300 .sm-info { background-color: #bdaeea; } + +.nav-red-500 .sm-info { background-color: #da0f29; } +.nav-red-400 .sm-info { background-color: #ff1e1a; } +.nav-red-300 .sm-info { background-color: #ffa5a3; } + +.nav-violet-500 .sm-info { background-color: #c73e9b; } +.nav-violet-400 .sm-info { background-color: #be6cbe; } +.nav-violet-300 .sm-info { background-color: #e2bde2; } + +.nav-yellow-500 .sm-info { background-color: #ffba01; } +.nav-yellow-400 .sm-info { background-color: #ffbd45; } +.nav-yellow-300 .sm-info { background-color: #ffdf35; } + +/*------------------------------------------*/ +/* HEADER BUTTONS +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li a.btn { + font-size: 1rem; + line-height: 30px; + font-weight: 600; + text-transform: none; + letter-spacing: 0; + margin-top: 14px; + padding: 4px 28px; +} + +.wsmenu > .wsmenu-list > li a.btn.reg-btn { + padding: 4px 22px; +} + +.wsmenu > .wsmenu-list > li a.btn.fst-btn-link { + margin-left: 12px; +} + +.wsmenu > .wsmenu-list > li a.store.header-store { + line-height: 1; + margin-top: 13px; + margin-left: 10px; + margin-bottom: 0; + padding: 0; +} + +.store.header-store img { + max-height: 44px; +} + +/*------------------------------------------*/ +/* HEADER SOCIAL LINKS +/*------------------------------------------*/ + +.header-socials { + margin: 0; + display: inline-block; + text-align: center; +} + +.header-socials span { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.header-socials a { + display: block; + margin-left: 18px; +} + +.navbar-light .header-socials a { + color: #ddd; +} + +.navbar-light .header-socials a:hover { + color: #ccc!important; +} + +.header-socials.ico-20 [class*="flaticon-"]:before, +.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } + +/*------------------------------------------*/ +/* HEADER SUBMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu { + width: auto; + min-width: 200px; + top: 62px; + padding: 12px 10px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a { + background-color: rgba(244, 244, 249, 0); + font-family: 'Plus Jakarta Sans', sans-serif; + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* HALFMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + top: 62px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + width: 38%; + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + right: 2%; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li { + border-bottom: none; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + background-color: rgba(244, 244, 249, 0); + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* MEGAMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { + width: 76%!important; + left: 23%; + padding: 20px 10px; +} + +.wsmegamenu.w-75 .col-lg-3 { + padding: 0 6px; +} + +/*------------------------------------------*/ +/* SUBMENU TITLE +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu .title, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title { + color: #929394; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.875rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0; + margin: 10px 0 15px 13px; +} + +/*------------------------------------------*/ +/* DARK HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #ddd; + background-color: rgba(255, 255, 255, 0)!important; +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(255, 255, 255, .05)!important; +} + +.dark-menu .title, .black-scroll .scroll .title, +.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span { + color: #fff!important; +} + +/*------------------------------------------*/ +/* ICONS MENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu { + max-width: 275px; + min-width: 275px; + padding: 12px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + width: 52%; + padding: 12px 6px; +} + +.wsmegamenu.halfmenu.icons-menu .col-lg-6 { + padding: 0 6px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { + width: 82%!important; + left: 17%; + padding: 12px 6px; +} + +.wsmegamenu.icons-menu.w-75 .col-lg-4 { + padding: 0 6px; +} + +.icons-menu .icons-menu-item { + display: flex!important; + position: relative!important; + flex-flow: row wrap!important; + align-items: stretch!important; + justify-content: flex-start!important; +} + +.icons-menu-ico { + position: relative; + margin-right: 14px; +} + +.wsmegamenu.ico-30 .icons-menu-ico span { + position: relative; + top: 6px!important; +} + +.icons-menu-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.icons-menu-txt h6 { + color: inherit; + font-size: 1rem; + line-height: 32px; + font-weight: 500; + margin-bottom: 0; +} + +.icons-menu-txt span { + display: block; + color: #898989; + font-size: 0.925rem; + font-weight: 400; + margin-bottom: 0; +} + +.sub-menu.ico-30 .icons-menu-txt h6 { + line-height: 30px; +} + +/*------------------------------------------*/ +/* NAVBAR HOVER +/*------------------------------------------*/ + +.navbar-light .wsmenu-list > li > a.h-link:hover { + color: #eee!important; +} + +.navbar-dark .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #185abd!important; +} + +.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #1680fb!important; +} + +.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #3eb1ff!important; +} + +.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #00a14e!important; +} + +.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #0fbc49!important; +} + +.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #6fd792!important; +} + +.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff149c!important; +} + +.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #f74780!important; +} + +.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #fcb5cc!important; +} + +.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #663ae9!important; +} + +.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #7b5dd6!important; +} + +.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #bdaeea!important; +} + +.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #da0f29!important; +} + +.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff1e1a!important; +} + +.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ffa5a3!important; +} + +.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #c73e9b!important; +} + +.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #be6cbe!important; +} + +.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #e2bde2!important; +} + +/*------------------------------------------*/ +/* HIDDEN NAVBAR SCROLL +/*------------------------------------------*/ + +.hidden-nav .wsmainfull.scroll { + margin-top: 0; +} + +/*------------------------------------------*/ +/* NAVBAR WHITE SCROLL +/*------------------------------------------*/ + +.tra-menu.white-scroll .wsmainfull.scroll, +.white-menu.white-scroll .wsmainfull.scroll { + padding: 0; + background-color: rgba(255, 255, 255, .7)!important; + backdrop-filter: blur(20px); + -webkit-backdrop-filter: blur(20px); + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +/*------------------------------------------*/ +/* NAVBAR BLACK SCROLL +/*------------------------------------------*/ + +.tra-menu.black-scroll .wsmainfull.scroll, +.dark-menu.black-scroll .wsmainfull.scroll { + padding: 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover { + color: #ccc!important; +} + +/*------------------------------------------*/ +/* WHITE SCROLL BUTTONS +/*------------------------------------------*/ + +.white-scroll .scroll .btn--tra-white { + color: #353f4f!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK SCROLL BUTTONS +/*------------------------------------------*/ + +.black-scroll .scroll .btn--tra-black { + color: #fff!important; + border-color: #fff!important; +} + +/*------------------------------------------*/ +/* LOGO IMAGE +/*------------------------------------------*/ + +.logo-white, +.logo-black { + display: block; +} + +.navbar-light .logo-black, +.navbar-dark .logo-white, +.tra-menu.navbar-light .scroll .logo-white, +.tra-menu.navbar-dark.black-scroll .scroll .logo-black { + display: none; +} + +.tra-menu.navbar-light .scroll .logo-black, +.tra-menu.navbar-dark.black-scroll .scroll .logo-white { + display: block; +} + + + + +/* ========================================================================== + 05. HERO + ========================================================================== */ + +.hero-section, +.hero-section .container { + position: relative; + z-index: 3; +} + +.hero-section.bg--img { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.hero-section.blur--purple:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 100%; + top: -30%; + left: 0; + background-image: url(../images/blur-purple.png); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + background-attachment: scroll; + opacity: 0.2; +} + +/*------------------------------------------*/ +/* HERO LOGO +/*------------------------------------------*/ + +.hero-logo { + margin-bottom: 40px; +} + +.hero-square-logo { + margin-bottom: 20px; +} + +#hero-22 .hero-logo { + margin-bottom: 30px; +} + +.hero-logo img { + width: auto; + max-width: inherit; + max-height: 36px; +} + +.hero-square-logo img { + width: auto; + max-width: inherit; + max-height: 90px; +} + +/*------------------------------------------*/ +/* HERO APP LOGO +/*------------------------------------------*/ + +.hero-app-logo { + margin-bottom: 35px; +} + +#hero-25 .hero-app-logo { + margin-bottom: 25px; +} + +.hero-app-logo img { + width: auto; + max-width: inherit; + max-height: 100px; +} + +#hero-25 .hero-app-logo img { + max-height: 110px; +} + +/*------------------------------------------*/ +/* HERO DIGITS +/*------------------------------------------*/ + +#hd-1-1, #hd-1-2 { + display: inline-block; + float: left; + padding-right: 20px; +} + +#hd-1-1 { width: 45%; } +#hd-1-2 { width: 55%; } + +.hero-digits-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.hero-digits .block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 12px; +} + +.hero-digits h2.statistic-number { + line-height: 1; + margin-bottom: 0; +} + +.hero-digits h2.statistic-number span { + font-size: 1.85rem; +} + +.hero-digits .block-txt p.p-sm { + line-height: 1.35; + margin-top: 5px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* HERO TYPOGRAPHY +/*------------------------------------------*/ + +.hero-section h2 { + margin-bottom: 28px; +} + +.hero-section h2.s-48, +.hero-section h2.s-50 { + margin-bottom: 40px; +} + +.hero-section h2.s-62 { + margin-bottom: 24px; +} + +.hero-section p.p-sm { + padding: 0!important; +} + +.hero-section p.p-md { + margin-bottom: 30px; +} + +.hero-section p.p-lg, +.hero-section p.p-xl { + margin-bottom: 32px; +} + +.hero-section p.s-20, +.hero-section p.s-22, +.hero-section p.s-24 { + margin-bottom: 36px; +} + +.hero-section p.p-lg span, +.hero-section p.p-xl span { + font-weight: 600; + letter-spacing: -0.35px; +} + +/*------------------------------------------*/ +/* HERO-1 +/*------------------------------------------*/ + +#hero-1 { + background-image: url(../images/hero-1.jpg); + padding-top: 130px; + padding-bottom: 100px; +} + +.hero-1-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-2 +/*------------------------------------------*/ + +#hero-2 { + background-image: url(../images/hero-2.jpg); + padding-top: 150px; + padding-bottom: 100px; +} + +.hero-2-txt p { + padding-right: 3%; +} + +.hero-2-img { + text-align: center; + padding-right: 25px; +} + +/*------------------------------------------*/ +/* HERO-3 +/*------------------------------------------*/ + +#hero-3 { + position: relative; + padding-top: 160px; + background-image: url(../images/hero-3.jpg); +} + +#hero-3:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 5%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-3-txt { + margin-top: -70px; +} + +.hero-3-txt p.p-lg { + padding-right: 2%; +} + +.hero-3-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-4 +/*------------------------------------------*/ + +#hero-4 { + overflow: hidden; + background-image: url(../images/hero-4.jpg); + padding-top: 180px; +} + +#hero-4:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 10%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-4-txt h2 { + padding: 0 3%; +} + +.hero-4-txt p { + padding: 0 5%; +} + +.hero-4-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-4-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-5 +/*------------------------------------------*/ + +#hero-5 .wave-shape-bottom path { + fill: #fff; +} + +#hero-5 { + background-image: url(../images/hero-5.jpg); + padding-top: 140px; + padding-bottom: 50px; +} + +.hero-5-txt h2 { + line-height: 1.3; + margin-bottom: 25px; +} + +.hero-5-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +.hero-5-img { + margin: 0 0 -50px; +} + +/*------------------------------------------*/ +/* HERO-6 +/*------------------------------------------*/ + +#hero-6 { + padding-top: 130px; +} + +.hero-6-wrapper { + overflow: hidden; + background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd); + padding: 75px 80px; +} + +.hero-6-img { + position: relative; + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-7 +/*------------------------------------------*/ + +#hero-7 { + padding-top: 140px; + padding-bottom: 100px; +} + +#hero-7 .quick-form { + margin-right: 4%; +} + +.hero-7-img { + padding-left: 30px; +} + +/*------------------------------------------*/ +/* HERO-8 +/*------------------------------------------*/ + +#hero-8 .wave-shape-bottom path { + fill: #fff; +} + +#hero-8 { + position: relative; + background-image: url(../images/hero-8.jpg); + padding-top: 170px; + padding-bottom: 30px; +} + +.hero-8-txt { + margin-top: -70px; +} + +.hero-8-txt p { + padding-right: 10%; +} + +.hero-8-txt .hero-digits { + padding-right: 15%; +} + +#hero-8-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-8-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-8-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-8-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-8-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-9 +/*------------------------------------------*/ + +#hero-9 { + padding-top: 180px; +} + +.hero-9-txt h2 { + line-height: 1; +} + +.hero-9-txt h2 img { + position: relative; + width: auto; + max-width: inherit; + max-height: 100px; + margin: 0 3px; + top: -8px; +} + +.hero-9-txt p { + padding: 0 5%; + margin-top: 40px; +} + +#hero-9 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +.hero-9-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-10 +/*------------------------------------------*/ + +#hero-10 { + position: relative; + background-image: url(../images/hero-10.jpg); + padding-top: 170px; + padding-bottom: 100px; +} + +.hero-10-txt h4 { + line-height: 1.45; + font-weight: 300; + padding-right: 5%; + margin-bottom: 35px; +} + +.hero-10-img { + position: relative; + text-align: center; + margin: 0 -95% 0 15px; +} + +/*------------------------------------------*/ +/* HERO-11 +/*------------------------------------------*/ + +#hero-11 { + overflow: hidden; + background-image: url(../images/hero-11.jpg); + padding-top: 50px; +} + +.hero-11-txt { + margin-top: 40px; +} + +.hero-11-txt p { + padding-right: 5%; +} + +.hero-11-img { + position: relative; + margin: -60px -12% -100px -15px; +} + +/*------------------------------------------*/ +/* HERO-12 +/*------------------------------------------*/ + +#hero-12 { + overflow: hidden; + background-image: url(../images/hero-12.jpg); + padding-top: 180px; +} + +.hero-12-txt h2 { + padding: 0 3%; +} + +.hero-12-txt p { + padding: 0 5%; +} + +.hero-12-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-12-img { + margin-top: 60px; + margin-bottom: -100px; +} + +.hero-12-img .video-btn { + top: calc(50% - 30px); +} + +/*------------------------------------------*/ +/* HERO-13 +/*------------------------------------------*/ + +#hero-13 { + background-image: linear-gradient(180deg, #f1edff, #f1edff); + padding-top: 130px; + padding-bottom: 80px; +} + +#hero-13:after { + position: absolute; + content: ''; + z-index: -1; + width: 43%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; + -moz-box-shadow: 0 0 55px 35px #fff; + -webkit-box-shadow: 0 0 35px 35px #fff; + box-shadow: 0 0 35px 35px #fff; +} + +.hero-13-txt .section-id { + font-weight: 600; + letter-spacing: 1.5px; +} + +.hero-13-txt p { + padding-right: 5%; +} + +.hero-13-img { + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-14 +/*------------------------------------------*/ + +#hero-14 .wave-shape-bottom path { + fill: #fff; +} + +#hero-14 { + background-image: url(../images/hero-14.jpg); + padding-top: 170px; +} + +.hero-14-txt p.s-21 { + font-size: 1.3125rem; + margin-bottom: 40px; +} + +#hero-14 .quick-form { + margin-left: 6%; + margin-right: 6%; +} + +.hero-14-txt .btn-txt { + margin-top: 40px; +} + +.hero-14-img { + margin-top: 70px; +} + +/*------------------------------------------*/ +/* HERO-15 +/*------------------------------------------*/ + +#hero-15 { + position: relative; + z-index: 3; + background-image: url(../images/hero-15.jpg); + padding-top: 130px; +} + +.hero-15-txt { + margin-top: -20px; +} + +.hero-15-txt h2 { + padding-right: 5%; +} + +.hero-15-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-16 +/*------------------------------------------*/ + +#hero-16 .wave-shape-bottom path { + fill: #fff; +} + +#hero-16 { + background-image: url(../images/hero-16.jpg); + padding-top: 170px; + margin-bottom: 80px; +} + +.hero-16-img { + margin-top: 60px; + margin-bottom: -80px; +} + +/*------------------------------------------*/ +/* HERO-17 +/*------------------------------------------*/ + +#hero-17 { + text-align: center; + padding-top: 170px; + background-image: url(../images/hero-17.jpg); + background-position: top center; +} + +#hero-17 #brands-1 { + padding: 80px 6% 0; +} + +#hero-17 #brands-1 .brands-carousel-5 .brand-logo { + padding: 0 20px; +} + +#hero-17 .quick-form { + margin-left: 8%; + margin-right: 8%; +} + +/*------------------------------------------*/ +/* HERO-18 +/*------------------------------------------*/ + +#hero-18 { + padding-top: 140px; + padding-bottom: 80px; +} + +#hero-18:after { + position: absolute; + content: ''; + z-index: -1; + width: 74%; + height: 100%; + top: 0; + left: 26%; + background-image: url(../images/hero-18.jpg); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + border-radius: 0 0 0 60px; +} + +.hero-18-txt p { + padding-right: 3%; +} + +#hero-18 .quick-form { + margin-right: 4%; +} + +.hero-18-img { + text-align: center; + padding-right: 15px; +} + +/*------------------------------------------*/ +/* HERO-19 +/*------------------------------------------*/ + +#hero-19 { + padding-top: 170px; +} + +.hero-19-txt p { + padding: 0 10%; +} + +/*------------------------------------------*/ +/* HERO-20 +/*------------------------------------------*/ + +#hero-20 { + background-image: url(../images/hero-20.jpg); + padding-top: 100px; + padding-bottom: 100px; +} + +#hero-20:after { + position: absolute; + content: ''; + z-index: -1; + width: 51%; + height: 100%; + top: 0; + left: 0; + background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd); +} + +.hero-20-txt { + padding: 0 8% 0 15px; +} + +.hero-section .hero-20-txt h2.s-48 { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* HERO-21 +/*------------------------------------------*/ + +#hero-21 { + padding-top: 170px; +} + +.hero-21-txt { + margin-bottom: 60px; +} + +.hero-21-txt h2 { + margin-bottom: 35px; +} + +.hero-21-wrapper { + overflow: hidden; +} + +#hero-21 .hero-overlay { + background-image: url(../images/hero-21.jpg); + padding: 90px 70px 0; +} + +.hero-21-img { + position: relative; + margin-bottom: -25%; +} + +.hero-21-img .video-btn { + top: calc(50% - 80px); +} + +/*------------------------------------------*/ +/* HERO-22 +/*------------------------------------------*/ + +#hero-22 .wave-shape-bottom path { + fill: #fff; +} + +#hero-22 { + position: relative; + background-image: url(../images/hero-22.jpg); + padding-top: 160px; +} + +#hero-22-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-22-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-22-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-22-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-22-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-23 +/*------------------------------------------*/ + +#hero-23 .wave-shape-bottom path { + fill: #fff; +} + +#hero-23 { + position: relative; + background-image: url(../images/hero-23.jpg); + padding-top: 100px; + margin-bottom: 25px; +} + +.hero-23-txt p { + padding: 0 5%; +} + +.hero-23-img { + margin-top: 40px; + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* HERO-24 +/*------------------------------------------*/ + +#hero-24 { + background-image: url(../images/hero-24.jpg); + padding-top: 200px; + padding-bottom: 150px; +} + +#hero-24 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +/*------------------------------------------*/ +/* HERO-25 +/*------------------------------------------*/ + +#hero-25 { + background-image: url(../images/hero-25.jpg); + padding-top: 120px; + padding-bottom: 100px; +} + +.hero-25-txt h2 { + margin-bottom: 22px; +} + +.hero-25-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* HERO-26 +/*------------------------------------------*/ + +#hero-26 .wave-shape-bottom path { + fill: #fff; +} + +#hero-26 { + position: relative; + background-image: url(../images/hero-26.jpg); + padding-top: 160px; + z-index: 3; +} + +.hero-26-txt { + margin-top: -80px; +} + +.hero-26-txt h2 { + padding-right: 2%; +} + +#hero-26 .quick-form { + margin-right: 4%; +} + +.hero-26-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-27 +/*------------------------------------------*/ + +#hero-27 .hero-overlay { + background-image: url(../images/hero-27.png); + background-position: top center; + padding-top: 170px; +} + +.hero-27-txt h2 { + margin-bottom: 26px!important; +} + +.hero-27-txt p.s-20 { + padding: 0 6%; + margin-bottom: 30px!important; +} + +.hero-27-txt p.s-21 { + padding: 0 5%; +} + +/*------------------------------------------*/ +/* HERO QUICK FORM +/*------------------------------------------*/ + +.hero-section .quick-form .input-group { + border: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Input +/*------------------------------------------*/ + +.hero-section .quick-form .form-control { + height: 64px; + background-color: #fff; + border: 2px solid transparent; + color: #666; + font-size: 1.125rem; + font-weight: 400; + padding: 0 20px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.hero-section .quick-form.form-shadow .form-control { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + box-shadow: 0 5px 10px rgba(0, 0, 0, .05); +} + +.hero-section .quick-form.form-stroke .form-control { + border-color: #353f4f; +} + +.hero-section .quick-form.form-half .form-control { + height: 58px; + font-size: 1.0625rem; +} + +/*------------------------------------------*/ +/* Hero Quick Form Placeholder +/*------------------------------------------*/ + +.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Hero Quick Form Focus +/*------------------------------------------*/ + +.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Button +/*------------------------------------------*/ + +.hero-section .quick-form .btn { + height: 64px; + font-size: 1.0625rem; + padding: 12px 45px; + margin-left: 15px; +} + +.hero-section .quick-form.form-half .btn { + height: 58px; + font-size: 1rem; + padding: 13px 40px; + margin-left: 14px; +} + +/*------------------------------------------*/ +/* Hero Quick Form Message +/*------------------------------------------*/ + +.hero-section .quick-form-msg { + width: 100%!important; + display: block; + margin: 20px 0 15px 5px; +} + +.hero-section .text-center .quick-form-msg { + margin: 20px 0 -15px 0; +} + +.hero-section .quick-form-msg .loading { + color: #3eb1ff; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; +} + +.hero-section .text-center .quick-form-msg .loading { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* HERO REQUEST FORM +/*------------------------------------------*/ + +/*------------------------------------------*/ +/* Hero Request Form Input +/*------------------------------------------*/ + +.request-form .form-control { + height: 58px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #666; + font-size: 1rem; + font-weight: 400; + margin-bottom: 22px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Hero Request Form Placeholder +/*------------------------------------------*/ + +.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } +.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; } +.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; } + +.request-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Request Form Button +/*------------------------------------------*/ + +#hero-8-form .btn, +#hero-22-form .btn { + width: 100%; + height: 58px; + padding: 16px; +} + +/*------------------------------------------*/ +/* Hero Request Form Message +/*------------------------------------------*/ + +.request-form-msg { + width: 100%!important; + display: block; + text-align: center; + margin-top: 15px; +} + +.request-form-msg .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 06. ABOUT + ========================================================================== */ + +.a2-txt { + padding: 20px 30px 35px; +} + +.a2-txt-quote { + position: relative; + margin-bottom: -45px; + } + +.a2-txt-quote.ico-40 [class*="flaticon-"]:before, +.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; } + +/*------------------------------------------*/ +/* ABOUT TYPOGRAPHY +/*------------------------------------------*/ + +#about-1 .txt-block p { + margin-bottom: 0; +} + +#about-4 .txt-block p { + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* ABOUT 2 AUTHOR +/*------------------------------------------*/ + +.a2-txt-author { + line-height: 1.45; + font-weight: 500; + margin-top: 18px; + margin-bottom: 0; +} + +.a2-txt-author span { + display: block; + font-weight: 300; +} + +/*------------------------------------------*/ +/* ABOUT 2 IMAGES +/*------------------------------------------*/ + +.about-3-images { + padding: 0 5%; +} + +.about-2-img { + overflow: hidden; +} + +.about-3-img { + overflow: hidden; + height: 460px; +} + +.a-2-1 { + margin-left: 13%; + margin-bottom: 30px; +} + +.a-2-2 { + margin-left: -10%; +} + +.a-2-3 { + margin-right: -10%; + margin-bottom: 30px; +} + +.a-2-4 { + margin-right: -10%; +} + +#a4-1 { + position: relative; + padding-right: 30px; + margin-top: -30px; +} + +#a4-2 { + position: relative; + padding-left: 30px; + margin-bottom: -30px; +} + + + + +/* ========================================================================== + 07. FEATURES + ========================================================================== */ + +#features-12.py-100.shape--bg:after, +#features-12.pt-100.shape--bg:after, +#features-13.py-100.shape--bg:after, +#features-13.pt-100.shape--bg:after { + position: absolute; + content: ''; + z-index: -1; +} + +#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; } +#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; } +#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; } +#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; } + +.rows-2 .fb-1, +.rows-2 .fb-2, +.rows-2 .fb-3 { + margin-bottom: 50px; +} + +.rows-2 .fbox-7.fb-1, +.rows-2 .fbox-7.fb-2, +.rows-2 .fbox-7.fb-3, +.rows-2 .fbox-9.fb-1, +.rows-2 .fbox-9.fb-2, +.rows-2 .fbox-9.fb-3, +.rows-3 .fb-1, .rows-3 .fb-2, +.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; } + +.rows-3 .fb-3.fbox-11-lst, +.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; } + +.fbox-14-wrapper { + padding: 80px 70px; +} + +.fbox-14-wrapper .col { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.row-cols-md-3 .fbox-4 { padding: 50px 35px; } +.row-cols-md-2 .fbox-4 { padding: 35px 20px; } + +.fbox-5 { padding: 60px; } + +.fbox-7 { + border: 2px solid #eee; + padding: 55px 40px 50px; +} + +.row-cols-md-2 .fbox-7 { + padding: 35px 20px 30px; +} + +.fbox-8 { padding: 55px 40px; } +.fbox-8.bg--white-100 { padding: 60px 40px; } + +.fbox-9 { + border: 2px solid #eee; + padding: 40px 40px 35px; +} + +.fbox-14 { + border: 2px solid #eee; + padding: 40px 30px 35px; +} + +/*------------------------------------------*/ +/* FEATURE BOX IMAGE +/*------------------------------------------*/ + +.fbox-img img { + width: auto; + max-width: inherit; +} + +.fbox-img.h-135 img { max-height: 135px; } +.fbox-img.h-140 img { max-height: 140px; } +.fbox-img.h-145 img { max-height: 145px; } +.fbox-img.h-150 img { max-height: 150px; } +.fbox-img.h-155 img { max-height: 155px; } +.fbox-img.h-160 img { max-height: 160px; } +.fbox-img.h-165 img { max-height: 165px; } +.fbox-img.h-170 img { max-height: 170px; } +.fbox-img.h-175 img { max-height: 175px; } +.fbox-img.h-180 img { max-height: 180px; } + +/*------------------------------------------*/ +/* FBOX-1 IMAGE +/*------------------------------------------*/ + +.fbox-1 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-1 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-2 IMAGE +/*------------------------------------------*/ + +.fbox-2 .fbox-img { + -webkit-border-radius: 12px 12px 0 0; + -moz-border-radius: 12px 12px 0 0; + -o-border-radius: 12px 12px 0 0; + border-radius: 12px 12px 0 0; +} + +.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, +.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } + +.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; } +.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } +.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } +.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; } +.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; } + +.fbox-2 .fbox-img img { + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* FBOX-3 IMAGE +/*------------------------------------------*/ + +.fbox-3 .fbox-img { + overflow: hidden; +} + +.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; } +.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; } +.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; } +.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; } + +.row-cols-md-2 .fbox-3 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-4 IMAGE +/*------------------------------------------*/ + +.fbox-4 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-4 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-5 IMAGE +/*------------------------------------------*/ + +.fbox-5.fb-1 .fbox-5-img, +.fbox-5.fb-5 .fbox-5-img, +.fbox-5.fb-6 .fbox-5-img { + margin: 40px 5% 0; +} + +.fbox-5.fb-2 .fbox-5-img, +.fbox-5.fb-3 .fbox-5-img, +.fbox-5.fb-4 .fbox-5-img { + margin: 0 5% 40px; +} + +/*------------------------------------------*/ +/* FEATURE BOX VECTOR ICON +/*------------------------------------------*/ + +.fbox-ico, +.fbox-ico.ico-rounded { + margin-bottom: 20px; +} + +.fbox-ico.ico-rounded-md, +.fbox-ico.ico-rounded-lg { + margin-bottom: 25px; +} + +.fbox-11 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.fbox-ico-wrap { + position: relative; + margin-right: 25px; +} + +.rows-2 .fbox-ico-wrap { + margin-right: 20px; +} + +.fbox-11 .fbox-ico { + margin-top: 4px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.fbox-11 .fbox-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +/*------------------------------------------*/ +/* FEATURE BOX TITLE +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-lg-3 .fbox-title { + margin-bottom: 10px; +} + +.fbox-title span { + float: left; + line-height: 1!important; + margin-right: 15px; +} + +.fbox-title h6 { + line-height: 2.1875rem!important; + margin-bottom: 0; +} + +.fbox-title.ico-30 h6 { + line-height: 1.875rem!important; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* FEATURE BOX TYPOGRAPHY +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-md-3 h6 { + margin-bottom: 15px; +} + +.rows-2 .fbox-11 h6, +.fbox-wrapper .row-cols-md-2 h6 { + margin-bottom: 10px; +} + +.fbox-wrapper p { + margin-bottom: 0; +} + +.fbox-5 h5 { + margin-bottom: 15px; +} + +.fbox-14 h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FEATURE-12 +/*------------------------------------------*/ + +.fbox-12-wrapper { + padding-left: 45px; +} + +.fbox-13-wrapper { + padding-right: 45px; +} + +.fbox-12, +.fbox-13 { + padding: 32px 35px; +} + +.fbox-12 h5, +.fbox-13 h5 { + margin-top: 20px; + margin-bottom: 10px; +} + +.fbox-12 p, +.fbox-13 p, +.fbox-14 p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 08. CONTENT + ========================================================================== */ + +.ct-06 { + margin-bottom: 80px; +} + +.ct-07 { + margin-top: 80px; +} + +.ct-10 .section-overlay { + margin-bottom: 100px; +} + +.ct-11, +.ct-12 { + padding: 60px 0; +} + +.ct-11:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; +} + +.ct-12:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 50%; + background-color: #fff; +} + +/*------------------------------------------*/ +/* CONTENT BOX WRAPPER +/*------------------------------------------*/ + +.bc-1-wrapper .section-overlay, +.bc-4-wrapper .section-overlay, +.bc-6-wrapper .section-overlay { + padding: 80px 70px; +} + +.bc-2-wrapper .section-overlay, +.bc-3-wrapper .section-overlay, +.bc-5-wrapper .section-overlay { + padding: 80px 70px 0; +} + +.bc-6 { + padding: 40px 35px; +} + +.cbox-6-wrapper { + padding: 60px 40px; +} + +.content-section .cbox-6-wrapper { + padding: 80px 70px; +} + +.bc-5-wrapper .section-title p { + padding: 0; +} + +/*------------------------------------------*/ +/* TEXT BLOCK +/*------------------------------------------*/ + +.txt-box { + margin-bottom: 20px; +} + +.txt-box:last-child { + margin-bottom: 0; +} + +.bc-3-txt, +.ct-06 .txt-block, +.bc-2-wrapper .txt-block { + margin-top: -40px; +} + +.bc-2-txt, +.ct-07 .txt-block { + margin-top: 40px; +} + +.bc-1-wrapper .txt-block.pr-25.left-column, +.bc-2-wrapper .txt-block.pr-25.left-column { + padding-right: 25px; +} + +.bc-1-wrapper .txt-block.pl-25.right-column, +.bc-2-wrapper .txt-block.pl-25.right-column { + padding-left: 25px; +} + +.ct-11 .txt-block { + padding-right: 50px; +} + +.ct-12 .txt-block { + padding-left: 70px; +} + +.ct-13 .txt-block h5 { + padding-right: 6%; +} + +/*------------------------------------------*/ +/* TEXT BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.bc-2-txt h2, +.bc-3-txt h2, +.bc-4-txt h2, +.txt-block h3, +.txt-block h2 { + margin-bottom: 26px; +} + +.txt-block h5 { + margin-bottom: 20px; +} + +h5.h5-title { + margin-top: 20px; + margin-bottom: 20px; +} + +.txt-block .btn, +.txt-block .btns-group .btn.btn--transparent { + margin-top: 25px; +} + +.txt-block .btn.btn--transparent { + margin-top: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX +/*------------------------------------------*/ + +.cbox-1, +.cbox-2, +.cbox-3 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.cbox-5 { + position: relative; +} + +.cbox-5-content { + background-color: #fff; + border: 1px solid #f5f6f6; + padding: 40px; + margin: 0 12%; + z-index: 1; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.cbox-5-content .divider { + margin-top: 25px; + margin-bottom: 25px; +} + +#cb-6-1, #cb-6-2 { + margin-bottom: 35px; +} + +/*------------------------------------------*/ +/* CONTENT BOX TITLE +/*------------------------------------------*/ + +.box-title h6, +.box-title h5 { + display: inline-block; + line-height: 2.35rem!important; + margin-bottom: 15px; +} + +.box-title span { + position: relative; + top: 12px; + margin-right: 10px; +} + +.box-title span[class*="flaticon-"]:before, +.box-title span[class*="flaticon-"]:after { + font-size: 2.35rem; +} + +.txt-block .cbox-5-title h2 { + font-size: 3.5rem; + letter-spacing: -1px; + line-height: 1; + margin-bottom: 10px; +} + +.cbox-5-title .statistic-number sup { + font-size: 3rem; + top: -5px; + right: 6px; +} + +.cbox-5-title .ico-15 [class*="flaticon-"]:before, +.cbox-5-title .ico-15 [class*="flaticon-"]:after { + font-size: 0.875rem; + line-height: 1!important; +} + +.cbox-5-title p.p-lg { + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* CONTENT BOX ICON +/*------------------------------------------*/ + +.cbox-1 .ico-wrap { + margin-left: 8px; +} + +.cbox-1.ico-10 span { + position: relative; + top: 0; + right: 7px; +} + +.cbox-1.ico-15 span { + position: relative; + top: 1px; + right: 8px; +} + +.cbox-1.ico-10 [class*="flaticon-"]:before, +.cbox-1.ico-10 [class*="flaticon-"]:after { + font-size: 0.6rem; +} + +.cbox-1.ico-15 [class*="flaticon-"]:before, +.cbox-1.ico-15 [class*="flaticon-"]:after { + font-size: 0.75rem; +} + +/*------------------------------------------*/ +/* CBOX #2 +/*------------------------------------------*/ + +.cbox-2 .ico-wrap { + position: relative; + margin-right: 1.625rem; +} + +.cbox-2-ico { + position: relative; + width: 2.625rem; + height: 2.625rem; + text-align: center; + border-radius: 100%; + font-size: 1.1875rem; + font-weight: 500; + line-height: 2.375rem; + border: 2px solid transparent; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.ct-03 .cbox-2-ico { + position: relative; + width: 2.35rem; + height: 2.35rem; + font-size: 1.15rem; + line-height: 2.15rem; +} + +.cbox-2-line { + position: absolute; + bottom: 20px; + left: 50%; + width: 2px; + background-color: #e4e4e4; + height: calc(100% - 90px); + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.cbox-2:hover .cbox-2-ico { + background-color: transparent; + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} + +.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; } +.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; } +.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; } + +.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; } +.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; } +.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; } + +.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; } +.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; } +.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; } + +.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; } +.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; } +.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; } + +.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; } +.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; } +.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; } + +.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; } +.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; } +.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; } + +.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; } +.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; } +.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* CBOX #3 +/*------------------------------------------*/ + +.cbox-3 .ico-wrap { + position: relative; + text-align: center; + margin-top: 0; + margin-right: 1.15rem; +} + +.cbox-3 .cbox-3-ico { + position: relative; + top: 3px; +} + +.cbox-3-ico span[class*="flaticon-"]:before, +.cbox-3-ico span[class*="flaticon-"]:after { + font-size: 2.85rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX TEXT +/*------------------------------------------*/ + +.cbox-1-txt, +.cbox-2-txt, +.cbox-3-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.cbox-2-txt, +.cbox-3-txt { + margin-bottom: 35px; +} + +.ct-03 .cbox-2-txt { + margin-bottom: 30px; +} + +.cbox-4-txt { + margin-bottom: 25px; +} + +.cbox-2:last-child .cbox-2-txt, +.cbox-3:last-child .cbox-3-txt, +.cbox-4:last-child .cbox-4-txt { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX FEATURE +/*------------------------------------------*/ + +.cbox-5-fea { + padding: 20px 25px; + margin-top: 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.txt-block .cbox-5-fea h4 { + line-height: 1; + margin-bottom: 3px; +} + +.cbox-5-fea p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX TYPOGRAPHY +/*------------------------------------------*/ + +.cbox-2-txt h5, +.cbox-3-txt h5 { + margin-bottom: 15px; +} + +.ct-03 .cbox-2-txt h5 { + margin-bottom: 10px; +} + +.cbox-6 h6 { + margin-bottom: 15px; +} + +.cbox-1-txt p { + margin-bottom: 8px; +} + +.cbox-1-last .cbox-1-txt p { + margin-bottom: 1rem; +} + +.cbox-6 p, +.cbox-2-txt p, +.cbox-3-txt p, +.cbox-4-txt p { + margin-bottom: 0; +} + +.bc-6-txt { + padding: 0 10px; +} + +.bc-6-txt h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* ACCORDION +/*------------------------------------------*/ + +.txt-block .accordion-1 .accordion-item { + background-color: transparent; + padding: 25px 30px; + border: none; +} + +.txt-block .accordion-2 .accordion-item { + background-color: transparent; + padding: 15px 0 25px; + border: none; + border-top: 1px solid #ccc; + border-radius: 0 0; +} + +.txt-block .accordion-2 .accordion-item:last-child { + border-bottom: 1px solid #ccc; +} + +.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; } +.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; } +.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } +.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; } +.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; } +.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; } +.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; } +.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; } + +.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } +.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } +.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } +.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } +.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } +.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; } +.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; } + +.txt-block .accordion-thumb { + margin: 0; + padding: 0; + cursor: pointer; + position: relative; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + color: #6c757d; + font-family: Flaticon; + position: absolute; + color: #353f4f; + font-weight: 400; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before { + content: "\f11a"; + font-size: 0.95rem; + top: 1px; + left: 0; +} + +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f110"; + font-size: 0.95rem; + top: 12px; + right: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active { + background-color: #f4f4f9; + padding: 35px 30px 19px 30px; + margin-bottom: 15px; + margin-top: 15px; +} + +.txt-block .accordion-2 .accordion-item.is-active { + background-color: transparent; + margin-bottom: 0; + margin-top: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before { + content: "\f11b"; +} + +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f111"; +} + +.txt-block .accordion-1 .accordion-panel { + color: #6c757d; + margin: 0; + padding: 0 0 0 25px; + display: none; +} + +.txt-block .accordion-2 .accordion-panel { + color: #6c757d; + margin: 15px 0 0 0; + display: none; +} + +.txt-block .accordion-1 .accordion-thumb h5 { + color: #353f4f; + line-height: 1; + padding-left: 28px; + margin-bottom: 0; +} + +.txt-block .accordion-2 .accordion-thumb h5 { + color: #353f4f; + display: inline-block; + line-height: 1; + padding-left: 10px; + margin-bottom: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { + margin-bottom: 20px; +} + +.accordion-2 .accordion-thumb span[class*="flaticon-"]:before, +.accordion-2 .accordion-thumb span[class*="flaticon-"]:after { + color: #6c757d; + position: relative; + font-size: 2.1875rem; + top: 10px; +} + +.txt-block .accordion-2 .accordion-panel .simple-list li { + margin-bottom: 1rem; +} + +.txt-block .accordion-2 .accordion-panel p, +.txt-block .accordion-2 .accordion-panel .simple-list li:last-child { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TABS +/*------------------------------------------*/ + +#tabs-1 .tabs-nav { + text-align: center; +} + +.tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +#tabs-1 .tab-content { + display: none; +} + +#tabs-1 .tab-content.current { + display: inherit; +} + +.tabs-1 li { + display: inline-block; + margin: 0 20px; + color: #aaa; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + padding: 0 2px 10px; + background-color: transparent; + border-bottom: 3px solid transparent; + cursor: pointer; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* TAB LINK HOVER / CURRENT +/*------------------------------------------*/ + +.tabs-1 li:hover { + color: #888; + border-color: #ccc; +} + +.tabs-1 li.current, +.tabs-1 li.current:hover { + color: #2b3648; + border-color: #2b3648; +} + +.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; } +.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; } +.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; } + +.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; } +.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; } +.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; } + +.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; } +.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; } +.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; } + +.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; } +.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; } +.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; } + +.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; } +.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; } +.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; } + +.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; } +.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; } +.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; } + +.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; } +.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; } +.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* ADVANTAGES LIST +/*------------------------------------------*/ + +.advantages { + margin-top: 15px; +} + +.text-center .advantages { + margin-top: 20px; +} + +.advantages li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.advantages-links-divider { + position: relative; + top: 0.5px; + transform: rotate(-90deg); +} + +.advantages li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.advantages.ico-15 li p span { + position: relative; + top: 2px; + right: -1px; +} + +.advantages.ico-15 [class*="flaticon-"]:before, +.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.advantages li p a { + font-weight: 400; + text-decoration: underline; +} + +.advantages li p a:hover { + text-decoration: underline; +} + +.white--color .advantages li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* COMPATABILITY +/*------------------------------------------*/ + +.compatibility { + display: inline-block; + padding: 3px 20px; + margin-top: 15px; + margin-bottom: 0; +} + +.compatibility span { + position: relative; + top: -1.5px; + right: 2px; +} + +.compatibility.ico-10 [class*="flaticon-"]:before, +.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; } + +/*------------------------------------------*/ +/* TOOLS LIST / PAYMENT METHODS +/*------------------------------------------*/ + +.tools-list, +.payment-methods { + margin-top: 25px; +} + +.tools-list p, +.payment-methods p { + font-weight: 400; + margin-bottom: 12px; +} + +.tools-list.ico-35 [class*="flaticon-"]:before, +.tools-list.ico-35 [class*="flaticon-"]:after { + line-height: 2.1875rem!important; + margin-right: 6px; +} + +/*------------------------------------------*/ +/* Payment Icons +/*------------------------------------------*/ + +.payment-icons li { + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; + padding-right: 5px; +} + +.payment-icons li:last-child { + padding-right: 0; +} + +.payment-icons img { + width: auto; + max-width: inherit; + max-height: 32px; +} + +/*------------------------------------------*/ +/* QUOTE +/*------------------------------------------*/ + +.quote p { + color: #666; + border-left: 3px solid #0195ff; + font-style: italic; + padding-left: 20px; + margin-bottom: 12px; +} + +/*------------------------------------------*/ +/* Quote Avatar +/*------------------------------------------*/ + +.quote-avatar { + display: inline-block; + margin: 0 auto; +} + +.quote-avatar img { + width: 70px; + height: 70px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +/*------------------------------------------*/ +/* Quote Author +/*------------------------------------------*/ + +.quote-author { + position: relative; + display: inline-block; + padding: 0 0 0 15px; + text-align: left; + top: 16px; +} + +.quote-author h6 { + margin-bottom: 0; +} + +.quote-author span { + font-size: 1rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX SHAPES +/*------------------------------------------*/ + +.cbox-5-shape-1 { + position: absolute; + right: 30px; + top: -35px; + z-index: -1; +} + +.cbox-5-shape-2 { + position: absolute; + left: 30px; + bottom: -25px; + z-index: -1; +} + +.cbox-5-shape-1 img, +.cbox-5-shape-2 img { + height: 100%; + width: 100%; + object-fit: cover; +} + +/*------------------------------------------*/ +/* IMG BLOCK IMAGE +/*------------------------------------------*/ + +.grey-img { + filter: grayscale(100%); +} + +.img-block { + text-align: center; +} + +.img-block.img-block-bkg { + overflow: hidden; +} + +.img-block.img-block-bkg img { + padding: 60px 45px; +} + +.ct-10 .img-block, +.img-block-hidden, +.bc-5-img.bc-5-dashboard.img-block-hidden { + margin-bottom: -100px; +} + +.ct-05 .img-block-hidden { + margin-bottom: -30px; +} + +.bc-5-img.bc-5-tablet.img-block-hidden { + margin-bottom: -200px; +} + +.img-block-hidden .video-btn, +.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { + top: calc(50% - 30px); +} + +.bc-5-img.bc-5-tablet.img-block-hidden .video-btn { + top: calc(50% - 70px); +} + +.ct-01 .img-block, +.ct-04 .img-block { + margin-left: 30px; +} + +.ct-02 .img-block { + margin-right: 30px; +} + +.ct-03 .img-block.right-column { + margin-left: 20px; +} + +.ct-03 .img-block.left-column { + margin-right: 20px; +} + +.ct-04 .img-block img { + max-width: none; + display: inline-block; +} + +.ct-06 .img-block { + margin-bottom: -80px; +} + +.ct-07 .img-block { + margin-top: -80px; +} + +.img-block-txt, +.img-block-btn { + margin-top: 60px; +} + +.bc-1-wrapper .img-block.left-column, +.bc-2-wrapper .img-block.left-column { + padding-right: 10px; +} + +.bc-1-wrapper .img-block.right-column, +.bc-2-wrapper .img-block.right-column { + padding-left: 10px; +} + +.bc-2-img { + margin-left: 15px; +} + +.bc-3-img { + margin: 0 -65% -25px 15px; +} + +.bc-4-img { + margin-left: 15px; + margin-right: -65%; +} + +.bc-6-img { + padding: 50px 30px 0; + margin-bottom: 35px; +} + +.ct-11 .img-block { + position: relative; + text-align: center; + padding-left: 70px; + z-index: 2; +} + +.ct-12 .img-block { + position: relative; + text-align: center; + padding-right: 70px; + z-index: 2; +} + +.ct-11 .img-block .tra-bkg, +.ct-12 .img-block .tra-bkg { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + + + + +/* ========================================================================== + 09. STATISTIC + =========================================================================== */ + +.sb-rounded .statistic-block { + padding: 35px 25px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK +/*------------------------------------------*/ + +#sb-2-1, +#sb-2-2 { + width: 48%; + display: inline-block; + float: left; +} + +#sb-2-3, #sb-2-4 { + display: inline-block; + float: left; + padding-right: 15px; +} + +#sb-2-3 { width: 45%; } +#sb-2-4 { width: 55%; } + +#sb-2-3 .statistic-block, +#sb-2-4 .statistic-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +#sb-2-3 .statistic-block-txt, +#sb-2-4 .statistic-block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 15px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-1-wrapper .statistic-block-digit { + width: 35%; + display: inline-block!important; + float: left; +} + +.statistic-1-wrapper .statistic-block-txt { + width: 65%; + display: inline-block!important; + padding-left: 20px; +} + +#statistic-5 .statistic-digit { + padding-bottom: 20px; + margin: 0 100px 20px 0; + border-bottom: 1px solid #999; +} + +#statistic-5 .color--white .statistic-digit { + border-bottom: 1px solid rgba(255, 255, 255, .8); +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-ico { + margin-bottom: 10px; +} + +h2.statistic-number { + line-height: 1; + font-weight: 700; + letter-spacing: -1px; + margin-bottom: 0; +} + +#sb-2-1 h2.statistic-number, +#sb-2-2 h2.statistic-number { + margin-bottom: 15px; +} + +#sb-2-3 h2.statistic-number span, +#sb-2-4 h2.statistic-number span { + font-size: 2rem; +} + +#statistic-5 .statistic-digit h2 { + letter-spacing: -1.5px; +} + +#statistic-5 .statistic-txt h5 { + line-height: 1; + margin-bottom: 12px; +} + +.statistic-block-txt p.p-md { + line-height: 1.35; + margin-bottom: 0; +} + +#sb-2-1 .statistic-block p.p-sm, +#sb-2-2 .statistic-block p.p-sm { + line-height: 1.4; + margin-bottom: 0; +} + +#sb-2-3 .statistic-block p.p-sm, +#sb-2-4 .statistic-block p.p-sm { + margin-top: 3px; + line-height: 1.5; + margin-bottom: 0; +} + +.statistic-3-wrapper p { + line-height: 1; + margin-top: 15px; + margin-bottom: 0; +} + +.statistic-3-wrapper p.p-md { + line-height: 1; + margin-top: 22px; + margin-bottom: 0; +} + +.statistic-4-wrapper p { + line-height: 1; + margin-bottom: 14px; +} + +#statistic-5 .statistic-txt p { + padding-right: 3%; + margin-bottom: 0; +} + +.txt-block-stat .statistic-block .txt-block-rating { + margin-top: -4px; + margin-bottom: -3px; +} + +.txt-block-stat .ico-15 [class*="flaticon-"]:before, +.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; } + + + + +/* ========================================================================== + 10. PROJECTS + ========================================================================== */ + +.projects-wrapper { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +#pt-1-1, #pt-1-2, +.inner-page-hero #pt-1-3, +.inner-page-hero #pt-1-4 { + margin-bottom: 50px; +} + +.project-details h5 { + line-height: 1; + margin-bottom: 30px; +} + +.project-preview { + position: relative; + overflow: hidden; +} + +/*------------------------------------------*/ +/* Image Link +/*------------------------------------------*/ + +.project-link { + width: 100%; + position: absolute; + top: 55%; + transform: translateY(-50%); + opacity: 0; + text-align: center; + color: #fff; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Overlay +/*------------------------------------------*/ + +.hover-overlay { + width: 100%; + height: auto; + overflow: hidden; + position: relative; +} + +.hover-overlay img { + transform: scale(1); + -ms-transform: scale(1); + -webkit-transform: scale(1); + -o-transform: scale(1); + -moz-transform: scale(1); + overflow: hidden; + -webkit-transition: transform 400ms; + -moz-transition: transform 400ms; + -o-transition: transform 400ms; + transition: transform 400ms; +} + +/*------------------------------------------*/ +/* Overlay Background +/*------------------------------------------*/ + +.item-overlay { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(20, 20, 20, .25); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Effect +/*------------------------------------------*/ + +.project-preview:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.project-preview:hover .project-link { + top: 50%; + opacity: 1; + -moz-opacity: 1; +} + +.project-preview:hover .item-overlay { + opacity: 1; + -moz-opacity: 1; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.more-projects { + text-align: center; + margin-top: 70px; +} + + + + +/* ========================================================================== + 11. PROJECT DETAILS + ========================================================================== */ + +.single-project .project-title { + margin-bottom: 80px; +} + +.project-title h2 { + padding-right: 5%; + padding-bottom: 40px; + margin-bottom: 35px; + border-bottom: 1px solid #ddd; +} + +.project-data p { + margin-bottom: 4px; +} + +.project-data p span { + color: #353f4f; + font-weight: 500; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.project-description .more-projects { + margin-top: 65px; +} + +.project-description .more-projects h3 { + display: inline-block; + text-decoration: underline; + margin-bottom: 0; +} + +.project-description .more-projects span { + color: #353f4f; + position: relative; + top: 2px; + left: 5px; +} + + + + +/* ========================================================================== + 12. RATING + =========================================================================== */ + +.rating-section .rating-1-wrapper { + padding: 0 16%; +} + +.rating-section .rating-2-wrapper { + padding: 0 4%; +} + +.rating-title { + text-align: center; +} + +.rating-title h5 { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* RATING BOX +/*------------------------------------------*/ + +.rbox-1, +.rbox-2 { + text-align: center; +} + +/*------------------------------------------*/ +/* RATING BOX LOGO +/*------------------------------------------*/ + +.rbox-1-img { + margin-bottom: 20px; +} + +.rbox-1-img img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.rbox-2-txt img { + position: relative; + display: inline-block; + width: auto; + max-width: inherit; + max-height: 30px; + top: -1px; + left: 4px; +} + +/*------------------------------------------*/ +/* RATING BOX TYPOGRAPHY +/*------------------------------------------*/ + +.rbox-2-txt { + margin-top: 20px; +} + +.rbox-1 .star-rating { + display: inline-block; + font-size: 17px; + line-height: 15px; + font-weight: 500; + vertical-align: inherit; + border: 1px solid #f5f5f5; + padding: 5px 18px; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +.rbox-1 .star-rating span { + position: relative; + color: #ffb30c; + top: 1.5px; +} + +.rbox-1 .star-rating { + font-size: 0.86rem; + line-height: 1; +} + +p.rbox-2-txt { + line-height: 22px; + margin-top: 8px; + margin-bottom: 0; +} + +p.rbox-2-txt span { + font-weight: 500; +} + + + + +/* ========================================================================== + 13. TESTIMONIALS + =========================================================================== */ + +.reviews-2-wrapper { + padding: 0 10px; +} + +.reviews-3-wrapper { + padding: 0 20px; +} + +.reviews-4-wrapper, +.reviews-5-wrapper { + padding-left: 40px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL +/*------------------------------------------*/ + +.review-1 { + padding: 40px 40px 30px; + margin: 0 10px 30px; +} + +.review-1.block-border { + border-color: #d2d2d2; +} + +.review-2 { + padding: 45px 50px 35px; +} + +.review-3 { + padding: 45px 50px 40px; +} + +.review-4 { + padding: 40px 45px 30px; +} + +.review-5 { + padding: 45px 45px 40px; +} + +#rw-2-1, #rw-2-2 { + margin-bottom: 20px; +} + +.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 { + margin-bottom: 20px; +} + +#rw-3-2 { + margin-bottom: 45px; +} + +#rw-3-2, #rw-3-3 { + margin-left: 15px; +} + +#rw-4-1, +#rw-5-1 { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL TEXT +/*------------------------------------------*/ + +.review-ico { + position: relative; + margin-top: -25px; + margin-left: -10px; + opacity: .1; +} + +.review-txt { + position: relative; + margin-top: -45px; +} + +.review-txt h6 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL DATA +/*------------------------------------------*/ + +.review-1 .author-data { + margin-top: 22px; +} + +.review-2 .author-data { + margin-top: 15px; +} + +.review-3 .author-data { + margin-top: 20px; +} + +.review-avatar { + margin: 0 auto; + float: left; +} + +.review-avatar img, +.owl-item .review-avatar img { + width: 54px; + height: 54px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.review-2 .review-avatar img { + width: 64px; + height: 64px; +} + +.review-3 .review-avatar img, +.review-5 .review-avatar img { + width: 62px; + height: 62px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL AUTHOR +/*------------------------------------------*/ + +.review-author { + position: relative; + display: inline-block; + text-align: left; + padding: 0 0 0 15px; +} + +.review-1 .review-author { + margin-top: 4px; +} + +.review-2 .review-author { + margin-top: 10px; +} + +.review-3 .review-author { + margin-top: 8px; +} + +.review-5 .review-author { + margin-top: 8px; +} + +.review-4 .review-author { + padding-left: 0; + margin-top: 0; +} + +.review-author h6 { + line-height: 1; + margin-bottom: 8px; +} + +.review-1 .review-author h6 { + font-size: 0.975rem; +} + +.review-author p { + line-height: 1; + font-weight: 300; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TESTIMONIAL CAROUSEL DOTS +/*------------------------------------------*/ + +.reviews-section button { + background-color: transparent; + border: none; + padding: 0 2px; +} + +.owl-theme .owl-dots .owl-dot span { + margin: 0 7px; +} + +.owl-dots button:focus { + outline: none; + text-decoration: none; +} + + + + +/* ========================================================================== + 14. PRESS + =========================================================================== */ + +/*------------------------------------------*/ +/* PRESS LOGO +/*------------------------------------------*/ + +.press-logo img { + position: relative; + width: auto; + max-width: inherit; + max-height: 82px; +} + +/*------------------------------------------*/ +/* PRESS TEXT +/*------------------------------------------*/ + +.press-txt { + position: relative; + margin-top: 15px; +} + +.press-txt p { + color: #999; + font-weight: 400; + margin-bottom: 0; +} + +.press-txt span { + position: relative; + top: 3px; + left: -1px; + opacity: .6; +} + +.press-txt.ico-20 [class^="flaticon-"]:before, +.press-txt.ico-20 [class^="flaticon-"]:after { + font-size: 1.375rem; +} + + + + +/* ========================================================================== + 15. BRANDS + =========================================================================== */ + +#brands-3 { + position: relative; +} + +#brands-3:after { + position: absolute; + content: ''; + width: 100%; + height: 80%; + top: 0; + left: 0; + z-index: -1; +} + +/*------------------------------------------*/ +/* BRANDS SECTION TITLE +/*------------------------------------------*/ + +.brands-title { + text-align: center; + padding: 0 5%; +} + +.brands-title h4, +.brands-title h3, +.brands-title h2 { + margin-bottom: 8px; +} + +.brands-title p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* BRANDS LOGO WRAPPER +/*------------------------------------------*/ + +.brands-3-wrapper { + padding: 50px 30px; + background-color: #fff; + border: 1px solid #e9ecef; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} + +/*------------------------------------------*/ +/* BRANDS LOGO IMAGE +/*------------------------------------------*/ + +.brand-logo { + overflow: hidden; + position: relative; + top: 0; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +#brands-1 .brands-carousel-5 .brand-logo { + padding: 0 30px; +} + +#brands-1 .brands-carousel-6 .brand-logo { + padding: 0 20px; +} + +#brands-1 .justify-content-center .brand-logo { + padding: 0 15px; +} + +#brands-2 .brand-logo { + padding: 0; +} + +#brands-3 .brand-logo { + padding: 0 25px; +} + +#brands-3 .brands-3-static .brand-logo { + padding: 0 15px; +} + +#brands-4 .brand-logo { + padding: 0 20px; +} + +.brand-logo:hover { + top: -6px; +} + +.brands-section .more-btn { + text-align: center; + margin-top: 40px; +} + +.hero-section .owl-dots, +.brands-section .owl-dots { + display: none; +} + + + + +/* ========================================================================== + 16. INTEGRATIONS + =========================================================================== */ + +.integrations-2-wrapper { + padding: 80px 70px; +} + +.in_tool_logo { + padding: 50px 30px; + margin-bottom: 25px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.integrations-1-wrapper .in_tool-logo { + position: relative; + margin-right: 20px; +} + +.integrations-1-wrapper .in_tool { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + padding: 22px 20px; + border: 1px solid #ccc; +} + +.integrations-1-wrapper .in_tool-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.in_tool h6 { + line-height: 1; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool-txt h6 { + margin-top: 5px; +} + +.integrations-1-wrapper .in_tool-txt p { + margin-top: 5px; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + + + + +/* ========================================================================== + 17. PRICING + =========================================================================== */ + +/*------------------------------------------*/ +/* Price Table +/*------------------------------------------*/ + +.p-table { + margin-bottom: 40px; +} + +.pricing-1-table { + padding: 50px 38px 45px; +} + +.text-center .pricing-1-table { + padding: 60px 35px 50px; +} + +.pricing-2-table { + padding: 45px 38px 50px; +} + +.pricing-3-table { + padding: 50px 40px; +} + +.pricing-4-table { + position: relative; + padding: 45px; +} + +#pt-4-1 { margin: 0 10px 40px 50px; } +#pt-4-2 { margin: 0 50px 40px 10px; } + +/*------------------------------------------*/ +/* TABLE HEADER +/*------------------------------------------*/ + +.pricing-table-header { + position: relative; +} + +.pricing-table-header h5 { + margin-bottom: 30px; +} + +.pricing-table-header h4 { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* PRICING TABLE DISCOUNT +/*------------------------------------------*/ + +.pricing-discount { + position: absolute; + top: -2px; + right: -10px; + padding: 8px 18px; +} + +.pricing-1-table .pricing-discount { + top: -2px; + right: -5px; + padding: 7px 13px; +} + +.text-center .pricing-1-table .pricing-discount { + top: -35px; + right: -8px; +} + +.pricing-discount h6 { + font-size: 1.1rem; + line-height: 1; + margin-bottom: 0; +} + +.pricing-1-table .pricing-discount h6 { + font-size: 0.915rem; +} + +.price.color--black .white--color { + color: #fff; +} + +.comp-table .table thead th { + border-color: #ccc; +} + +.comp-table tbody th { + border-bottom: 1px solid #ccc!important; +} + +.comp-table .table tr td { + border-bottom: 2px solid #ccc; +} + +/*------------------------------------------*/ +/* PRICE +/*------------------------------------------*/ + +.price span { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 3rem; + line-height: 1; + font-weight: 600; + letter-spacing: -2px; +} + +.pricing-2-table.highlight .price span { + font-size: 2.4rem; + letter-spacing: -1px; +} + +.pricing-3-table .price span { + font-size: 4.35rem; +} + +.pricing-4-table .price span { + font-size: 3.15rem; +} + +/*------------------------------------------*/ +/* DOLLAR SIGN +/*------------------------------------------*/ + +.price sup { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.05rem; + font-weight: 600; + top: -5px; + right: 2px; + letter-spacing: -1px; +} + +.pricing-3-table .price sup { + font-size: 2.35rem; + top: -23px; + right: 3px; +} + +.pricing-4-table .price sup { + font-size: 2.05rem; + top: -10px; + right: 2px; +} + +/*------------------------------------------*/ +/* COINS +/*------------------------------------------*/ + +.pricing-3-table .price sup.coins { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.35rem; + font-weight: 600; + top: -29px; + left: 3px; + letter-spacing: -2px; +} + +/*------------------------------------------*/ +/* Validity +/*------------------------------------------*/ + +.price sup.validity { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 1.4rem; + font-weight: 400; + top: -2px; + left: 0; +} + +.pricing-3-table .price sup.validity { + display: block; + font-size: 1.1875rem; + top: 0; + margin-top: 20px; + margin-bottom: 30px; + letter-spacing: 0; + margin-bottom: 40px; +} + +/*------------------------------------------*/ +/* Text +/*------------------------------------------*/ + +.price p { + margin-top: 25px; + margin-bottom: 25px; +} + +.pricing-2-table .price p { + margin-bottom: 15px; +} + +.text-center .price p { + padding: 0 2%; +} + +.pricing-section .btn-txt a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* PRICING TABLE HORIZONTAL LINE +/*------------------------------------------*/ + +.pricing-1-table hr { + margin-top: 35px; +} + +.pricing-2-table hr { + margin-top: 25px; +} + +/*------------------------------------------*/ +/* PRICING FEATURES +/*------------------------------------------*/ + +.pricing-features li { + padding: 11px 8px; +} + +.pricing-4-table .pricing-features li { + padding: 10px; +} + +.pricing-features li p { + line-height: 1; + font-weight: 400; + margin-bottom: 0; +} + +.pricing-features li p span { + position: relative; + top: -2px; + right: 5px; +} + +.pricing-features.ico-10 li p span { + top: 0; + right: 4px; +} + +.pricing-features.ico-5 [class*="flaticon-"]:before, +.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; } + +.pricing-features li.disabled-option p, +.pricing-features li.disabled-option span { + color: #b5b5b5!important; +} + +/*------------------------------------------*/ +/* PRICING TABLE BUTTON +/*------------------------------------------*/ + +.pt-btn { + display: block; + width: 100%; + margin-top: 25px; +} + +.p-table p.btn-txt { + margin: 14px 0 0 0; +} + +/*------------------------------------------*/ +/* PRICING TOGGLE BUTTON +/*------------------------------------------*/ + +.ext-toggle-btn { + text-align: center; +} + +.toggle-btn.inn-toggle-btn { + position: absolute; +} + +#pricing-4 .ext-toggle-btn { + margin: 0 50px 35px 10px; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON TYPOGRAPHY +/*------------------------------------------*/ + +.toggle-btn-md .toggler-txt { + font-size: 1.1rem; + font-weight: 400; + line-height: 36px; +} + +.toggle-btn-lg .toggler-txt { + font-size: 1.15rem; + font-weight: 400; + line-height: 40px; +} + +.toggle-btn p { + margin-top: 10px; + letter-spacing: -0.25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON SWITCHER +/*------------------------------------------*/ + +.switch-wrap { + position: relative; + display: inline-block; + min-width: 50px; + height: 32px; + vertical-align: middle; +} + +.toggle-btn-md .switch-wrap { + min-width: 65px; + height: 36px; + margin: 0 8px; +} + +.toggle-btn-lg .switch-wrap { + min-width: 70px; + height: 40px; + margin: 0 14px; +} + +.switcher { + display: block; + cursor: pointer; + color: #fff; + font-size: 0.925rem; + font-weight: 500; + height: 32px; + padding: 0 15px 0 35px; + position: relative; + border-radius: 32px; + -webkit-transition: all 150ms ease-in-out; + -moz-transition: all 150ms ease-in-out; + -o-transition: all 150ms ease-in-out; + -ms-transition: all 150ms ease-in-out; + transition: all 150ms ease-in-out; +} + +.toggle-btn-md .switcher { + height: 36px; + padding: 0 20px 0 40px; + border-radius: 36px; +} + +.toggle-btn-lg .switcher { + height: 40px; + padding: 0 20px 0 40px; + border-radius: 40px; +} + +.switcher.bg--tra-white { + background-color: #fff; + border: 2px solid #ccc; +} + +.switcher.bg--ghost-white { + background-color: rgba(128, 143, 174, .45); + border: 2px solid rgba(128, 143, 174, .15); +} + +.switcher.bg--grey { + background-color: #ccc; + border: 2px solid #ccc; +} + +.switcher .show-annual, +.switcher .show-monthly { + line-height: 32px; +} + +.toggle-btn-md .switcher .show-annual, +.toggle-btn-md .switcher .show-monthly { + line-height: 36px; +} + +.toggle-btn-lg .switcher .show-annual, +.toggle-btn-lg .switcher .show-monthly { + line-height: 40px; +} + +.switcher .show-monthly { + display: block; +} + +.switcher .show-annual { + display: none; +} + +.switcher:before { + position: absolute; + left: 4px; + bottom: 4px; + content: " "; + background-color: #fff; + width: 24px; + height: 24px; + border-radius: 50%; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.toggle-btn-md .switcher:before { + left: 5px; + bottom: 5px; + width: 26px; + height: 26px; +} + +.toggle-btn-lg .switcher:before { + left: 5px; + bottom: 5px; + width: 30px; + height: 30px; +} + +.switcher.bg--grey:before, +.switcher.bg--tra-white:before, +.switcher.bg--ghost-white:before { + background-color: #ccc; + left: 4px; + bottom: 3.5px; + -webkit-box-shadow: 0 1px 1px 0 #aaa; + -moz-box-shadow: 0 1px 1px 0 #aaa; + box-shadow: 0 1px 1px 0 #aaa; +} + +.switcher.bg--grey:before, +.switcher.bg--ghost-white:before { + background-color: #fff; +} + +.switch-wrap input { + display: none; +} + +.switch-wrap input:checked + .switcher { + padding: 0 35px 0 15px; +} + +.toggle-btn-md .switch-wrap input:checked + .switcher, +.toggle-btn-lg .switch-wrap input:checked + .switcher { + padding: 0 40px 0 20px; +} + +.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; } +.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; } +.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; } + +.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; } +.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; } +.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; } + +.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; } +.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; } +.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; } + +.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; } +.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; } +.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; } + +.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; } +.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; } +.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; } + +.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; } +.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; } +.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; } + +.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; } +.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; } +.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; } + +.switch-wrap input:checked + .switcher:before { + left: auto; + right: 4px; + -webkit-transition: all 350ms ease-in-out; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.switch-wrap input:checked + .switcher.bg--tra-white:before { + bottom: 3px; + background-color: #fff; + -webkit-box-shadow: 0 0; + -moz-box-shadow: 0 0; + box-shadow: 0 0; +} + +.switch-wrap input:checked + .switcher .show-annual { + display: block; +} + +.switch-wrap input:checked + .switcher .show-monthly { + display: none; +} + +/*------------------------------------------*/ +/* PRICING NOTICE TEXT +/*------------------------------------------*/ + +.pricing-notice { + text-align: center; + margin-top: 20px; +} + +.pricing-notice p { + padding: 0 8%; + margin-bottom: 0; +} + +.pricing-notice p span { + font-weight: 500; +} + +/*------------------------------------------*/ +/* COMPARE PRICING TABLE +/*------------------------------------------*/ + +.table>:not(caption)>*>* { + padding-top: 12px; + padding-bottom: 12px; +} + +.comp-table .pricing-header { + max-width: 700px; +} + +.comp-table .table-responsive thead th { + font-size: 1.15rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody th { + font-size: 1rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody td { + position: relative; + font-size: 1rem; + line-height: inherit; + top: 1px; +} + +.comp-table .table-responsive tbody td span { + position: relative; + top: 1px; +} + +.table-responsive .ico-15 [class*="flaticon-"]:before, +.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.table-responsive .ico-20 [class*="flaticon-"]:before, +.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; } + +.comp-table .table-responsive tbody tr { + background-color: #fff; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.comp-table .table tbody tr.table-last-tr { + border-color: transparent; +} + +.comp-table .table-responsive tbody tr:hover { + background-color: #f7f7f9; +} + +.comp-table .disabled-option { + color: #999; +} + +/*------------------------------------------*/ +/* PRICING COMPARE PAYMENT +/*------------------------------------------*/ + +.comp-table-payment h6 { + margin-bottom: 20px; +} + +.comp-table-payment p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 18. TEAM + =========================================================================== */ + +/*------------------------------------------*/ +/* TEAM MEMBER +/*------------------------------------------*/ + +#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; } +#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; } +#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; } + +/*------------------------------------------*/ +/* TEAM MEMBER PHOTO +/*------------------------------------------*/ + +.team-member-photo { + position: relative; + overflow: hidden; + text-align: center; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* PHOTO HOVER ZOOM +/*------------------------------------------*/ + +.team-member:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.team-member:hover .item-overlay { + opacity: .45; + -moz-opacity: .45; +} + +/*------------------------------------------*/ +/* TEAM MEMBER TYPOGRAPHY +/*------------------------------------------*/ + +.team-member-data { + position: relative; + margin-left: 5px; +} + +.team-member-data h6.s-20 { + margin-bottom: 8px; +} + +.team-member-data p { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1; + font-weight: 400; + letter-spacing: 0; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Team Member Social Links +/*------------------------------------------*/ + +ul.tm-social { + position: absolute; + top: -1px; + right: 8px; + -webkit-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} + +#team-1 ul.tm-social { + right: 5px; +} + +ul.tm-social li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; + margin-left: 10px; + opacity: .6; + -webkit-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; +} + +.tm-social.ico-20 [class*="flaticon-"]:before, +.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; } + + + + +/* ========================================================================== + 19. CAREERS + =========================================================================== */ + +/*------------------------------------------*/ +/* ROLE BOX +/*------------------------------------------*/ + +.role-box { + border: 1px solid #d2d2d2; + padding: 25px 35px; + margin-bottom: 30px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.role-box.bg--white-200, +.role-box.bg--white-300 { + border: 1px solid transparent; +} + +.role-box:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* ROLE BOX TEXT +/*------------------------------------------*/ + +.role-box span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.8rem; + line-height: 1; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 14px; +} + +.role-box h6 { + margin-bottom: 6px; +} + +.role-box p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 20. CAREER ROLE + =========================================================================== */ + +#role-page .inner-page-title { + text-align: left; + margin-bottom: 50px; +} + +#role-page .inner-page-title span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.9rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 35px; +} + +.role-info hr { + margin: 50px 0; +} + +#role-page .cbox-6-wrapper { + margin: 45px 0; +} + +.role-info h5 { + margin-bottom: 25px; +} + +.role-info p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-block.role-info .btn { + display: block; + margin-top: 50px; +} + + + + +/* ========================================================================== + 21. BANNER + =========================================================================== */ + +.banner-overlay { + width: 100%; + height: 100%; +} + +#banner-11 { + margin-top: 50px; +} + +#banner-12 { + margin-top: 40px; + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* BANNER WRAPPER +/*------------------------------------------*/ + +.banner-1-wrapper, +.banner-2-wrapper, +.banner-3-wrapper { + position: relative; + overflow: hidden; + text-align: center; +} + +.banner-1-wrapper .banner-overlay { + padding: 75px 15% 85px; +} + +.banner-2-wrapper .banner-overlay { + padding: 80px 15% 90px; +} + +.banner-3-wrapper .banner-overlay { + padding: 75px 20% 85px; +} + +.banner-11-wrapper .banner-overlay { + padding: 10px 70px 0; +} + +.banner-12-wrapper .banner-overlay { + padding-left: 80px; +} + +.banner-13-wrapper { + overflow: hidden; +} + +.banner-13-wrapper .banner-overlay { + overflow: hidden; + padding-left: 80px; +} + +.banner-16-wrapper .banner-overlay { + padding: 45px 22%; +} + +.banner-16-wrapper.bg--white-100.block-border { + border-color: #ccc; +} + +/*------------------------------------------*/ +/* BANNER TEXT +/*------------------------------------------*/ + +.banner-12-txt { + margin-top: -10px; + padding-right: 15%; +} + +.banner-13-txt { + padding-right: 15%; +} + +/*------------------------------------------*/ +/* BANNER TYPOGRAPHY +/*------------------------------------------*/ + +.banner-section .section-id { + font-weight: 600; + padding-top: 10px; + margin-bottom: 30px; +} + +.banner-1-txt h2 { + margin-bottom: 15px; +} + +.banner-2-txt h2 { + margin-bottom: 35px; +} + +.banner-4-txt h2 { + margin-bottom: 30px; +} + +.banner-7-txt h2 { + margin-bottom: 35px; +} + +.banner-10-txt h6 { + font-weight: 400; + margin-bottom: 12px; +} + +.banner-10-txt h2 { + margin-bottom: 25px; +} + +.banner-11-txt h2, +.banner-12-txt h2, +.banner-13-txt h2 { + margin-bottom: 22px; +} + +.banner-15-txt h2 { + margin-bottom: 45px; +} + +.banner-16-txt h4 { + margin-bottom: 14px; +} + +.banner-section p.p-lg { + font-size: 1.15rem; + margin-bottom: 30px; +} + +.banner-section p.p-xl { + margin-bottom: 25px; +} + +.sm-title .banner-1-txt p.p-lg, +.sm-title .banner-1-txt p.p-xl { + margin-top: 12px; + margin-bottom: 22px!important; +} + +.banner-3-txt p.p-lg, +.banner-3-txt p.p-xl, +.banner-5-txt p.p-lg, +.banner-5-txt p.p-xl { + margin-top: 20px; +} + +.banner-5-txt p.s-21, +.banner-5-txt p.s-22 { + margin-top: 20px; + margin-bottom: 26px; +} + +.banner-6-txt p.p-lg, +.banner-6-txt p.p-xl { + margin-top: 15px; + margin-bottom: 25px!important; +} + +.banner-8-txt p.p-lg, +.banner-8-txt p.p-xl { + margin-top: 10px; + margin-bottom: 0!important; +} + +.banner-9-txt p.p-lg, +.banner-9-txt p.p-xl { + margin-top: 20px; + margin-bottom: 25px!important; +} + +.banner-11-txt p { + padding-right: 8%; +} + +.banner-14-txt p.p-lg { + font-size: 1.25rem; + margin-top: 35px; + margin-bottom: 40px; +} + +.banner-15-txt p a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* BANNER IMAGE +/*------------------------------------------*/ + +.banner-11-img { + margin-top: -60px; + margin-left: -40px; +} + +.banner-12-img { + margin: -40px -20px -30px -40px; +} + +.banner-13-img { + transform: rotate(-20deg); + margin: -60px -120px -70px -40px; +} + + + + +/* ========================================================================== + 22. CALL TO ACTION / DOWNLOAD + =========================================================================== */ + +.version-release { + margin-bottom: 80px; +} + +.release-data { + padding-bottom: 30px; + border-bottom: 1px dashed #ccc; + margin-bottom: 30px; +} + +.release-data h5 { + margin-bottom: 40px; +} + +span.version-data { + color: #353f4f; + font-size: 2rem; + line-height: 1; + margin-right: 20px; + margin-bottom: 0; +} + +span.release-date { + color: #999; + font-size: 1.175rem; + line-height: 1; + margin-bottom: 0; +} + +span.release-date span { + color: #353f4f; + font-weight: 500; + margin-left: 20px; +} + +.release-download { + position: absolute; + right: 5px; + bottom: 0; +} + +.release-highlights .simple-list p { + margin-bottom: 2px; +} + + + + +/* ========================================================================== + 23. FAQS + =========================================================================== */ + +/*------------------------------------------*/ +/* FAQS SECTION TITLE +/*------------------------------------------*/ + +#faqs-1 .section-title { + margin-bottom: 50px; +} + +#faqs-2 .inner-page-title { + margin-bottom: 55px; +} + +#faqs-3 .section-title { + margin-bottom: 70px; +} + +.faqs-3-questions .questions-holder { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FAQS ACCORDION +/*------------------------------------------*/ + +.faqs-section .accordion-item { + background-color: transparent!important; + border: none; + border-bottom: 1px solid #e5e5e5; +} + +#faqs-2.faqs-section .accordion-item { + border-bottom: 1px solid #ddd; +} + +.faqs-section .accordion-item.acc-last-item, +#faqs-2.faqs-section .accordion-item.acc-last-item { + border-bottom: none; +} + +/*------------------------------------------*/ +/* Question +/*------------------------------------------*/ + +.faqs-section .accordion-thumb { + margin: 0; + padding: 25px 0; + cursor: pointer; + position: relative; +} + +#faqs-2.faqs-section .accordion-thumb { + padding: 25px 0 30px; +} + +.faqs-section .accordion-item .accordion-thumb:after, +.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-family: Flaticon; + font-weight: 300; + content: "\f11a"; + position: absolute; + font-size: 1rem; + top: 22px; + right: 3px; +} + +#faqs-2.faqs-section .accordion-item .accordion-thumb:after, +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-size: 1rem; + top: 26px; + right: 2px; +} + +.faqs-section .accordion-item.is-active .accordion-thumb:after { + content: "\f11b"; +} + +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #e5e5e5; +} + +/*------------------------------------------*/ +/* Answer +/*------------------------------------------*/ + +.accordion-panel { + margin: 0; + padding: 0 0 15px 0; + display: none; +} + +#faqs-2 .accordion-panel { + padding: 45px 0 15px 0; +} + +.accordion-thumb h5, +.accordion-thumb h4 { + line-height: 1; + margin-bottom: 0; +} + +.question h5, +.accordion-panel-item h5 { + margin-bottom: 20px; +} + +.question h5 span, +.accordion-thumb h5 span, +.accordion-panel-item h5 span { + margin-right: 5px; +} + +.question p a, +.accordion-panel p a { + font-weight: 500; + text-decoration: underline; +} + +.question p.color--grey a.color--blue, +.accordion-panel.color--grey a.color--blue { + color: #1680fb!important; +} + +/*------------------------------------------*/ +/* FAQS TABS +/*------------------------------------------*/ + +.faqs-section .tabs-nav { + text-align: center; +} + +.faqs-section .tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +.faqs-section .tab-content { + display: none; +} + +.faqs-section .tab-content.current { + display: inherit; +} + +.faqs-section .tabs-1 li { + display: inline-block; + min-width: 230px; + background-color: transparent; + border: 2px solid #ddd; + cursor: pointer; + padding: 30px 0; + margin: 0 6px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.faqs-section .tabs-1 li span { + color: #c3c4c5; +} + +.faqs-section .tabs-1 li p { + line-height: 1; + font-weight: 400; + margin-top: 15px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TAB LINK CURRENT +/*------------------------------------------*/ + +.faqs-section .tabs-1 li.current, +.faqs-section .tabs-1 li.current:hover { + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); +} + +.faqs-section .tabs-1 li.current p, +.faqs-section .tabs-1 li.current span { + color: #fff; +} + +.faqs-section .tabs--blue .tabs-1 li.current, +.faqs-section .tabs--blue .tabs-1 li.current:hover { + background-color: #1680fb; + border-color: #1680fb!important; +} + +.faqs-section .tabs--purple .tabs-1 li.current, +.faqs-section .tabs--purple .tabs-1 li.current:hover { + background-color: #7b5dd6; + border-color: #7b5dd6!important; +} + +/*------------------------------------------*/ +/* MORE QUESTIONS LINK +/*------------------------------------------*/ + +.more-questions { + text-align: center; +} + +#faqs-2 .more-questions { + margin: 70px auto 0; +} + +.more-questions-txt { + display: inline-block; + padding: 22px 46px; +} + +.more-questions-txt p { + line-height: 1; + margin-bottom: 0; +} + +.more-questions-txt a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 24. NEWSLETTER + =========================================================================== */ + +#newsletter-1 .newsletter-overlay { + padding-top: 60px; + padding-bottom: 60px; +} + +#newsletter-2 .container { + padding-left: 0; + padding-right: 0; +} + +#newsletter-2 .newsletter-overlay { + padding: 60px 50px; +} + +#newsletter-3 { + margin-top: 50px; + margin-bottom: 50px; +} + +#newsletter-4 .newsletter-overlay, +#newsletter-5 .newsletter-overlay { + padding-top: 80px; + padding-bottom: 70px; +} + +/*------------------------------------------*/ +/* NEWSLETTER TYPOGRAPHY +/*------------------------------------------*/ + +.newsletter-txt h2 { + margin-bottom: 35px; +} + +#newsletter-4 .newsletter-txt h2 { + margin-bottom: 40px; +} + +.newsletter-txt h4, +.newsletter-txt h3, +#newsletter-5 .newsletter-txt h2 { + margin-bottom: 0; +} + +.newsletter-txt p.p-sm { + margin-bottom: 0; +} + +#newsletter-4 .newsletter-txt p { + padding: 0 10%; +} + +#newsletter-5 .newsletter-txt p { + margin-top: 20px; + margin-bottom: 0; +} + +.newsletter-txt a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* NEWSLETTER FORM +/*------------------------------------------*/ + +#newsletter-1 .newsletter-form { + padding-left: 15%; + margin-top: 30px; +} + +#newsletter-2 .newsletter-form { + margin-top: 25px; + padding-left: 12%; +} + +#newsletter-4 .newsletter-form { + padding: 0 5%; +} + +#newsletter-5 .newsletter-form { + margin-top: 35px; + padding: 0 10%; +} + +/*------------------------------------------*/ +/* Newsletter Form Input +/*------------------------------------------*/ + +.newsletter-section .form-control { + height: 56px; + background-color: #fff; + border: 1px solid #ccc; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin-right: 12px; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +#newsletter-1.newsletter-section .form-control { + height: 54px; + font-size: 0.975rem; +} + +#newsletter-5.newsletter-section .form-control { + height: 62px; + font-size: 1.0625rem; +} + +.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.newsletter-section .form-control:focus { + background-color: #fff; + outline: 0; + box-shadow: none; + border-color: #1680fb; +} + +.newsletter-section .purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Placeholder +/*------------------------------------------*/ + +.newsletter-section .form-control::-moz-placeholder { color: #aaa; } +.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } +.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.newsletter-section .btn { + display: block; + width: 100%!important; + height: 56px; +} + +#newsletter-1 .btn { + height: 54px; + font-size: 0.925rem; + padding: 0.7rem 1.3rem; +} + +#newsletter-5.newsletter-section .btn { + height: 62px; +} + +/*------------------------------------------*/ +/* Newsletter Form Notification +/*------------------------------------------*/ + +.newsletter-section .form-notification { + color: #3eb1ff; + font-size: 0.9rem; + font-weight: 400; + line-height: 1; + margin-top: 15px; + margin-left: 5px; +} + +.newsletter-section .text-center .form-notification { + margin-left: 0; +} + +.bg--color.newsletter-section .form-notification { + color: #fff; +} + +.newsletter-section .form-notification.valid, +.newsletter-section .form-notification.error { + color: #fc2f4b; +} + +.newsletter-section .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* NEWSLETTER IMAGE +/*------------------------------------------*/ + +#newsletter-3 .newsletter-img { + margin-top: -50px; + margin-bottom: -50px; +} + +#newsletter-3 .col-lg-6 .newsletter-img { + padding-left: 40px; +} + + + +/* ========================================================================== + 25. BLOG + =========================================================================== */ + +/*------------------------------------------*/ +/* BLOG POST TAG +/*------------------------------------------*/ + +.post-tag { + display: block; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.75rem; + font-weight: 600; + letter-spacing: 0; + text-transform: uppercase; + margin-bottom: 20px; +} + +#single-post .post-tag { + font-size: 0.85rem; +} + +/*------------------------------------------*/ +/* BLOG POST META +/*------------------------------------------*/ + +.post-meta-list li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.post-meta-list p { + color: #353f4f; + line-height: 1; + margin-bottom: 0; +} + +.bg--black-400 .post-meta-list p { + color: #f8f9f9; +} + +.meta-list-divider { + position: relative; + top: 0px; + transform: rotate(-90deg); + padding: 0 1px; +} + +/*------------------------------------------*/ +/* BLOG POST TYPOGRAPHY +/*------------------------------------------*/ + +.blog-post-txt h6 { + margin-bottom: 15px; +} + +.blog-post-txt p { + margin-bottom: 0; +} + +.blog-post-txt a { + color: #353f4f; +} + +.blog-post-txt a:hover { + text-decoration: underline; +} + +.bg--black-400 .blog-post-txt a { + color: #f8f9f9; +} + +.bg--black-400 .blog-post-txt a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 26. BLOG LISTING + =========================================================================== */ + +.wide-post { + margin-bottom: 100px; +} + +.wide-post .blog-post-img { + padding-right: 15px; +} + +.wide-post .blog-post-txt { + padding-left: 15px; +} + +.square-post { + margin-top: 60px; + margin-bottom: 40px; +} + +.square-post-wrapper { + overflow: hidden; +} + +.square-post .blog-post-txt { + padding: 0 30px 0 60px; +} + +/*------------------------------------------*/ +/* BLOG POSTS CATEGORY +/*------------------------------------------*/ + +.posts-category { + margin-top: 40px; + margin-bottom: 60px; +} + +.posts-category h4 { + line-height: 1; + margin-bottom: 0; +} + +.posts-category span { + position: relative; + top: 1px; +} + + + + +/* ========================================================================== + 27. SINGLE BLOG POST + =========================================================================== */ + +/*------------------------------------------*/ +/* Single Post Title +/*------------------------------------------*/ + +.single-post-title h3, +.single-post-title h2 { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* Single Post Text +/*------------------------------------------*/ + +.single-post-txt h5, +.single-post-txt h4 { + margin-top: 30px; + margin-bottom: 30px; +} + +.single-post-txt h5 span { + display: block; +} + +/*------------------------------------------*/ +/* Single Post Code +/*------------------------------------------*/ + +.txt-code { + background-color: #f8f9fa; + padding: 20px 18px; + margin: 30px 0; +} + +.txt-code p { + color: #383a42; + font-size: 1rem; + line-height: 1.75; + margin-bottom: 0; +} + +.single-post-txt p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-code span.code-property, +.txt-code p code.code-language-js { + color: #151515; +} + +.txt-code span.code-variable, +.txt-code span.code-attribute { + color: #986801; +} + +.txt-code span.code-string { + color: #50a14f; +} + +/*------------------------------------------*/ +/* Single Post Blockquote +/*------------------------------------------*/ + +.single-post-txt figure { + margin-bottom: 40px; +} + +.single-post-txt .blockquote p { + font-size: 1.5rem; + line-height: 1.45; + margin-bottom: 40px; +} + +.single-post-txt .blockquote-footer { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* Single Post Image +/*------------------------------------------*/ + +.post-inner-img { + text-align: center; + margin-top: 50px; + margin-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE LINKS +/*------------------------------------------*/ + +.post-share-list { + margin-top: 50px; + padding-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE ICONS +/*-----------------------------------------*/ + +.share-social-icons { + display: inline-block; + padding-left: 0; +} + +.share-social-icons li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; +} + +.share-social-icons a.share-ico span { + opacity: .75; + margin-right: 25px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.share-social-icons a.share-ico:hover span { + opacity: 1; +} + +/*------------------------------------------*/ +/* POST AUTHOR +/*------------------------------------------*/ + +.post-author { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.post-author-avatar { + position: relative; + text-align: center; + margin-right: 35px; +} + +.post-author-avatar img { + width: 100px; + height: 100px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.post-author-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.post-author-txt h5 { + margin-bottom: 20px; +} + +.post-author-txt p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Follow Button +/*------------------------------------------*/ + +.author-follow-btn { + display: inline-block; + position: absolute; + padding: 6px 15px; + line-height: 1; + top: 80px; + right: 10px; + border: 2px solid #ddd; +} + +.author-follow-btn a { + color: #666; + font-size: 0.935rem; + font-weight: 400; +} + +/*------------------------------------------*/ +/* POST COMMENTS +/*------------------------------------------*/ + +.post-comments { + padding-top: 100px; +} + +.post-comments hr { + margin-top: 24px; + margin-bottom: 40px; +} + +.post-comments h5 { + margin-bottom: 60px; +} + +.post-comments img { + width: 68px; + height: 68px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.comment-body { + margin-left: 25px; +} + +.comment-meta { + margin-bottom: 10px; +} + +.comment-meta h6 { + line-height: 1; + margin-bottom: 0; +} + +.comment-date { + font-size: 16px; + font-weight: 400; + margin-bottom: 5px; +} + +/*------------------------------------------*/ +/* Comment Reply +/*------------------------------------------*/ + +.btn-reply { + margin-left: 3px; +} + +.btn-reply a { + font-size: 17px; + font-weight: 400; +} + +.btn-reply span { + position: relative; + top: 3px; + margin-right: 4px; + left: 3px; +} + +.btn-reply.ico-20 [class*="flaticon-"]:before, +.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; } + +.btn-reply a:hover { + color: #222; +} + +/*------------------------------------------*/ +/* SINGLE POST COMMENT FORM +/*------------------------------------------*/ + +.post-comments #leave-comment h5 { + padding-bottom: 0; + margin-top: 80px; + margin-bottom: 10px; + border: none; +} + +.comment-form { + position: relative; + margin-top: 60px; +} + +.comment-form p { + position: relative; + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 15px; + padding-left: 8px; + display: block; +} + +.comment-form p span { + position: relative; + color: #ff3366; + top: -3px; +} + +.comment-form .form-control { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #353f4f; + font-size: 1rem; + line-height: 1; + font-weight: 400; + padding: 0 20px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.comment-form textarea { min-height: 220px; } +.comment-form textarea.form-control { + padding: 25px 20px; +} + +/*------------------------------------------*/ +/* Comment Form Input Focus +/*------------------------------------------*/ + +.comment-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Comment Form Button +/*------------------------------------------*/ + +.comment-form .btn { + margin-top: 15px; +} + +.comment-form .btn:focus { + outline: 0px none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +.comment-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +.comment-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.comment-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 28. CONTACTS + =========================================================================== */ + +#contacts-1 .contact-form p { + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 10px; + padding-left: 8px; +} + +#contacts-1 .contact-form .col-md-12 span { + display: block; + font-size: 0.95rem; + line-height: 1; + font-weight: 300; + margin-bottom: 20px; + padding-left: 8px; +} + +#contacts-1 .contact-form .contact-form-notice p { + font-size: 0.835rem; + font-weight: 300; + line-height: 1.5555; + padding-left: 0; + margin-top: 40px; +} + +.contact-form-notice p a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* CONTACT FORM INPUT +/*------------------------------------------*/ + +.contact-form .form-control, +.contact-form .form-select { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #3a4a56; + font-size: 1rem; + font-weight: 400; + padding: 0 15px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.bg--snow .contact-form .form-control, +.bg--snow .contact-form .form-select { + background-color: #fff; + border: 1px solid #ccc; +} + +.contact-form .form-select { + display: inline-block; + width: 100%; + color: #998da0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Contact Form Textarea +/*------------------------------------------*/ + +.contact-form textarea { min-height: 220px; } +.contact-form textarea.form-control { + padding: 20px 15px; +} + +/*------------------------------------------*/ +/* Contact Form Placeholder +/*------------------------------------------*/ + +.contact-form .form-control::-moz-placeholder { color: #999; } +.contact-form .form-control:-ms-input-placeholder { color: #999; } +.contact-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Contact Form Input Focus +/*------------------------------------------*/ + +.contact-form .form-control:focus, +.contact-form .form-select:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Contact Form Message +/*------------------------------------------*/ + +.contact-form-msg { + width: 100%!important; + display: block; + margin-top: 20px; + padding-left: 0; +} + +.contact-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.contact-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 29. FOOTER + =========================================================================== */ + +.footer { + padding-bottom: 50px; +} + +.footer-info, +.footer-links { + margin-bottom: 40px; +} + +#footer-10 .footer-info { + margin-bottom: 40px; + padding-bottom: 55px; + border-bottom: 1px solid #dbdddf; +} + +#footer-10 .footer-links { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* FOOTER LOGO +/*------------------------------------------*/ + +img.footer-logo, +img.footer-logo-dark { + width: auto; + max-width: inherit; + max-height: 40px; +} + +#footer-10 img.footer-logo { + max-height: 46px; +} + +#footer-1 .footer-logo, +#footer-5 .footer-logo, +#footer-6 .footer-logo, +#footer-7 .footer-logo { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* FOOTER TYPOGRAPHY +/*------------------------------------------*/ + +.footer h6 { + line-height: 1; + margin-bottom: 25px; +} + +#footer-9.footer h6 { + line-height: 1.5; +} + +.bg--black.footer h6 { + color: #fff; +} + +/*------------------------------------------*/ +/* FOOTER INFO +/*------------------------------------------*/ + +.footer-info-copyright p { + margin-bottom: 0; +} + +.footer-info-copyright p span { + position: relative; + top: 2px; + padding: 0 2px; +} + +.footer-info-copyright.ico-15 [class*="flaticon-"]:before, +.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } + +/*------------------------------------------*/ +/* FOOTER MAIL LINK +/*------------------------------------------*/ + +.footer .footer-mail-link { + margin-left: 3px; + margin-bottom: 0; +} + +#footer-1 .footer-info .footer-mail-link { + margin-top: 10px; +} + +#footer-2 .footer-links .footer-mail-link, +#footer-3 .footer-links .footer-mail-link { + margin-left: 0; + margin-bottom: 20px; +} + +.footer-mail-link a { + font-weight: 400; +} + +.footer-mail-link span { + position: relative; + top: 4px; + right: 3px; +} + +.footer-mail-link.ico-20 [class*="flaticon-"]:before, +.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } + +.bg--black.footer .footer-mail-link a { + color: #a0a7b1; +} + +.bg--black.footer .footer-mail-link a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER LINKS +/*------------------------------------------*/ + +#footer-2 .footer-links { + padding-left: 10%; +} + +.foo-links li { + width: auto!important; + display: block!important; + vertical-align: top; + clear: none !important; + margin: 0; + padding: 0; +} + +.foo-links.ico-10 li span { + position: relative; + top: 1.5px; + right: 3px; +} + +#footer-8 .foo-links li { + display: inline-block!important; + padding-left: 20px; +} + +#footer-8 .foo-links li.first-li { + padding-left: 0; +} + +#footer-10 .foo-links li { + display: inline-block!important; + padding: 0 10px; +} + +.footer .foo-links li p { + font-weight: 400; + margin-bottom: 10px; +} + +.footer .foo-links li:last-child p { + margin-bottom: 0; +} + +.foo-links li a span.ext-link { + display: inline-block; + position: relative; + left: 3px; + top: 1.5px; + transform: rotate(-60deg); +} + +.foo-links.ico-15 [class*="flaticon-"]:before, +.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.bg--black.footer .foo-links li p a { + color: #a0a7b1; +} + +.bg--black.footer .foo-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER SOCIAL +/*------------------------------------------*/ + +.footer-socials { + margin: 0; + display: inline-block; +} + +.footer-socials li { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.footer-socials a { + display: block; + margin-right: 15px; +} + +.footer-socials.ico-20 a, +.footer-socials.ico-25 a { + margin-right: 16px; +} + +.footer-socials.ico-25 [class*="flaticon-"]:before, +.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; } + +.bg--black.footer .footer-socials li a { + color: #a0a7b1; +} + +.bg--black.footer .footer-socials li a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER STORE BAGES +/*------------------------------------------*/ + +.footer .store { + float: none; + margin-right: 0; + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FOOTER NEWSLETTER FORM +/*------------------------------------------*/ + +.footer-form { + margin-bottom: 20px; +} + +#footer-7 .footer-form { + padding-left: 8%; +} + +.footer-form .newsletter-form .input-group { + background-color: #f4f4f4; + border: 1px solid transparent; + padding: 9px 2px; +} + +.footer-form .form-control { + height: 32px; + background-color: transparent; + border: none; + color: #666; + font-size: 1rem; + font-weight: 400; + padding: 0 10px; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.footer-form .form-control:focus { + border: none; + border-right: none; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Footer Form Placeholder +/*------------------------------------------*/ + +.footer-form .form-control::-moz-placeholder { color: #6c757d; } +.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } +.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.footer-form .btn { + height: 32px; + padding: 0 10px; +} + +.footer-form .ico-15 [class*="flaticon-"]:before, +.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; } + +/*------------------------------------------*/ +/* Footer Form Notification +/*------------------------------------------*/ + +.footer-form .form-notification { + color: #1680fb; + font-size: 0.85rem; + line-height: 1.25; + font-weight: 400; + margin-top: 12px; + margin-left: 5px; +} + +.footer-form .form-notification.valid, +.footer-form .form-notification.error { + color: #fc2f4b; +} + +.footer-form .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER +/*------------------------------------------*/ + +.footer hr { + margin-top: 30px; + margin-bottom: 50px; +} + +#footer-8 .bottom-footer, +#footer-9 .bottom-footer { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER COPYRIGHT +/*------------------------------------------*/ + +.footer-copyright p { + margin-bottom: 0; +} + +.bg--black.footer .footer-copyright p { + color: #a0a7b1; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER SECONDARY LINK +/*------------------------------------------*/ + +.bottom-secondary-link p { + margin-bottom: 0; +} + +.bottom-secondary-link p span { + position: relative; + top: 1px; + padding: 0 2px; +} + +.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, +.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +/*------------------------------------------*/ +/* BOTTOM FOOTER LINKS +/*------------------------------------------*/ + +.bottom-footer-list li, +.bottom-footer-socials li, +.bottom-footer-payment li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.bottom-footer-socials li { + padding-left: 14px; +} + +#footer-4 .bottom-footer-list li, +#footer-9 .bottom-footer-list li { + padding-left: 15px; +} + +#footer-4 .bottom-footer-list li.first-li, +#footer-9 .bottom-footer-list li.first-li { + padding-left: 0; +} + +#footer-10 .bottom-footer-socials li { + padding: 0 15px; +} + +.footer-list-divider { + position: relative; + top: -0.5px; + transform: rotate(-90deg); + margin-left: 4px; +} + +.bottom-footer-list.ico-15 [class*="flaticon-"]:before, +.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; } + +.bottom-footer-list li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.bottom-footer-socials li span { + position: relative; + top: 4px; + opacity: .8; +} + +.bottom-footer-payment li span { + line-height: 1!important; + position: relative; + top: 4px; + opacity: .8; +} + +#footer-4 .bottom-footer-list li span, +#footer-9 .bottom-footer-list li span { + margin-top: 1px; + margin-right: 2px; +} + +.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; } + +.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } + +.bg--black.footer .bottom-footer-list li p a { + color: #a0a7b1; +} + +.bg--black.footer .bottom-footer-list li p a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 30. INNER PAGE WRAPPER + =========================================================================== */ + +.inner-page-hero { + padding-top: 180px; +} + +.page-hero-section-overlay { + position: relative; + width: 100%; + padding-top: 150px; +} + +.page-hero-section-overlay .txt-block { + margin-top: -40px; +} + +.page-hero-section .wave-shape-bottom path { + fill: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE TITLE +/*------------------------------------------*/ + +.inner-page-title { + text-align: center; + margin-bottom: 80px; +} + +.inner-page-title h2 { + margin-bottom: 0; +} + +.inner-page-title p { + font-size: 1.1875rem; + line-height: 1; + margin-top: 20px; + margin-bottom: 0; +} + +.page-hero-section h2 { + line-height: 1.15; + margin-bottom: 30px; +} + + + + +/* ========================================================================== + 31. PAGE PAGINATION + =========================================================================== */ + +.page-link { + color: #6c757d; + font-size: 1.1rem; + font-weight: 500; + padding: 2px 14px; + margin: 0 8px; + background-color: transparent; + border: 2px solid transparent; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.pagination.ico-20 [class*="flaticon-"]:before, +.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } + +.page-item:first-child .page-link { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.page-item:last-child .page-link { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.blue-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #1680fb; + border: 2px solid #1680fb; +} + +.green-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #0fbc49; + border: 2px solid #0fbc49; +} + +.pink-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #f74780; + border: 2px solid #f74780; +} + +.purple-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #7b5dd6; + border: 2px solid #7b5dd6; +} + +.red-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #ff1e1a; + border: 2px solid #ff1e1a; +} + +.violet-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #be6cbe; + border: 2px solid #be6cbe; +} + +.yellow-pagination .page-item.active .page-link { + color: #353f4f!important; + background-color: #ffba01; + border: 2px solid #ffba01; +} + +.page-item.disabled .page-link { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; +} + +.page-link:hover { + color: #6c757d; + background-color: transparent; + border: 2px solid #ccc; +} + +.page-link:focus { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; + box-shadow: 0 0; +} + + + + +/* ========================================================================== + 32. TERMS, PRIVACY, COOKIES PAGES + =========================================================================== */ + +/*------------------------------------------*/ +/* TERMS PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.txt-block.legal-info h5 { + margin-top: 30px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 { + margin-top: 80px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 span, +.txt-block.legal-info h5 span { + margin-right: 4px; +} + +.legal-info p span { + color: #353f4f; + font-weight: 500; +} + +.legal-info a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 33. SIGN-IN / SIGN-UP PAGE + =========================================================================== */ + +#login, +#signup { + background: url(../images/login.jpg); + background-position: bottom left; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 80px; +} + +#reset-password { + background: url(../images/reset-password.jpg); + background-position: center center; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 100px; +} + +.register-page-wrapper { + overflow: hidden; + position: relative; + z-index: 1; + -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); +} + +#login .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: left top; +} + +#signup .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: right center; +} + +#login .register-page-wrapper:after, +#signup .register-page-wrapper:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + background-color: #fff; +} + +#login .register-page-wrapper:after { + left: 50%; +} + +#signup .register-page-wrapper:after { + left: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE LOGO +/*------------------------------------------*/ + +.register-page-txt img { + width: auto; + max-width: inherit; + max-height: 32px; + margin-bottom: 55px; +} + +.login-page-logo { + text-align: center; + margin-bottom: 45px; +} + +.login-page-logo img { + width: auto; + max-width: inherit; + max-height: 45px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TITLE +/*------------------------------------------*/ + +.register-form-title { + text-align: center; + margin-bottom: 40px; +} + +.register-form-title h3 { + line-height: 1; + margin-bottom: 10px; +} + +.register-form-title p { + margin-bottom: 0; +} + +.register-form-title a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TEXT +/*------------------------------------------*/ + +#login .register-page-txt, +#signup .register-page-txt { + padding: 70px 60px; +} + +.register-page-txt h2 { + line-height: 1.15; + font-weight: 700; + margin-bottom: 6px; +} + +#login .register-page-copyright { + position: absolute; + left: 60px; + bottom: 45px; +} + +#signup .register-page-copyright { + position: absolute; + right: 60px; + bottom: 45px; +} + +.register-page-copyright p { + font-size: 0.85rem; + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title { + margin-bottom: 30px; +} + +.reset-form-title h5 { + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title p.p-sm { + font-size: 0.9rem; + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM +/*------------------------------------------*/ + +.register-page-form { + padding: 60px; +} + +.login-1 .register-page-form, +.signup-1 .register-page-form { + padding: 20px 30px; +} + +.reset-page-wrapper { + margin: 0 10px; +} + +.reset-page-wrapper form { + background: #fff; + border: 1px solid #fafafa; + padding: 50px 30px 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +/*------------------------------------------*/ +/* REGISTER PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.register-page-form p.input-header { + position: relative; + color: #353f4f; + font-size: 0.85rem; + line-height: 1; + font-weight: 500; + margin-bottom: 12px; + padding-left: 5px; +} + +.reset-password-link p { + position: relative; + font-size: 0.9rem; + line-height: 1; + margin-top: -8px; + margin-bottom: 10px; +} + +.form-data span { + display: block; + font-size: 0.85rem; + margin-bottom: 0; +} + +.form-data span a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +.register-page-form p.create-account { + font-size: 0.925rem; + line-height: 1; + margin-top: 30px; + margin-bottom: 0; +} + +.register-page-form p.create-account a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE SEPARATOR LINE +/*------------------------------------------*/ + +.separator-line { + display: flex; + width: 100%; + -webkit-box-pack: center; + justify-content: center; + -webkit-box-align: center; + align-items: center; + text-align: center; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.9rem; + font-weight: 500; + margin: 25px 0px 30px; +} + +.separator-line::before, +.separator-line::after { + content: ""; + border-top: 2px solid rgba(0, 0, 0, .1); + margin: 0 15px 0 0; + flex: 1 0 20px; +} + +.separator-line::after { + margin: 0 0 0 15px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM INPUT +/*------------------------------------------*/ + +.reset-page-wrapper .form-control, +.register-page-form .form-control { + height: 60px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #353f4f; + font-size: 0.95rem; + line-height: 1; + font-weight: 400; + margin-bottom: 25px; + padding: 5px 20px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.login-1 .form-control, +.signup-1 .form-control { + background-color: #fff; + border: 1px solid #ccc; +} + +.reset-page-wrapper .form-control { + text-align: center; +} + +.register-page-form .form-control::-moz-placeholder { color: #999; } +.register-page-form .form-control:-ms-input-placeholder { color: #999; } +.register-page-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* REGISTER PAGE FORM FOCUS +/*------------------------------------------*/ + +.reset-page-wrapper .form-control:focus, +.register-page-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM BUTTON +/*------------------------------------------*/ + +#signup .register-page-form .btn.submit, +#login .register-page-form .btn.submit { + width: 100%; + height: 60px; + margin-top: 20px; +} + +.reset-page-wrapper .btn.submit { + width: 100%; + margin-bottom: 20px; +} + +.register-page-form .btn-google { + width: 100%; + color: #333; + font-size: 0.95rem; + background-color: #fff; + border: 1px solid #ccc; +} + +.btn-google img { + position: relative; + width: 22px; + height: 22px; + top: -2px; + right: 5px; +} + +.register-page-form .btn-google:hover { + border: 1px solid #333; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM MESSAGE +/*------------------------------------------*/ + +.reset-form-msg { + text-align: center; + width: 100%!important; + display: block; +} + +.reset-password-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.reset-password-form .error { + position: relative; + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + top: -10px; + margin-bottom: 12px; + padding-left: 10px; +} + +/*------------------------------------------*/ +/* FORM HIDE PASSWORD +/*------------------------------------------*/ + +.wrap-input { + position: relative; +} + +.btn-show-pass { + color: #999999; + align-items: center; + position: absolute; + height: 100%; + top: 20px; + right: 20px; + cursor: pointer; + -webkit-transition: all 0.4s; + -o-transition: all 0.4s; + -moz-transition: all 0.4s; + transition: all 0.4s; +} + +.btn-show-pass.ico-20 [class^="flaticon-"]:before, +.btn-show-pass.ico-20 [class^="flaticon-"]:after { + font-size: 1.125rem; +} + +.btn-show-pass:hover { + color: #0195ff; +} + +.btn-show-pass.active { + color: #6a7dfe; +} + + + + +/* ========================================================================== + 34. PAGE 404 + =========================================================================== */ + +.page-404-txt { + padding-top: 180px; + padding-bottom: 100px; +} + +.page-404-txt h2 { + margin-bottom: 20px; +} + +.page-404-txt h6 { + line-height: 1.6; + font-weight: 400; + padding: 0 5%; + margin-bottom: 30px; +} + +.page-404-img { + padding: 0 5%; + margin-bottom: 60px; +} + + + + +/* ========================================================================== + 35. MODAL + ========================================================================== */ + +.modal-body { + padding: 0!important; +} + +#modal-1 .modal-dialog { + max-width: 700px; +} + +#modal-2 .modal-dialog { + width: 440px; +} + +#modal-3 .modal-dialog.modal-xl { + width: 750px; +} + +#modal-2.modal .modal-content, +#modal-3.modal .modal-content { + overflow: hidden; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; +} + +#modal-3.modal .bg-img { + background: url(../images/modal-request.jpg); + background-position: left center; +} + +#modal-2 .modal-body-content { + padding: 35px 40px 15px; +} + +#modal-3 .modal-body-content { + padding: 60px 35px 50px; +} + +/*------------------------------------------*/ +/* MODAL WINDOW CLOSE BUTTON +/*------------------------------------------*/ + +.modal .btn-close { + position: absolute; + z-index: 1; + right: 15px!important; + top: 15px!important; + height: 1.5rem; + width: 1.5rem; + background: rgba(255, 255, 255, 1)!important; + border-radius: 50%; + padding: 0; + opacity: .9; + z-index: 9999; +} + +#modal-3.modal .btn-close { + background: rgba(14, 14, 14, .3)!important; +} + +.btn-close span { + position: relative; + line-height: 24px!important; + top: -2px; +} + +.modal .btn-close.ico-10 [class^="flaticon-"]:before, +.modal .btn-close.ico-10 [class^="flaticon-"]:after { + font-size: 0.6rem; +} + +button.btn-close:focus { + outline: none!important; + text-decoration: none!important; +} + +/*------------------------------------------*/ +/* MODAL WINDOW NEWSLETTER FORM +/*------------------------------------------*/ + +.modal-body .newsletter-form { + margin-top: 25px; +} + +.modal .newsletter-form .form-control { + text-align: center; + height: 56px; + background-color: #f5f6f8; + border: 1px solid transparent; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin: 0 0 15px 0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Form Input Focus +/*------------------------------------------*/ + +.modal .newsletter-form .form-control:focus { + outline: 0; + box-shadow: none; + border-color: #1e90ff; +} + +.modal .newsletter-form.purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Form Input Placeholder +/*------------------------------------------*/ + +.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } +.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } +.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Form Button +/*------------------------------------------*/ + +.modal .input-group-btn { + display: block; + width: 100%!important; +} + +.modal .newsletter-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Form Notification +/*------------------------------------------*/ + +.modal .form-notification { + text-align: center; + color: #1680fb; + font-size: 0.85rem; + font-weight: 400; + line-height: 1; + margin-top: 12px; +} + +.modal .form-notification.valid, +.modal .form-notification.error { + color: #fc2f4b; +} + +.modal .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* MODAL WINDOW REQUEST FORM +/*------------------------------------------*/ + +#modal-3 .request-form { + margin: 0; +} + +#modal-3 .request-form .col-md-12 { + padding: 0; +} + +#modal-3 .request-form-title p { + margin-top: 18px; + margin-bottom: 25px; +} + +#modal-3 .request-form .form-control { + text-align: left; + margin: 0 0 25px 0; +} + +#modal-3 .request-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +#modal-3 .request-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +#modal-3 .request-form .loading { + color: #1680fb; + font-size: 1.0625rem; + line-height: 1; + font-weight: 400; +} + +#modal-3 .request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 36. DARK MODE + ========================================================================== */ + +body.theme--dark, +.theme--dark .bg--white-100 { + background-color: #232734!important; +} + +body.theme--dark { + color: #b1b7cd; +} + +.theme--dark .block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +.theme--dark .block-border { + border: 1px solid #e7e7e7; +} + +.theme--dark .block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; } +.theme--dark .top-border { border-top: 1px solid #1d212c; } +.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; } + +.theme--dark .bg--white-300, +.theme--dark .bg--white-400, +.theme--dark .bg--purple-100, +.theme--dark .shape--purple-100:after, +.theme--dark .shape--white-500:after, +.theme--dark .shape--white-400:after, +.theme--dark .shape--white-300:after, +.theme--dark .shape--white-200:after { + background-color: #1d212c; +} + +.theme--dark .bg--02, +.theme--dark .bg--04, +.theme--dark .gr--smoke, +.theme--dark .gr--ghost, +.theme--dark .shape--whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%); +} + +.theme--dark .gr--whitesmoke, +.theme--dark .shape--gr-whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%); +} +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +.theme--dark hr.divider, +.theme--dark .footer hr { + background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); +} + +.theme--dark hr.divider.divider-light { + background-color: #fff; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%); + opacity: 1; +} + +/*------------------------------------------*/ +/* TYPOGRAPHY +/*------------------------------------------*/ + +.theme--dark h1, +.theme--dark h2, +.theme--dark h3, +.theme--dark h4, +.theme--dark h5, +.theme--dark h6 { + color: #fff; +} + +.theme--dark a { color: #b1b7cd; } +.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; } + +/*------------------------------------------*/ +/* BUTTONS +/*------------------------------------------*/ + +.theme--dark .btn--tra-black, +.theme--dark .hover--tra-black:hover { + color: #b1b7cd!important; + background-color:transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .navbar-dark .hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark .white-scroll .hover--tra-black:hover { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +.theme--dark .navbar-dark .scroll .hover--tra-black:hover { + color: #fff!important; + background-color:transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--white, +.theme--dark .hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-white, +.theme--dark .hover--tra-white:hover { + color: #f1f1f1!important; + background-color: transparent!important; + border-color: #f1f1f1!important; +} + +.theme--dark .white-scroll .scroll .hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-grey, +.theme--dark .hover--tra-grey:hover, +.theme--dark .white-scroll .scroll .hover--tra-grey:hover, +.theme--dark .black-scroll .scroll .hover--tra-grey:hover { + color: #b1b7cd!important; + background-color: transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .btn--blue-500, +.theme--dark .hover--blue-500:hover, +.theme--dark .white-scroll .scroll .hover--blue-500:hover, +.theme--dark .black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.theme--dark .btn--blue-400, +.theme--dark .hover--blue-400:hover, +.theme--dark .white-scroll .scroll .hover--blue-400:hover, +.theme--dark .black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.theme--dark .btn--blue-300, +.theme--dark .hover--blue-300:hover, +.theme--dark .white-scroll .scroll .hover--blue-300:hover, +.theme--dark .black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.theme--dark .btn--pink-500, +.theme--dark .hover--pink-500:hover, +.theme--dark .white-scroll .scroll .hover--pink-500:hover, +.theme--dark .black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.theme--dark .btn--pink-400, +.theme--dark .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.theme--dark .btn--pink-300, +.theme--dark .hover--pink-300:hover, +.theme--dark .white-scroll .scroll .hover--pink-300:hover, +.theme--dark .black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.theme--dark .btn--purple-500, +.theme--dark .hover--purple-500:hover, +.theme--dark .white-scroll .scroll .hover--purple-500:hover, +.theme--dark .black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.theme--dark .btn--purple-400, +.theme--dark .hover--purple-400:hover, +.theme--dark .white-scroll .scroll .hover--purple-400:hover, +.theme--dark .black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.theme--dark .btn--purple-300, +.theme--dark .hover--purple-300:hover, +.theme--dark .white-scroll .scroll .hover--purple-300:hover, +.theme--dark .black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.theme--dark .btn--violet-500, +.theme--dark .hover--violet-500:hover, +.theme--dark .white-scroll .scroll .hover--violet-500:hover, +.theme--dark .black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.theme--dark .btn--violet-400, +.theme--dark .hover--violet-400:hover, +.theme--dark .white-scroll .scroll .hover--violet-400:hover, +.theme--dark .black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.theme--dark .btn--violet-300, +.theme--dark .hover--violet-300:hover, +.theme--dark .white-scroll .scroll .hover--violet-300:hover, +.theme--dark .black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.theme--dark .section-id { + color: #eee; +} + +.theme--dark .color--black, +.theme--dark .color--black h2, +.theme--dark .color--black h3, +.theme--dark .color--black h4, +.theme--dark .color--black h5, +.theme--dark .color--black h6, +.theme--dark .color--black p, +.theme--dark .color--black a, +.theme--dark .color--black li, +.theme--dark .color--black i, +.theme--dark .color--black span, +.theme--dar .color--white .color--black { color: #fff; } + +.theme--dark .color--grey, +.theme--dark .color--grey h2, +.theme--dark .color--grey h3, +.theme--dark .color--grey h4, +.theme--dark .color--grey h5, +.theme--dark .color--grey h6, +.theme--dark .color--grey p, +.theme--dark .color--grey a, +.theme--dark .color--grey li, +.theme--dark .color--grey i, +.theme--dark .color--grey span, +.theme--dark .color--white .color--grey { color: #b1b7cd; } + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.theme--dark .dark-menu .wsmainfull, +.theme--dark .white-menu .wsmainfull { + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a { + color: #fff; +} + +.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover, +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover { + color: #eee!important; +} + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before, +.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before { + background-color: #2c3142; + border-left: solid 1px #2c3142; + border-top: solid 1px #2c3142; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; + background-color: transparent!important; +} + +.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NAVBAR SCROLL +/*------------------------------------------*/ + +.theme--dark .tra-menu .wsmainfull.scroll, +.theme--dark .white-menu .wsmainfull.scroll, +.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll { + background-color: #1d222f!important; + padding: 0; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #b1b7cd; +} + +.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #fff!important; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(0, 0, 0, .12)!important; +} + +.theme--dark .navbar-light .scroll .btn.btn--tra-white { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* Logo Image +/*------------------------------------------*/ + +.theme--dark .navbar-light .scroll .logo-black, +.theme--dark .navbar-dark.light-hero-header .logo-black, +.theme--dark .navbar-dark.inner-page-header .logo-black { + display: none; +} + +.theme--dark .navbar-light .scroll .logo-white, +.theme--dark .navbar-dark.light-hero-header .logo-white, +.theme--dark .navbar-dark.inner-page-header .logo-white { + display: block; +} + +.theme--dark .navbar-dark .scroll .logo-black { + display: none; +} + +.theme--dark .navbar-dark .scroll .logo-white { + display: block; +} + +/*------------------------------------------*/ +/* HERO SECTION +/*------------------------------------------*/ + +.theme--dark .hero-section .color--black, +.theme--dark .hero-section .color--black h2, +.theme--dark .hero-section .color--black h3, +.theme--dark .hero-section .color--black h4, +.theme--dark .hero-section .color--black h5, +.theme--dark .hero-section .color--black h6, +.theme--dark .hero-section .color--black p, +.theme--dark .hero-section .color--black a, +.theme--dark .hero-section .color--black li, +.theme--dark .hero-section .color--black i, +.theme--dark .hero-section .color--black span, +.theme--dark .hero-section .color--white .color--black { color: #353f4f; } + +.theme--dark .hero-section p { color: #6c757d; } +.theme--dark .hero-section .color--white p { color: #fff; } +.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; } +.theme--dark .hero-section .section-id.color--grey { color: #6c757d; } + +.theme--dark .hero-5-txt p, +.theme--dark .hero-6-txt p, +.theme--dark .hero-10-txt p, +.theme--dark .hero-15-txt p, +.theme--dark .hero-16-txt p, +.theme--dark .hero-17-txt p, +.theme--dark .hero-18-txt p, +.theme--dark .hero-19-txt p, +.theme--dark .hero-20-txt p, +.theme--dark .hero-21-txt p, +.theme--dark .hero-23-txt p, +.theme--dark .hero-25-txt p { color: #b1b7cd; } + +.theme--dark .hero-section .quick-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control, +.theme--dark #hero-24.hero-section .quick-form .form-control, +.theme--dark #hero-26.hero-section .quick-form .form-control { + color: #666; + background-color: #fff; +} + +.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark .hero-section .quick-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control:focus, +.theme--dark #hero-24.hero-section .quick-form .form-control:focus, +.theme--dark #hero-26.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: transparent; +} + +.theme--dark .hero-section .request-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .hero-section .request-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-3:after, +.theme--dark #hero-4:after { + background-color: #232734; +} + +.theme--dark .hero-4-txt h2 { + color: #353f4f; +} + +.theme--dark .hero-4-txt .btn.btn--tra-black { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark #hero-5 { + background-image: url(../images/hero-5-dark.jpg); +} + +.theme--dark .hero-6-wrapper { + background-image: linear-gradient(90deg, #1d212c, #1d212c); +} + +.theme--dark #hero-8-form { + background-color: #1d222f; + border: 1px solid #1d222f; +} + +.theme--dark #hero-8-form p { + color: #b1b7cd; +} + +.theme--dark #hero-5 .wave-shape-bottom svg path, +.theme--dark #hero-8 .wave-shape-bottom svg path, +.theme--dark #hero-14 .wave-shape-bottom svg path, +.theme--dark #hero-16 .wave-shape-bottom svg path, +.theme--dark #hero-22 .wave-shape-bottom svg path, +.theme--dark #hero-23 .wave-shape-bottom svg path, +.theme--dark #hero-26 .wave-shape-bottom svg path { + fill: #232734; +} + +.theme--dark #hero-10 { + background-image: url(../images/hero-10-dark.jpg); +} + +.theme--dark #hero-15 { + background-image: url(../images/hero-15-dark.jpg); +} + +.theme--dark #hero-16 { + background-image: url(../images/hero-16-dark.jpg); +} + +.theme--dark #hero-17 { + background-image: url(../images/hero-17-dark.jpg); +} + +.theme--dark #hero-18:after { + background-image: url(../images/hero-18-dark.jpg); +} + +.theme--dark #hero-20:after { + background-image: linear-gradient(180deg, #1d212c, #232734); +} + +.theme--dark #hero-21 .hero-overlay { + background-image: url(../images/hero-21-dark.jpg); +} + +.theme--dark #hero-23 { + background-image: url(../images/hero-23-dark.jpg); +} + +.theme--dark .hero-23-txt p span.color--black { color: #fff; } + +.theme--dark #hero-25 { + background-image: url(../images/hero-25-dark.jpg); +} + +.theme--dark #hero-27 .hero-overlay { + background-image: url(../images/hero-27-dark.png); +} + +/*------------------------------------------*/ +/* FEATURES +/*------------------------------------------*/ + +.theme--dark .features-section path { + opacity: .05; +} + +.theme--dark .fbox-7 { + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* CONTENT +/*------------------------------------------*/ + +.theme--dark .cbox-2-line { + background-color: #363f54; +} + +/*------------------------------------------*/ +/* STATISTIC +/*------------------------------------------*/ + +.theme--dark #statistic-5 .statistic-digit { + border-bottom: 1px solid #505c77; +} + +/*------------------------------------------*/ +/* REVIEWS +/*------------------------------------------*/ + +.theme--dark #reviews-2 .review-2.bg--white-100 { + background-color: #1d212c!important; +} + +.theme--dark .owl-theme .owl-dots .owl-dot span { + background: #1d212c; +} + +.theme--dark .owl-theme .owl-dots .owl-dot.active span { + background: #b1b7cd; +} + +.theme--dark .review-3.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +.theme--dark .project-title h2 { + border-bottom: 1px solid #363f54; +} + +.theme--dark .project-data p span { color: #fff; } + +.theme--dark .project-description .more-projects span { + color: #fff; +} + +/*------------------------------------------*/ +/* RATING +/*------------------------------------------*/ + +.theme--dark .rbox-1 .star-rating { + background-color: #1d212c!important; + border: 1px solid #1d212c; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .pricing-discount h6 { + color: #353f4f; +} + +.theme--dark .table>:not(caption)>*>* { + color: #b1b7cd; + background-color: #232734; +} + +.theme--dark .comp-table .table thead th { + color: #fff; + border-color: #363f54; +} + +.theme--dark .comp-table tbody th { + border-bottom: 1px solid #363f54!important; +} + +.theme--dark .comp-table .table tr td { + border-bottom: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* INTEGRATIONS +/*------------------------------------------*/ + +.theme--dark .integrations-1-wrapper .in_tool { + background-color: #1d212c; + border: 1px solid #1d212c; +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .switcher.bg--grey { + background-color: #363f54; + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* BANNER +/*------------------------------------------*/ + +.theme--dark .banner-16-wrapper.bg--white-100.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* DOWNLOAD +/*------------------------------------------*/ + +.theme--dark .release-data { + border-bottom: 1px dashed #656565; +} + +.theme--dark span.version-data, +.theme--dark span.release-date span { + color: #f1f1f1; +} + +.theme--dark span.release-date { + color: #ccc; +} + +/*------------------------------------------*/ +/* FAQs +/*------------------------------------------*/ + +.theme--dark .faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li { + border: 2px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li span, +.theme--dark .faqs-section .tabs-1 li { + color: #b1b7cd; +} + +.theme--dark .faqs-section .accordion-item .accordion-thumb:after, +.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NEWSLETTER +/*------------------------------------------*/ + +.theme--dark .newsletter-section .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .newsletter-section .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* BLOG +/*------------------------------------------*/ + +.theme--dark .post-meta-list p, +.theme--dark .blog-post-txt a { + color: #fff; +} + +.theme--dark .blog-post-txt a:hover { + color: #ddd!important; +} + +/*------------------------------------------*/ +/* SINGLE POST +/*------------------------------------------*/ + +.theme--dark .txt-code { + background-color: #1d212c; +} + +.theme--dark .txt-code kbd { + background-color: #363f54; +} + +.theme--dark .txt-code p { + color: #b1b7cd; +} + +.theme--dark .comment-form p, +.theme--dark .blockquote-footer, +.theme--dark .txt-code span.code-property, +.theme--dark .txt-code p code.code-language-js { + color: #fff; +} + +.theme--dark .comment-form .form-control { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .comment-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* CONTACTS +/*------------------------------------------*/ + +.theme--dark .contact-form-notice p a, +.theme--dark #contacts-1 .contact-form p { + color: #fff; +} + +.theme--dark .contact-form .form-control, +.theme--dark .contact-form .form-select { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .contact-form .form-control:focus, +.theme--dark .contact-form .form-select:focus { + background-color: #505c77; + border-color: transparent; +} + +/*------------------------------------------*/ +/* FOOTER +/*------------------------------------------*/ + +.theme--dark #footer-10 .footer-info { + border-bottom: 1px solid #363f54; +} + +.theme--dark .footer-form .newsletter-form .btn.dark-color span { + color: #2f353e!important; +} + +.theme--dark .footer-form .newsletter-form .input-group { + background-color: #282d3c; + border: 1px solid #505c77; +} + +.theme--dark .footer-form .form-control { + color: #fff; +} + +.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .legal-info p span { + color: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE +/*------------------------------------------*/ + +.theme--dark .page-hero-section .wave-shape-bottom path { + fill: #232734; +} + +/*------------------------------------------*/ +/* MODAL +/*------------------------------------------*/ + +.theme--dark #modal-2 .modal-body-content h5, +.theme--dark #modal-3 .modal-body-content h3 { + color: #353f4f; +} + +/*------------------------------------------*/ +/* PAGE 404 +/*------------------------------------------*/ + +.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; } +.theme--dark #page-404 .color--dark { color: #353f4f; } + +.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300, +.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; } + +/*------------------------------------------*/ +/* LOGIN +/*------------------------------------------*/ + +.theme--dark #login, .theme--dark #signup { + background: url(../images/login_dark.jpg); +} + +.theme--dark #reset-password { + background: url(../images/reset-password-dark.jpg); +} + +.theme--dark #login .register-page-wrapper:after, +.theme--dark #signup .register-page-wrapper:after { + background-color: #1d212c; +} + +.theme--dark .form-data span a, +.theme--dark .register-page-form p.input-header { + color: #fff; +} + +.theme--dark .separator-line::before, +.theme--dark .separator-line::after { + border-top: 2px solid rgba(255, 255, 255, .15); +} + +.theme--dark .reset-page-wrapper .form-control, +.theme--dark .register-page-form .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .reset-page-wrapper form { + background: #1d212c; + border: 1px solid #1d212c; +} + +.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .register-page-form .btn-google { + color: #b1b7cd; + background-color: #363f54; + border: 1px solid #363f54; +} + + + + +/* ========================================================================== + 37. COLOR SCHEME + ========================================================================== */ + +.bg--theme, +.shape--blue-400:after { + background-color: #c73e9b; +} + +.btn--theme { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.hover--theme:hover, +.white-scroll .scroll .hover--theme:hover, +.black-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #b3338a!important; + background-color: #b3338a!important; +} + +.theme--dark .white-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #b3338a!important; + background-color: #b3338a!important; +} + +.theme--dark .white-scroll .hover--theme:hover { + color: #fff!important; + border-color: #b3338a!important; + background-color: #b3338a!important; +} + +.color--theme, +.color--theme h1, +.color--theme h2, +.color--theme h3, +.color--theme h4, +.color--theme h5, +.color--theme h6, +.color--theme p, +.color--theme a, +.color--theme li, +.color--theme i, +.color--theme span, +.color--white .color--theme { color: #c73e9b!important; } + +.loading--theme .loader { + border-color: transparent #c73e9b; +} + +.loading--theme .loader::after { + border-color: transparent rgba(190, 108, 190, .15); +} + +.nav-theme .sm-info { + background-color: #c73e9b; +} + +.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #c73e9b!important; +} + +.hero-section .quick-form .form-control:focus { + border-color: #c73e9b; +} + +.cbox-2:hover .cbox-2-ico.bg--theme { + color: #c73e9b; + border-color: #c73e9b; +} + +.tabs-1.tabs--theme, +.tabs-1.tabs--theme li.current:hover { + color: #c73e9b; + border-color: #c73e9b; +} + +.faqs-section .tabs--theme .tabs-1 li.current, +.faqs-section .tabs--theme .tabs-1 li.current:hover { + background-color: #c73e9b; + border-color: #c73e9b!important; +} + +.switch-wrap input:checked + .switcher.switcher--theme { + background-color: #c73e9b; + border-color: #c73e9b; +} + +.shape-ico.color--theme path, +.shape-ico.color--theme path, +.shape-ico.color--theme path { + fill: #f7e4f1; +} + +.newsletter-section .form-control:focus { + background-color: #fff; + border-color: #353f4f; +} + +.theme-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #c73e9b; + border: 2px solid #c73e9b; +} + + + diff --git a/static/css/magnific-popup.css b/static/css/magnific-popup.css new file mode 100644 index 0000000..a486d10 --- /dev/null +++ b/static/css/magnific-popup.css @@ -0,0 +1,354 @@ +/* Magnific Popup CSS */ +.mfp-bg { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1042; + overflow: hidden; + position: fixed; + background: #0b0b0b; + opacity: 0.8; } + +.mfp-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1043; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; } + +.mfp-container { + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 8px; + box-sizing: border-box; } + +.mfp-container:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; } + +.mfp-align-top .mfp-container:before { + display: none; } + +.mfp-content { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: 1045; } + +.mfp-inline-holder .mfp-content, +.mfp-ajax-holder .mfp-content { + width: 100%; + cursor: auto; } + +.mfp-ajax-cur { + cursor: progress; } + +.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { + cursor: pointer; + /*cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out;*/ +} + +.mfp-zoom { + cursor: pointer; +/* cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; */ +} + +.mfp-auto-cursor .mfp-content { + cursor: auto; } + +.mfp-close, +.mfp-arrow, +.mfp-preloader, +.mfp-counter { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } + +.mfp-loading.mfp-figure { + display: none; } + +.mfp-hide { + display: none !important; } + +.mfp-preloader { + color: #CCC; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: 1044; } + .mfp-preloader a { + color: #CCC; } + .mfp-preloader a:hover { + color: #FFF; } + +.mfp-s-ready .mfp-preloader { + display: none; } + +.mfp-s-error .mfp-content { + display: none; } + +button.mfp-close, +button.mfp-arrow { + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + outline: none; + padding: 0; + z-index: 1046; + box-shadow: none; + touch-action: manipulation; } + +button::-moz-focus-inner { + padding: 0; + border: 0; } + +.mfp-close { + width: 44px; + height: 44px; + line-height: 44px; + position: absolute; + right: 0; + top: 0; + text-decoration: none; + text-align: center; + opacity: 0.65; + padding: 0 0 18px 10px; + color: #FFF; + font-style: normal; + font-size: 28px; + font-family: Arial, Baskerville, monospace; } + .mfp-close:hover, + .mfp-close:focus { + opacity: 1; } + .mfp-close:active { + top: 1px; } + +.mfp-close-btn-in .mfp-close { + color: #333; } + +.mfp-image-holder .mfp-close, +.mfp-iframe-holder .mfp-close { + color: #FFF; + right: -6px; + text-align: right; + padding-right: 6px; + width: 100%; } + +.mfp-counter { + position: absolute; + top: 0; + right: 0; + color: #CCC; + font-size: 12px; + line-height: 18px; + white-space: nowrap; } + +.mfp-arrow { + position: absolute; + opacity: 0.65; + margin: 0; + top: 50%; + margin-top: -55px; + padding: 0; + width: 90px; + height: 110px; + -webkit-tap-highlight-color: transparent; } + .mfp-arrow:active { + margin-top: -54px; } + .mfp-arrow:hover, + .mfp-arrow:focus { + opacity: 1; } + .mfp-arrow:before, + .mfp-arrow:after { + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; } + .mfp-arrow:after { + border-top-width: 13px; + border-bottom-width: 13px; + top: 8px; } + .mfp-arrow:before { + border-top-width: 21px; + border-bottom-width: 21px; + opacity: 0.7; } + +.mfp-arrow-left { + left: 0; } + .mfp-arrow-left:after { + border-right: 17px solid #FFF; + margin-left: 31px; } + .mfp-arrow-left:before { + margin-left: 25px; + border-right: 27px solid #3F3F3F; } + +.mfp-arrow-right { + right: 0; } + .mfp-arrow-right:after { + border-left: 17px solid #FFF; + margin-left: 39px; } + .mfp-arrow-right:before { + border-left: 27px solid #3F3F3F; } + +.mfp-iframe-holder { + padding-top: 40px; + padding-bottom: 40px; } + .mfp-iframe-holder .mfp-content { + line-height: 0; + width: 100%; + max-width: 900px; } + .mfp-iframe-holder .mfp-close { + top: -40px; } + +.mfp-iframe-scaler { + width: 100%; + height: 0; + overflow: hidden; + padding-top: 56.25%; } + .mfp-iframe-scaler iframe { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #000; } + +/* Main image in popup */ +img.mfp-img { + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + box-sizing: border-box; + padding: 40px 0 40px; + margin: 0 auto; } + +/* The shadow behind the image */ +.mfp-figure { + line-height: 0; } + .mfp-figure:after { + content: ''; + position: absolute; + left: 0; + top: 40px; + bottom: 40px; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #444; } + .mfp-figure small { + color: #BDBDBD; + display: block; + font-size: 12px; + line-height: 14px; } + .mfp-figure figure { + margin: 0; } + +.mfp-bottom-bar { + margin-top: -36px; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; } + +.mfp-title { + text-align: left; + line-height: 18px; + color: #F3F3F3; + word-wrap: break-word; + padding-right: 36px; } + +.mfp-image-holder .mfp-content { + max-width: 100%; } + +.mfp-gallery .mfp-image-holder .mfp-figure { + cursor: pointer; } + +@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile .mfp-image-holder { + padding-left: 0; + padding-right: 0; } + .mfp-img-mobile img.mfp-img { + padding: 0; } + .mfp-img-mobile .mfp-figure:after { + top: 0; + bottom: 0; } + .mfp-img-mobile .mfp-figure small { + display: inline; + margin-left: 5px; } + .mfp-img-mobile .mfp-bottom-bar { + background: rgba(0, 0, 0, 0.6); + bottom: 0; + margin: 0; + top: auto; + padding: 3px 5px; + position: fixed; + box-sizing: border-box; } + .mfp-img-mobile .mfp-bottom-bar:empty { + padding: 0; } + .mfp-img-mobile .mfp-counter { + right: 5px; + top: 3px; } + .mfp-img-mobile .mfp-close { + top: 0; + right: 0; + width: 35px; + height: 35px; + line-height: 35px; + background: rgba(0, 0, 0, 0.6); + position: fixed; + text-align: center; + padding: 0; } } + +@media all and (max-width: 900px) { + .mfp-arrow { + -webkit-transform: scale(0.75); + transform: scale(0.75); } + .mfp-arrow-left { + -webkit-transform-origin: 0; + transform-origin: 0; } + .mfp-arrow-right { + -webkit-transform-origin: 100%; + transform-origin: 100%; } + .mfp-container { + padding-left: 6px; + padding-right: 6px; } } diff --git a/static/css/menu.css b/static/css/menu.css new file mode 100644 index 0000000..8bb82b1 --- /dev/null +++ b/static/css/menu.css @@ -0,0 +1,1408 @@ + + +/* + * Plugin: Web Slide Navigation System + * Demo Link: https://uxwing.com/webslide/ + * Author: UXWing + * License: http://codecanyon.net/licenses/standard +*/ + + +/*------------------------------------------*/ +/* Desktop Base CSS +--------------------------------------------*/ + +.wsmenu html, +.wsmenu body, +.wsmenu iframe, +.wsmenu h1, +.wsmenu h2, +.wsmenu h3, +.wsmenu h4, +.wsmenu h5, +.wsmenu h6 { + -webkit-font-smoothing: subpixel-antialiased; + font-smoothing: antialiased; + font-smooth: antialiased; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -webkit-font-smoothing: subpixel-antialiased; + font-smoothing: subpixel-antialiased; + font-smooth: subpixel-antialiased; +} + +.wsmenu .cl { + clear: both; +} + +.wsmenu img { + border: 0 none; + max-width: 100%; +} + +.wsmenu a:focus { + outline: none; +} + +.wsmenu:before, +.wsmenu:after { + content: ""; + display: table; +} + +.wsmenu:after { + clear: both; +} + +/*------------------------------------------*/ +/* Desktop Main Menu CSS +--------------------------------------------*/ + +.wsmenucontainer { + background-size: cover; + overflow: hidden; + background-attachment: fixed; + background-position: 50% 0; + background-repeat: no-repeat; +} + +.wsmainfull { + width: 100%; + height: auto; + background-color: #fff!important; + z-index: 999; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.wsmainwp { + margin: 0 auto; + max-width: 1140px; + padding: 0 15px; + position: relative; +} + +/* Header Logo */ +.desktoplogo { + padding: 0; + margin: 0; + float: left; + line-height: 70px; +} + +.desktoplogo img { + vertical-align: middle; +} + +/* Navigation Menu */ +.wsmenu { + padding: 0; + float: right; + display: block; +} + +.wsmenu > .wsmenu-list { + text-align: left; + margin: 0 auto 0 auto; + width: 100%; + display: block; + padding: 0; +} + +.wsmenu > .wsmenu-list > li { + text-align: center; + display: block; + padding: 0; + margin: 0; + float: left; +} + +.wsmenu > .wsmenu-list > li > a { + display: block; + color: #666; + font-size: 15px; + font-weight: 700; + letter-spacing: 0.5px; + padding: 10px 32px 10px 18px; + line-height: 50px; + text-decoration: none; + position: relative; +} + +.wsmenu > .wsmenu-list > li > a.last-link { + padding: 10px 0px 10px 0; +} + +.wsmenu > .wsmenu-list > li > a.callusbtn { + font-size: 15px; +} + +.wsmenu > .wsmenu-list > li > a.callusbtn i { + font-size: 13px; + margin-top: 1px; + margin-right: 1px; +} + +.tra-menu .wsmenu > .wsmenu-list > li > a, +.aqua-menu .wsmenu > .wsmenu-list > li > a, +.blue-menu .wsmenu > .wsmenu-list > li > a { + color: #fff; +} + +.white-menu .wsmenu > .wsmenu-list > li > a { + color: #444; +} + +.tra-menu .wsmenu.dark-txt > .wsmenu-list > li > a { + color: #333; +} + +.wsmenu > .wsmenu-list > li:hover > a { + color: #f0f0f0; +} + +.white-menu .wsmenu > .wsmenu-list > li:hover > a { + color: #171819; +} + +.wsmenu > .wsmenu-list > li a.menuhomeicon { + padding-left: 29px; + padding-right: 29px; +} + +.wsmenu > .wsmenu-list > li > a i { + display: inline-block; + font-size: 16px; + line-height: inherit; + margin-right: 12px; + vertical-align: top; +} + +.wsmenu > .wsmenu-list > li > a.menuhomeicon i { + margin-right: 0px; + font-size: 15px; +} + +.wsmenu > .wsmenu-list > li > a .wsarrow:after { + border-left: 4px solid rgba(0, 0, 0, 0); + border-right: 4px solid rgba(0, 0, 0, 0); + border-top: 4px solid; + content: ""; + float: right; + right: 15px; + height: 0; + margin: 0 0 0 14px; + position: absolute; + text-align: right; + top: 33px; + width: 0; +} + +/* Desktop Search Bar */ +.wsmenu > .wsmenu-list > li.rightmenu { + float: right; +} + +.wsmenu > .wsmenu-list > li.rightmenu a { + padding: 0px 30px 0px 20px; + border-right: none; +} + +.wsmenu > .wsmenu-list > li.rightmenu a i { + font-size: 15px; +} + +.wsmenu > .wsmenu-list > li.rightmenu { + float: right; +} + +.wsmenu > .wsmenu-list > li.rightmenu:before, +.wsmenu-list > li.rightmenu:after { + content: ""; + display: table; +} + +.wsmenu > .wsmenu-list > li.rightmenu:after { + clear: both; +} + +.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch { + float: right; + width: 210px; + height: 39px; + position: relative; + margin: 16px 0px 0px 0px; +} + +.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch .searchicon { + -webkit-transition: all 0.7s ease 0s; + -moz-transition: all 0.7s ease 0s; + -o-transition: all 0.7s ease 0s; + transition: all 0.7s ease 0s; +} + +.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input { + width: 100%; + position: relative; + float: right; + top: 0; + right: 0; + bottom: 0; + width: 100%; + border: 0; + padding: 0; + margin: 0; + text-indent: 15px; + height: 39px; + z-index: 2; + outline: none; + color: #333; + background-color: #efefef; + -webkit-transition: all 0.7s ease 0s; + -moz-transition: all 0.7s ease 0s; + -o-transition: all 0.7s ease 0s; + transition: all 0.7s ease 0s; + font-size: 12px; +} + +.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input::placeholder { + color: #a9a9a9; +} + +.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input:focus { + color: #333; + width: 220px; +} + +.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input:focus~.btnstyle i { + color: #000; + opacity: 1; +} + +.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input:focus~.searchicon { + opacity: 1; + z-index: 3; + color: #FFFFFF; +} + +.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch .btnstyle { + top: 0px; + position: absolute; + right: 0; + bottom: 0; + width: 40px; + line-height: 30px; + z-index: 1; + cursor: pointer; + opacity: 0.3; + color: #333; + z-index: 1000; + background-color: transparent; + border: solid 0px; + -webkit-transition: all 0.7s ease 0s; + -moz-transition: all 0.7s ease 0s; + -o-transition: all 0.7s ease 0s; + transition: all 0.7s ease 0s; +} + +.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch .btnstyle i { + line-height: 37px; + margin: 0; + padding: 0; + text-align: center; +} + +.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch .btnstyle:hover i { + opacity: 1; +} + +.wsmenu > .wsmenu-list > li.rightmenu { + zoom: 1; +} + +/*------------------------------------------*/ +/* Desktop Drop Down Menu CSS +--------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu { + position: absolute; + top: 70px; + z-index: 1000; + margin: 0px; + padding: 12px; + min-width: 200px; + background-color: #fff; + border: solid 1px #eee; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu.last-sub-menu { + min-width: 160px; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li { + position: relative; + margin: 0px; + padding: 0px; + display: block; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a { + position: relative; + background-image: none; + border-right: 0 none; + text-align: left; + display: block; + padding: 9px; + text-transform: none; + color: #888; + font-size: 15px; + line-height: 22px; + font-weight: 400; + letter-spacing: 0; + border-right: 0px solid; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu.last-sub-menu > li > a { + padding: 11px 0; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover { + padding: 9px 9px 9px 10px; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu.last-sub-menu > li > a:hover { + padding: 11px 0 11px 8px; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a > i { + position: absolute; + top: 12px; + right: 0; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu { + min-width: 200px; + position: absolute; + left: 100%; + top: 0; + margin: 0; + padding: 0 15px; + list-style: none; + background-color: #fff; + border: solid 1px #eee; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li { + position: relative; + margin: 0px; + padding: 0px; + display: block; + border-bottom: 1px dashed #c0c0c0; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:last-child { + border-bottom: none; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a { + position: relative; + background-image: none; + border-right: 0 none; + text-align: left; + display: block; + padding: 9px; + text-transform: none; + color: #888; + font-size: 16px; + line-height: 22px; + font-weight: 400; + letter-spacing: normal; + border-right: 0px solid; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover { + padding: 8px 15px 8px 23px; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > i { + position: absolute; + top: 12px; + right: 12px; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu { + min-width: 200px; + position: absolute; + left: 100%; + top: 0; + margin: 0px; + list-style: none; + padding: 0px; + background-color: #fff; + border: solid 1px #eee; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li { + position: relative; + margin: 0px; + padding: 0px; + display: block; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a { + background-image: none; + border-right: 0 none; + text-align: left; + display: block; + padding: 9px; + text-transform: none; + color: #888; + font-size: 16px; + font-family: 'Roboto', sans-serif; + line-height: 22px; + font-weight: 400; + letter-spacing: normal; + border-right: 0px solid; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover { + padding: 9px 9px 9px 20px; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a > i { + margin-left: 9px; +} + +/*------------------------------------------*/ +/* Desktop Mega Menus CSS +--------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + width: 100%; + left: 0px; + position: absolute; + top: 70px; + color: #000; + z-index: 1000; + margin: 0px; + text-align: left; + padding: 20px 30px; + border: solid 1px #eee; + background-color: #fff; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + padding: 20px 20px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .carousel-control-next { + opacity: 0.8; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .carousel-control-prev { + opacity: 0.8; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .carousel-caption { + bottom: 0px; + background-color: rgba(0, 0, 0, 0.7); + font-size: 13px; + height: 31px; + left: 0; + padding: 7px 0; + right: 0; + width: 100%; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .wsmwnutxt { + width: 100%; + color: #888; + font-size: 16px; + font-weight: 400; + text-align: justify; + margin-top: 0; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li { + display: block; + text-align: center; + text-align: left; + border-bottom: 1px dashed #c0c0c0; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li.title, +.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li:last-child { + border-bottom: none; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a { + line-height: 22px; + border-right: none; + text-align: left; + padding: 13px 0px; + background: #fff; + background-image: none; + border-right: 0 none; + display: block; + background-color: #fff; + color: #888; + font-size: 16px; + font-weight: 400; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .mrgtop { + margin-top: 15px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .show-grid div { + padding-bottom: 10px; + padding-top: 10px; + background-color: #dbdbdb; + border: 1px solid #e7e7e7; + color: #6a6a6a; + margin: 2px 0px; + font-size: 13px; +} + +/*= Desktop Half Menu CSS =*/ +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + width: 40%; + right: auto; + left: auto; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.ext-halfmenu { + width: 50%; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfdiv { + width: 35%; + right: auto; + left: auto; +} + +/*= Desktop HTML Form Menu CSS =*/ +.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form { + width: 100%; + display: block; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="text"] { + width: 100%; + border: 1px solid #e2e2e2; + color: #000; + font-size: 13px; + padding: 8px 5px; + margin-bottom: 8px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form textarea { + width: 100%; + border: 1px solid #e2e2e2; + color: #000; + font-size: 13px; + padding: 8px 5px; + margin-bottom: 8px; + min-height: 122px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="submit"] { + width: 25%; + display: block; + height: 32px; + float: right; + border: none; + margin-right: 15px; + cursor: pointer; + background-color: #e1e1e1; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="button"] { + width: 25%; + display: block; + height: 32px; + float: right; + border: none; + cursor: pointer; + background-color: #e1e1e1; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .carousel-inner .item img { + width: 100%; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .carousel-caption { + bottom: 0px; + background-color: rgba(0, 0, 0, 0.7); + font-size: 13px; + height: 31px; + left: 0; + padding: 7px 0; + right: 0; + width: 100%; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .typography-text { + padding: 0px 0px; + font-size: 14px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .typography-text ul { + padding: 0px 0px; + margin: 0px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .typography-text p { + text-align: justify; + line-height: 24px; + color: #656565; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .typography-text ul li { + display: block; + padding: 2px 0px; + line-height: 22px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .typography-text ul li a { + color: #656565; +} + +/*------------------------------------------*/ +/* Desktop Extra CSS +--------------------------------------------*/ + +.wsmobileheader { + display: none; +} + +.overlapblackbg { + opacity: 0; + visibility: hidden; +} + +.wsmenu .wsmenu-click { + display: none; +} + +.wsmenu .wsmenu-click02 { + display: none; +} + +.hometext { + display: none; +} + +/*============================================================================== + Start Mobile CSS +===============================================================================*/ + +/* ================== Mobile Menu Change Brake Point ================== */ + +@media only screen and (max-width: 991px) { + +/* ================== Mobile Base CSS ================== */ + +html { + overflow: hidden; + height: 100%; + -webkit-overflow-scrolling: touch; +} + +body { + height: 100%; + overflow-y: auto; + overflow-x: hidden; +} + +body.wsactive { + overflow: hidden; +} + +/* ================== Mobile Main Menu CSS ================== */ + +.desktoplogo { + display: none; +} + +.wsmainfull { + height: 0; +} + +.wsmenu { + width: 100%; + background: rgba(0, 0, 0, 0) none repeat scroll 0 0; + right: 0; + overflow-y: hidden; + padding: 0; + top: 0; + visibility: hidden; + position: fixed; + margin: 0px; +} + +.wsmenu > .wsmenu-list { + height: auto; + min-height: 100%; + width: 350px; + background: #fff; + padding-bottom: 0; + margin-right: -350px; + display: block; + text-align: center; + -webkit-transition: all 0.25s ease-in-out; + -moz-transition: all 0.25s ease-in-out; + -o-transition: all 0.25s ease-in-out; + -ms-transition: all 0.25s ease-in-out; + transition: all 0.25s ease-in-out; +} + +.wsmenu > .wsmenu-list > li { + width: 100%; + display: block; + float: none; + border-right: none; + background-color: transparent; + position: relative; + white-space: inherit; + clear: right; +} + +@supports (-webkit-overflow-scrolling: touch) { + .wsmenu > .wsmenu-list > li:last-child { + padding-bottom: 110px; + } +} + +.wsmenu > .wsmenu-list > li >a { + padding: 12px 32px 12px 17px; + font-size: 15px; + text-align: left; + border-right: solid 0px; + color: #666666; + line-height: 25px; + border-bottom: 1px solid; + border-bottom-color: rgba(0, 0, 0, 0.13); + position: static; +} + +.wsmenu > .wsmenu-list > li a.menuhomeicon { + padding-left: 17px; + padding-right: 17px; + border-top: solid 1px rgba(0, 0, 0, 0.13); +} + +.wsmenu > .wsmenu-list > li >a.menuhomeicon i { + margin-right: 2px; + font-size: 13px; +} + +.wsmenu > .wsmenu-list > li > a >i { + font-size: 14px; + color: #bfbfbf; +} + +.wsmenu > .wsmenu-list > li >a .wsarrow:after { + display: none; +} + +.wsmenu > .wsmenu-list > li:hover>a { + background-color: rgba(0, 0, 0, 0.08); + text-decoration: none; +} + +.wsmenu > .wsmenu-list > li > a > .hometext { + display: inline-block; +} + +/* ================== Mobile Slide Down Links CSS ================== */ + +.wsmenu > .wsmenu-list > li > ul.sub-menu { + display: none; + position: relative; + top: 0px; + background-color: #fff; + border: none; + padding: 0px; + opacity: 1; + visibility: visible; + -webkit-transform: none; + -moz-transform: none; + -ms-transform: none; + -o-transform: none; + transform: none; + -webkit-transition: inherit; + -moz-transition: inherit; + transition: inherit; + -webkit-transform-style: flat; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a { + line-height: 20px; + font-size: 13px; + padding: 10px 0px 10px 16px; + color: #383838; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li span + a { + padding-right: 30px; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a > i { + display: none; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover { + background-color: #e7e7e7; + text-decoration: underline; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu li:hover > a { + background-color: #e7e7e7; + color: #666666; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu { + width: 100%; + position: static; + left: 100%; + top: 0; + display: none; + margin: 0px; + padding: 0px; + border: solid 0px; + transform: none; + opacity: 1; + visibility: visible; + -webkit-transform: none; + -moz-transform: none; + -ms-transform: none; + -o-transform: none; + transform: none; + -webkit-transition: inherit; + -moz-transition: inherit; + transition: inherit; + -webkit-transform-style: flat; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li { + margin: 0px 0px 0px 0px; + padding: 0px; + position: relative; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a { + line-height: 20px; + font-size: 13px; + padding: 10px 0px 10px 26px; + color: #383838; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li span + a { + padding-right: 30px; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > i { + display: none; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover { + background-color: #e7e7e7; + color: #666666; + text-decoration: underline; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a.active { + color: #000; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > a { + color: #000; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu { + width: 100%; + position: static; + left: 100%; + top: 0; + display: none; + margin: 0px; + padding: 0px; + border: solid 0px; + transform: none; + opacity: 1; + visibility: visible; + -webkit-transform: none; + -moz-transform: none; + -ms-transform: none; + -o-transform: none; + transform: none; + -webkit-transition: inherit; + -moz-transition: inherit; + transition: inherit; + -webkit-transform-style: flat; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li { + margin: 0px 0px 0px 0px; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li >a { + line-height: 20px; + font-size: 13px; + padding: 10px 0px 10px 34px; + color: #383838; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li span+a { + padding-right: 30px; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a >i { + display: none; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li >a:hover { + background-color: #e7e7e7; + color: #666666; + text-decoration: underline; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li >a.active { + color: #000; +} + +/* ================== Mobile Mega Menus CSS ================== */ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + color: #666666; + display: none; + position: relative; + top: 0px; + padding: 10px 0px; + border: solid 0px; + transform: none; + opacity: 1; + visibility: visible; + -webkit-transform: none; + -moz-transform: none; + -ms-transform: none; + -o-transform: none; + transform: none; + -webkit-transition: inherit; + -moz-transition: inherit; + transition: inherit; + border-bottom: 1px solid rgba(0, 0, 0, 0.13); + -webkit-transform-style: flat; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + width: 100%; + margin: 0px; + padding: 5px 0px 10px 0px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .title { + color: #666666; + font-size: 15px; + padding: 10px 8px 10px 0px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu> ul { + width: 100%; + margin: 0px; + padding: 0px; + font-size: 15px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu> ul > li > a { + padding: 9px 14px; + line-height: normal; + font-size: 13px; + background-color: #e7e7e7; + color: #666666; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu> ul> li >a:hover { + background-color: #000000; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { + line-height: 26px; + color: #666666; + margin: 0px; + font-size: 15px; + padding: 7px 0px; + background-color: transparent; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfdiv { + width: 100%; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form { + padding: 5px 0px 62px 0px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .show-grid div { + margin: 0px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="button"] { + width: 46%; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="submit"] { + width: 46%; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form textarea { + min-height: 100px; +} + +/* ================== Mobile Header CSS ================== */ + +.wsmobileheader { + width: 100%; + display: block; + position: fixed; + top: 0; + right: 0; + z-index: 10002; + height: 54px; + -webkit-transition: all 0.25s ease-in-out; + -moz-transition: all 0.25s ease-in-out; + -o-transition: all 0.25s ease-in-out; + -ms-transition: all 0.25s ease-in-out; + transition: all 0.25s ease-in-out; + box-shadow: 0 0 1px rgba(0, 0, 0, .3); +} + +.wsactive .wsmobileheader { + margin-right: 240px; + margin-right: 300px; + margin-right: 350px; + -webkit-transition: all 0.25s ease-in-out; + -moz-transition: all 0.25s ease-in-out; + -o-transition: all 0.25s ease-in-out; + -ms-transition: all 0.25s ease-in-out; + transition: all 0.25s ease-in-out; +} + +.wsmobileheader .smllogo { + display: inline-block; + margin-top: 12px; + padding-left: 18px; +} + +/* Mobile Search Bar*/ +.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch { + width: 86%; + margin: 7% 7%; + padding: 0px; +} + +.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input { + border-radius: 50px +} + +.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input:focus { + width: 100%; +} + +.callusbtn { + color: #a9a9a9; + font-size: 18px; + position: absolute; + right: 5px; + top: 0px; + transition: all 0.4s ease-in-out 0s; + z-index: 102; + padding: 12px 14px; +} + +.callusbtn i { + vertical-align: top; + margin-top: 4px; +} + +.callusbtn:hover i { + color: #a9a9a9; +} + +/* Mobile Toggle Menu icon (X ICON) */ +.wsanimated-arrow { + position: absolute; + right: 0; + top: 0; + z-index: 102; + -webkit-transition: all 0.4s ease-in-out; + -moz-transition: all 0.4s ease-in-out; + -o-transition: all 0.4s ease-in-out; + -ms-transition: all 0.4s ease-in-out; + transition: all 0.4s ease-in-out; +} + +.wsanimated-arrow { + cursor: pointer; + padding: 16px 35px 16px 0px; + margin: 7px 0 0 15px; +} + +.wsanimated-arrow span, +.wsanimated-arrow span:before, +.wsanimated-arrow span:after { + cursor: pointer; + height: 3px; + width: 22px; + background: #a9a9a9; + position: absolute; + display: block; + content: ''; +} + +.wsanimated-arrow span:before { + top: -7px; + width: 26px; +} + +.wsanimated-arrow span:after { + bottom: -7px; + width: 20px; +} + +.wsanimated-arrow span, +.wsanimated-arrow span:before, +.wsanimated-arrow span:after { + transition: all 500ms ease-in-out; +} + +.wsactive .wsanimated-arrow span:after { + width: 23px; +} + +.wsactive .wsanimated-arrow span { + background-color: transparent; +} + +.wsactive .wsanimated-arrow span:before, +.wsactive .wsanimated-arrow.active span:after { + top: 7px; +} + +.wsactive .wsanimated-arrow span:before { + transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + bottom: 0px; +} + +.wsactive .wsanimated-arrow span:after { + transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); +} + +/* ================== Mobile Overlay/Drawer CSS ================== */ + +.overlapblackbg { + left: 0; + width: calc(100% - 350px); + height: 100vh; + min-height: 100%; + position: fixed; + top: 0; + opacity: 0; + visibility: hidden; + background-color: rgba(0, 0, 0, 0.45); + cursor: pointer; +} + +.wsactive .wsmenu .overlapblackbg { + opacity: 1; + visibility: visible; + -webkit-transition: opacity 1.5s ease-in-out; + -moz-transition: opacity 1.5s ease-in-out; + -ms-transition: opacity 1.5s ease-in-out; + -o-transition: opacity 1.5s ease-in-out; + z-index: 8888!important; +} + +.wsmenucontainer { + -webkit-transition: all 0.25s ease-in-out; + -moz-transition: all 0.25s ease-in-out; + -o-transition: all 0.25s ease-in-out; + -ms-transition: all 0.25s ease-in-out; + transition: all 0.25s ease-in-out; +} + +.wsactive .wsmenucontainer { + margin-right: 300px; + -webkit-transition: all 0.25s ease-in-out; + -moz-transition: all 0.25s ease-in-out; + -o-transition: all 0.25s ease-in-out; + -ms-transition: all 0.25s ease-in-out; + transition: all 0.25s ease-in-out; +} + +.wsactive .wsmenu { + overflow-y: scroll; + -webkit-overflow-scrolling: touch; + visibility: visible; + z-index: 1000; + top: 0; +} + +.wsactive .wsmenu > .wsmenu-list { + -webkit-transition: all 0.25s ease-in-out; + -moz-transition: all 0.25s ease-in-out; + -o-transition: all 0.25s ease-in-out; + -ms-transition: all 0.25s ease-in-out; + transition: all 0.25s ease-in-out; + margin-right: 0; +} + +/* ================== Mobile Sub Menu Expander Arrows ================== */ + +.wsmenu > .wsmenu-list > li > .wsmenu-click { + height: 49px; + position: absolute; + top: 0; + right: 0; + display: block; + cursor: pointer; + width: 100%; +} + +.wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { + transform: rotate(-45deg); + margin-top: 23px; +} + +.wsmenu > .wsmenu-list > li > .wsmenu-click > i { + display: block; + height: 8px; + width: 8px; + float: right; + transform: rotate(-225deg); + margin: 18px 18px 0px 0px; +} + +.wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { + content: ""; + width: 100%; + height: 100%; + border-width: 1.5px 1.5px 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.40); + transition: 0.2s ease; + display: block; + transform-origin: 100% 0; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 { + height: 41px; + position: absolute; + top: 0; + right: 0; + display: block; + cursor: pointer; + width: 100%; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02>i { + display: block; + height: 8px; + width: 8px; + float: right; + transform: rotate(-225deg); + margin: 14px 18px 0px 0px; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 > i:before { + content: ""; + width: 100%; + height: 100%; + border-width: 1.5px 1.5px 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.40); + transition: 0.2s ease; + display: block; + transform-origin: 100% 0; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02>i.wsmenu-rotate { + transform: rotate(-45deg); + margin-top: 19px; +} + +/*End Media Query*/ +} + +/* Extra @Media Query*/ +@media only screen and (min-width: 992px) and (max-width:1162px) { +.desktoplogo { + margin-left: 12px; +} + +.wsmenu > .wsmenu-list > li > a { + padding-left: 16px; + padding-right: 16px; +} + +.wsmenu > .wsmenu-list > li a.menuhomeicon { + padding-left: 22px; + padding-right: 22px; +} +} \ No newline at end of file diff --git a/static/css/owl.carousel.min.css b/static/css/owl.carousel.min.css new file mode 100644 index 0000000..1ece042 --- /dev/null +++ b/static/css/owl.carousel.min.css @@ -0,0 +1,6 @@ +/** + * Owl Carousel v2.2.1 + * Copyright 2013-2017 David Deutsch + * Licensed under () + */ +.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.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;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;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-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} \ No newline at end of file diff --git a/static/css/owl.theme.default.min.css b/static/css/owl.theme.default.min.css new file mode 100644 index 0000000..5983603 --- /dev/null +++ b/static/css/owl.theme.default.min.css @@ -0,0 +1,6 @@ +/** + * Owl Carousel v2.2.1 + * Copyright 2013-2017 David Deutsch + * Licensed under () + */ +.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} \ No newline at end of file diff --git a/static/css/pink-theme.css b/static/css/pink-theme.css new file mode 100644 index 0000000..17d9055 --- /dev/null +++ b/static/css/pink-theme.css @@ -0,0 +1,10990 @@ + + + + +/* + Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack + Theme URL: https://themeforest.net/user/dsathemes + Description: Martex - Software, App, SaaS & Startup Landing Pages Pack + Author: DSAThemes + Author URL: https://themeforest.net/user/dsathemes + Version: 1.0.0 + Website: www.dsathemes.com + Tags: Responsive, HTML5, DSAThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc +*/ + + + + +/* ========================================================================== + 01. GENERAL & BASIC STYLES + =========================================================================== */ + +html { + -webkit-font-smoothing: antialiased; + font-size: 16px; +} + +body { + font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; + color: #6c757d; + line-height: 1.6666; + font-weight: 400; +} + +/*------------------------------------------*/ +/* PAGE CONTENT +/*------------------------------------------*/ + +#page, +.hidd { + overflow: hidden; +} + +.rel, +section, +.container { + position: relative!important; + z-index: 3; +} + +.section-overlay { + width: 100%; + height: 100%; +} + +/*------------------------------------------*/ +/* BLOCK SHADOW +/*------------------------------------------*/ + +.block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* BORDER SETTINGS +/*------------------------------------------*/ + +.block-border { + border: 1px solid #e7e7e7; +} + +.block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.x-border { + border-top: 1px solid #e7e7e7; + border-bottom: 1px solid #e7e7e7; +} + +.top-border { + border-top: 1px solid #e7e7e7; +} + +.bottom-border { + border-bottom: 1px solid #e7e7e7; +} + +/*------------------------------------------*/ +/* BORDER RADIUS SETTING +/*------------------------------------------*/ + +.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } +.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } +.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } +.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } +.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } +.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } +.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; } +.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; } +.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } +.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; } +.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } +.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; } +.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; } +.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; } +.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; } +.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } +.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; } +.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; } +.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; } +.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; } + +/*------------------------------------------*/ +/* OPACITY SETTINGS +/*------------------------------------------*/ + +.o-0 { opacity: 0!important; } +.o-10 { opacity: .1!important; } +.o-15 { opacity: .15!important; } +.o-20 { opacity: .2!important; } +.o-25 { opacity: .25!important; } +.o-30 { opacity: .3!important; } +.o-35 { opacity: .35!important; } +.o-40 { opacity: .4!important; } +.o-45 { opacity: .45!important; } +.o-50 { opacity: .5!important; } +.o-55 { opacity: .55!important; } +.o-60 { opacity: .60!important; } +.o-65 { opacity: .65!important; } +.o-70 { opacity: .7!important; } +.o-75 { opacity: .75!important; } +.o-80 { opacity: .8!important; } +.o-85 { opacity: .85!important; } +.o-90 { opacity: .9!important; } +.o-95 { opacity: .95!important; } +.o-100 { opacity: 1!important; } + +/*------------------------------------------*/ +/* SPACING & INDENTS +/*------------------------------------------*/ + +.py-5 { padding-top: 5px; padding-bottom: 5px; } +.py-10 { padding-top: 10px; padding-bottom: 10px; } +.py-15 { padding-top: 15px; padding-bottom: 15px; } +.py-20 { padding-top: 20px; padding-bottom: 20px; } +.py-30 { padding-top: 30px; padding-bottom: 30px; } +.py-40 { padding-top: 40px; padding-bottom: 40px; } +.py-50 { padding-top: 50px; padding-bottom: 50px; } +.py-60 { padding-top: 60px; padding-bottom: 60px; } +.py-70 { padding-top: 70px; padding-bottom: 70px; } +.py-80 { padding-top: 80px; padding-bottom: 80px; } +.py-90 { padding-top: 90px; padding-bottom: 90px; } +.py-100 { padding-top: 100px; padding-bottom: 100px; } + +.pt-30 { padding-top: 30px; } +.pt-40 { padding-top: 40px; } +.pt-50 { padding-top: 50px; } +.pt-60 { padding-top: 60px; } +.pt-70 { padding-top: 70px; } +.pt-80 { padding-top: 80px; } +.pt-90 { padding-top: 90px; } +.pt-100 { padding-top: 100px; } + +.pb-30 { padding-bottom: 30px; } +.pb-40 { padding-bottom: 40px; } +.pb-50 { padding-bottom: 50px; } +.pb-60 { padding-bottom: 60px; } +.pb-70 { padding-bottom: 70px; } +.pb-80 { padding-bottom: 80px; } +.pb-90 { padding-bottom: 90px; } +.pb-100 { padding-bottom: 100px; } + +.mt-10 { margin-top: 10px; } +.mt-15 { margin-top: 15px; } +.mt-20 { margin-top: 20px; } +.mt-25 { margin-top: 25px; } +.mt-30 { margin-top: 30px; } +.mt-35 { margin-top: 35px; } +.mt-40 { margin-top: 40px; } +.mt-45 { margin-top: 45px; } +.mt-50 { margin-top: 50px; } +.mt-55 { margin-top: 55px; } +.mt-60 { margin-top: 60px; } +.mt-65 { margin-top: 65px; } +.mt-70 { margin-top: 70px; } +.mt-75 { margin-top: 75px; } +.mt-80 { margin-top: 80px; } +.mt-85 { margin-top: 85px; } +.mt-90 { margin-top: 90px; } +.mt-95 { margin-top: 95px; } +.mt-100 { margin-top: 100px; } + +.mb-10 { margin-bottom: 10px; } +.mb-15 { margin-bottom: 15px; } +.mb-20 { margin-bottom: 20px; } +.mb-25 { margin-bottom: 25px; } +.mb-30 { margin-bottom: 30px; } +.mb-35 { margin-bottom: 35px; } +.mb-40 { margin-bottom: 40px; } +.mb-45 { margin-bottom: 45px; } +.mb-50 { margin-bottom: 50px; } +.mb-55 { margin-bottom: 55px; } +.mb-60 { margin-bottom: 60px; } +.mb-65 { margin-bottom: 65px; } +.mb-70 { margin-bottom: 70px; } +.mb-75 { margin-bottom: 75px; } +.mb-80 { margin-bottom: 80px; } +.mb-85 { margin-bottom: 85px; } +.mb-90 { margin-bottom: 90px; } +.mb-95 { margin-bottom: 95px; } +.mb-100 { margin-bottom: 100px; } + +.ml-5 { margin-left: 5px; } +.ml-10 { margin-left: 10px; } +.ml-15 { margin-left: 15px; } +.ml-20 { margin-left: 20px; } +.ml-25 { margin-left: 25px; } +.ml-30 { margin-left: 30px; } + +.mr-5 { margin-right: 5px; } +.mr-10 { margin-right: 10px; } +.mr-15 { margin-right: 15px; } +.mr-20 { margin-right: 20px; } +.mr-25 { margin-right: 25px; } +.mr-30 { margin-right: 30px; } + +/*------------------------------------------*/ +/* BACKGROUND SETTINGS +/*------------------------------------------*/ + +.bg--fixed, +.bg--scroll { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--fixed { + background-attachment: scroll!important; +} + +.bg--scroll { + background-attachment: fixed!important; +} + +/*------------------------------------------*/ +/* BACKGROUND COLORS +/*------------------------------------------*/ + +.bg--white-500 { background-color: #f2f4f8; } +.bg--white-400 { background-color: #f4f4f9; } +.bg--white-300 { background-color: #f7f8f9; } +.bg--white-200 { background-color: #fbfbfd; } +.bg--white-100 { background-color: #fff; } + +.bg--black-500 { background-color: #22223b; } +.bg--black-400 { background-color: #2e3648; } +.bg--black-300 { background-color: #394455; } +.bg--black-200 { background-color: #e1e3e5; } +.bg--black-100 { background-color: #ecf1f4; } + +.bg--blue-500 { background-color: #185abd; } +.bg--blue-400 { background-color: #1680fb; } +.bg--blue-300 { background-color: #3eb1ff; } +.bg--blue-200 { background-color: #ddedff; } +.bg--blue-100 { background-color: #f4f9fc; } + +.bg--green-500 { background-color: #00a14e; } +.bg--green-400 { background-color: #0fbc49; } +.bg--green-300 { background-color: #6fd792; } +.bg--green-200 { background-color: #cff2db; } +.bg--green-100 { background-color: #e9f8f2; } + +.bg--pink-500 { background-color: #ff149c; } +.bg--pink-400 { background-color: #f74780; } +.bg--pink-300 { background-color: #fcb5cc; } +.bg--pink-200 { background-color: #fee4ec; } +.bg--pink-100 { background-color: #feecf2; } + +.bg--purple-5000 { background-color: #663ae9; } +.bg--purple-500 { background-color: #7827e6; } +.bg--purple-400 { background-color: #7b5dd6; } +.bg--purple-300 { background-color: #bdaeea; } +.bg--purple-200 { background-color: #e5deff; } +.bg--purple-100 { background-color: #f1edff; } + +.bg--red-500 { background-color: #da0f29; } +.bg--red-400 { background-color: #ff1e1a; } +.bg--red-300 { background-color: #ffa5a3; } +.bg--red-200 { background-color: #ffd2d1; } +.bg--red-100 { background-color: #fce7e4; } + +.bg--violet-500 { background-color: #c73e9b; } +.bg--violet-400 { background-color: #be6cbe; } +.bg--violet-300 { background-color: #e2bde2; } +.bg--violet-200 { background-color: #f1cde5; } +.bg--violet-100 { background-color: #f7e4f1; } + +.bg--yellow-500 { background-color: #ffba01; } +.bg--yellow-400 { background-color: #ffbd45; } +.bg--yellow-300 { background-color: #ffdf35; } +.bg--yellow-200 { background-color: #fef5cd; } +.bg--yellow-100 { background-color: #fef9e5; } + +.bg--tra-black { background-color: rgba(0, 0, 0, .04); } +.bg--tra-white { background-color: rgba(255, 255, 255, .15); } +.bg--primary-blue { background-color: #2160fd; } +.bg--light-grey { background-color: #f0f3ff; } +.bg--snow { background-color: #fdfdfd; } + +/*------------------------------------------*/ +/* GRADIENT COLOR BACKGROUND +/*------------------------------------------*/ + +.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); } +.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); } +.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); } +.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); } +.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); } +.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); } + +/*------------------------------------------*/ +/* BACKGROUND SHAPE +/*------------------------------------------*/ + +.shape--01:after, +.shape--02:after, +.shape--03:after, +.shape--04:after, +.shape--05:after, +.shape--06:after, +.shape--07:after { + position: absolute; + content: ''; + z-index: -1; +} + +.shape--02.r-24:after { + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--01:after { + width: 150%; + height: 80%; + top: 13%; + left: -25%; +} + +.shape--02:after { + width: 86%; + height: 80%; + top: 13%; + left: 7%; +} + +.shape--03:after { + width: 78%; + height: 120%; + top: -60px; + left: 11%; + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--04:after { + width: 100%; + height: 80%; + top: 10%; + left: 0; +} + +.shape--05:after { + width: 150%; + height: 90%; + top: 0; + left: -25%; +} + +.shape--06:after { + width: 150%; + height: 75%; + top: 0; + left: -25%; +} + +.shape--07:after { + width: 200%; + height: 50%; + top: 37%; + left: -50%; +} + +.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); } + +.shape--white-500:after { background-color: #f2f4f8; } +.shape--white-400:after { background-color: #f4f4f9; } +.shape--white-300:after { background-color: #f7f8f9; } +.shape--white-200:after { background-color: #fbfbfd; } + +.shape--black-500:after { background-color: #22223b; } +.shape--black-400:after { background-color: #2e3648; } +.shape--black-300:after { background-color: #394455; } +.shape--black-200:after { background-color: #e1e3e5; } +.shape--black-100:after { background-color: #ecf1f4; } + +.shape--blue-500:after { background-color: #185abd; } +.shape--blue-400:after { background-color: #1680fb; } +.shape--blue-300:after { background-color: #3eb1ff; } +.shape--blue-200:after { background-color: #ddedff; } +.shape--blue-100:after { background-color: #f4f9fc; } + +.shape--green-500:after { background-color: #00a14e; } +.shape--green-400:after { background-color: #0fbc49; } +.shape--green-300:after { background-color: #6fd792; } +.shape--green-200:after { background-color: #cff2db; } +.shape--green-100:after { background-color: #e9f8f2; } + +.shape--pink-500:after { background-color: #ff149c; } +.shape--pink-400:after { background-color: #f74780; } +.shape--pink-300:after { background-color: #fcb5cc; } +.shape--pink-200:after { background-color: #fee4ec; } +.shape--pink-100:after { background-color: #feecf2; } + +.shape--purple-500:after { background-color: #663ae9; } +.shape--purple-400:after { background-color: #7b5dd6; } +.shape--purple-300:after { background-color: #bdaeea; } +.shape--purple-200:after { background-color: #e5deff; } +.shape--purple-100:after { background-color: #f1edff; } + +.shape--red-500:after { background-color: #da0f29; } +.shape--red-400:after { background-color: #ff1e1a; } +.shape--red-300:after { background-color: #ffa5a3; } +.shape--red-200:after { background-color: #ffd2d1; } +.shape--red-100:after { background-color: #fce7e4; } + +.shape--violet-500:after { background-color: #c73e9b; } +.shape--violet-400:after { background-color: #be6cbe; } +.shape--violet-300:after { background-color: #e2bde2; } +.shape--violet-200:after { background-color: #f1cde5; } +.shape--violet-100:after { background-color: #f7e4f1; } + +.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);} + +/*------------------------------------------*/ +/* BACKGROUND PATTERN +/*------------------------------------------*/ + +.pattern-01, +.pattern-02, +.pattern-03, +.pattern-04, +.pattern-05 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.pattern-01 { background-image: url(../images/pattern-01.png); } +.pattern-02 { background-image: url(../images/pattern-02.png); } +.pattern-03 { background-image: url(../images/pattern-03.png); } +.pattern-04 { background-image: url(../images/pattern-04.png); } +.pattern-05 { background-image: url(../images/pattern-05.png); } + +/*------------------------------------------*/ +/* BACKGROUND IMAGE +/*------------------------------------------*/ + +.bg--01, .bg--02, .bg--03, .bg--04, +.bg--05, .bg--06, .bg--07, .bg--08 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--01 { background-image: url(../images/bg-01.jpg); } +.bg--02 { background-image: url(../images/bg-02.jpg); } +.bg--03 { background-image: url(../images/bg-03.jpg); } +.bg--04 { background-image: url(../images/bg-04.jpg); } +.bg--05 { background-image: url(../images/bg-05.jpg); } +.bg--06 { background-image: url(../images/bg-06.jpg); } +.bg--07 { background-image: url(../images/bg-07.jpg); } +.bg--08 { background-image: url(../images/bg-08.jpg); } + +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +hr.divider { + width: 100%; + height: 1px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%); + opacity: .4; + border: none; + margin: 0; +} + +/*------------------------------------------*/ +/* WAVE SHAPE BOTTOM +/*------------------------------------------*/ + +.wave-shape-bottom { + position: absolute; + bottom: 0; + left: 0; + width: 100%; +} + + + + +/* ========================================================================== + 02. TYPOGRAPHY + =========================================================================== */ + +/*------------------------------------------*/ +/* HEADERS +/*------------------------------------------*/ + +h1, h2, h3, h4, h5, h6 { + color: #353f4f; + font-weight: 600; + letter-spacing: 0; + margin-bottom: 0; +} + +.font--jakarta h1, +.font--jakarta h2, +.font--jakarta h3, +.font--jakarta h4, +.font--jakarta h5, +.font--jakarta h6 { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1.35; +} + +.font--jakarta h1, +.font--jakarta h2 { + line-height: 1.25; +} + +.font--inter h1, +.font--inter h2, +.font--inter h3, +.font--inter h4, +.font--inter h5, +.font--inter h6 { + font-family: 'Inter', sans-serif; + letter-spacing: -0.5px; +} + +/*------------------------------------------*/ +/* PARAGRAPHS +/*------------------------------------------*/ + +p.p-sm { font-size: 0.9375rem; } /* 15px */ +p { font-size: 1rem; } /* 16px */ +p.p-md { font-size: 1.0625rem; } /* 17px */ +p.p-lg { font-size: 1.125rem; } /* 18px */ +p.p-xl { font-size: 1.2rem; } /* 19.2px */ + +/*------------------------------------------*/ +/* FONT SIZE +/*------------------------------------------*/ + +.s-15 { font-size: 0.9375rem; } /* 15px */ +.s-16 { font-size: 1rem; } /* 16px */ +.s-17 { font-size: 1.0625rem; } /* 17px */ +.s-18 { font-size: 1.125rem; } /* 18px */ +.s-19 { font-size: 1.1875rem; } /* 19px */ +.s-20 { font-size: 1.25rem; } /* 20px */ +.s-21 { font-size: 1.3125rem; } /* 21px */ +.s-22 { font-size: 1.375rem; } /* 22px */ +.s-23 { font-size: 1.4375rem; } /* 23px */ +.s-24 { font-size: 1.5rem; } /* 24px */ +.s-26 { font-size: 1.625rem; } /* 26px */ +.s-28 { font-size: 1.75rem; } /* 28px */ +.s-30 { font-size: 1.875rem; } /* 30px */ +.s-32 { font-size: 2rem; } /* 32px */ +.s-34 { font-size: 2.125rem; } /* 34px */ +.s-36 { font-size: 2.25rem; } /* 36px */ +.s-38 { font-size: 2.375rem; } /* 38px */ +.s-40 { font-size: 2.5rem; } /* 40px */ +.s-42 { font-size: 2.625rem; } /* 42px */ +.s-43 { font-size: 2.6875rem; } /* 43px */ +.s-44 { font-size: 2.75rem; } /* 44px */ +.s-45 { font-size: 2.8125rem; } /* 45px */ +.s-46 { font-size: 2.875rem; } /* 46px */ +.s-47 { font-size: 2.9375rem; } /* 47px */ +.s-48 { font-size: 3rem; } /* 48px */ +.s-50 { font-size: 3.125rem; } /* 50px */ +.s-52 { font-size: 3.25rem; } /* 52px */ +.s-54 { font-size: 3.375rem; } /* 54px */ +.s-56 { font-size: 3.5rem; } /* 56px */ +.s-58 { font-size: 3.625rem; } /* 58px */ +.s-60 { font-size: 3.75rem; } /* 60px */ +.s-62 { font-size: 3.875rem; } /* 62px */ +.s-64 { font-size: 4rem; } /* 64px */ +.s-66 { font-size: 4.125rem; } /* 66px */ +.s-68 { font-size: 4.25rem; } /* 68px */ +.s-70 { font-size: 4.375rem; } /* 70px */ +.s-72 { font-size: 4.5rem; } /* 72px */ +.s-74 { font-size: 4.625rem; } /* 74px */ +.s-76 { font-size: 4.75rem; } /* 76px */ +.s-78 { font-size: 4.875rem; } /* 78px */ +.s-80 { font-size: 5rem; } /* 80px */ + +/*------------------------------------------*/ +/* FONT WEIGHT +/*------------------------------------------*/ + +.txt-upcase { + text-transform: uppercase +} + +.w-200 { font-weight: 200; } +.w-300 { font-weight: 300; } +.w-400 { font-weight: 400; } +.w-500 { font-weight: 500; } +.w-600 { font-weight: 600; } +.w-700 { font-weight: 700; } +.w-800 { font-weight: 800; } +.w-900 { font-weight: 900; } + +/*------------------------------------------*/ +/* LINK SETTINGS +/*------------------------------------------*/ + +a { + color: #6c757d; + text-decoration: none; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +a:hover { + color: #353f4f!important; + text-decoration: none; +} + +a:focus { + outline: none; + text-decoration: none; +} + +a.tra-link { + font-size: 1rem; + line-height: 1; + font-weight: 500; +} + +a.tra-link span { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.tra-link.ico-20 [class*="flaticon-"]:before, +.tra-link.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 0.75rem; + line-height: 0.7rem!important; + top: 2px; + left: 2px; +} + +a.tra-link:hover span { + color: #353f4f!important; +} + +/*------------------------------------------*/ +/* LISTS +/*------------------------------------------*/ + +ul { + margin: 0; + padding: 0; + list-style: none; +} + +/*------------------------------------------*/ +/* TEXT LIST +/*------------------------------------------*/ + +ul.simple-list { + list-style: disc; + margin-left: 15px; +} + +ul.simple-list.long-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* DIGIT LIST +/*------------------------------------------*/ + +ol.digit-list { + padding: 0; + margin-left: 15px; +} + +ol.digit-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* BUTTON SETTINGS +/*------------------------------------------*/ + +.btn { + background-color: transparent; + font-size: 1rem; + line-height: 1; + font-weight: 500; + padding: 0.9rem 1.8rem; + border: 2px solid transparent; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.btn.btn-sm { + font-size: 0.975rem; + padding: 0.7rem 1.5rem; +} + +.btn.ico-30.ico-left, +.btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Buttons Group +/*------------------------------------------*/ + +.text-center .btns-group { + display: inline-block; +} + +.btns-group .btn:first-child { + margin-right: 15px; +} + +.btns-group .btn.ico-30.ico-left { + padding: 0.37rem 0.5rem; +} + +.btns-group .btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Button Icon +/*------------------------------------------*/ + +.btn.ico-20 [class*="flaticon-"]:before, +.btn.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 1rem; + line-height: 0.7rem!important; + top: 4px; +} + +.btn.ico-left span { + margin-right: 5px; +} + +.btn.ico-right span { + margin-left: 5px; +} + +.btn.ico-30.ico-left span { + position: relative; + top: 0; + right: 4px; +} + +.btn.ico-30.ico-right span { + position: relative; + top: 0; + left: 4px; +} + +.btn.ico-30.ico-left span.ico-30-txt, +.btn.ico-30.ico-right span.ico-30-txt { + position: relative; + top: -10px; + right: 0; +} + +.btn.ico-30.ico-right span.ico-30-txt { + left: 0; +} + +/*------------------------------------------*/ +/* Button Text +/*------------------------------------------*/ + +p.btn-txt { + margin: 20px 0 0 0; +} + +.btn-rating p.btn-txt { + margin: 0; +} + +.star-rating span.rating-txt { + font-size: 0.9375rem; +} + +p.btns-group-txt { + margin: 14px 0 0 0; +} + +.btn-rating { + margin-top: 18px; +} + +.text-center p.btns-group-txt { + margin-top: 20px; +} + +p.btn-txt.ico-15, +p.btns-group-txt.ico-15 { + padding-left: 5px; +} + +.text-center p.btn-txt.ico-15, +.text-center p.btns-group-txt.ico-15 { + padding-left: 0; +} + +p.btn-txt span, +p.btns-group-txt span { + position: relative; + top: 0.5px; + right: 2px; +} + +p.btns-group-txt span.txt-data { + display: block; + top: 0; + right: 0; +} + +p.btns-group-txt span.txt-data a { + margin-left: 4px; + text-decoration: underline; +} + +p.btns-group-txt span.txt-data a:hover { + text-decoration: none; +} + +.hero-section .color--white p.btns-group-txt span.txt-data a:hover { + color: #fff!important; +} + +.btn-txt.ico-15 [class*="flaticon-"]:before, +.btn-txt.ico-15 [class*="flaticon-"]:after, +.btns-group-txt.ico-15 [class*="flaticon-"]:before, +.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.star-rating.ico-15 [class*="flaticon-"]:before, +.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; } + +/*------------------------------------------*/ +/* TRANSPARENT BUTTON +/*------------------------------------------*/ + +.btn--tra { + color: #fff!important; + border-color: transparent!important; + background-color: rgba(255, 255, 255, .2)!important; +} + +/*------------------------------------------*/ +/* WHITE BUTTON +/*------------------------------------------*/ + +.btn--transparent { + color: #353f4f; + background-color: transparent; + border-color: transparent; +} + +.btn--transparent:hover { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--white, +.hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.btn--tra-white, +.hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.white-scroll .scroll .hover--tra-white:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK BUTTON +/*------------------------------------------*/ + +.btn--black, +.hover--black:hover { + color: #fff!important; + background-color: #353f4f!important; + border-color: #353f4f!important; +} + +.btn--tra-black, +.hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* GREY BUTTON +/*------------------------------------------*/ + +.btn--tra-grey, +.hover--tra-grey:hover, +.white-scroll .scroll .hover--tra-grey:hover, +.black-scroll .scroll .hover--tra-grey:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #ccc!important; +} + +/*------------------------------------------*/ +/* BLUE BUTTON +/*------------------------------------------*/ + +.btn--blue-500, .hover--blue-500:hover, +.white-scroll .scroll .hover--blue-500:hover, +.black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.btn--blue-400, .hover--blue-400:hover, +.white-scroll .scroll .hover--blue-400:hover, +.black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.btn--blue-300, .hover--blue-300:hover, +.white-scroll .scroll .hover--blue-300:hover, +.black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.btn--blue-200, .hover--blue-200:hover, +.white-scroll .scroll .hover--blue-200:hover, +.black-scroll .scroll .hover--blue-200:hover { + color: #1680fb!important; + border-color: #e3ebfe!important; + background-color: #e3ebfe!important; +} + +.btn--blue-100, .hover--blue-100:hover, +.white-scroll .scroll .hover--blue-100:hover, +.black-scroll .scroll .hover--blue-100:hover { + color: #1680fb!important; + border-color: #1680fb!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* GREEN BUTTON +/*------------------------------------------*/ + +.btn--green-500, .hover--green-500:hover, +.white-scroll .scroll .hover--green-500:hover, +.black-scroll .scroll .hover--green-500:hover { + color: #fff!important; + border-color: #00a14e!important; + background-color: #00a14e!important; +} + +.btn--green-400, .hover--green-400:hover, +.white-scroll .scroll .hover--green-400:hover, +.black-scroll .scroll .hover--green-400:hover { + color: #fff!important; + border-color: #0fbc49!important; + background-color: #0fbc49!important; +} + +.btn--green-300, .hover--green-300:hover, +.white-scroll .scroll .hover--green-300:hover, +.black-scroll .scroll .hover--green-300:hover { + color: #fff!important; + border-color: #6fd792!important; + background-color: #6fd792!important; +} + +.btn--green-200, .hover--green-200:hover, +.white-scroll .scroll .hover--green-200:hover, +.black-scroll .scroll .hover--green-200:hover { + color: #0fbc49!important; + border-color: #cff2db!important; + background-color: #cff2db!important; +} + +.btn--green-100, .hover--green-100:hover, +.white-scroll .scroll .hover--green-100:hover, +.black-scroll .scroll .hover--green-100:hover { + color: #0fbc49!important; + border-color: #0fbc49!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PINK BUTTON +/*------------------------------------------*/ + +.btn--pink-500, .hover--pink-500:hover, +.white-scroll .scroll .hover--pink-500:hover, +.black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.btn--pink-400, .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.btn--pink-300, .hover--pink-300:hover, +.white-scroll .scroll .hover--pink-300:hover, +.black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.btn--pink-200, .hover--pink-200:hover, +.white-scroll .scroll .hover--pink-200:hover, +.black-scroll .scroll .hover--pink-200:hover { + color: #f74780!important; + border-color: #fee4ec!important; + background-color: #fee4ec!important; +} + +.btn--pink-100, .hover--pink-100:hover, +.white-scroll .scroll .hover--pink-100:hover, +.black-scroll .scroll .hover--pink-100:hover { + color: #f74780!important; + border-color: #f74780!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PURPLE BUTTON +/*------------------------------------------*/ + +.btn--purple-500, .hover--purple-500:hover, +.white-scroll .scroll .hover--purple-500:hover, +.black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.btn--purple-400, .hover--purple-400:hover, +.white-scroll .scroll .hover--purple-400:hover, +.black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.btn--purple-300, .hover--purple-300:hover, +.white-scroll .scroll .hover--purple-300:hover, +.black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.btn--purple-200, .hover--purple-200:hover, +.white-scroll .scroll .hover--purple-200:hover, +.black-scroll .scroll .hover--purple-200:hover { + color: #7b5dd6!important; + border-color: #e5deff!important; + background-color: #e5deff!important; +} + +.btn--purple-100, .hover--purple-100:hover, +.white-scroll .scroll .hover--purple-100:hover, +.black-scroll .scroll .hover--purple-100:hover { + color: #7b5dd6!important; + border-color: #7b5dd6!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* RED BUTTON +/*------------------------------------------*/ + +.btn--red-500, .hover--red-500:hover, +.white-scroll .scroll .hover--red-500:hover, +.black-scroll .scroll .hover--red-500:hover { + color: #fff!important; + border-color: #da0f29!important; + background-color: #da0f29!important; +} + +.btn--red-400, .hover--red-400:hover, +.white-scroll .scroll .hover--red-400:hover, +.black-scroll .scroll .hover--red-400:hover { + color: #fff!important; + border-color: #ff1e1a!important; + background-color: #ff1e1a!important; +} + +.btn--red-300, .hover--red-300:hover, +.white-scroll .scroll .hover--red-300:hover, +.black-scroll .scroll .hover--red-300:hover { + color: #fff!important; + border-color: #ffa5a3!important; + background-color: #ffa5a3!important; +} + +.btn--red-200, .hover--red-200:hover, +.white-scroll .scroll .hover--red-200:hover, +.black-scroll .scroll .hover--red-200:hover { + color: #ff1e1a!important; + border-color: #ffd2d1!important; + background-color: #ffd2d1!important; +} + +.btn--red-100, .hover--red-100:hover, +.white-scroll .scroll .hover--red-100:hover, +.black-scroll .scroll .hover--red-100:hover { + color: #ff1e1a!important; + border-color: #ff1e1a!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* VIOLET BUTTON +/*------------------------------------------*/ + +.btn--violet-500, .hover--violet-500:hover, +.white-scroll .scroll .hover--violet-500:hover, +.black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.btn--violet-400, .hover--violet-400:hover, +.white-scroll .scroll .hover--violet-400:hover, +.black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.btn--violet-300, .hover--violet-300:hover, +.white-scroll .scroll .hover--violet-300:hover, +.black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.btn--violet-200, .hover--violet-200:hover, +.white-scroll .scroll .hover--violet-200:hover, +.black-scroll .scroll .hover--violet-200:hover { + color: #be6cbe!important; + border-color: #f1cde5!important; + background-color: #f1cde5!important; +} + +.btn--violet-100, .hover--violet-100:hover, +.white-scroll .scroll .hover--violet-100:hover, +.black-scroll .scroll .hover--violet-100:hover { + color: #be6cbe!important; + border-color: #be6cbe!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* YELLOW BUTTON +/*------------------------------------------*/ + +.btn--yellow-500, .hover--yellow-500:hover, +.white-scroll .scroll .hover--yellow-500:hover, +.black-scroll .scroll .hover--yellow-500:hover { + color: #353f4f!important; + border-color: #ffba01!important; + background-color: #ffba01!important; +} + +.btn--yellow-400, .hover--yellow-400:hover, +.white-scroll .scroll .hover--yellow-400:hover, +.black-scroll .scroll .hover--yellow-400:hover { + color: #353f4f!important; + border-color: #ffbd45!important; + background-color: #ffbd45!important; +} + +.btn--yellow-300, .hover--yellow-300:hover, +.white-scroll .scroll .hover--yellow-300:hover, +.black-scroll .scroll .hover--yellow-300:hover { + color: #353f4f!important; + border-color: #ffdf35!important; + background-color: #ffdf35!important; +} + +.btn--yellow-200, .hover--yellow-200:hover, +.white-scroll .scroll .hover--yellow-200:hover, +.black-scroll .scroll .hover--yellow-200:hover { + color: #353f4f!important; + border-color: #fef5cd!important; + background-color: #fef5cd!important; +} + +.btn--yellow-100, .hover--yellow-100:hover, +.white-scroll .scroll .hover--yellow-100:hover, +.black-scroll .scroll .hover--yellow-100:hover { + color: #ffba01!important; + border-color: #ffba01!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* BUTTON FOCUS +/*------------------------------------------*/ + +.btn:focus, +.btn.btn--black:focus { + color: #fff; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--transparent:focus { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--grey:focus { + color: #666; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--tra-black:focus, +.btn--transparent:focus, +.btn.btn--tra-grey:focus { + color: #353f4f; + -webkit-box-shadow: none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* DOWNLOAD LINKS +/*------------------------------------------*/ + +.download-links li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.download-links-divider { + position: relative; + top: 1.5px; + transform: rotate(-90deg); +} + +.download-links li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.download-links li p a { + font-weight: 500; +} + +.download-links li p a:hover { + text-decoration: underline; +} + +.color--white .download-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* OS DOWNLOAD BUTTON +/*------------------------------------------*/ + +.os-btn { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + text-align: left; + width: 330px; + min-width: 330px; + background-color: #fff; + border: 1px solid #d3d3d3; + padding: 17px 18px 15px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.os-btn:hover { + background-color: #f5f6f7; + border: 1px solid #f5f6f7; + -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); +} + +.os-btn-ico { + position: relative; + margin-right: 20px; +} + +.os-btn-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.os-btn-txt p { + color: #353f4f; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + letter-spacing: -0.5px; + margin-top: 6px; + margin-bottom: 5px; +} + +.os-btn-txt span { + display: block; + font-size: 0.9rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* STORE BADGE ICONS +/*------------------------------------------*/ + +.stores-badge { + display: inline-block; +} + +.store { + display: inline-block; + text-align: center; + margin-right: 10px; +} + +.store:last-child { + margin-right: 0; +} + +.store img { + width: auto; + max-width: inherit; +} + +.badge-img-xs .store img { max-height: 2.5rem; } +.badge-img-sm .store img { max-height: 2.625rem; } +.badge-img-md .store img { max-height: 2.875rem; } +.badge-img-lg .store img { max-height: 3rem; } + +/*------------------------------------------*/ +/* WATCH VIDEO LINK +/*------------------------------------------*/ + +.watch-video { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + margin-top: 25px; +} + +/*------------------------------------------*/ +/* Link Icon +/*------------------------------------------*/ + +.watch-video-link { + position: relative; + text-align: center; + float: left; + width: 2.85rem; + height: 2.85rem; + color: #fff; + border: none; + margin-right: 12px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.watch-video-link:before { + content: ''; + position: absolute; + left: -3px; + right: -3px; + top: -3px; + bottom: -3px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.watch-video-link:hover:before { + opacity: .75; + left: -8px; + right: -8px; + top: -8px; + bottom: -8px; +} + +.watch-video-link span[class^="flaticon-"]:before, +.watch-video-link span[class^="flaticon-"]:after { + font-size: 2rem; + line-height: 2.85rem!important; + margin-left: 5px; +} + +/*------------------------------------------*/ +/* Link Text +/*------------------------------------------*/ + +.watch-video-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + text-align: left!important; +} + +p.video-txt-lg { + font-size: 1rem; + line-height: 1; + font-weight: 400; + margin-bottom: 5px; +} + +p.video-txt-sm { + font-size: 0.925rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* VIDEO POPUP ICON +/*------------------------------------------*/ + +.video-preview { + position: relative; + text-align: center; +} + +.video-btn { + position: absolute!important; + top: 50%; + left: 50%; + display: inline-block; + text-align: center; + color: #fff; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.video-btn-xl { + width: 6.25rem; + height: 6.25rem; + margin-top: -3.125rem; + margin-left: -3.125rem; +} + +.video-btn-lg { + width: 5.625rem; + height: 5.625rem; + margin-top: -2.8125rem; + margin-left: -2.8125rem; +} + +.video-btn-md { + width: 5rem; + height: 5rem; + margin-top: -2.5rem; + margin-left: -2.5rem; +} + +.video-btn-sm { + width: 4.375rem; + height: 4.375rem; + margin-top: -2.1875rem; + margin-left: -2.1875rem; +} + +.video-block-wrapper { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl [class^="flaticon-"]:before, +.video-btn.video-btn-xl [class^="flaticon-"]:after { + font-size: 5rem; + line-height: 6.25rem!important; + margin-left: 10px; +} + +.video-btn.video-btn-lg [class^="flaticon-"]:before, +.video-btn.video-btn-lg [class^="flaticon-"]:after { + font-size: 4.5rem; + line-height: 5.625rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-md [class^="flaticon-"]:before, +.video-btn.video-btn-md [class^="flaticon-"]:after { + font-size: 4.35rem; + line-height: 5rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-sm [class^="flaticon-"]:before, +.video-btn.video-btn-sm [class^="flaticon-"]:after { + font-size: 3.5rem; + line-height: 4.375rem!important; + margin-left: 5px; +} + +.video-btn:hover .video-block-wrapper { + -moz-transform: scale(0.95); + -ms-transform: scale(0.95); + -webkit-transform: scale(0.95); + -o-transform: scale(0.95); + transform: scale(0.95); +} + +.video-btn:before { + content: ''; + position: absolute; + left: -5px; + right: -5px; + top: -5px; + bottom: -5px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl:hover:before { + opacity: .75; + left: -1.5rem; + right: -1.5rem; + top: -1.5rem; + bottom: -1.5rem; +} + +.video-btn.video-btn-lg:hover:before { + opacity: .75; + left: -1.25rem; + right: -1.25rem; + top: -1.25rem; + bottom: -1.25rem; +} + +.video-btn.video-btn-md:hover:before { + opacity: .75; + left: -1rem; + right: -1rem; + top: -1rem; + bottom: -1rem; +} + +.video-btn.video-btn-sm:hover:before { + opacity: .75; + left: -0.75rem; + right: -0.75rem; + top: -0.75rem; + bottom: -0.75rem; +} + +/*------------------------------------------*/ +/* VECTOR ICONS +/*------------------------------------------*/ + +.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; } /* 15px */ +.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; } /* 15px */ +.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; } /* 20px */ +.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; } /* 25px */ +.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; } /* 30px */ +.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; } /* 35px */ +.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; } /* 40px */ +.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; } /* 45px */ +.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; } /* 50px */ +.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; } /* 55px */ +.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; } /* 60px */ +.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; } /* 65px */ +.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; } /* 70px */ +.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; } /* 75px */ +.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; } /* 80px */ +.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; } /* 85px */ +.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; } /* 90px */ +.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; } /* 95px */ +.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; } /* 100px */ +.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */ +.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; } /* 110px */ +.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */ +.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; } /* 120px */ +.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */ + +/*------------------------------------------*/ +/* VECTOR ICON BACKGROUND +/*------------------------------------------*/ + +.shape-ico { + position: relative; + display: inline-block; + margin: 0 auto; +} + +.shape-ico span { + position: relative; + z-index: 2; +} + +.shape-ico svg { + position: absolute; + z-index: 1; +} + +.ico-50 .shape-ico svg { + width: 130px; + height: 130px; + top: -35px; + left: calc(50% - 60px); +} + +.fbox-11 .ico-50 .shape-ico svg { + top: -40px; + left: calc(50% - 70px); +} + +.ico-55 .shape-ico svg { + width: 135px; + height: 135px; + top: -30px; + left: calc(50% - 60px); +} + +.ico-60 .shape-ico svg { + width: 140px; + height: 140px; + top: -30px; + left: calc(50% - 65px); +} + +.shape-ico.color--blue-300 path, +.shape-ico.color--blue-400 path, +.shape-ico.color--blue-500 path { + fill: #f4f9fc; +} + +.shape-ico.color--green-300 path, +.shape-ico.color--green-400 path, +.shape-ico.color--green-500 path { + fill: #e9f8f2; +} + +.shape-ico.color--pink-300 path, +.shape-ico.color--pink-400 path, +.shape-ico.color--pink-500 path { + fill: #feecf2; +} + +.shape-ico.color--purple-300 path, +.shape-ico.color--purple-400 path, +.shape-ico.color--purple-500 path { + fill: #f1edff; +} + +.shape-ico.color--red-300 path, +.shape-ico.color--red-400 path, +.shape-ico.color--red-500 path { + fill: #fce7e4; +} + +.shape-ico.color--violet-300 path, +.shape-ico.color--violet-400 path, +.shape-ico.color--violet-500 path { + fill: #f7e4f1; +} + +/*------------------------------------------*/ +/* VECTOR ROUNDED ICONS +/*------------------------------------------*/ + +.ico-rounded, +.ico-rounded-md, +.ico-rounded-lg { + display: inline-block; + text-align: center; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.ico-rounded { width: 80px; height: 80px; } +.ico-rounded-md { width: 90px; height: 90px; } +.ico-rounded-lg { width: 100px; height: 100px; } + +.ico-rounded [class*="flaticon-"]:before, +.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; } + +.ico-rounded-md [class*="flaticon-"]:before, +.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; } + +.ico-rounded-lg [class*="flaticon-"]:before, +.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; } + +/*------------------------------------------*/ +/* VECTOR SQUARE ICONS +/*------------------------------------------*/ + +.ico-square { + display: inline-block; + text-align: center; + width: 80px; + height: 80px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -o-border-radius: 12px; + border-radius: 12px; +} + +.ico-square [class*="flaticon-"]:before, +.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; } + +/*------------------------------------------*/ +/* PNG ICONS SETTINGS +/*------------------------------------------*/ + +.ico-145 img { width: 145px; height: 145px; } +.ico-140 img { width: 140px; height: 140px; } +.ico-135 img { width: 135px; height: 135px; } +.ico-130 img { width: 130px; height: 130px; } +.ico-125 img { width: 125px; height: 125px; } +.ico-120 img { width: 120px; height: 120px; } +.ico-115 img { width: 115px; height: 115px; } +.ico-110 img { width: 110px; height: 110px; } +.ico-105 img { width: 105px; height: 105px; } +.ico-100 img { width: 100px; height: 100px; } +.ico-95 img { width: 95px; height: 95px; } +.ico-90 img { width: 90px; height: 90px; } +.ico-85 img { width: 85px; height: 85px; } +.ico-80 img { width: 80px; height: 80px; } +.ico-75 img { width: 75px; height: 75px; } +.ico-70 img { width: 70px; height: 70px; } +.ico-65 img { width: 65px; height: 65px; } +.ico-60 img { width: 60px; height: 60px; } +.ico-55 img { width: 55px; height: 55px; } +.ico-50 img { width: 50px; height: 50px; } +.ico-45 img { width: 45px; height: 45px; } +.ico-40 img { width: 40px; height: 40px; } +.ico-35 img { width: 35px; height: 35px; } +.ico-30 img { width: 30px; height: 30px; } +.ico-25 img { width: 25px; height: 25px; } +.ico-20 img { width: 20px; height: 20px; } + +/*------------------------------------------*/ +/* SECTION ID +/*------------------------------------------*/ + +.section-id { + display: block; + font-size: 0.85rem; + line-height: 1; + font-weight: 700; + letter-spacing: 0.5px; + text-transform: uppercase; + margin-bottom: 35px; +} + +.section-id.rounded-id { + display: inline-block; + padding: 10px 24px; + font-size: 0.85rem; + text-transform: uppercase; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + margin-bottom: 40px; +} + +.section-id.border-id { + border-width: 2px; + border-style: solid; +} + +.section-id.border-id.border--grey { + border-color: #757575; +} + +.section-id.border-id.border--blue { + border-color: #1680fb; +} + +.font--jakarta .section-id { + font-family: 'Plus Jakarta Sans', sans-serif; +} + +.font--inter .section-id { + font-family: 'Inter', sans-serif; +} + +/*------------------------------------------*/ +/* SECTION TITLE +/*------------------------------------------*/ + +.section-title { + text-align: center; +} + +.section-title h2 { + margin-bottom: 0; +} + +.section-title h2.w-700 { + letter-spacing: -0.5px; +} + +.section-title p.p-md, +.section-title p.p-lg, +.section-title p.p-xl, +.section-title p.s-20, +.section-title p.s-21 { + margin-top: 18px; + margin-bottom: 0; +} + +.section-title p.p-md, +.section-title p.p-lg { + padding: 0 3%; +} + +.section-title a.contact-link { + font-weight: 500; + text-decoration: underline; +} + +.section-title .btns-group .btn { + margin-top: 0; +} + +.section-title .advantages, +.section-title .btns-txt, +.section-title .btns-group-txt { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* TEXT COLORS +/*------------------------------------------*/ + +.color--white, +.color--white h1, +.color--white h2, +.color--white h3, +.color--white h4, +.color--white h5, +.color--white h6, +.color--white p, +.color--white a, +.color--white li, +.color--white i, +.color--white span { color: #fff; } + +.color--snow, +.color--snow h1, +.color--snow h2, +.color--snow h3, +.color--snow h4, +.color--snow h5, +.color--snow h6, +.color--snow p, +.color--snow a, +.color--snow li, +.color--snow i, +.color--snow span, +.color--white .color--snow { color: #c2c3cb; } + +.color--black, +.color--black h1, +.color--black h2, +.color--black h3, +.color--black h4, +.color--black h5, +.color--black h6, +.color--black p, +.color--black a, +.color--black li, +.color--black i, +.color--black span { color: #353f4f; } + +.color--coal, +.color--coal h1, +.color--coal h2, +.color--coal h3, +.color--coal h4, +.color--coal h5, +.color--coal h6, +.color--coal p, +.color--coal a, +.color--coal li, +.color--coal i, +.color--coal span { color: #52595d; } + +.color--grey, +.color--grey h1, +.color--grey h2, +.color--grey h3, +.color--grey h4, +.color--grey h5, +.color--grey h6, +.color--grey p, +.color--grey a, +.color--grey li, +.color--grey i, +.color--grey span, +.color--white .color--grey { color: #757575; } + +.color--blue-500, +.color--blue-500 h1, +.color--blue-500 h2, +.color--blue-500 h3, +.color--blue-500 h4, +.color--blue-500 h5, +.color--blue-500 h6, +.color--blue-500 p, +.color--blue-500 a, +.color--blue-500 li, +.color--blue-500 i, +.color--blue-500 span, +.color--white .color--blue-500 { color: #185abd!important; } + +.color--blue-400, +.color--blue-400 h1, +.color--blue-400 h2, +.color--blue-400 h3, +.color--blue-400 h4, +.color--blue-400 h5, +.color--blue-400 h6, +.color--blue-400 p, +.color--blue-400 a, +.color--blue-400 li, +.color--blue-400 i, +.color--blue-400 span, +.color--white .color--blue-400 { color: #1680fb!important; } + +.color--blue-300, +.color--blue-300 h1, +.color--blue-300 h2, +.color--blue-300 h3, +.color--blue-300 h4, +.color--blue-300 h5, +.color--blue-300 h6, +.color--blue-300 p, +.color--blue-300 a, +.color--blue-300 li, +.color--blue-300 i, +.color--blue-300 span, +.color--white .color--blue-300 { color: #3eb1ff!important; } + +.color--green-500, +.color--green-500 h1, +.color--green-500 h2, +.color--green-500 h3, +.color--green-500 h4, +.color--green-500 h5, +.color--green-500 h6, +.color--green-500 p, +.color--green-500 a, +.color--green-500 li, +.color--green-500 i, +.color--green-500 span, +.color--white .color--green-500 { color: #00a14e!important; } + +.color--green-400, +.color--green-400 h1, +.color--green-400 h2, +.color--green-400 h3, +.color--green-400 h4, +.color--green-400 h5, +.color--green-400 h6, +.color--green-400 p, +.color--green-400 a, +.color--green-400 li, +.color--green-400 i, +.color--green-400 span, +.color--white .color--green-400 { color: #0fbc49!important; } + +.color--green-300, +.color--green-300 h1, +.color--green-300 h2, +.color--green-300 h3, +.color--green-300 h4, +.color--green-300 h5, +.color--green-300 h6, +.color--green-300 p, +.color--green-300 a, +.color--green-300 li, +.color--green-300 i, +.color--green-300 span, +.color--white .color--green-300 { color: #6fd792!important; } + +.color--pink-500, +.color--pink-500 h1, +.color--pink-500 h2, +.color--pink-500 h3, +.color--pink-500 h4, +.color--pink-500 h5, +.color--pink-500 h6, +.color--pink-500 p, +.color--pink-500 a, +.color--pink-500 li, +.color--pink-500 i, +.color--pink-500 span, +.color--white .color--pink-500 { color: #ff149c!important; } + +.color--pink-400, +.color--pink-400 h1, +.color--pink-400 h2, +.color--pink-400 h3, +.color--pink-400 h4, +.color--pink-400 h5, +.color--pink-400 h6, +.color--pink-400 p, +.color--pink-400 a, +.color--pink-400 li, +.color--pink-400 i, +.color--pink-400 span, +.color--white .color--pink-400 { color: #f74780!important; } + +.color--pink-300, +.color--pink-300 h1, +.color--pink-300 h2, +.color--pink-300 h3, +.color--pink-300 h4, +.color--pink-300 h5, +.color--pink-300 h6, +.color--pink-300 p, +.color--pink-300 a, +.color--pink-300 li, +.color--pink-300 i, +.color--pink-300 span, +.color--white .color--pink-300 { color: #fcb5cc!important; } + +.color--purple-500, +.color--purple-500 h1, +.color--purple-500 h2, +.color--purple-500 h3, +.color--purple-500 h4, +.color--purple-500 h5, +.color--purple-500 h6, +.color--purple-500 p, +.color--purple-500 a, +.color--purple-500 li, +.color--purple-500 i, +.color--purple-500 span, +.color--white .color--purple-500 { color: #663ae9!important; } + +.color--purple-400, +.color--purple-400 h1, +.color--purple-400 h2, +.color--purple-400 h3, +.color--purple-400 h4, +.color--purple-400 h5, +.color--purple-400 h6, +.color--purple-400 p, +.color--purple-400 a, +.color--purple-400 li, +.color--purple-400 i, +.color--purple-400 span, +.color--white .color--purple-400 { color: #7b5dd6!important; } + +.color--purple-300, +.color--purple-300 h1, +.color--purple-300 h2, +.color--purple-300 h3, +.color--purple-300 h4, +.color--purple-300 h5, +.color--purple-300 h6, +.color--purple-300 p, +.color--purple-300 a, +.color--purple-300 li, +.color--purple-300 i, +.color--purple-300 span, +.color--white .color--purple-300 { color: #bdaeea!important; } + +.color--red-500, +.color--red-500 h1, +.color--red-500 h2, +.color--red-500 h3, +.color--red-500 h4, +.color--red-500 h5, +.color--red-500 h6, +.color--red-500 p, +.color--red-500 a, +.color--red-500 li, +.color--red-500 i, +.color--red-500 span, +.color--white .color--red-500 { color: #da0f29!important; } + +.color--red-400, +.color--red-400 h1, +.color--red-400 h2, +.color--red-400 h3, +.color--red-400 h4, +.color--red-400 h5, +.color--red-400 h6, +.color--red-400 p, +.color--red-400 a, +.color--red-400 li, +.color--red-400 i, +.color--red-400 span, +.color--white .color--red-400 { color: #ff1e1a!important; } + +.color--red-300, +.color--red-300 h1, +.color--red-300 h2, +.color--red-300 h3, +.color--red-300 h4, +.color--red-300 h5, +.color--red-300 h6, +.color--red-300 p, +.color--red-300 a, +.color--red-300 li, +.color--red-300 i, +.color--red-300 span, +.color--white .color--red-300 { color: #ffa5a3!important; } + +.color--violet-500, +.color--violet-500 h1, +.color--violet-500 h2, +.color--violet-500 h3, +.color--violet-500 h4, +.color--violet-500 h5, +.color--violet-500 h6, +.color--violet-500 p, +.color--violet-500 a, +.color--violet-500 li, +.color--violet-500 i, +.color--violet-500 span, +.color--white .color--violet-500 { color: #c73e9b!important; } + +.color--violet-400, +.color--violet-400 h1, +.color--violet-400 h2, +.color--violet-400 h3, +.color--violet-400 h4, +.color--violet-400 h5, +.color--violet-400 h6, +.color--violet-400 p, +.color--violet-400 a, +.color--violet-400 li, +.color--violet-400 i, +.color--violet-400 span, +.color--white .color--violet-400 { color: #be6cbe!important; } + +.color--violet-300, +.color--violet-300 h1, +.color--violet-300 h2, +.color--violet-300 h3, +.color--violet-300 h4, +.color--violet-300 h5, +.color--violet-300 h6, +.color--violet-300 p, +.color--violet-300 a, +.color--violet-300 li, +.color--violet-300 i, +.color--violet-300 span, +.color--white .color--violet-300 { color: #e2bde2!important; } + +.color--yellow-500, +.color--yellow-500 h1, +.color--yellow-500 h2, +.color--yellow-500 h3, +.color--yellow-500 h4, +.color--yellow-500 h5, +.color--yellow-500 h6, +.color--yellow-500 p, +.color--yellow-500 a, +.color--yellow-500 li, +.color--yellow-500 i, +.color--yellow-500 span, +.color--white .color--yellow-500 { color: #ffba01!important; } + +.color--yellow-400, +.color--yellow-400 h1, +.color--yellow-400 h2, +.color--yellow-400 h3, +.color--yellow-400 h4, +.color--yellow-400 h5, +.color--yellow-400 h6, +.color--yellow-400 p, +.color--yellow-400 a, +.color--yellow-400 li, +.color--yellow-400 i, +.color--yellow-400 span, +.color--white .color--yellow-400 { color: #ffbd45!important; } + +.color--yellow-300, +.color--yellow-300 h1, +.color--yellow-300 h2, +.color--yellow-300 h3, +.color--yellow-300 h4, +.color--yellow-300 h5, +.color--yellow-300 h6, +.color--yellow-300 p, +.color--yellow-300 a, +.color--yellow-300 li, +.color--yellow-300 i, +.color--yellow-300 span, +.color--white .color--yellow-300 { color: #ffdf35!important; } + + + + +/* ========================================================================== + 03. PRELOAD ANIMATION + ========================================================================== */ + +#loading { + height: 100%; + width: 100%; + position: fixed; + z-index: 1; + margin-top: 0px; + top: 0px; + z-index: 99999999; +} + +#loading { + background-color: #f5f5f9; +} + +#loading-center { + position: absolute; + left: 50%; + top: 50%; + height: 100px; + width: 100px; + margin-top: -50px; + margin-left: -50px; + -webkit-animation: loading-center-absolute 1s infinite; + animation: loading-center-absolute 1s infinite; +} + +.loader { + border: 2px solid; + border-color: transparent #888; + width: 100px; + height: 100px; + border-radius: 50%; + display: inline-block; + position: relative; + box-sizing: border-box; + animation: rotation 1s linear infinite; +} + +.loading--blue .loader { + border-color: transparent #1680fb; +} + +.loading--green .loader { + border-color: transparent #0fbc49; +} + +.loading--pink .loader { + border-color: transparent #f74780; +} + +.loading--purple .loader { + border-color: transparent #7b5dd6; +} + +.loading--red .loader { + border-color: transparent #ff1e1a; +} + +.loading--violet .loader { + border-color: transparent #c73e9b; +} + +.loading--yellow .loader { + border-color: transparent #ffba01; +} + +.loader::after { + content: ''; + box-sizing: border-box; + position: absolute; + left: 50%; + top: 50%; + border: 50px solid; + border-color: transparent rgba(30, 30, 30, 0.15); + border-radius: 50%; + transform: translate(-50%, -50%); +} + +.loading--blue .loader::after { + border-color: transparent rgba(22, 128, 251, .15); +} + +.loading--green .loader::after { + border-color: transparent rgba(14, 188, 73, .15); +} + +.loading--pink .loader::after { + border-color: transparent rgba(247, 71, 128, .15); +} + +.loading--purple .loader::after { + border-color: transparent rgba(123, 93, 214, .15); +} + +.loading--red .loader::after { + border-color: transparent rgba(255, 30, 26, .15); +} + +.loading--violet .loader::after { + border-color: transparent rgba(1900, 108, 190, .15); +} + +.loading--yellow .loader::after { + border-color: transparent rgba(255, 186, 1, .15); +} + +@keyframes rotation { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + + + + +/* ========================================================================== + 04. HEADER & NAVIGATION + =========================================================================== */ + +#header { + width: 100%; + display: block; + padding-top: 0px; +} + +.header-wrapper { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.headerwp { + max-width: 1140px; + margin: 0 auto; + padding: 0; +} + +.posrlt { + position: relative; +} + +/*------------------------------------------*/ +/* HEADER LOGO +/*------------------------------------------*/ + +.desktoplogo img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.blog-header .desktoplogo img { + max-height: 30px; +} + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.wsmainfull { + width: 100%; + height: auto; + z-index: 1031; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.tra-menu .wsmainfull { + padding: 20px 0; + background-color: transparent!important; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.white-menu .wsmainfull { + padding: 6px 0; + background-color: #fff!important; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.dark-menu .wsmainfull { + padding: 6px 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +#header.hiddden-header { + display: none; +} + +.hidden-nav .wsmainfull { + margin-top: -140px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 1rem; + line-height: 50px; + font-weight: 600; + letter-spacing: 0; + text-decoration: none; + margin: 0 7px; + padding: 10px 15px; +} + +.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.wsmenu > .wsmenu-list > li > a.h-link.last-link { + padding: 10px 0px; + margin: 0; +} + +.wsmenu > .wsmenu-list > li > a .wsarrow:after { + border-left: 4px solid rgba(0, 0, 0, 0); + border-right: 4px solid rgba(0, 0, 0, 0); + border-top: 4px solid; + content: ""; + float: right; + right: 0; + height: 0; + margin: 0 0 0 14px; + position: absolute; + text-align: right; + top: 35px; + width: 0; +} + +.wsmenu > .wsmenu-list > li.reg-fst-link > a { + margin-left: 30px; +} + +/*------------------------------------------*/ +/* HEADER LINK INFO +/*------------------------------------------*/ + +span.sm-info { + position: relative; + display: inline-block; + text-align: center; + width: 20px; + height: 20px; + color: #fff; + font-size: 0.65rem; + line-height: 19px; + font-weight: 700; + margin-left: 5px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; +} + +.nav-blue-500 .sm-info { background-color: #185abd; } +.nav-blue-400 .sm-info { background-color: #1680fb; } +.nav-blue-300 .sm-info { background-color: #3eb1ff; } + +.nav-green-500 .sm-info { background-color: #00a14e; } +.nav-green-400 .sm-info { background-color: #0fbc49; } +.nav-green-300 .sm-info { background-color: #6fd792; } + +.nav-pink-500 .sm-info { background-color: #ff149c; } +.nav-pink-400 .sm-info { background-color: #f74780; } +.nav-pink-300 .sm-info { background-color: #fcb5cc; } + +.nav-purple-500 .sm-info { background-color: #663ae9; } +.nav-purple-400 .sm-info { background-color: #7b5dd6; } +.nav-purple-300 .sm-info { background-color: #bdaeea; } + +.nav-red-500 .sm-info { background-color: #da0f29; } +.nav-red-400 .sm-info { background-color: #ff1e1a; } +.nav-red-300 .sm-info { background-color: #ffa5a3; } + +.nav-violet-500 .sm-info { background-color: #c73e9b; } +.nav-violet-400 .sm-info { background-color: #be6cbe; } +.nav-violet-300 .sm-info { background-color: #e2bde2; } + +.nav-yellow-500 .sm-info { background-color: #ffba01; } +.nav-yellow-400 .sm-info { background-color: #ffbd45; } +.nav-yellow-300 .sm-info { background-color: #ffdf35; } + +/*------------------------------------------*/ +/* HEADER BUTTONS +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li a.btn { + font-size: 1rem; + line-height: 30px; + font-weight: 600; + text-transform: none; + letter-spacing: 0; + margin-top: 14px; + padding: 4px 28px; +} + +.wsmenu > .wsmenu-list > li a.btn.reg-btn { + padding: 4px 22px; +} + +.wsmenu > .wsmenu-list > li a.btn.fst-btn-link { + margin-left: 12px; +} + +.wsmenu > .wsmenu-list > li a.store.header-store { + line-height: 1; + margin-top: 13px; + margin-left: 10px; + margin-bottom: 0; + padding: 0; +} + +.store.header-store img { + max-height: 44px; +} + +/*------------------------------------------*/ +/* HEADER SOCIAL LINKS +/*------------------------------------------*/ + +.header-socials { + margin: 0; + display: inline-block; + text-align: center; +} + +.header-socials span { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.header-socials a { + display: block; + margin-left: 18px; +} + +.navbar-light .header-socials a { + color: #ddd; +} + +.navbar-light .header-socials a:hover { + color: #ccc!important; +} + +.header-socials.ico-20 [class*="flaticon-"]:before, +.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } + +/*------------------------------------------*/ +/* HEADER SUBMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu { + width: auto; + min-width: 200px; + top: 62px; + padding: 12px 10px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a { + background-color: rgba(244, 244, 249, 0); + font-family: 'Plus Jakarta Sans', sans-serif; + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* HALFMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + top: 62px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + width: 38%; + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + right: 2%; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li { + border-bottom: none; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + background-color: rgba(244, 244, 249, 0); + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* MEGAMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { + width: 76%!important; + left: 23%; + padding: 20px 10px; +} + +.wsmegamenu.w-75 .col-lg-3 { + padding: 0 6px; +} + +/*------------------------------------------*/ +/* SUBMENU TITLE +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu .title, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title { + color: #929394; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.875rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0; + margin: 10px 0 15px 13px; +} + +/*------------------------------------------*/ +/* DARK HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #ddd; + background-color: rgba(255, 255, 255, 0)!important; +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(255, 255, 255, .05)!important; +} + +.dark-menu .title, .black-scroll .scroll .title, +.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span { + color: #fff!important; +} + +/*------------------------------------------*/ +/* ICONS MENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu { + max-width: 275px; + min-width: 275px; + padding: 12px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + width: 52%; + padding: 12px 6px; +} + +.wsmegamenu.halfmenu.icons-menu .col-lg-6 { + padding: 0 6px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { + width: 82%!important; + left: 17%; + padding: 12px 6px; +} + +.wsmegamenu.icons-menu.w-75 .col-lg-4 { + padding: 0 6px; +} + +.icons-menu .icons-menu-item { + display: flex!important; + position: relative!important; + flex-flow: row wrap!important; + align-items: stretch!important; + justify-content: flex-start!important; +} + +.icons-menu-ico { + position: relative; + margin-right: 14px; +} + +.wsmegamenu.ico-30 .icons-menu-ico span { + position: relative; + top: 6px!important; +} + +.icons-menu-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.icons-menu-txt h6 { + color: inherit; + font-size: 1rem; + line-height: 32px; + font-weight: 500; + margin-bottom: 0; +} + +.icons-menu-txt span { + display: block; + color: #898989; + font-size: 0.925rem; + font-weight: 400; + margin-bottom: 0; +} + +.sub-menu.ico-30 .icons-menu-txt h6 { + line-height: 30px; +} + +/*------------------------------------------*/ +/* NAVBAR HOVER +/*------------------------------------------*/ + +.navbar-light .wsmenu-list > li > a.h-link:hover { + color: #eee!important; +} + +.navbar-dark .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #185abd!important; +} + +.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #1680fb!important; +} + +.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #3eb1ff!important; +} + +.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #00a14e!important; +} + +.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #0fbc49!important; +} + +.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #6fd792!important; +} + +.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff149c!important; +} + +.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #f74780!important; +} + +.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #fcb5cc!important; +} + +.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #663ae9!important; +} + +.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #7b5dd6!important; +} + +.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #bdaeea!important; +} + +.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #da0f29!important; +} + +.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff1e1a!important; +} + +.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ffa5a3!important; +} + +.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #c73e9b!important; +} + +.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #be6cbe!important; +} + +.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #e2bde2!important; +} + +/*------------------------------------------*/ +/* HIDDEN NAVBAR SCROLL +/*------------------------------------------*/ + +.hidden-nav .wsmainfull.scroll { + margin-top: 0; +} + +/*------------------------------------------*/ +/* NAVBAR WHITE SCROLL +/*------------------------------------------*/ + +.tra-menu.white-scroll .wsmainfull.scroll, +.white-menu.white-scroll .wsmainfull.scroll { + padding: 0; + background-color: rgba(255, 255, 255, .7)!important; + backdrop-filter: blur(20px); + -webkit-backdrop-filter: blur(20px); + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +/*------------------------------------------*/ +/* NAVBAR BLACK SCROLL +/*------------------------------------------*/ + +.tra-menu.black-scroll .wsmainfull.scroll, +.dark-menu.black-scroll .wsmainfull.scroll { + padding: 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover { + color: #ccc!important; +} + +/*------------------------------------------*/ +/* WHITE SCROLL BUTTONS +/*------------------------------------------*/ + +.white-scroll .scroll .btn--tra-white { + color: #353f4f!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK SCROLL BUTTONS +/*------------------------------------------*/ + +.black-scroll .scroll .btn--tra-black { + color: #fff!important; + border-color: #fff!important; +} + +/*------------------------------------------*/ +/* LOGO IMAGE +/*------------------------------------------*/ + +.logo-white, +.logo-black { + display: block; +} + +.navbar-light .logo-black, +.navbar-dark .logo-white, +.tra-menu.navbar-light .scroll .logo-white, +.tra-menu.navbar-dark.black-scroll .scroll .logo-black { + display: none; +} + +.tra-menu.navbar-light .scroll .logo-black, +.tra-menu.navbar-dark.black-scroll .scroll .logo-white { + display: block; +} + + + + +/* ========================================================================== + 05. HERO + ========================================================================== */ + +.hero-section, +.hero-section .container { + position: relative; + z-index: 3; +} + +.hero-section.bg--img { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.hero-section.blur--purple:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 100%; + top: -30%; + left: 0; + background-image: url(../images/blur-purple.png); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + background-attachment: scroll; + opacity: 0.2; +} + +/*------------------------------------------*/ +/* HERO LOGO +/*------------------------------------------*/ + +.hero-logo { + margin-bottom: 40px; +} + +.hero-square-logo { + margin-bottom: 20px; +} + +#hero-22 .hero-logo { + margin-bottom: 30px; +} + +.hero-logo img { + width: auto; + max-width: inherit; + max-height: 36px; +} + +.hero-square-logo img { + width: auto; + max-width: inherit; + max-height: 90px; +} + +/*------------------------------------------*/ +/* HERO APP LOGO +/*------------------------------------------*/ + +.hero-app-logo { + margin-bottom: 35px; +} + +#hero-25 .hero-app-logo { + margin-bottom: 25px; +} + +.hero-app-logo img { + width: auto; + max-width: inherit; + max-height: 100px; +} + +#hero-25 .hero-app-logo img { + max-height: 110px; +} + +/*------------------------------------------*/ +/* HERO DIGITS +/*------------------------------------------*/ + +#hd-1-1, #hd-1-2 { + display: inline-block; + float: left; + padding-right: 20px; +} + +#hd-1-1 { width: 45%; } +#hd-1-2 { width: 55%; } + +.hero-digits-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.hero-digits .block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 12px; +} + +.hero-digits h2.statistic-number { + line-height: 1; + margin-bottom: 0; +} + +.hero-digits h2.statistic-number span { + font-size: 1.85rem; +} + +.hero-digits .block-txt p.p-sm { + line-height: 1.35; + margin-top: 5px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* HERO TYPOGRAPHY +/*------------------------------------------*/ + +.hero-section h2 { + margin-bottom: 28px; +} + +.hero-section h2.s-48, +.hero-section h2.s-50 { + margin-bottom: 40px; +} + +.hero-section h2.s-62 { + margin-bottom: 24px; +} + +.hero-section p.p-sm { + padding: 0!important; +} + +.hero-section p.p-md { + margin-bottom: 30px; +} + +.hero-section p.p-lg, +.hero-section p.p-xl { + margin-bottom: 32px; +} + +.hero-section p.s-20, +.hero-section p.s-22, +.hero-section p.s-24 { + margin-bottom: 36px; +} + +.hero-section p.p-lg span, +.hero-section p.p-xl span { + font-weight: 600; + letter-spacing: -0.35px; +} + +/*------------------------------------------*/ +/* HERO-1 +/*------------------------------------------*/ + +#hero-1 { + background-image: url(../images/hero-1.jpg); + padding-top: 130px; + padding-bottom: 100px; +} + +.hero-1-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-2 +/*------------------------------------------*/ + +#hero-2 { + background-image: url(../images/hero-2.jpg); + padding-top: 150px; + padding-bottom: 100px; +} + +.hero-2-txt p { + padding-right: 3%; +} + +.hero-2-img { + text-align: center; + padding-right: 25px; +} + +/*------------------------------------------*/ +/* HERO-3 +/*------------------------------------------*/ + +#hero-3 { + position: relative; + padding-top: 160px; + background-image: url(../images/hero-3.jpg); +} + +#hero-3:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 5%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-3-txt { + margin-top: -70px; +} + +.hero-3-txt p.p-lg { + padding-right: 2%; +} + +.hero-3-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-4 +/*------------------------------------------*/ + +#hero-4 { + overflow: hidden; + background-image: url(../images/hero-4.jpg); + padding-top: 180px; +} + +#hero-4:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 10%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-4-txt h2 { + padding: 0 3%; +} + +.hero-4-txt p { + padding: 0 5%; +} + +.hero-4-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-4-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-5 +/*------------------------------------------*/ + +#hero-5 .wave-shape-bottom path { + fill: #fff; +} + +#hero-5 { + background-image: url(../images/hero-5.jpg); + padding-top: 140px; + padding-bottom: 50px; +} + +.hero-5-txt h2 { + line-height: 1.3; + margin-bottom: 25px; +} + +.hero-5-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +.hero-5-img { + margin: 0 0 -50px; +} + +/*------------------------------------------*/ +/* HERO-6 +/*------------------------------------------*/ + +#hero-6 { + padding-top: 130px; +} + +.hero-6-wrapper { + overflow: hidden; + background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd); + padding: 75px 80px; +} + +.hero-6-img { + position: relative; + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-7 +/*------------------------------------------*/ + +#hero-7 { + padding-top: 140px; + padding-bottom: 100px; +} + +#hero-7 .quick-form { + margin-right: 4%; +} + +.hero-7-img { + padding-left: 30px; +} + +/*------------------------------------------*/ +/* HERO-8 +/*------------------------------------------*/ + +#hero-8 .wave-shape-bottom path { + fill: #fff; +} + +#hero-8 { + position: relative; + background-image: url(../images/hero-8.jpg); + padding-top: 170px; + padding-bottom: 30px; +} + +.hero-8-txt { + margin-top: -70px; +} + +.hero-8-txt p { + padding-right: 10%; +} + +.hero-8-txt .hero-digits { + padding-right: 15%; +} + +#hero-8-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-8-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-8-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-8-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-8-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-9 +/*------------------------------------------*/ + +#hero-9 { + padding-top: 180px; +} + +.hero-9-txt h2 { + line-height: 1; +} + +.hero-9-txt h2 img { + position: relative; + width: auto; + max-width: inherit; + max-height: 100px; + margin: 0 3px; + top: -8px; +} + +.hero-9-txt p { + padding: 0 5%; + margin-top: 40px; +} + +#hero-9 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +.hero-9-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-10 +/*------------------------------------------*/ + +#hero-10 { + position: relative; + background-image: url(../images/hero-10.jpg); + padding-top: 170px; + padding-bottom: 100px; +} + +.hero-10-txt h4 { + line-height: 1.45; + font-weight: 300; + padding-right: 5%; + margin-bottom: 35px; +} + +.hero-10-img { + position: relative; + text-align: center; + margin: 0 -95% 0 15px; +} + +/*------------------------------------------*/ +/* HERO-11 +/*------------------------------------------*/ + +#hero-11 { + overflow: hidden; + background-image: url(../images/hero-11.jpg); + padding-top: 50px; +} + +.hero-11-txt { + margin-top: 40px; +} + +.hero-11-txt p { + padding-right: 5%; +} + +.hero-11-img { + position: relative; + margin: -60px -12% -100px -15px; +} + +/*------------------------------------------*/ +/* HERO-12 +/*------------------------------------------*/ + +#hero-12 { + overflow: hidden; + background-image: url(../images/hero-12.jpg); + padding-top: 180px; +} + +.hero-12-txt h2 { + padding: 0 3%; +} + +.hero-12-txt p { + padding: 0 5%; +} + +.hero-12-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-12-img { + margin-top: 60px; + margin-bottom: -100px; +} + +.hero-12-img .video-btn { + top: calc(50% - 30px); +} + +/*------------------------------------------*/ +/* HERO-13 +/*------------------------------------------*/ + +#hero-13 { + background-image: linear-gradient(180deg, #f1edff, #f1edff); + padding-top: 130px; + padding-bottom: 80px; +} + +#hero-13:after { + position: absolute; + content: ''; + z-index: -1; + width: 43%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; + -moz-box-shadow: 0 0 55px 35px #fff; + -webkit-box-shadow: 0 0 35px 35px #fff; + box-shadow: 0 0 35px 35px #fff; +} + +.hero-13-txt .section-id { + font-weight: 600; + letter-spacing: 1.5px; +} + +.hero-13-txt p { + padding-right: 5%; +} + +.hero-13-img { + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-14 +/*------------------------------------------*/ + +#hero-14 .wave-shape-bottom path { + fill: #fff; +} + +#hero-14 { + background-image: url(../images/hero-14.jpg); + padding-top: 170px; +} + +.hero-14-txt p.s-21 { + font-size: 1.3125rem; + margin-bottom: 40px; +} + +#hero-14 .quick-form { + margin-left: 6%; + margin-right: 6%; +} + +.hero-14-txt .btn-txt { + margin-top: 40px; +} + +.hero-14-img { + margin-top: 70px; +} + +/*------------------------------------------*/ +/* HERO-15 +/*------------------------------------------*/ + +#hero-15 { + position: relative; + z-index: 3; + background-image: url(../images/hero-15.jpg); + padding-top: 130px; +} + +.hero-15-txt { + margin-top: -20px; +} + +.hero-15-txt h2 { + padding-right: 5%; +} + +.hero-15-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-16 +/*------------------------------------------*/ + +#hero-16 .wave-shape-bottom path { + fill: #fff; +} + +#hero-16 { + background-image: url(../images/hero-16.jpg); + padding-top: 170px; + margin-bottom: 80px; +} + +.hero-16-img { + margin-top: 60px; + margin-bottom: -80px; +} + +/*------------------------------------------*/ +/* HERO-17 +/*------------------------------------------*/ + +#hero-17 { + text-align: center; + padding-top: 170px; + background-image: url(../images/hero-17.jpg); + background-position: top center; +} + +#hero-17 #brands-1 { + padding: 80px 6% 0; +} + +#hero-17 #brands-1 .brands-carousel-5 .brand-logo { + padding: 0 20px; +} + +#hero-17 .quick-form { + margin-left: 8%; + margin-right: 8%; +} + +/*------------------------------------------*/ +/* HERO-18 +/*------------------------------------------*/ + +#hero-18 { + padding-top: 140px; + padding-bottom: 80px; +} + +#hero-18:after { + position: absolute; + content: ''; + z-index: -1; + width: 74%; + height: 100%; + top: 0; + left: 26%; + background-image: url(../images/hero-18.jpg); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + border-radius: 0 0 0 60px; +} + +.hero-18-txt p { + padding-right: 3%; +} + +#hero-18 .quick-form { + margin-right: 4%; +} + +.hero-18-img { + text-align: center; + padding-right: 15px; +} + +/*------------------------------------------*/ +/* HERO-19 +/*------------------------------------------*/ + +#hero-19 { + padding-top: 170px; +} + +.hero-19-txt p { + padding: 0 10%; +} + +/*------------------------------------------*/ +/* HERO-20 +/*------------------------------------------*/ + +#hero-20 { + background-image: url(../images/hero-20.jpg); + padding-top: 100px; + padding-bottom: 100px; +} + +#hero-20:after { + position: absolute; + content: ''; + z-index: -1; + width: 51%; + height: 100%; + top: 0; + left: 0; + background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd); +} + +.hero-20-txt { + padding: 0 8% 0 15px; +} + +.hero-section .hero-20-txt h2.s-48 { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* HERO-21 +/*------------------------------------------*/ + +#hero-21 { + padding-top: 170px; +} + +.hero-21-txt { + margin-bottom: 60px; +} + +.hero-21-txt h2 { + margin-bottom: 35px; +} + +.hero-21-wrapper { + overflow: hidden; +} + +#hero-21 .hero-overlay { + background-image: url(../images/hero-21.jpg); + padding: 90px 70px 0; +} + +.hero-21-img { + position: relative; + margin-bottom: -25%; +} + +.hero-21-img .video-btn { + top: calc(50% - 80px); +} + +/*------------------------------------------*/ +/* HERO-22 +/*------------------------------------------*/ + +#hero-22 .wave-shape-bottom path { + fill: #fff; +} + +#hero-22 { + position: relative; + background-image: url(../images/hero-22.jpg); + padding-top: 160px; +} + +#hero-22-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-22-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-22-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-22-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-22-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-23 +/*------------------------------------------*/ + +#hero-23 .wave-shape-bottom path { + fill: #fff; +} + +#hero-23 { + position: relative; + background-image: url(../images/hero-23.jpg); + padding-top: 100px; + margin-bottom: 25px; +} + +.hero-23-txt p { + padding: 0 5%; +} + +.hero-23-img { + margin-top: 40px; + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* HERO-24 +/*------------------------------------------*/ + +#hero-24 { + background-image: url(../images/hero-24.jpg); + padding-top: 200px; + padding-bottom: 150px; +} + +#hero-24 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +/*------------------------------------------*/ +/* HERO-25 +/*------------------------------------------*/ + +#hero-25 { + background-image: url(../images/hero-25.jpg); + padding-top: 120px; + padding-bottom: 100px; +} + +.hero-25-txt h2 { + margin-bottom: 22px; +} + +.hero-25-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* HERO-26 +/*------------------------------------------*/ + +#hero-26 .wave-shape-bottom path { + fill: #fff; +} + +#hero-26 { + position: relative; + background-image: url(../images/hero-26.jpg); + padding-top: 160px; + z-index: 3; +} + +.hero-26-txt { + margin-top: -80px; +} + +.hero-26-txt h2 { + padding-right: 2%; +} + +#hero-26 .quick-form { + margin-right: 4%; +} + +.hero-26-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-27 +/*------------------------------------------*/ + +#hero-27 .hero-overlay { + background-image: url(../images/hero-27.png); + background-position: top center; + padding-top: 170px; +} + +.hero-27-txt h2 { + margin-bottom: 26px!important; +} + +.hero-27-txt p.s-20 { + padding: 0 6%; + margin-bottom: 30px!important; +} + +.hero-27-txt p.s-21 { + padding: 0 5%; +} + +/*------------------------------------------*/ +/* HERO QUICK FORM +/*------------------------------------------*/ + +.hero-section .quick-form .input-group { + border: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Input +/*------------------------------------------*/ + +.hero-section .quick-form .form-control { + height: 64px; + background-color: #fff; + border: 2px solid transparent; + color: #666; + font-size: 1.125rem; + font-weight: 400; + padding: 0 20px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.hero-section .quick-form.form-shadow .form-control { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + box-shadow: 0 5px 10px rgba(0, 0, 0, .05); +} + +.hero-section .quick-form.form-stroke .form-control { + border-color: #353f4f; +} + +.hero-section .quick-form.form-half .form-control { + height: 58px; + font-size: 1.0625rem; +} + +/*------------------------------------------*/ +/* Hero Quick Form Placeholder +/*------------------------------------------*/ + +.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Hero Quick Form Focus +/*------------------------------------------*/ + +.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Button +/*------------------------------------------*/ + +.hero-section .quick-form .btn { + height: 64px; + font-size: 1.0625rem; + padding: 12px 45px; + margin-left: 15px; +} + +.hero-section .quick-form.form-half .btn { + height: 58px; + font-size: 1rem; + padding: 13px 40px; + margin-left: 14px; +} + +/*------------------------------------------*/ +/* Hero Quick Form Message +/*------------------------------------------*/ + +.hero-section .quick-form-msg { + width: 100%!important; + display: block; + margin: 20px 0 15px 5px; +} + +.hero-section .text-center .quick-form-msg { + margin: 20px 0 -15px 0; +} + +.hero-section .quick-form-msg .loading { + color: #3eb1ff; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; +} + +.hero-section .text-center .quick-form-msg .loading { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* HERO REQUEST FORM +/*------------------------------------------*/ + +/*------------------------------------------*/ +/* Hero Request Form Input +/*------------------------------------------*/ + +.request-form .form-control { + height: 58px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #666; + font-size: 1rem; + font-weight: 400; + margin-bottom: 22px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Hero Request Form Placeholder +/*------------------------------------------*/ + +.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } +.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; } +.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; } + +.request-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Request Form Button +/*------------------------------------------*/ + +#hero-8-form .btn, +#hero-22-form .btn { + width: 100%; + height: 58px; + padding: 16px; +} + +/*------------------------------------------*/ +/* Hero Request Form Message +/*------------------------------------------*/ + +.request-form-msg { + width: 100%!important; + display: block; + text-align: center; + margin-top: 15px; +} + +.request-form-msg .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 06. ABOUT + ========================================================================== */ + +.a2-txt { + padding: 20px 30px 35px; +} + +.a2-txt-quote { + position: relative; + margin-bottom: -45px; + } + +.a2-txt-quote.ico-40 [class*="flaticon-"]:before, +.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; } + +/*------------------------------------------*/ +/* ABOUT TYPOGRAPHY +/*------------------------------------------*/ + +#about-1 .txt-block p { + margin-bottom: 0; +} + +#about-4 .txt-block p { + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* ABOUT 2 AUTHOR +/*------------------------------------------*/ + +.a2-txt-author { + line-height: 1.45; + font-weight: 500; + margin-top: 18px; + margin-bottom: 0; +} + +.a2-txt-author span { + display: block; + font-weight: 300; +} + +/*------------------------------------------*/ +/* ABOUT 2 IMAGES +/*------------------------------------------*/ + +.about-3-images { + padding: 0 5%; +} + +.about-2-img { + overflow: hidden; +} + +.about-3-img { + overflow: hidden; + height: 460px; +} + +.a-2-1 { + margin-left: 13%; + margin-bottom: 30px; +} + +.a-2-2 { + margin-left: -10%; +} + +.a-2-3 { + margin-right: -10%; + margin-bottom: 30px; +} + +.a-2-4 { + margin-right: -10%; +} + +#a4-1 { + position: relative; + padding-right: 30px; + margin-top: -30px; +} + +#a4-2 { + position: relative; + padding-left: 30px; + margin-bottom: -30px; +} + + + + +/* ========================================================================== + 07. FEATURES + ========================================================================== */ + +#features-12.py-100.shape--bg:after, +#features-12.pt-100.shape--bg:after, +#features-13.py-100.shape--bg:after, +#features-13.pt-100.shape--bg:after { + position: absolute; + content: ''; + z-index: -1; +} + +#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; } +#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; } +#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; } +#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; } + +.rows-2 .fb-1, +.rows-2 .fb-2, +.rows-2 .fb-3 { + margin-bottom: 50px; +} + +.rows-2 .fbox-7.fb-1, +.rows-2 .fbox-7.fb-2, +.rows-2 .fbox-7.fb-3, +.rows-2 .fbox-9.fb-1, +.rows-2 .fbox-9.fb-2, +.rows-2 .fbox-9.fb-3, +.rows-3 .fb-1, .rows-3 .fb-2, +.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; } + +.rows-3 .fb-3.fbox-11-lst, +.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; } + +.fbox-14-wrapper { + padding: 80px 70px; +} + +.fbox-14-wrapper .col { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.row-cols-md-3 .fbox-4 { padding: 50px 35px; } +.row-cols-md-2 .fbox-4 { padding: 35px 20px; } + +.fbox-5 { padding: 60px; } + +.fbox-7 { + border: 2px solid #eee; + padding: 55px 40px 50px; +} + +.row-cols-md-2 .fbox-7 { + padding: 35px 20px 30px; +} + +.fbox-8 { padding: 55px 40px; } +.fbox-8.bg--white-100 { padding: 60px 40px; } + +.fbox-9 { + border: 2px solid #eee; + padding: 40px 40px 35px; +} + +.fbox-14 { + border: 2px solid #eee; + padding: 40px 30px 35px; +} + +/*------------------------------------------*/ +/* FEATURE BOX IMAGE +/*------------------------------------------*/ + +.fbox-img img { + width: auto; + max-width: inherit; +} + +.fbox-img.h-135 img { max-height: 135px; } +.fbox-img.h-140 img { max-height: 140px; } +.fbox-img.h-145 img { max-height: 145px; } +.fbox-img.h-150 img { max-height: 150px; } +.fbox-img.h-155 img { max-height: 155px; } +.fbox-img.h-160 img { max-height: 160px; } +.fbox-img.h-165 img { max-height: 165px; } +.fbox-img.h-170 img { max-height: 170px; } +.fbox-img.h-175 img { max-height: 175px; } +.fbox-img.h-180 img { max-height: 180px; } + +/*------------------------------------------*/ +/* FBOX-1 IMAGE +/*------------------------------------------*/ + +.fbox-1 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-1 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-2 IMAGE +/*------------------------------------------*/ + +.fbox-2 .fbox-img { + -webkit-border-radius: 12px 12px 0 0; + -moz-border-radius: 12px 12px 0 0; + -o-border-radius: 12px 12px 0 0; + border-radius: 12px 12px 0 0; +} + +.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, +.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } + +.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; } +.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } +.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } +.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; } +.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; } + +.fbox-2 .fbox-img img { + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* FBOX-3 IMAGE +/*------------------------------------------*/ + +.fbox-3 .fbox-img { + overflow: hidden; +} + +.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; } +.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; } +.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; } +.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; } + +.row-cols-md-2 .fbox-3 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-4 IMAGE +/*------------------------------------------*/ + +.fbox-4 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-4 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-5 IMAGE +/*------------------------------------------*/ + +.fbox-5.fb-1 .fbox-5-img, +.fbox-5.fb-5 .fbox-5-img, +.fbox-5.fb-6 .fbox-5-img { + margin: 40px 5% 0; +} + +.fbox-5.fb-2 .fbox-5-img, +.fbox-5.fb-3 .fbox-5-img, +.fbox-5.fb-4 .fbox-5-img { + margin: 0 5% 40px; +} + +/*------------------------------------------*/ +/* FEATURE BOX VECTOR ICON +/*------------------------------------------*/ + +.fbox-ico, +.fbox-ico.ico-rounded { + margin-bottom: 20px; +} + +.fbox-ico.ico-rounded-md, +.fbox-ico.ico-rounded-lg { + margin-bottom: 25px; +} + +.fbox-11 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.fbox-ico-wrap { + position: relative; + margin-right: 25px; +} + +.rows-2 .fbox-ico-wrap { + margin-right: 20px; +} + +.fbox-11 .fbox-ico { + margin-top: 4px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.fbox-11 .fbox-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +/*------------------------------------------*/ +/* FEATURE BOX TITLE +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-lg-3 .fbox-title { + margin-bottom: 10px; +} + +.fbox-title span { + float: left; + line-height: 1!important; + margin-right: 15px; +} + +.fbox-title h6 { + line-height: 2.1875rem!important; + margin-bottom: 0; +} + +.fbox-title.ico-30 h6 { + line-height: 1.875rem!important; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* FEATURE BOX TYPOGRAPHY +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-md-3 h6 { + margin-bottom: 15px; +} + +.rows-2 .fbox-11 h6, +.fbox-wrapper .row-cols-md-2 h6 { + margin-bottom: 10px; +} + +.fbox-wrapper p { + margin-bottom: 0; +} + +.fbox-5 h5 { + margin-bottom: 15px; +} + +.fbox-14 h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FEATURE-12 +/*------------------------------------------*/ + +.fbox-12-wrapper { + padding-left: 45px; +} + +.fbox-13-wrapper { + padding-right: 45px; +} + +.fbox-12, +.fbox-13 { + padding: 32px 35px; +} + +.fbox-12 h5, +.fbox-13 h5 { + margin-top: 20px; + margin-bottom: 10px; +} + +.fbox-12 p, +.fbox-13 p, +.fbox-14 p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 08. CONTENT + ========================================================================== */ + +.ct-06 { + margin-bottom: 80px; +} + +.ct-07 { + margin-top: 80px; +} + +.ct-10 .section-overlay { + margin-bottom: 100px; +} + +.ct-11, +.ct-12 { + padding: 60px 0; +} + +.ct-11:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; +} + +.ct-12:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 50%; + background-color: #fff; +} + +/*------------------------------------------*/ +/* CONTENT BOX WRAPPER +/*------------------------------------------*/ + +.bc-1-wrapper .section-overlay, +.bc-4-wrapper .section-overlay, +.bc-6-wrapper .section-overlay { + padding: 80px 70px; +} + +.bc-2-wrapper .section-overlay, +.bc-3-wrapper .section-overlay, +.bc-5-wrapper .section-overlay { + padding: 80px 70px 0; +} + +.bc-6 { + padding: 40px 35px; +} + +.cbox-6-wrapper { + padding: 60px 40px; +} + +.content-section .cbox-6-wrapper { + padding: 80px 70px; +} + +.bc-5-wrapper .section-title p { + padding: 0; +} + +/*------------------------------------------*/ +/* TEXT BLOCK +/*------------------------------------------*/ + +.txt-box { + margin-bottom: 20px; +} + +.txt-box:last-child { + margin-bottom: 0; +} + +.bc-3-txt, +.ct-06 .txt-block, +.bc-2-wrapper .txt-block { + margin-top: -40px; +} + +.bc-2-txt, +.ct-07 .txt-block { + margin-top: 40px; +} + +.bc-1-wrapper .txt-block.pr-25.left-column, +.bc-2-wrapper .txt-block.pr-25.left-column { + padding-right: 25px; +} + +.bc-1-wrapper .txt-block.pl-25.right-column, +.bc-2-wrapper .txt-block.pl-25.right-column { + padding-left: 25px; +} + +.ct-11 .txt-block { + padding-right: 50px; +} + +.ct-12 .txt-block { + padding-left: 70px; +} + +.ct-13 .txt-block h5 { + padding-right: 6%; +} + +/*------------------------------------------*/ +/* TEXT BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.bc-2-txt h2, +.bc-3-txt h2, +.bc-4-txt h2, +.txt-block h3, +.txt-block h2 { + margin-bottom: 26px; +} + +.txt-block h5 { + margin-bottom: 20px; +} + +h5.h5-title { + margin-top: 20px; + margin-bottom: 20px; +} + +.txt-block .btn, +.txt-block .btns-group .btn.btn--transparent { + margin-top: 25px; +} + +.txt-block .btn.btn--transparent { + margin-top: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX +/*------------------------------------------*/ + +.cbox-1, +.cbox-2, +.cbox-3 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.cbox-5 { + position: relative; +} + +.cbox-5-content { + background-color: #fff; + border: 1px solid #f5f6f6; + padding: 40px; + margin: 0 12%; + z-index: 1; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.cbox-5-content .divider { + margin-top: 25px; + margin-bottom: 25px; +} + +#cb-6-1, #cb-6-2 { + margin-bottom: 35px; +} + +/*------------------------------------------*/ +/* CONTENT BOX TITLE +/*------------------------------------------*/ + +.box-title h6, +.box-title h5 { + display: inline-block; + line-height: 2.35rem!important; + margin-bottom: 15px; +} + +.box-title span { + position: relative; + top: 12px; + margin-right: 10px; +} + +.box-title span[class*="flaticon-"]:before, +.box-title span[class*="flaticon-"]:after { + font-size: 2.35rem; +} + +.txt-block .cbox-5-title h2 { + font-size: 3.5rem; + letter-spacing: -1px; + line-height: 1; + margin-bottom: 10px; +} + +.cbox-5-title .statistic-number sup { + font-size: 3rem; + top: -5px; + right: 6px; +} + +.cbox-5-title .ico-15 [class*="flaticon-"]:before, +.cbox-5-title .ico-15 [class*="flaticon-"]:after { + font-size: 0.875rem; + line-height: 1!important; +} + +.cbox-5-title p.p-lg { + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* CONTENT BOX ICON +/*------------------------------------------*/ + +.cbox-1 .ico-wrap { + margin-left: 8px; +} + +.cbox-1.ico-10 span { + position: relative; + top: 0; + right: 7px; +} + +.cbox-1.ico-15 span { + position: relative; + top: 1px; + right: 8px; +} + +.cbox-1.ico-10 [class*="flaticon-"]:before, +.cbox-1.ico-10 [class*="flaticon-"]:after { + font-size: 0.6rem; +} + +.cbox-1.ico-15 [class*="flaticon-"]:before, +.cbox-1.ico-15 [class*="flaticon-"]:after { + font-size: 0.75rem; +} + +/*------------------------------------------*/ +/* CBOX #2 +/*------------------------------------------*/ + +.cbox-2 .ico-wrap { + position: relative; + margin-right: 1.625rem; +} + +.cbox-2-ico { + position: relative; + width: 2.625rem; + height: 2.625rem; + text-align: center; + border-radius: 100%; + font-size: 1.1875rem; + font-weight: 500; + line-height: 2.375rem; + border: 2px solid transparent; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.ct-03 .cbox-2-ico { + position: relative; + width: 2.35rem; + height: 2.35rem; + font-size: 1.15rem; + line-height: 2.15rem; +} + +.cbox-2-line { + position: absolute; + bottom: 20px; + left: 50%; + width: 2px; + background-color: #e4e4e4; + height: calc(100% - 90px); + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.cbox-2:hover .cbox-2-ico { + background-color: transparent; + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} + +.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; } +.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; } +.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; } + +.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; } +.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; } +.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; } + +.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; } +.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; } +.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; } + +.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; } +.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; } +.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; } + +.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; } +.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; } +.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; } + +.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; } +.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; } +.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; } + +.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; } +.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; } +.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* CBOX #3 +/*------------------------------------------*/ + +.cbox-3 .ico-wrap { + position: relative; + text-align: center; + margin-top: 0; + margin-right: 1.15rem; +} + +.cbox-3 .cbox-3-ico { + position: relative; + top: 3px; +} + +.cbox-3-ico span[class*="flaticon-"]:before, +.cbox-3-ico span[class*="flaticon-"]:after { + font-size: 2.85rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX TEXT +/*------------------------------------------*/ + +.cbox-1-txt, +.cbox-2-txt, +.cbox-3-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.cbox-2-txt, +.cbox-3-txt { + margin-bottom: 35px; +} + +.ct-03 .cbox-2-txt { + margin-bottom: 30px; +} + +.cbox-4-txt { + margin-bottom: 25px; +} + +.cbox-2:last-child .cbox-2-txt, +.cbox-3:last-child .cbox-3-txt, +.cbox-4:last-child .cbox-4-txt { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX FEATURE +/*------------------------------------------*/ + +.cbox-5-fea { + padding: 20px 25px; + margin-top: 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.txt-block .cbox-5-fea h4 { + line-height: 1; + margin-bottom: 3px; +} + +.cbox-5-fea p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX TYPOGRAPHY +/*------------------------------------------*/ + +.cbox-2-txt h5, +.cbox-3-txt h5 { + margin-bottom: 15px; +} + +.ct-03 .cbox-2-txt h5 { + margin-bottom: 10px; +} + +.cbox-6 h6 { + margin-bottom: 15px; +} + +.cbox-1-txt p { + margin-bottom: 8px; +} + +.cbox-1-last .cbox-1-txt p { + margin-bottom: 1rem; +} + +.cbox-6 p, +.cbox-2-txt p, +.cbox-3-txt p, +.cbox-4-txt p { + margin-bottom: 0; +} + +.bc-6-txt { + padding: 0 10px; +} + +.bc-6-txt h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* ACCORDION +/*------------------------------------------*/ + +.txt-block .accordion-1 .accordion-item { + background-color: transparent; + padding: 25px 30px; + border: none; +} + +.txt-block .accordion-2 .accordion-item { + background-color: transparent; + padding: 15px 0 25px; + border: none; + border-top: 1px solid #ccc; + border-radius: 0 0; +} + +.txt-block .accordion-2 .accordion-item:last-child { + border-bottom: 1px solid #ccc; +} + +.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; } +.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; } +.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } +.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; } +.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; } +.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; } +.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; } +.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; } + +.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } +.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } +.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } +.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } +.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } +.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; } +.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; } + +.txt-block .accordion-thumb { + margin: 0; + padding: 0; + cursor: pointer; + position: relative; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + color: #6c757d; + font-family: Flaticon; + position: absolute; + color: #353f4f; + font-weight: 400; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before { + content: "\f11a"; + font-size: 0.95rem; + top: 1px; + left: 0; +} + +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f110"; + font-size: 0.95rem; + top: 12px; + right: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active { + background-color: #f4f4f9; + padding: 35px 30px 19px 30px; + margin-bottom: 15px; + margin-top: 15px; +} + +.txt-block .accordion-2 .accordion-item.is-active { + background-color: transparent; + margin-bottom: 0; + margin-top: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before { + content: "\f11b"; +} + +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f111"; +} + +.txt-block .accordion-1 .accordion-panel { + color: #6c757d; + margin: 0; + padding: 0 0 0 25px; + display: none; +} + +.txt-block .accordion-2 .accordion-panel { + color: #6c757d; + margin: 15px 0 0 0; + display: none; +} + +.txt-block .accordion-1 .accordion-thumb h5 { + color: #353f4f; + line-height: 1; + padding-left: 28px; + margin-bottom: 0; +} + +.txt-block .accordion-2 .accordion-thumb h5 { + color: #353f4f; + display: inline-block; + line-height: 1; + padding-left: 10px; + margin-bottom: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { + margin-bottom: 20px; +} + +.accordion-2 .accordion-thumb span[class*="flaticon-"]:before, +.accordion-2 .accordion-thumb span[class*="flaticon-"]:after { + color: #6c757d; + position: relative; + font-size: 2.1875rem; + top: 10px; +} + +.txt-block .accordion-2 .accordion-panel .simple-list li { + margin-bottom: 1rem; +} + +.txt-block .accordion-2 .accordion-panel p, +.txt-block .accordion-2 .accordion-panel .simple-list li:last-child { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TABS +/*------------------------------------------*/ + +#tabs-1 .tabs-nav { + text-align: center; +} + +.tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +#tabs-1 .tab-content { + display: none; +} + +#tabs-1 .tab-content.current { + display: inherit; +} + +.tabs-1 li { + display: inline-block; + margin: 0 20px; + color: #aaa; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + padding: 0 2px 10px; + background-color: transparent; + border-bottom: 3px solid transparent; + cursor: pointer; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* TAB LINK HOVER / CURRENT +/*------------------------------------------*/ + +.tabs-1 li:hover { + color: #888; + border-color: #ccc; +} + +.tabs-1 li.current, +.tabs-1 li.current:hover { + color: #2b3648; + border-color: #2b3648; +} + +.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; } +.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; } +.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; } + +.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; } +.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; } +.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; } + +.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; } +.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; } +.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; } + +.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; } +.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; } +.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; } + +.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; } +.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; } +.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; } + +.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; } +.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; } +.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; } + +.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; } +.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; } +.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* ADVANTAGES LIST +/*------------------------------------------*/ + +.advantages { + margin-top: 15px; +} + +.text-center .advantages { + margin-top: 20px; +} + +.advantages li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.advantages-links-divider { + position: relative; + top: 0.5px; + transform: rotate(-90deg); +} + +.advantages li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.advantages.ico-15 li p span { + position: relative; + top: 2px; + right: -1px; +} + +.advantages.ico-15 [class*="flaticon-"]:before, +.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.advantages li p a { + font-weight: 400; + text-decoration: underline; +} + +.advantages li p a:hover { + text-decoration: underline; +} + +.white--color .advantages li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* COMPATABILITY +/*------------------------------------------*/ + +.compatibility { + display: inline-block; + padding: 3px 20px; + margin-top: 15px; + margin-bottom: 0; +} + +.compatibility span { + position: relative; + top: -1.5px; + right: 2px; +} + +.compatibility.ico-10 [class*="flaticon-"]:before, +.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; } + +/*------------------------------------------*/ +/* TOOLS LIST / PAYMENT METHODS +/*------------------------------------------*/ + +.tools-list, +.payment-methods { + margin-top: 25px; +} + +.tools-list p, +.payment-methods p { + font-weight: 400; + margin-bottom: 12px; +} + +.tools-list.ico-35 [class*="flaticon-"]:before, +.tools-list.ico-35 [class*="flaticon-"]:after { + line-height: 2.1875rem!important; + margin-right: 6px; +} + +/*------------------------------------------*/ +/* Payment Icons +/*------------------------------------------*/ + +.payment-icons li { + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; + padding-right: 5px; +} + +.payment-icons li:last-child { + padding-right: 0; +} + +.payment-icons img { + width: auto; + max-width: inherit; + max-height: 32px; +} + +/*------------------------------------------*/ +/* QUOTE +/*------------------------------------------*/ + +.quote p { + color: #666; + border-left: 3px solid #0195ff; + font-style: italic; + padding-left: 20px; + margin-bottom: 12px; +} + +/*------------------------------------------*/ +/* Quote Avatar +/*------------------------------------------*/ + +.quote-avatar { + display: inline-block; + margin: 0 auto; +} + +.quote-avatar img { + width: 70px; + height: 70px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +/*------------------------------------------*/ +/* Quote Author +/*------------------------------------------*/ + +.quote-author { + position: relative; + display: inline-block; + padding: 0 0 0 15px; + text-align: left; + top: 16px; +} + +.quote-author h6 { + margin-bottom: 0; +} + +.quote-author span { + font-size: 1rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX SHAPES +/*------------------------------------------*/ + +.cbox-5-shape-1 { + position: absolute; + right: 30px; + top: -35px; + z-index: -1; +} + +.cbox-5-shape-2 { + position: absolute; + left: 30px; + bottom: -25px; + z-index: -1; +} + +.cbox-5-shape-1 img, +.cbox-5-shape-2 img { + height: 100%; + width: 100%; + object-fit: cover; +} + +/*------------------------------------------*/ +/* IMG BLOCK IMAGE +/*------------------------------------------*/ + +.grey-img { + filter: grayscale(100%); +} + +.img-block { + text-align: center; +} + +.img-block.img-block-bkg { + overflow: hidden; +} + +.img-block.img-block-bkg img { + padding: 60px 45px; +} + +.ct-10 .img-block, +.img-block-hidden, +.bc-5-img.bc-5-dashboard.img-block-hidden { + margin-bottom: -100px; +} + +.ct-05 .img-block-hidden { + margin-bottom: -30px; +} + +.bc-5-img.bc-5-tablet.img-block-hidden { + margin-bottom: -200px; +} + +.img-block-hidden .video-btn, +.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { + top: calc(50% - 30px); +} + +.bc-5-img.bc-5-tablet.img-block-hidden .video-btn { + top: calc(50% - 70px); +} + +.ct-01 .img-block, +.ct-04 .img-block { + margin-left: 30px; +} + +.ct-02 .img-block { + margin-right: 30px; +} + +.ct-03 .img-block.right-column { + margin-left: 20px; +} + +.ct-03 .img-block.left-column { + margin-right: 20px; +} + +.ct-04 .img-block img { + max-width: none; + display: inline-block; +} + +.ct-06 .img-block { + margin-bottom: -80px; +} + +.ct-07 .img-block { + margin-top: -80px; +} + +.img-block-txt, +.img-block-btn { + margin-top: 60px; +} + +.bc-1-wrapper .img-block.left-column, +.bc-2-wrapper .img-block.left-column { + padding-right: 10px; +} + +.bc-1-wrapper .img-block.right-column, +.bc-2-wrapper .img-block.right-column { + padding-left: 10px; +} + +.bc-2-img { + margin-left: 15px; +} + +.bc-3-img { + margin: 0 -65% -25px 15px; +} + +.bc-4-img { + margin-left: 15px; + margin-right: -65%; +} + +.bc-6-img { + padding: 50px 30px 0; + margin-bottom: 35px; +} + +.ct-11 .img-block { + position: relative; + text-align: center; + padding-left: 70px; + z-index: 2; +} + +.ct-12 .img-block { + position: relative; + text-align: center; + padding-right: 70px; + z-index: 2; +} + +.ct-11 .img-block .tra-bkg, +.ct-12 .img-block .tra-bkg { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + + + + +/* ========================================================================== + 09. STATISTIC + =========================================================================== */ + +.sb-rounded .statistic-block { + padding: 35px 25px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK +/*------------------------------------------*/ + +#sb-2-1, +#sb-2-2 { + width: 48%; + display: inline-block; + float: left; +} + +#sb-2-3, #sb-2-4 { + display: inline-block; + float: left; + padding-right: 15px; +} + +#sb-2-3 { width: 45%; } +#sb-2-4 { width: 55%; } + +#sb-2-3 .statistic-block, +#sb-2-4 .statistic-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +#sb-2-3 .statistic-block-txt, +#sb-2-4 .statistic-block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 15px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-1-wrapper .statistic-block-digit { + width: 35%; + display: inline-block!important; + float: left; +} + +.statistic-1-wrapper .statistic-block-txt { + width: 65%; + display: inline-block!important; + padding-left: 20px; +} + +#statistic-5 .statistic-digit { + padding-bottom: 20px; + margin: 0 100px 20px 0; + border-bottom: 1px solid #999; +} + +#statistic-5 .color--white .statistic-digit { + border-bottom: 1px solid rgba(255, 255, 255, .8); +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-ico { + margin-bottom: 10px; +} + +h2.statistic-number { + line-height: 1; + font-weight: 700; + letter-spacing: -1px; + margin-bottom: 0; +} + +#sb-2-1 h2.statistic-number, +#sb-2-2 h2.statistic-number { + margin-bottom: 15px; +} + +#sb-2-3 h2.statistic-number span, +#sb-2-4 h2.statistic-number span { + font-size: 2rem; +} + +#statistic-5 .statistic-digit h2 { + letter-spacing: -1.5px; +} + +#statistic-5 .statistic-txt h5 { + line-height: 1; + margin-bottom: 12px; +} + +.statistic-block-txt p.p-md { + line-height: 1.35; + margin-bottom: 0; +} + +#sb-2-1 .statistic-block p.p-sm, +#sb-2-2 .statistic-block p.p-sm { + line-height: 1.4; + margin-bottom: 0; +} + +#sb-2-3 .statistic-block p.p-sm, +#sb-2-4 .statistic-block p.p-sm { + margin-top: 3px; + line-height: 1.5; + margin-bottom: 0; +} + +.statistic-3-wrapper p { + line-height: 1; + margin-top: 15px; + margin-bottom: 0; +} + +.statistic-3-wrapper p.p-md { + line-height: 1; + margin-top: 22px; + margin-bottom: 0; +} + +.statistic-4-wrapper p { + line-height: 1; + margin-bottom: 14px; +} + +#statistic-5 .statistic-txt p { + padding-right: 3%; + margin-bottom: 0; +} + +.txt-block-stat .statistic-block .txt-block-rating { + margin-top: -4px; + margin-bottom: -3px; +} + +.txt-block-stat .ico-15 [class*="flaticon-"]:before, +.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; } + + + + +/* ========================================================================== + 10. PROJECTS + ========================================================================== */ + +.projects-wrapper { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +#pt-1-1, #pt-1-2, +.inner-page-hero #pt-1-3, +.inner-page-hero #pt-1-4 { + margin-bottom: 50px; +} + +.project-details h5 { + line-height: 1; + margin-bottom: 30px; +} + +.project-preview { + position: relative; + overflow: hidden; +} + +/*------------------------------------------*/ +/* Image Link +/*------------------------------------------*/ + +.project-link { + width: 100%; + position: absolute; + top: 55%; + transform: translateY(-50%); + opacity: 0; + text-align: center; + color: #fff; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Overlay +/*------------------------------------------*/ + +.hover-overlay { + width: 100%; + height: auto; + overflow: hidden; + position: relative; +} + +.hover-overlay img { + transform: scale(1); + -ms-transform: scale(1); + -webkit-transform: scale(1); + -o-transform: scale(1); + -moz-transform: scale(1); + overflow: hidden; + -webkit-transition: transform 400ms; + -moz-transition: transform 400ms; + -o-transition: transform 400ms; + transition: transform 400ms; +} + +/*------------------------------------------*/ +/* Overlay Background +/*------------------------------------------*/ + +.item-overlay { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(20, 20, 20, .25); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Effect +/*------------------------------------------*/ + +.project-preview:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.project-preview:hover .project-link { + top: 50%; + opacity: 1; + -moz-opacity: 1; +} + +.project-preview:hover .item-overlay { + opacity: 1; + -moz-opacity: 1; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.more-projects { + text-align: center; + margin-top: 70px; +} + + + + +/* ========================================================================== + 11. PROJECT DETAILS + ========================================================================== */ + +.single-project .project-title { + margin-bottom: 80px; +} + +.project-title h2 { + padding-right: 5%; + padding-bottom: 40px; + margin-bottom: 35px; + border-bottom: 1px solid #ddd; +} + +.project-data p { + margin-bottom: 4px; +} + +.project-data p span { + color: #353f4f; + font-weight: 500; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.project-description .more-projects { + margin-top: 65px; +} + +.project-description .more-projects h3 { + display: inline-block; + text-decoration: underline; + margin-bottom: 0; +} + +.project-description .more-projects span { + color: #353f4f; + position: relative; + top: 2px; + left: 5px; +} + + + + +/* ========================================================================== + 12. RATING + =========================================================================== */ + +.rating-section .rating-1-wrapper { + padding: 0 16%; +} + +.rating-section .rating-2-wrapper { + padding: 0 4%; +} + +.rating-title { + text-align: center; +} + +.rating-title h5 { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* RATING BOX +/*------------------------------------------*/ + +.rbox-1, +.rbox-2 { + text-align: center; +} + +/*------------------------------------------*/ +/* RATING BOX LOGO +/*------------------------------------------*/ + +.rbox-1-img { + margin-bottom: 20px; +} + +.rbox-1-img img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.rbox-2-txt img { + position: relative; + display: inline-block; + width: auto; + max-width: inherit; + max-height: 30px; + top: -1px; + left: 4px; +} + +/*------------------------------------------*/ +/* RATING BOX TYPOGRAPHY +/*------------------------------------------*/ + +.rbox-2-txt { + margin-top: 20px; +} + +.rbox-1 .star-rating { + display: inline-block; + font-size: 17px; + line-height: 15px; + font-weight: 500; + vertical-align: inherit; + border: 1px solid #f5f5f5; + padding: 5px 18px; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +.rbox-1 .star-rating span { + position: relative; + color: #ffb30c; + top: 1.5px; +} + +.rbox-1 .star-rating { + font-size: 0.86rem; + line-height: 1; +} + +p.rbox-2-txt { + line-height: 22px; + margin-top: 8px; + margin-bottom: 0; +} + +p.rbox-2-txt span { + font-weight: 500; +} + + + + +/* ========================================================================== + 13. TESTIMONIALS + =========================================================================== */ + +.reviews-2-wrapper { + padding: 0 10px; +} + +.reviews-3-wrapper { + padding: 0 20px; +} + +.reviews-4-wrapper, +.reviews-5-wrapper { + padding-left: 40px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL +/*------------------------------------------*/ + +.review-1 { + padding: 40px 40px 30px; + margin: 0 10px 30px; +} + +.review-1.block-border { + border-color: #d2d2d2; +} + +.review-2 { + padding: 45px 50px 35px; +} + +.review-3 { + padding: 45px 50px 40px; +} + +.review-4 { + padding: 40px 45px 30px; +} + +.review-5 { + padding: 45px 45px 40px; +} + +#rw-2-1, #rw-2-2 { + margin-bottom: 20px; +} + +.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 { + margin-bottom: 20px; +} + +#rw-3-2 { + margin-bottom: 45px; +} + +#rw-3-2, #rw-3-3 { + margin-left: 15px; +} + +#rw-4-1, +#rw-5-1 { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL TEXT +/*------------------------------------------*/ + +.review-ico { + position: relative; + margin-top: -25px; + margin-left: -10px; + opacity: .1; +} + +.review-txt { + position: relative; + margin-top: -45px; +} + +.review-txt h6 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL DATA +/*------------------------------------------*/ + +.review-1 .author-data { + margin-top: 22px; +} + +.review-2 .author-data { + margin-top: 15px; +} + +.review-3 .author-data { + margin-top: 20px; +} + +.review-avatar { + margin: 0 auto; + float: left; +} + +.review-avatar img, +.owl-item .review-avatar img { + width: 54px; + height: 54px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.review-2 .review-avatar img { + width: 64px; + height: 64px; +} + +.review-3 .review-avatar img, +.review-5 .review-avatar img { + width: 62px; + height: 62px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL AUTHOR +/*------------------------------------------*/ + +.review-author { + position: relative; + display: inline-block; + text-align: left; + padding: 0 0 0 15px; +} + +.review-1 .review-author { + margin-top: 4px; +} + +.review-2 .review-author { + margin-top: 10px; +} + +.review-3 .review-author { + margin-top: 8px; +} + +.review-5 .review-author { + margin-top: 8px; +} + +.review-4 .review-author { + padding-left: 0; + margin-top: 0; +} + +.review-author h6 { + line-height: 1; + margin-bottom: 8px; +} + +.review-1 .review-author h6 { + font-size: 0.975rem; +} + +.review-author p { + line-height: 1; + font-weight: 300; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TESTIMONIAL CAROUSEL DOTS +/*------------------------------------------*/ + +.reviews-section button { + background-color: transparent; + border: none; + padding: 0 2px; +} + +.owl-theme .owl-dots .owl-dot span { + margin: 0 7px; +} + +.owl-dots button:focus { + outline: none; + text-decoration: none; +} + + + + +/* ========================================================================== + 14. PRESS + =========================================================================== */ + +/*------------------------------------------*/ +/* PRESS LOGO +/*------------------------------------------*/ + +.press-logo img { + position: relative; + width: auto; + max-width: inherit; + max-height: 82px; +} + +/*------------------------------------------*/ +/* PRESS TEXT +/*------------------------------------------*/ + +.press-txt { + position: relative; + margin-top: 15px; +} + +.press-txt p { + color: #999; + font-weight: 400; + margin-bottom: 0; +} + +.press-txt span { + position: relative; + top: 3px; + left: -1px; + opacity: .6; +} + +.press-txt.ico-20 [class^="flaticon-"]:before, +.press-txt.ico-20 [class^="flaticon-"]:after { + font-size: 1.375rem; +} + + + + +/* ========================================================================== + 15. BRANDS + =========================================================================== */ + +#brands-3 { + position: relative; +} + +#brands-3:after { + position: absolute; + content: ''; + width: 100%; + height: 80%; + top: 0; + left: 0; + z-index: -1; +} + +/*------------------------------------------*/ +/* BRANDS SECTION TITLE +/*------------------------------------------*/ + +.brands-title { + text-align: center; + padding: 0 5%; +} + +.brands-title h4, +.brands-title h3, +.brands-title h2 { + margin-bottom: 8px; +} + +.brands-title p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* BRANDS LOGO WRAPPER +/*------------------------------------------*/ + +.brands-3-wrapper { + padding: 50px 30px; + background-color: #fff; + border: 1px solid #e9ecef; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} + +/*------------------------------------------*/ +/* BRANDS LOGO IMAGE +/*------------------------------------------*/ + +.brand-logo { + overflow: hidden; + position: relative; + top: 0; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +#brands-1 .brands-carousel-5 .brand-logo { + padding: 0 30px; +} + +#brands-1 .brands-carousel-6 .brand-logo { + padding: 0 20px; +} + +#brands-1 .justify-content-center .brand-logo { + padding: 0 15px; +} + +#brands-2 .brand-logo { + padding: 0; +} + +#brands-3 .brand-logo { + padding: 0 25px; +} + +#brands-3 .brands-3-static .brand-logo { + padding: 0 15px; +} + +#brands-4 .brand-logo { + padding: 0 20px; +} + +.brand-logo:hover { + top: -6px; +} + +.brands-section .more-btn { + text-align: center; + margin-top: 40px; +} + +.hero-section .owl-dots, +.brands-section .owl-dots { + display: none; +} + + + + +/* ========================================================================== + 16. INTEGRATIONS + =========================================================================== */ + +.integrations-2-wrapper { + padding: 80px 70px; +} + +.in_tool_logo { + padding: 50px 30px; + margin-bottom: 25px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.integrations-1-wrapper .in_tool-logo { + position: relative; + margin-right: 20px; +} + +.integrations-1-wrapper .in_tool { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + padding: 22px 20px; + border: 1px solid #ccc; +} + +.integrations-1-wrapper .in_tool-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.in_tool h6 { + line-height: 1; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool-txt h6 { + margin-top: 5px; +} + +.integrations-1-wrapper .in_tool-txt p { + margin-top: 5px; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + + + + +/* ========================================================================== + 17. PRICING + =========================================================================== */ + +/*------------------------------------------*/ +/* Price Table +/*------------------------------------------*/ + +.p-table { + margin-bottom: 40px; +} + +.pricing-1-table { + padding: 50px 38px 45px; +} + +.text-center .pricing-1-table { + padding: 60px 35px 50px; +} + +.pricing-2-table { + padding: 45px 38px 50px; +} + +.pricing-3-table { + padding: 50px 40px; +} + +.pricing-4-table { + position: relative; + padding: 45px; +} + +#pt-4-1 { margin: 0 10px 40px 50px; } +#pt-4-2 { margin: 0 50px 40px 10px; } + +/*------------------------------------------*/ +/* TABLE HEADER +/*------------------------------------------*/ + +.pricing-table-header { + position: relative; +} + +.pricing-table-header h5 { + margin-bottom: 30px; +} + +.pricing-table-header h4 { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* PRICING TABLE DISCOUNT +/*------------------------------------------*/ + +.pricing-discount { + position: absolute; + top: -2px; + right: -10px; + padding: 8px 18px; +} + +.pricing-1-table .pricing-discount { + top: -2px; + right: -5px; + padding: 7px 13px; +} + +.text-center .pricing-1-table .pricing-discount { + top: -35px; + right: -8px; +} + +.pricing-discount h6 { + font-size: 1.1rem; + line-height: 1; + margin-bottom: 0; +} + +.pricing-1-table .pricing-discount h6 { + font-size: 0.915rem; +} + +.price.color--black .white--color { + color: #fff; +} + +.comp-table .table thead th { + border-color: #ccc; +} + +.comp-table tbody th { + border-bottom: 1px solid #ccc!important; +} + +.comp-table .table tr td { + border-bottom: 2px solid #ccc; +} + +/*------------------------------------------*/ +/* PRICE +/*------------------------------------------*/ + +.price span { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 3rem; + line-height: 1; + font-weight: 600; + letter-spacing: -2px; +} + +.pricing-2-table.highlight .price span { + font-size: 2.4rem; + letter-spacing: -1px; +} + +.pricing-3-table .price span { + font-size: 4.35rem; +} + +.pricing-4-table .price span { + font-size: 3.15rem; +} + +/*------------------------------------------*/ +/* DOLLAR SIGN +/*------------------------------------------*/ + +.price sup { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.05rem; + font-weight: 600; + top: -5px; + right: 2px; + letter-spacing: -1px; +} + +.pricing-3-table .price sup { + font-size: 2.35rem; + top: -23px; + right: 3px; +} + +.pricing-4-table .price sup { + font-size: 2.05rem; + top: -10px; + right: 2px; +} + +/*------------------------------------------*/ +/* COINS +/*------------------------------------------*/ + +.pricing-3-table .price sup.coins { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.35rem; + font-weight: 600; + top: -29px; + left: 3px; + letter-spacing: -2px; +} + +/*------------------------------------------*/ +/* Validity +/*------------------------------------------*/ + +.price sup.validity { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 1.4rem; + font-weight: 400; + top: -2px; + left: 0; +} + +.pricing-3-table .price sup.validity { + display: block; + font-size: 1.1875rem; + top: 0; + margin-top: 20px; + margin-bottom: 30px; + letter-spacing: 0; + margin-bottom: 40px; +} + +/*------------------------------------------*/ +/* Text +/*------------------------------------------*/ + +.price p { + margin-top: 25px; + margin-bottom: 25px; +} + +.pricing-2-table .price p { + margin-bottom: 15px; +} + +.text-center .price p { + padding: 0 2%; +} + +.pricing-section .btn-txt a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* PRICING TABLE HORIZONTAL LINE +/*------------------------------------------*/ + +.pricing-1-table hr { + margin-top: 35px; +} + +.pricing-2-table hr { + margin-top: 25px; +} + +/*------------------------------------------*/ +/* PRICING FEATURES +/*------------------------------------------*/ + +.pricing-features li { + padding: 11px 8px; +} + +.pricing-4-table .pricing-features li { + padding: 10px; +} + +.pricing-features li p { + line-height: 1; + font-weight: 400; + margin-bottom: 0; +} + +.pricing-features li p span { + position: relative; + top: -2px; + right: 5px; +} + +.pricing-features.ico-10 li p span { + top: 0; + right: 4px; +} + +.pricing-features.ico-5 [class*="flaticon-"]:before, +.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; } + +.pricing-features li.disabled-option p, +.pricing-features li.disabled-option span { + color: #b5b5b5!important; +} + +/*------------------------------------------*/ +/* PRICING TABLE BUTTON +/*------------------------------------------*/ + +.pt-btn { + display: block; + width: 100%; + margin-top: 25px; +} + +.p-table p.btn-txt { + margin: 14px 0 0 0; +} + +/*------------------------------------------*/ +/* PRICING TOGGLE BUTTON +/*------------------------------------------*/ + +.ext-toggle-btn { + text-align: center; +} + +.toggle-btn.inn-toggle-btn { + position: absolute; +} + +#pricing-4 .ext-toggle-btn { + margin: 0 50px 35px 10px; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON TYPOGRAPHY +/*------------------------------------------*/ + +.toggle-btn-md .toggler-txt { + font-size: 1.1rem; + font-weight: 400; + line-height: 36px; +} + +.toggle-btn-lg .toggler-txt { + font-size: 1.15rem; + font-weight: 400; + line-height: 40px; +} + +.toggle-btn p { + margin-top: 10px; + letter-spacing: -0.25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON SWITCHER +/*------------------------------------------*/ + +.switch-wrap { + position: relative; + display: inline-block; + min-width: 50px; + height: 32px; + vertical-align: middle; +} + +.toggle-btn-md .switch-wrap { + min-width: 65px; + height: 36px; + margin: 0 8px; +} + +.toggle-btn-lg .switch-wrap { + min-width: 70px; + height: 40px; + margin: 0 14px; +} + +.switcher { + display: block; + cursor: pointer; + color: #fff; + font-size: 0.925rem; + font-weight: 500; + height: 32px; + padding: 0 15px 0 35px; + position: relative; + border-radius: 32px; + -webkit-transition: all 150ms ease-in-out; + -moz-transition: all 150ms ease-in-out; + -o-transition: all 150ms ease-in-out; + -ms-transition: all 150ms ease-in-out; + transition: all 150ms ease-in-out; +} + +.toggle-btn-md .switcher { + height: 36px; + padding: 0 20px 0 40px; + border-radius: 36px; +} + +.toggle-btn-lg .switcher { + height: 40px; + padding: 0 20px 0 40px; + border-radius: 40px; +} + +.switcher.bg--tra-white { + background-color: #fff; + border: 2px solid #ccc; +} + +.switcher.bg--ghost-white { + background-color: rgba(128, 143, 174, .45); + border: 2px solid rgba(128, 143, 174, .15); +} + +.switcher.bg--grey { + background-color: #ccc; + border: 2px solid #ccc; +} + +.switcher .show-annual, +.switcher .show-monthly { + line-height: 32px; +} + +.toggle-btn-md .switcher .show-annual, +.toggle-btn-md .switcher .show-monthly { + line-height: 36px; +} + +.toggle-btn-lg .switcher .show-annual, +.toggle-btn-lg .switcher .show-monthly { + line-height: 40px; +} + +.switcher .show-monthly { + display: block; +} + +.switcher .show-annual { + display: none; +} + +.switcher:before { + position: absolute; + left: 4px; + bottom: 4px; + content: " "; + background-color: #fff; + width: 24px; + height: 24px; + border-radius: 50%; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.toggle-btn-md .switcher:before { + left: 5px; + bottom: 5px; + width: 26px; + height: 26px; +} + +.toggle-btn-lg .switcher:before { + left: 5px; + bottom: 5px; + width: 30px; + height: 30px; +} + +.switcher.bg--grey:before, +.switcher.bg--tra-white:before, +.switcher.bg--ghost-white:before { + background-color: #ccc; + left: 4px; + bottom: 3.5px; + -webkit-box-shadow: 0 1px 1px 0 #aaa; + -moz-box-shadow: 0 1px 1px 0 #aaa; + box-shadow: 0 1px 1px 0 #aaa; +} + +.switcher.bg--grey:before, +.switcher.bg--ghost-white:before { + background-color: #fff; +} + +.switch-wrap input { + display: none; +} + +.switch-wrap input:checked + .switcher { + padding: 0 35px 0 15px; +} + +.toggle-btn-md .switch-wrap input:checked + .switcher, +.toggle-btn-lg .switch-wrap input:checked + .switcher { + padding: 0 40px 0 20px; +} + +.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; } +.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; } +.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; } + +.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; } +.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; } +.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; } + +.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; } +.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; } +.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; } + +.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; } +.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; } +.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; } + +.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; } +.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; } +.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; } + +.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; } +.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; } +.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; } + +.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; } +.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; } +.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; } + +.switch-wrap input:checked + .switcher:before { + left: auto; + right: 4px; + -webkit-transition: all 350ms ease-in-out; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.switch-wrap input:checked + .switcher.bg--tra-white:before { + bottom: 3px; + background-color: #fff; + -webkit-box-shadow: 0 0; + -moz-box-shadow: 0 0; + box-shadow: 0 0; +} + +.switch-wrap input:checked + .switcher .show-annual { + display: block; +} + +.switch-wrap input:checked + .switcher .show-monthly { + display: none; +} + +/*------------------------------------------*/ +/* PRICING NOTICE TEXT +/*------------------------------------------*/ + +.pricing-notice { + text-align: center; + margin-top: 20px; +} + +.pricing-notice p { + padding: 0 8%; + margin-bottom: 0; +} + +.pricing-notice p span { + font-weight: 500; +} + +/*------------------------------------------*/ +/* COMPARE PRICING TABLE +/*------------------------------------------*/ + +.table>:not(caption)>*>* { + padding-top: 12px; + padding-bottom: 12px; +} + +.comp-table .pricing-header { + max-width: 700px; +} + +.comp-table .table-responsive thead th { + font-size: 1.15rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody th { + font-size: 1rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody td { + position: relative; + font-size: 1rem; + line-height: inherit; + top: 1px; +} + +.comp-table .table-responsive tbody td span { + position: relative; + top: 1px; +} + +.table-responsive .ico-15 [class*="flaticon-"]:before, +.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.table-responsive .ico-20 [class*="flaticon-"]:before, +.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; } + +.comp-table .table-responsive tbody tr { + background-color: #fff; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.comp-table .table tbody tr.table-last-tr { + border-color: transparent; +} + +.comp-table .table-responsive tbody tr:hover { + background-color: #f7f7f9; +} + +.comp-table .disabled-option { + color: #999; +} + +/*------------------------------------------*/ +/* PRICING COMPARE PAYMENT +/*------------------------------------------*/ + +.comp-table-payment h6 { + margin-bottom: 20px; +} + +.comp-table-payment p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 18. TEAM + =========================================================================== */ + +/*------------------------------------------*/ +/* TEAM MEMBER +/*------------------------------------------*/ + +#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; } +#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; } +#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; } + +/*------------------------------------------*/ +/* TEAM MEMBER PHOTO +/*------------------------------------------*/ + +.team-member-photo { + position: relative; + overflow: hidden; + text-align: center; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* PHOTO HOVER ZOOM +/*------------------------------------------*/ + +.team-member:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.team-member:hover .item-overlay { + opacity: .45; + -moz-opacity: .45; +} + +/*------------------------------------------*/ +/* TEAM MEMBER TYPOGRAPHY +/*------------------------------------------*/ + +.team-member-data { + position: relative; + margin-left: 5px; +} + +.team-member-data h6.s-20 { + margin-bottom: 8px; +} + +.team-member-data p { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1; + font-weight: 400; + letter-spacing: 0; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Team Member Social Links +/*------------------------------------------*/ + +ul.tm-social { + position: absolute; + top: -1px; + right: 8px; + -webkit-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} + +#team-1 ul.tm-social { + right: 5px; +} + +ul.tm-social li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; + margin-left: 10px; + opacity: .6; + -webkit-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; +} + +.tm-social.ico-20 [class*="flaticon-"]:before, +.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; } + + + + +/* ========================================================================== + 19. CAREERS + =========================================================================== */ + +/*------------------------------------------*/ +/* ROLE BOX +/*------------------------------------------*/ + +.role-box { + border: 1px solid #d2d2d2; + padding: 25px 35px; + margin-bottom: 30px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.role-box.bg--white-200, +.role-box.bg--white-300 { + border: 1px solid transparent; +} + +.role-box:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* ROLE BOX TEXT +/*------------------------------------------*/ + +.role-box span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.8rem; + line-height: 1; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 14px; +} + +.role-box h6 { + margin-bottom: 6px; +} + +.role-box p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 20. CAREER ROLE + =========================================================================== */ + +#role-page .inner-page-title { + text-align: left; + margin-bottom: 50px; +} + +#role-page .inner-page-title span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.9rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 35px; +} + +.role-info hr { + margin: 50px 0; +} + +#role-page .cbox-6-wrapper { + margin: 45px 0; +} + +.role-info h5 { + margin-bottom: 25px; +} + +.role-info p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-block.role-info .btn { + display: block; + margin-top: 50px; +} + + + + +/* ========================================================================== + 21. BANNER + =========================================================================== */ + +.banner-overlay { + width: 100%; + height: 100%; +} + +#banner-11 { + margin-top: 50px; +} + +#banner-12 { + margin-top: 40px; + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* BANNER WRAPPER +/*------------------------------------------*/ + +.banner-1-wrapper, +.banner-2-wrapper, +.banner-3-wrapper { + position: relative; + overflow: hidden; + text-align: center; +} + +.banner-1-wrapper .banner-overlay { + padding: 75px 15% 85px; +} + +.banner-2-wrapper .banner-overlay { + padding: 80px 15% 90px; +} + +.banner-3-wrapper .banner-overlay { + padding: 75px 20% 85px; +} + +.banner-11-wrapper .banner-overlay { + padding: 10px 70px 0; +} + +.banner-12-wrapper .banner-overlay { + padding-left: 80px; +} + +.banner-13-wrapper { + overflow: hidden; +} + +.banner-13-wrapper .banner-overlay { + overflow: hidden; + padding-left: 80px; +} + +.banner-16-wrapper .banner-overlay { + padding: 45px 22%; +} + +.banner-16-wrapper.bg--white-100.block-border { + border-color: #ccc; +} + +/*------------------------------------------*/ +/* BANNER TEXT +/*------------------------------------------*/ + +.banner-12-txt { + margin-top: -10px; + padding-right: 15%; +} + +.banner-13-txt { + padding-right: 15%; +} + +/*------------------------------------------*/ +/* BANNER TYPOGRAPHY +/*------------------------------------------*/ + +.banner-section .section-id { + font-weight: 600; + padding-top: 10px; + margin-bottom: 30px; +} + +.banner-1-txt h2 { + margin-bottom: 15px; +} + +.banner-2-txt h2 { + margin-bottom: 35px; +} + +.banner-4-txt h2 { + margin-bottom: 30px; +} + +.banner-7-txt h2 { + margin-bottom: 35px; +} + +.banner-10-txt h6 { + font-weight: 400; + margin-bottom: 12px; +} + +.banner-10-txt h2 { + margin-bottom: 25px; +} + +.banner-11-txt h2, +.banner-12-txt h2, +.banner-13-txt h2 { + margin-bottom: 22px; +} + +.banner-15-txt h2 { + margin-bottom: 45px; +} + +.banner-16-txt h4 { + margin-bottom: 14px; +} + +.banner-section p.p-lg { + font-size: 1.15rem; + margin-bottom: 30px; +} + +.banner-section p.p-xl { + margin-bottom: 25px; +} + +.sm-title .banner-1-txt p.p-lg, +.sm-title .banner-1-txt p.p-xl { + margin-top: 12px; + margin-bottom: 22px!important; +} + +.banner-3-txt p.p-lg, +.banner-3-txt p.p-xl, +.banner-5-txt p.p-lg, +.banner-5-txt p.p-xl { + margin-top: 20px; +} + +.banner-5-txt p.s-21, +.banner-5-txt p.s-22 { + margin-top: 20px; + margin-bottom: 26px; +} + +.banner-6-txt p.p-lg, +.banner-6-txt p.p-xl { + margin-top: 15px; + margin-bottom: 25px!important; +} + +.banner-8-txt p.p-lg, +.banner-8-txt p.p-xl { + margin-top: 10px; + margin-bottom: 0!important; +} + +.banner-9-txt p.p-lg, +.banner-9-txt p.p-xl { + margin-top: 20px; + margin-bottom: 25px!important; +} + +.banner-11-txt p { + padding-right: 8%; +} + +.banner-14-txt p.p-lg { + font-size: 1.25rem; + margin-top: 35px; + margin-bottom: 40px; +} + +.banner-15-txt p a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* BANNER IMAGE +/*------------------------------------------*/ + +.banner-11-img { + margin-top: -60px; + margin-left: -40px; +} + +.banner-12-img { + margin: -40px -20px -30px -40px; +} + +.banner-13-img { + transform: rotate(-20deg); + margin: -60px -120px -70px -40px; +} + + + + +/* ========================================================================== + 22. CALL TO ACTION / DOWNLOAD + =========================================================================== */ + +.version-release { + margin-bottom: 80px; +} + +.release-data { + padding-bottom: 30px; + border-bottom: 1px dashed #ccc; + margin-bottom: 30px; +} + +.release-data h5 { + margin-bottom: 40px; +} + +span.version-data { + color: #353f4f; + font-size: 2rem; + line-height: 1; + margin-right: 20px; + margin-bottom: 0; +} + +span.release-date { + color: #999; + font-size: 1.175rem; + line-height: 1; + margin-bottom: 0; +} + +span.release-date span { + color: #353f4f; + font-weight: 500; + margin-left: 20px; +} + +.release-download { + position: absolute; + right: 5px; + bottom: 0; +} + +.release-highlights .simple-list p { + margin-bottom: 2px; +} + + + + +/* ========================================================================== + 23. FAQS + =========================================================================== */ + +/*------------------------------------------*/ +/* FAQS SECTION TITLE +/*------------------------------------------*/ + +#faqs-1 .section-title { + margin-bottom: 50px; +} + +#faqs-2 .inner-page-title { + margin-bottom: 55px; +} + +#faqs-3 .section-title { + margin-bottom: 70px; +} + +.faqs-3-questions .questions-holder { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FAQS ACCORDION +/*------------------------------------------*/ + +.faqs-section .accordion-item { + background-color: transparent!important; + border: none; + border-bottom: 1px solid #e5e5e5; +} + +#faqs-2.faqs-section .accordion-item { + border-bottom: 1px solid #ddd; +} + +.faqs-section .accordion-item.acc-last-item, +#faqs-2.faqs-section .accordion-item.acc-last-item { + border-bottom: none; +} + +/*------------------------------------------*/ +/* Question +/*------------------------------------------*/ + +.faqs-section .accordion-thumb { + margin: 0; + padding: 25px 0; + cursor: pointer; + position: relative; +} + +#faqs-2.faqs-section .accordion-thumb { + padding: 25px 0 30px; +} + +.faqs-section .accordion-item .accordion-thumb:after, +.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-family: Flaticon; + font-weight: 300; + content: "\f11a"; + position: absolute; + font-size: 1rem; + top: 22px; + right: 3px; +} + +#faqs-2.faqs-section .accordion-item .accordion-thumb:after, +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-size: 1rem; + top: 26px; + right: 2px; +} + +.faqs-section .accordion-item.is-active .accordion-thumb:after { + content: "\f11b"; +} + +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #e5e5e5; +} + +/*------------------------------------------*/ +/* Answer +/*------------------------------------------*/ + +.accordion-panel { + margin: 0; + padding: 0 0 15px 0; + display: none; +} + +#faqs-2 .accordion-panel { + padding: 45px 0 15px 0; +} + +.accordion-thumb h5, +.accordion-thumb h4 { + line-height: 1; + margin-bottom: 0; +} + +.question h5, +.accordion-panel-item h5 { + margin-bottom: 20px; +} + +.question h5 span, +.accordion-thumb h5 span, +.accordion-panel-item h5 span { + margin-right: 5px; +} + +.question p a, +.accordion-panel p a { + font-weight: 500; + text-decoration: underline; +} + +.question p.color--grey a.color--blue, +.accordion-panel.color--grey a.color--blue { + color: #1680fb!important; +} + +/*------------------------------------------*/ +/* FAQS TABS +/*------------------------------------------*/ + +.faqs-section .tabs-nav { + text-align: center; +} + +.faqs-section .tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +.faqs-section .tab-content { + display: none; +} + +.faqs-section .tab-content.current { + display: inherit; +} + +.faqs-section .tabs-1 li { + display: inline-block; + min-width: 230px; + background-color: transparent; + border: 2px solid #ddd; + cursor: pointer; + padding: 30px 0; + margin: 0 6px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.faqs-section .tabs-1 li span { + color: #c3c4c5; +} + +.faqs-section .tabs-1 li p { + line-height: 1; + font-weight: 400; + margin-top: 15px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TAB LINK CURRENT +/*------------------------------------------*/ + +.faqs-section .tabs-1 li.current, +.faqs-section .tabs-1 li.current:hover { + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); +} + +.faqs-section .tabs-1 li.current p, +.faqs-section .tabs-1 li.current span { + color: #fff; +} + +.faqs-section .tabs--blue .tabs-1 li.current, +.faqs-section .tabs--blue .tabs-1 li.current:hover { + background-color: #1680fb; + border-color: #1680fb!important; +} + +.faqs-section .tabs--purple .tabs-1 li.current, +.faqs-section .tabs--purple .tabs-1 li.current:hover { + background-color: #7b5dd6; + border-color: #7b5dd6!important; +} + +/*------------------------------------------*/ +/* MORE QUESTIONS LINK +/*------------------------------------------*/ + +.more-questions { + text-align: center; +} + +#faqs-2 .more-questions { + margin: 70px auto 0; +} + +.more-questions-txt { + display: inline-block; + padding: 22px 46px; +} + +.more-questions-txt p { + line-height: 1; + margin-bottom: 0; +} + +.more-questions-txt a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 24. NEWSLETTER + =========================================================================== */ + +#newsletter-1 .newsletter-overlay { + padding-top: 60px; + padding-bottom: 60px; +} + +#newsletter-2 .container { + padding-left: 0; + padding-right: 0; +} + +#newsletter-2 .newsletter-overlay { + padding: 60px 50px; +} + +#newsletter-3 { + margin-top: 50px; + margin-bottom: 50px; +} + +#newsletter-4 .newsletter-overlay, +#newsletter-5 .newsletter-overlay { + padding-top: 80px; + padding-bottom: 70px; +} + +/*------------------------------------------*/ +/* NEWSLETTER TYPOGRAPHY +/*------------------------------------------*/ + +.newsletter-txt h2 { + margin-bottom: 35px; +} + +#newsletter-4 .newsletter-txt h2 { + margin-bottom: 40px; +} + +.newsletter-txt h4, +.newsletter-txt h3, +#newsletter-5 .newsletter-txt h2 { + margin-bottom: 0; +} + +.newsletter-txt p.p-sm { + margin-bottom: 0; +} + +#newsletter-4 .newsletter-txt p { + padding: 0 10%; +} + +#newsletter-5 .newsletter-txt p { + margin-top: 20px; + margin-bottom: 0; +} + +.newsletter-txt a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* NEWSLETTER FORM +/*------------------------------------------*/ + +#newsletter-1 .newsletter-form { + padding-left: 15%; + margin-top: 30px; +} + +#newsletter-2 .newsletter-form { + margin-top: 25px; + padding-left: 12%; +} + +#newsletter-4 .newsletter-form { + padding: 0 5%; +} + +#newsletter-5 .newsletter-form { + margin-top: 35px; + padding: 0 10%; +} + +/*------------------------------------------*/ +/* Newsletter Form Input +/*------------------------------------------*/ + +.newsletter-section .form-control { + height: 56px; + background-color: #fff; + border: 1px solid #ccc; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin-right: 12px; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +#newsletter-1.newsletter-section .form-control { + height: 54px; + font-size: 0.975rem; +} + +#newsletter-5.newsletter-section .form-control { + height: 62px; + font-size: 1.0625rem; +} + +.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.newsletter-section .form-control:focus { + background-color: #fff; + outline: 0; + box-shadow: none; + border-color: #1680fb; +} + +.newsletter-section .purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Placeholder +/*------------------------------------------*/ + +.newsletter-section .form-control::-moz-placeholder { color: #aaa; } +.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } +.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.newsletter-section .btn { + display: block; + width: 100%!important; + height: 56px; +} + +#newsletter-1 .btn { + height: 54px; + font-size: 0.925rem; + padding: 0.7rem 1.3rem; +} + +#newsletter-5.newsletter-section .btn { + height: 62px; +} + +/*------------------------------------------*/ +/* Newsletter Form Notification +/*------------------------------------------*/ + +.newsletter-section .form-notification { + color: #3eb1ff; + font-size: 0.9rem; + font-weight: 400; + line-height: 1; + margin-top: 15px; + margin-left: 5px; +} + +.newsletter-section .text-center .form-notification { + margin-left: 0; +} + +.bg--color.newsletter-section .form-notification { + color: #fff; +} + +.newsletter-section .form-notification.valid, +.newsletter-section .form-notification.error { + color: #fc2f4b; +} + +.newsletter-section .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* NEWSLETTER IMAGE +/*------------------------------------------*/ + +#newsletter-3 .newsletter-img { + margin-top: -50px; + margin-bottom: -50px; +} + +#newsletter-3 .col-lg-6 .newsletter-img { + padding-left: 40px; +} + + + +/* ========================================================================== + 25. BLOG + =========================================================================== */ + +/*------------------------------------------*/ +/* BLOG POST TAG +/*------------------------------------------*/ + +.post-tag { + display: block; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.75rem; + font-weight: 600; + letter-spacing: 0; + text-transform: uppercase; + margin-bottom: 20px; +} + +#single-post .post-tag { + font-size: 0.85rem; +} + +/*------------------------------------------*/ +/* BLOG POST META +/*------------------------------------------*/ + +.post-meta-list li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.post-meta-list p { + color: #353f4f; + line-height: 1; + margin-bottom: 0; +} + +.bg--black-400 .post-meta-list p { + color: #f8f9f9; +} + +.meta-list-divider { + position: relative; + top: 0px; + transform: rotate(-90deg); + padding: 0 1px; +} + +/*------------------------------------------*/ +/* BLOG POST TYPOGRAPHY +/*------------------------------------------*/ + +.blog-post-txt h6 { + margin-bottom: 15px; +} + +.blog-post-txt p { + margin-bottom: 0; +} + +.blog-post-txt a { + color: #353f4f; +} + +.blog-post-txt a:hover { + text-decoration: underline; +} + +.bg--black-400 .blog-post-txt a { + color: #f8f9f9; +} + +.bg--black-400 .blog-post-txt a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 26. BLOG LISTING + =========================================================================== */ + +.wide-post { + margin-bottom: 100px; +} + +.wide-post .blog-post-img { + padding-right: 15px; +} + +.wide-post .blog-post-txt { + padding-left: 15px; +} + +.square-post { + margin-top: 60px; + margin-bottom: 40px; +} + +.square-post-wrapper { + overflow: hidden; +} + +.square-post .blog-post-txt { + padding: 0 30px 0 60px; +} + +/*------------------------------------------*/ +/* BLOG POSTS CATEGORY +/*------------------------------------------*/ + +.posts-category { + margin-top: 40px; + margin-bottom: 60px; +} + +.posts-category h4 { + line-height: 1; + margin-bottom: 0; +} + +.posts-category span { + position: relative; + top: 1px; +} + + + + +/* ========================================================================== + 27. SINGLE BLOG POST + =========================================================================== */ + +/*------------------------------------------*/ +/* Single Post Title +/*------------------------------------------*/ + +.single-post-title h3, +.single-post-title h2 { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* Single Post Text +/*------------------------------------------*/ + +.single-post-txt h5, +.single-post-txt h4 { + margin-top: 30px; + margin-bottom: 30px; +} + +.single-post-txt h5 span { + display: block; +} + +/*------------------------------------------*/ +/* Single Post Code +/*------------------------------------------*/ + +.txt-code { + background-color: #f8f9fa; + padding: 20px 18px; + margin: 30px 0; +} + +.txt-code p { + color: #383a42; + font-size: 1rem; + line-height: 1.75; + margin-bottom: 0; +} + +.single-post-txt p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-code span.code-property, +.txt-code p code.code-language-js { + color: #151515; +} + +.txt-code span.code-variable, +.txt-code span.code-attribute { + color: #986801; +} + +.txt-code span.code-string { + color: #50a14f; +} + +/*------------------------------------------*/ +/* Single Post Blockquote +/*------------------------------------------*/ + +.single-post-txt figure { + margin-bottom: 40px; +} + +.single-post-txt .blockquote p { + font-size: 1.5rem; + line-height: 1.45; + margin-bottom: 40px; +} + +.single-post-txt .blockquote-footer { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* Single Post Image +/*------------------------------------------*/ + +.post-inner-img { + text-align: center; + margin-top: 50px; + margin-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE LINKS +/*------------------------------------------*/ + +.post-share-list { + margin-top: 50px; + padding-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE ICONS +/*-----------------------------------------*/ + +.share-social-icons { + display: inline-block; + padding-left: 0; +} + +.share-social-icons li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; +} + +.share-social-icons a.share-ico span { + opacity: .75; + margin-right: 25px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.share-social-icons a.share-ico:hover span { + opacity: 1; +} + +/*------------------------------------------*/ +/* POST AUTHOR +/*------------------------------------------*/ + +.post-author { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.post-author-avatar { + position: relative; + text-align: center; + margin-right: 35px; +} + +.post-author-avatar img { + width: 100px; + height: 100px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.post-author-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.post-author-txt h5 { + margin-bottom: 20px; +} + +.post-author-txt p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Follow Button +/*------------------------------------------*/ + +.author-follow-btn { + display: inline-block; + position: absolute; + padding: 6px 15px; + line-height: 1; + top: 80px; + right: 10px; + border: 2px solid #ddd; +} + +.author-follow-btn a { + color: #666; + font-size: 0.935rem; + font-weight: 400; +} + +/*------------------------------------------*/ +/* POST COMMENTS +/*------------------------------------------*/ + +.post-comments { + padding-top: 100px; +} + +.post-comments hr { + margin-top: 24px; + margin-bottom: 40px; +} + +.post-comments h5 { + margin-bottom: 60px; +} + +.post-comments img { + width: 68px; + height: 68px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.comment-body { + margin-left: 25px; +} + +.comment-meta { + margin-bottom: 10px; +} + +.comment-meta h6 { + line-height: 1; + margin-bottom: 0; +} + +.comment-date { + font-size: 16px; + font-weight: 400; + margin-bottom: 5px; +} + +/*------------------------------------------*/ +/* Comment Reply +/*------------------------------------------*/ + +.btn-reply { + margin-left: 3px; +} + +.btn-reply a { + font-size: 17px; + font-weight: 400; +} + +.btn-reply span { + position: relative; + top: 3px; + margin-right: 4px; + left: 3px; +} + +.btn-reply.ico-20 [class*="flaticon-"]:before, +.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; } + +.btn-reply a:hover { + color: #222; +} + +/*------------------------------------------*/ +/* SINGLE POST COMMENT FORM +/*------------------------------------------*/ + +.post-comments #leave-comment h5 { + padding-bottom: 0; + margin-top: 80px; + margin-bottom: 10px; + border: none; +} + +.comment-form { + position: relative; + margin-top: 60px; +} + +.comment-form p { + position: relative; + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 15px; + padding-left: 8px; + display: block; +} + +.comment-form p span { + position: relative; + color: #ff3366; + top: -3px; +} + +.comment-form .form-control { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #353f4f; + font-size: 1rem; + line-height: 1; + font-weight: 400; + padding: 0 20px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.comment-form textarea { min-height: 220px; } +.comment-form textarea.form-control { + padding: 25px 20px; +} + +/*------------------------------------------*/ +/* Comment Form Input Focus +/*------------------------------------------*/ + +.comment-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Comment Form Button +/*------------------------------------------*/ + +.comment-form .btn { + margin-top: 15px; +} + +.comment-form .btn:focus { + outline: 0px none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +.comment-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +.comment-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.comment-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 28. CONTACTS + =========================================================================== */ + +#contacts-1 .contact-form p { + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 10px; + padding-left: 8px; +} + +#contacts-1 .contact-form .col-md-12 span { + display: block; + font-size: 0.95rem; + line-height: 1; + font-weight: 300; + margin-bottom: 20px; + padding-left: 8px; +} + +#contacts-1 .contact-form .contact-form-notice p { + font-size: 0.835rem; + font-weight: 300; + line-height: 1.5555; + padding-left: 0; + margin-top: 40px; +} + +.contact-form-notice p a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* CONTACT FORM INPUT +/*------------------------------------------*/ + +.contact-form .form-control, +.contact-form .form-select { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #3a4a56; + font-size: 1rem; + font-weight: 400; + padding: 0 15px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.bg--snow .contact-form .form-control, +.bg--snow .contact-form .form-select { + background-color: #fff; + border: 1px solid #ccc; +} + +.contact-form .form-select { + display: inline-block; + width: 100%; + color: #998da0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Contact Form Textarea +/*------------------------------------------*/ + +.contact-form textarea { min-height: 220px; } +.contact-form textarea.form-control { + padding: 20px 15px; +} + +/*------------------------------------------*/ +/* Contact Form Placeholder +/*------------------------------------------*/ + +.contact-form .form-control::-moz-placeholder { color: #999; } +.contact-form .form-control:-ms-input-placeholder { color: #999; } +.contact-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Contact Form Input Focus +/*------------------------------------------*/ + +.contact-form .form-control:focus, +.contact-form .form-select:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Contact Form Message +/*------------------------------------------*/ + +.contact-form-msg { + width: 100%!important; + display: block; + margin-top: 20px; + padding-left: 0; +} + +.contact-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.contact-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 29. FOOTER + =========================================================================== */ + +.footer { + padding-bottom: 50px; +} + +.footer-info, +.footer-links { + margin-bottom: 40px; +} + +#footer-10 .footer-info { + margin-bottom: 40px; + padding-bottom: 55px; + border-bottom: 1px solid #dbdddf; +} + +#footer-10 .footer-links { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* FOOTER LOGO +/*------------------------------------------*/ + +img.footer-logo, +img.footer-logo-dark { + width: auto; + max-width: inherit; + max-height: 40px; +} + +#footer-10 img.footer-logo { + max-height: 46px; +} + +#footer-1 .footer-logo, +#footer-5 .footer-logo, +#footer-6 .footer-logo, +#footer-7 .footer-logo { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* FOOTER TYPOGRAPHY +/*------------------------------------------*/ + +.footer h6 { + line-height: 1; + margin-bottom: 25px; +} + +#footer-9.footer h6 { + line-height: 1.5; +} + +.bg--black.footer h6 { + color: #fff; +} + +/*------------------------------------------*/ +/* FOOTER INFO +/*------------------------------------------*/ + +.footer-info-copyright p { + margin-bottom: 0; +} + +.footer-info-copyright p span { + position: relative; + top: 2px; + padding: 0 2px; +} + +.footer-info-copyright.ico-15 [class*="flaticon-"]:before, +.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } + +/*------------------------------------------*/ +/* FOOTER MAIL LINK +/*------------------------------------------*/ + +.footer .footer-mail-link { + margin-left: 3px; + margin-bottom: 0; +} + +#footer-1 .footer-info .footer-mail-link { + margin-top: 10px; +} + +#footer-2 .footer-links .footer-mail-link, +#footer-3 .footer-links .footer-mail-link { + margin-left: 0; + margin-bottom: 20px; +} + +.footer-mail-link a { + font-weight: 400; +} + +.footer-mail-link span { + position: relative; + top: 4px; + right: 3px; +} + +.footer-mail-link.ico-20 [class*="flaticon-"]:before, +.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } + +.bg--black.footer .footer-mail-link a { + color: #a0a7b1; +} + +.bg--black.footer .footer-mail-link a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER LINKS +/*------------------------------------------*/ + +#footer-2 .footer-links { + padding-left: 10%; +} + +.foo-links li { + width: auto!important; + display: block!important; + vertical-align: top; + clear: none !important; + margin: 0; + padding: 0; +} + +.foo-links.ico-10 li span { + position: relative; + top: 1.5px; + right: 3px; +} + +#footer-8 .foo-links li { + display: inline-block!important; + padding-left: 20px; +} + +#footer-8 .foo-links li.first-li { + padding-left: 0; +} + +#footer-10 .foo-links li { + display: inline-block!important; + padding: 0 10px; +} + +.footer .foo-links li p { + font-weight: 400; + margin-bottom: 10px; +} + +.footer .foo-links li:last-child p { + margin-bottom: 0; +} + +.foo-links li a span.ext-link { + display: inline-block; + position: relative; + left: 3px; + top: 1.5px; + transform: rotate(-60deg); +} + +.foo-links.ico-15 [class*="flaticon-"]:before, +.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.bg--black.footer .foo-links li p a { + color: #a0a7b1; +} + +.bg--black.footer .foo-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER SOCIAL +/*------------------------------------------*/ + +.footer-socials { + margin: 0; + display: inline-block; +} + +.footer-socials li { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.footer-socials a { + display: block; + margin-right: 15px; +} + +.footer-socials.ico-20 a, +.footer-socials.ico-25 a { + margin-right: 16px; +} + +.footer-socials.ico-25 [class*="flaticon-"]:before, +.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; } + +.bg--black.footer .footer-socials li a { + color: #a0a7b1; +} + +.bg--black.footer .footer-socials li a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER STORE BAGES +/*------------------------------------------*/ + +.footer .store { + float: none; + margin-right: 0; + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FOOTER NEWSLETTER FORM +/*------------------------------------------*/ + +.footer-form { + margin-bottom: 20px; +} + +#footer-7 .footer-form { + padding-left: 8%; +} + +.footer-form .newsletter-form .input-group { + background-color: #f4f4f4; + border: 1px solid transparent; + padding: 9px 2px; +} + +.footer-form .form-control { + height: 32px; + background-color: transparent; + border: none; + color: #666; + font-size: 1rem; + font-weight: 400; + padding: 0 10px; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.footer-form .form-control:focus { + border: none; + border-right: none; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Footer Form Placeholder +/*------------------------------------------*/ + +.footer-form .form-control::-moz-placeholder { color: #6c757d; } +.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } +.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.footer-form .btn { + height: 32px; + padding: 0 10px; +} + +.footer-form .ico-15 [class*="flaticon-"]:before, +.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; } + +/*------------------------------------------*/ +/* Footer Form Notification +/*------------------------------------------*/ + +.footer-form .form-notification { + color: #1680fb; + font-size: 0.85rem; + line-height: 1.25; + font-weight: 400; + margin-top: 12px; + margin-left: 5px; +} + +.footer-form .form-notification.valid, +.footer-form .form-notification.error { + color: #fc2f4b; +} + +.footer-form .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER +/*------------------------------------------*/ + +.footer hr { + margin-top: 30px; + margin-bottom: 50px; +} + +#footer-8 .bottom-footer, +#footer-9 .bottom-footer { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER COPYRIGHT +/*------------------------------------------*/ + +.footer-copyright p { + margin-bottom: 0; +} + +.bg--black.footer .footer-copyright p { + color: #a0a7b1; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER SECONDARY LINK +/*------------------------------------------*/ + +.bottom-secondary-link p { + margin-bottom: 0; +} + +.bottom-secondary-link p span { + position: relative; + top: 1px; + padding: 0 2px; +} + +.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, +.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +/*------------------------------------------*/ +/* BOTTOM FOOTER LINKS +/*------------------------------------------*/ + +.bottom-footer-list li, +.bottom-footer-socials li, +.bottom-footer-payment li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.bottom-footer-socials li { + padding-left: 14px; +} + +#footer-4 .bottom-footer-list li, +#footer-9 .bottom-footer-list li { + padding-left: 15px; +} + +#footer-4 .bottom-footer-list li.first-li, +#footer-9 .bottom-footer-list li.first-li { + padding-left: 0; +} + +#footer-10 .bottom-footer-socials li { + padding: 0 15px; +} + +.footer-list-divider { + position: relative; + top: -0.5px; + transform: rotate(-90deg); + margin-left: 4px; +} + +.bottom-footer-list.ico-15 [class*="flaticon-"]:before, +.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; } + +.bottom-footer-list li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.bottom-footer-socials li span { + position: relative; + top: 4px; + opacity: .8; +} + +.bottom-footer-payment li span { + line-height: 1!important; + position: relative; + top: 4px; + opacity: .8; +} + +#footer-4 .bottom-footer-list li span, +#footer-9 .bottom-footer-list li span { + margin-top: 1px; + margin-right: 2px; +} + +.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; } + +.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } + +.bg--black.footer .bottom-footer-list li p a { + color: #a0a7b1; +} + +.bg--black.footer .bottom-footer-list li p a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 30. INNER PAGE WRAPPER + =========================================================================== */ + +.inner-page-hero { + padding-top: 180px; +} + +.page-hero-section-overlay { + position: relative; + width: 100%; + padding-top: 150px; +} + +.page-hero-section-overlay .txt-block { + margin-top: -40px; +} + +.page-hero-section .wave-shape-bottom path { + fill: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE TITLE +/*------------------------------------------*/ + +.inner-page-title { + text-align: center; + margin-bottom: 80px; +} + +.inner-page-title h2 { + margin-bottom: 0; +} + +.inner-page-title p { + font-size: 1.1875rem; + line-height: 1; + margin-top: 20px; + margin-bottom: 0; +} + +.page-hero-section h2 { + line-height: 1.15; + margin-bottom: 30px; +} + + + + +/* ========================================================================== + 31. PAGE PAGINATION + =========================================================================== */ + +.page-link { + color: #6c757d; + font-size: 1.1rem; + font-weight: 500; + padding: 2px 14px; + margin: 0 8px; + background-color: transparent; + border: 2px solid transparent; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.pagination.ico-20 [class*="flaticon-"]:before, +.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } + +.page-item:first-child .page-link { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.page-item:last-child .page-link { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.blue-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #1680fb; + border: 2px solid #1680fb; +} + +.green-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #0fbc49; + border: 2px solid #0fbc49; +} + +.pink-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #f74780; + border: 2px solid #f74780; +} + +.purple-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #7b5dd6; + border: 2px solid #7b5dd6; +} + +.red-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #ff1e1a; + border: 2px solid #ff1e1a; +} + +.violet-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #be6cbe; + border: 2px solid #be6cbe; +} + +.yellow-pagination .page-item.active .page-link { + color: #353f4f!important; + background-color: #ffba01; + border: 2px solid #ffba01; +} + +.page-item.disabled .page-link { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; +} + +.page-link:hover { + color: #6c757d; + background-color: transparent; + border: 2px solid #ccc; +} + +.page-link:focus { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; + box-shadow: 0 0; +} + + + + +/* ========================================================================== + 32. TERMS, PRIVACY, COOKIES PAGES + =========================================================================== */ + +/*------------------------------------------*/ +/* TERMS PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.txt-block.legal-info h5 { + margin-top: 30px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 { + margin-top: 80px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 span, +.txt-block.legal-info h5 span { + margin-right: 4px; +} + +.legal-info p span { + color: #353f4f; + font-weight: 500; +} + +.legal-info a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 33. SIGN-IN / SIGN-UP PAGE + =========================================================================== */ + +#login, +#signup { + background: url(../images/login.jpg); + background-position: bottom left; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 80px; +} + +#reset-password { + background: url(../images/reset-password.jpg); + background-position: center center; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 100px; +} + +.register-page-wrapper { + overflow: hidden; + position: relative; + z-index: 1; + -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); +} + +#login .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: left top; +} + +#signup .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: right center; +} + +#login .register-page-wrapper:after, +#signup .register-page-wrapper:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + background-color: #fff; +} + +#login .register-page-wrapper:after { + left: 50%; +} + +#signup .register-page-wrapper:after { + left: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE LOGO +/*------------------------------------------*/ + +.register-page-txt img { + width: auto; + max-width: inherit; + max-height: 32px; + margin-bottom: 55px; +} + +.login-page-logo { + text-align: center; + margin-bottom: 45px; +} + +.login-page-logo img { + width: auto; + max-width: inherit; + max-height: 45px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TITLE +/*------------------------------------------*/ + +.register-form-title { + text-align: center; + margin-bottom: 40px; +} + +.register-form-title h3 { + line-height: 1; + margin-bottom: 10px; +} + +.register-form-title p { + margin-bottom: 0; +} + +.register-form-title a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TEXT +/*------------------------------------------*/ + +#login .register-page-txt, +#signup .register-page-txt { + padding: 70px 60px; +} + +.register-page-txt h2 { + line-height: 1.15; + font-weight: 700; + margin-bottom: 6px; +} + +#login .register-page-copyright { + position: absolute; + left: 60px; + bottom: 45px; +} + +#signup .register-page-copyright { + position: absolute; + right: 60px; + bottom: 45px; +} + +.register-page-copyright p { + font-size: 0.85rem; + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title { + margin-bottom: 30px; +} + +.reset-form-title h5 { + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title p.p-sm { + font-size: 0.9rem; + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM +/*------------------------------------------*/ + +.register-page-form { + padding: 60px; +} + +.login-1 .register-page-form, +.signup-1 .register-page-form { + padding: 20px 30px; +} + +.reset-page-wrapper { + margin: 0 10px; +} + +.reset-page-wrapper form { + background: #fff; + border: 1px solid #fafafa; + padding: 50px 30px 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +/*------------------------------------------*/ +/* REGISTER PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.register-page-form p.input-header { + position: relative; + color: #353f4f; + font-size: 0.85rem; + line-height: 1; + font-weight: 500; + margin-bottom: 12px; + padding-left: 5px; +} + +.reset-password-link p { + position: relative; + font-size: 0.9rem; + line-height: 1; + margin-top: -8px; + margin-bottom: 10px; +} + +.form-data span { + display: block; + font-size: 0.85rem; + margin-bottom: 0; +} + +.form-data span a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +.register-page-form p.create-account { + font-size: 0.925rem; + line-height: 1; + margin-top: 30px; + margin-bottom: 0; +} + +.register-page-form p.create-account a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE SEPARATOR LINE +/*------------------------------------------*/ + +.separator-line { + display: flex; + width: 100%; + -webkit-box-pack: center; + justify-content: center; + -webkit-box-align: center; + align-items: center; + text-align: center; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.9rem; + font-weight: 500; + margin: 25px 0px 30px; +} + +.separator-line::before, +.separator-line::after { + content: ""; + border-top: 2px solid rgba(0, 0, 0, .1); + margin: 0 15px 0 0; + flex: 1 0 20px; +} + +.separator-line::after { + margin: 0 0 0 15px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM INPUT +/*------------------------------------------*/ + +.reset-page-wrapper .form-control, +.register-page-form .form-control { + height: 60px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #353f4f; + font-size: 0.95rem; + line-height: 1; + font-weight: 400; + margin-bottom: 25px; + padding: 5px 20px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.login-1 .form-control, +.signup-1 .form-control { + background-color: #fff; + border: 1px solid #ccc; +} + +.reset-page-wrapper .form-control { + text-align: center; +} + +.register-page-form .form-control::-moz-placeholder { color: #999; } +.register-page-form .form-control:-ms-input-placeholder { color: #999; } +.register-page-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* REGISTER PAGE FORM FOCUS +/*------------------------------------------*/ + +.reset-page-wrapper .form-control:focus, +.register-page-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM BUTTON +/*------------------------------------------*/ + +#signup .register-page-form .btn.submit, +#login .register-page-form .btn.submit { + width: 100%; + height: 60px; + margin-top: 20px; +} + +.reset-page-wrapper .btn.submit { + width: 100%; + margin-bottom: 20px; +} + +.register-page-form .btn-google { + width: 100%; + color: #333; + font-size: 0.95rem; + background-color: #fff; + border: 1px solid #ccc; +} + +.btn-google img { + position: relative; + width: 22px; + height: 22px; + top: -2px; + right: 5px; +} + +.register-page-form .btn-google:hover { + border: 1px solid #333; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM MESSAGE +/*------------------------------------------*/ + +.reset-form-msg { + text-align: center; + width: 100%!important; + display: block; +} + +.reset-password-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.reset-password-form .error { + position: relative; + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + top: -10px; + margin-bottom: 12px; + padding-left: 10px; +} + +/*------------------------------------------*/ +/* FORM HIDE PASSWORD +/*------------------------------------------*/ + +.wrap-input { + position: relative; +} + +.btn-show-pass { + color: #999999; + align-items: center; + position: absolute; + height: 100%; + top: 20px; + right: 20px; + cursor: pointer; + -webkit-transition: all 0.4s; + -o-transition: all 0.4s; + -moz-transition: all 0.4s; + transition: all 0.4s; +} + +.btn-show-pass.ico-20 [class^="flaticon-"]:before, +.btn-show-pass.ico-20 [class^="flaticon-"]:after { + font-size: 1.125rem; +} + +.btn-show-pass:hover { + color: #0195ff; +} + +.btn-show-pass.active { + color: #6a7dfe; +} + + + + +/* ========================================================================== + 34. PAGE 404 + =========================================================================== */ + +.page-404-txt { + padding-top: 180px; + padding-bottom: 100px; +} + +.page-404-txt h2 { + margin-bottom: 20px; +} + +.page-404-txt h6 { + line-height: 1.6; + font-weight: 400; + padding: 0 5%; + margin-bottom: 30px; +} + +.page-404-img { + padding: 0 5%; + margin-bottom: 60px; +} + + + + +/* ========================================================================== + 35. MODAL + ========================================================================== */ + +.modal-body { + padding: 0!important; +} + +#modal-1 .modal-dialog { + max-width: 700px; +} + +#modal-2 .modal-dialog { + width: 440px; +} + +#modal-3 .modal-dialog.modal-xl { + width: 750px; +} + +#modal-2.modal .modal-content, +#modal-3.modal .modal-content { + overflow: hidden; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; +} + +#modal-3.modal .bg-img { + background: url(../images/modal-request.jpg); + background-position: left center; +} + +#modal-2 .modal-body-content { + padding: 35px 40px 15px; +} + +#modal-3 .modal-body-content { + padding: 60px 35px 50px; +} + +/*------------------------------------------*/ +/* MODAL WINDOW CLOSE BUTTON +/*------------------------------------------*/ + +.modal .btn-close { + position: absolute; + z-index: 1; + right: 15px!important; + top: 15px!important; + height: 1.5rem; + width: 1.5rem; + background: rgba(255, 255, 255, 1)!important; + border-radius: 50%; + padding: 0; + opacity: .9; + z-index: 9999; +} + +#modal-3.modal .btn-close { + background: rgba(14, 14, 14, .3)!important; +} + +.btn-close span { + position: relative; + line-height: 24px!important; + top: -2px; +} + +.modal .btn-close.ico-10 [class^="flaticon-"]:before, +.modal .btn-close.ico-10 [class^="flaticon-"]:after { + font-size: 0.6rem; +} + +button.btn-close:focus { + outline: none!important; + text-decoration: none!important; +} + +/*------------------------------------------*/ +/* MODAL WINDOW NEWSLETTER FORM +/*------------------------------------------*/ + +.modal-body .newsletter-form { + margin-top: 25px; +} + +.modal .newsletter-form .form-control { + text-align: center; + height: 56px; + background-color: #f5f6f8; + border: 1px solid transparent; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin: 0 0 15px 0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Form Input Focus +/*------------------------------------------*/ + +.modal .newsletter-form .form-control:focus { + outline: 0; + box-shadow: none; + border-color: #1e90ff; +} + +.modal .newsletter-form.purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Form Input Placeholder +/*------------------------------------------*/ + +.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } +.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } +.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Form Button +/*------------------------------------------*/ + +.modal .input-group-btn { + display: block; + width: 100%!important; +} + +.modal .newsletter-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Form Notification +/*------------------------------------------*/ + +.modal .form-notification { + text-align: center; + color: #1680fb; + font-size: 0.85rem; + font-weight: 400; + line-height: 1; + margin-top: 12px; +} + +.modal .form-notification.valid, +.modal .form-notification.error { + color: #fc2f4b; +} + +.modal .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* MODAL WINDOW REQUEST FORM +/*------------------------------------------*/ + +#modal-3 .request-form { + margin: 0; +} + +#modal-3 .request-form .col-md-12 { + padding: 0; +} + +#modal-3 .request-form-title p { + margin-top: 18px; + margin-bottom: 25px; +} + +#modal-3 .request-form .form-control { + text-align: left; + margin: 0 0 25px 0; +} + +#modal-3 .request-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +#modal-3 .request-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +#modal-3 .request-form .loading { + color: #1680fb; + font-size: 1.0625rem; + line-height: 1; + font-weight: 400; +} + +#modal-3 .request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 36. DARK MODE + ========================================================================== */ + +body.theme--dark, +.theme--dark .bg--white-100 { + background-color: #232734!important; +} + +body.theme--dark { + color: #b1b7cd; +} + +.theme--dark .block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +.theme--dark .block-border { + border: 1px solid #e7e7e7; +} + +.theme--dark .block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; } +.theme--dark .top-border { border-top: 1px solid #1d212c; } +.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; } + +.theme--dark .bg--white-300, +.theme--dark .bg--white-400, +.theme--dark .bg--purple-100, +.theme--dark .shape--purple-100:after, +.theme--dark .shape--white-500:after, +.theme--dark .shape--white-400:after, +.theme--dark .shape--white-300:after, +.theme--dark .shape--white-200:after { + background-color: #1d212c; +} + +.theme--dark .bg--02, +.theme--dark .bg--04, +.theme--dark .gr--smoke, +.theme--dark .gr--ghost, +.theme--dark .shape--whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%); +} + +.theme--dark .gr--whitesmoke, +.theme--dark .shape--gr-whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%); +} +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +.theme--dark hr.divider, +.theme--dark .footer hr { + background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); +} + +.theme--dark hr.divider.divider-light { + background-color: #fff; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%); + opacity: 1; +} + +/*------------------------------------------*/ +/* TYPOGRAPHY +/*------------------------------------------*/ + +.theme--dark h1, +.theme--dark h2, +.theme--dark h3, +.theme--dark h4, +.theme--dark h5, +.theme--dark h6 { + color: #fff; +} + +.theme--dark a { color: #b1b7cd; } +.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; } + +/*------------------------------------------*/ +/* BUTTONS +/*------------------------------------------*/ + +.theme--dark .btn--tra-black, +.theme--dark .hover--tra-black:hover { + color: #b1b7cd!important; + background-color:transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .navbar-dark .hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark .white-scroll .hover--tra-black:hover { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +.theme--dark .navbar-dark .scroll .hover--tra-black:hover { + color: #fff!important; + background-color:transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--white, +.theme--dark .hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-white, +.theme--dark .hover--tra-white:hover { + color: #f1f1f1!important; + background-color: transparent!important; + border-color: #f1f1f1!important; +} + +.theme--dark .white-scroll .scroll .hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-grey, +.theme--dark .hover--tra-grey:hover, +.theme--dark .white-scroll .scroll .hover--tra-grey:hover, +.theme--dark .black-scroll .scroll .hover--tra-grey:hover { + color: #b1b7cd!important; + background-color: transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .btn--blue-500, +.theme--dark .hover--blue-500:hover, +.theme--dark .white-scroll .scroll .hover--blue-500:hover, +.theme--dark .black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.theme--dark .btn--blue-400, +.theme--dark .hover--blue-400:hover, +.theme--dark .white-scroll .scroll .hover--blue-400:hover, +.theme--dark .black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.theme--dark .btn--blue-300, +.theme--dark .hover--blue-300:hover, +.theme--dark .white-scroll .scroll .hover--blue-300:hover, +.theme--dark .black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.theme--dark .btn--pink-500, +.theme--dark .hover--pink-500:hover, +.theme--dark .white-scroll .scroll .hover--pink-500:hover, +.theme--dark .black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.theme--dark .btn--pink-400, +.theme--dark .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.theme--dark .btn--pink-300, +.theme--dark .hover--pink-300:hover, +.theme--dark .white-scroll .scroll .hover--pink-300:hover, +.theme--dark .black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.theme--dark .btn--purple-500, +.theme--dark .hover--purple-500:hover, +.theme--dark .white-scroll .scroll .hover--purple-500:hover, +.theme--dark .black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.theme--dark .btn--purple-400, +.theme--dark .hover--purple-400:hover, +.theme--dark .white-scroll .scroll .hover--purple-400:hover, +.theme--dark .black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.theme--dark .btn--purple-300, +.theme--dark .hover--purple-300:hover, +.theme--dark .white-scroll .scroll .hover--purple-300:hover, +.theme--dark .black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.theme--dark .btn--violet-500, +.theme--dark .hover--violet-500:hover, +.theme--dark .white-scroll .scroll .hover--violet-500:hover, +.theme--dark .black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.theme--dark .btn--violet-400, +.theme--dark .hover--violet-400:hover, +.theme--dark .white-scroll .scroll .hover--violet-400:hover, +.theme--dark .black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.theme--dark .btn--violet-300, +.theme--dark .hover--violet-300:hover, +.theme--dark .white-scroll .scroll .hover--violet-300:hover, +.theme--dark .black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.theme--dark .section-id { + color: #eee; +} + +.theme--dark .color--black, +.theme--dark .color--black h2, +.theme--dark .color--black h3, +.theme--dark .color--black h4, +.theme--dark .color--black h5, +.theme--dark .color--black h6, +.theme--dark .color--black p, +.theme--dark .color--black a, +.theme--dark .color--black li, +.theme--dark .color--black i, +.theme--dark .color--black span, +.theme--dar .color--white .color--black { color: #fff; } + +.theme--dark .color--grey, +.theme--dark .color--grey h2, +.theme--dark .color--grey h3, +.theme--dark .color--grey h4, +.theme--dark .color--grey h5, +.theme--dark .color--grey h6, +.theme--dark .color--grey p, +.theme--dark .color--grey a, +.theme--dark .color--grey li, +.theme--dark .color--grey i, +.theme--dark .color--grey span, +.theme--dark .color--white .color--grey { color: #b1b7cd; } + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.theme--dark .dark-menu .wsmainfull, +.theme--dark .white-menu .wsmainfull { + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a { + color: #fff; +} + +.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover, +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover { + color: #eee!important; +} + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before, +.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before { + background-color: #2c3142; + border-left: solid 1px #2c3142; + border-top: solid 1px #2c3142; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; + background-color: transparent!important; +} + +.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NAVBAR SCROLL +/*------------------------------------------*/ + +.theme--dark .tra-menu .wsmainfull.scroll, +.theme--dark .white-menu .wsmainfull.scroll, +.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll { + background-color: #1d222f!important; + padding: 0; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #b1b7cd; +} + +.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #fff!important; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(0, 0, 0, .12)!important; +} + +.theme--dark .navbar-light .scroll .btn.btn--tra-white { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* Logo Image +/*------------------------------------------*/ + +.theme--dark .navbar-light .scroll .logo-black, +.theme--dark .navbar-dark.light-hero-header .logo-black, +.theme--dark .navbar-dark.inner-page-header .logo-black { + display: none; +} + +.theme--dark .navbar-light .scroll .logo-white, +.theme--dark .navbar-dark.light-hero-header .logo-white, +.theme--dark .navbar-dark.inner-page-header .logo-white { + display: block; +} + +.theme--dark .navbar-dark .scroll .logo-black { + display: none; +} + +.theme--dark .navbar-dark .scroll .logo-white { + display: block; +} + +/*------------------------------------------*/ +/* HERO SECTION +/*------------------------------------------*/ + +.theme--dark .hero-section .color--black, +.theme--dark .hero-section .color--black h2, +.theme--dark .hero-section .color--black h3, +.theme--dark .hero-section .color--black h4, +.theme--dark .hero-section .color--black h5, +.theme--dark .hero-section .color--black h6, +.theme--dark .hero-section .color--black p, +.theme--dark .hero-section .color--black a, +.theme--dark .hero-section .color--black li, +.theme--dark .hero-section .color--black i, +.theme--dark .hero-section .color--black span, +.theme--dark .hero-section .color--white .color--black { color: #353f4f; } + +.theme--dark .hero-section p { color: #6c757d; } +.theme--dark .hero-section .color--white p { color: #fff; } +.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; } +.theme--dark .hero-section .section-id.color--grey { color: #6c757d; } + +.theme--dark .hero-5-txt p, +.theme--dark .hero-6-txt p, +.theme--dark .hero-10-txt p, +.theme--dark .hero-15-txt p, +.theme--dark .hero-16-txt p, +.theme--dark .hero-17-txt p, +.theme--dark .hero-18-txt p, +.theme--dark .hero-19-txt p, +.theme--dark .hero-20-txt p, +.theme--dark .hero-21-txt p, +.theme--dark .hero-23-txt p, +.theme--dark .hero-25-txt p { color: #b1b7cd; } + +.theme--dark .hero-section .quick-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control, +.theme--dark #hero-24.hero-section .quick-form .form-control, +.theme--dark #hero-26.hero-section .quick-form .form-control { + color: #666; + background-color: #fff; +} + +.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark .hero-section .quick-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control:focus, +.theme--dark #hero-24.hero-section .quick-form .form-control:focus, +.theme--dark #hero-26.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: transparent; +} + +.theme--dark .hero-section .request-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .hero-section .request-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-3:after, +.theme--dark #hero-4:after { + background-color: #232734; +} + +.theme--dark .hero-4-txt h2 { + color: #353f4f; +} + +.theme--dark .hero-4-txt .btn.btn--tra-black { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark #hero-5 { + background-image: url(../images/hero-5-dark.jpg); +} + +.theme--dark .hero-6-wrapper { + background-image: linear-gradient(90deg, #1d212c, #1d212c); +} + +.theme--dark #hero-8-form { + background-color: #1d222f; + border: 1px solid #1d222f; +} + +.theme--dark #hero-8-form p { + color: #b1b7cd; +} + +.theme--dark #hero-5 .wave-shape-bottom svg path, +.theme--dark #hero-8 .wave-shape-bottom svg path, +.theme--dark #hero-14 .wave-shape-bottom svg path, +.theme--dark #hero-16 .wave-shape-bottom svg path, +.theme--dark #hero-22 .wave-shape-bottom svg path, +.theme--dark #hero-23 .wave-shape-bottom svg path, +.theme--dark #hero-26 .wave-shape-bottom svg path { + fill: #232734; +} + +.theme--dark #hero-10 { + background-image: url(../images/hero-10-dark.jpg); +} + +.theme--dark #hero-15 { + background-image: url(../images/hero-15-dark.jpg); +} + +.theme--dark #hero-16 { + background-image: url(../images/hero-16-dark.jpg); +} + +.theme--dark #hero-17 { + background-image: url(../images/hero-17-dark.jpg); +} + +.theme--dark #hero-18:after { + background-image: url(../images/hero-18-dark.jpg); +} + +.theme--dark #hero-20:after { + background-image: linear-gradient(180deg, #1d212c, #232734); +} + +.theme--dark #hero-21 .hero-overlay { + background-image: url(../images/hero-21-dark.jpg); +} + +.theme--dark #hero-23 { + background-image: url(../images/hero-23-dark.jpg); +} + +.theme--dark .hero-23-txt p span.color--black { color: #fff; } + +.theme--dark #hero-25 { + background-image: url(../images/hero-25-dark.jpg); +} + +.theme--dark #hero-27 .hero-overlay { + background-image: url(../images/hero-27-dark.png); +} + +/*------------------------------------------*/ +/* FEATURES +/*------------------------------------------*/ + +.theme--dark .features-section path { + opacity: .05; +} + +.theme--dark .fbox-7 { + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* CONTENT +/*------------------------------------------*/ + +.theme--dark .cbox-2-line { + background-color: #363f54; +} + +/*------------------------------------------*/ +/* STATISTIC +/*------------------------------------------*/ + +.theme--dark #statistic-5 .statistic-digit { + border-bottom: 1px solid #505c77; +} + +/*------------------------------------------*/ +/* REVIEWS +/*------------------------------------------*/ + +.theme--dark #reviews-2 .review-2.bg--white-100 { + background-color: #1d212c!important; +} + +.theme--dark .owl-theme .owl-dots .owl-dot span { + background: #1d212c; +} + +.theme--dark .owl-theme .owl-dots .owl-dot.active span { + background: #b1b7cd; +} + +.theme--dark .review-3.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +.theme--dark .project-title h2 { + border-bottom: 1px solid #363f54; +} + +.theme--dark .project-data p span { color: #fff; } + +.theme--dark .project-description .more-projects span { + color: #fff; +} + +/*------------------------------------------*/ +/* RATING +/*------------------------------------------*/ + +.theme--dark .rbox-1 .star-rating { + background-color: #1d212c!important; + border: 1px solid #1d212c; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .pricing-discount h6 { + color: #353f4f; +} + +.theme--dark .table>:not(caption)>*>* { + color: #b1b7cd; + background-color: #232734; +} + +.theme--dark .comp-table .table thead th { + color: #fff; + border-color: #363f54; +} + +.theme--dark .comp-table tbody th { + border-bottom: 1px solid #363f54!important; +} + +.theme--dark .comp-table .table tr td { + border-bottom: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* INTEGRATIONS +/*------------------------------------------*/ + +.theme--dark .integrations-1-wrapper .in_tool { + background-color: #1d212c; + border: 1px solid #1d212c; +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .switcher.bg--grey { + background-color: #363f54; + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* BANNER +/*------------------------------------------*/ + +.theme--dark .banner-16-wrapper.bg--white-100.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* DOWNLOAD +/*------------------------------------------*/ + +.theme--dark .release-data { + border-bottom: 1px dashed #656565; +} + +.theme--dark span.version-data, +.theme--dark span.release-date span { + color: #f1f1f1; +} + +.theme--dark span.release-date { + color: #ccc; +} + +/*------------------------------------------*/ +/* FAQs +/*------------------------------------------*/ + +.theme--dark .faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li { + border: 2px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li span, +.theme--dark .faqs-section .tabs-1 li { + color: #b1b7cd; +} + +.theme--dark .faqs-section .accordion-item .accordion-thumb:after, +.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NEWSLETTER +/*------------------------------------------*/ + +.theme--dark .newsletter-section .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .newsletter-section .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* BLOG +/*------------------------------------------*/ + +.theme--dark .post-meta-list p, +.theme--dark .blog-post-txt a { + color: #fff; +} + +.theme--dark .blog-post-txt a:hover { + color: #ddd!important; +} + +/*------------------------------------------*/ +/* SINGLE POST +/*------------------------------------------*/ + +.theme--dark .txt-code { + background-color: #1d212c; +} + +.theme--dark .txt-code kbd { + background-color: #363f54; +} + +.theme--dark .txt-code p { + color: #b1b7cd; +} + +.theme--dark .comment-form p, +.theme--dark .blockquote-footer, +.theme--dark .txt-code span.code-property, +.theme--dark .txt-code p code.code-language-js { + color: #fff; +} + +.theme--dark .comment-form .form-control { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .comment-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* CONTACTS +/*------------------------------------------*/ + +.theme--dark .contact-form-notice p a, +.theme--dark #contacts-1 .contact-form p { + color: #fff; +} + +.theme--dark .contact-form .form-control, +.theme--dark .contact-form .form-select { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .contact-form .form-control:focus, +.theme--dark .contact-form .form-select:focus { + background-color: #505c77; + border-color: transparent; +} + +/*------------------------------------------*/ +/* FOOTER +/*------------------------------------------*/ + +.theme--dark #footer-10 .footer-info { + border-bottom: 1px solid #363f54; +} + +.theme--dark .footer-form .newsletter-form .btn.dark-color span { + color: #2f353e!important; +} + +.theme--dark .footer-form .newsletter-form .input-group { + background-color: #282d3c; + border: 1px solid #505c77; +} + +.theme--dark .footer-form .form-control { + color: #fff; +} + +.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .legal-info p span { + color: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE +/*------------------------------------------*/ + +.theme--dark .page-hero-section .wave-shape-bottom path { + fill: #232734; +} + +/*------------------------------------------*/ +/* MODAL +/*------------------------------------------*/ + +.theme--dark #modal-2 .modal-body-content h5, +.theme--dark #modal-3 .modal-body-content h3 { + color: #353f4f; +} + +/*------------------------------------------*/ +/* PAGE 404 +/*------------------------------------------*/ + +.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; } +.theme--dark #page-404 .color--dark { color: #353f4f; } + +.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300, +.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; } + +/*------------------------------------------*/ +/* LOGIN +/*------------------------------------------*/ + +.theme--dark #login, .theme--dark #signup { + background: url(../images/login_dark.jpg); +} + +.theme--dark #reset-password { + background: url(../images/reset-password-dark.jpg); +} + +.theme--dark #login .register-page-wrapper:after, +.theme--dark #signup .register-page-wrapper:after { + background-color: #1d212c; +} + +.theme--dark .form-data span a, +.theme--dark .register-page-form p.input-header { + color: #fff; +} + +.theme--dark .separator-line::before, +.theme--dark .separator-line::after { + border-top: 2px solid rgba(255, 255, 255, .15); +} + +.theme--dark .reset-page-wrapper .form-control, +.theme--dark .register-page-form .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .reset-page-wrapper form { + background: #1d212c; + border: 1px solid #1d212c; +} + +.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .register-page-form .btn-google { + color: #b1b7cd; + background-color: #363f54; + border: 1px solid #363f54; +} + + + + +/* ========================================================================== + 37. COLOR SCHEME + ========================================================================== */ + +.bg--theme, +.shape--blue-400:after { + background-color: #f74780; +} + +.btn--theme { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.hover--theme:hover, +.white-scroll .scroll .hover--theme:hover, +.black-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #e73971!important; + background-color: #e73971!important; +} + +.theme--dark .white-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #e73971!important; + background-color: #e73971!important; +} + +.theme--dark .white-scroll .hover--theme:hover { + color: #fff!important; + border-color: #e73971!important; + background-color: #e73971!important; +} + +.color--theme, +.color--theme h1, +.color--theme h2, +.color--theme h3, +.color--theme h4, +.color--theme h5, +.color--theme h6, +.color--theme p, +.color--theme a, +.color--theme li, +.color--theme i, +.color--theme span, +.color--white .color--theme { color: #f74780!important; } + +.loading--theme .loader { + border-color: transparent #f74780; +} + +.loading--theme .loader::after { + border-color: transparent rgba(247, 71, 128, .15); +} + +.nav-theme .sm-info { + background-color: #f74780; +} + +.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #f74780!important; +} + +.hero-section .quick-form .form-control:focus { + border-color: #f74780; +} + +.cbox-2:hover .cbox-2-ico.bg--theme { + color: #f74780; + border-color: #f74780; +} + +.tabs-1.tabs--theme, +.tabs-1.tabs--theme li.current:hover { + color: #f74780; + border-color: #f74780; +} + +.faqs-section .tabs--theme .tabs-1 li.current, +.faqs-section .tabs--theme .tabs-1 li.current:hover { + background-color: #f74780; + border-color: #f74780!important; +} + +.switch-wrap input:checked + .switcher.switcher--theme { + background-color: #f74780; + border-color: #f74780; +} + +.shape-ico.color--theme path, +.shape-ico.color--theme path, +.shape-ico.color--theme path { + fill: #feecf2; +} + +.newsletter-section .form-control:focus { + background-color: #fff; + border-color: #353f4f; +} + +.theme-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #f74780; + border: 2px solid #f74780; +} + + + diff --git a/static/css/purple-theme.css b/static/css/purple-theme.css new file mode 100644 index 0000000..bbb1320 --- /dev/null +++ b/static/css/purple-theme.css @@ -0,0 +1,10990 @@ + + + + +/* + Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack + Theme URL: https://themeforest.net/user/dsathemes + Description: Martex - Software, App, SaaS & Startup Landing Pages Pack + Author: DSAThemes + Author URL: https://themeforest.net/user/dsathemes + Version: 1.0.0 + Website: www.dsathemes.com + Tags: Responsive, HTML5, DSAThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc +*/ + + + + +/* ========================================================================== + 01. GENERAL & BASIC STYLES + =========================================================================== */ + +html { + -webkit-font-smoothing: antialiased; + font-size: 16px; +} + +body { + font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; + color: #6c757d; + line-height: 1.6666; + font-weight: 400; +} + +/*------------------------------------------*/ +/* PAGE CONTENT +/*------------------------------------------*/ + +#page, +.hidd { + overflow: hidden; +} + +.rel, +section, +.container { + position: relative!important; + z-index: 3; +} + +.section-overlay { + width: 100%; + height: 100%; +} + +/*------------------------------------------*/ +/* BLOCK SHADOW +/*------------------------------------------*/ + +.block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* BORDER SETTINGS +/*------------------------------------------*/ + +.block-border { + border: 1px solid #e7e7e7; +} + +.block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.x-border { + border-top: 1px solid #e7e7e7; + border-bottom: 1px solid #e7e7e7; +} + +.top-border { + border-top: 1px solid #e7e7e7; +} + +.bottom-border { + border-bottom: 1px solid #e7e7e7; +} + +/*------------------------------------------*/ +/* BORDER RADIUS SETTING +/*------------------------------------------*/ + +.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } +.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } +.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } +.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } +.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } +.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } +.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; } +.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; } +.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } +.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; } +.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } +.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; } +.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; } +.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; } +.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; } +.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } +.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; } +.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; } +.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; } +.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; } + +/*------------------------------------------*/ +/* OPACITY SETTINGS +/*------------------------------------------*/ + +.o-0 { opacity: 0!important; } +.o-10 { opacity: .1!important; } +.o-15 { opacity: .15!important; } +.o-20 { opacity: .2!important; } +.o-25 { opacity: .25!important; } +.o-30 { opacity: .3!important; } +.o-35 { opacity: .35!important; } +.o-40 { opacity: .4!important; } +.o-45 { opacity: .45!important; } +.o-50 { opacity: .5!important; } +.o-55 { opacity: .55!important; } +.o-60 { opacity: .60!important; } +.o-65 { opacity: .65!important; } +.o-70 { opacity: .7!important; } +.o-75 { opacity: .75!important; } +.o-80 { opacity: .8!important; } +.o-85 { opacity: .85!important; } +.o-90 { opacity: .9!important; } +.o-95 { opacity: .95!important; } +.o-100 { opacity: 1!important; } + +/*------------------------------------------*/ +/* SPACING & INDENTS +/*------------------------------------------*/ + +.py-5 { padding-top: 5px; padding-bottom: 5px; } +.py-10 { padding-top: 10px; padding-bottom: 10px; } +.py-15 { padding-top: 15px; padding-bottom: 15px; } +.py-20 { padding-top: 20px; padding-bottom: 20px; } +.py-30 { padding-top: 30px; padding-bottom: 30px; } +.py-40 { padding-top: 40px; padding-bottom: 40px; } +.py-50 { padding-top: 50px; padding-bottom: 50px; } +.py-60 { padding-top: 60px; padding-bottom: 60px; } +.py-70 { padding-top: 70px; padding-bottom: 70px; } +.py-80 { padding-top: 80px; padding-bottom: 80px; } +.py-90 { padding-top: 90px; padding-bottom: 90px; } +.py-100 { padding-top: 100px; padding-bottom: 100px; } + +.pt-30 { padding-top: 30px; } +.pt-40 { padding-top: 40px; } +.pt-50 { padding-top: 50px; } +.pt-60 { padding-top: 60px; } +.pt-70 { padding-top: 70px; } +.pt-80 { padding-top: 80px; } +.pt-90 { padding-top: 90px; } +.pt-100 { padding-top: 100px; } + +.pb-30 { padding-bottom: 30px; } +.pb-40 { padding-bottom: 40px; } +.pb-50 { padding-bottom: 50px; } +.pb-60 { padding-bottom: 60px; } +.pb-70 { padding-bottom: 70px; } +.pb-80 { padding-bottom: 80px; } +.pb-90 { padding-bottom: 90px; } +.pb-100 { padding-bottom: 100px; } + +.mt-10 { margin-top: 10px; } +.mt-15 { margin-top: 15px; } +.mt-20 { margin-top: 20px; } +.mt-25 { margin-top: 25px; } +.mt-30 { margin-top: 30px; } +.mt-35 { margin-top: 35px; } +.mt-40 { margin-top: 40px; } +.mt-45 { margin-top: 45px; } +.mt-50 { margin-top: 50px; } +.mt-55 { margin-top: 55px; } +.mt-60 { margin-top: 60px; } +.mt-65 { margin-top: 65px; } +.mt-70 { margin-top: 70px; } +.mt-75 { margin-top: 75px; } +.mt-80 { margin-top: 80px; } +.mt-85 { margin-top: 85px; } +.mt-90 { margin-top: 90px; } +.mt-95 { margin-top: 95px; } +.mt-100 { margin-top: 100px; } + +.mb-10 { margin-bottom: 10px; } +.mb-15 { margin-bottom: 15px; } +.mb-20 { margin-bottom: 20px; } +.mb-25 { margin-bottom: 25px; } +.mb-30 { margin-bottom: 30px; } +.mb-35 { margin-bottom: 35px; } +.mb-40 { margin-bottom: 40px; } +.mb-45 { margin-bottom: 45px; } +.mb-50 { margin-bottom: 50px; } +.mb-55 { margin-bottom: 55px; } +.mb-60 { margin-bottom: 60px; } +.mb-65 { margin-bottom: 65px; } +.mb-70 { margin-bottom: 70px; } +.mb-75 { margin-bottom: 75px; } +.mb-80 { margin-bottom: 80px; } +.mb-85 { margin-bottom: 85px; } +.mb-90 { margin-bottom: 90px; } +.mb-95 { margin-bottom: 95px; } +.mb-100 { margin-bottom: 100px; } + +.ml-5 { margin-left: 5px; } +.ml-10 { margin-left: 10px; } +.ml-15 { margin-left: 15px; } +.ml-20 { margin-left: 20px; } +.ml-25 { margin-left: 25px; } +.ml-30 { margin-left: 30px; } + +.mr-5 { margin-right: 5px; } +.mr-10 { margin-right: 10px; } +.mr-15 { margin-right: 15px; } +.mr-20 { margin-right: 20px; } +.mr-25 { margin-right: 25px; } +.mr-30 { margin-right: 30px; } + +/*------------------------------------------*/ +/* BACKGROUND SETTINGS +/*------------------------------------------*/ + +.bg--fixed, +.bg--scroll { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--fixed { + background-attachment: scroll!important; +} + +.bg--scroll { + background-attachment: fixed!important; +} + +/*------------------------------------------*/ +/* BACKGROUND COLORS +/*------------------------------------------*/ + +.bg--white-500 { background-color: #f2f4f8; } +.bg--white-400 { background-color: #f4f4f9; } +.bg--white-300 { background-color: #f7f8f9; } +.bg--white-200 { background-color: #fbfbfd; } +.bg--white-100 { background-color: #fff; } + +.bg--black-500 { background-color: #22223b; } +.bg--black-400 { background-color: #2e3648; } +.bg--black-300 { background-color: #394455; } +.bg--black-200 { background-color: #e1e3e5; } +.bg--black-100 { background-color: #ecf1f4; } + +.bg--blue-500 { background-color: #185abd; } +.bg--blue-400 { background-color: #1680fb; } +.bg--blue-300 { background-color: #3eb1ff; } +.bg--blue-200 { background-color: #ddedff; } +.bg--blue-100 { background-color: #f4f9fc; } + +.bg--green-500 { background-color: #00a14e; } +.bg--green-400 { background-color: #0fbc49; } +.bg--green-300 { background-color: #6fd792; } +.bg--green-200 { background-color: #cff2db; } +.bg--green-100 { background-color: #e9f8f2; } + +.bg--pink-500 { background-color: #ff149c; } +.bg--pink-400 { background-color: #f74780; } +.bg--pink-300 { background-color: #fcb5cc; } +.bg--pink-200 { background-color: #fee4ec; } +.bg--pink-100 { background-color: #feecf2; } + +.bg--purple-5000 { background-color: #663ae9; } +.bg--purple-500 { background-color: #7827e6; } +.bg--purple-400 { background-color: #7b5dd6; } +.bg--purple-300 { background-color: #bdaeea; } +.bg--purple-200 { background-color: #e5deff; } +.bg--purple-100 { background-color: #f1edff; } + +.bg--red-500 { background-color: #da0f29; } +.bg--red-400 { background-color: #ff1e1a; } +.bg--red-300 { background-color: #ffa5a3; } +.bg--red-200 { background-color: #ffd2d1; } +.bg--red-100 { background-color: #fce7e4; } + +.bg--violet-500 { background-color: #c73e9b; } +.bg--violet-400 { background-color: #be6cbe; } +.bg--violet-300 { background-color: #e2bde2; } +.bg--violet-200 { background-color: #f1cde5; } +.bg--violet-100 { background-color: #f7e4f1; } + +.bg--yellow-500 { background-color: #ffba01; } +.bg--yellow-400 { background-color: #ffbd45; } +.bg--yellow-300 { background-color: #ffdf35; } +.bg--yellow-200 { background-color: #fef5cd; } +.bg--yellow-100 { background-color: #fef9e5; } + +.bg--tra-black { background-color: rgba(0, 0, 0, .04); } +.bg--tra-white { background-color: rgba(255, 255, 255, .15); } +.bg--primary-blue { background-color: #2160fd; } +.bg--light-grey { background-color: #f0f3ff; } +.bg--snow { background-color: #fdfdfd; } + +/*------------------------------------------*/ +/* GRADIENT COLOR BACKGROUND +/*------------------------------------------*/ + +.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); } +.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); } +.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); } +.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); } +.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); } +.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); } + +/*------------------------------------------*/ +/* BACKGROUND SHAPE +/*------------------------------------------*/ + +.shape--01:after, +.shape--02:after, +.shape--03:after, +.shape--04:after, +.shape--05:after, +.shape--06:after, +.shape--07:after { + position: absolute; + content: ''; + z-index: -1; +} + +.shape--02.r-24:after { + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--01:after { + width: 150%; + height: 80%; + top: 13%; + left: -25%; +} + +.shape--02:after { + width: 86%; + height: 80%; + top: 13%; + left: 7%; +} + +.shape--03:after { + width: 78%; + height: 120%; + top: -60px; + left: 11%; + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--04:after { + width: 100%; + height: 80%; + top: 10%; + left: 0; +} + +.shape--05:after { + width: 150%; + height: 90%; + top: 0; + left: -25%; +} + +.shape--06:after { + width: 150%; + height: 75%; + top: 0; + left: -25%; +} + +.shape--07:after { + width: 200%; + height: 50%; + top: 37%; + left: -50%; +} + +.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); } + +.shape--white-500:after { background-color: #f2f4f8; } +.shape--white-400:after { background-color: #f4f4f9; } +.shape--white-300:after { background-color: #f7f8f9; } +.shape--white-200:after { background-color: #fbfbfd; } + +.shape--black-500:after { background-color: #22223b; } +.shape--black-400:after { background-color: #2e3648; } +.shape--black-300:after { background-color: #394455; } +.shape--black-200:after { background-color: #e1e3e5; } +.shape--black-100:after { background-color: #ecf1f4; } + +.shape--blue-500:after { background-color: #185abd; } +.shape--blue-400:after { background-color: #1680fb; } +.shape--blue-300:after { background-color: #3eb1ff; } +.shape--blue-200:after { background-color: #ddedff; } +.shape--blue-100:after { background-color: #f4f9fc; } + +.shape--green-500:after { background-color: #00a14e; } +.shape--green-400:after { background-color: #0fbc49; } +.shape--green-300:after { background-color: #6fd792; } +.shape--green-200:after { background-color: #cff2db; } +.shape--green-100:after { background-color: #e9f8f2; } + +.shape--pink-500:after { background-color: #ff149c; } +.shape--pink-400:after { background-color: #f74780; } +.shape--pink-300:after { background-color: #fcb5cc; } +.shape--pink-200:after { background-color: #fee4ec; } +.shape--pink-100:after { background-color: #feecf2; } + +.shape--purple-500:after { background-color: #663ae9; } +.shape--purple-400:after { background-color: #7b5dd6; } +.shape--purple-300:after { background-color: #bdaeea; } +.shape--purple-200:after { background-color: #e5deff; } +.shape--purple-100:after { background-color: #f1edff; } + +.shape--red-500:after { background-color: #da0f29; } +.shape--red-400:after { background-color: #ff1e1a; } +.shape--red-300:after { background-color: #ffa5a3; } +.shape--red-200:after { background-color: #ffd2d1; } +.shape--red-100:after { background-color: #fce7e4; } + +.shape--violet-500:after { background-color: #c73e9b; } +.shape--violet-400:after { background-color: #be6cbe; } +.shape--violet-300:after { background-color: #e2bde2; } +.shape--violet-200:after { background-color: #f1cde5; } +.shape--violet-100:after { background-color: #f7e4f1; } + +.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);} + +/*------------------------------------------*/ +/* BACKGROUND PATTERN +/*------------------------------------------*/ + +.pattern-01, +.pattern-02, +.pattern-03, +.pattern-04, +.pattern-05 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.pattern-01 { background-image: url(../images/pattern-01.png); } +.pattern-02 { background-image: url(../images/pattern-02.png); } +.pattern-03 { background-image: url(../images/pattern-03.png); } +.pattern-04 { background-image: url(../images/pattern-04.png); } +.pattern-05 { background-image: url(../images/pattern-05.png); } + +/*------------------------------------------*/ +/* BACKGROUND IMAGE +/*------------------------------------------*/ + +.bg--01, .bg--02, .bg--03, .bg--04, +.bg--05, .bg--06, .bg--07, .bg--08 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--01 { background-image: url(../images/bg-01.jpg); } +.bg--02 { background-image: url(../images/bg-02.jpg); } +.bg--03 { background-image: url(../images/bg-03.jpg); } +.bg--04 { background-image: url(../images/bg-04.jpg); } +.bg--05 { background-image: url(../images/bg-05.jpg); } +.bg--06 { background-image: url(../images/bg-06.jpg); } +.bg--07 { background-image: url(../images/bg-07.jpg); } +.bg--08 { background-image: url(../images/bg-08.jpg); } + +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +hr.divider { + width: 100%; + height: 1px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%); + opacity: .4; + border: none; + margin: 0; +} + +/*------------------------------------------*/ +/* WAVE SHAPE BOTTOM +/*------------------------------------------*/ + +.wave-shape-bottom { + position: absolute; + bottom: 0; + left: 0; + width: 100%; +} + + + + +/* ========================================================================== + 02. TYPOGRAPHY + =========================================================================== */ + +/*------------------------------------------*/ +/* HEADERS +/*------------------------------------------*/ + +h1, h2, h3, h4, h5, h6 { + color: #353f4f; + font-weight: 600; + letter-spacing: 0; + margin-bottom: 0; +} + +.font--jakarta h1, +.font--jakarta h2, +.font--jakarta h3, +.font--jakarta h4, +.font--jakarta h5, +.font--jakarta h6 { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1.35; +} + +.font--jakarta h1, +.font--jakarta h2 { + line-height: 1.25; +} + +.font--inter h1, +.font--inter h2, +.font--inter h3, +.font--inter h4, +.font--inter h5, +.font--inter h6 { + font-family: 'Inter', sans-serif; + letter-spacing: -0.5px; +} + +/*------------------------------------------*/ +/* PARAGRAPHS +/*------------------------------------------*/ + +p.p-sm { font-size: 0.9375rem; } /* 15px */ +p { font-size: 1rem; } /* 16px */ +p.p-md { font-size: 1.0625rem; } /* 17px */ +p.p-lg { font-size: 1.125rem; } /* 18px */ +p.p-xl { font-size: 1.2rem; } /* 19.2px */ + +/*------------------------------------------*/ +/* FONT SIZE +/*------------------------------------------*/ + +.s-15 { font-size: 0.9375rem; } /* 15px */ +.s-16 { font-size: 1rem; } /* 16px */ +.s-17 { font-size: 1.0625rem; } /* 17px */ +.s-18 { font-size: 1.125rem; } /* 18px */ +.s-19 { font-size: 1.1875rem; } /* 19px */ +.s-20 { font-size: 1.25rem; } /* 20px */ +.s-21 { font-size: 1.3125rem; } /* 21px */ +.s-22 { font-size: 1.375rem; } /* 22px */ +.s-23 { font-size: 1.4375rem; } /* 23px */ +.s-24 { font-size: 1.5rem; } /* 24px */ +.s-26 { font-size: 1.625rem; } /* 26px */ +.s-28 { font-size: 1.75rem; } /* 28px */ +.s-30 { font-size: 1.875rem; } /* 30px */ +.s-32 { font-size: 2rem; } /* 32px */ +.s-34 { font-size: 2.125rem; } /* 34px */ +.s-36 { font-size: 2.25rem; } /* 36px */ +.s-38 { font-size: 2.375rem; } /* 38px */ +.s-40 { font-size: 2.5rem; } /* 40px */ +.s-42 { font-size: 2.625rem; } /* 42px */ +.s-43 { font-size: 2.6875rem; } /* 43px */ +.s-44 { font-size: 2.75rem; } /* 44px */ +.s-45 { font-size: 2.8125rem; } /* 45px */ +.s-46 { font-size: 2.875rem; } /* 46px */ +.s-47 { font-size: 2.9375rem; } /* 47px */ +.s-48 { font-size: 3rem; } /* 48px */ +.s-50 { font-size: 3.125rem; } /* 50px */ +.s-52 { font-size: 3.25rem; } /* 52px */ +.s-54 { font-size: 3.375rem; } /* 54px */ +.s-56 { font-size: 3.5rem; } /* 56px */ +.s-58 { font-size: 3.625rem; } /* 58px */ +.s-60 { font-size: 3.75rem; } /* 60px */ +.s-62 { font-size: 3.875rem; } /* 62px */ +.s-64 { font-size: 4rem; } /* 64px */ +.s-66 { font-size: 4.125rem; } /* 66px */ +.s-68 { font-size: 4.25rem; } /* 68px */ +.s-70 { font-size: 4.375rem; } /* 70px */ +.s-72 { font-size: 4.5rem; } /* 72px */ +.s-74 { font-size: 4.625rem; } /* 74px */ +.s-76 { font-size: 4.75rem; } /* 76px */ +.s-78 { font-size: 4.875rem; } /* 78px */ +.s-80 { font-size: 5rem; } /* 80px */ + +/*------------------------------------------*/ +/* FONT WEIGHT +/*------------------------------------------*/ + +.txt-upcase { + text-transform: uppercase +} + +.w-200 { font-weight: 200; } +.w-300 { font-weight: 300; } +.w-400 { font-weight: 400; } +.w-500 { font-weight: 500; } +.w-600 { font-weight: 600; } +.w-700 { font-weight: 700; } +.w-800 { font-weight: 800; } +.w-900 { font-weight: 900; } + +/*------------------------------------------*/ +/* LINK SETTINGS +/*------------------------------------------*/ + +a { + color: #6c757d; + text-decoration: none; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +a:hover { + color: #353f4f!important; + text-decoration: none; +} + +a:focus { + outline: none; + text-decoration: none; +} + +a.tra-link { + font-size: 1rem; + line-height: 1; + font-weight: 500; +} + +a.tra-link span { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.tra-link.ico-20 [class*="flaticon-"]:before, +.tra-link.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 0.75rem; + line-height: 0.7rem!important; + top: 2px; + left: 2px; +} + +a.tra-link:hover span { + color: #353f4f!important; +} + +/*------------------------------------------*/ +/* LISTS +/*------------------------------------------*/ + +ul { + margin: 0; + padding: 0; + list-style: none; +} + +/*------------------------------------------*/ +/* TEXT LIST +/*------------------------------------------*/ + +ul.simple-list { + list-style: disc; + margin-left: 15px; +} + +ul.simple-list.long-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* DIGIT LIST +/*------------------------------------------*/ + +ol.digit-list { + padding: 0; + margin-left: 15px; +} + +ol.digit-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* BUTTON SETTINGS +/*------------------------------------------*/ + +.btn { + background-color: transparent; + font-size: 1rem; + line-height: 1; + font-weight: 500; + padding: 0.9rem 1.8rem; + border: 2px solid transparent; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.btn.btn-sm { + font-size: 0.975rem; + padding: 0.7rem 1.5rem; +} + +.btn.ico-30.ico-left, +.btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Buttons Group +/*------------------------------------------*/ + +.text-center .btns-group { + display: inline-block; +} + +.btns-group .btn:first-child { + margin-right: 15px; +} + +.btns-group .btn.ico-30.ico-left { + padding: 0.37rem 0.5rem; +} + +.btns-group .btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Button Icon +/*------------------------------------------*/ + +.btn.ico-20 [class*="flaticon-"]:before, +.btn.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 1rem; + line-height: 0.7rem!important; + top: 4px; +} + +.btn.ico-left span { + margin-right: 5px; +} + +.btn.ico-right span { + margin-left: 5px; +} + +.btn.ico-30.ico-left span { + position: relative; + top: 0; + right: 4px; +} + +.btn.ico-30.ico-right span { + position: relative; + top: 0; + left: 4px; +} + +.btn.ico-30.ico-left span.ico-30-txt, +.btn.ico-30.ico-right span.ico-30-txt { + position: relative; + top: -10px; + right: 0; +} + +.btn.ico-30.ico-right span.ico-30-txt { + left: 0; +} + +/*------------------------------------------*/ +/* Button Text +/*------------------------------------------*/ + +p.btn-txt { + margin: 20px 0 0 0; +} + +.btn-rating p.btn-txt { + margin: 0; +} + +.star-rating span.rating-txt { + font-size: 0.9375rem; +} + +p.btns-group-txt { + margin: 14px 0 0 0; +} + +.btn-rating { + margin-top: 18px; +} + +.text-center p.btns-group-txt { + margin-top: 20px; +} + +p.btn-txt.ico-15, +p.btns-group-txt.ico-15 { + padding-left: 5px; +} + +.text-center p.btn-txt.ico-15, +.text-center p.btns-group-txt.ico-15 { + padding-left: 0; +} + +p.btn-txt span, +p.btns-group-txt span { + position: relative; + top: 0.5px; + right: 2px; +} + +p.btns-group-txt span.txt-data { + display: block; + top: 0; + right: 0; +} + +p.btns-group-txt span.txt-data a { + margin-left: 4px; + text-decoration: underline; +} + +p.btns-group-txt span.txt-data a:hover { + text-decoration: none; +} + +.hero-section .color--white p.btns-group-txt span.txt-data a:hover { + color: #fff!important; +} + +.btn-txt.ico-15 [class*="flaticon-"]:before, +.btn-txt.ico-15 [class*="flaticon-"]:after, +.btns-group-txt.ico-15 [class*="flaticon-"]:before, +.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.star-rating.ico-15 [class*="flaticon-"]:before, +.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; } + +/*------------------------------------------*/ +/* TRANSPARENT BUTTON +/*------------------------------------------*/ + +.btn--tra { + color: #fff!important; + border-color: transparent!important; + background-color: rgba(255, 255, 255, .2)!important; +} + +/*------------------------------------------*/ +/* WHITE BUTTON +/*------------------------------------------*/ + +.btn--transparent { + color: #353f4f; + background-color: transparent; + border-color: transparent; +} + +.btn--transparent:hover { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--white, +.hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.btn--tra-white, +.hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.white-scroll .scroll .hover--tra-white:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK BUTTON +/*------------------------------------------*/ + +.btn--black, +.hover--black:hover { + color: #fff!important; + background-color: #353f4f!important; + border-color: #353f4f!important; +} + +.btn--tra-black, +.hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* GREY BUTTON +/*------------------------------------------*/ + +.btn--tra-grey, +.hover--tra-grey:hover, +.white-scroll .scroll .hover--tra-grey:hover, +.black-scroll .scroll .hover--tra-grey:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #ccc!important; +} + +/*------------------------------------------*/ +/* BLUE BUTTON +/*------------------------------------------*/ + +.btn--blue-500, .hover--blue-500:hover, +.white-scroll .scroll .hover--blue-500:hover, +.black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.btn--blue-400, .hover--blue-400:hover, +.white-scroll .scroll .hover--blue-400:hover, +.black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.btn--blue-300, .hover--blue-300:hover, +.white-scroll .scroll .hover--blue-300:hover, +.black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.btn--blue-200, .hover--blue-200:hover, +.white-scroll .scroll .hover--blue-200:hover, +.black-scroll .scroll .hover--blue-200:hover { + color: #1680fb!important; + border-color: #e3ebfe!important; + background-color: #e3ebfe!important; +} + +.btn--blue-100, .hover--blue-100:hover, +.white-scroll .scroll .hover--blue-100:hover, +.black-scroll .scroll .hover--blue-100:hover { + color: #1680fb!important; + border-color: #1680fb!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* GREEN BUTTON +/*------------------------------------------*/ + +.btn--green-500, .hover--green-500:hover, +.white-scroll .scroll .hover--green-500:hover, +.black-scroll .scroll .hover--green-500:hover { + color: #fff!important; + border-color: #00a14e!important; + background-color: #00a14e!important; +} + +.btn--green-400, .hover--green-400:hover, +.white-scroll .scroll .hover--green-400:hover, +.black-scroll .scroll .hover--green-400:hover { + color: #fff!important; + border-color: #0fbc49!important; + background-color: #0fbc49!important; +} + +.btn--green-300, .hover--green-300:hover, +.white-scroll .scroll .hover--green-300:hover, +.black-scroll .scroll .hover--green-300:hover { + color: #fff!important; + border-color: #6fd792!important; + background-color: #6fd792!important; +} + +.btn--green-200, .hover--green-200:hover, +.white-scroll .scroll .hover--green-200:hover, +.black-scroll .scroll .hover--green-200:hover { + color: #0fbc49!important; + border-color: #cff2db!important; + background-color: #cff2db!important; +} + +.btn--green-100, .hover--green-100:hover, +.white-scroll .scroll .hover--green-100:hover, +.black-scroll .scroll .hover--green-100:hover { + color: #0fbc49!important; + border-color: #0fbc49!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PINK BUTTON +/*------------------------------------------*/ + +.btn--pink-500, .hover--pink-500:hover, +.white-scroll .scroll .hover--pink-500:hover, +.black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.btn--pink-400, .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.btn--pink-300, .hover--pink-300:hover, +.white-scroll .scroll .hover--pink-300:hover, +.black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.btn--pink-200, .hover--pink-200:hover, +.white-scroll .scroll .hover--pink-200:hover, +.black-scroll .scroll .hover--pink-200:hover { + color: #f74780!important; + border-color: #fee4ec!important; + background-color: #fee4ec!important; +} + +.btn--pink-100, .hover--pink-100:hover, +.white-scroll .scroll .hover--pink-100:hover, +.black-scroll .scroll .hover--pink-100:hover { + color: #f74780!important; + border-color: #f74780!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PURPLE BUTTON +/*------------------------------------------*/ + +.btn--purple-500, .hover--purple-500:hover, +.white-scroll .scroll .hover--purple-500:hover, +.black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.btn--purple-400, .hover--purple-400:hover, +.white-scroll .scroll .hover--purple-400:hover, +.black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.btn--purple-300, .hover--purple-300:hover, +.white-scroll .scroll .hover--purple-300:hover, +.black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.btn--purple-200, .hover--purple-200:hover, +.white-scroll .scroll .hover--purple-200:hover, +.black-scroll .scroll .hover--purple-200:hover { + color: #7b5dd6!important; + border-color: #e5deff!important; + background-color: #e5deff!important; +} + +.btn--purple-100, .hover--purple-100:hover, +.white-scroll .scroll .hover--purple-100:hover, +.black-scroll .scroll .hover--purple-100:hover { + color: #7b5dd6!important; + border-color: #7b5dd6!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* RED BUTTON +/*------------------------------------------*/ + +.btn--red-500, .hover--red-500:hover, +.white-scroll .scroll .hover--red-500:hover, +.black-scroll .scroll .hover--red-500:hover { + color: #fff!important; + border-color: #da0f29!important; + background-color: #da0f29!important; +} + +.btn--red-400, .hover--red-400:hover, +.white-scroll .scroll .hover--red-400:hover, +.black-scroll .scroll .hover--red-400:hover { + color: #fff!important; + border-color: #ff1e1a!important; + background-color: #ff1e1a!important; +} + +.btn--red-300, .hover--red-300:hover, +.white-scroll .scroll .hover--red-300:hover, +.black-scroll .scroll .hover--red-300:hover { + color: #fff!important; + border-color: #ffa5a3!important; + background-color: #ffa5a3!important; +} + +.btn--red-200, .hover--red-200:hover, +.white-scroll .scroll .hover--red-200:hover, +.black-scroll .scroll .hover--red-200:hover { + color: #ff1e1a!important; + border-color: #ffd2d1!important; + background-color: #ffd2d1!important; +} + +.btn--red-100, .hover--red-100:hover, +.white-scroll .scroll .hover--red-100:hover, +.black-scroll .scroll .hover--red-100:hover { + color: #ff1e1a!important; + border-color: #ff1e1a!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* VIOLET BUTTON +/*------------------------------------------*/ + +.btn--violet-500, .hover--violet-500:hover, +.white-scroll .scroll .hover--violet-500:hover, +.black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.btn--violet-400, .hover--violet-400:hover, +.white-scroll .scroll .hover--violet-400:hover, +.black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.btn--violet-300, .hover--violet-300:hover, +.white-scroll .scroll .hover--violet-300:hover, +.black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.btn--violet-200, .hover--violet-200:hover, +.white-scroll .scroll .hover--violet-200:hover, +.black-scroll .scroll .hover--violet-200:hover { + color: #be6cbe!important; + border-color: #f1cde5!important; + background-color: #f1cde5!important; +} + +.btn--violet-100, .hover--violet-100:hover, +.white-scroll .scroll .hover--violet-100:hover, +.black-scroll .scroll .hover--violet-100:hover { + color: #be6cbe!important; + border-color: #be6cbe!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* YELLOW BUTTON +/*------------------------------------------*/ + +.btn--yellow-500, .hover--yellow-500:hover, +.white-scroll .scroll .hover--yellow-500:hover, +.black-scroll .scroll .hover--yellow-500:hover { + color: #353f4f!important; + border-color: #ffba01!important; + background-color: #ffba01!important; +} + +.btn--yellow-400, .hover--yellow-400:hover, +.white-scroll .scroll .hover--yellow-400:hover, +.black-scroll .scroll .hover--yellow-400:hover { + color: #353f4f!important; + border-color: #ffbd45!important; + background-color: #ffbd45!important; +} + +.btn--yellow-300, .hover--yellow-300:hover, +.white-scroll .scroll .hover--yellow-300:hover, +.black-scroll .scroll .hover--yellow-300:hover { + color: #353f4f!important; + border-color: #ffdf35!important; + background-color: #ffdf35!important; +} + +.btn--yellow-200, .hover--yellow-200:hover, +.white-scroll .scroll .hover--yellow-200:hover, +.black-scroll .scroll .hover--yellow-200:hover { + color: #353f4f!important; + border-color: #fef5cd!important; + background-color: #fef5cd!important; +} + +.btn--yellow-100, .hover--yellow-100:hover, +.white-scroll .scroll .hover--yellow-100:hover, +.black-scroll .scroll .hover--yellow-100:hover { + color: #ffba01!important; + border-color: #ffba01!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* BUTTON FOCUS +/*------------------------------------------*/ + +.btn:focus, +.btn.btn--black:focus { + color: #fff; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--transparent:focus { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--grey:focus { + color: #666; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--tra-black:focus, +.btn--transparent:focus, +.btn.btn--tra-grey:focus { + color: #353f4f; + -webkit-box-shadow: none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* DOWNLOAD LINKS +/*------------------------------------------*/ + +.download-links li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.download-links-divider { + position: relative; + top: 1.5px; + transform: rotate(-90deg); +} + +.download-links li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.download-links li p a { + font-weight: 500; +} + +.download-links li p a:hover { + text-decoration: underline; +} + +.color--white .download-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* OS DOWNLOAD BUTTON +/*------------------------------------------*/ + +.os-btn { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + text-align: left; + width: 330px; + min-width: 330px; + background-color: #fff; + border: 1px solid #d3d3d3; + padding: 17px 18px 15px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.os-btn:hover { + background-color: #f5f6f7; + border: 1px solid #f5f6f7; + -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); +} + +.os-btn-ico { + position: relative; + margin-right: 20px; +} + +.os-btn-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.os-btn-txt p { + color: #353f4f; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + letter-spacing: -0.5px; + margin-top: 6px; + margin-bottom: 5px; +} + +.os-btn-txt span { + display: block; + font-size: 0.9rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* STORE BADGE ICONS +/*------------------------------------------*/ + +.stores-badge { + display: inline-block; +} + +.store { + display: inline-block; + text-align: center; + margin-right: 10px; +} + +.store:last-child { + margin-right: 0; +} + +.store img { + width: auto; + max-width: inherit; +} + +.badge-img-xs .store img { max-height: 2.5rem; } +.badge-img-sm .store img { max-height: 2.625rem; } +.badge-img-md .store img { max-height: 2.875rem; } +.badge-img-lg .store img { max-height: 3rem; } + +/*------------------------------------------*/ +/* WATCH VIDEO LINK +/*------------------------------------------*/ + +.watch-video { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + margin-top: 25px; +} + +/*------------------------------------------*/ +/* Link Icon +/*------------------------------------------*/ + +.watch-video-link { + position: relative; + text-align: center; + float: left; + width: 2.85rem; + height: 2.85rem; + color: #fff; + border: none; + margin-right: 12px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.watch-video-link:before { + content: ''; + position: absolute; + left: -3px; + right: -3px; + top: -3px; + bottom: -3px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.watch-video-link:hover:before { + opacity: .75; + left: -8px; + right: -8px; + top: -8px; + bottom: -8px; +} + +.watch-video-link span[class^="flaticon-"]:before, +.watch-video-link span[class^="flaticon-"]:after { + font-size: 2rem; + line-height: 2.85rem!important; + margin-left: 5px; +} + +/*------------------------------------------*/ +/* Link Text +/*------------------------------------------*/ + +.watch-video-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + text-align: left!important; +} + +p.video-txt-lg { + font-size: 1rem; + line-height: 1; + font-weight: 400; + margin-bottom: 5px; +} + +p.video-txt-sm { + font-size: 0.925rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* VIDEO POPUP ICON +/*------------------------------------------*/ + +.video-preview { + position: relative; + text-align: center; +} + +.video-btn { + position: absolute!important; + top: 50%; + left: 50%; + display: inline-block; + text-align: center; + color: #fff; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.video-btn-xl { + width: 6.25rem; + height: 6.25rem; + margin-top: -3.125rem; + margin-left: -3.125rem; +} + +.video-btn-lg { + width: 5.625rem; + height: 5.625rem; + margin-top: -2.8125rem; + margin-left: -2.8125rem; +} + +.video-btn-md { + width: 5rem; + height: 5rem; + margin-top: -2.5rem; + margin-left: -2.5rem; +} + +.video-btn-sm { + width: 4.375rem; + height: 4.375rem; + margin-top: -2.1875rem; + margin-left: -2.1875rem; +} + +.video-block-wrapper { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl [class^="flaticon-"]:before, +.video-btn.video-btn-xl [class^="flaticon-"]:after { + font-size: 5rem; + line-height: 6.25rem!important; + margin-left: 10px; +} + +.video-btn.video-btn-lg [class^="flaticon-"]:before, +.video-btn.video-btn-lg [class^="flaticon-"]:after { + font-size: 4.5rem; + line-height: 5.625rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-md [class^="flaticon-"]:before, +.video-btn.video-btn-md [class^="flaticon-"]:after { + font-size: 4.35rem; + line-height: 5rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-sm [class^="flaticon-"]:before, +.video-btn.video-btn-sm [class^="flaticon-"]:after { + font-size: 3.5rem; + line-height: 4.375rem!important; + margin-left: 5px; +} + +.video-btn:hover .video-block-wrapper { + -moz-transform: scale(0.95); + -ms-transform: scale(0.95); + -webkit-transform: scale(0.95); + -o-transform: scale(0.95); + transform: scale(0.95); +} + +.video-btn:before { + content: ''; + position: absolute; + left: -5px; + right: -5px; + top: -5px; + bottom: -5px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl:hover:before { + opacity: .75; + left: -1.5rem; + right: -1.5rem; + top: -1.5rem; + bottom: -1.5rem; +} + +.video-btn.video-btn-lg:hover:before { + opacity: .75; + left: -1.25rem; + right: -1.25rem; + top: -1.25rem; + bottom: -1.25rem; +} + +.video-btn.video-btn-md:hover:before { + opacity: .75; + left: -1rem; + right: -1rem; + top: -1rem; + bottom: -1rem; +} + +.video-btn.video-btn-sm:hover:before { + opacity: .75; + left: -0.75rem; + right: -0.75rem; + top: -0.75rem; + bottom: -0.75rem; +} + +/*------------------------------------------*/ +/* VECTOR ICONS +/*------------------------------------------*/ + +.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; } /* 15px */ +.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; } /* 15px */ +.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; } /* 20px */ +.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; } /* 25px */ +.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; } /* 30px */ +.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; } /* 35px */ +.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; } /* 40px */ +.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; } /* 45px */ +.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; } /* 50px */ +.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; } /* 55px */ +.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; } /* 60px */ +.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; } /* 65px */ +.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; } /* 70px */ +.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; } /* 75px */ +.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; } /* 80px */ +.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; } /* 85px */ +.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; } /* 90px */ +.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; } /* 95px */ +.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; } /* 100px */ +.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */ +.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; } /* 110px */ +.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */ +.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; } /* 120px */ +.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */ + +/*------------------------------------------*/ +/* VECTOR ICON BACKGROUND +/*------------------------------------------*/ + +.shape-ico { + position: relative; + display: inline-block; + margin: 0 auto; +} + +.shape-ico span { + position: relative; + z-index: 2; +} + +.shape-ico svg { + position: absolute; + z-index: 1; +} + +.ico-50 .shape-ico svg { + width: 130px; + height: 130px; + top: -35px; + left: calc(50% - 60px); +} + +.fbox-11 .ico-50 .shape-ico svg { + top: -40px; + left: calc(50% - 70px); +} + +.ico-55 .shape-ico svg { + width: 135px; + height: 135px; + top: -30px; + left: calc(50% - 60px); +} + +.ico-60 .shape-ico svg { + width: 140px; + height: 140px; + top: -30px; + left: calc(50% - 65px); +} + +.shape-ico.color--blue-300 path, +.shape-ico.color--blue-400 path, +.shape-ico.color--blue-500 path { + fill: #f4f9fc; +} + +.shape-ico.color--green-300 path, +.shape-ico.color--green-400 path, +.shape-ico.color--green-500 path { + fill: #e9f8f2; +} + +.shape-ico.color--pink-300 path, +.shape-ico.color--pink-400 path, +.shape-ico.color--pink-500 path { + fill: #feecf2; +} + +.shape-ico.color--purple-300 path, +.shape-ico.color--purple-400 path, +.shape-ico.color--purple-500 path { + fill: #f1edff; +} + +.shape-ico.color--red-300 path, +.shape-ico.color--red-400 path, +.shape-ico.color--red-500 path { + fill: #fce7e4; +} + +.shape-ico.color--violet-300 path, +.shape-ico.color--violet-400 path, +.shape-ico.color--violet-500 path { + fill: #f7e4f1; +} + +/*------------------------------------------*/ +/* VECTOR ROUNDED ICONS +/*------------------------------------------*/ + +.ico-rounded, +.ico-rounded-md, +.ico-rounded-lg { + display: inline-block; + text-align: center; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.ico-rounded { width: 80px; height: 80px; } +.ico-rounded-md { width: 90px; height: 90px; } +.ico-rounded-lg { width: 100px; height: 100px; } + +.ico-rounded [class*="flaticon-"]:before, +.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; } + +.ico-rounded-md [class*="flaticon-"]:before, +.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; } + +.ico-rounded-lg [class*="flaticon-"]:before, +.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; } + +/*------------------------------------------*/ +/* VECTOR SQUARE ICONS +/*------------------------------------------*/ + +.ico-square { + display: inline-block; + text-align: center; + width: 80px; + height: 80px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -o-border-radius: 12px; + border-radius: 12px; +} + +.ico-square [class*="flaticon-"]:before, +.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; } + +/*------------------------------------------*/ +/* PNG ICONS SETTINGS +/*------------------------------------------*/ + +.ico-145 img { width: 145px; height: 145px; } +.ico-140 img { width: 140px; height: 140px; } +.ico-135 img { width: 135px; height: 135px; } +.ico-130 img { width: 130px; height: 130px; } +.ico-125 img { width: 125px; height: 125px; } +.ico-120 img { width: 120px; height: 120px; } +.ico-115 img { width: 115px; height: 115px; } +.ico-110 img { width: 110px; height: 110px; } +.ico-105 img { width: 105px; height: 105px; } +.ico-100 img { width: 100px; height: 100px; } +.ico-95 img { width: 95px; height: 95px; } +.ico-90 img { width: 90px; height: 90px; } +.ico-85 img { width: 85px; height: 85px; } +.ico-80 img { width: 80px; height: 80px; } +.ico-75 img { width: 75px; height: 75px; } +.ico-70 img { width: 70px; height: 70px; } +.ico-65 img { width: 65px; height: 65px; } +.ico-60 img { width: 60px; height: 60px; } +.ico-55 img { width: 55px; height: 55px; } +.ico-50 img { width: 50px; height: 50px; } +.ico-45 img { width: 45px; height: 45px; } +.ico-40 img { width: 40px; height: 40px; } +.ico-35 img { width: 35px; height: 35px; } +.ico-30 img { width: 30px; height: 30px; } +.ico-25 img { width: 25px; height: 25px; } +.ico-20 img { width: 20px; height: 20px; } + +/*------------------------------------------*/ +/* SECTION ID +/*------------------------------------------*/ + +.section-id { + display: block; + font-size: 0.85rem; + line-height: 1; + font-weight: 700; + letter-spacing: 0.5px; + text-transform: uppercase; + margin-bottom: 35px; +} + +.section-id.rounded-id { + display: inline-block; + padding: 10px 24px; + font-size: 0.85rem; + text-transform: uppercase; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + margin-bottom: 40px; +} + +.section-id.border-id { + border-width: 2px; + border-style: solid; +} + +.section-id.border-id.border--grey { + border-color: #757575; +} + +.section-id.border-id.border--blue { + border-color: #1680fb; +} + +.font--jakarta .section-id { + font-family: 'Plus Jakarta Sans', sans-serif; +} + +.font--inter .section-id { + font-family: 'Inter', sans-serif; +} + +/*------------------------------------------*/ +/* SECTION TITLE +/*------------------------------------------*/ + +.section-title { + text-align: center; +} + +.section-title h2 { + margin-bottom: 0; +} + +.section-title h2.w-700 { + letter-spacing: -0.5px; +} + +.section-title p.p-md, +.section-title p.p-lg, +.section-title p.p-xl, +.section-title p.s-20, +.section-title p.s-21 { + margin-top: 18px; + margin-bottom: 0; +} + +.section-title p.p-md, +.section-title p.p-lg { + padding: 0 3%; +} + +.section-title a.contact-link { + font-weight: 500; + text-decoration: underline; +} + +.section-title .btns-group .btn { + margin-top: 0; +} + +.section-title .advantages, +.section-title .btns-txt, +.section-title .btns-group-txt { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* TEXT COLORS +/*------------------------------------------*/ + +.color--white, +.color--white h1, +.color--white h2, +.color--white h3, +.color--white h4, +.color--white h5, +.color--white h6, +.color--white p, +.color--white a, +.color--white li, +.color--white i, +.color--white span { color: #fff; } + +.color--snow, +.color--snow h1, +.color--snow h2, +.color--snow h3, +.color--snow h4, +.color--snow h5, +.color--snow h6, +.color--snow p, +.color--snow a, +.color--snow li, +.color--snow i, +.color--snow span, +.color--white .color--snow { color: #c2c3cb; } + +.color--black, +.color--black h1, +.color--black h2, +.color--black h3, +.color--black h4, +.color--black h5, +.color--black h6, +.color--black p, +.color--black a, +.color--black li, +.color--black i, +.color--black span { color: #353f4f; } + +.color--coal, +.color--coal h1, +.color--coal h2, +.color--coal h3, +.color--coal h4, +.color--coal h5, +.color--coal h6, +.color--coal p, +.color--coal a, +.color--coal li, +.color--coal i, +.color--coal span { color: #52595d; } + +.color--grey, +.color--grey h1, +.color--grey h2, +.color--grey h3, +.color--grey h4, +.color--grey h5, +.color--grey h6, +.color--grey p, +.color--grey a, +.color--grey li, +.color--grey i, +.color--grey span, +.color--white .color--grey { color: #757575; } + +.color--blue-500, +.color--blue-500 h1, +.color--blue-500 h2, +.color--blue-500 h3, +.color--blue-500 h4, +.color--blue-500 h5, +.color--blue-500 h6, +.color--blue-500 p, +.color--blue-500 a, +.color--blue-500 li, +.color--blue-500 i, +.color--blue-500 span, +.color--white .color--blue-500 { color: #185abd!important; } + +.color--blue-400, +.color--blue-400 h1, +.color--blue-400 h2, +.color--blue-400 h3, +.color--blue-400 h4, +.color--blue-400 h5, +.color--blue-400 h6, +.color--blue-400 p, +.color--blue-400 a, +.color--blue-400 li, +.color--blue-400 i, +.color--blue-400 span, +.color--white .color--blue-400 { color: #1680fb!important; } + +.color--blue-300, +.color--blue-300 h1, +.color--blue-300 h2, +.color--blue-300 h3, +.color--blue-300 h4, +.color--blue-300 h5, +.color--blue-300 h6, +.color--blue-300 p, +.color--blue-300 a, +.color--blue-300 li, +.color--blue-300 i, +.color--blue-300 span, +.color--white .color--blue-300 { color: #3eb1ff!important; } + +.color--green-500, +.color--green-500 h1, +.color--green-500 h2, +.color--green-500 h3, +.color--green-500 h4, +.color--green-500 h5, +.color--green-500 h6, +.color--green-500 p, +.color--green-500 a, +.color--green-500 li, +.color--green-500 i, +.color--green-500 span, +.color--white .color--green-500 { color: #00a14e!important; } + +.color--green-400, +.color--green-400 h1, +.color--green-400 h2, +.color--green-400 h3, +.color--green-400 h4, +.color--green-400 h5, +.color--green-400 h6, +.color--green-400 p, +.color--green-400 a, +.color--green-400 li, +.color--green-400 i, +.color--green-400 span, +.color--white .color--green-400 { color: #0fbc49!important; } + +.color--green-300, +.color--green-300 h1, +.color--green-300 h2, +.color--green-300 h3, +.color--green-300 h4, +.color--green-300 h5, +.color--green-300 h6, +.color--green-300 p, +.color--green-300 a, +.color--green-300 li, +.color--green-300 i, +.color--green-300 span, +.color--white .color--green-300 { color: #6fd792!important; } + +.color--pink-500, +.color--pink-500 h1, +.color--pink-500 h2, +.color--pink-500 h3, +.color--pink-500 h4, +.color--pink-500 h5, +.color--pink-500 h6, +.color--pink-500 p, +.color--pink-500 a, +.color--pink-500 li, +.color--pink-500 i, +.color--pink-500 span, +.color--white .color--pink-500 { color: #ff149c!important; } + +.color--pink-400, +.color--pink-400 h1, +.color--pink-400 h2, +.color--pink-400 h3, +.color--pink-400 h4, +.color--pink-400 h5, +.color--pink-400 h6, +.color--pink-400 p, +.color--pink-400 a, +.color--pink-400 li, +.color--pink-400 i, +.color--pink-400 span, +.color--white .color--pink-400 { color: #f74780!important; } + +.color--pink-300, +.color--pink-300 h1, +.color--pink-300 h2, +.color--pink-300 h3, +.color--pink-300 h4, +.color--pink-300 h5, +.color--pink-300 h6, +.color--pink-300 p, +.color--pink-300 a, +.color--pink-300 li, +.color--pink-300 i, +.color--pink-300 span, +.color--white .color--pink-300 { color: #fcb5cc!important; } + +.color--purple-500, +.color--purple-500 h1, +.color--purple-500 h2, +.color--purple-500 h3, +.color--purple-500 h4, +.color--purple-500 h5, +.color--purple-500 h6, +.color--purple-500 p, +.color--purple-500 a, +.color--purple-500 li, +.color--purple-500 i, +.color--purple-500 span, +.color--white .color--purple-500 { color: #663ae9!important; } + +.color--purple-400, +.color--purple-400 h1, +.color--purple-400 h2, +.color--purple-400 h3, +.color--purple-400 h4, +.color--purple-400 h5, +.color--purple-400 h6, +.color--purple-400 p, +.color--purple-400 a, +.color--purple-400 li, +.color--purple-400 i, +.color--purple-400 span, +.color--white .color--purple-400 { color: #7b5dd6!important; } + +.color--purple-300, +.color--purple-300 h1, +.color--purple-300 h2, +.color--purple-300 h3, +.color--purple-300 h4, +.color--purple-300 h5, +.color--purple-300 h6, +.color--purple-300 p, +.color--purple-300 a, +.color--purple-300 li, +.color--purple-300 i, +.color--purple-300 span, +.color--white .color--purple-300 { color: #bdaeea!important; } + +.color--red-500, +.color--red-500 h1, +.color--red-500 h2, +.color--red-500 h3, +.color--red-500 h4, +.color--red-500 h5, +.color--red-500 h6, +.color--red-500 p, +.color--red-500 a, +.color--red-500 li, +.color--red-500 i, +.color--red-500 span, +.color--white .color--red-500 { color: #da0f29!important; } + +.color--red-400, +.color--red-400 h1, +.color--red-400 h2, +.color--red-400 h3, +.color--red-400 h4, +.color--red-400 h5, +.color--red-400 h6, +.color--red-400 p, +.color--red-400 a, +.color--red-400 li, +.color--red-400 i, +.color--red-400 span, +.color--white .color--red-400 { color: #ff1e1a!important; } + +.color--red-300, +.color--red-300 h1, +.color--red-300 h2, +.color--red-300 h3, +.color--red-300 h4, +.color--red-300 h5, +.color--red-300 h6, +.color--red-300 p, +.color--red-300 a, +.color--red-300 li, +.color--red-300 i, +.color--red-300 span, +.color--white .color--red-300 { color: #ffa5a3!important; } + +.color--violet-500, +.color--violet-500 h1, +.color--violet-500 h2, +.color--violet-500 h3, +.color--violet-500 h4, +.color--violet-500 h5, +.color--violet-500 h6, +.color--violet-500 p, +.color--violet-500 a, +.color--violet-500 li, +.color--violet-500 i, +.color--violet-500 span, +.color--white .color--violet-500 { color: #c73e9b!important; } + +.color--violet-400, +.color--violet-400 h1, +.color--violet-400 h2, +.color--violet-400 h3, +.color--violet-400 h4, +.color--violet-400 h5, +.color--violet-400 h6, +.color--violet-400 p, +.color--violet-400 a, +.color--violet-400 li, +.color--violet-400 i, +.color--violet-400 span, +.color--white .color--violet-400 { color: #be6cbe!important; } + +.color--violet-300, +.color--violet-300 h1, +.color--violet-300 h2, +.color--violet-300 h3, +.color--violet-300 h4, +.color--violet-300 h5, +.color--violet-300 h6, +.color--violet-300 p, +.color--violet-300 a, +.color--violet-300 li, +.color--violet-300 i, +.color--violet-300 span, +.color--white .color--violet-300 { color: #e2bde2!important; } + +.color--yellow-500, +.color--yellow-500 h1, +.color--yellow-500 h2, +.color--yellow-500 h3, +.color--yellow-500 h4, +.color--yellow-500 h5, +.color--yellow-500 h6, +.color--yellow-500 p, +.color--yellow-500 a, +.color--yellow-500 li, +.color--yellow-500 i, +.color--yellow-500 span, +.color--white .color--yellow-500 { color: #ffba01!important; } + +.color--yellow-400, +.color--yellow-400 h1, +.color--yellow-400 h2, +.color--yellow-400 h3, +.color--yellow-400 h4, +.color--yellow-400 h5, +.color--yellow-400 h6, +.color--yellow-400 p, +.color--yellow-400 a, +.color--yellow-400 li, +.color--yellow-400 i, +.color--yellow-400 span, +.color--white .color--yellow-400 { color: #ffbd45!important; } + +.color--yellow-300, +.color--yellow-300 h1, +.color--yellow-300 h2, +.color--yellow-300 h3, +.color--yellow-300 h4, +.color--yellow-300 h5, +.color--yellow-300 h6, +.color--yellow-300 p, +.color--yellow-300 a, +.color--yellow-300 li, +.color--yellow-300 i, +.color--yellow-300 span, +.color--white .color--yellow-300 { color: #ffdf35!important; } + + + + +/* ========================================================================== + 03. PRELOAD ANIMATION + ========================================================================== */ + +#loading { + height: 100%; + width: 100%; + position: fixed; + z-index: 1; + margin-top: 0px; + top: 0px; + z-index: 99999999; +} + +#loading { + background-color: #f5f5f9; +} + +#loading-center { + position: absolute; + left: 50%; + top: 50%; + height: 100px; + width: 100px; + margin-top: -50px; + margin-left: -50px; + -webkit-animation: loading-center-absolute 1s infinite; + animation: loading-center-absolute 1s infinite; +} + +.loader { + border: 2px solid; + border-color: transparent #888; + width: 100px; + height: 100px; + border-radius: 50%; + display: inline-block; + position: relative; + box-sizing: border-box; + animation: rotation 1s linear infinite; +} + +.loading--blue .loader { + border-color: transparent #1680fb; +} + +.loading--green .loader { + border-color: transparent #0fbc49; +} + +.loading--pink .loader { + border-color: transparent #f74780; +} + +.loading--purple .loader { + border-color: transparent #7b5dd6; +} + +.loading--red .loader { + border-color: transparent #ff1e1a; +} + +.loading--violet .loader { + border-color: transparent #c73e9b; +} + +.loading--yellow .loader { + border-color: transparent #ffba01; +} + +.loader::after { + content: ''; + box-sizing: border-box; + position: absolute; + left: 50%; + top: 50%; + border: 50px solid; + border-color: transparent rgba(30, 30, 30, 0.15); + border-radius: 50%; + transform: translate(-50%, -50%); +} + +.loading--blue .loader::after { + border-color: transparent rgba(22, 128, 251, .15); +} + +.loading--green .loader::after { + border-color: transparent rgba(14, 188, 73, .15); +} + +.loading--pink .loader::after { + border-color: transparent rgba(247, 71, 128, .15); +} + +.loading--purple .loader::after { + border-color: transparent rgba(123, 93, 214, .15); +} + +.loading--red .loader::after { + border-color: transparent rgba(255, 30, 26, .15); +} + +.loading--violet .loader::after { + border-color: transparent rgba(1900, 108, 190, .15); +} + +.loading--yellow .loader::after { + border-color: transparent rgba(255, 186, 1, .15); +} + +@keyframes rotation { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + + + + +/* ========================================================================== + 04. HEADER & NAVIGATION + =========================================================================== */ + +#header { + width: 100%; + display: block; + padding-top: 0px; +} + +.header-wrapper { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.headerwp { + max-width: 1140px; + margin: 0 auto; + padding: 0; +} + +.posrlt { + position: relative; +} + +/*------------------------------------------*/ +/* HEADER LOGO +/*------------------------------------------*/ + +.desktoplogo img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.blog-header .desktoplogo img { + max-height: 30px; +} + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.wsmainfull { + width: 100%; + height: auto; + z-index: 1031; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.tra-menu .wsmainfull { + padding: 20px 0; + background-color: transparent!important; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.white-menu .wsmainfull { + padding: 6px 0; + background-color: #fff!important; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.dark-menu .wsmainfull { + padding: 6px 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +#header.hiddden-header { + display: none; +} + +.hidden-nav .wsmainfull { + margin-top: -140px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 1rem; + line-height: 50px; + font-weight: 600; + letter-spacing: 0; + text-decoration: none; + margin: 0 7px; + padding: 10px 15px; +} + +.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.wsmenu > .wsmenu-list > li > a.h-link.last-link { + padding: 10px 0px; + margin: 0; +} + +.wsmenu > .wsmenu-list > li > a .wsarrow:after { + border-left: 4px solid rgba(0, 0, 0, 0); + border-right: 4px solid rgba(0, 0, 0, 0); + border-top: 4px solid; + content: ""; + float: right; + right: 0; + height: 0; + margin: 0 0 0 14px; + position: absolute; + text-align: right; + top: 35px; + width: 0; +} + +.wsmenu > .wsmenu-list > li.reg-fst-link > a { + margin-left: 30px; +} + +/*------------------------------------------*/ +/* HEADER LINK INFO +/*------------------------------------------*/ + +span.sm-info { + position: relative; + display: inline-block; + text-align: center; + width: 20px; + height: 20px; + color: #fff; + font-size: 0.65rem; + line-height: 19px; + font-weight: 700; + margin-left: 5px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; +} + +.nav-blue-500 .sm-info { background-color: #185abd; } +.nav-blue-400 .sm-info { background-color: #1680fb; } +.nav-blue-300 .sm-info { background-color: #3eb1ff; } + +.nav-green-500 .sm-info { background-color: #00a14e; } +.nav-green-400 .sm-info { background-color: #0fbc49; } +.nav-green-300 .sm-info { background-color: #6fd792; } + +.nav-pink-500 .sm-info { background-color: #ff149c; } +.nav-pink-400 .sm-info { background-color: #f74780; } +.nav-pink-300 .sm-info { background-color: #fcb5cc; } + +.nav-purple-500 .sm-info { background-color: #663ae9; } +.nav-purple-400 .sm-info { background-color: #7b5dd6; } +.nav-purple-300 .sm-info { background-color: #bdaeea; } + +.nav-red-500 .sm-info { background-color: #da0f29; } +.nav-red-400 .sm-info { background-color: #ff1e1a; } +.nav-red-300 .sm-info { background-color: #ffa5a3; } + +.nav-violet-500 .sm-info { background-color: #c73e9b; } +.nav-violet-400 .sm-info { background-color: #be6cbe; } +.nav-violet-300 .sm-info { background-color: #e2bde2; } + +.nav-yellow-500 .sm-info { background-color: #ffba01; } +.nav-yellow-400 .sm-info { background-color: #ffbd45; } +.nav-yellow-300 .sm-info { background-color: #ffdf35; } + +/*------------------------------------------*/ +/* HEADER BUTTONS +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li a.btn { + font-size: 1rem; + line-height: 30px; + font-weight: 600; + text-transform: none; + letter-spacing: 0; + margin-top: 14px; + padding: 4px 28px; +} + +.wsmenu > .wsmenu-list > li a.btn.reg-btn { + padding: 4px 22px; +} + +.wsmenu > .wsmenu-list > li a.btn.fst-btn-link { + margin-left: 12px; +} + +.wsmenu > .wsmenu-list > li a.store.header-store { + line-height: 1; + margin-top: 13px; + margin-left: 10px; + margin-bottom: 0; + padding: 0; +} + +.store.header-store img { + max-height: 44px; +} + +/*------------------------------------------*/ +/* HEADER SOCIAL LINKS +/*------------------------------------------*/ + +.header-socials { + margin: 0; + display: inline-block; + text-align: center; +} + +.header-socials span { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.header-socials a { + display: block; + margin-left: 18px; +} + +.navbar-light .header-socials a { + color: #ddd; +} + +.navbar-light .header-socials a:hover { + color: #ccc!important; +} + +.header-socials.ico-20 [class*="flaticon-"]:before, +.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } + +/*------------------------------------------*/ +/* HEADER SUBMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu { + width: auto; + min-width: 200px; + top: 62px; + padding: 12px 10px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a { + background-color: rgba(244, 244, 249, 0); + font-family: 'Plus Jakarta Sans', sans-serif; + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* HALFMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + top: 62px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + width: 38%; + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + right: 2%; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li { + border-bottom: none; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + background-color: rgba(244, 244, 249, 0); + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* MEGAMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { + width: 76%!important; + left: 23%; + padding: 20px 10px; +} + +.wsmegamenu.w-75 .col-lg-3 { + padding: 0 6px; +} + +/*------------------------------------------*/ +/* SUBMENU TITLE +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu .title, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title { + color: #929394; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.875rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0; + margin: 10px 0 15px 13px; +} + +/*------------------------------------------*/ +/* DARK HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #ddd; + background-color: rgba(255, 255, 255, 0)!important; +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(255, 255, 255, .05)!important; +} + +.dark-menu .title, .black-scroll .scroll .title, +.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span { + color: #fff!important; +} + +/*------------------------------------------*/ +/* ICONS MENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu { + max-width: 275px; + min-width: 275px; + padding: 12px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + width: 52%; + padding: 12px 6px; +} + +.wsmegamenu.halfmenu.icons-menu .col-lg-6 { + padding: 0 6px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { + width: 82%!important; + left: 17%; + padding: 12px 6px; +} + +.wsmegamenu.icons-menu.w-75 .col-lg-4 { + padding: 0 6px; +} + +.icons-menu .icons-menu-item { + display: flex!important; + position: relative!important; + flex-flow: row wrap!important; + align-items: stretch!important; + justify-content: flex-start!important; +} + +.icons-menu-ico { + position: relative; + margin-right: 14px; +} + +.wsmegamenu.ico-30 .icons-menu-ico span { + position: relative; + top: 6px!important; +} + +.icons-menu-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.icons-menu-txt h6 { + color: inherit; + font-size: 1rem; + line-height: 32px; + font-weight: 500; + margin-bottom: 0; +} + +.icons-menu-txt span { + display: block; + color: #898989; + font-size: 0.925rem; + font-weight: 400; + margin-bottom: 0; +} + +.sub-menu.ico-30 .icons-menu-txt h6 { + line-height: 30px; +} + +/*------------------------------------------*/ +/* NAVBAR HOVER +/*------------------------------------------*/ + +.navbar-light .wsmenu-list > li > a.h-link:hover { + color: #eee!important; +} + +.navbar-dark .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #185abd!important; +} + +.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #1680fb!important; +} + +.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #3eb1ff!important; +} + +.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #00a14e!important; +} + +.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #0fbc49!important; +} + +.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #6fd792!important; +} + +.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff149c!important; +} + +.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #f74780!important; +} + +.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #fcb5cc!important; +} + +.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #663ae9!important; +} + +.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #7b5dd6!important; +} + +.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #bdaeea!important; +} + +.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #da0f29!important; +} + +.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff1e1a!important; +} + +.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ffa5a3!important; +} + +.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #c73e9b!important; +} + +.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #be6cbe!important; +} + +.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #e2bde2!important; +} + +/*------------------------------------------*/ +/* HIDDEN NAVBAR SCROLL +/*------------------------------------------*/ + +.hidden-nav .wsmainfull.scroll { + margin-top: 0; +} + +/*------------------------------------------*/ +/* NAVBAR WHITE SCROLL +/*------------------------------------------*/ + +.tra-menu.white-scroll .wsmainfull.scroll, +.white-menu.white-scroll .wsmainfull.scroll { + padding: 0; + background-color: rgba(255, 255, 255, .7)!important; + backdrop-filter: blur(20px); + -webkit-backdrop-filter: blur(20px); + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +/*------------------------------------------*/ +/* NAVBAR BLACK SCROLL +/*------------------------------------------*/ + +.tra-menu.black-scroll .wsmainfull.scroll, +.dark-menu.black-scroll .wsmainfull.scroll { + padding: 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover { + color: #ccc!important; +} + +/*------------------------------------------*/ +/* WHITE SCROLL BUTTONS +/*------------------------------------------*/ + +.white-scroll .scroll .btn--tra-white { + color: #353f4f!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK SCROLL BUTTONS +/*------------------------------------------*/ + +.black-scroll .scroll .btn--tra-black { + color: #fff!important; + border-color: #fff!important; +} + +/*------------------------------------------*/ +/* LOGO IMAGE +/*------------------------------------------*/ + +.logo-white, +.logo-black { + display: block; +} + +.navbar-light .logo-black, +.navbar-dark .logo-white, +.tra-menu.navbar-light .scroll .logo-white, +.tra-menu.navbar-dark.black-scroll .scroll .logo-black { + display: none; +} + +.tra-menu.navbar-light .scroll .logo-black, +.tra-menu.navbar-dark.black-scroll .scroll .logo-white { + display: block; +} + + + + +/* ========================================================================== + 05. HERO + ========================================================================== */ + +.hero-section, +.hero-section .container { + position: relative; + z-index: 3; +} + +.hero-section.bg--img { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.hero-section.blur--purple:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 100%; + top: -30%; + left: 0; + background-image: url(../images/blur-purple.png); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + background-attachment: scroll; + opacity: 0.2; +} + +/*------------------------------------------*/ +/* HERO LOGO +/*------------------------------------------*/ + +.hero-logo { + margin-bottom: 40px; +} + +.hero-square-logo { + margin-bottom: 20px; +} + +#hero-22 .hero-logo { + margin-bottom: 30px; +} + +.hero-logo img { + width: auto; + max-width: inherit; + max-height: 36px; +} + +.hero-square-logo img { + width: auto; + max-width: inherit; + max-height: 90px; +} + +/*------------------------------------------*/ +/* HERO APP LOGO +/*------------------------------------------*/ + +.hero-app-logo { + margin-bottom: 35px; +} + +#hero-25 .hero-app-logo { + margin-bottom: 25px; +} + +.hero-app-logo img { + width: auto; + max-width: inherit; + max-height: 100px; +} + +#hero-25 .hero-app-logo img { + max-height: 110px; +} + +/*------------------------------------------*/ +/* HERO DIGITS +/*------------------------------------------*/ + +#hd-1-1, #hd-1-2 { + display: inline-block; + float: left; + padding-right: 20px; +} + +#hd-1-1 { width: 45%; } +#hd-1-2 { width: 55%; } + +.hero-digits-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.hero-digits .block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 12px; +} + +.hero-digits h2.statistic-number { + line-height: 1; + margin-bottom: 0; +} + +.hero-digits h2.statistic-number span { + font-size: 1.85rem; +} + +.hero-digits .block-txt p.p-sm { + line-height: 1.35; + margin-top: 5px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* HERO TYPOGRAPHY +/*------------------------------------------*/ + +.hero-section h2 { + margin-bottom: 28px; +} + +.hero-section h2.s-48, +.hero-section h2.s-50 { + margin-bottom: 40px; +} + +.hero-section h2.s-62 { + margin-bottom: 24px; +} + +.hero-section p.p-sm { + padding: 0!important; +} + +.hero-section p.p-md { + margin-bottom: 30px; +} + +.hero-section p.p-lg, +.hero-section p.p-xl { + margin-bottom: 32px; +} + +.hero-section p.s-20, +.hero-section p.s-22, +.hero-section p.s-24 { + margin-bottom: 36px; +} + +.hero-section p.p-lg span, +.hero-section p.p-xl span { + font-weight: 600; + letter-spacing: -0.35px; +} + +/*------------------------------------------*/ +/* HERO-1 +/*------------------------------------------*/ + +#hero-1 { + background-image: url(../images/hero-1.jpg); + padding-top: 130px; + padding-bottom: 100px; +} + +.hero-1-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-2 +/*------------------------------------------*/ + +#hero-2 { + background-image: url(../images/hero-2.jpg); + padding-top: 150px; + padding-bottom: 100px; +} + +.hero-2-txt p { + padding-right: 3%; +} + +.hero-2-img { + text-align: center; + padding-right: 25px; +} + +/*------------------------------------------*/ +/* HERO-3 +/*------------------------------------------*/ + +#hero-3 { + position: relative; + padding-top: 160px; + background-image: url(../images/hero-3.jpg); +} + +#hero-3:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 5%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-3-txt { + margin-top: -70px; +} + +.hero-3-txt p.p-lg { + padding-right: 2%; +} + +.hero-3-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-4 +/*------------------------------------------*/ + +#hero-4 { + overflow: hidden; + background-image: url(../images/hero-4.jpg); + padding-top: 180px; +} + +#hero-4:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 10%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-4-txt h2 { + padding: 0 3%; +} + +.hero-4-txt p { + padding: 0 5%; +} + +.hero-4-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-4-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-5 +/*------------------------------------------*/ + +#hero-5 .wave-shape-bottom path { + fill: #fff; +} + +#hero-5 { + background-image: url(../images/hero-5.jpg); + padding-top: 140px; + padding-bottom: 50px; +} + +.hero-5-txt h2 { + line-height: 1.3; + margin-bottom: 25px; +} + +.hero-5-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +.hero-5-img { + margin: 0 0 -50px; +} + +/*------------------------------------------*/ +/* HERO-6 +/*------------------------------------------*/ + +#hero-6 { + padding-top: 130px; +} + +.hero-6-wrapper { + overflow: hidden; + background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd); + padding: 75px 80px; +} + +.hero-6-img { + position: relative; + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-7 +/*------------------------------------------*/ + +#hero-7 { + padding-top: 140px; + padding-bottom: 100px; +} + +#hero-7 .quick-form { + margin-right: 4%; +} + +.hero-7-img { + padding-left: 30px; +} + +/*------------------------------------------*/ +/* HERO-8 +/*------------------------------------------*/ + +#hero-8 .wave-shape-bottom path { + fill: #fff; +} + +#hero-8 { + position: relative; + background-image: url(../images/hero-8.jpg); + padding-top: 170px; + padding-bottom: 30px; +} + +.hero-8-txt { + margin-top: -70px; +} + +.hero-8-txt p { + padding-right: 10%; +} + +.hero-8-txt .hero-digits { + padding-right: 15%; +} + +#hero-8-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-8-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-8-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-8-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-8-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-9 +/*------------------------------------------*/ + +#hero-9 { + padding-top: 180px; +} + +.hero-9-txt h2 { + line-height: 1; +} + +.hero-9-txt h2 img { + position: relative; + width: auto; + max-width: inherit; + max-height: 100px; + margin: 0 3px; + top: -8px; +} + +.hero-9-txt p { + padding: 0 5%; + margin-top: 40px; +} + +#hero-9 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +.hero-9-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-10 +/*------------------------------------------*/ + +#hero-10 { + position: relative; + background-image: url(../images/hero-10.jpg); + padding-top: 170px; + padding-bottom: 100px; +} + +.hero-10-txt h4 { + line-height: 1.45; + font-weight: 300; + padding-right: 5%; + margin-bottom: 35px; +} + +.hero-10-img { + position: relative; + text-align: center; + margin: 0 -95% 0 15px; +} + +/*------------------------------------------*/ +/* HERO-11 +/*------------------------------------------*/ + +#hero-11 { + overflow: hidden; + background-image: url(../images/hero-11.jpg); + padding-top: 50px; +} + +.hero-11-txt { + margin-top: 40px; +} + +.hero-11-txt p { + padding-right: 5%; +} + +.hero-11-img { + position: relative; + margin: -60px -12% -100px -15px; +} + +/*------------------------------------------*/ +/* HERO-12 +/*------------------------------------------*/ + +#hero-12 { + overflow: hidden; + background-image: url(../images/hero-12.jpg); + padding-top: 180px; +} + +.hero-12-txt h2 { + padding: 0 3%; +} + +.hero-12-txt p { + padding: 0 5%; +} + +.hero-12-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-12-img { + margin-top: 60px; + margin-bottom: -100px; +} + +.hero-12-img .video-btn { + top: calc(50% - 30px); +} + +/*------------------------------------------*/ +/* HERO-13 +/*------------------------------------------*/ + +#hero-13 { + background-image: linear-gradient(180deg, #f1edff, #f1edff); + padding-top: 130px; + padding-bottom: 80px; +} + +#hero-13:after { + position: absolute; + content: ''; + z-index: -1; + width: 43%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; + -moz-box-shadow: 0 0 55px 35px #fff; + -webkit-box-shadow: 0 0 35px 35px #fff; + box-shadow: 0 0 35px 35px #fff; +} + +.hero-13-txt .section-id { + font-weight: 600; + letter-spacing: 1.5px; +} + +.hero-13-txt p { + padding-right: 5%; +} + +.hero-13-img { + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-14 +/*------------------------------------------*/ + +#hero-14 .wave-shape-bottom path { + fill: #fff; +} + +#hero-14 { + background-image: url(../images/hero-14.jpg); + padding-top: 170px; +} + +.hero-14-txt p.s-21 { + font-size: 1.3125rem; + margin-bottom: 40px; +} + +#hero-14 .quick-form { + margin-left: 6%; + margin-right: 6%; +} + +.hero-14-txt .btn-txt { + margin-top: 40px; +} + +.hero-14-img { + margin-top: 70px; +} + +/*------------------------------------------*/ +/* HERO-15 +/*------------------------------------------*/ + +#hero-15 { + position: relative; + z-index: 3; + background-image: url(../images/hero-15.jpg); + padding-top: 130px; +} + +.hero-15-txt { + margin-top: -20px; +} + +.hero-15-txt h2 { + padding-right: 5%; +} + +.hero-15-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-16 +/*------------------------------------------*/ + +#hero-16 .wave-shape-bottom path { + fill: #fff; +} + +#hero-16 { + background-image: url(../images/hero-16.jpg); + padding-top: 170px; + margin-bottom: 80px; +} + +.hero-16-img { + margin-top: 60px; + margin-bottom: -80px; +} + +/*------------------------------------------*/ +/* HERO-17 +/*------------------------------------------*/ + +#hero-17 { + text-align: center; + padding-top: 170px; + background-image: url(../images/hero-17.jpg); + background-position: top center; +} + +#hero-17 #brands-1 { + padding: 80px 6% 0; +} + +#hero-17 #brands-1 .brands-carousel-5 .brand-logo { + padding: 0 20px; +} + +#hero-17 .quick-form { + margin-left: 8%; + margin-right: 8%; +} + +/*------------------------------------------*/ +/* HERO-18 +/*------------------------------------------*/ + +#hero-18 { + padding-top: 140px; + padding-bottom: 80px; +} + +#hero-18:after { + position: absolute; + content: ''; + z-index: -1; + width: 74%; + height: 100%; + top: 0; + left: 26%; + background-image: url(../images/hero-18.jpg); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + border-radius: 0 0 0 60px; +} + +.hero-18-txt p { + padding-right: 3%; +} + +#hero-18 .quick-form { + margin-right: 4%; +} + +.hero-18-img { + text-align: center; + padding-right: 15px; +} + +/*------------------------------------------*/ +/* HERO-19 +/*------------------------------------------*/ + +#hero-19 { + padding-top: 170px; +} + +.hero-19-txt p { + padding: 0 10%; +} + +/*------------------------------------------*/ +/* HERO-20 +/*------------------------------------------*/ + +#hero-20 { + background-image: url(../images/hero-20.jpg); + padding-top: 100px; + padding-bottom: 100px; +} + +#hero-20:after { + position: absolute; + content: ''; + z-index: -1; + width: 51%; + height: 100%; + top: 0; + left: 0; + background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd); +} + +.hero-20-txt { + padding: 0 8% 0 15px; +} + +.hero-section .hero-20-txt h2.s-48 { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* HERO-21 +/*------------------------------------------*/ + +#hero-21 { + padding-top: 170px; +} + +.hero-21-txt { + margin-bottom: 60px; +} + +.hero-21-txt h2 { + margin-bottom: 35px; +} + +.hero-21-wrapper { + overflow: hidden; +} + +#hero-21 .hero-overlay { + background-image: url(../images/hero-21.jpg); + padding: 90px 70px 0; +} + +.hero-21-img { + position: relative; + margin-bottom: -25%; +} + +.hero-21-img .video-btn { + top: calc(50% - 80px); +} + +/*------------------------------------------*/ +/* HERO-22 +/*------------------------------------------*/ + +#hero-22 .wave-shape-bottom path { + fill: #fff; +} + +#hero-22 { + position: relative; + background-image: url(../images/hero-22.jpg); + padding-top: 160px; +} + +#hero-22-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-22-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-22-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-22-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-22-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-23 +/*------------------------------------------*/ + +#hero-23 .wave-shape-bottom path { + fill: #fff; +} + +#hero-23 { + position: relative; + background-image: url(../images/hero-23.jpg); + padding-top: 100px; + margin-bottom: 25px; +} + +.hero-23-txt p { + padding: 0 5%; +} + +.hero-23-img { + margin-top: 40px; + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* HERO-24 +/*------------------------------------------*/ + +#hero-24 { + background-image: url(../images/hero-24.jpg); + padding-top: 200px; + padding-bottom: 150px; +} + +#hero-24 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +/*------------------------------------------*/ +/* HERO-25 +/*------------------------------------------*/ + +#hero-25 { + background-image: url(../images/hero-25.jpg); + padding-top: 120px; + padding-bottom: 100px; +} + +.hero-25-txt h2 { + margin-bottom: 22px; +} + +.hero-25-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* HERO-26 +/*------------------------------------------*/ + +#hero-26 .wave-shape-bottom path { + fill: #fff; +} + +#hero-26 { + position: relative; + background-image: url(../images/hero-26.jpg); + padding-top: 160px; + z-index: 3; +} + +.hero-26-txt { + margin-top: -80px; +} + +.hero-26-txt h2 { + padding-right: 2%; +} + +#hero-26 .quick-form { + margin-right: 4%; +} + +.hero-26-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-27 +/*------------------------------------------*/ + +#hero-27 .hero-overlay { + background-image: url(../images/hero-27.png); + background-position: top center; + padding-top: 170px; +} + +.hero-27-txt h2 { + margin-bottom: 26px!important; +} + +.hero-27-txt p.s-20 { + padding: 0 6%; + margin-bottom: 30px!important; +} + +.hero-27-txt p.s-21 { + padding: 0 5%; +} + +/*------------------------------------------*/ +/* HERO QUICK FORM +/*------------------------------------------*/ + +.hero-section .quick-form .input-group { + border: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Input +/*------------------------------------------*/ + +.hero-section .quick-form .form-control { + height: 64px; + background-color: #fff; + border: 2px solid transparent; + color: #666; + font-size: 1.125rem; + font-weight: 400; + padding: 0 20px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.hero-section .quick-form.form-shadow .form-control { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + box-shadow: 0 5px 10px rgba(0, 0, 0, .05); +} + +.hero-section .quick-form.form-stroke .form-control { + border-color: #353f4f; +} + +.hero-section .quick-form.form-half .form-control { + height: 58px; + font-size: 1.0625rem; +} + +/*------------------------------------------*/ +/* Hero Quick Form Placeholder +/*------------------------------------------*/ + +.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Hero Quick Form Focus +/*------------------------------------------*/ + +.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Button +/*------------------------------------------*/ + +.hero-section .quick-form .btn { + height: 64px; + font-size: 1.0625rem; + padding: 12px 45px; + margin-left: 15px; +} + +.hero-section .quick-form.form-half .btn { + height: 58px; + font-size: 1rem; + padding: 13px 40px; + margin-left: 14px; +} + +/*------------------------------------------*/ +/* Hero Quick Form Message +/*------------------------------------------*/ + +.hero-section .quick-form-msg { + width: 100%!important; + display: block; + margin: 20px 0 15px 5px; +} + +.hero-section .text-center .quick-form-msg { + margin: 20px 0 -15px 0; +} + +.hero-section .quick-form-msg .loading { + color: #3eb1ff; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; +} + +.hero-section .text-center .quick-form-msg .loading { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* HERO REQUEST FORM +/*------------------------------------------*/ + +/*------------------------------------------*/ +/* Hero Request Form Input +/*------------------------------------------*/ + +.request-form .form-control { + height: 58px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #666; + font-size: 1rem; + font-weight: 400; + margin-bottom: 22px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Hero Request Form Placeholder +/*------------------------------------------*/ + +.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } +.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; } +.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; } + +.request-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Request Form Button +/*------------------------------------------*/ + +#hero-8-form .btn, +#hero-22-form .btn { + width: 100%; + height: 58px; + padding: 16px; +} + +/*------------------------------------------*/ +/* Hero Request Form Message +/*------------------------------------------*/ + +.request-form-msg { + width: 100%!important; + display: block; + text-align: center; + margin-top: 15px; +} + +.request-form-msg .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 06. ABOUT + ========================================================================== */ + +.a2-txt { + padding: 20px 30px 35px; +} + +.a2-txt-quote { + position: relative; + margin-bottom: -45px; + } + +.a2-txt-quote.ico-40 [class*="flaticon-"]:before, +.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; } + +/*------------------------------------------*/ +/* ABOUT TYPOGRAPHY +/*------------------------------------------*/ + +#about-1 .txt-block p { + margin-bottom: 0; +} + +#about-4 .txt-block p { + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* ABOUT 2 AUTHOR +/*------------------------------------------*/ + +.a2-txt-author { + line-height: 1.45; + font-weight: 500; + margin-top: 18px; + margin-bottom: 0; +} + +.a2-txt-author span { + display: block; + font-weight: 300; +} + +/*------------------------------------------*/ +/* ABOUT 2 IMAGES +/*------------------------------------------*/ + +.about-3-images { + padding: 0 5%; +} + +.about-2-img { + overflow: hidden; +} + +.about-3-img { + overflow: hidden; + height: 460px; +} + +.a-2-1 { + margin-left: 13%; + margin-bottom: 30px; +} + +.a-2-2 { + margin-left: -10%; +} + +.a-2-3 { + margin-right: -10%; + margin-bottom: 30px; +} + +.a-2-4 { + margin-right: -10%; +} + +#a4-1 { + position: relative; + padding-right: 30px; + margin-top: -30px; +} + +#a4-2 { + position: relative; + padding-left: 30px; + margin-bottom: -30px; +} + + + + +/* ========================================================================== + 07. FEATURES + ========================================================================== */ + +#features-12.py-100.shape--bg:after, +#features-12.pt-100.shape--bg:after, +#features-13.py-100.shape--bg:after, +#features-13.pt-100.shape--bg:after { + position: absolute; + content: ''; + z-index: -1; +} + +#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; } +#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; } +#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; } +#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; } + +.rows-2 .fb-1, +.rows-2 .fb-2, +.rows-2 .fb-3 { + margin-bottom: 50px; +} + +.rows-2 .fbox-7.fb-1, +.rows-2 .fbox-7.fb-2, +.rows-2 .fbox-7.fb-3, +.rows-2 .fbox-9.fb-1, +.rows-2 .fbox-9.fb-2, +.rows-2 .fbox-9.fb-3, +.rows-3 .fb-1, .rows-3 .fb-2, +.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; } + +.rows-3 .fb-3.fbox-11-lst, +.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; } + +.fbox-14-wrapper { + padding: 80px 70px; +} + +.fbox-14-wrapper .col { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.row-cols-md-3 .fbox-4 { padding: 50px 35px; } +.row-cols-md-2 .fbox-4 { padding: 35px 20px; } + +.fbox-5 { padding: 60px; } + +.fbox-7 { + border: 2px solid #eee; + padding: 55px 40px 50px; +} + +.row-cols-md-2 .fbox-7 { + padding: 35px 20px 30px; +} + +.fbox-8 { padding: 55px 40px; } +.fbox-8.bg--white-100 { padding: 60px 40px; } + +.fbox-9 { + border: 2px solid #eee; + padding: 40px 40px 35px; +} + +.fbox-14 { + border: 2px solid #eee; + padding: 40px 30px 35px; +} + +/*------------------------------------------*/ +/* FEATURE BOX IMAGE +/*------------------------------------------*/ + +.fbox-img img { + width: auto; + max-width: inherit; +} + +.fbox-img.h-135 img { max-height: 135px; } +.fbox-img.h-140 img { max-height: 140px; } +.fbox-img.h-145 img { max-height: 145px; } +.fbox-img.h-150 img { max-height: 150px; } +.fbox-img.h-155 img { max-height: 155px; } +.fbox-img.h-160 img { max-height: 160px; } +.fbox-img.h-165 img { max-height: 165px; } +.fbox-img.h-170 img { max-height: 170px; } +.fbox-img.h-175 img { max-height: 175px; } +.fbox-img.h-180 img { max-height: 180px; } + +/*------------------------------------------*/ +/* FBOX-1 IMAGE +/*------------------------------------------*/ + +.fbox-1 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-1 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-2 IMAGE +/*------------------------------------------*/ + +.fbox-2 .fbox-img { + -webkit-border-radius: 12px 12px 0 0; + -moz-border-radius: 12px 12px 0 0; + -o-border-radius: 12px 12px 0 0; + border-radius: 12px 12px 0 0; +} + +.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, +.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } + +.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; } +.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } +.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } +.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; } +.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; } + +.fbox-2 .fbox-img img { + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* FBOX-3 IMAGE +/*------------------------------------------*/ + +.fbox-3 .fbox-img { + overflow: hidden; +} + +.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; } +.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; } +.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; } +.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; } + +.row-cols-md-2 .fbox-3 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-4 IMAGE +/*------------------------------------------*/ + +.fbox-4 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-4 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-5 IMAGE +/*------------------------------------------*/ + +.fbox-5.fb-1 .fbox-5-img, +.fbox-5.fb-5 .fbox-5-img, +.fbox-5.fb-6 .fbox-5-img { + margin: 40px 5% 0; +} + +.fbox-5.fb-2 .fbox-5-img, +.fbox-5.fb-3 .fbox-5-img, +.fbox-5.fb-4 .fbox-5-img { + margin: 0 5% 40px; +} + +/*------------------------------------------*/ +/* FEATURE BOX VECTOR ICON +/*------------------------------------------*/ + +.fbox-ico, +.fbox-ico.ico-rounded { + margin-bottom: 20px; +} + +.fbox-ico.ico-rounded-md, +.fbox-ico.ico-rounded-lg { + margin-bottom: 25px; +} + +.fbox-11 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.fbox-ico-wrap { + position: relative; + margin-right: 25px; +} + +.rows-2 .fbox-ico-wrap { + margin-right: 20px; +} + +.fbox-11 .fbox-ico { + margin-top: 4px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.fbox-11 .fbox-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +/*------------------------------------------*/ +/* FEATURE BOX TITLE +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-lg-3 .fbox-title { + margin-bottom: 10px; +} + +.fbox-title span { + float: left; + line-height: 1!important; + margin-right: 15px; +} + +.fbox-title h6 { + line-height: 2.1875rem!important; + margin-bottom: 0; +} + +.fbox-title.ico-30 h6 { + line-height: 1.875rem!important; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* FEATURE BOX TYPOGRAPHY +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-md-3 h6 { + margin-bottom: 15px; +} + +.rows-2 .fbox-11 h6, +.fbox-wrapper .row-cols-md-2 h6 { + margin-bottom: 10px; +} + +.fbox-wrapper p { + margin-bottom: 0; +} + +.fbox-5 h5 { + margin-bottom: 15px; +} + +.fbox-14 h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FEATURE-12 +/*------------------------------------------*/ + +.fbox-12-wrapper { + padding-left: 45px; +} + +.fbox-13-wrapper { + padding-right: 45px; +} + +.fbox-12, +.fbox-13 { + padding: 32px 35px; +} + +.fbox-12 h5, +.fbox-13 h5 { + margin-top: 20px; + margin-bottom: 10px; +} + +.fbox-12 p, +.fbox-13 p, +.fbox-14 p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 08. CONTENT + ========================================================================== */ + +.ct-06 { + margin-bottom: 80px; +} + +.ct-07 { + margin-top: 80px; +} + +.ct-10 .section-overlay { + margin-bottom: 100px; +} + +.ct-11, +.ct-12 { + padding: 60px 0; +} + +.ct-11:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; +} + +.ct-12:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 50%; + background-color: #fff; +} + +/*------------------------------------------*/ +/* CONTENT BOX WRAPPER +/*------------------------------------------*/ + +.bc-1-wrapper .section-overlay, +.bc-4-wrapper .section-overlay, +.bc-6-wrapper .section-overlay { + padding: 80px 70px; +} + +.bc-2-wrapper .section-overlay, +.bc-3-wrapper .section-overlay, +.bc-5-wrapper .section-overlay { + padding: 80px 70px 0; +} + +.bc-6 { + padding: 40px 35px; +} + +.cbox-6-wrapper { + padding: 60px 40px; +} + +.content-section .cbox-6-wrapper { + padding: 80px 70px; +} + +.bc-5-wrapper .section-title p { + padding: 0; +} + +/*------------------------------------------*/ +/* TEXT BLOCK +/*------------------------------------------*/ + +.txt-box { + margin-bottom: 20px; +} + +.txt-box:last-child { + margin-bottom: 0; +} + +.bc-3-txt, +.ct-06 .txt-block, +.bc-2-wrapper .txt-block { + margin-top: -40px; +} + +.bc-2-txt, +.ct-07 .txt-block { + margin-top: 40px; +} + +.bc-1-wrapper .txt-block.pr-25.left-column, +.bc-2-wrapper .txt-block.pr-25.left-column { + padding-right: 25px; +} + +.bc-1-wrapper .txt-block.pl-25.right-column, +.bc-2-wrapper .txt-block.pl-25.right-column { + padding-left: 25px; +} + +.ct-11 .txt-block { + padding-right: 50px; +} + +.ct-12 .txt-block { + padding-left: 70px; +} + +.ct-13 .txt-block h5 { + padding-right: 6%; +} + +/*------------------------------------------*/ +/* TEXT BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.bc-2-txt h2, +.bc-3-txt h2, +.bc-4-txt h2, +.txt-block h3, +.txt-block h2 { + margin-bottom: 26px; +} + +.txt-block h5 { + margin-bottom: 20px; +} + +h5.h5-title { + margin-top: 20px; + margin-bottom: 20px; +} + +.txt-block .btn, +.txt-block .btns-group .btn.btn--transparent { + margin-top: 25px; +} + +.txt-block .btn.btn--transparent { + margin-top: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX +/*------------------------------------------*/ + +.cbox-1, +.cbox-2, +.cbox-3 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.cbox-5 { + position: relative; +} + +.cbox-5-content { + background-color: #fff; + border: 1px solid #f5f6f6; + padding: 40px; + margin: 0 12%; + z-index: 1; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.cbox-5-content .divider { + margin-top: 25px; + margin-bottom: 25px; +} + +#cb-6-1, #cb-6-2 { + margin-bottom: 35px; +} + +/*------------------------------------------*/ +/* CONTENT BOX TITLE +/*------------------------------------------*/ + +.box-title h6, +.box-title h5 { + display: inline-block; + line-height: 2.35rem!important; + margin-bottom: 15px; +} + +.box-title span { + position: relative; + top: 12px; + margin-right: 10px; +} + +.box-title span[class*="flaticon-"]:before, +.box-title span[class*="flaticon-"]:after { + font-size: 2.35rem; +} + +.txt-block .cbox-5-title h2 { + font-size: 3.5rem; + letter-spacing: -1px; + line-height: 1; + margin-bottom: 10px; +} + +.cbox-5-title .statistic-number sup { + font-size: 3rem; + top: -5px; + right: 6px; +} + +.cbox-5-title .ico-15 [class*="flaticon-"]:before, +.cbox-5-title .ico-15 [class*="flaticon-"]:after { + font-size: 0.875rem; + line-height: 1!important; +} + +.cbox-5-title p.p-lg { + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* CONTENT BOX ICON +/*------------------------------------------*/ + +.cbox-1 .ico-wrap { + margin-left: 8px; +} + +.cbox-1.ico-10 span { + position: relative; + top: 0; + right: 7px; +} + +.cbox-1.ico-15 span { + position: relative; + top: 1px; + right: 8px; +} + +.cbox-1.ico-10 [class*="flaticon-"]:before, +.cbox-1.ico-10 [class*="flaticon-"]:after { + font-size: 0.6rem; +} + +.cbox-1.ico-15 [class*="flaticon-"]:before, +.cbox-1.ico-15 [class*="flaticon-"]:after { + font-size: 0.75rem; +} + +/*------------------------------------------*/ +/* CBOX #2 +/*------------------------------------------*/ + +.cbox-2 .ico-wrap { + position: relative; + margin-right: 1.625rem; +} + +.cbox-2-ico { + position: relative; + width: 2.625rem; + height: 2.625rem; + text-align: center; + border-radius: 100%; + font-size: 1.1875rem; + font-weight: 500; + line-height: 2.375rem; + border: 2px solid transparent; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.ct-03 .cbox-2-ico { + position: relative; + width: 2.35rem; + height: 2.35rem; + font-size: 1.15rem; + line-height: 2.15rem; +} + +.cbox-2-line { + position: absolute; + bottom: 20px; + left: 50%; + width: 2px; + background-color: #e4e4e4; + height: calc(100% - 90px); + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.cbox-2:hover .cbox-2-ico { + background-color: transparent; + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} + +.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; } +.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; } +.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; } + +.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; } +.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; } +.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; } + +.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; } +.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; } +.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; } + +.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; } +.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; } +.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; } + +.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; } +.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; } +.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; } + +.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; } +.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; } +.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; } + +.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; } +.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; } +.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* CBOX #3 +/*------------------------------------------*/ + +.cbox-3 .ico-wrap { + position: relative; + text-align: center; + margin-top: 0; + margin-right: 1.15rem; +} + +.cbox-3 .cbox-3-ico { + position: relative; + top: 3px; +} + +.cbox-3-ico span[class*="flaticon-"]:before, +.cbox-3-ico span[class*="flaticon-"]:after { + font-size: 2.85rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX TEXT +/*------------------------------------------*/ + +.cbox-1-txt, +.cbox-2-txt, +.cbox-3-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.cbox-2-txt, +.cbox-3-txt { + margin-bottom: 35px; +} + +.ct-03 .cbox-2-txt { + margin-bottom: 30px; +} + +.cbox-4-txt { + margin-bottom: 25px; +} + +.cbox-2:last-child .cbox-2-txt, +.cbox-3:last-child .cbox-3-txt, +.cbox-4:last-child .cbox-4-txt { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX FEATURE +/*------------------------------------------*/ + +.cbox-5-fea { + padding: 20px 25px; + margin-top: 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.txt-block .cbox-5-fea h4 { + line-height: 1; + margin-bottom: 3px; +} + +.cbox-5-fea p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX TYPOGRAPHY +/*------------------------------------------*/ + +.cbox-2-txt h5, +.cbox-3-txt h5 { + margin-bottom: 15px; +} + +.ct-03 .cbox-2-txt h5 { + margin-bottom: 10px; +} + +.cbox-6 h6 { + margin-bottom: 15px; +} + +.cbox-1-txt p { + margin-bottom: 8px; +} + +.cbox-1-last .cbox-1-txt p { + margin-bottom: 1rem; +} + +.cbox-6 p, +.cbox-2-txt p, +.cbox-3-txt p, +.cbox-4-txt p { + margin-bottom: 0; +} + +.bc-6-txt { + padding: 0 10px; +} + +.bc-6-txt h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* ACCORDION +/*------------------------------------------*/ + +.txt-block .accordion-1 .accordion-item { + background-color: transparent; + padding: 25px 30px; + border: none; +} + +.txt-block .accordion-2 .accordion-item { + background-color: transparent; + padding: 15px 0 25px; + border: none; + border-top: 1px solid #ccc; + border-radius: 0 0; +} + +.txt-block .accordion-2 .accordion-item:last-child { + border-bottom: 1px solid #ccc; +} + +.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; } +.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; } +.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } +.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; } +.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; } +.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; } +.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; } +.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; } + +.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } +.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } +.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } +.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } +.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } +.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; } +.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; } + +.txt-block .accordion-thumb { + margin: 0; + padding: 0; + cursor: pointer; + position: relative; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + color: #6c757d; + font-family: Flaticon; + position: absolute; + color: #353f4f; + font-weight: 400; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before { + content: "\f11a"; + font-size: 0.95rem; + top: 1px; + left: 0; +} + +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f110"; + font-size: 0.95rem; + top: 12px; + right: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active { + background-color: #f4f4f9; + padding: 35px 30px 19px 30px; + margin-bottom: 15px; + margin-top: 15px; +} + +.txt-block .accordion-2 .accordion-item.is-active { + background-color: transparent; + margin-bottom: 0; + margin-top: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before { + content: "\f11b"; +} + +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f111"; +} + +.txt-block .accordion-1 .accordion-panel { + color: #6c757d; + margin: 0; + padding: 0 0 0 25px; + display: none; +} + +.txt-block .accordion-2 .accordion-panel { + color: #6c757d; + margin: 15px 0 0 0; + display: none; +} + +.txt-block .accordion-1 .accordion-thumb h5 { + color: #353f4f; + line-height: 1; + padding-left: 28px; + margin-bottom: 0; +} + +.txt-block .accordion-2 .accordion-thumb h5 { + color: #353f4f; + display: inline-block; + line-height: 1; + padding-left: 10px; + margin-bottom: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { + margin-bottom: 20px; +} + +.accordion-2 .accordion-thumb span[class*="flaticon-"]:before, +.accordion-2 .accordion-thumb span[class*="flaticon-"]:after { + color: #6c757d; + position: relative; + font-size: 2.1875rem; + top: 10px; +} + +.txt-block .accordion-2 .accordion-panel .simple-list li { + margin-bottom: 1rem; +} + +.txt-block .accordion-2 .accordion-panel p, +.txt-block .accordion-2 .accordion-panel .simple-list li:last-child { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TABS +/*------------------------------------------*/ + +#tabs-1 .tabs-nav { + text-align: center; +} + +.tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +#tabs-1 .tab-content { + display: none; +} + +#tabs-1 .tab-content.current { + display: inherit; +} + +.tabs-1 li { + display: inline-block; + margin: 0 20px; + color: #aaa; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + padding: 0 2px 10px; + background-color: transparent; + border-bottom: 3px solid transparent; + cursor: pointer; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* TAB LINK HOVER / CURRENT +/*------------------------------------------*/ + +.tabs-1 li:hover { + color: #888; + border-color: #ccc; +} + +.tabs-1 li.current, +.tabs-1 li.current:hover { + color: #2b3648; + border-color: #2b3648; +} + +.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; } +.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; } +.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; } + +.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; } +.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; } +.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; } + +.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; } +.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; } +.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; } + +.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; } +.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; } +.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; } + +.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; } +.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; } +.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; } + +.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; } +.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; } +.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; } + +.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; } +.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; } +.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* ADVANTAGES LIST +/*------------------------------------------*/ + +.advantages { + margin-top: 15px; +} + +.text-center .advantages { + margin-top: 20px; +} + +.advantages li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.advantages-links-divider { + position: relative; + top: 0.5px; + transform: rotate(-90deg); +} + +.advantages li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.advantages.ico-15 li p span { + position: relative; + top: 2px; + right: -1px; +} + +.advantages.ico-15 [class*="flaticon-"]:before, +.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.advantages li p a { + font-weight: 400; + text-decoration: underline; +} + +.advantages li p a:hover { + text-decoration: underline; +} + +.white--color .advantages li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* COMPATABILITY +/*------------------------------------------*/ + +.compatibility { + display: inline-block; + padding: 3px 20px; + margin-top: 15px; + margin-bottom: 0; +} + +.compatibility span { + position: relative; + top: -1.5px; + right: 2px; +} + +.compatibility.ico-10 [class*="flaticon-"]:before, +.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; } + +/*------------------------------------------*/ +/* TOOLS LIST / PAYMENT METHODS +/*------------------------------------------*/ + +.tools-list, +.payment-methods { + margin-top: 25px; +} + +.tools-list p, +.payment-methods p { + font-weight: 400; + margin-bottom: 12px; +} + +.tools-list.ico-35 [class*="flaticon-"]:before, +.tools-list.ico-35 [class*="flaticon-"]:after { + line-height: 2.1875rem!important; + margin-right: 6px; +} + +/*------------------------------------------*/ +/* Payment Icons +/*------------------------------------------*/ + +.payment-icons li { + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; + padding-right: 5px; +} + +.payment-icons li:last-child { + padding-right: 0; +} + +.payment-icons img { + width: auto; + max-width: inherit; + max-height: 32px; +} + +/*------------------------------------------*/ +/* QUOTE +/*------------------------------------------*/ + +.quote p { + color: #666; + border-left: 3px solid #0195ff; + font-style: italic; + padding-left: 20px; + margin-bottom: 12px; +} + +/*------------------------------------------*/ +/* Quote Avatar +/*------------------------------------------*/ + +.quote-avatar { + display: inline-block; + margin: 0 auto; +} + +.quote-avatar img { + width: 70px; + height: 70px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +/*------------------------------------------*/ +/* Quote Author +/*------------------------------------------*/ + +.quote-author { + position: relative; + display: inline-block; + padding: 0 0 0 15px; + text-align: left; + top: 16px; +} + +.quote-author h6 { + margin-bottom: 0; +} + +.quote-author span { + font-size: 1rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX SHAPES +/*------------------------------------------*/ + +.cbox-5-shape-1 { + position: absolute; + right: 30px; + top: -35px; + z-index: -1; +} + +.cbox-5-shape-2 { + position: absolute; + left: 30px; + bottom: -25px; + z-index: -1; +} + +.cbox-5-shape-1 img, +.cbox-5-shape-2 img { + height: 100%; + width: 100%; + object-fit: cover; +} + +/*------------------------------------------*/ +/* IMG BLOCK IMAGE +/*------------------------------------------*/ + +.grey-img { + filter: grayscale(100%); +} + +.img-block { + text-align: center; +} + +.img-block.img-block-bkg { + overflow: hidden; +} + +.img-block.img-block-bkg img { + padding: 60px 45px; +} + +.ct-10 .img-block, +.img-block-hidden, +.bc-5-img.bc-5-dashboard.img-block-hidden { + margin-bottom: -100px; +} + +.ct-05 .img-block-hidden { + margin-bottom: -30px; +} + +.bc-5-img.bc-5-tablet.img-block-hidden { + margin-bottom: -200px; +} + +.img-block-hidden .video-btn, +.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { + top: calc(50% - 30px); +} + +.bc-5-img.bc-5-tablet.img-block-hidden .video-btn { + top: calc(50% - 70px); +} + +.ct-01 .img-block, +.ct-04 .img-block { + margin-left: 30px; +} + +.ct-02 .img-block { + margin-right: 30px; +} + +.ct-03 .img-block.right-column { + margin-left: 20px; +} + +.ct-03 .img-block.left-column { + margin-right: 20px; +} + +.ct-04 .img-block img { + max-width: none; + display: inline-block; +} + +.ct-06 .img-block { + margin-bottom: -80px; +} + +.ct-07 .img-block { + margin-top: -80px; +} + +.img-block-txt, +.img-block-btn { + margin-top: 60px; +} + +.bc-1-wrapper .img-block.left-column, +.bc-2-wrapper .img-block.left-column { + padding-right: 10px; +} + +.bc-1-wrapper .img-block.right-column, +.bc-2-wrapper .img-block.right-column { + padding-left: 10px; +} + +.bc-2-img { + margin-left: 15px; +} + +.bc-3-img { + margin: 0 -65% -25px 15px; +} + +.bc-4-img { + margin-left: 15px; + margin-right: -65%; +} + +.bc-6-img { + padding: 50px 30px 0; + margin-bottom: 35px; +} + +.ct-11 .img-block { + position: relative; + text-align: center; + padding-left: 70px; + z-index: 2; +} + +.ct-12 .img-block { + position: relative; + text-align: center; + padding-right: 70px; + z-index: 2; +} + +.ct-11 .img-block .tra-bkg, +.ct-12 .img-block .tra-bkg { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + + + + +/* ========================================================================== + 09. STATISTIC + =========================================================================== */ + +.sb-rounded .statistic-block { + padding: 35px 25px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK +/*------------------------------------------*/ + +#sb-2-1, +#sb-2-2 { + width: 48%; + display: inline-block; + float: left; +} + +#sb-2-3, #sb-2-4 { + display: inline-block; + float: left; + padding-right: 15px; +} + +#sb-2-3 { width: 45%; } +#sb-2-4 { width: 55%; } + +#sb-2-3 .statistic-block, +#sb-2-4 .statistic-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +#sb-2-3 .statistic-block-txt, +#sb-2-4 .statistic-block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 15px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-1-wrapper .statistic-block-digit { + width: 35%; + display: inline-block!important; + float: left; +} + +.statistic-1-wrapper .statistic-block-txt { + width: 65%; + display: inline-block!important; + padding-left: 20px; +} + +#statistic-5 .statistic-digit { + padding-bottom: 20px; + margin: 0 100px 20px 0; + border-bottom: 1px solid #999; +} + +#statistic-5 .color--white .statistic-digit { + border-bottom: 1px solid rgba(255, 255, 255, .8); +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-ico { + margin-bottom: 10px; +} + +h2.statistic-number { + line-height: 1; + font-weight: 700; + letter-spacing: -1px; + margin-bottom: 0; +} + +#sb-2-1 h2.statistic-number, +#sb-2-2 h2.statistic-number { + margin-bottom: 15px; +} + +#sb-2-3 h2.statistic-number span, +#sb-2-4 h2.statistic-number span { + font-size: 2rem; +} + +#statistic-5 .statistic-digit h2 { + letter-spacing: -1.5px; +} + +#statistic-5 .statistic-txt h5 { + line-height: 1; + margin-bottom: 12px; +} + +.statistic-block-txt p.p-md { + line-height: 1.35; + margin-bottom: 0; +} + +#sb-2-1 .statistic-block p.p-sm, +#sb-2-2 .statistic-block p.p-sm { + line-height: 1.4; + margin-bottom: 0; +} + +#sb-2-3 .statistic-block p.p-sm, +#sb-2-4 .statistic-block p.p-sm { + margin-top: 3px; + line-height: 1.5; + margin-bottom: 0; +} + +.statistic-3-wrapper p { + line-height: 1; + margin-top: 15px; + margin-bottom: 0; +} + +.statistic-3-wrapper p.p-md { + line-height: 1; + margin-top: 22px; + margin-bottom: 0; +} + +.statistic-4-wrapper p { + line-height: 1; + margin-bottom: 14px; +} + +#statistic-5 .statistic-txt p { + padding-right: 3%; + margin-bottom: 0; +} + +.txt-block-stat .statistic-block .txt-block-rating { + margin-top: -4px; + margin-bottom: -3px; +} + +.txt-block-stat .ico-15 [class*="flaticon-"]:before, +.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; } + + + + +/* ========================================================================== + 10. PROJECTS + ========================================================================== */ + +.projects-wrapper { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +#pt-1-1, #pt-1-2, +.inner-page-hero #pt-1-3, +.inner-page-hero #pt-1-4 { + margin-bottom: 50px; +} + +.project-details h5 { + line-height: 1; + margin-bottom: 30px; +} + +.project-preview { + position: relative; + overflow: hidden; +} + +/*------------------------------------------*/ +/* Image Link +/*------------------------------------------*/ + +.project-link { + width: 100%; + position: absolute; + top: 55%; + transform: translateY(-50%); + opacity: 0; + text-align: center; + color: #fff; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Overlay +/*------------------------------------------*/ + +.hover-overlay { + width: 100%; + height: auto; + overflow: hidden; + position: relative; +} + +.hover-overlay img { + transform: scale(1); + -ms-transform: scale(1); + -webkit-transform: scale(1); + -o-transform: scale(1); + -moz-transform: scale(1); + overflow: hidden; + -webkit-transition: transform 400ms; + -moz-transition: transform 400ms; + -o-transition: transform 400ms; + transition: transform 400ms; +} + +/*------------------------------------------*/ +/* Overlay Background +/*------------------------------------------*/ + +.item-overlay { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(20, 20, 20, .25); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Effect +/*------------------------------------------*/ + +.project-preview:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.project-preview:hover .project-link { + top: 50%; + opacity: 1; + -moz-opacity: 1; +} + +.project-preview:hover .item-overlay { + opacity: 1; + -moz-opacity: 1; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.more-projects { + text-align: center; + margin-top: 70px; +} + + + + +/* ========================================================================== + 11. PROJECT DETAILS + ========================================================================== */ + +.single-project .project-title { + margin-bottom: 80px; +} + +.project-title h2 { + padding-right: 5%; + padding-bottom: 40px; + margin-bottom: 35px; + border-bottom: 1px solid #ddd; +} + +.project-data p { + margin-bottom: 4px; +} + +.project-data p span { + color: #353f4f; + font-weight: 500; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.project-description .more-projects { + margin-top: 65px; +} + +.project-description .more-projects h3 { + display: inline-block; + text-decoration: underline; + margin-bottom: 0; +} + +.project-description .more-projects span { + color: #353f4f; + position: relative; + top: 2px; + left: 5px; +} + + + + +/* ========================================================================== + 12. RATING + =========================================================================== */ + +.rating-section .rating-1-wrapper { + padding: 0 16%; +} + +.rating-section .rating-2-wrapper { + padding: 0 4%; +} + +.rating-title { + text-align: center; +} + +.rating-title h5 { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* RATING BOX +/*------------------------------------------*/ + +.rbox-1, +.rbox-2 { + text-align: center; +} + +/*------------------------------------------*/ +/* RATING BOX LOGO +/*------------------------------------------*/ + +.rbox-1-img { + margin-bottom: 20px; +} + +.rbox-1-img img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.rbox-2-txt img { + position: relative; + display: inline-block; + width: auto; + max-width: inherit; + max-height: 30px; + top: -1px; + left: 4px; +} + +/*------------------------------------------*/ +/* RATING BOX TYPOGRAPHY +/*------------------------------------------*/ + +.rbox-2-txt { + margin-top: 20px; +} + +.rbox-1 .star-rating { + display: inline-block; + font-size: 17px; + line-height: 15px; + font-weight: 500; + vertical-align: inherit; + border: 1px solid #f5f5f5; + padding: 5px 18px; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +.rbox-1 .star-rating span { + position: relative; + color: #ffb30c; + top: 1.5px; +} + +.rbox-1 .star-rating { + font-size: 0.86rem; + line-height: 1; +} + +p.rbox-2-txt { + line-height: 22px; + margin-top: 8px; + margin-bottom: 0; +} + +p.rbox-2-txt span { + font-weight: 500; +} + + + + +/* ========================================================================== + 13. TESTIMONIALS + =========================================================================== */ + +.reviews-2-wrapper { + padding: 0 10px; +} + +.reviews-3-wrapper { + padding: 0 20px; +} + +.reviews-4-wrapper, +.reviews-5-wrapper { + padding-left: 40px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL +/*------------------------------------------*/ + +.review-1 { + padding: 40px 40px 30px; + margin: 0 10px 30px; +} + +.review-1.block-border { + border-color: #d2d2d2; +} + +.review-2 { + padding: 45px 50px 35px; +} + +.review-3 { + padding: 45px 50px 40px; +} + +.review-4 { + padding: 40px 45px 30px; +} + +.review-5 { + padding: 45px 45px 40px; +} + +#rw-2-1, #rw-2-2 { + margin-bottom: 20px; +} + +.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 { + margin-bottom: 20px; +} + +#rw-3-2 { + margin-bottom: 45px; +} + +#rw-3-2, #rw-3-3 { + margin-left: 15px; +} + +#rw-4-1, +#rw-5-1 { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL TEXT +/*------------------------------------------*/ + +.review-ico { + position: relative; + margin-top: -25px; + margin-left: -10px; + opacity: .1; +} + +.review-txt { + position: relative; + margin-top: -45px; +} + +.review-txt h6 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL DATA +/*------------------------------------------*/ + +.review-1 .author-data { + margin-top: 22px; +} + +.review-2 .author-data { + margin-top: 15px; +} + +.review-3 .author-data { + margin-top: 20px; +} + +.review-avatar { + margin: 0 auto; + float: left; +} + +.review-avatar img, +.owl-item .review-avatar img { + width: 54px; + height: 54px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.review-2 .review-avatar img { + width: 64px; + height: 64px; +} + +.review-3 .review-avatar img, +.review-5 .review-avatar img { + width: 62px; + height: 62px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL AUTHOR +/*------------------------------------------*/ + +.review-author { + position: relative; + display: inline-block; + text-align: left; + padding: 0 0 0 15px; +} + +.review-1 .review-author { + margin-top: 4px; +} + +.review-2 .review-author { + margin-top: 10px; +} + +.review-3 .review-author { + margin-top: 8px; +} + +.review-5 .review-author { + margin-top: 8px; +} + +.review-4 .review-author { + padding-left: 0; + margin-top: 0; +} + +.review-author h6 { + line-height: 1; + margin-bottom: 8px; +} + +.review-1 .review-author h6 { + font-size: 0.975rem; +} + +.review-author p { + line-height: 1; + font-weight: 300; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TESTIMONIAL CAROUSEL DOTS +/*------------------------------------------*/ + +.reviews-section button { + background-color: transparent; + border: none; + padding: 0 2px; +} + +.owl-theme .owl-dots .owl-dot span { + margin: 0 7px; +} + +.owl-dots button:focus { + outline: none; + text-decoration: none; +} + + + + +/* ========================================================================== + 14. PRESS + =========================================================================== */ + +/*------------------------------------------*/ +/* PRESS LOGO +/*------------------------------------------*/ + +.press-logo img { + position: relative; + width: auto; + max-width: inherit; + max-height: 82px; +} + +/*------------------------------------------*/ +/* PRESS TEXT +/*------------------------------------------*/ + +.press-txt { + position: relative; + margin-top: 15px; +} + +.press-txt p { + color: #999; + font-weight: 400; + margin-bottom: 0; +} + +.press-txt span { + position: relative; + top: 3px; + left: -1px; + opacity: .6; +} + +.press-txt.ico-20 [class^="flaticon-"]:before, +.press-txt.ico-20 [class^="flaticon-"]:after { + font-size: 1.375rem; +} + + + + +/* ========================================================================== + 15. BRANDS + =========================================================================== */ + +#brands-3 { + position: relative; +} + +#brands-3:after { + position: absolute; + content: ''; + width: 100%; + height: 80%; + top: 0; + left: 0; + z-index: -1; +} + +/*------------------------------------------*/ +/* BRANDS SECTION TITLE +/*------------------------------------------*/ + +.brands-title { + text-align: center; + padding: 0 5%; +} + +.brands-title h4, +.brands-title h3, +.brands-title h2 { + margin-bottom: 8px; +} + +.brands-title p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* BRANDS LOGO WRAPPER +/*------------------------------------------*/ + +.brands-3-wrapper { + padding: 50px 30px; + background-color: #fff; + border: 1px solid #e9ecef; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} + +/*------------------------------------------*/ +/* BRANDS LOGO IMAGE +/*------------------------------------------*/ + +.brand-logo { + overflow: hidden; + position: relative; + top: 0; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +#brands-1 .brands-carousel-5 .brand-logo { + padding: 0 30px; +} + +#brands-1 .brands-carousel-6 .brand-logo { + padding: 0 20px; +} + +#brands-1 .justify-content-center .brand-logo { + padding: 0 15px; +} + +#brands-2 .brand-logo { + padding: 0; +} + +#brands-3 .brand-logo { + padding: 0 25px; +} + +#brands-3 .brands-3-static .brand-logo { + padding: 0 15px; +} + +#brands-4 .brand-logo { + padding: 0 20px; +} + +.brand-logo:hover { + top: -6px; +} + +.brands-section .more-btn { + text-align: center; + margin-top: 40px; +} + +.hero-section .owl-dots, +.brands-section .owl-dots { + display: none; +} + + + + +/* ========================================================================== + 16. INTEGRATIONS + =========================================================================== */ + +.integrations-2-wrapper { + padding: 80px 70px; +} + +.in_tool_logo { + padding: 50px 30px; + margin-bottom: 25px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.integrations-1-wrapper .in_tool-logo { + position: relative; + margin-right: 20px; +} + +.integrations-1-wrapper .in_tool { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + padding: 22px 20px; + border: 1px solid #ccc; +} + +.integrations-1-wrapper .in_tool-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.in_tool h6 { + line-height: 1; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool-txt h6 { + margin-top: 5px; +} + +.integrations-1-wrapper .in_tool-txt p { + margin-top: 5px; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + + + + +/* ========================================================================== + 17. PRICING + =========================================================================== */ + +/*------------------------------------------*/ +/* Price Table +/*------------------------------------------*/ + +.p-table { + margin-bottom: 40px; +} + +.pricing-1-table { + padding: 50px 38px 45px; +} + +.text-center .pricing-1-table { + padding: 60px 35px 50px; +} + +.pricing-2-table { + padding: 45px 38px 50px; +} + +.pricing-3-table { + padding: 50px 40px; +} + +.pricing-4-table { + position: relative; + padding: 45px; +} + +#pt-4-1 { margin: 0 10px 40px 50px; } +#pt-4-2 { margin: 0 50px 40px 10px; } + +/*------------------------------------------*/ +/* TABLE HEADER +/*------------------------------------------*/ + +.pricing-table-header { + position: relative; +} + +.pricing-table-header h5 { + margin-bottom: 30px; +} + +.pricing-table-header h4 { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* PRICING TABLE DISCOUNT +/*------------------------------------------*/ + +.pricing-discount { + position: absolute; + top: -2px; + right: -10px; + padding: 8px 18px; +} + +.pricing-1-table .pricing-discount { + top: -2px; + right: -5px; + padding: 7px 13px; +} + +.text-center .pricing-1-table .pricing-discount { + top: -35px; + right: -8px; +} + +.pricing-discount h6 { + font-size: 1.1rem; + line-height: 1; + margin-bottom: 0; +} + +.pricing-1-table .pricing-discount h6 { + font-size: 0.915rem; +} + +.price.color--black .white--color { + color: #fff; +} + +.comp-table .table thead th { + border-color: #ccc; +} + +.comp-table tbody th { + border-bottom: 1px solid #ccc!important; +} + +.comp-table .table tr td { + border-bottom: 2px solid #ccc; +} + +/*------------------------------------------*/ +/* PRICE +/*------------------------------------------*/ + +.price span { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 3rem; + line-height: 1; + font-weight: 600; + letter-spacing: -2px; +} + +.pricing-2-table.highlight .price span { + font-size: 2.4rem; + letter-spacing: -1px; +} + +.pricing-3-table .price span { + font-size: 4.35rem; +} + +.pricing-4-table .price span { + font-size: 3.15rem; +} + +/*------------------------------------------*/ +/* DOLLAR SIGN +/*------------------------------------------*/ + +.price sup { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.05rem; + font-weight: 600; + top: -5px; + right: 2px; + letter-spacing: -1px; +} + +.pricing-3-table .price sup { + font-size: 2.35rem; + top: -23px; + right: 3px; +} + +.pricing-4-table .price sup { + font-size: 2.05rem; + top: -10px; + right: 2px; +} + +/*------------------------------------------*/ +/* COINS +/*------------------------------------------*/ + +.pricing-3-table .price sup.coins { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.35rem; + font-weight: 600; + top: -29px; + left: 3px; + letter-spacing: -2px; +} + +/*------------------------------------------*/ +/* Validity +/*------------------------------------------*/ + +.price sup.validity { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 1.4rem; + font-weight: 400; + top: -2px; + left: 0; +} + +.pricing-3-table .price sup.validity { + display: block; + font-size: 1.1875rem; + top: 0; + margin-top: 20px; + margin-bottom: 30px; + letter-spacing: 0; + margin-bottom: 40px; +} + +/*------------------------------------------*/ +/* Text +/*------------------------------------------*/ + +.price p { + margin-top: 25px; + margin-bottom: 25px; +} + +.pricing-2-table .price p { + margin-bottom: 15px; +} + +.text-center .price p { + padding: 0 2%; +} + +.pricing-section .btn-txt a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* PRICING TABLE HORIZONTAL LINE +/*------------------------------------------*/ + +.pricing-1-table hr { + margin-top: 35px; +} + +.pricing-2-table hr { + margin-top: 25px; +} + +/*------------------------------------------*/ +/* PRICING FEATURES +/*------------------------------------------*/ + +.pricing-features li { + padding: 11px 8px; +} + +.pricing-4-table .pricing-features li { + padding: 10px; +} + +.pricing-features li p { + line-height: 1; + font-weight: 400; + margin-bottom: 0; +} + +.pricing-features li p span { + position: relative; + top: -2px; + right: 5px; +} + +.pricing-features.ico-10 li p span { + top: 0; + right: 4px; +} + +.pricing-features.ico-5 [class*="flaticon-"]:before, +.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; } + +.pricing-features li.disabled-option p, +.pricing-features li.disabled-option span { + color: #b5b5b5!important; +} + +/*------------------------------------------*/ +/* PRICING TABLE BUTTON +/*------------------------------------------*/ + +.pt-btn { + display: block; + width: 100%; + margin-top: 25px; +} + +.p-table p.btn-txt { + margin: 14px 0 0 0; +} + +/*------------------------------------------*/ +/* PRICING TOGGLE BUTTON +/*------------------------------------------*/ + +.ext-toggle-btn { + text-align: center; +} + +.toggle-btn.inn-toggle-btn { + position: absolute; +} + +#pricing-4 .ext-toggle-btn { + margin: 0 50px 35px 10px; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON TYPOGRAPHY +/*------------------------------------------*/ + +.toggle-btn-md .toggler-txt { + font-size: 1.1rem; + font-weight: 400; + line-height: 36px; +} + +.toggle-btn-lg .toggler-txt { + font-size: 1.15rem; + font-weight: 400; + line-height: 40px; +} + +.toggle-btn p { + margin-top: 10px; + letter-spacing: -0.25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON SWITCHER +/*------------------------------------------*/ + +.switch-wrap { + position: relative; + display: inline-block; + min-width: 50px; + height: 32px; + vertical-align: middle; +} + +.toggle-btn-md .switch-wrap { + min-width: 65px; + height: 36px; + margin: 0 8px; +} + +.toggle-btn-lg .switch-wrap { + min-width: 70px; + height: 40px; + margin: 0 14px; +} + +.switcher { + display: block; + cursor: pointer; + color: #fff; + font-size: 0.925rem; + font-weight: 500; + height: 32px; + padding: 0 15px 0 35px; + position: relative; + border-radius: 32px; + -webkit-transition: all 150ms ease-in-out; + -moz-transition: all 150ms ease-in-out; + -o-transition: all 150ms ease-in-out; + -ms-transition: all 150ms ease-in-out; + transition: all 150ms ease-in-out; +} + +.toggle-btn-md .switcher { + height: 36px; + padding: 0 20px 0 40px; + border-radius: 36px; +} + +.toggle-btn-lg .switcher { + height: 40px; + padding: 0 20px 0 40px; + border-radius: 40px; +} + +.switcher.bg--tra-white { + background-color: #fff; + border: 2px solid #ccc; +} + +.switcher.bg--ghost-white { + background-color: rgba(128, 143, 174, .45); + border: 2px solid rgba(128, 143, 174, .15); +} + +.switcher.bg--grey { + background-color: #ccc; + border: 2px solid #ccc; +} + +.switcher .show-annual, +.switcher .show-monthly { + line-height: 32px; +} + +.toggle-btn-md .switcher .show-annual, +.toggle-btn-md .switcher .show-monthly { + line-height: 36px; +} + +.toggle-btn-lg .switcher .show-annual, +.toggle-btn-lg .switcher .show-monthly { + line-height: 40px; +} + +.switcher .show-monthly { + display: block; +} + +.switcher .show-annual { + display: none; +} + +.switcher:before { + position: absolute; + left: 4px; + bottom: 4px; + content: " "; + background-color: #fff; + width: 24px; + height: 24px; + border-radius: 50%; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.toggle-btn-md .switcher:before { + left: 5px; + bottom: 5px; + width: 26px; + height: 26px; +} + +.toggle-btn-lg .switcher:before { + left: 5px; + bottom: 5px; + width: 30px; + height: 30px; +} + +.switcher.bg--grey:before, +.switcher.bg--tra-white:before, +.switcher.bg--ghost-white:before { + background-color: #ccc; + left: 4px; + bottom: 3.5px; + -webkit-box-shadow: 0 1px 1px 0 #aaa; + -moz-box-shadow: 0 1px 1px 0 #aaa; + box-shadow: 0 1px 1px 0 #aaa; +} + +.switcher.bg--grey:before, +.switcher.bg--ghost-white:before { + background-color: #fff; +} + +.switch-wrap input { + display: none; +} + +.switch-wrap input:checked + .switcher { + padding: 0 35px 0 15px; +} + +.toggle-btn-md .switch-wrap input:checked + .switcher, +.toggle-btn-lg .switch-wrap input:checked + .switcher { + padding: 0 40px 0 20px; +} + +.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; } +.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; } +.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; } + +.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; } +.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; } +.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; } + +.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; } +.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; } +.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; } + +.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; } +.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; } +.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; } + +.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; } +.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; } +.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; } + +.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; } +.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; } +.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; } + +.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; } +.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; } +.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; } + +.switch-wrap input:checked + .switcher:before { + left: auto; + right: 4px; + -webkit-transition: all 350ms ease-in-out; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.switch-wrap input:checked + .switcher.bg--tra-white:before { + bottom: 3px; + background-color: #fff; + -webkit-box-shadow: 0 0; + -moz-box-shadow: 0 0; + box-shadow: 0 0; +} + +.switch-wrap input:checked + .switcher .show-annual { + display: block; +} + +.switch-wrap input:checked + .switcher .show-monthly { + display: none; +} + +/*------------------------------------------*/ +/* PRICING NOTICE TEXT +/*------------------------------------------*/ + +.pricing-notice { + text-align: center; + margin-top: 20px; +} + +.pricing-notice p { + padding: 0 8%; + margin-bottom: 0; +} + +.pricing-notice p span { + font-weight: 500; +} + +/*------------------------------------------*/ +/* COMPARE PRICING TABLE +/*------------------------------------------*/ + +.table>:not(caption)>*>* { + padding-top: 12px; + padding-bottom: 12px; +} + +.comp-table .pricing-header { + max-width: 700px; +} + +.comp-table .table-responsive thead th { + font-size: 1.15rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody th { + font-size: 1rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody td { + position: relative; + font-size: 1rem; + line-height: inherit; + top: 1px; +} + +.comp-table .table-responsive tbody td span { + position: relative; + top: 1px; +} + +.table-responsive .ico-15 [class*="flaticon-"]:before, +.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.table-responsive .ico-20 [class*="flaticon-"]:before, +.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; } + +.comp-table .table-responsive tbody tr { + background-color: #fff; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.comp-table .table tbody tr.table-last-tr { + border-color: transparent; +} + +.comp-table .table-responsive tbody tr:hover { + background-color: #f7f7f9; +} + +.comp-table .disabled-option { + color: #999; +} + +/*------------------------------------------*/ +/* PRICING COMPARE PAYMENT +/*------------------------------------------*/ + +.comp-table-payment h6 { + margin-bottom: 20px; +} + +.comp-table-payment p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 18. TEAM + =========================================================================== */ + +/*------------------------------------------*/ +/* TEAM MEMBER +/*------------------------------------------*/ + +#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; } +#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; } +#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; } + +/*------------------------------------------*/ +/* TEAM MEMBER PHOTO +/*------------------------------------------*/ + +.team-member-photo { + position: relative; + overflow: hidden; + text-align: center; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* PHOTO HOVER ZOOM +/*------------------------------------------*/ + +.team-member:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.team-member:hover .item-overlay { + opacity: .45; + -moz-opacity: .45; +} + +/*------------------------------------------*/ +/* TEAM MEMBER TYPOGRAPHY +/*------------------------------------------*/ + +.team-member-data { + position: relative; + margin-left: 5px; +} + +.team-member-data h6.s-20 { + margin-bottom: 8px; +} + +.team-member-data p { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1; + font-weight: 400; + letter-spacing: 0; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Team Member Social Links +/*------------------------------------------*/ + +ul.tm-social { + position: absolute; + top: -1px; + right: 8px; + -webkit-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} + +#team-1 ul.tm-social { + right: 5px; +} + +ul.tm-social li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; + margin-left: 10px; + opacity: .6; + -webkit-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; +} + +.tm-social.ico-20 [class*="flaticon-"]:before, +.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; } + + + + +/* ========================================================================== + 19. CAREERS + =========================================================================== */ + +/*------------------------------------------*/ +/* ROLE BOX +/*------------------------------------------*/ + +.role-box { + border: 1px solid #d2d2d2; + padding: 25px 35px; + margin-bottom: 30px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.role-box.bg--white-200, +.role-box.bg--white-300 { + border: 1px solid transparent; +} + +.role-box:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* ROLE BOX TEXT +/*------------------------------------------*/ + +.role-box span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.8rem; + line-height: 1; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 14px; +} + +.role-box h6 { + margin-bottom: 6px; +} + +.role-box p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 20. CAREER ROLE + =========================================================================== */ + +#role-page .inner-page-title { + text-align: left; + margin-bottom: 50px; +} + +#role-page .inner-page-title span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.9rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 35px; +} + +.role-info hr { + margin: 50px 0; +} + +#role-page .cbox-6-wrapper { + margin: 45px 0; +} + +.role-info h5 { + margin-bottom: 25px; +} + +.role-info p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-block.role-info .btn { + display: block; + margin-top: 50px; +} + + + + +/* ========================================================================== + 21. BANNER + =========================================================================== */ + +.banner-overlay { + width: 100%; + height: 100%; +} + +#banner-11 { + margin-top: 50px; +} + +#banner-12 { + margin-top: 40px; + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* BANNER WRAPPER +/*------------------------------------------*/ + +.banner-1-wrapper, +.banner-2-wrapper, +.banner-3-wrapper { + position: relative; + overflow: hidden; + text-align: center; +} + +.banner-1-wrapper .banner-overlay { + padding: 75px 15% 85px; +} + +.banner-2-wrapper .banner-overlay { + padding: 80px 15% 90px; +} + +.banner-3-wrapper .banner-overlay { + padding: 75px 20% 85px; +} + +.banner-11-wrapper .banner-overlay { + padding: 10px 70px 0; +} + +.banner-12-wrapper .banner-overlay { + padding-left: 80px; +} + +.banner-13-wrapper { + overflow: hidden; +} + +.banner-13-wrapper .banner-overlay { + overflow: hidden; + padding-left: 80px; +} + +.banner-16-wrapper .banner-overlay { + padding: 45px 22%; +} + +.banner-16-wrapper.bg--white-100.block-border { + border-color: #ccc; +} + +/*------------------------------------------*/ +/* BANNER TEXT +/*------------------------------------------*/ + +.banner-12-txt { + margin-top: -10px; + padding-right: 15%; +} + +.banner-13-txt { + padding-right: 15%; +} + +/*------------------------------------------*/ +/* BANNER TYPOGRAPHY +/*------------------------------------------*/ + +.banner-section .section-id { + font-weight: 600; + padding-top: 10px; + margin-bottom: 30px; +} + +.banner-1-txt h2 { + margin-bottom: 15px; +} + +.banner-2-txt h2 { + margin-bottom: 35px; +} + +.banner-4-txt h2 { + margin-bottom: 30px; +} + +.banner-7-txt h2 { + margin-bottom: 35px; +} + +.banner-10-txt h6 { + font-weight: 400; + margin-bottom: 12px; +} + +.banner-10-txt h2 { + margin-bottom: 25px; +} + +.banner-11-txt h2, +.banner-12-txt h2, +.banner-13-txt h2 { + margin-bottom: 22px; +} + +.banner-15-txt h2 { + margin-bottom: 45px; +} + +.banner-16-txt h4 { + margin-bottom: 14px; +} + +.banner-section p.p-lg { + font-size: 1.15rem; + margin-bottom: 30px; +} + +.banner-section p.p-xl { + margin-bottom: 25px; +} + +.sm-title .banner-1-txt p.p-lg, +.sm-title .banner-1-txt p.p-xl { + margin-top: 12px; + margin-bottom: 22px!important; +} + +.banner-3-txt p.p-lg, +.banner-3-txt p.p-xl, +.banner-5-txt p.p-lg, +.banner-5-txt p.p-xl { + margin-top: 20px; +} + +.banner-5-txt p.s-21, +.banner-5-txt p.s-22 { + margin-top: 20px; + margin-bottom: 26px; +} + +.banner-6-txt p.p-lg, +.banner-6-txt p.p-xl { + margin-top: 15px; + margin-bottom: 25px!important; +} + +.banner-8-txt p.p-lg, +.banner-8-txt p.p-xl { + margin-top: 10px; + margin-bottom: 0!important; +} + +.banner-9-txt p.p-lg, +.banner-9-txt p.p-xl { + margin-top: 20px; + margin-bottom: 25px!important; +} + +.banner-11-txt p { + padding-right: 8%; +} + +.banner-14-txt p.p-lg { + font-size: 1.25rem; + margin-top: 35px; + margin-bottom: 40px; +} + +.banner-15-txt p a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* BANNER IMAGE +/*------------------------------------------*/ + +.banner-11-img { + margin-top: -60px; + margin-left: -40px; +} + +.banner-12-img { + margin: -40px -20px -30px -40px; +} + +.banner-13-img { + transform: rotate(-20deg); + margin: -60px -120px -70px -40px; +} + + + + +/* ========================================================================== + 22. CALL TO ACTION / DOWNLOAD + =========================================================================== */ + +.version-release { + margin-bottom: 80px; +} + +.release-data { + padding-bottom: 30px; + border-bottom: 1px dashed #ccc; + margin-bottom: 30px; +} + +.release-data h5 { + margin-bottom: 40px; +} + +span.version-data { + color: #353f4f; + font-size: 2rem; + line-height: 1; + margin-right: 20px; + margin-bottom: 0; +} + +span.release-date { + color: #999; + font-size: 1.175rem; + line-height: 1; + margin-bottom: 0; +} + +span.release-date span { + color: #353f4f; + font-weight: 500; + margin-left: 20px; +} + +.release-download { + position: absolute; + right: 5px; + bottom: 0; +} + +.release-highlights .simple-list p { + margin-bottom: 2px; +} + + + + +/* ========================================================================== + 23. FAQS + =========================================================================== */ + +/*------------------------------------------*/ +/* FAQS SECTION TITLE +/*------------------------------------------*/ + +#faqs-1 .section-title { + margin-bottom: 50px; +} + +#faqs-2 .inner-page-title { + margin-bottom: 55px; +} + +#faqs-3 .section-title { + margin-bottom: 70px; +} + +.faqs-3-questions .questions-holder { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FAQS ACCORDION +/*------------------------------------------*/ + +.faqs-section .accordion-item { + background-color: transparent!important; + border: none; + border-bottom: 1px solid #e5e5e5; +} + +#faqs-2.faqs-section .accordion-item { + border-bottom: 1px solid #ddd; +} + +.faqs-section .accordion-item.acc-last-item, +#faqs-2.faqs-section .accordion-item.acc-last-item { + border-bottom: none; +} + +/*------------------------------------------*/ +/* Question +/*------------------------------------------*/ + +.faqs-section .accordion-thumb { + margin: 0; + padding: 25px 0; + cursor: pointer; + position: relative; +} + +#faqs-2.faqs-section .accordion-thumb { + padding: 25px 0 30px; +} + +.faqs-section .accordion-item .accordion-thumb:after, +.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-family: Flaticon; + font-weight: 300; + content: "\f11a"; + position: absolute; + font-size: 1rem; + top: 22px; + right: 3px; +} + +#faqs-2.faqs-section .accordion-item .accordion-thumb:after, +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-size: 1rem; + top: 26px; + right: 2px; +} + +.faqs-section .accordion-item.is-active .accordion-thumb:after { + content: "\f11b"; +} + +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #e5e5e5; +} + +/*------------------------------------------*/ +/* Answer +/*------------------------------------------*/ + +.accordion-panel { + margin: 0; + padding: 0 0 15px 0; + display: none; +} + +#faqs-2 .accordion-panel { + padding: 45px 0 15px 0; +} + +.accordion-thumb h5, +.accordion-thumb h4 { + line-height: 1; + margin-bottom: 0; +} + +.question h5, +.accordion-panel-item h5 { + margin-bottom: 20px; +} + +.question h5 span, +.accordion-thumb h5 span, +.accordion-panel-item h5 span { + margin-right: 5px; +} + +.question p a, +.accordion-panel p a { + font-weight: 500; + text-decoration: underline; +} + +.question p.color--grey a.color--blue, +.accordion-panel.color--grey a.color--blue { + color: #1680fb!important; +} + +/*------------------------------------------*/ +/* FAQS TABS +/*------------------------------------------*/ + +.faqs-section .tabs-nav { + text-align: center; +} + +.faqs-section .tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +.faqs-section .tab-content { + display: none; +} + +.faqs-section .tab-content.current { + display: inherit; +} + +.faqs-section .tabs-1 li { + display: inline-block; + min-width: 230px; + background-color: transparent; + border: 2px solid #ddd; + cursor: pointer; + padding: 30px 0; + margin: 0 6px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.faqs-section .tabs-1 li span { + color: #c3c4c5; +} + +.faqs-section .tabs-1 li p { + line-height: 1; + font-weight: 400; + margin-top: 15px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TAB LINK CURRENT +/*------------------------------------------*/ + +.faqs-section .tabs-1 li.current, +.faqs-section .tabs-1 li.current:hover { + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); +} + +.faqs-section .tabs-1 li.current p, +.faqs-section .tabs-1 li.current span { + color: #fff; +} + +.faqs-section .tabs--blue .tabs-1 li.current, +.faqs-section .tabs--blue .tabs-1 li.current:hover { + background-color: #1680fb; + border-color: #1680fb!important; +} + +.faqs-section .tabs--purple .tabs-1 li.current, +.faqs-section .tabs--purple .tabs-1 li.current:hover { + background-color: #7b5dd6; + border-color: #7b5dd6!important; +} + +/*------------------------------------------*/ +/* MORE QUESTIONS LINK +/*------------------------------------------*/ + +.more-questions { + text-align: center; +} + +#faqs-2 .more-questions { + margin: 70px auto 0; +} + +.more-questions-txt { + display: inline-block; + padding: 22px 46px; +} + +.more-questions-txt p { + line-height: 1; + margin-bottom: 0; +} + +.more-questions-txt a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 24. NEWSLETTER + =========================================================================== */ + +#newsletter-1 .newsletter-overlay { + padding-top: 60px; + padding-bottom: 60px; +} + +#newsletter-2 .container { + padding-left: 0; + padding-right: 0; +} + +#newsletter-2 .newsletter-overlay { + padding: 60px 50px; +} + +#newsletter-3 { + margin-top: 50px; + margin-bottom: 50px; +} + +#newsletter-4 .newsletter-overlay, +#newsletter-5 .newsletter-overlay { + padding-top: 80px; + padding-bottom: 70px; +} + +/*------------------------------------------*/ +/* NEWSLETTER TYPOGRAPHY +/*------------------------------------------*/ + +.newsletter-txt h2 { + margin-bottom: 35px; +} + +#newsletter-4 .newsletter-txt h2 { + margin-bottom: 40px; +} + +.newsletter-txt h4, +.newsletter-txt h3, +#newsletter-5 .newsletter-txt h2 { + margin-bottom: 0; +} + +.newsletter-txt p.p-sm { + margin-bottom: 0; +} + +#newsletter-4 .newsletter-txt p { + padding: 0 10%; +} + +#newsletter-5 .newsletter-txt p { + margin-top: 20px; + margin-bottom: 0; +} + +.newsletter-txt a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* NEWSLETTER FORM +/*------------------------------------------*/ + +#newsletter-1 .newsletter-form { + padding-left: 15%; + margin-top: 30px; +} + +#newsletter-2 .newsletter-form { + margin-top: 25px; + padding-left: 12%; +} + +#newsletter-4 .newsletter-form { + padding: 0 5%; +} + +#newsletter-5 .newsletter-form { + margin-top: 35px; + padding: 0 10%; +} + +/*------------------------------------------*/ +/* Newsletter Form Input +/*------------------------------------------*/ + +.newsletter-section .form-control { + height: 56px; + background-color: #fff; + border: 1px solid #ccc; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin-right: 12px; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +#newsletter-1.newsletter-section .form-control { + height: 54px; + font-size: 0.975rem; +} + +#newsletter-5.newsletter-section .form-control { + height: 62px; + font-size: 1.0625rem; +} + +.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.newsletter-section .form-control:focus { + background-color: #fff; + outline: 0; + box-shadow: none; + border-color: #1680fb; +} + +.newsletter-section .purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Placeholder +/*------------------------------------------*/ + +.newsletter-section .form-control::-moz-placeholder { color: #aaa; } +.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } +.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.newsletter-section .btn { + display: block; + width: 100%!important; + height: 56px; +} + +#newsletter-1 .btn { + height: 54px; + font-size: 0.925rem; + padding: 0.7rem 1.3rem; +} + +#newsletter-5.newsletter-section .btn { + height: 62px; +} + +/*------------------------------------------*/ +/* Newsletter Form Notification +/*------------------------------------------*/ + +.newsletter-section .form-notification { + color: #3eb1ff; + font-size: 0.9rem; + font-weight: 400; + line-height: 1; + margin-top: 15px; + margin-left: 5px; +} + +.newsletter-section .text-center .form-notification { + margin-left: 0; +} + +.bg--color.newsletter-section .form-notification { + color: #fff; +} + +.newsletter-section .form-notification.valid, +.newsletter-section .form-notification.error { + color: #fc2f4b; +} + +.newsletter-section .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* NEWSLETTER IMAGE +/*------------------------------------------*/ + +#newsletter-3 .newsletter-img { + margin-top: -50px; + margin-bottom: -50px; +} + +#newsletter-3 .col-lg-6 .newsletter-img { + padding-left: 40px; +} + + + +/* ========================================================================== + 25. BLOG + =========================================================================== */ + +/*------------------------------------------*/ +/* BLOG POST TAG +/*------------------------------------------*/ + +.post-tag { + display: block; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.75rem; + font-weight: 600; + letter-spacing: 0; + text-transform: uppercase; + margin-bottom: 20px; +} + +#single-post .post-tag { + font-size: 0.85rem; +} + +/*------------------------------------------*/ +/* BLOG POST META +/*------------------------------------------*/ + +.post-meta-list li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.post-meta-list p { + color: #353f4f; + line-height: 1; + margin-bottom: 0; +} + +.bg--black-400 .post-meta-list p { + color: #f8f9f9; +} + +.meta-list-divider { + position: relative; + top: 0px; + transform: rotate(-90deg); + padding: 0 1px; +} + +/*------------------------------------------*/ +/* BLOG POST TYPOGRAPHY +/*------------------------------------------*/ + +.blog-post-txt h6 { + margin-bottom: 15px; +} + +.blog-post-txt p { + margin-bottom: 0; +} + +.blog-post-txt a { + color: #353f4f; +} + +.blog-post-txt a:hover { + text-decoration: underline; +} + +.bg--black-400 .blog-post-txt a { + color: #f8f9f9; +} + +.bg--black-400 .blog-post-txt a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 26. BLOG LISTING + =========================================================================== */ + +.wide-post { + margin-bottom: 100px; +} + +.wide-post .blog-post-img { + padding-right: 15px; +} + +.wide-post .blog-post-txt { + padding-left: 15px; +} + +.square-post { + margin-top: 60px; + margin-bottom: 40px; +} + +.square-post-wrapper { + overflow: hidden; +} + +.square-post .blog-post-txt { + padding: 0 30px 0 60px; +} + +/*------------------------------------------*/ +/* BLOG POSTS CATEGORY +/*------------------------------------------*/ + +.posts-category { + margin-top: 40px; + margin-bottom: 60px; +} + +.posts-category h4 { + line-height: 1; + margin-bottom: 0; +} + +.posts-category span { + position: relative; + top: 1px; +} + + + + +/* ========================================================================== + 27. SINGLE BLOG POST + =========================================================================== */ + +/*------------------------------------------*/ +/* Single Post Title +/*------------------------------------------*/ + +.single-post-title h3, +.single-post-title h2 { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* Single Post Text +/*------------------------------------------*/ + +.single-post-txt h5, +.single-post-txt h4 { + margin-top: 30px; + margin-bottom: 30px; +} + +.single-post-txt h5 span { + display: block; +} + +/*------------------------------------------*/ +/* Single Post Code +/*------------------------------------------*/ + +.txt-code { + background-color: #f8f9fa; + padding: 20px 18px; + margin: 30px 0; +} + +.txt-code p { + color: #383a42; + font-size: 1rem; + line-height: 1.75; + margin-bottom: 0; +} + +.single-post-txt p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-code span.code-property, +.txt-code p code.code-language-js { + color: #151515; +} + +.txt-code span.code-variable, +.txt-code span.code-attribute { + color: #986801; +} + +.txt-code span.code-string { + color: #50a14f; +} + +/*------------------------------------------*/ +/* Single Post Blockquote +/*------------------------------------------*/ + +.single-post-txt figure { + margin-bottom: 40px; +} + +.single-post-txt .blockquote p { + font-size: 1.5rem; + line-height: 1.45; + margin-bottom: 40px; +} + +.single-post-txt .blockquote-footer { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* Single Post Image +/*------------------------------------------*/ + +.post-inner-img { + text-align: center; + margin-top: 50px; + margin-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE LINKS +/*------------------------------------------*/ + +.post-share-list { + margin-top: 50px; + padding-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE ICONS +/*-----------------------------------------*/ + +.share-social-icons { + display: inline-block; + padding-left: 0; +} + +.share-social-icons li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; +} + +.share-social-icons a.share-ico span { + opacity: .75; + margin-right: 25px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.share-social-icons a.share-ico:hover span { + opacity: 1; +} + +/*------------------------------------------*/ +/* POST AUTHOR +/*------------------------------------------*/ + +.post-author { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.post-author-avatar { + position: relative; + text-align: center; + margin-right: 35px; +} + +.post-author-avatar img { + width: 100px; + height: 100px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.post-author-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.post-author-txt h5 { + margin-bottom: 20px; +} + +.post-author-txt p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Follow Button +/*------------------------------------------*/ + +.author-follow-btn { + display: inline-block; + position: absolute; + padding: 6px 15px; + line-height: 1; + top: 80px; + right: 10px; + border: 2px solid #ddd; +} + +.author-follow-btn a { + color: #666; + font-size: 0.935rem; + font-weight: 400; +} + +/*------------------------------------------*/ +/* POST COMMENTS +/*------------------------------------------*/ + +.post-comments { + padding-top: 100px; +} + +.post-comments hr { + margin-top: 24px; + margin-bottom: 40px; +} + +.post-comments h5 { + margin-bottom: 60px; +} + +.post-comments img { + width: 68px; + height: 68px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.comment-body { + margin-left: 25px; +} + +.comment-meta { + margin-bottom: 10px; +} + +.comment-meta h6 { + line-height: 1; + margin-bottom: 0; +} + +.comment-date { + font-size: 16px; + font-weight: 400; + margin-bottom: 5px; +} + +/*------------------------------------------*/ +/* Comment Reply +/*------------------------------------------*/ + +.btn-reply { + margin-left: 3px; +} + +.btn-reply a { + font-size: 17px; + font-weight: 400; +} + +.btn-reply span { + position: relative; + top: 3px; + margin-right: 4px; + left: 3px; +} + +.btn-reply.ico-20 [class*="flaticon-"]:before, +.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; } + +.btn-reply a:hover { + color: #222; +} + +/*------------------------------------------*/ +/* SINGLE POST COMMENT FORM +/*------------------------------------------*/ + +.post-comments #leave-comment h5 { + padding-bottom: 0; + margin-top: 80px; + margin-bottom: 10px; + border: none; +} + +.comment-form { + position: relative; + margin-top: 60px; +} + +.comment-form p { + position: relative; + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 15px; + padding-left: 8px; + display: block; +} + +.comment-form p span { + position: relative; + color: #ff3366; + top: -3px; +} + +.comment-form .form-control { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #353f4f; + font-size: 1rem; + line-height: 1; + font-weight: 400; + padding: 0 20px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.comment-form textarea { min-height: 220px; } +.comment-form textarea.form-control { + padding: 25px 20px; +} + +/*------------------------------------------*/ +/* Comment Form Input Focus +/*------------------------------------------*/ + +.comment-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Comment Form Button +/*------------------------------------------*/ + +.comment-form .btn { + margin-top: 15px; +} + +.comment-form .btn:focus { + outline: 0px none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +.comment-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +.comment-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.comment-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 28. CONTACTS + =========================================================================== */ + +#contacts-1 .contact-form p { + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 10px; + padding-left: 8px; +} + +#contacts-1 .contact-form .col-md-12 span { + display: block; + font-size: 0.95rem; + line-height: 1; + font-weight: 300; + margin-bottom: 20px; + padding-left: 8px; +} + +#contacts-1 .contact-form .contact-form-notice p { + font-size: 0.835rem; + font-weight: 300; + line-height: 1.5555; + padding-left: 0; + margin-top: 40px; +} + +.contact-form-notice p a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* CONTACT FORM INPUT +/*------------------------------------------*/ + +.contact-form .form-control, +.contact-form .form-select { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #3a4a56; + font-size: 1rem; + font-weight: 400; + padding: 0 15px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.bg--snow .contact-form .form-control, +.bg--snow .contact-form .form-select { + background-color: #fff; + border: 1px solid #ccc; +} + +.contact-form .form-select { + display: inline-block; + width: 100%; + color: #998da0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Contact Form Textarea +/*------------------------------------------*/ + +.contact-form textarea { min-height: 220px; } +.contact-form textarea.form-control { + padding: 20px 15px; +} + +/*------------------------------------------*/ +/* Contact Form Placeholder +/*------------------------------------------*/ + +.contact-form .form-control::-moz-placeholder { color: #999; } +.contact-form .form-control:-ms-input-placeholder { color: #999; } +.contact-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Contact Form Input Focus +/*------------------------------------------*/ + +.contact-form .form-control:focus, +.contact-form .form-select:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Contact Form Message +/*------------------------------------------*/ + +.contact-form-msg { + width: 100%!important; + display: block; + margin-top: 20px; + padding-left: 0; +} + +.contact-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.contact-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 29. FOOTER + =========================================================================== */ + +.footer { + padding-bottom: 50px; +} + +.footer-info, +.footer-links { + margin-bottom: 40px; +} + +#footer-10 .footer-info { + margin-bottom: 40px; + padding-bottom: 55px; + border-bottom: 1px solid #dbdddf; +} + +#footer-10 .footer-links { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* FOOTER LOGO +/*------------------------------------------*/ + +img.footer-logo, +img.footer-logo-dark { + width: auto; + max-width: inherit; + max-height: 40px; +} + +#footer-10 img.footer-logo { + max-height: 46px; +} + +#footer-1 .footer-logo, +#footer-5 .footer-logo, +#footer-6 .footer-logo, +#footer-7 .footer-logo { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* FOOTER TYPOGRAPHY +/*------------------------------------------*/ + +.footer h6 { + line-height: 1; + margin-bottom: 25px; +} + +#footer-9.footer h6 { + line-height: 1.5; +} + +.bg--black.footer h6 { + color: #fff; +} + +/*------------------------------------------*/ +/* FOOTER INFO +/*------------------------------------------*/ + +.footer-info-copyright p { + margin-bottom: 0; +} + +.footer-info-copyright p span { + position: relative; + top: 2px; + padding: 0 2px; +} + +.footer-info-copyright.ico-15 [class*="flaticon-"]:before, +.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } + +/*------------------------------------------*/ +/* FOOTER MAIL LINK +/*------------------------------------------*/ + +.footer .footer-mail-link { + margin-left: 3px; + margin-bottom: 0; +} + +#footer-1 .footer-info .footer-mail-link { + margin-top: 10px; +} + +#footer-2 .footer-links .footer-mail-link, +#footer-3 .footer-links .footer-mail-link { + margin-left: 0; + margin-bottom: 20px; +} + +.footer-mail-link a { + font-weight: 400; +} + +.footer-mail-link span { + position: relative; + top: 4px; + right: 3px; +} + +.footer-mail-link.ico-20 [class*="flaticon-"]:before, +.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } + +.bg--black.footer .footer-mail-link a { + color: #a0a7b1; +} + +.bg--black.footer .footer-mail-link a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER LINKS +/*------------------------------------------*/ + +#footer-2 .footer-links { + padding-left: 10%; +} + +.foo-links li { + width: auto!important; + display: block!important; + vertical-align: top; + clear: none !important; + margin: 0; + padding: 0; +} + +.foo-links.ico-10 li span { + position: relative; + top: 1.5px; + right: 3px; +} + +#footer-8 .foo-links li { + display: inline-block!important; + padding-left: 20px; +} + +#footer-8 .foo-links li.first-li { + padding-left: 0; +} + +#footer-10 .foo-links li { + display: inline-block!important; + padding: 0 10px; +} + +.footer .foo-links li p { + font-weight: 400; + margin-bottom: 10px; +} + +.footer .foo-links li:last-child p { + margin-bottom: 0; +} + +.foo-links li a span.ext-link { + display: inline-block; + position: relative; + left: 3px; + top: 1.5px; + transform: rotate(-60deg); +} + +.foo-links.ico-15 [class*="flaticon-"]:before, +.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.bg--black.footer .foo-links li p a { + color: #a0a7b1; +} + +.bg--black.footer .foo-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER SOCIAL +/*------------------------------------------*/ + +.footer-socials { + margin: 0; + display: inline-block; +} + +.footer-socials li { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.footer-socials a { + display: block; + margin-right: 15px; +} + +.footer-socials.ico-20 a, +.footer-socials.ico-25 a { + margin-right: 16px; +} + +.footer-socials.ico-25 [class*="flaticon-"]:before, +.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; } + +.bg--black.footer .footer-socials li a { + color: #a0a7b1; +} + +.bg--black.footer .footer-socials li a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER STORE BAGES +/*------------------------------------------*/ + +.footer .store { + float: none; + margin-right: 0; + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FOOTER NEWSLETTER FORM +/*------------------------------------------*/ + +.footer-form { + margin-bottom: 20px; +} + +#footer-7 .footer-form { + padding-left: 8%; +} + +.footer-form .newsletter-form .input-group { + background-color: #f4f4f4; + border: 1px solid transparent; + padding: 9px 2px; +} + +.footer-form .form-control { + height: 32px; + background-color: transparent; + border: none; + color: #666; + font-size: 1rem; + font-weight: 400; + padding: 0 10px; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.footer-form .form-control:focus { + border: none; + border-right: none; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Footer Form Placeholder +/*------------------------------------------*/ + +.footer-form .form-control::-moz-placeholder { color: #6c757d; } +.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } +.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.footer-form .btn { + height: 32px; + padding: 0 10px; +} + +.footer-form .ico-15 [class*="flaticon-"]:before, +.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; } + +/*------------------------------------------*/ +/* Footer Form Notification +/*------------------------------------------*/ + +.footer-form .form-notification { + color: #1680fb; + font-size: 0.85rem; + line-height: 1.25; + font-weight: 400; + margin-top: 12px; + margin-left: 5px; +} + +.footer-form .form-notification.valid, +.footer-form .form-notification.error { + color: #fc2f4b; +} + +.footer-form .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER +/*------------------------------------------*/ + +.footer hr { + margin-top: 30px; + margin-bottom: 50px; +} + +#footer-8 .bottom-footer, +#footer-9 .bottom-footer { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER COPYRIGHT +/*------------------------------------------*/ + +.footer-copyright p { + margin-bottom: 0; +} + +.bg--black.footer .footer-copyright p { + color: #a0a7b1; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER SECONDARY LINK +/*------------------------------------------*/ + +.bottom-secondary-link p { + margin-bottom: 0; +} + +.bottom-secondary-link p span { + position: relative; + top: 1px; + padding: 0 2px; +} + +.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, +.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +/*------------------------------------------*/ +/* BOTTOM FOOTER LINKS +/*------------------------------------------*/ + +.bottom-footer-list li, +.bottom-footer-socials li, +.bottom-footer-payment li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.bottom-footer-socials li { + padding-left: 14px; +} + +#footer-4 .bottom-footer-list li, +#footer-9 .bottom-footer-list li { + padding-left: 15px; +} + +#footer-4 .bottom-footer-list li.first-li, +#footer-9 .bottom-footer-list li.first-li { + padding-left: 0; +} + +#footer-10 .bottom-footer-socials li { + padding: 0 15px; +} + +.footer-list-divider { + position: relative; + top: -0.5px; + transform: rotate(-90deg); + margin-left: 4px; +} + +.bottom-footer-list.ico-15 [class*="flaticon-"]:before, +.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; } + +.bottom-footer-list li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.bottom-footer-socials li span { + position: relative; + top: 4px; + opacity: .8; +} + +.bottom-footer-payment li span { + line-height: 1!important; + position: relative; + top: 4px; + opacity: .8; +} + +#footer-4 .bottom-footer-list li span, +#footer-9 .bottom-footer-list li span { + margin-top: 1px; + margin-right: 2px; +} + +.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; } + +.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } + +.bg--black.footer .bottom-footer-list li p a { + color: #a0a7b1; +} + +.bg--black.footer .bottom-footer-list li p a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 30. INNER PAGE WRAPPER + =========================================================================== */ + +.inner-page-hero { + padding-top: 180px; +} + +.page-hero-section-overlay { + position: relative; + width: 100%; + padding-top: 150px; +} + +.page-hero-section-overlay .txt-block { + margin-top: -40px; +} + +.page-hero-section .wave-shape-bottom path { + fill: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE TITLE +/*------------------------------------------*/ + +.inner-page-title { + text-align: center; + margin-bottom: 80px; +} + +.inner-page-title h2 { + margin-bottom: 0; +} + +.inner-page-title p { + font-size: 1.1875rem; + line-height: 1; + margin-top: 20px; + margin-bottom: 0; +} + +.page-hero-section h2 { + line-height: 1.15; + margin-bottom: 30px; +} + + + + +/* ========================================================================== + 31. PAGE PAGINATION + =========================================================================== */ + +.page-link { + color: #6c757d; + font-size: 1.1rem; + font-weight: 500; + padding: 2px 14px; + margin: 0 8px; + background-color: transparent; + border: 2px solid transparent; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.pagination.ico-20 [class*="flaticon-"]:before, +.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } + +.page-item:first-child .page-link { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.page-item:last-child .page-link { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.blue-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #1680fb; + border: 2px solid #1680fb; +} + +.green-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #0fbc49; + border: 2px solid #0fbc49; +} + +.pink-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #f74780; + border: 2px solid #f74780; +} + +.purple-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #7b5dd6; + border: 2px solid #7b5dd6; +} + +.red-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #ff1e1a; + border: 2px solid #ff1e1a; +} + +.violet-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #be6cbe; + border: 2px solid #be6cbe; +} + +.yellow-pagination .page-item.active .page-link { + color: #353f4f!important; + background-color: #ffba01; + border: 2px solid #ffba01; +} + +.page-item.disabled .page-link { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; +} + +.page-link:hover { + color: #6c757d; + background-color: transparent; + border: 2px solid #ccc; +} + +.page-link:focus { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; + box-shadow: 0 0; +} + + + + +/* ========================================================================== + 32. TERMS, PRIVACY, COOKIES PAGES + =========================================================================== */ + +/*------------------------------------------*/ +/* TERMS PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.txt-block.legal-info h5 { + margin-top: 30px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 { + margin-top: 80px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 span, +.txt-block.legal-info h5 span { + margin-right: 4px; +} + +.legal-info p span { + color: #353f4f; + font-weight: 500; +} + +.legal-info a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 33. SIGN-IN / SIGN-UP PAGE + =========================================================================== */ + +#login, +#signup { + background: url(../images/login.jpg); + background-position: bottom left; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 80px; +} + +#reset-password { + background: url(../images/reset-password.jpg); + background-position: center center; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 100px; +} + +.register-page-wrapper { + overflow: hidden; + position: relative; + z-index: 1; + -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); +} + +#login .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: left top; +} + +#signup .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: right center; +} + +#login .register-page-wrapper:after, +#signup .register-page-wrapper:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + background-color: #fff; +} + +#login .register-page-wrapper:after { + left: 50%; +} + +#signup .register-page-wrapper:after { + left: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE LOGO +/*------------------------------------------*/ + +.register-page-txt img { + width: auto; + max-width: inherit; + max-height: 32px; + margin-bottom: 55px; +} + +.login-page-logo { + text-align: center; + margin-bottom: 45px; +} + +.login-page-logo img { + width: auto; + max-width: inherit; + max-height: 45px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TITLE +/*------------------------------------------*/ + +.register-form-title { + text-align: center; + margin-bottom: 40px; +} + +.register-form-title h3 { + line-height: 1; + margin-bottom: 10px; +} + +.register-form-title p { + margin-bottom: 0; +} + +.register-form-title a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TEXT +/*------------------------------------------*/ + +#login .register-page-txt, +#signup .register-page-txt { + padding: 70px 60px; +} + +.register-page-txt h2 { + line-height: 1.15; + font-weight: 700; + margin-bottom: 6px; +} + +#login .register-page-copyright { + position: absolute; + left: 60px; + bottom: 45px; +} + +#signup .register-page-copyright { + position: absolute; + right: 60px; + bottom: 45px; +} + +.register-page-copyright p { + font-size: 0.85rem; + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title { + margin-bottom: 30px; +} + +.reset-form-title h5 { + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title p.p-sm { + font-size: 0.9rem; + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM +/*------------------------------------------*/ + +.register-page-form { + padding: 60px; +} + +.login-1 .register-page-form, +.signup-1 .register-page-form { + padding: 20px 30px; +} + +.reset-page-wrapper { + margin: 0 10px; +} + +.reset-page-wrapper form { + background: #fff; + border: 1px solid #fafafa; + padding: 50px 30px 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +/*------------------------------------------*/ +/* REGISTER PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.register-page-form p.input-header { + position: relative; + color: #353f4f; + font-size: 0.85rem; + line-height: 1; + font-weight: 500; + margin-bottom: 12px; + padding-left: 5px; +} + +.reset-password-link p { + position: relative; + font-size: 0.9rem; + line-height: 1; + margin-top: -8px; + margin-bottom: 10px; +} + +.form-data span { + display: block; + font-size: 0.85rem; + margin-bottom: 0; +} + +.form-data span a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +.register-page-form p.create-account { + font-size: 0.925rem; + line-height: 1; + margin-top: 30px; + margin-bottom: 0; +} + +.register-page-form p.create-account a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE SEPARATOR LINE +/*------------------------------------------*/ + +.separator-line { + display: flex; + width: 100%; + -webkit-box-pack: center; + justify-content: center; + -webkit-box-align: center; + align-items: center; + text-align: center; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.9rem; + font-weight: 500; + margin: 25px 0px 30px; +} + +.separator-line::before, +.separator-line::after { + content: ""; + border-top: 2px solid rgba(0, 0, 0, .1); + margin: 0 15px 0 0; + flex: 1 0 20px; +} + +.separator-line::after { + margin: 0 0 0 15px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM INPUT +/*------------------------------------------*/ + +.reset-page-wrapper .form-control, +.register-page-form .form-control { + height: 60px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #353f4f; + font-size: 0.95rem; + line-height: 1; + font-weight: 400; + margin-bottom: 25px; + padding: 5px 20px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.login-1 .form-control, +.signup-1 .form-control { + background-color: #fff; + border: 1px solid #ccc; +} + +.reset-page-wrapper .form-control { + text-align: center; +} + +.register-page-form .form-control::-moz-placeholder { color: #999; } +.register-page-form .form-control:-ms-input-placeholder { color: #999; } +.register-page-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* REGISTER PAGE FORM FOCUS +/*------------------------------------------*/ + +.reset-page-wrapper .form-control:focus, +.register-page-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM BUTTON +/*------------------------------------------*/ + +#signup .register-page-form .btn.submit, +#login .register-page-form .btn.submit { + width: 100%; + height: 60px; + margin-top: 20px; +} + +.reset-page-wrapper .btn.submit { + width: 100%; + margin-bottom: 20px; +} + +.register-page-form .btn-google { + width: 100%; + color: #333; + font-size: 0.95rem; + background-color: #fff; + border: 1px solid #ccc; +} + +.btn-google img { + position: relative; + width: 22px; + height: 22px; + top: -2px; + right: 5px; +} + +.register-page-form .btn-google:hover { + border: 1px solid #333; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM MESSAGE +/*------------------------------------------*/ + +.reset-form-msg { + text-align: center; + width: 100%!important; + display: block; +} + +.reset-password-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.reset-password-form .error { + position: relative; + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + top: -10px; + margin-bottom: 12px; + padding-left: 10px; +} + +/*------------------------------------------*/ +/* FORM HIDE PASSWORD +/*------------------------------------------*/ + +.wrap-input { + position: relative; +} + +.btn-show-pass { + color: #999999; + align-items: center; + position: absolute; + height: 100%; + top: 20px; + right: 20px; + cursor: pointer; + -webkit-transition: all 0.4s; + -o-transition: all 0.4s; + -moz-transition: all 0.4s; + transition: all 0.4s; +} + +.btn-show-pass.ico-20 [class^="flaticon-"]:before, +.btn-show-pass.ico-20 [class^="flaticon-"]:after { + font-size: 1.125rem; +} + +.btn-show-pass:hover { + color: #0195ff; +} + +.btn-show-pass.active { + color: #6a7dfe; +} + + + + +/* ========================================================================== + 34. PAGE 404 + =========================================================================== */ + +.page-404-txt { + padding-top: 180px; + padding-bottom: 100px; +} + +.page-404-txt h2 { + margin-bottom: 20px; +} + +.page-404-txt h6 { + line-height: 1.6; + font-weight: 400; + padding: 0 5%; + margin-bottom: 30px; +} + +.page-404-img { + padding: 0 5%; + margin-bottom: 60px; +} + + + + +/* ========================================================================== + 35. MODAL + ========================================================================== */ + +.modal-body { + padding: 0!important; +} + +#modal-1 .modal-dialog { + max-width: 700px; +} + +#modal-2 .modal-dialog { + width: 440px; +} + +#modal-3 .modal-dialog.modal-xl { + width: 750px; +} + +#modal-2.modal .modal-content, +#modal-3.modal .modal-content { + overflow: hidden; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; +} + +#modal-3.modal .bg-img { + background: url(../images/modal-request.jpg); + background-position: left center; +} + +#modal-2 .modal-body-content { + padding: 35px 40px 15px; +} + +#modal-3 .modal-body-content { + padding: 60px 35px 50px; +} + +/*------------------------------------------*/ +/* MODAL WINDOW CLOSE BUTTON +/*------------------------------------------*/ + +.modal .btn-close { + position: absolute; + z-index: 1; + right: 15px!important; + top: 15px!important; + height: 1.5rem; + width: 1.5rem; + background: rgba(255, 255, 255, 1)!important; + border-radius: 50%; + padding: 0; + opacity: .9; + z-index: 9999; +} + +#modal-3.modal .btn-close { + background: rgba(14, 14, 14, .3)!important; +} + +.btn-close span { + position: relative; + line-height: 24px!important; + top: -2px; +} + +.modal .btn-close.ico-10 [class^="flaticon-"]:before, +.modal .btn-close.ico-10 [class^="flaticon-"]:after { + font-size: 0.6rem; +} + +button.btn-close:focus { + outline: none!important; + text-decoration: none!important; +} + +/*------------------------------------------*/ +/* MODAL WINDOW NEWSLETTER FORM +/*------------------------------------------*/ + +.modal-body .newsletter-form { + margin-top: 25px; +} + +.modal .newsletter-form .form-control { + text-align: center; + height: 56px; + background-color: #f5f6f8; + border: 1px solid transparent; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin: 0 0 15px 0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Form Input Focus +/*------------------------------------------*/ + +.modal .newsletter-form .form-control:focus { + outline: 0; + box-shadow: none; + border-color: #1e90ff; +} + +.modal .newsletter-form.purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Form Input Placeholder +/*------------------------------------------*/ + +.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } +.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } +.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Form Button +/*------------------------------------------*/ + +.modal .input-group-btn { + display: block; + width: 100%!important; +} + +.modal .newsletter-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Form Notification +/*------------------------------------------*/ + +.modal .form-notification { + text-align: center; + color: #1680fb; + font-size: 0.85rem; + font-weight: 400; + line-height: 1; + margin-top: 12px; +} + +.modal .form-notification.valid, +.modal .form-notification.error { + color: #fc2f4b; +} + +.modal .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* MODAL WINDOW REQUEST FORM +/*------------------------------------------*/ + +#modal-3 .request-form { + margin: 0; +} + +#modal-3 .request-form .col-md-12 { + padding: 0; +} + +#modal-3 .request-form-title p { + margin-top: 18px; + margin-bottom: 25px; +} + +#modal-3 .request-form .form-control { + text-align: left; + margin: 0 0 25px 0; +} + +#modal-3 .request-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +#modal-3 .request-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +#modal-3 .request-form .loading { + color: #1680fb; + font-size: 1.0625rem; + line-height: 1; + font-weight: 400; +} + +#modal-3 .request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 36. DARK MODE + ========================================================================== */ + +body.theme--dark, +.theme--dark .bg--white-100 { + background-color: #232734!important; +} + +body.theme--dark { + color: #b1b7cd; +} + +.theme--dark .block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +.theme--dark .block-border { + border: 1px solid #e7e7e7; +} + +.theme--dark .block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; } +.theme--dark .top-border { border-top: 1px solid #1d212c; } +.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; } + +.theme--dark .bg--white-300, +.theme--dark .bg--white-400, +.theme--dark .bg--purple-100, +.theme--dark .shape--purple-100:after, +.theme--dark .shape--white-500:after, +.theme--dark .shape--white-400:after, +.theme--dark .shape--white-300:after, +.theme--dark .shape--white-200:after { + background-color: #1d212c; +} + +.theme--dark .bg--02, +.theme--dark .bg--04, +.theme--dark .gr--smoke, +.theme--dark .gr--ghost, +.theme--dark .shape--whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%); +} + +.theme--dark .gr--whitesmoke, +.theme--dark .shape--gr-whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%); +} +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +.theme--dark hr.divider, +.theme--dark .footer hr { + background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); +} + +.theme--dark hr.divider.divider-light { + background-color: #fff; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%); + opacity: 1; +} + +/*------------------------------------------*/ +/* TYPOGRAPHY +/*------------------------------------------*/ + +.theme--dark h1, +.theme--dark h2, +.theme--dark h3, +.theme--dark h4, +.theme--dark h5, +.theme--dark h6 { + color: #fff; +} + +.theme--dark a { color: #b1b7cd; } +.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; } + +/*------------------------------------------*/ +/* BUTTONS +/*------------------------------------------*/ + +.theme--dark .btn--tra-black, +.theme--dark .hover--tra-black:hover { + color: #b1b7cd!important; + background-color:transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .navbar-dark .hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark .white-scroll .hover--tra-black:hover { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +.theme--dark .navbar-dark .scroll .hover--tra-black:hover { + color: #fff!important; + background-color:transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--white, +.theme--dark .hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-white, +.theme--dark .hover--tra-white:hover { + color: #f1f1f1!important; + background-color: transparent!important; + border-color: #f1f1f1!important; +} + +.theme--dark .white-scroll .scroll .hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-grey, +.theme--dark .hover--tra-grey:hover, +.theme--dark .white-scroll .scroll .hover--tra-grey:hover, +.theme--dark .black-scroll .scroll .hover--tra-grey:hover { + color: #b1b7cd!important; + background-color: transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .btn--blue-500, +.theme--dark .hover--blue-500:hover, +.theme--dark .white-scroll .scroll .hover--blue-500:hover, +.theme--dark .black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.theme--dark .btn--blue-400, +.theme--dark .hover--blue-400:hover, +.theme--dark .white-scroll .scroll .hover--blue-400:hover, +.theme--dark .black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.theme--dark .btn--blue-300, +.theme--dark .hover--blue-300:hover, +.theme--dark .white-scroll .scroll .hover--blue-300:hover, +.theme--dark .black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.theme--dark .btn--pink-500, +.theme--dark .hover--pink-500:hover, +.theme--dark .white-scroll .scroll .hover--pink-500:hover, +.theme--dark .black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.theme--dark .btn--pink-400, +.theme--dark .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.theme--dark .btn--pink-300, +.theme--dark .hover--pink-300:hover, +.theme--dark .white-scroll .scroll .hover--pink-300:hover, +.theme--dark .black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.theme--dark .btn--purple-500, +.theme--dark .hover--purple-500:hover, +.theme--dark .white-scroll .scroll .hover--purple-500:hover, +.theme--dark .black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.theme--dark .btn--purple-400, +.theme--dark .hover--purple-400:hover, +.theme--dark .white-scroll .scroll .hover--purple-400:hover, +.theme--dark .black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.theme--dark .btn--purple-300, +.theme--dark .hover--purple-300:hover, +.theme--dark .white-scroll .scroll .hover--purple-300:hover, +.theme--dark .black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.theme--dark .btn--violet-500, +.theme--dark .hover--violet-500:hover, +.theme--dark .white-scroll .scroll .hover--violet-500:hover, +.theme--dark .black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.theme--dark .btn--violet-400, +.theme--dark .hover--violet-400:hover, +.theme--dark .white-scroll .scroll .hover--violet-400:hover, +.theme--dark .black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.theme--dark .btn--violet-300, +.theme--dark .hover--violet-300:hover, +.theme--dark .white-scroll .scroll .hover--violet-300:hover, +.theme--dark .black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.theme--dark .section-id { + color: #eee; +} + +.theme--dark .color--black, +.theme--dark .color--black h2, +.theme--dark .color--black h3, +.theme--dark .color--black h4, +.theme--dark .color--black h5, +.theme--dark .color--black h6, +.theme--dark .color--black p, +.theme--dark .color--black a, +.theme--dark .color--black li, +.theme--dark .color--black i, +.theme--dark .color--black span, +.theme--dar .color--white .color--black { color: #fff; } + +.theme--dark .color--grey, +.theme--dark .color--grey h2, +.theme--dark .color--grey h3, +.theme--dark .color--grey h4, +.theme--dark .color--grey h5, +.theme--dark .color--grey h6, +.theme--dark .color--grey p, +.theme--dark .color--grey a, +.theme--dark .color--grey li, +.theme--dark .color--grey i, +.theme--dark .color--grey span, +.theme--dark .color--white .color--grey { color: #b1b7cd; } + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.theme--dark .dark-menu .wsmainfull, +.theme--dark .white-menu .wsmainfull { + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a { + color: #fff; +} + +.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover, +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover { + color: #eee!important; +} + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before, +.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before { + background-color: #2c3142; + border-left: solid 1px #2c3142; + border-top: solid 1px #2c3142; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; + background-color: transparent!important; +} + +.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NAVBAR SCROLL +/*------------------------------------------*/ + +.theme--dark .tra-menu .wsmainfull.scroll, +.theme--dark .white-menu .wsmainfull.scroll, +.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll { + background-color: #1d222f!important; + padding: 0; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #b1b7cd; +} + +.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #fff!important; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(0, 0, 0, .12)!important; +} + +.theme--dark .navbar-light .scroll .btn.btn--tra-white { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* Logo Image +/*------------------------------------------*/ + +.theme--dark .navbar-light .scroll .logo-black, +.theme--dark .navbar-dark.light-hero-header .logo-black, +.theme--dark .navbar-dark.inner-page-header .logo-black { + display: none; +} + +.theme--dark .navbar-light .scroll .logo-white, +.theme--dark .navbar-dark.light-hero-header .logo-white, +.theme--dark .navbar-dark.inner-page-header .logo-white { + display: block; +} + +.theme--dark .navbar-dark .scroll .logo-black { + display: none; +} + +.theme--dark .navbar-dark .scroll .logo-white { + display: block; +} + +/*------------------------------------------*/ +/* HERO SECTION +/*------------------------------------------*/ + +.theme--dark .hero-section .color--black, +.theme--dark .hero-section .color--black h2, +.theme--dark .hero-section .color--black h3, +.theme--dark .hero-section .color--black h4, +.theme--dark .hero-section .color--black h5, +.theme--dark .hero-section .color--black h6, +.theme--dark .hero-section .color--black p, +.theme--dark .hero-section .color--black a, +.theme--dark .hero-section .color--black li, +.theme--dark .hero-section .color--black i, +.theme--dark .hero-section .color--black span, +.theme--dark .hero-section .color--white .color--black { color: #353f4f; } + +.theme--dark .hero-section p { color: #6c757d; } +.theme--dark .hero-section .color--white p { color: #fff; } +.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; } +.theme--dark .hero-section .section-id.color--grey { color: #6c757d; } + +.theme--dark .hero-5-txt p, +.theme--dark .hero-6-txt p, +.theme--dark .hero-10-txt p, +.theme--dark .hero-15-txt p, +.theme--dark .hero-16-txt p, +.theme--dark .hero-17-txt p, +.theme--dark .hero-18-txt p, +.theme--dark .hero-19-txt p, +.theme--dark .hero-20-txt p, +.theme--dark .hero-21-txt p, +.theme--dark .hero-23-txt p, +.theme--dark .hero-25-txt p { color: #b1b7cd; } + +.theme--dark .hero-section .quick-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control, +.theme--dark #hero-24.hero-section .quick-form .form-control, +.theme--dark #hero-26.hero-section .quick-form .form-control { + color: #666; + background-color: #fff; +} + +.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark .hero-section .quick-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control:focus, +.theme--dark #hero-24.hero-section .quick-form .form-control:focus, +.theme--dark #hero-26.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: transparent; +} + +.theme--dark .hero-section .request-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .hero-section .request-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-3:after, +.theme--dark #hero-4:after { + background-color: #232734; +} + +.theme--dark .hero-4-txt h2 { + color: #353f4f; +} + +.theme--dark .hero-4-txt .btn.btn--tra-black { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark #hero-5 { + background-image: url(../images/hero-5-dark.jpg); +} + +.theme--dark .hero-6-wrapper { + background-image: linear-gradient(90deg, #1d212c, #1d212c); +} + +.theme--dark #hero-8-form { + background-color: #1d222f; + border: 1px solid #1d222f; +} + +.theme--dark #hero-8-form p { + color: #b1b7cd; +} + +.theme--dark #hero-5 .wave-shape-bottom svg path, +.theme--dark #hero-8 .wave-shape-bottom svg path, +.theme--dark #hero-14 .wave-shape-bottom svg path, +.theme--dark #hero-16 .wave-shape-bottom svg path, +.theme--dark #hero-22 .wave-shape-bottom svg path, +.theme--dark #hero-23 .wave-shape-bottom svg path, +.theme--dark #hero-26 .wave-shape-bottom svg path { + fill: #232734; +} + +.theme--dark #hero-10 { + background-image: url(../images/hero-10-dark.jpg); +} + +.theme--dark #hero-15 { + background-image: url(../images/hero-15-dark.jpg); +} + +.theme--dark #hero-16 { + background-image: url(../images/hero-16-dark.jpg); +} + +.theme--dark #hero-17 { + background-image: url(../images/hero-17-dark.jpg); +} + +.theme--dark #hero-18:after { + background-image: url(../images/hero-18-dark.jpg); +} + +.theme--dark #hero-20:after { + background-image: linear-gradient(180deg, #1d212c, #232734); +} + +.theme--dark #hero-21 .hero-overlay { + background-image: url(../images/hero-21-dark.jpg); +} + +.theme--dark #hero-23 { + background-image: url(../images/hero-23-dark.jpg); +} + +.theme--dark .hero-23-txt p span.color--black { color: #fff; } + +.theme--dark #hero-25 { + background-image: url(../images/hero-25-dark.jpg); +} + +.theme--dark #hero-27 .hero-overlay { + background-image: url(../images/hero-27-dark.png); +} + +/*------------------------------------------*/ +/* FEATURES +/*------------------------------------------*/ + +.theme--dark .features-section path { + opacity: .05; +} + +.theme--dark .fbox-7 { + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* CONTENT +/*------------------------------------------*/ + +.theme--dark .cbox-2-line { + background-color: #363f54; +} + +/*------------------------------------------*/ +/* STATISTIC +/*------------------------------------------*/ + +.theme--dark #statistic-5 .statistic-digit { + border-bottom: 1px solid #505c77; +} + +/*------------------------------------------*/ +/* REVIEWS +/*------------------------------------------*/ + +.theme--dark #reviews-2 .review-2.bg--white-100 { + background-color: #1d212c!important; +} + +.theme--dark .owl-theme .owl-dots .owl-dot span { + background: #1d212c; +} + +.theme--dark .owl-theme .owl-dots .owl-dot.active span { + background: #b1b7cd; +} + +.theme--dark .review-3.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +.theme--dark .project-title h2 { + border-bottom: 1px solid #363f54; +} + +.theme--dark .project-data p span { color: #fff; } + +.theme--dark .project-description .more-projects span { + color: #fff; +} + +/*------------------------------------------*/ +/* RATING +/*------------------------------------------*/ + +.theme--dark .rbox-1 .star-rating { + background-color: #1d212c!important; + border: 1px solid #1d212c; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .pricing-discount h6 { + color: #353f4f; +} + +.theme--dark .table>:not(caption)>*>* { + color: #b1b7cd; + background-color: #232734; +} + +.theme--dark .comp-table .table thead th { + color: #fff; + border-color: #363f54; +} + +.theme--dark .comp-table tbody th { + border-bottom: 1px solid #363f54!important; +} + +.theme--dark .comp-table .table tr td { + border-bottom: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* INTEGRATIONS +/*------------------------------------------*/ + +.theme--dark .integrations-1-wrapper .in_tool { + background-color: #1d212c; + border: 1px solid #1d212c; +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .switcher.bg--grey { + background-color: #363f54; + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* BANNER +/*------------------------------------------*/ + +.theme--dark .banner-16-wrapper.bg--white-100.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* DOWNLOAD +/*------------------------------------------*/ + +.theme--dark .release-data { + border-bottom: 1px dashed #656565; +} + +.theme--dark span.version-data, +.theme--dark span.release-date span { + color: #f1f1f1; +} + +.theme--dark span.release-date { + color: #ccc; +} + +/*------------------------------------------*/ +/* FAQs +/*------------------------------------------*/ + +.theme--dark .faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li { + border: 2px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li span, +.theme--dark .faqs-section .tabs-1 li { + color: #b1b7cd; +} + +.theme--dark .faqs-section .accordion-item .accordion-thumb:after, +.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NEWSLETTER +/*------------------------------------------*/ + +.theme--dark .newsletter-section .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .newsletter-section .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* BLOG +/*------------------------------------------*/ + +.theme--dark .post-meta-list p, +.theme--dark .blog-post-txt a { + color: #fff; +} + +.theme--dark .blog-post-txt a:hover { + color: #ddd!important; +} + +/*------------------------------------------*/ +/* SINGLE POST +/*------------------------------------------*/ + +.theme--dark .txt-code { + background-color: #1d212c; +} + +.theme--dark .txt-code kbd { + background-color: #363f54; +} + +.theme--dark .txt-code p { + color: #b1b7cd; +} + +.theme--dark .comment-form p, +.theme--dark .blockquote-footer, +.theme--dark .txt-code span.code-property, +.theme--dark .txt-code p code.code-language-js { + color: #fff; +} + +.theme--dark .comment-form .form-control { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .comment-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* CONTACTS +/*------------------------------------------*/ + +.theme--dark .contact-form-notice p a, +.theme--dark #contacts-1 .contact-form p { + color: #fff; +} + +.theme--dark .contact-form .form-control, +.theme--dark .contact-form .form-select { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .contact-form .form-control:focus, +.theme--dark .contact-form .form-select:focus { + background-color: #505c77; + border-color: transparent; +} + +/*------------------------------------------*/ +/* FOOTER +/*------------------------------------------*/ + +.theme--dark #footer-10 .footer-info { + border-bottom: 1px solid #363f54; +} + +.theme--dark .footer-form .newsletter-form .btn.dark-color span { + color: #2f353e!important; +} + +.theme--dark .footer-form .newsletter-form .input-group { + background-color: #282d3c; + border: 1px solid #505c77; +} + +.theme--dark .footer-form .form-control { + color: #fff; +} + +.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .legal-info p span { + color: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE +/*------------------------------------------*/ + +.theme--dark .page-hero-section .wave-shape-bottom path { + fill: #232734; +} + +/*------------------------------------------*/ +/* MODAL +/*------------------------------------------*/ + +.theme--dark #modal-2 .modal-body-content h5, +.theme--dark #modal-3 .modal-body-content h3 { + color: #353f4f; +} + +/*------------------------------------------*/ +/* PAGE 404 +/*------------------------------------------*/ + +.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; } +.theme--dark #page-404 .color--dark { color: #353f4f; } + +.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300, +.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; } + +/*------------------------------------------*/ +/* LOGIN +/*------------------------------------------*/ + +.theme--dark #login, .theme--dark #signup { + background: url(../images/login_dark.jpg); +} + +.theme--dark #reset-password { + background: url(../images/reset-password-dark.jpg); +} + +.theme--dark #login .register-page-wrapper:after, +.theme--dark #signup .register-page-wrapper:after { + background-color: #1d212c; +} + +.theme--dark .form-data span a, +.theme--dark .register-page-form p.input-header { + color: #fff; +} + +.theme--dark .separator-line::before, +.theme--dark .separator-line::after { + border-top: 2px solid rgba(255, 255, 255, .15); +} + +.theme--dark .reset-page-wrapper .form-control, +.theme--dark .register-page-form .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .reset-page-wrapper form { + background: #1d212c; + border: 1px solid #1d212c; +} + +.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .register-page-form .btn-google { + color: #b1b7cd; + background-color: #363f54; + border: 1px solid #363f54; +} + + + + +/* ========================================================================== + 37. COLOR SCHEME + ========================================================================== */ + +.bg--theme, +.shape--blue-400:after { + background-color: #7827e6; +} + +.btn--theme { + color: #fff!important; + border-color: #7827e6!important; + background-color: #7827e6!important; +} + +.hover--theme:hover, +.white-scroll .scroll .hover--theme:hover, +.black-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #6d1ed7!important; + background-color: #6d1ed7!important; +} + +.theme--dark .white-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #6d1ed7!important; + background-color: #6d1ed7!important; +} + +.theme--dark .white-scroll .hover--theme:hover { + color: #fff!important; + border-color: #6d1ed7!important; + background-color: #6d1ed7!important; +} + +.color--theme, +.color--theme h1, +.color--theme h2, +.color--theme h3, +.color--theme h4, +.color--theme h5, +.color--theme h6, +.color--theme p, +.color--theme a, +.color--theme li, +.color--theme i, +.color--theme span, +.color--white .color--theme { color: #7827e6!important; } + +.loading--theme .loader { + border-color: transparent #7827e6; +} + +.loading--theme .loader::after { + border-color: transparent rgba(123, 93, 214, .15); +} + +.nav-theme .sm-info { + background-color: #7827e6; +} + +.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #7827e6!important; +} + +.hero-section .quick-form .form-control:focus { + border-color: #7827e6; +} + +.cbox-2:hover .cbox-2-ico.bg--theme { + color: #7827e6; + border-color: #7827e6; +} + +.tabs-1.tabs--theme, +.tabs-1.tabs--theme li.current:hover { + color: #7827e6; + border-color: #7827e6; +} + +.faqs-section .tabs--theme .tabs-1 li.current, +.faqs-section .tabs--theme .tabs-1 li.current:hover { + background-color: #7827e6; + border-color: #7827e6!important; +} + +.switch-wrap input:checked + .switcher.switcher--theme { + background-color: #7827e6; + border-color: #7827e6; +} + +.shape-ico.color--theme path, +.shape-ico.color--theme path, +.shape-ico.color--theme path { + fill: #f1edff; +} + +.newsletter-section .form-control:focus { + background-color: #fff; + border-color: #353f4f; +} + +.theme-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #7827e6; + border: 2px solid #7827e6; +} + + + diff --git a/static/css/red-theme.css b/static/css/red-theme.css new file mode 100644 index 0000000..8d5557c --- /dev/null +++ b/static/css/red-theme.css @@ -0,0 +1,10990 @@ + + + + +/* + Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack + Theme URL: https://themeforest.net/user/dsathemes + Description: Martex - Software, App, SaaS & Startup Landing Pages Pack + Author: DSAThemes + Author URL: https://themeforest.net/user/dsathemes + Version: 1.0.0 + Website: www.dsathemes.com + Tags: Responsive, HTML5, DSAThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc +*/ + + + + +/* ========================================================================== + 01. GENERAL & BASIC STYLES + =========================================================================== */ + +html { + -webkit-font-smoothing: antialiased; + font-size: 16px; +} + +body { + font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; + color: #6c757d; + line-height: 1.6666; + font-weight: 400; +} + +/*------------------------------------------*/ +/* PAGE CONTENT +/*------------------------------------------*/ + +#page, +.hidd { + overflow: hidden; +} + +.rel, +section, +.container { + position: relative!important; + z-index: 3; +} + +.section-overlay { + width: 100%; + height: 100%; +} + +/*------------------------------------------*/ +/* BLOCK SHADOW +/*------------------------------------------*/ + +.block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* BORDER SETTINGS +/*------------------------------------------*/ + +.block-border { + border: 1px solid #e7e7e7; +} + +.block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.x-border { + border-top: 1px solid #e7e7e7; + border-bottom: 1px solid #e7e7e7; +} + +.top-border { + border-top: 1px solid #e7e7e7; +} + +.bottom-border { + border-bottom: 1px solid #e7e7e7; +} + +/*------------------------------------------*/ +/* BORDER RADIUS SETTING +/*------------------------------------------*/ + +.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } +.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } +.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } +.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } +.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } +.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } +.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; } +.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; } +.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } +.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; } +.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } +.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; } +.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; } +.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; } +.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; } +.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } +.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; } +.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; } +.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; } +.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; } + +/*------------------------------------------*/ +/* OPACITY SETTINGS +/*------------------------------------------*/ + +.o-0 { opacity: 0!important; } +.o-10 { opacity: .1!important; } +.o-15 { opacity: .15!important; } +.o-20 { opacity: .2!important; } +.o-25 { opacity: .25!important; } +.o-30 { opacity: .3!important; } +.o-35 { opacity: .35!important; } +.o-40 { opacity: .4!important; } +.o-45 { opacity: .45!important; } +.o-50 { opacity: .5!important; } +.o-55 { opacity: .55!important; } +.o-60 { opacity: .60!important; } +.o-65 { opacity: .65!important; } +.o-70 { opacity: .7!important; } +.o-75 { opacity: .75!important; } +.o-80 { opacity: .8!important; } +.o-85 { opacity: .85!important; } +.o-90 { opacity: .9!important; } +.o-95 { opacity: .95!important; } +.o-100 { opacity: 1!important; } + +/*------------------------------------------*/ +/* SPACING & INDENTS +/*------------------------------------------*/ + +.py-5 { padding-top: 5px; padding-bottom: 5px; } +.py-10 { padding-top: 10px; padding-bottom: 10px; } +.py-15 { padding-top: 15px; padding-bottom: 15px; } +.py-20 { padding-top: 20px; padding-bottom: 20px; } +.py-30 { padding-top: 30px; padding-bottom: 30px; } +.py-40 { padding-top: 40px; padding-bottom: 40px; } +.py-50 { padding-top: 50px; padding-bottom: 50px; } +.py-60 { padding-top: 60px; padding-bottom: 60px; } +.py-70 { padding-top: 70px; padding-bottom: 70px; } +.py-80 { padding-top: 80px; padding-bottom: 80px; } +.py-90 { padding-top: 90px; padding-bottom: 90px; } +.py-100 { padding-top: 100px; padding-bottom: 100px; } + +.pt-30 { padding-top: 30px; } +.pt-40 { padding-top: 40px; } +.pt-50 { padding-top: 50px; } +.pt-60 { padding-top: 60px; } +.pt-70 { padding-top: 70px; } +.pt-80 { padding-top: 80px; } +.pt-90 { padding-top: 90px; } +.pt-100 { padding-top: 100px; } + +.pb-30 { padding-bottom: 30px; } +.pb-40 { padding-bottom: 40px; } +.pb-50 { padding-bottom: 50px; } +.pb-60 { padding-bottom: 60px; } +.pb-70 { padding-bottom: 70px; } +.pb-80 { padding-bottom: 80px; } +.pb-90 { padding-bottom: 90px; } +.pb-100 { padding-bottom: 100px; } + +.mt-10 { margin-top: 10px; } +.mt-15 { margin-top: 15px; } +.mt-20 { margin-top: 20px; } +.mt-25 { margin-top: 25px; } +.mt-30 { margin-top: 30px; } +.mt-35 { margin-top: 35px; } +.mt-40 { margin-top: 40px; } +.mt-45 { margin-top: 45px; } +.mt-50 { margin-top: 50px; } +.mt-55 { margin-top: 55px; } +.mt-60 { margin-top: 60px; } +.mt-65 { margin-top: 65px; } +.mt-70 { margin-top: 70px; } +.mt-75 { margin-top: 75px; } +.mt-80 { margin-top: 80px; } +.mt-85 { margin-top: 85px; } +.mt-90 { margin-top: 90px; } +.mt-95 { margin-top: 95px; } +.mt-100 { margin-top: 100px; } + +.mb-10 { margin-bottom: 10px; } +.mb-15 { margin-bottom: 15px; } +.mb-20 { margin-bottom: 20px; } +.mb-25 { margin-bottom: 25px; } +.mb-30 { margin-bottom: 30px; } +.mb-35 { margin-bottom: 35px; } +.mb-40 { margin-bottom: 40px; } +.mb-45 { margin-bottom: 45px; } +.mb-50 { margin-bottom: 50px; } +.mb-55 { margin-bottom: 55px; } +.mb-60 { margin-bottom: 60px; } +.mb-65 { margin-bottom: 65px; } +.mb-70 { margin-bottom: 70px; } +.mb-75 { margin-bottom: 75px; } +.mb-80 { margin-bottom: 80px; } +.mb-85 { margin-bottom: 85px; } +.mb-90 { margin-bottom: 90px; } +.mb-95 { margin-bottom: 95px; } +.mb-100 { margin-bottom: 100px; } + +.ml-5 { margin-left: 5px; } +.ml-10 { margin-left: 10px; } +.ml-15 { margin-left: 15px; } +.ml-20 { margin-left: 20px; } +.ml-25 { margin-left: 25px; } +.ml-30 { margin-left: 30px; } + +.mr-5 { margin-right: 5px; } +.mr-10 { margin-right: 10px; } +.mr-15 { margin-right: 15px; } +.mr-20 { margin-right: 20px; } +.mr-25 { margin-right: 25px; } +.mr-30 { margin-right: 30px; } + +/*------------------------------------------*/ +/* BACKGROUND SETTINGS +/*------------------------------------------*/ + +.bg--fixed, +.bg--scroll { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--fixed { + background-attachment: scroll!important; +} + +.bg--scroll { + background-attachment: fixed!important; +} + +/*------------------------------------------*/ +/* BACKGROUND COLORS +/*------------------------------------------*/ + +.bg--white-500 { background-color: #f2f4f8; } +.bg--white-400 { background-color: #f4f4f9; } +.bg--white-300 { background-color: #f7f8f9; } +.bg--white-200 { background-color: #fbfbfd; } +.bg--white-100 { background-color: #fff; } + +.bg--black-500 { background-color: #22223b; } +.bg--black-400 { background-color: #2e3648; } +.bg--black-300 { background-color: #394455; } +.bg--black-200 { background-color: #e1e3e5; } +.bg--black-100 { background-color: #ecf1f4; } + +.bg--blue-500 { background-color: #185abd; } +.bg--blue-400 { background-color: #1680fb; } +.bg--blue-300 { background-color: #3eb1ff; } +.bg--blue-200 { background-color: #ddedff; } +.bg--blue-100 { background-color: #f4f9fc; } + +.bg--green-500 { background-color: #00a14e; } +.bg--green-400 { background-color: #0fbc49; } +.bg--green-300 { background-color: #6fd792; } +.bg--green-200 { background-color: #cff2db; } +.bg--green-100 { background-color: #e9f8f2; } + +.bg--pink-500 { background-color: #ff149c; } +.bg--pink-400 { background-color: #f74780; } +.bg--pink-300 { background-color: #fcb5cc; } +.bg--pink-200 { background-color: #fee4ec; } +.bg--pink-100 { background-color: #feecf2; } + +.bg--purple-5000 { background-color: #663ae9; } +.bg--purple-500 { background-color: #7827e6; } +.bg--purple-400 { background-color: #7b5dd6; } +.bg--purple-300 { background-color: #bdaeea; } +.bg--purple-200 { background-color: #e5deff; } +.bg--purple-100 { background-color: #f1edff; } + +.bg--red-500 { background-color: #da0f29; } +.bg--red-400 { background-color: #ff1e1a; } +.bg--red-300 { background-color: #ffa5a3; } +.bg--red-200 { background-color: #ffd2d1; } +.bg--red-100 { background-color: #fce7e4; } + +.bg--violet-500 { background-color: #c73e9b; } +.bg--violet-400 { background-color: #be6cbe; } +.bg--violet-300 { background-color: #e2bde2; } +.bg--violet-200 { background-color: #f1cde5; } +.bg--violet-100 { background-color: #f7e4f1; } + +.bg--yellow-500 { background-color: #ffba01; } +.bg--yellow-400 { background-color: #ffbd45; } +.bg--yellow-300 { background-color: #ffdf35; } +.bg--yellow-200 { background-color: #fef5cd; } +.bg--yellow-100 { background-color: #fef9e5; } + +.bg--tra-black { background-color: rgba(0, 0, 0, .04); } +.bg--tra-white { background-color: rgba(255, 255, 255, .15); } +.bg--primary-blue { background-color: #2160fd; } +.bg--light-grey { background-color: #f0f3ff; } +.bg--snow { background-color: #fdfdfd; } + +/*------------------------------------------*/ +/* GRADIENT COLOR BACKGROUND +/*------------------------------------------*/ + +.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); } +.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); } +.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); } +.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); } +.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); } +.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); } + +/*------------------------------------------*/ +/* BACKGROUND SHAPE +/*------------------------------------------*/ + +.shape--01:after, +.shape--02:after, +.shape--03:after, +.shape--04:after, +.shape--05:after, +.shape--06:after, +.shape--07:after { + position: absolute; + content: ''; + z-index: -1; +} + +.shape--02.r-24:after { + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--01:after { + width: 150%; + height: 80%; + top: 13%; + left: -25%; +} + +.shape--02:after { + width: 86%; + height: 80%; + top: 13%; + left: 7%; +} + +.shape--03:after { + width: 78%; + height: 120%; + top: -60px; + left: 11%; + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--04:after { + width: 100%; + height: 80%; + top: 10%; + left: 0; +} + +.shape--05:after { + width: 150%; + height: 90%; + top: 0; + left: -25%; +} + +.shape--06:after { + width: 150%; + height: 75%; + top: 0; + left: -25%; +} + +.shape--07:after { + width: 200%; + height: 50%; + top: 37%; + left: -50%; +} + +.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); } + +.shape--white-500:after { background-color: #f2f4f8; } +.shape--white-400:after { background-color: #f4f4f9; } +.shape--white-300:after { background-color: #f7f8f9; } +.shape--white-200:after { background-color: #fbfbfd; } + +.shape--black-500:after { background-color: #22223b; } +.shape--black-400:after { background-color: #2e3648; } +.shape--black-300:after { background-color: #394455; } +.shape--black-200:after { background-color: #e1e3e5; } +.shape--black-100:after { background-color: #ecf1f4; } + +.shape--blue-500:after { background-color: #185abd; } +.shape--blue-400:after { background-color: #1680fb; } +.shape--blue-300:after { background-color: #3eb1ff; } +.shape--blue-200:after { background-color: #ddedff; } +.shape--blue-100:after { background-color: #f4f9fc; } + +.shape--green-500:after { background-color: #00a14e; } +.shape--green-400:after { background-color: #0fbc49; } +.shape--green-300:after { background-color: #6fd792; } +.shape--green-200:after { background-color: #cff2db; } +.shape--green-100:after { background-color: #e9f8f2; } + +.shape--pink-500:after { background-color: #ff149c; } +.shape--pink-400:after { background-color: #f74780; } +.shape--pink-300:after { background-color: #fcb5cc; } +.shape--pink-200:after { background-color: #fee4ec; } +.shape--pink-100:after { background-color: #feecf2; } + +.shape--purple-500:after { background-color: #663ae9; } +.shape--purple-400:after { background-color: #7b5dd6; } +.shape--purple-300:after { background-color: #bdaeea; } +.shape--purple-200:after { background-color: #e5deff; } +.shape--purple-100:after { background-color: #f1edff; } + +.shape--red-500:after { background-color: #da0f29; } +.shape--red-400:after { background-color: #ff1e1a; } +.shape--red-300:after { background-color: #ffa5a3; } +.shape--red-200:after { background-color: #ffd2d1; } +.shape--red-100:after { background-color: #fce7e4; } + +.shape--violet-500:after { background-color: #c73e9b; } +.shape--violet-400:after { background-color: #be6cbe; } +.shape--violet-300:after { background-color: #e2bde2; } +.shape--violet-200:after { background-color: #f1cde5; } +.shape--violet-100:after { background-color: #f7e4f1; } + +.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);} + +/*------------------------------------------*/ +/* BACKGROUND PATTERN +/*------------------------------------------*/ + +.pattern-01, +.pattern-02, +.pattern-03, +.pattern-04, +.pattern-05 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.pattern-01 { background-image: url(../images/pattern-01.png); } +.pattern-02 { background-image: url(../images/pattern-02.png); } +.pattern-03 { background-image: url(../images/pattern-03.png); } +.pattern-04 { background-image: url(../images/pattern-04.png); } +.pattern-05 { background-image: url(../images/pattern-05.png); } + +/*------------------------------------------*/ +/* BACKGROUND IMAGE +/*------------------------------------------*/ + +.bg--01, .bg--02, .bg--03, .bg--04, +.bg--05, .bg--06, .bg--07, .bg--08 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--01 { background-image: url(../images/bg-01.jpg); } +.bg--02 { background-image: url(../images/bg-02.jpg); } +.bg--03 { background-image: url(../images/bg-03.jpg); } +.bg--04 { background-image: url(../images/bg-04.jpg); } +.bg--05 { background-image: url(../images/bg-05.jpg); } +.bg--06 { background-image: url(../images/bg-06.jpg); } +.bg--07 { background-image: url(../images/bg-07.jpg); } +.bg--08 { background-image: url(../images/bg-08.jpg); } + +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +hr.divider { + width: 100%; + height: 1px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%); + opacity: .4; + border: none; + margin: 0; +} + +/*------------------------------------------*/ +/* WAVE SHAPE BOTTOM +/*------------------------------------------*/ + +.wave-shape-bottom { + position: absolute; + bottom: 0; + left: 0; + width: 100%; +} + + + + +/* ========================================================================== + 02. TYPOGRAPHY + =========================================================================== */ + +/*------------------------------------------*/ +/* HEADERS +/*------------------------------------------*/ + +h1, h2, h3, h4, h5, h6 { + color: #353f4f; + font-weight: 600; + letter-spacing: 0; + margin-bottom: 0; +} + +.font--jakarta h1, +.font--jakarta h2, +.font--jakarta h3, +.font--jakarta h4, +.font--jakarta h5, +.font--jakarta h6 { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1.35; +} + +.font--jakarta h1, +.font--jakarta h2 { + line-height: 1.25; +} + +.font--inter h1, +.font--inter h2, +.font--inter h3, +.font--inter h4, +.font--inter h5, +.font--inter h6 { + font-family: 'Inter', sans-serif; + letter-spacing: -0.5px; +} + +/*------------------------------------------*/ +/* PARAGRAPHS +/*------------------------------------------*/ + +p.p-sm { font-size: 0.9375rem; } /* 15px */ +p { font-size: 1rem; } /* 16px */ +p.p-md { font-size: 1.0625rem; } /* 17px */ +p.p-lg { font-size: 1.125rem; } /* 18px */ +p.p-xl { font-size: 1.2rem; } /* 19.2px */ + +/*------------------------------------------*/ +/* FONT SIZE +/*------------------------------------------*/ + +.s-15 { font-size: 0.9375rem; } /* 15px */ +.s-16 { font-size: 1rem; } /* 16px */ +.s-17 { font-size: 1.0625rem; } /* 17px */ +.s-18 { font-size: 1.125rem; } /* 18px */ +.s-19 { font-size: 1.1875rem; } /* 19px */ +.s-20 { font-size: 1.25rem; } /* 20px */ +.s-21 { font-size: 1.3125rem; } /* 21px */ +.s-22 { font-size: 1.375rem; } /* 22px */ +.s-23 { font-size: 1.4375rem; } /* 23px */ +.s-24 { font-size: 1.5rem; } /* 24px */ +.s-26 { font-size: 1.625rem; } /* 26px */ +.s-28 { font-size: 1.75rem; } /* 28px */ +.s-30 { font-size: 1.875rem; } /* 30px */ +.s-32 { font-size: 2rem; } /* 32px */ +.s-34 { font-size: 2.125rem; } /* 34px */ +.s-36 { font-size: 2.25rem; } /* 36px */ +.s-38 { font-size: 2.375rem; } /* 38px */ +.s-40 { font-size: 2.5rem; } /* 40px */ +.s-42 { font-size: 2.625rem; } /* 42px */ +.s-43 { font-size: 2.6875rem; } /* 43px */ +.s-44 { font-size: 2.75rem; } /* 44px */ +.s-45 { font-size: 2.8125rem; } /* 45px */ +.s-46 { font-size: 2.875rem; } /* 46px */ +.s-47 { font-size: 2.9375rem; } /* 47px */ +.s-48 { font-size: 3rem; } /* 48px */ +.s-50 { font-size: 3.125rem; } /* 50px */ +.s-52 { font-size: 3.25rem; } /* 52px */ +.s-54 { font-size: 3.375rem; } /* 54px */ +.s-56 { font-size: 3.5rem; } /* 56px */ +.s-58 { font-size: 3.625rem; } /* 58px */ +.s-60 { font-size: 3.75rem; } /* 60px */ +.s-62 { font-size: 3.875rem; } /* 62px */ +.s-64 { font-size: 4rem; } /* 64px */ +.s-66 { font-size: 4.125rem; } /* 66px */ +.s-68 { font-size: 4.25rem; } /* 68px */ +.s-70 { font-size: 4.375rem; } /* 70px */ +.s-72 { font-size: 4.5rem; } /* 72px */ +.s-74 { font-size: 4.625rem; } /* 74px */ +.s-76 { font-size: 4.75rem; } /* 76px */ +.s-78 { font-size: 4.875rem; } /* 78px */ +.s-80 { font-size: 5rem; } /* 80px */ + +/*------------------------------------------*/ +/* FONT WEIGHT +/*------------------------------------------*/ + +.txt-upcase { + text-transform: uppercase +} + +.w-200 { font-weight: 200; } +.w-300 { font-weight: 300; } +.w-400 { font-weight: 400; } +.w-500 { font-weight: 500; } +.w-600 { font-weight: 600; } +.w-700 { font-weight: 700; } +.w-800 { font-weight: 800; } +.w-900 { font-weight: 900; } + +/*------------------------------------------*/ +/* LINK SETTINGS +/*------------------------------------------*/ + +a { + color: #6c757d; + text-decoration: none; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +a:hover { + color: #353f4f!important; + text-decoration: none; +} + +a:focus { + outline: none; + text-decoration: none; +} + +a.tra-link { + font-size: 1rem; + line-height: 1; + font-weight: 500; +} + +a.tra-link span { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.tra-link.ico-20 [class*="flaticon-"]:before, +.tra-link.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 0.75rem; + line-height: 0.7rem!important; + top: 2px; + left: 2px; +} + +a.tra-link:hover span { + color: #353f4f!important; +} + +/*------------------------------------------*/ +/* LISTS +/*------------------------------------------*/ + +ul { + margin: 0; + padding: 0; + list-style: none; +} + +/*------------------------------------------*/ +/* TEXT LIST +/*------------------------------------------*/ + +ul.simple-list { + list-style: disc; + margin-left: 15px; +} + +ul.simple-list.long-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* DIGIT LIST +/*------------------------------------------*/ + +ol.digit-list { + padding: 0; + margin-left: 15px; +} + +ol.digit-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* BUTTON SETTINGS +/*------------------------------------------*/ + +.btn { + background-color: transparent; + font-size: 1rem; + line-height: 1; + font-weight: 500; + padding: 0.9rem 1.8rem; + border: 2px solid transparent; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.btn.btn-sm { + font-size: 0.975rem; + padding: 0.7rem 1.5rem; +} + +.btn.ico-30.ico-left, +.btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Buttons Group +/*------------------------------------------*/ + +.text-center .btns-group { + display: inline-block; +} + +.btns-group .btn:first-child { + margin-right: 15px; +} + +.btns-group .btn.ico-30.ico-left { + padding: 0.37rem 0.5rem; +} + +.btns-group .btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Button Icon +/*------------------------------------------*/ + +.btn.ico-20 [class*="flaticon-"]:before, +.btn.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 1rem; + line-height: 0.7rem!important; + top: 4px; +} + +.btn.ico-left span { + margin-right: 5px; +} + +.btn.ico-right span { + margin-left: 5px; +} + +.btn.ico-30.ico-left span { + position: relative; + top: 0; + right: 4px; +} + +.btn.ico-30.ico-right span { + position: relative; + top: 0; + left: 4px; +} + +.btn.ico-30.ico-left span.ico-30-txt, +.btn.ico-30.ico-right span.ico-30-txt { + position: relative; + top: -10px; + right: 0; +} + +.btn.ico-30.ico-right span.ico-30-txt { + left: 0; +} + +/*------------------------------------------*/ +/* Button Text +/*------------------------------------------*/ + +p.btn-txt { + margin: 20px 0 0 0; +} + +.btn-rating p.btn-txt { + margin: 0; +} + +.star-rating span.rating-txt { + font-size: 0.9375rem; +} + +p.btns-group-txt { + margin: 14px 0 0 0; +} + +.btn-rating { + margin-top: 18px; +} + +.text-center p.btns-group-txt { + margin-top: 20px; +} + +p.btn-txt.ico-15, +p.btns-group-txt.ico-15 { + padding-left: 5px; +} + +.text-center p.btn-txt.ico-15, +.text-center p.btns-group-txt.ico-15 { + padding-left: 0; +} + +p.btn-txt span, +p.btns-group-txt span { + position: relative; + top: 0.5px; + right: 2px; +} + +p.btns-group-txt span.txt-data { + display: block; + top: 0; + right: 0; +} + +p.btns-group-txt span.txt-data a { + margin-left: 4px; + text-decoration: underline; +} + +p.btns-group-txt span.txt-data a:hover { + text-decoration: none; +} + +.hero-section .color--white p.btns-group-txt span.txt-data a:hover { + color: #fff!important; +} + +.btn-txt.ico-15 [class*="flaticon-"]:before, +.btn-txt.ico-15 [class*="flaticon-"]:after, +.btns-group-txt.ico-15 [class*="flaticon-"]:before, +.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.star-rating.ico-15 [class*="flaticon-"]:before, +.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; } + +/*------------------------------------------*/ +/* TRANSPARENT BUTTON +/*------------------------------------------*/ + +.btn--tra { + color: #fff!important; + border-color: transparent!important; + background-color: rgba(255, 255, 255, .2)!important; +} + +/*------------------------------------------*/ +/* WHITE BUTTON +/*------------------------------------------*/ + +.btn--transparent { + color: #353f4f; + background-color: transparent; + border-color: transparent; +} + +.btn--transparent:hover { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--white, +.hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.btn--tra-white, +.hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.white-scroll .scroll .hover--tra-white:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK BUTTON +/*------------------------------------------*/ + +.btn--black, +.hover--black:hover { + color: #fff!important; + background-color: #353f4f!important; + border-color: #353f4f!important; +} + +.btn--tra-black, +.hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* GREY BUTTON +/*------------------------------------------*/ + +.btn--tra-grey, +.hover--tra-grey:hover, +.white-scroll .scroll .hover--tra-grey:hover, +.black-scroll .scroll .hover--tra-grey:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #ccc!important; +} + +/*------------------------------------------*/ +/* BLUE BUTTON +/*------------------------------------------*/ + +.btn--blue-500, .hover--blue-500:hover, +.white-scroll .scroll .hover--blue-500:hover, +.black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.btn--blue-400, .hover--blue-400:hover, +.white-scroll .scroll .hover--blue-400:hover, +.black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.btn--blue-300, .hover--blue-300:hover, +.white-scroll .scroll .hover--blue-300:hover, +.black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.btn--blue-200, .hover--blue-200:hover, +.white-scroll .scroll .hover--blue-200:hover, +.black-scroll .scroll .hover--blue-200:hover { + color: #1680fb!important; + border-color: #e3ebfe!important; + background-color: #e3ebfe!important; +} + +.btn--blue-100, .hover--blue-100:hover, +.white-scroll .scroll .hover--blue-100:hover, +.black-scroll .scroll .hover--blue-100:hover { + color: #1680fb!important; + border-color: #1680fb!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* GREEN BUTTON +/*------------------------------------------*/ + +.btn--green-500, .hover--green-500:hover, +.white-scroll .scroll .hover--green-500:hover, +.black-scroll .scroll .hover--green-500:hover { + color: #fff!important; + border-color: #00a14e!important; + background-color: #00a14e!important; +} + +.btn--green-400, .hover--green-400:hover, +.white-scroll .scroll .hover--green-400:hover, +.black-scroll .scroll .hover--green-400:hover { + color: #fff!important; + border-color: #0fbc49!important; + background-color: #0fbc49!important; +} + +.btn--green-300, .hover--green-300:hover, +.white-scroll .scroll .hover--green-300:hover, +.black-scroll .scroll .hover--green-300:hover { + color: #fff!important; + border-color: #6fd792!important; + background-color: #6fd792!important; +} + +.btn--green-200, .hover--green-200:hover, +.white-scroll .scroll .hover--green-200:hover, +.black-scroll .scroll .hover--green-200:hover { + color: #0fbc49!important; + border-color: #cff2db!important; + background-color: #cff2db!important; +} + +.btn--green-100, .hover--green-100:hover, +.white-scroll .scroll .hover--green-100:hover, +.black-scroll .scroll .hover--green-100:hover { + color: #0fbc49!important; + border-color: #0fbc49!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PINK BUTTON +/*------------------------------------------*/ + +.btn--pink-500, .hover--pink-500:hover, +.white-scroll .scroll .hover--pink-500:hover, +.black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.btn--pink-400, .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.btn--pink-300, .hover--pink-300:hover, +.white-scroll .scroll .hover--pink-300:hover, +.black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.btn--pink-200, .hover--pink-200:hover, +.white-scroll .scroll .hover--pink-200:hover, +.black-scroll .scroll .hover--pink-200:hover { + color: #f74780!important; + border-color: #fee4ec!important; + background-color: #fee4ec!important; +} + +.btn--pink-100, .hover--pink-100:hover, +.white-scroll .scroll .hover--pink-100:hover, +.black-scroll .scroll .hover--pink-100:hover { + color: #f74780!important; + border-color: #f74780!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PURPLE BUTTON +/*------------------------------------------*/ + +.btn--purple-500, .hover--purple-500:hover, +.white-scroll .scroll .hover--purple-500:hover, +.black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.btn--purple-400, .hover--purple-400:hover, +.white-scroll .scroll .hover--purple-400:hover, +.black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.btn--purple-300, .hover--purple-300:hover, +.white-scroll .scroll .hover--purple-300:hover, +.black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.btn--purple-200, .hover--purple-200:hover, +.white-scroll .scroll .hover--purple-200:hover, +.black-scroll .scroll .hover--purple-200:hover { + color: #7b5dd6!important; + border-color: #e5deff!important; + background-color: #e5deff!important; +} + +.btn--purple-100, .hover--purple-100:hover, +.white-scroll .scroll .hover--purple-100:hover, +.black-scroll .scroll .hover--purple-100:hover { + color: #7b5dd6!important; + border-color: #7b5dd6!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* RED BUTTON +/*------------------------------------------*/ + +.btn--red-500, .hover--red-500:hover, +.white-scroll .scroll .hover--red-500:hover, +.black-scroll .scroll .hover--red-500:hover { + color: #fff!important; + border-color: #da0f29!important; + background-color: #da0f29!important; +} + +.btn--red-400, .hover--red-400:hover, +.white-scroll .scroll .hover--red-400:hover, +.black-scroll .scroll .hover--red-400:hover { + color: #fff!important; + border-color: #ff1e1a!important; + background-color: #ff1e1a!important; +} + +.btn--red-300, .hover--red-300:hover, +.white-scroll .scroll .hover--red-300:hover, +.black-scroll .scroll .hover--red-300:hover { + color: #fff!important; + border-color: #ffa5a3!important; + background-color: #ffa5a3!important; +} + +.btn--red-200, .hover--red-200:hover, +.white-scroll .scroll .hover--red-200:hover, +.black-scroll .scroll .hover--red-200:hover { + color: #ff1e1a!important; + border-color: #ffd2d1!important; + background-color: #ffd2d1!important; +} + +.btn--red-100, .hover--red-100:hover, +.white-scroll .scroll .hover--red-100:hover, +.black-scroll .scroll .hover--red-100:hover { + color: #ff1e1a!important; + border-color: #ff1e1a!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* VIOLET BUTTON +/*------------------------------------------*/ + +.btn--violet-500, .hover--violet-500:hover, +.white-scroll .scroll .hover--violet-500:hover, +.black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.btn--violet-400, .hover--violet-400:hover, +.white-scroll .scroll .hover--violet-400:hover, +.black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.btn--violet-300, .hover--violet-300:hover, +.white-scroll .scroll .hover--violet-300:hover, +.black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.btn--violet-200, .hover--violet-200:hover, +.white-scroll .scroll .hover--violet-200:hover, +.black-scroll .scroll .hover--violet-200:hover { + color: #be6cbe!important; + border-color: #f1cde5!important; + background-color: #f1cde5!important; +} + +.btn--violet-100, .hover--violet-100:hover, +.white-scroll .scroll .hover--violet-100:hover, +.black-scroll .scroll .hover--violet-100:hover { + color: #be6cbe!important; + border-color: #be6cbe!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* YELLOW BUTTON +/*------------------------------------------*/ + +.btn--yellow-500, .hover--yellow-500:hover, +.white-scroll .scroll .hover--yellow-500:hover, +.black-scroll .scroll .hover--yellow-500:hover { + color: #353f4f!important; + border-color: #ffba01!important; + background-color: #ffba01!important; +} + +.btn--yellow-400, .hover--yellow-400:hover, +.white-scroll .scroll .hover--yellow-400:hover, +.black-scroll .scroll .hover--yellow-400:hover { + color: #353f4f!important; + border-color: #ffbd45!important; + background-color: #ffbd45!important; +} + +.btn--yellow-300, .hover--yellow-300:hover, +.white-scroll .scroll .hover--yellow-300:hover, +.black-scroll .scroll .hover--yellow-300:hover { + color: #353f4f!important; + border-color: #ffdf35!important; + background-color: #ffdf35!important; +} + +.btn--yellow-200, .hover--yellow-200:hover, +.white-scroll .scroll .hover--yellow-200:hover, +.black-scroll .scroll .hover--yellow-200:hover { + color: #353f4f!important; + border-color: #fef5cd!important; + background-color: #fef5cd!important; +} + +.btn--yellow-100, .hover--yellow-100:hover, +.white-scroll .scroll .hover--yellow-100:hover, +.black-scroll .scroll .hover--yellow-100:hover { + color: #ffba01!important; + border-color: #ffba01!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* BUTTON FOCUS +/*------------------------------------------*/ + +.btn:focus, +.btn.btn--black:focus { + color: #fff; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--transparent:focus { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--grey:focus { + color: #666; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--tra-black:focus, +.btn--transparent:focus, +.btn.btn--tra-grey:focus { + color: #353f4f; + -webkit-box-shadow: none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* DOWNLOAD LINKS +/*------------------------------------------*/ + +.download-links li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.download-links-divider { + position: relative; + top: 1.5px; + transform: rotate(-90deg); +} + +.download-links li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.download-links li p a { + font-weight: 500; +} + +.download-links li p a:hover { + text-decoration: underline; +} + +.color--white .download-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* OS DOWNLOAD BUTTON +/*------------------------------------------*/ + +.os-btn { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + text-align: left; + width: 330px; + min-width: 330px; + background-color: #fff; + border: 1px solid #d3d3d3; + padding: 17px 18px 15px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.os-btn:hover { + background-color: #f5f6f7; + border: 1px solid #f5f6f7; + -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); +} + +.os-btn-ico { + position: relative; + margin-right: 20px; +} + +.os-btn-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.os-btn-txt p { + color: #353f4f; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + letter-spacing: -0.5px; + margin-top: 6px; + margin-bottom: 5px; +} + +.os-btn-txt span { + display: block; + font-size: 0.9rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* STORE BADGE ICONS +/*------------------------------------------*/ + +.stores-badge { + display: inline-block; +} + +.store { + display: inline-block; + text-align: center; + margin-right: 10px; +} + +.store:last-child { + margin-right: 0; +} + +.store img { + width: auto; + max-width: inherit; +} + +.badge-img-xs .store img { max-height: 2.5rem; } +.badge-img-sm .store img { max-height: 2.625rem; } +.badge-img-md .store img { max-height: 2.875rem; } +.badge-img-lg .store img { max-height: 3rem; } + +/*------------------------------------------*/ +/* WATCH VIDEO LINK +/*------------------------------------------*/ + +.watch-video { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + margin-top: 25px; +} + +/*------------------------------------------*/ +/* Link Icon +/*------------------------------------------*/ + +.watch-video-link { + position: relative; + text-align: center; + float: left; + width: 2.85rem; + height: 2.85rem; + color: #fff; + border: none; + margin-right: 12px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.watch-video-link:before { + content: ''; + position: absolute; + left: -3px; + right: -3px; + top: -3px; + bottom: -3px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.watch-video-link:hover:before { + opacity: .75; + left: -8px; + right: -8px; + top: -8px; + bottom: -8px; +} + +.watch-video-link span[class^="flaticon-"]:before, +.watch-video-link span[class^="flaticon-"]:after { + font-size: 2rem; + line-height: 2.85rem!important; + margin-left: 5px; +} + +/*------------------------------------------*/ +/* Link Text +/*------------------------------------------*/ + +.watch-video-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + text-align: left!important; +} + +p.video-txt-lg { + font-size: 1rem; + line-height: 1; + font-weight: 400; + margin-bottom: 5px; +} + +p.video-txt-sm { + font-size: 0.925rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* VIDEO POPUP ICON +/*------------------------------------------*/ + +.video-preview { + position: relative; + text-align: center; +} + +.video-btn { + position: absolute!important; + top: 50%; + left: 50%; + display: inline-block; + text-align: center; + color: #fff; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.video-btn-xl { + width: 6.25rem; + height: 6.25rem; + margin-top: -3.125rem; + margin-left: -3.125rem; +} + +.video-btn-lg { + width: 5.625rem; + height: 5.625rem; + margin-top: -2.8125rem; + margin-left: -2.8125rem; +} + +.video-btn-md { + width: 5rem; + height: 5rem; + margin-top: -2.5rem; + margin-left: -2.5rem; +} + +.video-btn-sm { + width: 4.375rem; + height: 4.375rem; + margin-top: -2.1875rem; + margin-left: -2.1875rem; +} + +.video-block-wrapper { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl [class^="flaticon-"]:before, +.video-btn.video-btn-xl [class^="flaticon-"]:after { + font-size: 5rem; + line-height: 6.25rem!important; + margin-left: 10px; +} + +.video-btn.video-btn-lg [class^="flaticon-"]:before, +.video-btn.video-btn-lg [class^="flaticon-"]:after { + font-size: 4.5rem; + line-height: 5.625rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-md [class^="flaticon-"]:before, +.video-btn.video-btn-md [class^="flaticon-"]:after { + font-size: 4.35rem; + line-height: 5rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-sm [class^="flaticon-"]:before, +.video-btn.video-btn-sm [class^="flaticon-"]:after { + font-size: 3.5rem; + line-height: 4.375rem!important; + margin-left: 5px; +} + +.video-btn:hover .video-block-wrapper { + -moz-transform: scale(0.95); + -ms-transform: scale(0.95); + -webkit-transform: scale(0.95); + -o-transform: scale(0.95); + transform: scale(0.95); +} + +.video-btn:before { + content: ''; + position: absolute; + left: -5px; + right: -5px; + top: -5px; + bottom: -5px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl:hover:before { + opacity: .75; + left: -1.5rem; + right: -1.5rem; + top: -1.5rem; + bottom: -1.5rem; +} + +.video-btn.video-btn-lg:hover:before { + opacity: .75; + left: -1.25rem; + right: -1.25rem; + top: -1.25rem; + bottom: -1.25rem; +} + +.video-btn.video-btn-md:hover:before { + opacity: .75; + left: -1rem; + right: -1rem; + top: -1rem; + bottom: -1rem; +} + +.video-btn.video-btn-sm:hover:before { + opacity: .75; + left: -0.75rem; + right: -0.75rem; + top: -0.75rem; + bottom: -0.75rem; +} + +/*------------------------------------------*/ +/* VECTOR ICONS +/*------------------------------------------*/ + +.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; } /* 15px */ +.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; } /* 15px */ +.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; } /* 20px */ +.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; } /* 25px */ +.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; } /* 30px */ +.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; } /* 35px */ +.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; } /* 40px */ +.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; } /* 45px */ +.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; } /* 50px */ +.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; } /* 55px */ +.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; } /* 60px */ +.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; } /* 65px */ +.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; } /* 70px */ +.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; } /* 75px */ +.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; } /* 80px */ +.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; } /* 85px */ +.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; } /* 90px */ +.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; } /* 95px */ +.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; } /* 100px */ +.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */ +.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; } /* 110px */ +.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */ +.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; } /* 120px */ +.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */ + +/*------------------------------------------*/ +/* VECTOR ICON BACKGROUND +/*------------------------------------------*/ + +.shape-ico { + position: relative; + display: inline-block; + margin: 0 auto; +} + +.shape-ico span { + position: relative; + z-index: 2; +} + +.shape-ico svg { + position: absolute; + z-index: 1; +} + +.ico-50 .shape-ico svg { + width: 130px; + height: 130px; + top: -35px; + left: calc(50% - 60px); +} + +.fbox-11 .ico-50 .shape-ico svg { + top: -40px; + left: calc(50% - 70px); +} + +.ico-55 .shape-ico svg { + width: 135px; + height: 135px; + top: -30px; + left: calc(50% - 60px); +} + +.ico-60 .shape-ico svg { + width: 140px; + height: 140px; + top: -30px; + left: calc(50% - 65px); +} + +.shape-ico.color--blue-300 path, +.shape-ico.color--blue-400 path, +.shape-ico.color--blue-500 path { + fill: #f4f9fc; +} + +.shape-ico.color--green-300 path, +.shape-ico.color--green-400 path, +.shape-ico.color--green-500 path { + fill: #e9f8f2; +} + +.shape-ico.color--pink-300 path, +.shape-ico.color--pink-400 path, +.shape-ico.color--pink-500 path { + fill: #feecf2; +} + +.shape-ico.color--purple-300 path, +.shape-ico.color--purple-400 path, +.shape-ico.color--purple-500 path { + fill: #f1edff; +} + +.shape-ico.color--red-300 path, +.shape-ico.color--red-400 path, +.shape-ico.color--red-500 path { + fill: #fce7e4; +} + +.shape-ico.color--violet-300 path, +.shape-ico.color--violet-400 path, +.shape-ico.color--violet-500 path { + fill: #f7e4f1; +} + +/*------------------------------------------*/ +/* VECTOR ROUNDED ICONS +/*------------------------------------------*/ + +.ico-rounded, +.ico-rounded-md, +.ico-rounded-lg { + display: inline-block; + text-align: center; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.ico-rounded { width: 80px; height: 80px; } +.ico-rounded-md { width: 90px; height: 90px; } +.ico-rounded-lg { width: 100px; height: 100px; } + +.ico-rounded [class*="flaticon-"]:before, +.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; } + +.ico-rounded-md [class*="flaticon-"]:before, +.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; } + +.ico-rounded-lg [class*="flaticon-"]:before, +.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; } + +/*------------------------------------------*/ +/* VECTOR SQUARE ICONS +/*------------------------------------------*/ + +.ico-square { + display: inline-block; + text-align: center; + width: 80px; + height: 80px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -o-border-radius: 12px; + border-radius: 12px; +} + +.ico-square [class*="flaticon-"]:before, +.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; } + +/*------------------------------------------*/ +/* PNG ICONS SETTINGS +/*------------------------------------------*/ + +.ico-145 img { width: 145px; height: 145px; } +.ico-140 img { width: 140px; height: 140px; } +.ico-135 img { width: 135px; height: 135px; } +.ico-130 img { width: 130px; height: 130px; } +.ico-125 img { width: 125px; height: 125px; } +.ico-120 img { width: 120px; height: 120px; } +.ico-115 img { width: 115px; height: 115px; } +.ico-110 img { width: 110px; height: 110px; } +.ico-105 img { width: 105px; height: 105px; } +.ico-100 img { width: 100px; height: 100px; } +.ico-95 img { width: 95px; height: 95px; } +.ico-90 img { width: 90px; height: 90px; } +.ico-85 img { width: 85px; height: 85px; } +.ico-80 img { width: 80px; height: 80px; } +.ico-75 img { width: 75px; height: 75px; } +.ico-70 img { width: 70px; height: 70px; } +.ico-65 img { width: 65px; height: 65px; } +.ico-60 img { width: 60px; height: 60px; } +.ico-55 img { width: 55px; height: 55px; } +.ico-50 img { width: 50px; height: 50px; } +.ico-45 img { width: 45px; height: 45px; } +.ico-40 img { width: 40px; height: 40px; } +.ico-35 img { width: 35px; height: 35px; } +.ico-30 img { width: 30px; height: 30px; } +.ico-25 img { width: 25px; height: 25px; } +.ico-20 img { width: 20px; height: 20px; } + +/*------------------------------------------*/ +/* SECTION ID +/*------------------------------------------*/ + +.section-id { + display: block; + font-size: 0.85rem; + line-height: 1; + font-weight: 700; + letter-spacing: 0.5px; + text-transform: uppercase; + margin-bottom: 35px; +} + +.section-id.rounded-id { + display: inline-block; + padding: 10px 24px; + font-size: 0.85rem; + text-transform: uppercase; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + margin-bottom: 40px; +} + +.section-id.border-id { + border-width: 2px; + border-style: solid; +} + +.section-id.border-id.border--grey { + border-color: #757575; +} + +.section-id.border-id.border--blue { + border-color: #1680fb; +} + +.font--jakarta .section-id { + font-family: 'Plus Jakarta Sans', sans-serif; +} + +.font--inter .section-id { + font-family: 'Inter', sans-serif; +} + +/*------------------------------------------*/ +/* SECTION TITLE +/*------------------------------------------*/ + +.section-title { + text-align: center; +} + +.section-title h2 { + margin-bottom: 0; +} + +.section-title h2.w-700 { + letter-spacing: -0.5px; +} + +.section-title p.p-md, +.section-title p.p-lg, +.section-title p.p-xl, +.section-title p.s-20, +.section-title p.s-21 { + margin-top: 18px; + margin-bottom: 0; +} + +.section-title p.p-md, +.section-title p.p-lg { + padding: 0 3%; +} + +.section-title a.contact-link { + font-weight: 500; + text-decoration: underline; +} + +.section-title .btns-group .btn { + margin-top: 0; +} + +.section-title .advantages, +.section-title .btns-txt, +.section-title .btns-group-txt { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* TEXT COLORS +/*------------------------------------------*/ + +.color--white, +.color--white h1, +.color--white h2, +.color--white h3, +.color--white h4, +.color--white h5, +.color--white h6, +.color--white p, +.color--white a, +.color--white li, +.color--white i, +.color--white span { color: #fff; } + +.color--snow, +.color--snow h1, +.color--snow h2, +.color--snow h3, +.color--snow h4, +.color--snow h5, +.color--snow h6, +.color--snow p, +.color--snow a, +.color--snow li, +.color--snow i, +.color--snow span, +.color--white .color--snow { color: #c2c3cb; } + +.color--black, +.color--black h1, +.color--black h2, +.color--black h3, +.color--black h4, +.color--black h5, +.color--black h6, +.color--black p, +.color--black a, +.color--black li, +.color--black i, +.color--black span { color: #353f4f; } + +.color--coal, +.color--coal h1, +.color--coal h2, +.color--coal h3, +.color--coal h4, +.color--coal h5, +.color--coal h6, +.color--coal p, +.color--coal a, +.color--coal li, +.color--coal i, +.color--coal span { color: #52595d; } + +.color--grey, +.color--grey h1, +.color--grey h2, +.color--grey h3, +.color--grey h4, +.color--grey h5, +.color--grey h6, +.color--grey p, +.color--grey a, +.color--grey li, +.color--grey i, +.color--grey span, +.color--white .color--grey { color: #757575; } + +.color--blue-500, +.color--blue-500 h1, +.color--blue-500 h2, +.color--blue-500 h3, +.color--blue-500 h4, +.color--blue-500 h5, +.color--blue-500 h6, +.color--blue-500 p, +.color--blue-500 a, +.color--blue-500 li, +.color--blue-500 i, +.color--blue-500 span, +.color--white .color--blue-500 { color: #185abd!important; } + +.color--blue-400, +.color--blue-400 h1, +.color--blue-400 h2, +.color--blue-400 h3, +.color--blue-400 h4, +.color--blue-400 h5, +.color--blue-400 h6, +.color--blue-400 p, +.color--blue-400 a, +.color--blue-400 li, +.color--blue-400 i, +.color--blue-400 span, +.color--white .color--blue-400 { color: #1680fb!important; } + +.color--blue-300, +.color--blue-300 h1, +.color--blue-300 h2, +.color--blue-300 h3, +.color--blue-300 h4, +.color--blue-300 h5, +.color--blue-300 h6, +.color--blue-300 p, +.color--blue-300 a, +.color--blue-300 li, +.color--blue-300 i, +.color--blue-300 span, +.color--white .color--blue-300 { color: #3eb1ff!important; } + +.color--green-500, +.color--green-500 h1, +.color--green-500 h2, +.color--green-500 h3, +.color--green-500 h4, +.color--green-500 h5, +.color--green-500 h6, +.color--green-500 p, +.color--green-500 a, +.color--green-500 li, +.color--green-500 i, +.color--green-500 span, +.color--white .color--green-500 { color: #00a14e!important; } + +.color--green-400, +.color--green-400 h1, +.color--green-400 h2, +.color--green-400 h3, +.color--green-400 h4, +.color--green-400 h5, +.color--green-400 h6, +.color--green-400 p, +.color--green-400 a, +.color--green-400 li, +.color--green-400 i, +.color--green-400 span, +.color--white .color--green-400 { color: #0fbc49!important; } + +.color--green-300, +.color--green-300 h1, +.color--green-300 h2, +.color--green-300 h3, +.color--green-300 h4, +.color--green-300 h5, +.color--green-300 h6, +.color--green-300 p, +.color--green-300 a, +.color--green-300 li, +.color--green-300 i, +.color--green-300 span, +.color--white .color--green-300 { color: #6fd792!important; } + +.color--pink-500, +.color--pink-500 h1, +.color--pink-500 h2, +.color--pink-500 h3, +.color--pink-500 h4, +.color--pink-500 h5, +.color--pink-500 h6, +.color--pink-500 p, +.color--pink-500 a, +.color--pink-500 li, +.color--pink-500 i, +.color--pink-500 span, +.color--white .color--pink-500 { color: #ff149c!important; } + +.color--pink-400, +.color--pink-400 h1, +.color--pink-400 h2, +.color--pink-400 h3, +.color--pink-400 h4, +.color--pink-400 h5, +.color--pink-400 h6, +.color--pink-400 p, +.color--pink-400 a, +.color--pink-400 li, +.color--pink-400 i, +.color--pink-400 span, +.color--white .color--pink-400 { color: #f74780!important; } + +.color--pink-300, +.color--pink-300 h1, +.color--pink-300 h2, +.color--pink-300 h3, +.color--pink-300 h4, +.color--pink-300 h5, +.color--pink-300 h6, +.color--pink-300 p, +.color--pink-300 a, +.color--pink-300 li, +.color--pink-300 i, +.color--pink-300 span, +.color--white .color--pink-300 { color: #fcb5cc!important; } + +.color--purple-500, +.color--purple-500 h1, +.color--purple-500 h2, +.color--purple-500 h3, +.color--purple-500 h4, +.color--purple-500 h5, +.color--purple-500 h6, +.color--purple-500 p, +.color--purple-500 a, +.color--purple-500 li, +.color--purple-500 i, +.color--purple-500 span, +.color--white .color--purple-500 { color: #663ae9!important; } + +.color--purple-400, +.color--purple-400 h1, +.color--purple-400 h2, +.color--purple-400 h3, +.color--purple-400 h4, +.color--purple-400 h5, +.color--purple-400 h6, +.color--purple-400 p, +.color--purple-400 a, +.color--purple-400 li, +.color--purple-400 i, +.color--purple-400 span, +.color--white .color--purple-400 { color: #7b5dd6!important; } + +.color--purple-300, +.color--purple-300 h1, +.color--purple-300 h2, +.color--purple-300 h3, +.color--purple-300 h4, +.color--purple-300 h5, +.color--purple-300 h6, +.color--purple-300 p, +.color--purple-300 a, +.color--purple-300 li, +.color--purple-300 i, +.color--purple-300 span, +.color--white .color--purple-300 { color: #bdaeea!important; } + +.color--red-500, +.color--red-500 h1, +.color--red-500 h2, +.color--red-500 h3, +.color--red-500 h4, +.color--red-500 h5, +.color--red-500 h6, +.color--red-500 p, +.color--red-500 a, +.color--red-500 li, +.color--red-500 i, +.color--red-500 span, +.color--white .color--red-500 { color: #da0f29!important; } + +.color--red-400, +.color--red-400 h1, +.color--red-400 h2, +.color--red-400 h3, +.color--red-400 h4, +.color--red-400 h5, +.color--red-400 h6, +.color--red-400 p, +.color--red-400 a, +.color--red-400 li, +.color--red-400 i, +.color--red-400 span, +.color--white .color--red-400 { color: #ff1e1a!important; } + +.color--red-300, +.color--red-300 h1, +.color--red-300 h2, +.color--red-300 h3, +.color--red-300 h4, +.color--red-300 h5, +.color--red-300 h6, +.color--red-300 p, +.color--red-300 a, +.color--red-300 li, +.color--red-300 i, +.color--red-300 span, +.color--white .color--red-300 { color: #ffa5a3!important; } + +.color--violet-500, +.color--violet-500 h1, +.color--violet-500 h2, +.color--violet-500 h3, +.color--violet-500 h4, +.color--violet-500 h5, +.color--violet-500 h6, +.color--violet-500 p, +.color--violet-500 a, +.color--violet-500 li, +.color--violet-500 i, +.color--violet-500 span, +.color--white .color--violet-500 { color: #c73e9b!important; } + +.color--violet-400, +.color--violet-400 h1, +.color--violet-400 h2, +.color--violet-400 h3, +.color--violet-400 h4, +.color--violet-400 h5, +.color--violet-400 h6, +.color--violet-400 p, +.color--violet-400 a, +.color--violet-400 li, +.color--violet-400 i, +.color--violet-400 span, +.color--white .color--violet-400 { color: #be6cbe!important; } + +.color--violet-300, +.color--violet-300 h1, +.color--violet-300 h2, +.color--violet-300 h3, +.color--violet-300 h4, +.color--violet-300 h5, +.color--violet-300 h6, +.color--violet-300 p, +.color--violet-300 a, +.color--violet-300 li, +.color--violet-300 i, +.color--violet-300 span, +.color--white .color--violet-300 { color: #e2bde2!important; } + +.color--yellow-500, +.color--yellow-500 h1, +.color--yellow-500 h2, +.color--yellow-500 h3, +.color--yellow-500 h4, +.color--yellow-500 h5, +.color--yellow-500 h6, +.color--yellow-500 p, +.color--yellow-500 a, +.color--yellow-500 li, +.color--yellow-500 i, +.color--yellow-500 span, +.color--white .color--yellow-500 { color: #ffba01!important; } + +.color--yellow-400, +.color--yellow-400 h1, +.color--yellow-400 h2, +.color--yellow-400 h3, +.color--yellow-400 h4, +.color--yellow-400 h5, +.color--yellow-400 h6, +.color--yellow-400 p, +.color--yellow-400 a, +.color--yellow-400 li, +.color--yellow-400 i, +.color--yellow-400 span, +.color--white .color--yellow-400 { color: #ffbd45!important; } + +.color--yellow-300, +.color--yellow-300 h1, +.color--yellow-300 h2, +.color--yellow-300 h3, +.color--yellow-300 h4, +.color--yellow-300 h5, +.color--yellow-300 h6, +.color--yellow-300 p, +.color--yellow-300 a, +.color--yellow-300 li, +.color--yellow-300 i, +.color--yellow-300 span, +.color--white .color--yellow-300 { color: #ffdf35!important; } + + + + +/* ========================================================================== + 03. PRELOAD ANIMATION + ========================================================================== */ + +#loading { + height: 100%; + width: 100%; + position: fixed; + z-index: 1; + margin-top: 0px; + top: 0px; + z-index: 99999999; +} + +#loading { + background-color: #f5f5f9; +} + +#loading-center { + position: absolute; + left: 50%; + top: 50%; + height: 100px; + width: 100px; + margin-top: -50px; + margin-left: -50px; + -webkit-animation: loading-center-absolute 1s infinite; + animation: loading-center-absolute 1s infinite; +} + +.loader { + border: 2px solid; + border-color: transparent #888; + width: 100px; + height: 100px; + border-radius: 50%; + display: inline-block; + position: relative; + box-sizing: border-box; + animation: rotation 1s linear infinite; +} + +.loading--blue .loader { + border-color: transparent #1680fb; +} + +.loading--green .loader { + border-color: transparent #0fbc49; +} + +.loading--pink .loader { + border-color: transparent #f74780; +} + +.loading--purple .loader { + border-color: transparent #7b5dd6; +} + +.loading--red .loader { + border-color: transparent #ff1e1a; +} + +.loading--violet .loader { + border-color: transparent #c73e9b; +} + +.loading--yellow .loader { + border-color: transparent #ffba01; +} + +.loader::after { + content: ''; + box-sizing: border-box; + position: absolute; + left: 50%; + top: 50%; + border: 50px solid; + border-color: transparent rgba(30, 30, 30, 0.15); + border-radius: 50%; + transform: translate(-50%, -50%); +} + +.loading--blue .loader::after { + border-color: transparent rgba(22, 128, 251, .15); +} + +.loading--green .loader::after { + border-color: transparent rgba(14, 188, 73, .15); +} + +.loading--pink .loader::after { + border-color: transparent rgba(247, 71, 128, .15); +} + +.loading--purple .loader::after { + border-color: transparent rgba(123, 93, 214, .15); +} + +.loading--red .loader::after { + border-color: transparent rgba(255, 30, 26, .15); +} + +.loading--violet .loader::after { + border-color: transparent rgba(1900, 108, 190, .15); +} + +.loading--yellow .loader::after { + border-color: transparent rgba(255, 186, 1, .15); +} + +@keyframes rotation { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + + + + +/* ========================================================================== + 04. HEADER & NAVIGATION + =========================================================================== */ + +#header { + width: 100%; + display: block; + padding-top: 0px; +} + +.header-wrapper { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.headerwp { + max-width: 1140px; + margin: 0 auto; + padding: 0; +} + +.posrlt { + position: relative; +} + +/*------------------------------------------*/ +/* HEADER LOGO +/*------------------------------------------*/ + +.desktoplogo img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.blog-header .desktoplogo img { + max-height: 30px; +} + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.wsmainfull { + width: 100%; + height: auto; + z-index: 1031; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.tra-menu .wsmainfull { + padding: 20px 0; + background-color: transparent!important; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.white-menu .wsmainfull { + padding: 6px 0; + background-color: #fff!important; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.dark-menu .wsmainfull { + padding: 6px 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +#header.hiddden-header { + display: none; +} + +.hidden-nav .wsmainfull { + margin-top: -140px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 1rem; + line-height: 50px; + font-weight: 600; + letter-spacing: 0; + text-decoration: none; + margin: 0 7px; + padding: 10px 15px; +} + +.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.wsmenu > .wsmenu-list > li > a.h-link.last-link { + padding: 10px 0px; + margin: 0; +} + +.wsmenu > .wsmenu-list > li > a .wsarrow:after { + border-left: 4px solid rgba(0, 0, 0, 0); + border-right: 4px solid rgba(0, 0, 0, 0); + border-top: 4px solid; + content: ""; + float: right; + right: 0; + height: 0; + margin: 0 0 0 14px; + position: absolute; + text-align: right; + top: 35px; + width: 0; +} + +.wsmenu > .wsmenu-list > li.reg-fst-link > a { + margin-left: 30px; +} + +/*------------------------------------------*/ +/* HEADER LINK INFO +/*------------------------------------------*/ + +span.sm-info { + position: relative; + display: inline-block; + text-align: center; + width: 20px; + height: 20px; + color: #fff; + font-size: 0.65rem; + line-height: 19px; + font-weight: 700; + margin-left: 5px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; +} + +.nav-blue-500 .sm-info { background-color: #185abd; } +.nav-blue-400 .sm-info { background-color: #1680fb; } +.nav-blue-300 .sm-info { background-color: #3eb1ff; } + +.nav-green-500 .sm-info { background-color: #00a14e; } +.nav-green-400 .sm-info { background-color: #0fbc49; } +.nav-green-300 .sm-info { background-color: #6fd792; } + +.nav-pink-500 .sm-info { background-color: #ff149c; } +.nav-pink-400 .sm-info { background-color: #f74780; } +.nav-pink-300 .sm-info { background-color: #fcb5cc; } + +.nav-purple-500 .sm-info { background-color: #663ae9; } +.nav-purple-400 .sm-info { background-color: #7b5dd6; } +.nav-purple-300 .sm-info { background-color: #bdaeea; } + +.nav-red-500 .sm-info { background-color: #da0f29; } +.nav-red-400 .sm-info { background-color: #ff1e1a; } +.nav-red-300 .sm-info { background-color: #ffa5a3; } + +.nav-violet-500 .sm-info { background-color: #c73e9b; } +.nav-violet-400 .sm-info { background-color: #be6cbe; } +.nav-violet-300 .sm-info { background-color: #e2bde2; } + +.nav-yellow-500 .sm-info { background-color: #ffba01; } +.nav-yellow-400 .sm-info { background-color: #ffbd45; } +.nav-yellow-300 .sm-info { background-color: #ffdf35; } + +/*------------------------------------------*/ +/* HEADER BUTTONS +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li a.btn { + font-size: 1rem; + line-height: 30px; + font-weight: 600; + text-transform: none; + letter-spacing: 0; + margin-top: 14px; + padding: 4px 28px; +} + +.wsmenu > .wsmenu-list > li a.btn.reg-btn { + padding: 4px 22px; +} + +.wsmenu > .wsmenu-list > li a.btn.fst-btn-link { + margin-left: 12px; +} + +.wsmenu > .wsmenu-list > li a.store.header-store { + line-height: 1; + margin-top: 13px; + margin-left: 10px; + margin-bottom: 0; + padding: 0; +} + +.store.header-store img { + max-height: 44px; +} + +/*------------------------------------------*/ +/* HEADER SOCIAL LINKS +/*------------------------------------------*/ + +.header-socials { + margin: 0; + display: inline-block; + text-align: center; +} + +.header-socials span { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.header-socials a { + display: block; + margin-left: 18px; +} + +.navbar-light .header-socials a { + color: #ddd; +} + +.navbar-light .header-socials a:hover { + color: #ccc!important; +} + +.header-socials.ico-20 [class*="flaticon-"]:before, +.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } + +/*------------------------------------------*/ +/* HEADER SUBMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu { + width: auto; + min-width: 200px; + top: 62px; + padding: 12px 10px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a { + background-color: rgba(244, 244, 249, 0); + font-family: 'Plus Jakarta Sans', sans-serif; + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* HALFMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + top: 62px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + width: 38%; + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + right: 2%; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li { + border-bottom: none; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + background-color: rgba(244, 244, 249, 0); + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* MEGAMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { + width: 76%!important; + left: 23%; + padding: 20px 10px; +} + +.wsmegamenu.w-75 .col-lg-3 { + padding: 0 6px; +} + +/*------------------------------------------*/ +/* SUBMENU TITLE +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu .title, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title { + color: #929394; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.875rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0; + margin: 10px 0 15px 13px; +} + +/*------------------------------------------*/ +/* DARK HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #ddd; + background-color: rgba(255, 255, 255, 0)!important; +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(255, 255, 255, .05)!important; +} + +.dark-menu .title, .black-scroll .scroll .title, +.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span { + color: #fff!important; +} + +/*------------------------------------------*/ +/* ICONS MENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu { + max-width: 275px; + min-width: 275px; + padding: 12px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + width: 52%; + padding: 12px 6px; +} + +.wsmegamenu.halfmenu.icons-menu .col-lg-6 { + padding: 0 6px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { + width: 82%!important; + left: 17%; + padding: 12px 6px; +} + +.wsmegamenu.icons-menu.w-75 .col-lg-4 { + padding: 0 6px; +} + +.icons-menu .icons-menu-item { + display: flex!important; + position: relative!important; + flex-flow: row wrap!important; + align-items: stretch!important; + justify-content: flex-start!important; +} + +.icons-menu-ico { + position: relative; + margin-right: 14px; +} + +.wsmegamenu.ico-30 .icons-menu-ico span { + position: relative; + top: 6px!important; +} + +.icons-menu-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.icons-menu-txt h6 { + color: inherit; + font-size: 1rem; + line-height: 32px; + font-weight: 500; + margin-bottom: 0; +} + +.icons-menu-txt span { + display: block; + color: #898989; + font-size: 0.925rem; + font-weight: 400; + margin-bottom: 0; +} + +.sub-menu.ico-30 .icons-menu-txt h6 { + line-height: 30px; +} + +/*------------------------------------------*/ +/* NAVBAR HOVER +/*------------------------------------------*/ + +.navbar-light .wsmenu-list > li > a.h-link:hover { + color: #eee!important; +} + +.navbar-dark .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #185abd!important; +} + +.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #1680fb!important; +} + +.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #3eb1ff!important; +} + +.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #00a14e!important; +} + +.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #0fbc49!important; +} + +.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #6fd792!important; +} + +.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff149c!important; +} + +.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #f74780!important; +} + +.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #fcb5cc!important; +} + +.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #663ae9!important; +} + +.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #7b5dd6!important; +} + +.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #bdaeea!important; +} + +.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #da0f29!important; +} + +.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff1e1a!important; +} + +.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ffa5a3!important; +} + +.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #c73e9b!important; +} + +.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #be6cbe!important; +} + +.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #e2bde2!important; +} + +/*------------------------------------------*/ +/* HIDDEN NAVBAR SCROLL +/*------------------------------------------*/ + +.hidden-nav .wsmainfull.scroll { + margin-top: 0; +} + +/*------------------------------------------*/ +/* NAVBAR WHITE SCROLL +/*------------------------------------------*/ + +.tra-menu.white-scroll .wsmainfull.scroll, +.white-menu.white-scroll .wsmainfull.scroll { + padding: 0; + background-color: rgba(255, 255, 255, .7)!important; + backdrop-filter: blur(20px); + -webkit-backdrop-filter: blur(20px); + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +/*------------------------------------------*/ +/* NAVBAR BLACK SCROLL +/*------------------------------------------*/ + +.tra-menu.black-scroll .wsmainfull.scroll, +.dark-menu.black-scroll .wsmainfull.scroll { + padding: 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover { + color: #ccc!important; +} + +/*------------------------------------------*/ +/* WHITE SCROLL BUTTONS +/*------------------------------------------*/ + +.white-scroll .scroll .btn--tra-white { + color: #353f4f!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK SCROLL BUTTONS +/*------------------------------------------*/ + +.black-scroll .scroll .btn--tra-black { + color: #fff!important; + border-color: #fff!important; +} + +/*------------------------------------------*/ +/* LOGO IMAGE +/*------------------------------------------*/ + +.logo-white, +.logo-black { + display: block; +} + +.navbar-light .logo-black, +.navbar-dark .logo-white, +.tra-menu.navbar-light .scroll .logo-white, +.tra-menu.navbar-dark.black-scroll .scroll .logo-black { + display: none; +} + +.tra-menu.navbar-light .scroll .logo-black, +.tra-menu.navbar-dark.black-scroll .scroll .logo-white { + display: block; +} + + + + +/* ========================================================================== + 05. HERO + ========================================================================== */ + +.hero-section, +.hero-section .container { + position: relative; + z-index: 3; +} + +.hero-section.bg--img { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.hero-section.blur--purple:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 100%; + top: -30%; + left: 0; + background-image: url(../images/blur-purple.png); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + background-attachment: scroll; + opacity: 0.2; +} + +/*------------------------------------------*/ +/* HERO LOGO +/*------------------------------------------*/ + +.hero-logo { + margin-bottom: 40px; +} + +.hero-square-logo { + margin-bottom: 20px; +} + +#hero-22 .hero-logo { + margin-bottom: 30px; +} + +.hero-logo img { + width: auto; + max-width: inherit; + max-height: 36px; +} + +.hero-square-logo img { + width: auto; + max-width: inherit; + max-height: 90px; +} + +/*------------------------------------------*/ +/* HERO APP LOGO +/*------------------------------------------*/ + +.hero-app-logo { + margin-bottom: 35px; +} + +#hero-25 .hero-app-logo { + margin-bottom: 25px; +} + +.hero-app-logo img { + width: auto; + max-width: inherit; + max-height: 100px; +} + +#hero-25 .hero-app-logo img { + max-height: 110px; +} + +/*------------------------------------------*/ +/* HERO DIGITS +/*------------------------------------------*/ + +#hd-1-1, #hd-1-2 { + display: inline-block; + float: left; + padding-right: 20px; +} + +#hd-1-1 { width: 45%; } +#hd-1-2 { width: 55%; } + +.hero-digits-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.hero-digits .block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 12px; +} + +.hero-digits h2.statistic-number { + line-height: 1; + margin-bottom: 0; +} + +.hero-digits h2.statistic-number span { + font-size: 1.85rem; +} + +.hero-digits .block-txt p.p-sm { + line-height: 1.35; + margin-top: 5px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* HERO TYPOGRAPHY +/*------------------------------------------*/ + +.hero-section h2 { + margin-bottom: 28px; +} + +.hero-section h2.s-48, +.hero-section h2.s-50 { + margin-bottom: 40px; +} + +.hero-section h2.s-62 { + margin-bottom: 24px; +} + +.hero-section p.p-sm { + padding: 0!important; +} + +.hero-section p.p-md { + margin-bottom: 30px; +} + +.hero-section p.p-lg, +.hero-section p.p-xl { + margin-bottom: 32px; +} + +.hero-section p.s-20, +.hero-section p.s-22, +.hero-section p.s-24 { + margin-bottom: 36px; +} + +.hero-section p.p-lg span, +.hero-section p.p-xl span { + font-weight: 600; + letter-spacing: -0.35px; +} + +/*------------------------------------------*/ +/* HERO-1 +/*------------------------------------------*/ + +#hero-1 { + background-image: url(../images/hero-1.jpg); + padding-top: 130px; + padding-bottom: 100px; +} + +.hero-1-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-2 +/*------------------------------------------*/ + +#hero-2 { + background-image: url(../images/hero-2.jpg); + padding-top: 150px; + padding-bottom: 100px; +} + +.hero-2-txt p { + padding-right: 3%; +} + +.hero-2-img { + text-align: center; + padding-right: 25px; +} + +/*------------------------------------------*/ +/* HERO-3 +/*------------------------------------------*/ + +#hero-3 { + position: relative; + padding-top: 160px; + background-image: url(../images/hero-3.jpg); +} + +#hero-3:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 5%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-3-txt { + margin-top: -70px; +} + +.hero-3-txt p.p-lg { + padding-right: 2%; +} + +.hero-3-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-4 +/*------------------------------------------*/ + +#hero-4 { + overflow: hidden; + background-image: url(../images/hero-4.jpg); + padding-top: 180px; +} + +#hero-4:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 10%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-4-txt h2 { + padding: 0 3%; +} + +.hero-4-txt p { + padding: 0 5%; +} + +.hero-4-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-4-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-5 +/*------------------------------------------*/ + +#hero-5 .wave-shape-bottom path { + fill: #fff; +} + +#hero-5 { + background-image: url(../images/hero-5.jpg); + padding-top: 140px; + padding-bottom: 50px; +} + +.hero-5-txt h2 { + line-height: 1.3; + margin-bottom: 25px; +} + +.hero-5-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +.hero-5-img { + margin: 0 0 -50px; +} + +/*------------------------------------------*/ +/* HERO-6 +/*------------------------------------------*/ + +#hero-6 { + padding-top: 130px; +} + +.hero-6-wrapper { + overflow: hidden; + background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd); + padding: 75px 80px; +} + +.hero-6-img { + position: relative; + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-7 +/*------------------------------------------*/ + +#hero-7 { + padding-top: 140px; + padding-bottom: 100px; +} + +#hero-7 .quick-form { + margin-right: 4%; +} + +.hero-7-img { + padding-left: 30px; +} + +/*------------------------------------------*/ +/* HERO-8 +/*------------------------------------------*/ + +#hero-8 .wave-shape-bottom path { + fill: #fff; +} + +#hero-8 { + position: relative; + background-image: url(../images/hero-8.jpg); + padding-top: 170px; + padding-bottom: 30px; +} + +.hero-8-txt { + margin-top: -70px; +} + +.hero-8-txt p { + padding-right: 10%; +} + +.hero-8-txt .hero-digits { + padding-right: 15%; +} + +#hero-8-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-8-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-8-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-8-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-8-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-9 +/*------------------------------------------*/ + +#hero-9 { + padding-top: 180px; +} + +.hero-9-txt h2 { + line-height: 1; +} + +.hero-9-txt h2 img { + position: relative; + width: auto; + max-width: inherit; + max-height: 100px; + margin: 0 3px; + top: -8px; +} + +.hero-9-txt p { + padding: 0 5%; + margin-top: 40px; +} + +#hero-9 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +.hero-9-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-10 +/*------------------------------------------*/ + +#hero-10 { + position: relative; + background-image: url(../images/hero-10.jpg); + padding-top: 170px; + padding-bottom: 100px; +} + +.hero-10-txt h4 { + line-height: 1.45; + font-weight: 300; + padding-right: 5%; + margin-bottom: 35px; +} + +.hero-10-img { + position: relative; + text-align: center; + margin: 0 -95% 0 15px; +} + +/*------------------------------------------*/ +/* HERO-11 +/*------------------------------------------*/ + +#hero-11 { + overflow: hidden; + background-image: url(../images/hero-11.jpg); + padding-top: 50px; +} + +.hero-11-txt { + margin-top: 40px; +} + +.hero-11-txt p { + padding-right: 5%; +} + +.hero-11-img { + position: relative; + margin: -60px -12% -100px -15px; +} + +/*------------------------------------------*/ +/* HERO-12 +/*------------------------------------------*/ + +#hero-12 { + overflow: hidden; + background-image: url(../images/hero-12.jpg); + padding-top: 180px; +} + +.hero-12-txt h2 { + padding: 0 3%; +} + +.hero-12-txt p { + padding: 0 5%; +} + +.hero-12-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-12-img { + margin-top: 60px; + margin-bottom: -100px; +} + +.hero-12-img .video-btn { + top: calc(50% - 30px); +} + +/*------------------------------------------*/ +/* HERO-13 +/*------------------------------------------*/ + +#hero-13 { + background-image: linear-gradient(180deg, #f1edff, #f1edff); + padding-top: 130px; + padding-bottom: 80px; +} + +#hero-13:after { + position: absolute; + content: ''; + z-index: -1; + width: 43%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; + -moz-box-shadow: 0 0 55px 35px #fff; + -webkit-box-shadow: 0 0 35px 35px #fff; + box-shadow: 0 0 35px 35px #fff; +} + +.hero-13-txt .section-id { + font-weight: 600; + letter-spacing: 1.5px; +} + +.hero-13-txt p { + padding-right: 5%; +} + +.hero-13-img { + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-14 +/*------------------------------------------*/ + +#hero-14 .wave-shape-bottom path { + fill: #fff; +} + +#hero-14 { + background-image: url(../images/hero-14.jpg); + padding-top: 170px; +} + +.hero-14-txt p.s-21 { + font-size: 1.3125rem; + margin-bottom: 40px; +} + +#hero-14 .quick-form { + margin-left: 6%; + margin-right: 6%; +} + +.hero-14-txt .btn-txt { + margin-top: 40px; +} + +.hero-14-img { + margin-top: 70px; +} + +/*------------------------------------------*/ +/* HERO-15 +/*------------------------------------------*/ + +#hero-15 { + position: relative; + z-index: 3; + background-image: url(../images/hero-15.jpg); + padding-top: 130px; +} + +.hero-15-txt { + margin-top: -20px; +} + +.hero-15-txt h2 { + padding-right: 5%; +} + +.hero-15-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-16 +/*------------------------------------------*/ + +#hero-16 .wave-shape-bottom path { + fill: #fff; +} + +#hero-16 { + background-image: url(../images/hero-16.jpg); + padding-top: 170px; + margin-bottom: 80px; +} + +.hero-16-img { + margin-top: 60px; + margin-bottom: -80px; +} + +/*------------------------------------------*/ +/* HERO-17 +/*------------------------------------------*/ + +#hero-17 { + text-align: center; + padding-top: 170px; + background-image: url(../images/hero-17.jpg); + background-position: top center; +} + +#hero-17 #brands-1 { + padding: 80px 6% 0; +} + +#hero-17 #brands-1 .brands-carousel-5 .brand-logo { + padding: 0 20px; +} + +#hero-17 .quick-form { + margin-left: 8%; + margin-right: 8%; +} + +/*------------------------------------------*/ +/* HERO-18 +/*------------------------------------------*/ + +#hero-18 { + padding-top: 140px; + padding-bottom: 80px; +} + +#hero-18:after { + position: absolute; + content: ''; + z-index: -1; + width: 74%; + height: 100%; + top: 0; + left: 26%; + background-image: url(../images/hero-18.jpg); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + border-radius: 0 0 0 60px; +} + +.hero-18-txt p { + padding-right: 3%; +} + +#hero-18 .quick-form { + margin-right: 4%; +} + +.hero-18-img { + text-align: center; + padding-right: 15px; +} + +/*------------------------------------------*/ +/* HERO-19 +/*------------------------------------------*/ + +#hero-19 { + padding-top: 170px; +} + +.hero-19-txt p { + padding: 0 10%; +} + +/*------------------------------------------*/ +/* HERO-20 +/*------------------------------------------*/ + +#hero-20 { + background-image: url(../images/hero-20.jpg); + padding-top: 100px; + padding-bottom: 100px; +} + +#hero-20:after { + position: absolute; + content: ''; + z-index: -1; + width: 51%; + height: 100%; + top: 0; + left: 0; + background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd); +} + +.hero-20-txt { + padding: 0 8% 0 15px; +} + +.hero-section .hero-20-txt h2.s-48 { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* HERO-21 +/*------------------------------------------*/ + +#hero-21 { + padding-top: 170px; +} + +.hero-21-txt { + margin-bottom: 60px; +} + +.hero-21-txt h2 { + margin-bottom: 35px; +} + +.hero-21-wrapper { + overflow: hidden; +} + +#hero-21 .hero-overlay { + background-image: url(../images/hero-21.jpg); + padding: 90px 70px 0; +} + +.hero-21-img { + position: relative; + margin-bottom: -25%; +} + +.hero-21-img .video-btn { + top: calc(50% - 80px); +} + +/*------------------------------------------*/ +/* HERO-22 +/*------------------------------------------*/ + +#hero-22 .wave-shape-bottom path { + fill: #fff; +} + +#hero-22 { + position: relative; + background-image: url(../images/hero-22.jpg); + padding-top: 160px; +} + +#hero-22-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-22-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-22-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-22-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-22-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-23 +/*------------------------------------------*/ + +#hero-23 .wave-shape-bottom path { + fill: #fff; +} + +#hero-23 { + position: relative; + background-image: url(../images/hero-23.jpg); + padding-top: 100px; + margin-bottom: 25px; +} + +.hero-23-txt p { + padding: 0 5%; +} + +.hero-23-img { + margin-top: 40px; + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* HERO-24 +/*------------------------------------------*/ + +#hero-24 { + background-image: url(../images/hero-24.jpg); + padding-top: 200px; + padding-bottom: 150px; +} + +#hero-24 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +/*------------------------------------------*/ +/* HERO-25 +/*------------------------------------------*/ + +#hero-25 { + background-image: url(../images/hero-25.jpg); + padding-top: 120px; + padding-bottom: 100px; +} + +.hero-25-txt h2 { + margin-bottom: 22px; +} + +.hero-25-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* HERO-26 +/*------------------------------------------*/ + +#hero-26 .wave-shape-bottom path { + fill: #fff; +} + +#hero-26 { + position: relative; + background-image: url(../images/hero-26.jpg); + padding-top: 160px; + z-index: 3; +} + +.hero-26-txt { + margin-top: -80px; +} + +.hero-26-txt h2 { + padding-right: 2%; +} + +#hero-26 .quick-form { + margin-right: 4%; +} + +.hero-26-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-27 +/*------------------------------------------*/ + +#hero-27 .hero-overlay { + background-image: url(../images/hero-27.png); + background-position: top center; + padding-top: 170px; +} + +.hero-27-txt h2 { + margin-bottom: 26px!important; +} + +.hero-27-txt p.s-20 { + padding: 0 6%; + margin-bottom: 30px!important; +} + +.hero-27-txt p.s-21 { + padding: 0 5%; +} + +/*------------------------------------------*/ +/* HERO QUICK FORM +/*------------------------------------------*/ + +.hero-section .quick-form .input-group { + border: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Input +/*------------------------------------------*/ + +.hero-section .quick-form .form-control { + height: 64px; + background-color: #fff; + border: 2px solid transparent; + color: #666; + font-size: 1.125rem; + font-weight: 400; + padding: 0 20px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.hero-section .quick-form.form-shadow .form-control { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + box-shadow: 0 5px 10px rgba(0, 0, 0, .05); +} + +.hero-section .quick-form.form-stroke .form-control { + border-color: #353f4f; +} + +.hero-section .quick-form.form-half .form-control { + height: 58px; + font-size: 1.0625rem; +} + +/*------------------------------------------*/ +/* Hero Quick Form Placeholder +/*------------------------------------------*/ + +.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Hero Quick Form Focus +/*------------------------------------------*/ + +.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Button +/*------------------------------------------*/ + +.hero-section .quick-form .btn { + height: 64px; + font-size: 1.0625rem; + padding: 12px 45px; + margin-left: 15px; +} + +.hero-section .quick-form.form-half .btn { + height: 58px; + font-size: 1rem; + padding: 13px 40px; + margin-left: 14px; +} + +/*------------------------------------------*/ +/* Hero Quick Form Message +/*------------------------------------------*/ + +.hero-section .quick-form-msg { + width: 100%!important; + display: block; + margin: 20px 0 15px 5px; +} + +.hero-section .text-center .quick-form-msg { + margin: 20px 0 -15px 0; +} + +.hero-section .quick-form-msg .loading { + color: #3eb1ff; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; +} + +.hero-section .text-center .quick-form-msg .loading { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* HERO REQUEST FORM +/*------------------------------------------*/ + +/*------------------------------------------*/ +/* Hero Request Form Input +/*------------------------------------------*/ + +.request-form .form-control { + height: 58px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #666; + font-size: 1rem; + font-weight: 400; + margin-bottom: 22px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Hero Request Form Placeholder +/*------------------------------------------*/ + +.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } +.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; } +.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; } + +.request-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Request Form Button +/*------------------------------------------*/ + +#hero-8-form .btn, +#hero-22-form .btn { + width: 100%; + height: 58px; + padding: 16px; +} + +/*------------------------------------------*/ +/* Hero Request Form Message +/*------------------------------------------*/ + +.request-form-msg { + width: 100%!important; + display: block; + text-align: center; + margin-top: 15px; +} + +.request-form-msg .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 06. ABOUT + ========================================================================== */ + +.a2-txt { + padding: 20px 30px 35px; +} + +.a2-txt-quote { + position: relative; + margin-bottom: -45px; + } + +.a2-txt-quote.ico-40 [class*="flaticon-"]:before, +.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; } + +/*------------------------------------------*/ +/* ABOUT TYPOGRAPHY +/*------------------------------------------*/ + +#about-1 .txt-block p { + margin-bottom: 0; +} + +#about-4 .txt-block p { + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* ABOUT 2 AUTHOR +/*------------------------------------------*/ + +.a2-txt-author { + line-height: 1.45; + font-weight: 500; + margin-top: 18px; + margin-bottom: 0; +} + +.a2-txt-author span { + display: block; + font-weight: 300; +} + +/*------------------------------------------*/ +/* ABOUT 2 IMAGES +/*------------------------------------------*/ + +.about-3-images { + padding: 0 5%; +} + +.about-2-img { + overflow: hidden; +} + +.about-3-img { + overflow: hidden; + height: 460px; +} + +.a-2-1 { + margin-left: 13%; + margin-bottom: 30px; +} + +.a-2-2 { + margin-left: -10%; +} + +.a-2-3 { + margin-right: -10%; + margin-bottom: 30px; +} + +.a-2-4 { + margin-right: -10%; +} + +#a4-1 { + position: relative; + padding-right: 30px; + margin-top: -30px; +} + +#a4-2 { + position: relative; + padding-left: 30px; + margin-bottom: -30px; +} + + + + +/* ========================================================================== + 07. FEATURES + ========================================================================== */ + +#features-12.py-100.shape--bg:after, +#features-12.pt-100.shape--bg:after, +#features-13.py-100.shape--bg:after, +#features-13.pt-100.shape--bg:after { + position: absolute; + content: ''; + z-index: -1; +} + +#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; } +#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; } +#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; } +#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; } + +.rows-2 .fb-1, +.rows-2 .fb-2, +.rows-2 .fb-3 { + margin-bottom: 50px; +} + +.rows-2 .fbox-7.fb-1, +.rows-2 .fbox-7.fb-2, +.rows-2 .fbox-7.fb-3, +.rows-2 .fbox-9.fb-1, +.rows-2 .fbox-9.fb-2, +.rows-2 .fbox-9.fb-3, +.rows-3 .fb-1, .rows-3 .fb-2, +.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; } + +.rows-3 .fb-3.fbox-11-lst, +.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; } + +.fbox-14-wrapper { + padding: 80px 70px; +} + +.fbox-14-wrapper .col { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.row-cols-md-3 .fbox-4 { padding: 50px 35px; } +.row-cols-md-2 .fbox-4 { padding: 35px 20px; } + +.fbox-5 { padding: 60px; } + +.fbox-7 { + border: 2px solid #eee; + padding: 55px 40px 50px; +} + +.row-cols-md-2 .fbox-7 { + padding: 35px 20px 30px; +} + +.fbox-8 { padding: 55px 40px; } +.fbox-8.bg--white-100 { padding: 60px 40px; } + +.fbox-9 { + border: 2px solid #eee; + padding: 40px 40px 35px; +} + +.fbox-14 { + border: 2px solid #eee; + padding: 40px 30px 35px; +} + +/*------------------------------------------*/ +/* FEATURE BOX IMAGE +/*------------------------------------------*/ + +.fbox-img img { + width: auto; + max-width: inherit; +} + +.fbox-img.h-135 img { max-height: 135px; } +.fbox-img.h-140 img { max-height: 140px; } +.fbox-img.h-145 img { max-height: 145px; } +.fbox-img.h-150 img { max-height: 150px; } +.fbox-img.h-155 img { max-height: 155px; } +.fbox-img.h-160 img { max-height: 160px; } +.fbox-img.h-165 img { max-height: 165px; } +.fbox-img.h-170 img { max-height: 170px; } +.fbox-img.h-175 img { max-height: 175px; } +.fbox-img.h-180 img { max-height: 180px; } + +/*------------------------------------------*/ +/* FBOX-1 IMAGE +/*------------------------------------------*/ + +.fbox-1 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-1 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-2 IMAGE +/*------------------------------------------*/ + +.fbox-2 .fbox-img { + -webkit-border-radius: 12px 12px 0 0; + -moz-border-radius: 12px 12px 0 0; + -o-border-radius: 12px 12px 0 0; + border-radius: 12px 12px 0 0; +} + +.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, +.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } + +.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; } +.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } +.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } +.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; } +.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; } + +.fbox-2 .fbox-img img { + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* FBOX-3 IMAGE +/*------------------------------------------*/ + +.fbox-3 .fbox-img { + overflow: hidden; +} + +.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; } +.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; } +.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; } +.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; } + +.row-cols-md-2 .fbox-3 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-4 IMAGE +/*------------------------------------------*/ + +.fbox-4 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-4 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-5 IMAGE +/*------------------------------------------*/ + +.fbox-5.fb-1 .fbox-5-img, +.fbox-5.fb-5 .fbox-5-img, +.fbox-5.fb-6 .fbox-5-img { + margin: 40px 5% 0; +} + +.fbox-5.fb-2 .fbox-5-img, +.fbox-5.fb-3 .fbox-5-img, +.fbox-5.fb-4 .fbox-5-img { + margin: 0 5% 40px; +} + +/*------------------------------------------*/ +/* FEATURE BOX VECTOR ICON +/*------------------------------------------*/ + +.fbox-ico, +.fbox-ico.ico-rounded { + margin-bottom: 20px; +} + +.fbox-ico.ico-rounded-md, +.fbox-ico.ico-rounded-lg { + margin-bottom: 25px; +} + +.fbox-11 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.fbox-ico-wrap { + position: relative; + margin-right: 25px; +} + +.rows-2 .fbox-ico-wrap { + margin-right: 20px; +} + +.fbox-11 .fbox-ico { + margin-top: 4px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.fbox-11 .fbox-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +/*------------------------------------------*/ +/* FEATURE BOX TITLE +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-lg-3 .fbox-title { + margin-bottom: 10px; +} + +.fbox-title span { + float: left; + line-height: 1!important; + margin-right: 15px; +} + +.fbox-title h6 { + line-height: 2.1875rem!important; + margin-bottom: 0; +} + +.fbox-title.ico-30 h6 { + line-height: 1.875rem!important; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* FEATURE BOX TYPOGRAPHY +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-md-3 h6 { + margin-bottom: 15px; +} + +.rows-2 .fbox-11 h6, +.fbox-wrapper .row-cols-md-2 h6 { + margin-bottom: 10px; +} + +.fbox-wrapper p { + margin-bottom: 0; +} + +.fbox-5 h5 { + margin-bottom: 15px; +} + +.fbox-14 h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FEATURE-12 +/*------------------------------------------*/ + +.fbox-12-wrapper { + padding-left: 45px; +} + +.fbox-13-wrapper { + padding-right: 45px; +} + +.fbox-12, +.fbox-13 { + padding: 32px 35px; +} + +.fbox-12 h5, +.fbox-13 h5 { + margin-top: 20px; + margin-bottom: 10px; +} + +.fbox-12 p, +.fbox-13 p, +.fbox-14 p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 08. CONTENT + ========================================================================== */ + +.ct-06 { + margin-bottom: 80px; +} + +.ct-07 { + margin-top: 80px; +} + +.ct-10 .section-overlay { + margin-bottom: 100px; +} + +.ct-11, +.ct-12 { + padding: 60px 0; +} + +.ct-11:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; +} + +.ct-12:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 50%; + background-color: #fff; +} + +/*------------------------------------------*/ +/* CONTENT BOX WRAPPER +/*------------------------------------------*/ + +.bc-1-wrapper .section-overlay, +.bc-4-wrapper .section-overlay, +.bc-6-wrapper .section-overlay { + padding: 80px 70px; +} + +.bc-2-wrapper .section-overlay, +.bc-3-wrapper .section-overlay, +.bc-5-wrapper .section-overlay { + padding: 80px 70px 0; +} + +.bc-6 { + padding: 40px 35px; +} + +.cbox-6-wrapper { + padding: 60px 40px; +} + +.content-section .cbox-6-wrapper { + padding: 80px 70px; +} + +.bc-5-wrapper .section-title p { + padding: 0; +} + +/*------------------------------------------*/ +/* TEXT BLOCK +/*------------------------------------------*/ + +.txt-box { + margin-bottom: 20px; +} + +.txt-box:last-child { + margin-bottom: 0; +} + +.bc-3-txt, +.ct-06 .txt-block, +.bc-2-wrapper .txt-block { + margin-top: -40px; +} + +.bc-2-txt, +.ct-07 .txt-block { + margin-top: 40px; +} + +.bc-1-wrapper .txt-block.pr-25.left-column, +.bc-2-wrapper .txt-block.pr-25.left-column { + padding-right: 25px; +} + +.bc-1-wrapper .txt-block.pl-25.right-column, +.bc-2-wrapper .txt-block.pl-25.right-column { + padding-left: 25px; +} + +.ct-11 .txt-block { + padding-right: 50px; +} + +.ct-12 .txt-block { + padding-left: 70px; +} + +.ct-13 .txt-block h5 { + padding-right: 6%; +} + +/*------------------------------------------*/ +/* TEXT BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.bc-2-txt h2, +.bc-3-txt h2, +.bc-4-txt h2, +.txt-block h3, +.txt-block h2 { + margin-bottom: 26px; +} + +.txt-block h5 { + margin-bottom: 20px; +} + +h5.h5-title { + margin-top: 20px; + margin-bottom: 20px; +} + +.txt-block .btn, +.txt-block .btns-group .btn.btn--transparent { + margin-top: 25px; +} + +.txt-block .btn.btn--transparent { + margin-top: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX +/*------------------------------------------*/ + +.cbox-1, +.cbox-2, +.cbox-3 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.cbox-5 { + position: relative; +} + +.cbox-5-content { + background-color: #fff; + border: 1px solid #f5f6f6; + padding: 40px; + margin: 0 12%; + z-index: 1; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.cbox-5-content .divider { + margin-top: 25px; + margin-bottom: 25px; +} + +#cb-6-1, #cb-6-2 { + margin-bottom: 35px; +} + +/*------------------------------------------*/ +/* CONTENT BOX TITLE +/*------------------------------------------*/ + +.box-title h6, +.box-title h5 { + display: inline-block; + line-height: 2.35rem!important; + margin-bottom: 15px; +} + +.box-title span { + position: relative; + top: 12px; + margin-right: 10px; +} + +.box-title span[class*="flaticon-"]:before, +.box-title span[class*="flaticon-"]:after { + font-size: 2.35rem; +} + +.txt-block .cbox-5-title h2 { + font-size: 3.5rem; + letter-spacing: -1px; + line-height: 1; + margin-bottom: 10px; +} + +.cbox-5-title .statistic-number sup { + font-size: 3rem; + top: -5px; + right: 6px; +} + +.cbox-5-title .ico-15 [class*="flaticon-"]:before, +.cbox-5-title .ico-15 [class*="flaticon-"]:after { + font-size: 0.875rem; + line-height: 1!important; +} + +.cbox-5-title p.p-lg { + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* CONTENT BOX ICON +/*------------------------------------------*/ + +.cbox-1 .ico-wrap { + margin-left: 8px; +} + +.cbox-1.ico-10 span { + position: relative; + top: 0; + right: 7px; +} + +.cbox-1.ico-15 span { + position: relative; + top: 1px; + right: 8px; +} + +.cbox-1.ico-10 [class*="flaticon-"]:before, +.cbox-1.ico-10 [class*="flaticon-"]:after { + font-size: 0.6rem; +} + +.cbox-1.ico-15 [class*="flaticon-"]:before, +.cbox-1.ico-15 [class*="flaticon-"]:after { + font-size: 0.75rem; +} + +/*------------------------------------------*/ +/* CBOX #2 +/*------------------------------------------*/ + +.cbox-2 .ico-wrap { + position: relative; + margin-right: 1.625rem; +} + +.cbox-2-ico { + position: relative; + width: 2.625rem; + height: 2.625rem; + text-align: center; + border-radius: 100%; + font-size: 1.1875rem; + font-weight: 500; + line-height: 2.375rem; + border: 2px solid transparent; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.ct-03 .cbox-2-ico { + position: relative; + width: 2.35rem; + height: 2.35rem; + font-size: 1.15rem; + line-height: 2.15rem; +} + +.cbox-2-line { + position: absolute; + bottom: 20px; + left: 50%; + width: 2px; + background-color: #e4e4e4; + height: calc(100% - 90px); + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.cbox-2:hover .cbox-2-ico { + background-color: transparent; + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} + +.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; } +.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; } +.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; } + +.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; } +.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; } +.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; } + +.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; } +.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; } +.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; } + +.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; } +.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; } +.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; } + +.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; } +.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; } +.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; } + +.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; } +.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; } +.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; } + +.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; } +.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; } +.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* CBOX #3 +/*------------------------------------------*/ + +.cbox-3 .ico-wrap { + position: relative; + text-align: center; + margin-top: 0; + margin-right: 1.15rem; +} + +.cbox-3 .cbox-3-ico { + position: relative; + top: 3px; +} + +.cbox-3-ico span[class*="flaticon-"]:before, +.cbox-3-ico span[class*="flaticon-"]:after { + font-size: 2.85rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX TEXT +/*------------------------------------------*/ + +.cbox-1-txt, +.cbox-2-txt, +.cbox-3-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.cbox-2-txt, +.cbox-3-txt { + margin-bottom: 35px; +} + +.ct-03 .cbox-2-txt { + margin-bottom: 30px; +} + +.cbox-4-txt { + margin-bottom: 25px; +} + +.cbox-2:last-child .cbox-2-txt, +.cbox-3:last-child .cbox-3-txt, +.cbox-4:last-child .cbox-4-txt { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX FEATURE +/*------------------------------------------*/ + +.cbox-5-fea { + padding: 20px 25px; + margin-top: 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.txt-block .cbox-5-fea h4 { + line-height: 1; + margin-bottom: 3px; +} + +.cbox-5-fea p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX TYPOGRAPHY +/*------------------------------------------*/ + +.cbox-2-txt h5, +.cbox-3-txt h5 { + margin-bottom: 15px; +} + +.ct-03 .cbox-2-txt h5 { + margin-bottom: 10px; +} + +.cbox-6 h6 { + margin-bottom: 15px; +} + +.cbox-1-txt p { + margin-bottom: 8px; +} + +.cbox-1-last .cbox-1-txt p { + margin-bottom: 1rem; +} + +.cbox-6 p, +.cbox-2-txt p, +.cbox-3-txt p, +.cbox-4-txt p { + margin-bottom: 0; +} + +.bc-6-txt { + padding: 0 10px; +} + +.bc-6-txt h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* ACCORDION +/*------------------------------------------*/ + +.txt-block .accordion-1 .accordion-item { + background-color: transparent; + padding: 25px 30px; + border: none; +} + +.txt-block .accordion-2 .accordion-item { + background-color: transparent; + padding: 15px 0 25px; + border: none; + border-top: 1px solid #ccc; + border-radius: 0 0; +} + +.txt-block .accordion-2 .accordion-item:last-child { + border-bottom: 1px solid #ccc; +} + +.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; } +.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; } +.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } +.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; } +.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; } +.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; } +.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; } +.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; } + +.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } +.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } +.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } +.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } +.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } +.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; } +.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; } + +.txt-block .accordion-thumb { + margin: 0; + padding: 0; + cursor: pointer; + position: relative; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + color: #6c757d; + font-family: Flaticon; + position: absolute; + color: #353f4f; + font-weight: 400; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before { + content: "\f11a"; + font-size: 0.95rem; + top: 1px; + left: 0; +} + +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f110"; + font-size: 0.95rem; + top: 12px; + right: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active { + background-color: #f4f4f9; + padding: 35px 30px 19px 30px; + margin-bottom: 15px; + margin-top: 15px; +} + +.txt-block .accordion-2 .accordion-item.is-active { + background-color: transparent; + margin-bottom: 0; + margin-top: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before { + content: "\f11b"; +} + +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f111"; +} + +.txt-block .accordion-1 .accordion-panel { + color: #6c757d; + margin: 0; + padding: 0 0 0 25px; + display: none; +} + +.txt-block .accordion-2 .accordion-panel { + color: #6c757d; + margin: 15px 0 0 0; + display: none; +} + +.txt-block .accordion-1 .accordion-thumb h5 { + color: #353f4f; + line-height: 1; + padding-left: 28px; + margin-bottom: 0; +} + +.txt-block .accordion-2 .accordion-thumb h5 { + color: #353f4f; + display: inline-block; + line-height: 1; + padding-left: 10px; + margin-bottom: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { + margin-bottom: 20px; +} + +.accordion-2 .accordion-thumb span[class*="flaticon-"]:before, +.accordion-2 .accordion-thumb span[class*="flaticon-"]:after { + color: #6c757d; + position: relative; + font-size: 2.1875rem; + top: 10px; +} + +.txt-block .accordion-2 .accordion-panel .simple-list li { + margin-bottom: 1rem; +} + +.txt-block .accordion-2 .accordion-panel p, +.txt-block .accordion-2 .accordion-panel .simple-list li:last-child { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TABS +/*------------------------------------------*/ + +#tabs-1 .tabs-nav { + text-align: center; +} + +.tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +#tabs-1 .tab-content { + display: none; +} + +#tabs-1 .tab-content.current { + display: inherit; +} + +.tabs-1 li { + display: inline-block; + margin: 0 20px; + color: #aaa; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + padding: 0 2px 10px; + background-color: transparent; + border-bottom: 3px solid transparent; + cursor: pointer; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* TAB LINK HOVER / CURRENT +/*------------------------------------------*/ + +.tabs-1 li:hover { + color: #888; + border-color: #ccc; +} + +.tabs-1 li.current, +.tabs-1 li.current:hover { + color: #2b3648; + border-color: #2b3648; +} + +.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; } +.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; } +.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; } + +.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; } +.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; } +.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; } + +.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; } +.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; } +.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; } + +.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; } +.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; } +.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; } + +.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; } +.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; } +.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; } + +.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; } +.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; } +.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; } + +.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; } +.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; } +.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* ADVANTAGES LIST +/*------------------------------------------*/ + +.advantages { + margin-top: 15px; +} + +.text-center .advantages { + margin-top: 20px; +} + +.advantages li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.advantages-links-divider { + position: relative; + top: 0.5px; + transform: rotate(-90deg); +} + +.advantages li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.advantages.ico-15 li p span { + position: relative; + top: 2px; + right: -1px; +} + +.advantages.ico-15 [class*="flaticon-"]:before, +.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.advantages li p a { + font-weight: 400; + text-decoration: underline; +} + +.advantages li p a:hover { + text-decoration: underline; +} + +.white--color .advantages li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* COMPATABILITY +/*------------------------------------------*/ + +.compatibility { + display: inline-block; + padding: 3px 20px; + margin-top: 15px; + margin-bottom: 0; +} + +.compatibility span { + position: relative; + top: -1.5px; + right: 2px; +} + +.compatibility.ico-10 [class*="flaticon-"]:before, +.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; } + +/*------------------------------------------*/ +/* TOOLS LIST / PAYMENT METHODS +/*------------------------------------------*/ + +.tools-list, +.payment-methods { + margin-top: 25px; +} + +.tools-list p, +.payment-methods p { + font-weight: 400; + margin-bottom: 12px; +} + +.tools-list.ico-35 [class*="flaticon-"]:before, +.tools-list.ico-35 [class*="flaticon-"]:after { + line-height: 2.1875rem!important; + margin-right: 6px; +} + +/*------------------------------------------*/ +/* Payment Icons +/*------------------------------------------*/ + +.payment-icons li { + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; + padding-right: 5px; +} + +.payment-icons li:last-child { + padding-right: 0; +} + +.payment-icons img { + width: auto; + max-width: inherit; + max-height: 32px; +} + +/*------------------------------------------*/ +/* QUOTE +/*------------------------------------------*/ + +.quote p { + color: #666; + border-left: 3px solid #0195ff; + font-style: italic; + padding-left: 20px; + margin-bottom: 12px; +} + +/*------------------------------------------*/ +/* Quote Avatar +/*------------------------------------------*/ + +.quote-avatar { + display: inline-block; + margin: 0 auto; +} + +.quote-avatar img { + width: 70px; + height: 70px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +/*------------------------------------------*/ +/* Quote Author +/*------------------------------------------*/ + +.quote-author { + position: relative; + display: inline-block; + padding: 0 0 0 15px; + text-align: left; + top: 16px; +} + +.quote-author h6 { + margin-bottom: 0; +} + +.quote-author span { + font-size: 1rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX SHAPES +/*------------------------------------------*/ + +.cbox-5-shape-1 { + position: absolute; + right: 30px; + top: -35px; + z-index: -1; +} + +.cbox-5-shape-2 { + position: absolute; + left: 30px; + bottom: -25px; + z-index: -1; +} + +.cbox-5-shape-1 img, +.cbox-5-shape-2 img { + height: 100%; + width: 100%; + object-fit: cover; +} + +/*------------------------------------------*/ +/* IMG BLOCK IMAGE +/*------------------------------------------*/ + +.grey-img { + filter: grayscale(100%); +} + +.img-block { + text-align: center; +} + +.img-block.img-block-bkg { + overflow: hidden; +} + +.img-block.img-block-bkg img { + padding: 60px 45px; +} + +.ct-10 .img-block, +.img-block-hidden, +.bc-5-img.bc-5-dashboard.img-block-hidden { + margin-bottom: -100px; +} + +.ct-05 .img-block-hidden { + margin-bottom: -30px; +} + +.bc-5-img.bc-5-tablet.img-block-hidden { + margin-bottom: -200px; +} + +.img-block-hidden .video-btn, +.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { + top: calc(50% - 30px); +} + +.bc-5-img.bc-5-tablet.img-block-hidden .video-btn { + top: calc(50% - 70px); +} + +.ct-01 .img-block, +.ct-04 .img-block { + margin-left: 30px; +} + +.ct-02 .img-block { + margin-right: 30px; +} + +.ct-03 .img-block.right-column { + margin-left: 20px; +} + +.ct-03 .img-block.left-column { + margin-right: 20px; +} + +.ct-04 .img-block img { + max-width: none; + display: inline-block; +} + +.ct-06 .img-block { + margin-bottom: -80px; +} + +.ct-07 .img-block { + margin-top: -80px; +} + +.img-block-txt, +.img-block-btn { + margin-top: 60px; +} + +.bc-1-wrapper .img-block.left-column, +.bc-2-wrapper .img-block.left-column { + padding-right: 10px; +} + +.bc-1-wrapper .img-block.right-column, +.bc-2-wrapper .img-block.right-column { + padding-left: 10px; +} + +.bc-2-img { + margin-left: 15px; +} + +.bc-3-img { + margin: 0 -65% -25px 15px; +} + +.bc-4-img { + margin-left: 15px; + margin-right: -65%; +} + +.bc-6-img { + padding: 50px 30px 0; + margin-bottom: 35px; +} + +.ct-11 .img-block { + position: relative; + text-align: center; + padding-left: 70px; + z-index: 2; +} + +.ct-12 .img-block { + position: relative; + text-align: center; + padding-right: 70px; + z-index: 2; +} + +.ct-11 .img-block .tra-bkg, +.ct-12 .img-block .tra-bkg { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + + + + +/* ========================================================================== + 09. STATISTIC + =========================================================================== */ + +.sb-rounded .statistic-block { + padding: 35px 25px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK +/*------------------------------------------*/ + +#sb-2-1, +#sb-2-2 { + width: 48%; + display: inline-block; + float: left; +} + +#sb-2-3, #sb-2-4 { + display: inline-block; + float: left; + padding-right: 15px; +} + +#sb-2-3 { width: 45%; } +#sb-2-4 { width: 55%; } + +#sb-2-3 .statistic-block, +#sb-2-4 .statistic-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +#sb-2-3 .statistic-block-txt, +#sb-2-4 .statistic-block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 15px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-1-wrapper .statistic-block-digit { + width: 35%; + display: inline-block!important; + float: left; +} + +.statistic-1-wrapper .statistic-block-txt { + width: 65%; + display: inline-block!important; + padding-left: 20px; +} + +#statistic-5 .statistic-digit { + padding-bottom: 20px; + margin: 0 100px 20px 0; + border-bottom: 1px solid #999; +} + +#statistic-5 .color--white .statistic-digit { + border-bottom: 1px solid rgba(255, 255, 255, .8); +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-ico { + margin-bottom: 10px; +} + +h2.statistic-number { + line-height: 1; + font-weight: 700; + letter-spacing: -1px; + margin-bottom: 0; +} + +#sb-2-1 h2.statistic-number, +#sb-2-2 h2.statistic-number { + margin-bottom: 15px; +} + +#sb-2-3 h2.statistic-number span, +#sb-2-4 h2.statistic-number span { + font-size: 2rem; +} + +#statistic-5 .statistic-digit h2 { + letter-spacing: -1.5px; +} + +#statistic-5 .statistic-txt h5 { + line-height: 1; + margin-bottom: 12px; +} + +.statistic-block-txt p.p-md { + line-height: 1.35; + margin-bottom: 0; +} + +#sb-2-1 .statistic-block p.p-sm, +#sb-2-2 .statistic-block p.p-sm { + line-height: 1.4; + margin-bottom: 0; +} + +#sb-2-3 .statistic-block p.p-sm, +#sb-2-4 .statistic-block p.p-sm { + margin-top: 3px; + line-height: 1.5; + margin-bottom: 0; +} + +.statistic-3-wrapper p { + line-height: 1; + margin-top: 15px; + margin-bottom: 0; +} + +.statistic-3-wrapper p.p-md { + line-height: 1; + margin-top: 22px; + margin-bottom: 0; +} + +.statistic-4-wrapper p { + line-height: 1; + margin-bottom: 14px; +} + +#statistic-5 .statistic-txt p { + padding-right: 3%; + margin-bottom: 0; +} + +.txt-block-stat .statistic-block .txt-block-rating { + margin-top: -4px; + margin-bottom: -3px; +} + +.txt-block-stat .ico-15 [class*="flaticon-"]:before, +.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; } + + + + +/* ========================================================================== + 10. PROJECTS + ========================================================================== */ + +.projects-wrapper { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +#pt-1-1, #pt-1-2, +.inner-page-hero #pt-1-3, +.inner-page-hero #pt-1-4 { + margin-bottom: 50px; +} + +.project-details h5 { + line-height: 1; + margin-bottom: 30px; +} + +.project-preview { + position: relative; + overflow: hidden; +} + +/*------------------------------------------*/ +/* Image Link +/*------------------------------------------*/ + +.project-link { + width: 100%; + position: absolute; + top: 55%; + transform: translateY(-50%); + opacity: 0; + text-align: center; + color: #fff; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Overlay +/*------------------------------------------*/ + +.hover-overlay { + width: 100%; + height: auto; + overflow: hidden; + position: relative; +} + +.hover-overlay img { + transform: scale(1); + -ms-transform: scale(1); + -webkit-transform: scale(1); + -o-transform: scale(1); + -moz-transform: scale(1); + overflow: hidden; + -webkit-transition: transform 400ms; + -moz-transition: transform 400ms; + -o-transition: transform 400ms; + transition: transform 400ms; +} + +/*------------------------------------------*/ +/* Overlay Background +/*------------------------------------------*/ + +.item-overlay { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(20, 20, 20, .25); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Effect +/*------------------------------------------*/ + +.project-preview:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.project-preview:hover .project-link { + top: 50%; + opacity: 1; + -moz-opacity: 1; +} + +.project-preview:hover .item-overlay { + opacity: 1; + -moz-opacity: 1; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.more-projects { + text-align: center; + margin-top: 70px; +} + + + + +/* ========================================================================== + 11. PROJECT DETAILS + ========================================================================== */ + +.single-project .project-title { + margin-bottom: 80px; +} + +.project-title h2 { + padding-right: 5%; + padding-bottom: 40px; + margin-bottom: 35px; + border-bottom: 1px solid #ddd; +} + +.project-data p { + margin-bottom: 4px; +} + +.project-data p span { + color: #353f4f; + font-weight: 500; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.project-description .more-projects { + margin-top: 65px; +} + +.project-description .more-projects h3 { + display: inline-block; + text-decoration: underline; + margin-bottom: 0; +} + +.project-description .more-projects span { + color: #353f4f; + position: relative; + top: 2px; + left: 5px; +} + + + + +/* ========================================================================== + 12. RATING + =========================================================================== */ + +.rating-section .rating-1-wrapper { + padding: 0 16%; +} + +.rating-section .rating-2-wrapper { + padding: 0 4%; +} + +.rating-title { + text-align: center; +} + +.rating-title h5 { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* RATING BOX +/*------------------------------------------*/ + +.rbox-1, +.rbox-2 { + text-align: center; +} + +/*------------------------------------------*/ +/* RATING BOX LOGO +/*------------------------------------------*/ + +.rbox-1-img { + margin-bottom: 20px; +} + +.rbox-1-img img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.rbox-2-txt img { + position: relative; + display: inline-block; + width: auto; + max-width: inherit; + max-height: 30px; + top: -1px; + left: 4px; +} + +/*------------------------------------------*/ +/* RATING BOX TYPOGRAPHY +/*------------------------------------------*/ + +.rbox-2-txt { + margin-top: 20px; +} + +.rbox-1 .star-rating { + display: inline-block; + font-size: 17px; + line-height: 15px; + font-weight: 500; + vertical-align: inherit; + border: 1px solid #f5f5f5; + padding: 5px 18px; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +.rbox-1 .star-rating span { + position: relative; + color: #ffb30c; + top: 1.5px; +} + +.rbox-1 .star-rating { + font-size: 0.86rem; + line-height: 1; +} + +p.rbox-2-txt { + line-height: 22px; + margin-top: 8px; + margin-bottom: 0; +} + +p.rbox-2-txt span { + font-weight: 500; +} + + + + +/* ========================================================================== + 13. TESTIMONIALS + =========================================================================== */ + +.reviews-2-wrapper { + padding: 0 10px; +} + +.reviews-3-wrapper { + padding: 0 20px; +} + +.reviews-4-wrapper, +.reviews-5-wrapper { + padding-left: 40px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL +/*------------------------------------------*/ + +.review-1 { + padding: 40px 40px 30px; + margin: 0 10px 30px; +} + +.review-1.block-border { + border-color: #d2d2d2; +} + +.review-2 { + padding: 45px 50px 35px; +} + +.review-3 { + padding: 45px 50px 40px; +} + +.review-4 { + padding: 40px 45px 30px; +} + +.review-5 { + padding: 45px 45px 40px; +} + +#rw-2-1, #rw-2-2 { + margin-bottom: 20px; +} + +.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 { + margin-bottom: 20px; +} + +#rw-3-2 { + margin-bottom: 45px; +} + +#rw-3-2, #rw-3-3 { + margin-left: 15px; +} + +#rw-4-1, +#rw-5-1 { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL TEXT +/*------------------------------------------*/ + +.review-ico { + position: relative; + margin-top: -25px; + margin-left: -10px; + opacity: .1; +} + +.review-txt { + position: relative; + margin-top: -45px; +} + +.review-txt h6 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL DATA +/*------------------------------------------*/ + +.review-1 .author-data { + margin-top: 22px; +} + +.review-2 .author-data { + margin-top: 15px; +} + +.review-3 .author-data { + margin-top: 20px; +} + +.review-avatar { + margin: 0 auto; + float: left; +} + +.review-avatar img, +.owl-item .review-avatar img { + width: 54px; + height: 54px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.review-2 .review-avatar img { + width: 64px; + height: 64px; +} + +.review-3 .review-avatar img, +.review-5 .review-avatar img { + width: 62px; + height: 62px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL AUTHOR +/*------------------------------------------*/ + +.review-author { + position: relative; + display: inline-block; + text-align: left; + padding: 0 0 0 15px; +} + +.review-1 .review-author { + margin-top: 4px; +} + +.review-2 .review-author { + margin-top: 10px; +} + +.review-3 .review-author { + margin-top: 8px; +} + +.review-5 .review-author { + margin-top: 8px; +} + +.review-4 .review-author { + padding-left: 0; + margin-top: 0; +} + +.review-author h6 { + line-height: 1; + margin-bottom: 8px; +} + +.review-1 .review-author h6 { + font-size: 0.975rem; +} + +.review-author p { + line-height: 1; + font-weight: 300; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TESTIMONIAL CAROUSEL DOTS +/*------------------------------------------*/ + +.reviews-section button { + background-color: transparent; + border: none; + padding: 0 2px; +} + +.owl-theme .owl-dots .owl-dot span { + margin: 0 7px; +} + +.owl-dots button:focus { + outline: none; + text-decoration: none; +} + + + + +/* ========================================================================== + 14. PRESS + =========================================================================== */ + +/*------------------------------------------*/ +/* PRESS LOGO +/*------------------------------------------*/ + +.press-logo img { + position: relative; + width: auto; + max-width: inherit; + max-height: 82px; +} + +/*------------------------------------------*/ +/* PRESS TEXT +/*------------------------------------------*/ + +.press-txt { + position: relative; + margin-top: 15px; +} + +.press-txt p { + color: #999; + font-weight: 400; + margin-bottom: 0; +} + +.press-txt span { + position: relative; + top: 3px; + left: -1px; + opacity: .6; +} + +.press-txt.ico-20 [class^="flaticon-"]:before, +.press-txt.ico-20 [class^="flaticon-"]:after { + font-size: 1.375rem; +} + + + + +/* ========================================================================== + 15. BRANDS + =========================================================================== */ + +#brands-3 { + position: relative; +} + +#brands-3:after { + position: absolute; + content: ''; + width: 100%; + height: 80%; + top: 0; + left: 0; + z-index: -1; +} + +/*------------------------------------------*/ +/* BRANDS SECTION TITLE +/*------------------------------------------*/ + +.brands-title { + text-align: center; + padding: 0 5%; +} + +.brands-title h4, +.brands-title h3, +.brands-title h2 { + margin-bottom: 8px; +} + +.brands-title p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* BRANDS LOGO WRAPPER +/*------------------------------------------*/ + +.brands-3-wrapper { + padding: 50px 30px; + background-color: #fff; + border: 1px solid #e9ecef; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} + +/*------------------------------------------*/ +/* BRANDS LOGO IMAGE +/*------------------------------------------*/ + +.brand-logo { + overflow: hidden; + position: relative; + top: 0; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +#brands-1 .brands-carousel-5 .brand-logo { + padding: 0 30px; +} + +#brands-1 .brands-carousel-6 .brand-logo { + padding: 0 20px; +} + +#brands-1 .justify-content-center .brand-logo { + padding: 0 15px; +} + +#brands-2 .brand-logo { + padding: 0; +} + +#brands-3 .brand-logo { + padding: 0 25px; +} + +#brands-3 .brands-3-static .brand-logo { + padding: 0 15px; +} + +#brands-4 .brand-logo { + padding: 0 20px; +} + +.brand-logo:hover { + top: -6px; +} + +.brands-section .more-btn { + text-align: center; + margin-top: 40px; +} + +.hero-section .owl-dots, +.brands-section .owl-dots { + display: none; +} + + + + +/* ========================================================================== + 16. INTEGRATIONS + =========================================================================== */ + +.integrations-2-wrapper { + padding: 80px 70px; +} + +.in_tool_logo { + padding: 50px 30px; + margin-bottom: 25px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.integrations-1-wrapper .in_tool-logo { + position: relative; + margin-right: 20px; +} + +.integrations-1-wrapper .in_tool { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + padding: 22px 20px; + border: 1px solid #ccc; +} + +.integrations-1-wrapper .in_tool-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.in_tool h6 { + line-height: 1; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool-txt h6 { + margin-top: 5px; +} + +.integrations-1-wrapper .in_tool-txt p { + margin-top: 5px; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + + + + +/* ========================================================================== + 17. PRICING + =========================================================================== */ + +/*------------------------------------------*/ +/* Price Table +/*------------------------------------------*/ + +.p-table { + margin-bottom: 40px; +} + +.pricing-1-table { + padding: 50px 38px 45px; +} + +.text-center .pricing-1-table { + padding: 60px 35px 50px; +} + +.pricing-2-table { + padding: 45px 38px 50px; +} + +.pricing-3-table { + padding: 50px 40px; +} + +.pricing-4-table { + position: relative; + padding: 45px; +} + +#pt-4-1 { margin: 0 10px 40px 50px; } +#pt-4-2 { margin: 0 50px 40px 10px; } + +/*------------------------------------------*/ +/* TABLE HEADER +/*------------------------------------------*/ + +.pricing-table-header { + position: relative; +} + +.pricing-table-header h5 { + margin-bottom: 30px; +} + +.pricing-table-header h4 { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* PRICING TABLE DISCOUNT +/*------------------------------------------*/ + +.pricing-discount { + position: absolute; + top: -2px; + right: -10px; + padding: 8px 18px; +} + +.pricing-1-table .pricing-discount { + top: -2px; + right: -5px; + padding: 7px 13px; +} + +.text-center .pricing-1-table .pricing-discount { + top: -35px; + right: -8px; +} + +.pricing-discount h6 { + font-size: 1.1rem; + line-height: 1; + margin-bottom: 0; +} + +.pricing-1-table .pricing-discount h6 { + font-size: 0.915rem; +} + +.price.color--black .white--color { + color: #fff; +} + +.comp-table .table thead th { + border-color: #ccc; +} + +.comp-table tbody th { + border-bottom: 1px solid #ccc!important; +} + +.comp-table .table tr td { + border-bottom: 2px solid #ccc; +} + +/*------------------------------------------*/ +/* PRICE +/*------------------------------------------*/ + +.price span { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 3rem; + line-height: 1; + font-weight: 600; + letter-spacing: -2px; +} + +.pricing-2-table.highlight .price span { + font-size: 2.4rem; + letter-spacing: -1px; +} + +.pricing-3-table .price span { + font-size: 4.35rem; +} + +.pricing-4-table .price span { + font-size: 3.15rem; +} + +/*------------------------------------------*/ +/* DOLLAR SIGN +/*------------------------------------------*/ + +.price sup { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.05rem; + font-weight: 600; + top: -5px; + right: 2px; + letter-spacing: -1px; +} + +.pricing-3-table .price sup { + font-size: 2.35rem; + top: -23px; + right: 3px; +} + +.pricing-4-table .price sup { + font-size: 2.05rem; + top: -10px; + right: 2px; +} + +/*------------------------------------------*/ +/* COINS +/*------------------------------------------*/ + +.pricing-3-table .price sup.coins { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.35rem; + font-weight: 600; + top: -29px; + left: 3px; + letter-spacing: -2px; +} + +/*------------------------------------------*/ +/* Validity +/*------------------------------------------*/ + +.price sup.validity { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 1.4rem; + font-weight: 400; + top: -2px; + left: 0; +} + +.pricing-3-table .price sup.validity { + display: block; + font-size: 1.1875rem; + top: 0; + margin-top: 20px; + margin-bottom: 30px; + letter-spacing: 0; + margin-bottom: 40px; +} + +/*------------------------------------------*/ +/* Text +/*------------------------------------------*/ + +.price p { + margin-top: 25px; + margin-bottom: 25px; +} + +.pricing-2-table .price p { + margin-bottom: 15px; +} + +.text-center .price p { + padding: 0 2%; +} + +.pricing-section .btn-txt a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* PRICING TABLE HORIZONTAL LINE +/*------------------------------------------*/ + +.pricing-1-table hr { + margin-top: 35px; +} + +.pricing-2-table hr { + margin-top: 25px; +} + +/*------------------------------------------*/ +/* PRICING FEATURES +/*------------------------------------------*/ + +.pricing-features li { + padding: 11px 8px; +} + +.pricing-4-table .pricing-features li { + padding: 10px; +} + +.pricing-features li p { + line-height: 1; + font-weight: 400; + margin-bottom: 0; +} + +.pricing-features li p span { + position: relative; + top: -2px; + right: 5px; +} + +.pricing-features.ico-10 li p span { + top: 0; + right: 4px; +} + +.pricing-features.ico-5 [class*="flaticon-"]:before, +.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; } + +.pricing-features li.disabled-option p, +.pricing-features li.disabled-option span { + color: #b5b5b5!important; +} + +/*------------------------------------------*/ +/* PRICING TABLE BUTTON +/*------------------------------------------*/ + +.pt-btn { + display: block; + width: 100%; + margin-top: 25px; +} + +.p-table p.btn-txt { + margin: 14px 0 0 0; +} + +/*------------------------------------------*/ +/* PRICING TOGGLE BUTTON +/*------------------------------------------*/ + +.ext-toggle-btn { + text-align: center; +} + +.toggle-btn.inn-toggle-btn { + position: absolute; +} + +#pricing-4 .ext-toggle-btn { + margin: 0 50px 35px 10px; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON TYPOGRAPHY +/*------------------------------------------*/ + +.toggle-btn-md .toggler-txt { + font-size: 1.1rem; + font-weight: 400; + line-height: 36px; +} + +.toggle-btn-lg .toggler-txt { + font-size: 1.15rem; + font-weight: 400; + line-height: 40px; +} + +.toggle-btn p { + margin-top: 10px; + letter-spacing: -0.25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON SWITCHER +/*------------------------------------------*/ + +.switch-wrap { + position: relative; + display: inline-block; + min-width: 50px; + height: 32px; + vertical-align: middle; +} + +.toggle-btn-md .switch-wrap { + min-width: 65px; + height: 36px; + margin: 0 8px; +} + +.toggle-btn-lg .switch-wrap { + min-width: 70px; + height: 40px; + margin: 0 14px; +} + +.switcher { + display: block; + cursor: pointer; + color: #fff; + font-size: 0.925rem; + font-weight: 500; + height: 32px; + padding: 0 15px 0 35px; + position: relative; + border-radius: 32px; + -webkit-transition: all 150ms ease-in-out; + -moz-transition: all 150ms ease-in-out; + -o-transition: all 150ms ease-in-out; + -ms-transition: all 150ms ease-in-out; + transition: all 150ms ease-in-out; +} + +.toggle-btn-md .switcher { + height: 36px; + padding: 0 20px 0 40px; + border-radius: 36px; +} + +.toggle-btn-lg .switcher { + height: 40px; + padding: 0 20px 0 40px; + border-radius: 40px; +} + +.switcher.bg--tra-white { + background-color: #fff; + border: 2px solid #ccc; +} + +.switcher.bg--ghost-white { + background-color: rgba(128, 143, 174, .45); + border: 2px solid rgba(128, 143, 174, .15); +} + +.switcher.bg--grey { + background-color: #ccc; + border: 2px solid #ccc; +} + +.switcher .show-annual, +.switcher .show-monthly { + line-height: 32px; +} + +.toggle-btn-md .switcher .show-annual, +.toggle-btn-md .switcher .show-monthly { + line-height: 36px; +} + +.toggle-btn-lg .switcher .show-annual, +.toggle-btn-lg .switcher .show-monthly { + line-height: 40px; +} + +.switcher .show-monthly { + display: block; +} + +.switcher .show-annual { + display: none; +} + +.switcher:before { + position: absolute; + left: 4px; + bottom: 4px; + content: " "; + background-color: #fff; + width: 24px; + height: 24px; + border-radius: 50%; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.toggle-btn-md .switcher:before { + left: 5px; + bottom: 5px; + width: 26px; + height: 26px; +} + +.toggle-btn-lg .switcher:before { + left: 5px; + bottom: 5px; + width: 30px; + height: 30px; +} + +.switcher.bg--grey:before, +.switcher.bg--tra-white:before, +.switcher.bg--ghost-white:before { + background-color: #ccc; + left: 4px; + bottom: 3.5px; + -webkit-box-shadow: 0 1px 1px 0 #aaa; + -moz-box-shadow: 0 1px 1px 0 #aaa; + box-shadow: 0 1px 1px 0 #aaa; +} + +.switcher.bg--grey:before, +.switcher.bg--ghost-white:before { + background-color: #fff; +} + +.switch-wrap input { + display: none; +} + +.switch-wrap input:checked + .switcher { + padding: 0 35px 0 15px; +} + +.toggle-btn-md .switch-wrap input:checked + .switcher, +.toggle-btn-lg .switch-wrap input:checked + .switcher { + padding: 0 40px 0 20px; +} + +.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; } +.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; } +.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; } + +.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; } +.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; } +.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; } + +.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; } +.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; } +.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; } + +.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; } +.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; } +.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; } + +.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; } +.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; } +.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; } + +.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; } +.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; } +.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; } + +.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; } +.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; } +.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; } + +.switch-wrap input:checked + .switcher:before { + left: auto; + right: 4px; + -webkit-transition: all 350ms ease-in-out; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.switch-wrap input:checked + .switcher.bg--tra-white:before { + bottom: 3px; + background-color: #fff; + -webkit-box-shadow: 0 0; + -moz-box-shadow: 0 0; + box-shadow: 0 0; +} + +.switch-wrap input:checked + .switcher .show-annual { + display: block; +} + +.switch-wrap input:checked + .switcher .show-monthly { + display: none; +} + +/*------------------------------------------*/ +/* PRICING NOTICE TEXT +/*------------------------------------------*/ + +.pricing-notice { + text-align: center; + margin-top: 20px; +} + +.pricing-notice p { + padding: 0 8%; + margin-bottom: 0; +} + +.pricing-notice p span { + font-weight: 500; +} + +/*------------------------------------------*/ +/* COMPARE PRICING TABLE +/*------------------------------------------*/ + +.table>:not(caption)>*>* { + padding-top: 12px; + padding-bottom: 12px; +} + +.comp-table .pricing-header { + max-width: 700px; +} + +.comp-table .table-responsive thead th { + font-size: 1.15rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody th { + font-size: 1rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody td { + position: relative; + font-size: 1rem; + line-height: inherit; + top: 1px; +} + +.comp-table .table-responsive tbody td span { + position: relative; + top: 1px; +} + +.table-responsive .ico-15 [class*="flaticon-"]:before, +.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.table-responsive .ico-20 [class*="flaticon-"]:before, +.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; } + +.comp-table .table-responsive tbody tr { + background-color: #fff; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.comp-table .table tbody tr.table-last-tr { + border-color: transparent; +} + +.comp-table .table-responsive tbody tr:hover { + background-color: #f7f7f9; +} + +.comp-table .disabled-option { + color: #999; +} + +/*------------------------------------------*/ +/* PRICING COMPARE PAYMENT +/*------------------------------------------*/ + +.comp-table-payment h6 { + margin-bottom: 20px; +} + +.comp-table-payment p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 18. TEAM + =========================================================================== */ + +/*------------------------------------------*/ +/* TEAM MEMBER +/*------------------------------------------*/ + +#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; } +#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; } +#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; } + +/*------------------------------------------*/ +/* TEAM MEMBER PHOTO +/*------------------------------------------*/ + +.team-member-photo { + position: relative; + overflow: hidden; + text-align: center; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* PHOTO HOVER ZOOM +/*------------------------------------------*/ + +.team-member:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.team-member:hover .item-overlay { + opacity: .45; + -moz-opacity: .45; +} + +/*------------------------------------------*/ +/* TEAM MEMBER TYPOGRAPHY +/*------------------------------------------*/ + +.team-member-data { + position: relative; + margin-left: 5px; +} + +.team-member-data h6.s-20 { + margin-bottom: 8px; +} + +.team-member-data p { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1; + font-weight: 400; + letter-spacing: 0; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Team Member Social Links +/*------------------------------------------*/ + +ul.tm-social { + position: absolute; + top: -1px; + right: 8px; + -webkit-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} + +#team-1 ul.tm-social { + right: 5px; +} + +ul.tm-social li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; + margin-left: 10px; + opacity: .6; + -webkit-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; +} + +.tm-social.ico-20 [class*="flaticon-"]:before, +.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; } + + + + +/* ========================================================================== + 19. CAREERS + =========================================================================== */ + +/*------------------------------------------*/ +/* ROLE BOX +/*------------------------------------------*/ + +.role-box { + border: 1px solid #d2d2d2; + padding: 25px 35px; + margin-bottom: 30px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.role-box.bg--white-200, +.role-box.bg--white-300 { + border: 1px solid transparent; +} + +.role-box:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* ROLE BOX TEXT +/*------------------------------------------*/ + +.role-box span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.8rem; + line-height: 1; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 14px; +} + +.role-box h6 { + margin-bottom: 6px; +} + +.role-box p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 20. CAREER ROLE + =========================================================================== */ + +#role-page .inner-page-title { + text-align: left; + margin-bottom: 50px; +} + +#role-page .inner-page-title span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.9rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 35px; +} + +.role-info hr { + margin: 50px 0; +} + +#role-page .cbox-6-wrapper { + margin: 45px 0; +} + +.role-info h5 { + margin-bottom: 25px; +} + +.role-info p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-block.role-info .btn { + display: block; + margin-top: 50px; +} + + + + +/* ========================================================================== + 21. BANNER + =========================================================================== */ + +.banner-overlay { + width: 100%; + height: 100%; +} + +#banner-11 { + margin-top: 50px; +} + +#banner-12 { + margin-top: 40px; + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* BANNER WRAPPER +/*------------------------------------------*/ + +.banner-1-wrapper, +.banner-2-wrapper, +.banner-3-wrapper { + position: relative; + overflow: hidden; + text-align: center; +} + +.banner-1-wrapper .banner-overlay { + padding: 75px 15% 85px; +} + +.banner-2-wrapper .banner-overlay { + padding: 80px 15% 90px; +} + +.banner-3-wrapper .banner-overlay { + padding: 75px 20% 85px; +} + +.banner-11-wrapper .banner-overlay { + padding: 10px 70px 0; +} + +.banner-12-wrapper .banner-overlay { + padding-left: 80px; +} + +.banner-13-wrapper { + overflow: hidden; +} + +.banner-13-wrapper .banner-overlay { + overflow: hidden; + padding-left: 80px; +} + +.banner-16-wrapper .banner-overlay { + padding: 45px 22%; +} + +.banner-16-wrapper.bg--white-100.block-border { + border-color: #ccc; +} + +/*------------------------------------------*/ +/* BANNER TEXT +/*------------------------------------------*/ + +.banner-12-txt { + margin-top: -10px; + padding-right: 15%; +} + +.banner-13-txt { + padding-right: 15%; +} + +/*------------------------------------------*/ +/* BANNER TYPOGRAPHY +/*------------------------------------------*/ + +.banner-section .section-id { + font-weight: 600; + padding-top: 10px; + margin-bottom: 30px; +} + +.banner-1-txt h2 { + margin-bottom: 15px; +} + +.banner-2-txt h2 { + margin-bottom: 35px; +} + +.banner-4-txt h2 { + margin-bottom: 30px; +} + +.banner-7-txt h2 { + margin-bottom: 35px; +} + +.banner-10-txt h6 { + font-weight: 400; + margin-bottom: 12px; +} + +.banner-10-txt h2 { + margin-bottom: 25px; +} + +.banner-11-txt h2, +.banner-12-txt h2, +.banner-13-txt h2 { + margin-bottom: 22px; +} + +.banner-15-txt h2 { + margin-bottom: 45px; +} + +.banner-16-txt h4 { + margin-bottom: 14px; +} + +.banner-section p.p-lg { + font-size: 1.15rem; + margin-bottom: 30px; +} + +.banner-section p.p-xl { + margin-bottom: 25px; +} + +.sm-title .banner-1-txt p.p-lg, +.sm-title .banner-1-txt p.p-xl { + margin-top: 12px; + margin-bottom: 22px!important; +} + +.banner-3-txt p.p-lg, +.banner-3-txt p.p-xl, +.banner-5-txt p.p-lg, +.banner-5-txt p.p-xl { + margin-top: 20px; +} + +.banner-5-txt p.s-21, +.banner-5-txt p.s-22 { + margin-top: 20px; + margin-bottom: 26px; +} + +.banner-6-txt p.p-lg, +.banner-6-txt p.p-xl { + margin-top: 15px; + margin-bottom: 25px!important; +} + +.banner-8-txt p.p-lg, +.banner-8-txt p.p-xl { + margin-top: 10px; + margin-bottom: 0!important; +} + +.banner-9-txt p.p-lg, +.banner-9-txt p.p-xl { + margin-top: 20px; + margin-bottom: 25px!important; +} + +.banner-11-txt p { + padding-right: 8%; +} + +.banner-14-txt p.p-lg { + font-size: 1.25rem; + margin-top: 35px; + margin-bottom: 40px; +} + +.banner-15-txt p a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* BANNER IMAGE +/*------------------------------------------*/ + +.banner-11-img { + margin-top: -60px; + margin-left: -40px; +} + +.banner-12-img { + margin: -40px -20px -30px -40px; +} + +.banner-13-img { + transform: rotate(-20deg); + margin: -60px -120px -70px -40px; +} + + + + +/* ========================================================================== + 22. CALL TO ACTION / DOWNLOAD + =========================================================================== */ + +.version-release { + margin-bottom: 80px; +} + +.release-data { + padding-bottom: 30px; + border-bottom: 1px dashed #ccc; + margin-bottom: 30px; +} + +.release-data h5 { + margin-bottom: 40px; +} + +span.version-data { + color: #353f4f; + font-size: 2rem; + line-height: 1; + margin-right: 20px; + margin-bottom: 0; +} + +span.release-date { + color: #999; + font-size: 1.175rem; + line-height: 1; + margin-bottom: 0; +} + +span.release-date span { + color: #353f4f; + font-weight: 500; + margin-left: 20px; +} + +.release-download { + position: absolute; + right: 5px; + bottom: 0; +} + +.release-highlights .simple-list p { + margin-bottom: 2px; +} + + + + +/* ========================================================================== + 23. FAQS + =========================================================================== */ + +/*------------------------------------------*/ +/* FAQS SECTION TITLE +/*------------------------------------------*/ + +#faqs-1 .section-title { + margin-bottom: 50px; +} + +#faqs-2 .inner-page-title { + margin-bottom: 55px; +} + +#faqs-3 .section-title { + margin-bottom: 70px; +} + +.faqs-3-questions .questions-holder { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FAQS ACCORDION +/*------------------------------------------*/ + +.faqs-section .accordion-item { + background-color: transparent!important; + border: none; + border-bottom: 1px solid #e5e5e5; +} + +#faqs-2.faqs-section .accordion-item { + border-bottom: 1px solid #ddd; +} + +.faqs-section .accordion-item.acc-last-item, +#faqs-2.faqs-section .accordion-item.acc-last-item { + border-bottom: none; +} + +/*------------------------------------------*/ +/* Question +/*------------------------------------------*/ + +.faqs-section .accordion-thumb { + margin: 0; + padding: 25px 0; + cursor: pointer; + position: relative; +} + +#faqs-2.faqs-section .accordion-thumb { + padding: 25px 0 30px; +} + +.faqs-section .accordion-item .accordion-thumb:after, +.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-family: Flaticon; + font-weight: 300; + content: "\f11a"; + position: absolute; + font-size: 1rem; + top: 22px; + right: 3px; +} + +#faqs-2.faqs-section .accordion-item .accordion-thumb:after, +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-size: 1rem; + top: 26px; + right: 2px; +} + +.faqs-section .accordion-item.is-active .accordion-thumb:after { + content: "\f11b"; +} + +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #e5e5e5; +} + +/*------------------------------------------*/ +/* Answer +/*------------------------------------------*/ + +.accordion-panel { + margin: 0; + padding: 0 0 15px 0; + display: none; +} + +#faqs-2 .accordion-panel { + padding: 45px 0 15px 0; +} + +.accordion-thumb h5, +.accordion-thumb h4 { + line-height: 1; + margin-bottom: 0; +} + +.question h5, +.accordion-panel-item h5 { + margin-bottom: 20px; +} + +.question h5 span, +.accordion-thumb h5 span, +.accordion-panel-item h5 span { + margin-right: 5px; +} + +.question p a, +.accordion-panel p a { + font-weight: 500; + text-decoration: underline; +} + +.question p.color--grey a.color--blue, +.accordion-panel.color--grey a.color--blue { + color: #1680fb!important; +} + +/*------------------------------------------*/ +/* FAQS TABS +/*------------------------------------------*/ + +.faqs-section .tabs-nav { + text-align: center; +} + +.faqs-section .tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +.faqs-section .tab-content { + display: none; +} + +.faqs-section .tab-content.current { + display: inherit; +} + +.faqs-section .tabs-1 li { + display: inline-block; + min-width: 230px; + background-color: transparent; + border: 2px solid #ddd; + cursor: pointer; + padding: 30px 0; + margin: 0 6px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.faqs-section .tabs-1 li span { + color: #c3c4c5; +} + +.faqs-section .tabs-1 li p { + line-height: 1; + font-weight: 400; + margin-top: 15px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TAB LINK CURRENT +/*------------------------------------------*/ + +.faqs-section .tabs-1 li.current, +.faqs-section .tabs-1 li.current:hover { + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); +} + +.faqs-section .tabs-1 li.current p, +.faqs-section .tabs-1 li.current span { + color: #fff; +} + +.faqs-section .tabs--blue .tabs-1 li.current, +.faqs-section .tabs--blue .tabs-1 li.current:hover { + background-color: #1680fb; + border-color: #1680fb!important; +} + +.faqs-section .tabs--purple .tabs-1 li.current, +.faqs-section .tabs--purple .tabs-1 li.current:hover { + background-color: #7b5dd6; + border-color: #7b5dd6!important; +} + +/*------------------------------------------*/ +/* MORE QUESTIONS LINK +/*------------------------------------------*/ + +.more-questions { + text-align: center; +} + +#faqs-2 .more-questions { + margin: 70px auto 0; +} + +.more-questions-txt { + display: inline-block; + padding: 22px 46px; +} + +.more-questions-txt p { + line-height: 1; + margin-bottom: 0; +} + +.more-questions-txt a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 24. NEWSLETTER + =========================================================================== */ + +#newsletter-1 .newsletter-overlay { + padding-top: 60px; + padding-bottom: 60px; +} + +#newsletter-2 .container { + padding-left: 0; + padding-right: 0; +} + +#newsletter-2 .newsletter-overlay { + padding: 60px 50px; +} + +#newsletter-3 { + margin-top: 50px; + margin-bottom: 50px; +} + +#newsletter-4 .newsletter-overlay, +#newsletter-5 .newsletter-overlay { + padding-top: 80px; + padding-bottom: 70px; +} + +/*------------------------------------------*/ +/* NEWSLETTER TYPOGRAPHY +/*------------------------------------------*/ + +.newsletter-txt h2 { + margin-bottom: 35px; +} + +#newsletter-4 .newsletter-txt h2 { + margin-bottom: 40px; +} + +.newsletter-txt h4, +.newsletter-txt h3, +#newsletter-5 .newsletter-txt h2 { + margin-bottom: 0; +} + +.newsletter-txt p.p-sm { + margin-bottom: 0; +} + +#newsletter-4 .newsletter-txt p { + padding: 0 10%; +} + +#newsletter-5 .newsletter-txt p { + margin-top: 20px; + margin-bottom: 0; +} + +.newsletter-txt a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* NEWSLETTER FORM +/*------------------------------------------*/ + +#newsletter-1 .newsletter-form { + padding-left: 15%; + margin-top: 30px; +} + +#newsletter-2 .newsletter-form { + margin-top: 25px; + padding-left: 12%; +} + +#newsletter-4 .newsletter-form { + padding: 0 5%; +} + +#newsletter-5 .newsletter-form { + margin-top: 35px; + padding: 0 10%; +} + +/*------------------------------------------*/ +/* Newsletter Form Input +/*------------------------------------------*/ + +.newsletter-section .form-control { + height: 56px; + background-color: #fff; + border: 1px solid #ccc; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin-right: 12px; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +#newsletter-1.newsletter-section .form-control { + height: 54px; + font-size: 0.975rem; +} + +#newsletter-5.newsletter-section .form-control { + height: 62px; + font-size: 1.0625rem; +} + +.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.newsletter-section .form-control:focus { + background-color: #fff; + outline: 0; + box-shadow: none; + border-color: #1680fb; +} + +.newsletter-section .purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Placeholder +/*------------------------------------------*/ + +.newsletter-section .form-control::-moz-placeholder { color: #aaa; } +.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } +.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.newsletter-section .btn { + display: block; + width: 100%!important; + height: 56px; +} + +#newsletter-1 .btn { + height: 54px; + font-size: 0.925rem; + padding: 0.7rem 1.3rem; +} + +#newsletter-5.newsletter-section .btn { + height: 62px; +} + +/*------------------------------------------*/ +/* Newsletter Form Notification +/*------------------------------------------*/ + +.newsletter-section .form-notification { + color: #3eb1ff; + font-size: 0.9rem; + font-weight: 400; + line-height: 1; + margin-top: 15px; + margin-left: 5px; +} + +.newsletter-section .text-center .form-notification { + margin-left: 0; +} + +.bg--color.newsletter-section .form-notification { + color: #fff; +} + +.newsletter-section .form-notification.valid, +.newsletter-section .form-notification.error { + color: #fc2f4b; +} + +.newsletter-section .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* NEWSLETTER IMAGE +/*------------------------------------------*/ + +#newsletter-3 .newsletter-img { + margin-top: -50px; + margin-bottom: -50px; +} + +#newsletter-3 .col-lg-6 .newsletter-img { + padding-left: 40px; +} + + + +/* ========================================================================== + 25. BLOG + =========================================================================== */ + +/*------------------------------------------*/ +/* BLOG POST TAG +/*------------------------------------------*/ + +.post-tag { + display: block; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.75rem; + font-weight: 600; + letter-spacing: 0; + text-transform: uppercase; + margin-bottom: 20px; +} + +#single-post .post-tag { + font-size: 0.85rem; +} + +/*------------------------------------------*/ +/* BLOG POST META +/*------------------------------------------*/ + +.post-meta-list li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.post-meta-list p { + color: #353f4f; + line-height: 1; + margin-bottom: 0; +} + +.bg--black-400 .post-meta-list p { + color: #f8f9f9; +} + +.meta-list-divider { + position: relative; + top: 0px; + transform: rotate(-90deg); + padding: 0 1px; +} + +/*------------------------------------------*/ +/* BLOG POST TYPOGRAPHY +/*------------------------------------------*/ + +.blog-post-txt h6 { + margin-bottom: 15px; +} + +.blog-post-txt p { + margin-bottom: 0; +} + +.blog-post-txt a { + color: #353f4f; +} + +.blog-post-txt a:hover { + text-decoration: underline; +} + +.bg--black-400 .blog-post-txt a { + color: #f8f9f9; +} + +.bg--black-400 .blog-post-txt a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 26. BLOG LISTING + =========================================================================== */ + +.wide-post { + margin-bottom: 100px; +} + +.wide-post .blog-post-img { + padding-right: 15px; +} + +.wide-post .blog-post-txt { + padding-left: 15px; +} + +.square-post { + margin-top: 60px; + margin-bottom: 40px; +} + +.square-post-wrapper { + overflow: hidden; +} + +.square-post .blog-post-txt { + padding: 0 30px 0 60px; +} + +/*------------------------------------------*/ +/* BLOG POSTS CATEGORY +/*------------------------------------------*/ + +.posts-category { + margin-top: 40px; + margin-bottom: 60px; +} + +.posts-category h4 { + line-height: 1; + margin-bottom: 0; +} + +.posts-category span { + position: relative; + top: 1px; +} + + + + +/* ========================================================================== + 27. SINGLE BLOG POST + =========================================================================== */ + +/*------------------------------------------*/ +/* Single Post Title +/*------------------------------------------*/ + +.single-post-title h3, +.single-post-title h2 { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* Single Post Text +/*------------------------------------------*/ + +.single-post-txt h5, +.single-post-txt h4 { + margin-top: 30px; + margin-bottom: 30px; +} + +.single-post-txt h5 span { + display: block; +} + +/*------------------------------------------*/ +/* Single Post Code +/*------------------------------------------*/ + +.txt-code { + background-color: #f8f9fa; + padding: 20px 18px; + margin: 30px 0; +} + +.txt-code p { + color: #383a42; + font-size: 1rem; + line-height: 1.75; + margin-bottom: 0; +} + +.single-post-txt p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-code span.code-property, +.txt-code p code.code-language-js { + color: #151515; +} + +.txt-code span.code-variable, +.txt-code span.code-attribute { + color: #986801; +} + +.txt-code span.code-string { + color: #50a14f; +} + +/*------------------------------------------*/ +/* Single Post Blockquote +/*------------------------------------------*/ + +.single-post-txt figure { + margin-bottom: 40px; +} + +.single-post-txt .blockquote p { + font-size: 1.5rem; + line-height: 1.45; + margin-bottom: 40px; +} + +.single-post-txt .blockquote-footer { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* Single Post Image +/*------------------------------------------*/ + +.post-inner-img { + text-align: center; + margin-top: 50px; + margin-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE LINKS +/*------------------------------------------*/ + +.post-share-list { + margin-top: 50px; + padding-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE ICONS +/*-----------------------------------------*/ + +.share-social-icons { + display: inline-block; + padding-left: 0; +} + +.share-social-icons li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; +} + +.share-social-icons a.share-ico span { + opacity: .75; + margin-right: 25px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.share-social-icons a.share-ico:hover span { + opacity: 1; +} + +/*------------------------------------------*/ +/* POST AUTHOR +/*------------------------------------------*/ + +.post-author { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.post-author-avatar { + position: relative; + text-align: center; + margin-right: 35px; +} + +.post-author-avatar img { + width: 100px; + height: 100px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.post-author-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.post-author-txt h5 { + margin-bottom: 20px; +} + +.post-author-txt p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Follow Button +/*------------------------------------------*/ + +.author-follow-btn { + display: inline-block; + position: absolute; + padding: 6px 15px; + line-height: 1; + top: 80px; + right: 10px; + border: 2px solid #ddd; +} + +.author-follow-btn a { + color: #666; + font-size: 0.935rem; + font-weight: 400; +} + +/*------------------------------------------*/ +/* POST COMMENTS +/*------------------------------------------*/ + +.post-comments { + padding-top: 100px; +} + +.post-comments hr { + margin-top: 24px; + margin-bottom: 40px; +} + +.post-comments h5 { + margin-bottom: 60px; +} + +.post-comments img { + width: 68px; + height: 68px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.comment-body { + margin-left: 25px; +} + +.comment-meta { + margin-bottom: 10px; +} + +.comment-meta h6 { + line-height: 1; + margin-bottom: 0; +} + +.comment-date { + font-size: 16px; + font-weight: 400; + margin-bottom: 5px; +} + +/*------------------------------------------*/ +/* Comment Reply +/*------------------------------------------*/ + +.btn-reply { + margin-left: 3px; +} + +.btn-reply a { + font-size: 17px; + font-weight: 400; +} + +.btn-reply span { + position: relative; + top: 3px; + margin-right: 4px; + left: 3px; +} + +.btn-reply.ico-20 [class*="flaticon-"]:before, +.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; } + +.btn-reply a:hover { + color: #222; +} + +/*------------------------------------------*/ +/* SINGLE POST COMMENT FORM +/*------------------------------------------*/ + +.post-comments #leave-comment h5 { + padding-bottom: 0; + margin-top: 80px; + margin-bottom: 10px; + border: none; +} + +.comment-form { + position: relative; + margin-top: 60px; +} + +.comment-form p { + position: relative; + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 15px; + padding-left: 8px; + display: block; +} + +.comment-form p span { + position: relative; + color: #ff3366; + top: -3px; +} + +.comment-form .form-control { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #353f4f; + font-size: 1rem; + line-height: 1; + font-weight: 400; + padding: 0 20px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.comment-form textarea { min-height: 220px; } +.comment-form textarea.form-control { + padding: 25px 20px; +} + +/*------------------------------------------*/ +/* Comment Form Input Focus +/*------------------------------------------*/ + +.comment-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Comment Form Button +/*------------------------------------------*/ + +.comment-form .btn { + margin-top: 15px; +} + +.comment-form .btn:focus { + outline: 0px none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +.comment-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +.comment-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.comment-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 28. CONTACTS + =========================================================================== */ + +#contacts-1 .contact-form p { + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 10px; + padding-left: 8px; +} + +#contacts-1 .contact-form .col-md-12 span { + display: block; + font-size: 0.95rem; + line-height: 1; + font-weight: 300; + margin-bottom: 20px; + padding-left: 8px; +} + +#contacts-1 .contact-form .contact-form-notice p { + font-size: 0.835rem; + font-weight: 300; + line-height: 1.5555; + padding-left: 0; + margin-top: 40px; +} + +.contact-form-notice p a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* CONTACT FORM INPUT +/*------------------------------------------*/ + +.contact-form .form-control, +.contact-form .form-select { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #3a4a56; + font-size: 1rem; + font-weight: 400; + padding: 0 15px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.bg--snow .contact-form .form-control, +.bg--snow .contact-form .form-select { + background-color: #fff; + border: 1px solid #ccc; +} + +.contact-form .form-select { + display: inline-block; + width: 100%; + color: #998da0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Contact Form Textarea +/*------------------------------------------*/ + +.contact-form textarea { min-height: 220px; } +.contact-form textarea.form-control { + padding: 20px 15px; +} + +/*------------------------------------------*/ +/* Contact Form Placeholder +/*------------------------------------------*/ + +.contact-form .form-control::-moz-placeholder { color: #999; } +.contact-form .form-control:-ms-input-placeholder { color: #999; } +.contact-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Contact Form Input Focus +/*------------------------------------------*/ + +.contact-form .form-control:focus, +.contact-form .form-select:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Contact Form Message +/*------------------------------------------*/ + +.contact-form-msg { + width: 100%!important; + display: block; + margin-top: 20px; + padding-left: 0; +} + +.contact-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.contact-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 29. FOOTER + =========================================================================== */ + +.footer { + padding-bottom: 50px; +} + +.footer-info, +.footer-links { + margin-bottom: 40px; +} + +#footer-10 .footer-info { + margin-bottom: 40px; + padding-bottom: 55px; + border-bottom: 1px solid #dbdddf; +} + +#footer-10 .footer-links { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* FOOTER LOGO +/*------------------------------------------*/ + +img.footer-logo, +img.footer-logo-dark { + width: auto; + max-width: inherit; + max-height: 40px; +} + +#footer-10 img.footer-logo { + max-height: 46px; +} + +#footer-1 .footer-logo, +#footer-5 .footer-logo, +#footer-6 .footer-logo, +#footer-7 .footer-logo { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* FOOTER TYPOGRAPHY +/*------------------------------------------*/ + +.footer h6 { + line-height: 1; + margin-bottom: 25px; +} + +#footer-9.footer h6 { + line-height: 1.5; +} + +.bg--black.footer h6 { + color: #fff; +} + +/*------------------------------------------*/ +/* FOOTER INFO +/*------------------------------------------*/ + +.footer-info-copyright p { + margin-bottom: 0; +} + +.footer-info-copyright p span { + position: relative; + top: 2px; + padding: 0 2px; +} + +.footer-info-copyright.ico-15 [class*="flaticon-"]:before, +.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } + +/*------------------------------------------*/ +/* FOOTER MAIL LINK +/*------------------------------------------*/ + +.footer .footer-mail-link { + margin-left: 3px; + margin-bottom: 0; +} + +#footer-1 .footer-info .footer-mail-link { + margin-top: 10px; +} + +#footer-2 .footer-links .footer-mail-link, +#footer-3 .footer-links .footer-mail-link { + margin-left: 0; + margin-bottom: 20px; +} + +.footer-mail-link a { + font-weight: 400; +} + +.footer-mail-link span { + position: relative; + top: 4px; + right: 3px; +} + +.footer-mail-link.ico-20 [class*="flaticon-"]:before, +.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } + +.bg--black.footer .footer-mail-link a { + color: #a0a7b1; +} + +.bg--black.footer .footer-mail-link a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER LINKS +/*------------------------------------------*/ + +#footer-2 .footer-links { + padding-left: 10%; +} + +.foo-links li { + width: auto!important; + display: block!important; + vertical-align: top; + clear: none !important; + margin: 0; + padding: 0; +} + +.foo-links.ico-10 li span { + position: relative; + top: 1.5px; + right: 3px; +} + +#footer-8 .foo-links li { + display: inline-block!important; + padding-left: 20px; +} + +#footer-8 .foo-links li.first-li { + padding-left: 0; +} + +#footer-10 .foo-links li { + display: inline-block!important; + padding: 0 10px; +} + +.footer .foo-links li p { + font-weight: 400; + margin-bottom: 10px; +} + +.footer .foo-links li:last-child p { + margin-bottom: 0; +} + +.foo-links li a span.ext-link { + display: inline-block; + position: relative; + left: 3px; + top: 1.5px; + transform: rotate(-60deg); +} + +.foo-links.ico-15 [class*="flaticon-"]:before, +.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.bg--black.footer .foo-links li p a { + color: #a0a7b1; +} + +.bg--black.footer .foo-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER SOCIAL +/*------------------------------------------*/ + +.footer-socials { + margin: 0; + display: inline-block; +} + +.footer-socials li { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.footer-socials a { + display: block; + margin-right: 15px; +} + +.footer-socials.ico-20 a, +.footer-socials.ico-25 a { + margin-right: 16px; +} + +.footer-socials.ico-25 [class*="flaticon-"]:before, +.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; } + +.bg--black.footer .footer-socials li a { + color: #a0a7b1; +} + +.bg--black.footer .footer-socials li a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER STORE BAGES +/*------------------------------------------*/ + +.footer .store { + float: none; + margin-right: 0; + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FOOTER NEWSLETTER FORM +/*------------------------------------------*/ + +.footer-form { + margin-bottom: 20px; +} + +#footer-7 .footer-form { + padding-left: 8%; +} + +.footer-form .newsletter-form .input-group { + background-color: #f4f4f4; + border: 1px solid transparent; + padding: 9px 2px; +} + +.footer-form .form-control { + height: 32px; + background-color: transparent; + border: none; + color: #666; + font-size: 1rem; + font-weight: 400; + padding: 0 10px; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.footer-form .form-control:focus { + border: none; + border-right: none; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Footer Form Placeholder +/*------------------------------------------*/ + +.footer-form .form-control::-moz-placeholder { color: #6c757d; } +.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } +.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.footer-form .btn { + height: 32px; + padding: 0 10px; +} + +.footer-form .ico-15 [class*="flaticon-"]:before, +.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; } + +/*------------------------------------------*/ +/* Footer Form Notification +/*------------------------------------------*/ + +.footer-form .form-notification { + color: #1680fb; + font-size: 0.85rem; + line-height: 1.25; + font-weight: 400; + margin-top: 12px; + margin-left: 5px; +} + +.footer-form .form-notification.valid, +.footer-form .form-notification.error { + color: #fc2f4b; +} + +.footer-form .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER +/*------------------------------------------*/ + +.footer hr { + margin-top: 30px; + margin-bottom: 50px; +} + +#footer-8 .bottom-footer, +#footer-9 .bottom-footer { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER COPYRIGHT +/*------------------------------------------*/ + +.footer-copyright p { + margin-bottom: 0; +} + +.bg--black.footer .footer-copyright p { + color: #a0a7b1; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER SECONDARY LINK +/*------------------------------------------*/ + +.bottom-secondary-link p { + margin-bottom: 0; +} + +.bottom-secondary-link p span { + position: relative; + top: 1px; + padding: 0 2px; +} + +.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, +.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +/*------------------------------------------*/ +/* BOTTOM FOOTER LINKS +/*------------------------------------------*/ + +.bottom-footer-list li, +.bottom-footer-socials li, +.bottom-footer-payment li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.bottom-footer-socials li { + padding-left: 14px; +} + +#footer-4 .bottom-footer-list li, +#footer-9 .bottom-footer-list li { + padding-left: 15px; +} + +#footer-4 .bottom-footer-list li.first-li, +#footer-9 .bottom-footer-list li.first-li { + padding-left: 0; +} + +#footer-10 .bottom-footer-socials li { + padding: 0 15px; +} + +.footer-list-divider { + position: relative; + top: -0.5px; + transform: rotate(-90deg); + margin-left: 4px; +} + +.bottom-footer-list.ico-15 [class*="flaticon-"]:before, +.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; } + +.bottom-footer-list li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.bottom-footer-socials li span { + position: relative; + top: 4px; + opacity: .8; +} + +.bottom-footer-payment li span { + line-height: 1!important; + position: relative; + top: 4px; + opacity: .8; +} + +#footer-4 .bottom-footer-list li span, +#footer-9 .bottom-footer-list li span { + margin-top: 1px; + margin-right: 2px; +} + +.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; } + +.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } + +.bg--black.footer .bottom-footer-list li p a { + color: #a0a7b1; +} + +.bg--black.footer .bottom-footer-list li p a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 30. INNER PAGE WRAPPER + =========================================================================== */ + +.inner-page-hero { + padding-top: 180px; +} + +.page-hero-section-overlay { + position: relative; + width: 100%; + padding-top: 150px; +} + +.page-hero-section-overlay .txt-block { + margin-top: -40px; +} + +.page-hero-section .wave-shape-bottom path { + fill: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE TITLE +/*------------------------------------------*/ + +.inner-page-title { + text-align: center; + margin-bottom: 80px; +} + +.inner-page-title h2 { + margin-bottom: 0; +} + +.inner-page-title p { + font-size: 1.1875rem; + line-height: 1; + margin-top: 20px; + margin-bottom: 0; +} + +.page-hero-section h2 { + line-height: 1.15; + margin-bottom: 30px; +} + + + + +/* ========================================================================== + 31. PAGE PAGINATION + =========================================================================== */ + +.page-link { + color: #6c757d; + font-size: 1.1rem; + font-weight: 500; + padding: 2px 14px; + margin: 0 8px; + background-color: transparent; + border: 2px solid transparent; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.pagination.ico-20 [class*="flaticon-"]:before, +.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } + +.page-item:first-child .page-link { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.page-item:last-child .page-link { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.blue-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #1680fb; + border: 2px solid #1680fb; +} + +.green-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #0fbc49; + border: 2px solid #0fbc49; +} + +.pink-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #f74780; + border: 2px solid #f74780; +} + +.purple-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #7b5dd6; + border: 2px solid #7b5dd6; +} + +.red-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #ff1e1a; + border: 2px solid #ff1e1a; +} + +.violet-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #be6cbe; + border: 2px solid #be6cbe; +} + +.yellow-pagination .page-item.active .page-link { + color: #353f4f!important; + background-color: #ffba01; + border: 2px solid #ffba01; +} + +.page-item.disabled .page-link { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; +} + +.page-link:hover { + color: #6c757d; + background-color: transparent; + border: 2px solid #ccc; +} + +.page-link:focus { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; + box-shadow: 0 0; +} + + + + +/* ========================================================================== + 32. TERMS, PRIVACY, COOKIES PAGES + =========================================================================== */ + +/*------------------------------------------*/ +/* TERMS PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.txt-block.legal-info h5 { + margin-top: 30px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 { + margin-top: 80px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 span, +.txt-block.legal-info h5 span { + margin-right: 4px; +} + +.legal-info p span { + color: #353f4f; + font-weight: 500; +} + +.legal-info a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 33. SIGN-IN / SIGN-UP PAGE + =========================================================================== */ + +#login, +#signup { + background: url(../images/login.jpg); + background-position: bottom left; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 80px; +} + +#reset-password { + background: url(../images/reset-password.jpg); + background-position: center center; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 100px; +} + +.register-page-wrapper { + overflow: hidden; + position: relative; + z-index: 1; + -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); +} + +#login .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: left top; +} + +#signup .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: right center; +} + +#login .register-page-wrapper:after, +#signup .register-page-wrapper:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + background-color: #fff; +} + +#login .register-page-wrapper:after { + left: 50%; +} + +#signup .register-page-wrapper:after { + left: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE LOGO +/*------------------------------------------*/ + +.register-page-txt img { + width: auto; + max-width: inherit; + max-height: 32px; + margin-bottom: 55px; +} + +.login-page-logo { + text-align: center; + margin-bottom: 45px; +} + +.login-page-logo img { + width: auto; + max-width: inherit; + max-height: 45px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TITLE +/*------------------------------------------*/ + +.register-form-title { + text-align: center; + margin-bottom: 40px; +} + +.register-form-title h3 { + line-height: 1; + margin-bottom: 10px; +} + +.register-form-title p { + margin-bottom: 0; +} + +.register-form-title a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TEXT +/*------------------------------------------*/ + +#login .register-page-txt, +#signup .register-page-txt { + padding: 70px 60px; +} + +.register-page-txt h2 { + line-height: 1.15; + font-weight: 700; + margin-bottom: 6px; +} + +#login .register-page-copyright { + position: absolute; + left: 60px; + bottom: 45px; +} + +#signup .register-page-copyright { + position: absolute; + right: 60px; + bottom: 45px; +} + +.register-page-copyright p { + font-size: 0.85rem; + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title { + margin-bottom: 30px; +} + +.reset-form-title h5 { + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title p.p-sm { + font-size: 0.9rem; + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM +/*------------------------------------------*/ + +.register-page-form { + padding: 60px; +} + +.login-1 .register-page-form, +.signup-1 .register-page-form { + padding: 20px 30px; +} + +.reset-page-wrapper { + margin: 0 10px; +} + +.reset-page-wrapper form { + background: #fff; + border: 1px solid #fafafa; + padding: 50px 30px 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +/*------------------------------------------*/ +/* REGISTER PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.register-page-form p.input-header { + position: relative; + color: #353f4f; + font-size: 0.85rem; + line-height: 1; + font-weight: 500; + margin-bottom: 12px; + padding-left: 5px; +} + +.reset-password-link p { + position: relative; + font-size: 0.9rem; + line-height: 1; + margin-top: -8px; + margin-bottom: 10px; +} + +.form-data span { + display: block; + font-size: 0.85rem; + margin-bottom: 0; +} + +.form-data span a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +.register-page-form p.create-account { + font-size: 0.925rem; + line-height: 1; + margin-top: 30px; + margin-bottom: 0; +} + +.register-page-form p.create-account a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE SEPARATOR LINE +/*------------------------------------------*/ + +.separator-line { + display: flex; + width: 100%; + -webkit-box-pack: center; + justify-content: center; + -webkit-box-align: center; + align-items: center; + text-align: center; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.9rem; + font-weight: 500; + margin: 25px 0px 30px; +} + +.separator-line::before, +.separator-line::after { + content: ""; + border-top: 2px solid rgba(0, 0, 0, .1); + margin: 0 15px 0 0; + flex: 1 0 20px; +} + +.separator-line::after { + margin: 0 0 0 15px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM INPUT +/*------------------------------------------*/ + +.reset-page-wrapper .form-control, +.register-page-form .form-control { + height: 60px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #353f4f; + font-size: 0.95rem; + line-height: 1; + font-weight: 400; + margin-bottom: 25px; + padding: 5px 20px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.login-1 .form-control, +.signup-1 .form-control { + background-color: #fff; + border: 1px solid #ccc; +} + +.reset-page-wrapper .form-control { + text-align: center; +} + +.register-page-form .form-control::-moz-placeholder { color: #999; } +.register-page-form .form-control:-ms-input-placeholder { color: #999; } +.register-page-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* REGISTER PAGE FORM FOCUS +/*------------------------------------------*/ + +.reset-page-wrapper .form-control:focus, +.register-page-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM BUTTON +/*------------------------------------------*/ + +#signup .register-page-form .btn.submit, +#login .register-page-form .btn.submit { + width: 100%; + height: 60px; + margin-top: 20px; +} + +.reset-page-wrapper .btn.submit { + width: 100%; + margin-bottom: 20px; +} + +.register-page-form .btn-google { + width: 100%; + color: #333; + font-size: 0.95rem; + background-color: #fff; + border: 1px solid #ccc; +} + +.btn-google img { + position: relative; + width: 22px; + height: 22px; + top: -2px; + right: 5px; +} + +.register-page-form .btn-google:hover { + border: 1px solid #333; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM MESSAGE +/*------------------------------------------*/ + +.reset-form-msg { + text-align: center; + width: 100%!important; + display: block; +} + +.reset-password-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.reset-password-form .error { + position: relative; + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + top: -10px; + margin-bottom: 12px; + padding-left: 10px; +} + +/*------------------------------------------*/ +/* FORM HIDE PASSWORD +/*------------------------------------------*/ + +.wrap-input { + position: relative; +} + +.btn-show-pass { + color: #999999; + align-items: center; + position: absolute; + height: 100%; + top: 20px; + right: 20px; + cursor: pointer; + -webkit-transition: all 0.4s; + -o-transition: all 0.4s; + -moz-transition: all 0.4s; + transition: all 0.4s; +} + +.btn-show-pass.ico-20 [class^="flaticon-"]:before, +.btn-show-pass.ico-20 [class^="flaticon-"]:after { + font-size: 1.125rem; +} + +.btn-show-pass:hover { + color: #0195ff; +} + +.btn-show-pass.active { + color: #6a7dfe; +} + + + + +/* ========================================================================== + 34. PAGE 404 + =========================================================================== */ + +.page-404-txt { + padding-top: 180px; + padding-bottom: 100px; +} + +.page-404-txt h2 { + margin-bottom: 20px; +} + +.page-404-txt h6 { + line-height: 1.6; + font-weight: 400; + padding: 0 5%; + margin-bottom: 30px; +} + +.page-404-img { + padding: 0 5%; + margin-bottom: 60px; +} + + + + +/* ========================================================================== + 35. MODAL + ========================================================================== */ + +.modal-body { + padding: 0!important; +} + +#modal-1 .modal-dialog { + max-width: 700px; +} + +#modal-2 .modal-dialog { + width: 440px; +} + +#modal-3 .modal-dialog.modal-xl { + width: 750px; +} + +#modal-2.modal .modal-content, +#modal-3.modal .modal-content { + overflow: hidden; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; +} + +#modal-3.modal .bg-img { + background: url(../images/modal-request.jpg); + background-position: left center; +} + +#modal-2 .modal-body-content { + padding: 35px 40px 15px; +} + +#modal-3 .modal-body-content { + padding: 60px 35px 50px; +} + +/*------------------------------------------*/ +/* MODAL WINDOW CLOSE BUTTON +/*------------------------------------------*/ + +.modal .btn-close { + position: absolute; + z-index: 1; + right: 15px!important; + top: 15px!important; + height: 1.5rem; + width: 1.5rem; + background: rgba(255, 255, 255, 1)!important; + border-radius: 50%; + padding: 0; + opacity: .9; + z-index: 9999; +} + +#modal-3.modal .btn-close { + background: rgba(14, 14, 14, .3)!important; +} + +.btn-close span { + position: relative; + line-height: 24px!important; + top: -2px; +} + +.modal .btn-close.ico-10 [class^="flaticon-"]:before, +.modal .btn-close.ico-10 [class^="flaticon-"]:after { + font-size: 0.6rem; +} + +button.btn-close:focus { + outline: none!important; + text-decoration: none!important; +} + +/*------------------------------------------*/ +/* MODAL WINDOW NEWSLETTER FORM +/*------------------------------------------*/ + +.modal-body .newsletter-form { + margin-top: 25px; +} + +.modal .newsletter-form .form-control { + text-align: center; + height: 56px; + background-color: #f5f6f8; + border: 1px solid transparent; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin: 0 0 15px 0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Form Input Focus +/*------------------------------------------*/ + +.modal .newsletter-form .form-control:focus { + outline: 0; + box-shadow: none; + border-color: #1e90ff; +} + +.modal .newsletter-form.purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Form Input Placeholder +/*------------------------------------------*/ + +.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } +.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } +.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Form Button +/*------------------------------------------*/ + +.modal .input-group-btn { + display: block; + width: 100%!important; +} + +.modal .newsletter-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Form Notification +/*------------------------------------------*/ + +.modal .form-notification { + text-align: center; + color: #1680fb; + font-size: 0.85rem; + font-weight: 400; + line-height: 1; + margin-top: 12px; +} + +.modal .form-notification.valid, +.modal .form-notification.error { + color: #fc2f4b; +} + +.modal .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* MODAL WINDOW REQUEST FORM +/*------------------------------------------*/ + +#modal-3 .request-form { + margin: 0; +} + +#modal-3 .request-form .col-md-12 { + padding: 0; +} + +#modal-3 .request-form-title p { + margin-top: 18px; + margin-bottom: 25px; +} + +#modal-3 .request-form .form-control { + text-align: left; + margin: 0 0 25px 0; +} + +#modal-3 .request-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +#modal-3 .request-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +#modal-3 .request-form .loading { + color: #1680fb; + font-size: 1.0625rem; + line-height: 1; + font-weight: 400; +} + +#modal-3 .request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 36. DARK MODE + ========================================================================== */ + +body.theme--dark, +.theme--dark .bg--white-100 { + background-color: #232734!important; +} + +body.theme--dark { + color: #b1b7cd; +} + +.theme--dark .block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +.theme--dark .block-border { + border: 1px solid #e7e7e7; +} + +.theme--dark .block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; } +.theme--dark .top-border { border-top: 1px solid #1d212c; } +.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; } + +.theme--dark .bg--white-300, +.theme--dark .bg--white-400, +.theme--dark .bg--purple-100, +.theme--dark .shape--purple-100:after, +.theme--dark .shape--white-500:after, +.theme--dark .shape--white-400:after, +.theme--dark .shape--white-300:after, +.theme--dark .shape--white-200:after { + background-color: #1d212c; +} + +.theme--dark .bg--02, +.theme--dark .bg--04, +.theme--dark .gr--smoke, +.theme--dark .gr--ghost, +.theme--dark .shape--whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%); +} + +.theme--dark .gr--whitesmoke, +.theme--dark .shape--gr-whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%); +} +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +.theme--dark hr.divider, +.theme--dark .footer hr { + background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); +} + +.theme--dark hr.divider.divider-light { + background-color: #fff; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%); + opacity: 1; +} + +/*------------------------------------------*/ +/* TYPOGRAPHY +/*------------------------------------------*/ + +.theme--dark h1, +.theme--dark h2, +.theme--dark h3, +.theme--dark h4, +.theme--dark h5, +.theme--dark h6 { + color: #fff; +} + +.theme--dark a { color: #b1b7cd; } +.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; } + +/*------------------------------------------*/ +/* BUTTONS +/*------------------------------------------*/ + +.theme--dark .btn--tra-black, +.theme--dark .hover--tra-black:hover { + color: #b1b7cd!important; + background-color:transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .navbar-dark .hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark .white-scroll .hover--tra-black:hover { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +.theme--dark .navbar-dark .scroll .hover--tra-black:hover { + color: #fff!important; + background-color:transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--white, +.theme--dark .hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-white, +.theme--dark .hover--tra-white:hover { + color: #f1f1f1!important; + background-color: transparent!important; + border-color: #f1f1f1!important; +} + +.theme--dark .white-scroll .scroll .hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-grey, +.theme--dark .hover--tra-grey:hover, +.theme--dark .white-scroll .scroll .hover--tra-grey:hover, +.theme--dark .black-scroll .scroll .hover--tra-grey:hover { + color: #b1b7cd!important; + background-color: transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .btn--blue-500, +.theme--dark .hover--blue-500:hover, +.theme--dark .white-scroll .scroll .hover--blue-500:hover, +.theme--dark .black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.theme--dark .btn--blue-400, +.theme--dark .hover--blue-400:hover, +.theme--dark .white-scroll .scroll .hover--blue-400:hover, +.theme--dark .black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.theme--dark .btn--blue-300, +.theme--dark .hover--blue-300:hover, +.theme--dark .white-scroll .scroll .hover--blue-300:hover, +.theme--dark .black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.theme--dark .btn--pink-500, +.theme--dark .hover--pink-500:hover, +.theme--dark .white-scroll .scroll .hover--pink-500:hover, +.theme--dark .black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.theme--dark .btn--pink-400, +.theme--dark .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.theme--dark .btn--pink-300, +.theme--dark .hover--pink-300:hover, +.theme--dark .white-scroll .scroll .hover--pink-300:hover, +.theme--dark .black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.theme--dark .btn--purple-500, +.theme--dark .hover--purple-500:hover, +.theme--dark .white-scroll .scroll .hover--purple-500:hover, +.theme--dark .black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.theme--dark .btn--purple-400, +.theme--dark .hover--purple-400:hover, +.theme--dark .white-scroll .scroll .hover--purple-400:hover, +.theme--dark .black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.theme--dark .btn--purple-300, +.theme--dark .hover--purple-300:hover, +.theme--dark .white-scroll .scroll .hover--purple-300:hover, +.theme--dark .black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.theme--dark .btn--violet-500, +.theme--dark .hover--violet-500:hover, +.theme--dark .white-scroll .scroll .hover--violet-500:hover, +.theme--dark .black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.theme--dark .btn--violet-400, +.theme--dark .hover--violet-400:hover, +.theme--dark .white-scroll .scroll .hover--violet-400:hover, +.theme--dark .black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.theme--dark .btn--violet-300, +.theme--dark .hover--violet-300:hover, +.theme--dark .white-scroll .scroll .hover--violet-300:hover, +.theme--dark .black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.theme--dark .section-id { + color: #eee; +} + +.theme--dark .color--black, +.theme--dark .color--black h2, +.theme--dark .color--black h3, +.theme--dark .color--black h4, +.theme--dark .color--black h5, +.theme--dark .color--black h6, +.theme--dark .color--black p, +.theme--dark .color--black a, +.theme--dark .color--black li, +.theme--dark .color--black i, +.theme--dark .color--black span, +.theme--dar .color--white .color--black { color: #fff; } + +.theme--dark .color--grey, +.theme--dark .color--grey h2, +.theme--dark .color--grey h3, +.theme--dark .color--grey h4, +.theme--dark .color--grey h5, +.theme--dark .color--grey h6, +.theme--dark .color--grey p, +.theme--dark .color--grey a, +.theme--dark .color--grey li, +.theme--dark .color--grey i, +.theme--dark .color--grey span, +.theme--dark .color--white .color--grey { color: #b1b7cd; } + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.theme--dark .dark-menu .wsmainfull, +.theme--dark .white-menu .wsmainfull { + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a { + color: #fff; +} + +.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover, +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover { + color: #eee!important; +} + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before, +.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before { + background-color: #2c3142; + border-left: solid 1px #2c3142; + border-top: solid 1px #2c3142; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; + background-color: transparent!important; +} + +.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NAVBAR SCROLL +/*------------------------------------------*/ + +.theme--dark .tra-menu .wsmainfull.scroll, +.theme--dark .white-menu .wsmainfull.scroll, +.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll { + background-color: #1d222f!important; + padding: 0; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #b1b7cd; +} + +.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #fff!important; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(0, 0, 0, .12)!important; +} + +.theme--dark .navbar-light .scroll .btn.btn--tra-white { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* Logo Image +/*------------------------------------------*/ + +.theme--dark .navbar-light .scroll .logo-black, +.theme--dark .navbar-dark.light-hero-header .logo-black, +.theme--dark .navbar-dark.inner-page-header .logo-black { + display: none; +} + +.theme--dark .navbar-light .scroll .logo-white, +.theme--dark .navbar-dark.light-hero-header .logo-white, +.theme--dark .navbar-dark.inner-page-header .logo-white { + display: block; +} + +.theme--dark .navbar-dark .scroll .logo-black { + display: none; +} + +.theme--dark .navbar-dark .scroll .logo-white { + display: block; +} + +/*------------------------------------------*/ +/* HERO SECTION +/*------------------------------------------*/ + +.theme--dark .hero-section .color--black, +.theme--dark .hero-section .color--black h2, +.theme--dark .hero-section .color--black h3, +.theme--dark .hero-section .color--black h4, +.theme--dark .hero-section .color--black h5, +.theme--dark .hero-section .color--black h6, +.theme--dark .hero-section .color--black p, +.theme--dark .hero-section .color--black a, +.theme--dark .hero-section .color--black li, +.theme--dark .hero-section .color--black i, +.theme--dark .hero-section .color--black span, +.theme--dark .hero-section .color--white .color--black { color: #353f4f; } + +.theme--dark .hero-section p { color: #6c757d; } +.theme--dark .hero-section .color--white p { color: #fff; } +.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; } +.theme--dark .hero-section .section-id.color--grey { color: #6c757d; } + +.theme--dark .hero-5-txt p, +.theme--dark .hero-6-txt p, +.theme--dark .hero-10-txt p, +.theme--dark .hero-15-txt p, +.theme--dark .hero-16-txt p, +.theme--dark .hero-17-txt p, +.theme--dark .hero-18-txt p, +.theme--dark .hero-19-txt p, +.theme--dark .hero-20-txt p, +.theme--dark .hero-21-txt p, +.theme--dark .hero-23-txt p, +.theme--dark .hero-25-txt p { color: #b1b7cd; } + +.theme--dark .hero-section .quick-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control, +.theme--dark #hero-24.hero-section .quick-form .form-control, +.theme--dark #hero-26.hero-section .quick-form .form-control { + color: #666; + background-color: #fff; +} + +.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark .hero-section .quick-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control:focus, +.theme--dark #hero-24.hero-section .quick-form .form-control:focus, +.theme--dark #hero-26.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: transparent; +} + +.theme--dark .hero-section .request-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .hero-section .request-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-3:after, +.theme--dark #hero-4:after { + background-color: #232734; +} + +.theme--dark .hero-4-txt h2 { + color: #353f4f; +} + +.theme--dark .hero-4-txt .btn.btn--tra-black { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark #hero-5 { + background-image: url(../images/hero-5-dark.jpg); +} + +.theme--dark .hero-6-wrapper { + background-image: linear-gradient(90deg, #1d212c, #1d212c); +} + +.theme--dark #hero-8-form { + background-color: #1d222f; + border: 1px solid #1d222f; +} + +.theme--dark #hero-8-form p { + color: #b1b7cd; +} + +.theme--dark #hero-5 .wave-shape-bottom svg path, +.theme--dark #hero-8 .wave-shape-bottom svg path, +.theme--dark #hero-14 .wave-shape-bottom svg path, +.theme--dark #hero-16 .wave-shape-bottom svg path, +.theme--dark #hero-22 .wave-shape-bottom svg path, +.theme--dark #hero-23 .wave-shape-bottom svg path, +.theme--dark #hero-26 .wave-shape-bottom svg path { + fill: #232734; +} + +.theme--dark #hero-10 { + background-image: url(../images/hero-10-dark.jpg); +} + +.theme--dark #hero-15 { + background-image: url(../images/hero-15-dark.jpg); +} + +.theme--dark #hero-16 { + background-image: url(../images/hero-16-dark.jpg); +} + +.theme--dark #hero-17 { + background-image: url(../images/hero-17-dark.jpg); +} + +.theme--dark #hero-18:after { + background-image: url(../images/hero-18-dark.jpg); +} + +.theme--dark #hero-20:after { + background-image: linear-gradient(180deg, #1d212c, #232734); +} + +.theme--dark #hero-21 .hero-overlay { + background-image: url(../images/hero-21-dark.jpg); +} + +.theme--dark #hero-23 { + background-image: url(../images/hero-23-dark.jpg); +} + +.theme--dark .hero-23-txt p span.color--black { color: #fff; } + +.theme--dark #hero-25 { + background-image: url(../images/hero-25-dark.jpg); +} + +.theme--dark #hero-27 .hero-overlay { + background-image: url(../images/hero-27-dark.png); +} + +/*------------------------------------------*/ +/* FEATURES +/*------------------------------------------*/ + +.theme--dark .features-section path { + opacity: .05; +} + +.theme--dark .fbox-7 { + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* CONTENT +/*------------------------------------------*/ + +.theme--dark .cbox-2-line { + background-color: #363f54; +} + +/*------------------------------------------*/ +/* STATISTIC +/*------------------------------------------*/ + +.theme--dark #statistic-5 .statistic-digit { + border-bottom: 1px solid #505c77; +} + +/*------------------------------------------*/ +/* REVIEWS +/*------------------------------------------*/ + +.theme--dark #reviews-2 .review-2.bg--white-100 { + background-color: #1d212c!important; +} + +.theme--dark .owl-theme .owl-dots .owl-dot span { + background: #1d212c; +} + +.theme--dark .owl-theme .owl-dots .owl-dot.active span { + background: #b1b7cd; +} + +.theme--dark .review-3.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +.theme--dark .project-title h2 { + border-bottom: 1px solid #363f54; +} + +.theme--dark .project-data p span { color: #fff; } + +.theme--dark .project-description .more-projects span { + color: #fff; +} + +/*------------------------------------------*/ +/* RATING +/*------------------------------------------*/ + +.theme--dark .rbox-1 .star-rating { + background-color: #1d212c!important; + border: 1px solid #1d212c; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .pricing-discount h6 { + color: #353f4f; +} + +.theme--dark .table>:not(caption)>*>* { + color: #b1b7cd; + background-color: #232734; +} + +.theme--dark .comp-table .table thead th { + color: #fff; + border-color: #363f54; +} + +.theme--dark .comp-table tbody th { + border-bottom: 1px solid #363f54!important; +} + +.theme--dark .comp-table .table tr td { + border-bottom: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* INTEGRATIONS +/*------------------------------------------*/ + +.theme--dark .integrations-1-wrapper .in_tool { + background-color: #1d212c; + border: 1px solid #1d212c; +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .switcher.bg--grey { + background-color: #363f54; + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* BANNER +/*------------------------------------------*/ + +.theme--dark .banner-16-wrapper.bg--white-100.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* DOWNLOAD +/*------------------------------------------*/ + +.theme--dark .release-data { + border-bottom: 1px dashed #656565; +} + +.theme--dark span.version-data, +.theme--dark span.release-date span { + color: #f1f1f1; +} + +.theme--dark span.release-date { + color: #ccc; +} + +/*------------------------------------------*/ +/* FAQs +/*------------------------------------------*/ + +.theme--dark .faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li { + border: 2px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li span, +.theme--dark .faqs-section .tabs-1 li { + color: #b1b7cd; +} + +.theme--dark .faqs-section .accordion-item .accordion-thumb:after, +.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NEWSLETTER +/*------------------------------------------*/ + +.theme--dark .newsletter-section .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .newsletter-section .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* BLOG +/*------------------------------------------*/ + +.theme--dark .post-meta-list p, +.theme--dark .blog-post-txt a { + color: #fff; +} + +.theme--dark .blog-post-txt a:hover { + color: #ddd!important; +} + +/*------------------------------------------*/ +/* SINGLE POST +/*------------------------------------------*/ + +.theme--dark .txt-code { + background-color: #1d212c; +} + +.theme--dark .txt-code kbd { + background-color: #363f54; +} + +.theme--dark .txt-code p { + color: #b1b7cd; +} + +.theme--dark .comment-form p, +.theme--dark .blockquote-footer, +.theme--dark .txt-code span.code-property, +.theme--dark .txt-code p code.code-language-js { + color: #fff; +} + +.theme--dark .comment-form .form-control { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .comment-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* CONTACTS +/*------------------------------------------*/ + +.theme--dark .contact-form-notice p a, +.theme--dark #contacts-1 .contact-form p { + color: #fff; +} + +.theme--dark .contact-form .form-control, +.theme--dark .contact-form .form-select { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .contact-form .form-control:focus, +.theme--dark .contact-form .form-select:focus { + background-color: #505c77; + border-color: transparent; +} + +/*------------------------------------------*/ +/* FOOTER +/*------------------------------------------*/ + +.theme--dark #footer-10 .footer-info { + border-bottom: 1px solid #363f54; +} + +.theme--dark .footer-form .newsletter-form .btn.dark-color span { + color: #2f353e!important; +} + +.theme--dark .footer-form .newsletter-form .input-group { + background-color: #282d3c; + border: 1px solid #505c77; +} + +.theme--dark .footer-form .form-control { + color: #fff; +} + +.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .legal-info p span { + color: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE +/*------------------------------------------*/ + +.theme--dark .page-hero-section .wave-shape-bottom path { + fill: #232734; +} + +/*------------------------------------------*/ +/* MODAL +/*------------------------------------------*/ + +.theme--dark #modal-2 .modal-body-content h5, +.theme--dark #modal-3 .modal-body-content h3 { + color: #353f4f; +} + +/*------------------------------------------*/ +/* PAGE 404 +/*------------------------------------------*/ + +.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; } +.theme--dark #page-404 .color--dark { color: #353f4f; } + +.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300, +.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; } + +/*------------------------------------------*/ +/* LOGIN +/*------------------------------------------*/ + +.theme--dark #login, .theme--dark #signup { + background: url(../images/login_dark.jpg); +} + +.theme--dark #reset-password { + background: url(../images/reset-password-dark.jpg); +} + +.theme--dark #login .register-page-wrapper:after, +.theme--dark #signup .register-page-wrapper:after { + background-color: #1d212c; +} + +.theme--dark .form-data span a, +.theme--dark .register-page-form p.input-header { + color: #fff; +} + +.theme--dark .separator-line::before, +.theme--dark .separator-line::after { + border-top: 2px solid rgba(255, 255, 255, .15); +} + +.theme--dark .reset-page-wrapper .form-control, +.theme--dark .register-page-form .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .reset-page-wrapper form { + background: #1d212c; + border: 1px solid #1d212c; +} + +.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .register-page-form .btn-google { + color: #b1b7cd; + background-color: #363f54; + border: 1px solid #363f54; +} + + + + +/* ========================================================================== + 37. COLOR SCHEME + ========================================================================== */ + +.bg--theme, +.shape--blue-400:after { + background-color: #ff1e1a; +} + +.btn--theme { + color: #fff!important; + border-color: #ff1e1a!important; + background-color: #ff1e1a!important; +} + +.hover--theme:hover, +.white-scroll .scroll .hover--theme:hover, +.black-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #ea100c!important; + background-color: #ea100c!important; +} + +.theme--dark .white-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #ea100c!important; + background-color: #ea100c!important; +} + +.theme--dark .white-scroll .hover--theme:hover { + color: #fff!important; + border-color: #ea100c!important; + background-color: #ea100c!important; +} + +.color--theme, +.color--theme h1, +.color--theme h2, +.color--theme h3, +.color--theme h4, +.color--theme h5, +.color--theme h6, +.color--theme p, +.color--theme a, +.color--theme li, +.color--theme i, +.color--theme span, +.color--white .color--theme { color: #ff1e1a!important; } + +.loading--theme .loader { + border-color: transparent #ff1e1a; +} + +.loading--theme .loader::after { + border-color: transparent rgba(255, 30, 26, .15); +} + +.nav-theme .sm-info { + background-color: #ff1e1a; +} + +.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff1e1a!important; +} + +.hero-section .quick-form .form-control:focus { + border-color: #ff1e1a; +} + +.cbox-2:hover .cbox-2-ico.bg--theme { + color: #ff1e1a; + border-color: #ff1e1a; +} + +.tabs-1.tabs--theme, +.tabs-1.tabs--theme li.current:hover { + color: #ff1e1a; + border-color: #ff1e1a; +} + +.faqs-section .tabs--theme .tabs-1 li.current, +.faqs-section .tabs--theme .tabs-1 li.current:hover { + background-color: #ff1e1a; + border-color: #ff1e1a!important; +} + +.switch-wrap input:checked + .switcher.switcher--theme { + background-color: #ff1e1a; + border-color: #ff1e1a; +} + +.shape-ico.color--theme path, +.shape-ico.color--theme path, +.shape-ico.color--theme path { + fill: #fce7e4; +} + +.newsletter-section .form-control:focus { + background-color: #fff; + border-color: #353f4f; +} + +.theme-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #ff1e1a; + border: 2px solid #ff1e1a; +} + + + diff --git a/static/css/responsive.css b/static/css/responsive.css new file mode 100644 index 0000000..e4ea8ac --- /dev/null +++ b/static/css/responsive.css @@ -0,0 +1,9315 @@ + + + + +/* + Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack + Theme URL: https://themeforest.net/user/dsathemes + Description: Martex - Software, App, SaaS & Startup Landing Pages Pack + Author: DSAThemes + Author URL: https://themeforest.net/user/dsathemes + Version: 1.0.0 + Website: www.dsathemes.com + Tags: Responsive, HTML5, DSAThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc +*/ + + + + +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ + +@media (min-width: 1400px) { + + +} + + + + +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ + +@media (min-width: 1200px) { + + /*------------------------------------------*/ + /* BASE + /*------------------------------------------*/ + + html { font-size: 115.6%; } + + /* Button */ + .btn { padding: 0.8rem 1.7rem; } + .btn.ico-30.ico-left { padding: 0.286rem 0; } + .btns-group .btn.ico-30.ico-left { padding: 0.286rem 0.5rem; } + .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { top: 3px; } + + /* Watch Video Link */ + .watch-video-link { width: 2.8rem; height: 2.8rem; } + .watch-video-link span[class^="flaticon-"]:before, + .watch-video-link span[class^="flaticon-"]:after { font-size: 1.75rem; line-height: 2.8rem!important; } + + /*------------------------------------------*/ + /* NAVIGATION MENU + /*------------------------------------------*/ + + /* Nav Link */ + .wsmenu > .wsmenu-list > li > a { font-size: 0.9375rem; } + + /* Button */ + .wsmenu > .wsmenu-list > li a.btn { font-size: 0.9rem; line-height: 28px; padding: 4px 22px 6px; margin: 14px 5px 0; } + .wsmenu > .wsmenu-list > li a.btn.reg-btn { padding: 4px 20px 6px; } + + /* SubMenu, HalfMenu, MegaMenu */ + .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { font-size: 0.9rem; } + + .wsmenu > .wsmenu-list > li > .wsmegamenu .title, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title { font-size: 0.8rem; } + + /* Icons Menu */ + .icons-menu-txt span { font-size: 0.825rem; } + + +} + + + + +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ + +@media (min-width: 992px) and (max-width: 1199.95px) { + + /*------------------------------------------*/ + /* BASE + /*------------------------------------------*/ + + .py-5 { padding-top: 0; padding-bottom: 0; } + .py-10 { padding-top: 5px; padding-bottom: 5px; } + .py-15 { padding-top: 10px; padding-bottom: 10px; } + .py-20 { padding-top: 15px; padding-bottom: 15px; } + .py-30 { padding-top: 25px; padding-bottom: 25px; } + .py-40 { padding-top: 30px; padding-bottom: 30px; } + .py-50 { padding-top: 40px; padding-bottom: 40px; } + .py-60 { padding-top: 50px; padding-bottom: 50px; } + .py-70 { padding-top: 60px; padding-bottom: 60px; } + .py-80 { padding-top: 60px; padding-bottom: 60px; } + .py-90 { padding-top: 70px; padding-bottom: 70px; } + .py-100 { padding-top: 80px; padding-bottom: 80px; } + + .pt-30 { padding-top: 20px; } + .pt-40 { padding-top: 30px; } + .pt-50 { padding-top: 40px; } + .pt-60 { padding-top: 40px; } + .pt-70 { padding-top: 60px; } + .pt-80 { padding-top: 60px; } + .pt-90 { padding-top: 70px; } + .pt-100 { padding-top: 80px; } + + .pb-30 { padding-bottom: 20px; } + .pb-40 { padding-bottom: 30px; } + .pb-50 { padding-bottom: 40px; } + .pb-60 { padding-bottom: 50px; } + .pb-70 { padding-bottom: 60px; } + .pb-80 { padding-bottom: 60px; } + .pb-90 { padding-bottom: 70px; } + .pb-100 { padding-bottom: 80px; } + + .mt-40 { margin-top: 30px; } + .mt-45 { margin-top: 35px; } + .mt-50 { margin-top: 45px; } + .mt-55 { margin-top: 40px; } + .mt-60 { margin-top: 50px; } + .mt-65 { margin-top: 55px; } + .mt-70 { margin-top: 60px; } + .mt-75 { margin-top: 65px; } + .mt-80 { margin-top: 60px; } + .mt-85 { margin-top: 65px; } + .mt-90 { margin-top: 70px; } + .mt-95 { margin-top: 75px; } + .mt-100 { margin-top: 80px; } + + .mb-40 { margin-bottom: 30px; } + .mb-45 { margin-bottom: 35px; } + .mb-50 { margin-bottom: 40px; } + .mb-50 { margin-bottom: 45px; } + .mb-60 { margin-bottom: 50px; } + .mb-65 { margin-bottom: 55px; } + .mb-70 { margin-bottom: 60px; } + .mb-75 { margin-bottom: 65px; } + .mb-80 { margin-bottom: 60px; } + .mb-85 { margin-bottom: 65px; } + .mb-90 { margin-bottom: 70px; } + .mb-95 { margin-bottom: 75px; } + .mb-100 { margin-bottom: 80px; } + + /* Backgroud Shape */ + .shape--02:after { width: 140%; height: 82%; top: 12%; left: -20%; } + .shape--03:after { height: 127%; top: -70px; } + .shape--04:after { height: 84%; top: 8%; } + .shape--05:after { height: 85%; } + + /* Font Size */ + .s-15 { font-size: 0.9375rem; } /* 15px */ + .s-16 { font-size: 1rem; } /* 16px */ + .s-17 { font-size: 1.0625rem; } /* 17px */ + .s-18 { font-size: 1.125rem; } /* 18px */ + .s-19 { font-size: 1.125rem; } /* 18px */ + .s-20 { font-size: 1.18755rem; } /* 19px */ + .s-21, .s-22 { font-size: 1.25rem; } /* 20px */ + .s-23 { font-size: 1.3125rem; } /* 21px */ + .s-24 { font-size: 1.375rem; } /* 22px */ + .s-26 { font-size: 1.5rem; } /* 24px */ + .s-28 { font-size: 1.625rem; } /* 26px */ + .s-30 { font-size: 1.75rem; } /* 28px */ + .s-32 { font-size: 1.875rem; } /* 30px */ + .s-34 { font-size: 2rem; } /* 32px */ + .s-36 { font-size: 2.125rem; } /* 34px */ + .s-38 { font-size: 2.25rem; } /* 36px */ + .s-40 { font-size: 2.3125rem; } /* 37px */ + .s-42 { font-size: 2.4375rem; } /* 39px */ + .s-43 { font-size: 2.5rem; } /* 40px */ + .s-44 { font-size: 2.5rem; } /* 40px */ + .s-45 { font-size: 2.5625rem; } /* 41px */ + .s-46 { font-size: 2.625rem; } /* 42px */ + .s-47 { font-size: 2.6875rem; } /* 43px */ + .s-48 { font-size: 2.75rem; } /* 44px */ + .s-50 { font-size: 2.875rem; } /* 46px */ + .s-52 { font-size: 3rem; } /* 48px */ + .s-54 { font-size: 3.125rem; } /* 50px */ + .s-56 { font-size: 3.25rem; } /* 52px */ + .s-58 { font-size: 3.375rem; } /* 54px */ + .s-60 { font-size: 3.5rem; } /* 56px */ + .s-62 { font-size: 3.625rem; } /* 58px */ + .s-64 { font-size: 3.75rem; } /* 60px */ + .s-66 { font-size: 3.875rem; } /* 62px */ + .s-68 { font-size: 4rem; } /* 64px */ + + /* Button */ + .btn.btn-sm { font-size: 0.975rem; padding: 0.65rem 1.4rem; } + .btn.ico-30.ico-left { padding: 0.3845rem 0; } + .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.3845rem 0.5rem; } + + /* Buttons Group */ + .btns-group .btn:first-child { margin-right: 12px; } + + /* Button Icon */ + .btn.ico-20 [class*="flaticon-"]:before, + .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; line-height: 0.5rem!important;top: 3.5px; } + + .btn.ico-30.ico-left span.ico-30-txt { margin-right: 0; } + .btn.ico-30.ico-right span.ico-30-txt { margin-left: 0; } + .btn.ico-left span { margin-right: 2px; } + .btn.ico-right span { margin-left: 2px; } + + /* Button Text */ + p.btn-txt, p.btns-group-txt { margin: 15px 0 0 0; } + .text-center p.btns-group-txt { margin-top: 18px; } + .btn-rating { margin: 15px 0 0 0; } + + /* Transparent Link */ + a.tra-link { font-size: 1.0625rem; } + .tra-link.ico-20 [class*="flaticon-"]:before, + .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 2px; left: 2px; } + + /* OS Button */ + .os-btn { width: 280px; min-width: 270px; padding: 16px 16px 14px; } + .os-btn-ico { margin-right: 16px; } + + /* Watch Video Link */ + .watch-video-link { margin-right: 10px; } + p.video-txt-lg { font-size: 1.125rem; } + p.video-txt-sm { font-size: 1rem; } + + /* Vector Icon Background */ + .ico-50 .shape-ico svg { width: 110px; height: 110px; top: -30px; left: calc(50% - 55px); } + .fbox-11 .ico-50 .shape-ico svg { top: -35px; left: calc(50% - 60px); } + .ico-55 .shape-ico svg { width: 115px; height: 115px; top: -30px; left: calc(50% - 60px); } + .ico-60 .shape-ico svg { width: 120px; height: 120px; top: -25px; left: calc(50% - 55px); } + + /* Vector Rounded Icons */ + .ico-rounded { width: 74px; height: 74px; } + .ico-rounded-md { width: 80px; height: 80px; } + .ico-rounded-lg { width: 90px; height: 90px; } + + .ico-rounded [class*="flaticon-"]:before, + .ico-rounded [class*="flaticon-"]:after { font-size: 2.35rem; line-height: 74px!important; } + + .ico-rounded-md [class*="flaticon-"]:before, + .ico-rounded-md [class*="flaticon-"]:after { font-size: 2.5rem; line-height: 80px!important; } + + .ico-rounded-lg [class*="flaticon-"]:before, + .ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.875rem; line-height: 90px!important; } + + /* Vector Square Icons */ + .ico-square { width: 74px; height: 74px; } + .ico-square [class*="flaticon-"]:before, + .ico-square [class*="flaticon-"]:after { font-size: 2.35rem; line-height: 74px!important; } + + /* Section ID */ + .section-id { font-size: 0.85rem; margin-bottom: 30px; } + .section-id.rounded-id { padding: 8px 22px; font-size: 0.8rem; margin-bottom: 35px; } + + /* Section Title */ + .section-title p.p-md, .section-title p.p-lg, + .section-title p.p-xl, .section-title p.s-20, .section-title p.s-21 { margin-top: 15px; } + .section-title p.p-md, .section-title p.p-lg { padding: 0; } + .section-title p.s-20, .section-title p.s-21 { font-size: 1.18755rem; } + + .section-title .btns-group.mt-25 { margin-top: 20px; } + .section-title .btns-group.mt-35, .section-title .stores-badge.mt-30 { margin-top: 26px; } + + .section-title .advantages, .section-title .btns-txt, .section-title .btns-group-txt { margin-top: 16px; } + + /*------------------------------------------*/ + /* PRELOAD ANIMATION + /*------------------------------------------*/ + + #loading-center { height: 90px; width: 90px; margin-top: -45px; margin-left: -45px; } + .loader { width: 90px; height: 90px; } + .loader::after { border: 45px solid; } + + /*------------------------------------------*/ + /* NAVIGATION MENU + /*------------------------------------------*/ + + /* Header Logo */ + .desktoplogo img { max-height: 34px; } + .blog-header .desktoplogo img { max-height: 28px; } + + /* Nav Link */ + .wsmenu > .wsmenu-list > li > a { margin: 0 5px; padding: 10px 15px; } + + /* Nav Link Info */ + span.sm-info { width: 18px; height: 18px; font-size: 0.725rem; line-height: 17px; margin-left: 5px; } + + /* Button */ + .wsmenu > .wsmenu-list > li a.btn { font-size: 0.9375rem; line-height: 28px; margin-top: 15px; padding: 3px 22px 5px; } + .wsmenu > .wsmenu-list > li a.btn.reg-btn { padding: 3px 20px 5px; } + .wsmenu > .wsmenu-list > li a.btn.fst-btn-link { margin-left: 0; } + + .wsmenu > .wsmenu-list > li a.store.header-store { margin-top: 15px; margin-left: 0; } + .store.header-store img { max-height: 40px; } + + .header-socials a { margin-left: 16px; } + .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.175rem; } + + /* SubMenu, HalfMenu, MegaMenu */ + .wsmenu > .wsmenu-list > li > ul.sub-menu {min-width: 180px; } + + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, + .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { width: 86%!important; left: 10%; } + + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 40%; } + + .wsmegamenu .post-summary a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, + .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { font-size: 0.9375rem; } + + /* Icons Menu */ + .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu { max-width: 225px; min-width: 225px; } + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { width: 62%; } + + .icons-menu-ico { margin-right: 12px; } + .wsmegamenu.ico-30 .icons-menu-ico span { top: 8px!important; } + + /*------------------------------------------*/ + /* HERO + /*------------------------------------------*/ + + .hero-section h2 { margin-bottom: 24px; } + .hero-section h2.s-48, .hero-section h2.s-50 { margin-bottom: 35px; } + + .hero-section p.p-md { margin-bottom: 25px; } + .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 28px; } + .hero-section p.s-20, .hero-section p.s-22, .hero-section p.s-24 { margin-bottom: 32px; } + .hero-section p.s-21 { font-size: 1.25rem; margin-bottom: 22px; } + .hero-section .btn.mt-15, .hero-section .btns-group.mt-15 { margin-top: 10px; } + + /* HERO LOGO */ + .hero-logo, .hero-app-logo { margin-bottom: 35px; } + .hero-logo img { max-height: 30px; } + .hero-square-logo img { max-height: 80px; } + .hero-app-logo img { max-height: 90px; } + #hero-25 .hero-app-logo img { max-height: 100px; } + + /* HERO DIGITS */ + .hero-digits .block-txt p.p-sm { margin-top: 2px; } + + /* HERO QUICK FORM */ + .hero-section .quick-form .form-control, .hero-section .quick-form .btn { height: 60px; font-size: 1.15rem; } + .hero-section .quick-form.form-half .form-control { height: 54px; font-size: 1rem; padding: 0 14px; } + .hero-section .quick-form.form-half .btn { height: 54px; font-size: 0.985rem; padding: 13px 40px; margin-left: 10px; } + + .hero-section .text-center .quick-form-msg { margin: 20px 0 -5px 0; } + + /* HERO REQUEST FORM */ + .request-form .form-control { height: 54px; } + #hero-10-form .btn, #hero-22-form .btn { height: 54px; padding: 16px; } + + /* HERO-1 */ + #hero-1 { padding-top: 120px; padding-bottom: 80px; } + .hero-1-img { margin: 0 -30px 0 -20px; } + + /* HERO-2 */ + #hero-2 { padding-top: 150px; padding-bottom: 80px; } + .hero-2-txt p { padding-right: 0; } + .hero-2-img { padding-right: 15px; } + + /* HERO-3 */ + #hero-3 { padding-top: 140px; } + #hero-3:after { height: 6%; } + .hero-3-txt { margin-top: -60px; } + .hero-3-img { margin: 0 -75% 0 0; } + + /* HERO-4 */ + #hero-4 { padding-top: 150px; } + .hero-4-txt h2, .hero-4-txt p { padding: 0; } + .hero-4-img { margin-top: 50px; } + + /* HERO-5 */ + #hero-5 { padding-top: 130px; padding-bottom: 50px; } + .hero-5-txt h2 { margin-bottom: 20px; } + .hero-5-txt p.p-lg { padding-right: 10%; margin-bottom: 25px; } + + /* HERO-6 */ + .hero-6-wrapper { padding: 65px 70px; } + .hero-6-txt h2 { margin-bottom: 18px; } + .hero-6-txt p.p-lg { margin-bottom: 22px; } + + /* HERO-7 */ + #hero-7 { padding-top: 140px; padding-bottom: 90px; } + #hero-7 .quick-form { margin-right: 3%; } + .hero-7-txt .quick-form.form-half.mt-35 { margin-top: 25px; } + .hero-7-img { padding-left: 15px; } + + /* HERO-8 */ + #hero-8 { padding-top: 150px; padding-bottom: 20px; } + .hero-8-txt { margin-top: -50px; } + #hero-8-form { padding: 38px 25px; } + #hero-8-form h4 { margin-bottom: 15px; } + + /* HERO-9 */ + #hero-9 { padding-top: 150px; } + .hero-9-txt h2 img { max-height: 80px; margin: 0 3px; top: -5px; } + .hero-9-txt p { padding: 0 5%; margin-top: 32px; } + + #hero-9 .quick-form { margin-left: 8%; margin-right: 8%; } + .hero-9-img { margin: 50px 15px 0; } + + /* HERO-10 */ + #hero-10 { padding-top: 160px; padding-bottom: 80px; } + .hero-10-txt { padding-right: 10%; } + .hero-10-txt h4 { padding-right: 0; margin-bottom: 30px; } + .hero-10-img { margin: 0 -95% 0 0; } + + /* HERO-12 */ + #hero-12 { padding-top: 150px; } + .hero-12-txt h2, .hero-12-txt p { padding: 0; } + .hero-12-img { margin-bottom: -80px; } + + /* HERO-13 */ + #hero-13 { padding-top: 120px; padding-bottom: 70px; } + + /* HERO-14 */ + #hero-14 { padding-top: 150px; } + .hero-14-txt p.s-21 { margin-bottom: 35px; } + #hero-14 .quick-form { margin-left: 7%; margin-right: 7%; } + .hero-14-img { margin: 50px 10px 0; } + .hero-14-txt .btn-txt { margin-top: 30px; } + + /* HERO-15 */ + #hero-15 { padding-top: 120px; } + .hero-15-txt h2 { padding-right: 10%; } + + /* HERO-16 */ + #hero-16 { padding-top: 150px; margin-bottom: 60px; } + .hero-16-txt h2 { padding: 0 4%; } + .hero-16-img { margin-top: 50px; margin-bottom: -60px; } + + /* HERO-17 */ + #hero-17 { padding-top: 160px; } + .hero-17-txt p { padding: 0 3%; } + #hero-17 .quick-form { margin-left: 10%; margin-right: 10%; } + #hero-17 #brands-1 { padding: 50px 6% 0; } + #hero-17 #brands-1 .brands-carousel-5 .brand-logo { padding: 0 14px; } + + /* HERO-18 */ + #hero-18 { padding-top: 140px; padding-bottom: 70px; } + #hero-18:after { width: 76%; left: 24%; } + .hero-18-txt p, .hero-18-img { padding-right: 0; } + + /* HERO-19 */ + #hero-19 { padding-top: 150px; } + + /* HERO-20 */ + #hero-20 { padding-top: 90px; padding-bottom: 90px; } + #hero-20:after { width: 50%; } + .hero-section .hero-20-txt h2.s-48 { margin-bottom: 25px; } + + /* HERO-21 */ + #hero-21 { padding-top: 150px; } + .hero-21-txt { margin-bottom: 50px; } + .hero-21-txt h2 { margin-bottom: 25px; } + #hero-21 .hero-overlay { padding: 80px 60px 0; } + .hero-21-img { margin-bottom: -25%; } + + /* HERO-22 */ + #hero-22 { padding-top: 150px; } + #hero-22 .hero-logo { margin-bottom: 20px; } + #hero-22-form h4 { margin-bottom: 15px; } + #hero-22-form { padding: 38px 25px 28px; } + + /* HERO-23 */ + #hero-23 { padding-top: 80px; margin-bottom: 25px; } + .hero-23-txt p { padding: 0; } + .hero-23-img { margin-top: 25px; margin-bottom: -25px; } + + /* HERO-24 */ + #hero-24 { padding-top: 160px; padding-bottom: 110px; } + + /* HERO-25 */ + #hero-25 { padding-top: 120px; padding-bottom: 80px; } + .hero-25-txt h2 { margin-bottom: 18px; } + .hero-25-txt p.p-lg { margin-bottom: 24px; } + + /* HERO-26 */ + #hero-26 { padding-top: 160px; } + .hero-26-txt h2 { padding-right: 3%; } + #hero-26 .quick-form { margin-right: 3%; } + .hero-26-img { margin: 0 -90% 0 -30px; } + + /* HERO-27 */ + #hero-27 .hero-overlay { padding-top: 160px; } + .hero-27-txt h2 { margin-bottom: 28px!important; } + .hero-27-txt .btns-group.mt-15 { margin-top: 8px; } + + /*------------------------------------------*/ + /* CONTENT + /*------------------------------------------*/ + + /* ABOUT */ + .about-2-title { padding-right: 5%; margin-bottom: 40px } + + .a2-txt { padding: 15px 20px 30px; } + .a-2-1 { margin-left: 3%; } + + .a2-txt-quote { position: relative; margin-bottom: -40px; } + .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4rem; } + + .a2-txt-author { margin-top: 10px; } + .a2-txt-author { font-size: 1.0625rem; } + .a2-txt-author span { font-size: 0.95rem; margin-top: 1px; } + + #about-1 .txt-block h3.mb-30, .about-2-title h2.mb-30 { margin-bottom: 25px; } + #about-3 .txt-block h5 { margin-bottom: 15px; } + #about-4 .txt-block p { margin-top: 20px; } + + #a4-1 { padding-right: 20px; margin-top: -30px; } + #a4-2 { padding-left: 20px; margin-bottom: -30px; } + + /* FEATURES */ + .fbox-14-wrapper { padding: 70px 50px; } + .fbox-14-wrapper .col { padding: 0 8px; } + + #features-12.py-100.shape--bg:after { width: 50%; height: 68%; top: 16%; left: 50%; } + #features-12.pt-100.shape--bg:after { width: 50%; height: 76%; top: 18%; left: 50%; } + #features-13.py-100.shape--bg:after { width: 50%; height: 68%; top: 16%; } + #features-13.pt-100.shape--bg:after { width: 50%; height: 76%; top: 18%; } + + .fbox-12-wrapper { padding-left: 30px; } + .fbox-13-wrapper { padding-right: 30px; } + + .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3 { margin-bottom: 40px; } + .rows-2 .fbox-7.fb-1, .rows-2 .fbox-7.fb-2, .rows-2 .fbox-7.fb-3, + .rows-2 .fbox-9.fb-1, .rows-2 .fbox-9.fb-2, .rows-2 .fbox-9.fb-3 { margin-bottom: 30px; } + + .row-cols-md-3 .fbox-4 { padding: 40px 30px; } + .row-cols-md-2 .fbox-4 { padding: 35px 20px; } + + .fbox-7 { padding: 40px 25px 37px; } + .row-cols-md-2 .fbox-7 { padding: 28px 15px 25px; } + + .fbox-8, .fbox-8.bg--white-100 { padding: 40px 25px; } + .fbox-9 { padding: 30px 30px 27px; } + + .fbox-12, .fbox-13 { padding: 30px; } + + .fbox-14 { padding: 35px 25px 30px; } + + .fbox-img.h-180 img { max-height: 165px; } + .fbox-img.h-175 img { max-height: 160px; } + .fbox-img.h-170 img { max-height: 155px; } + .fbox-img.h-165 img { max-height: 150px; } + .fbox-img.h-160 img { max-height: 145px; } + .fbox-img.h-155 img { max-height: 140px; } + .fbox-img.h-150 img { max-height: 135px; } + .fbox-img.h-145 img { max-height: 130px; } + .fbox-img.h-140 img { max-height: 125px; } + + .fbox-2 .fbox-img.h-135 img, .fbox-2 .fbox-img.h-140 img, + .fbox-3 .fbox-img.h-135 img, .fbox-4 .fbox-img.h-135 img { max-height: 115px; } + + .fbox-3 .fbox-img.h-175 img, .fbox-3 .fbox-img.h-180 img { max-height: 155px; } + .fbox-4 .fbox-img.h-170 img, .fbox-4 .fbox-img.h-175 img { max-height: 150px; } + + .fbox-1 .fbox-img, .fbox-4 .fbox-img { margin-bottom: 25px; } + .row-cols-md-2 .fbox-1 .fbox-img, .row-cols-md-2 .fbox-3 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img { margin-bottom: 25px; } + + .fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, .fbox-2 .fbox-img.h-150, + .fbox-2 .fbox-img.h-155 { padding-top: 25px; margin-bottom: 50px; } + + .fbox-2 .fbox-img.h-160 { padding-top: 30px; margin: 0 10px 50px; } + .fbox-2 .fbox-img.h-165, .fbox-2 .fbox-img.h-170 { padding-top: 34px; margin: 0 5px 50px; } + .fbox-2 .fbox-img.h-175, .fbox-2 .fbox-img.h-180 { padding-top: 35px; margin: 0 0 50px; } + + .fbox-3 .fbox-img.h-135 { padding-top: 25px; margin: 0 0 25px; } + .fbox-3 .fbox-img.h-160 { padding-top: 30px; margin: 0 5px 25px; } + .fbox-3 .fbox-img.h-170, .fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 35px; margin: 0 0 25px; } + + .fbox-4 .fbox-img.h-135 { margin-bottom: 25px; } + + .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img { margin: 35px 6% 0; } + .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, .fbox-5.fb-4 .fbox-5-img { margin: 0 6% 30px; } + + .fbox-ico { margin-bottom: 18px; } + .row-cols-md-2 .fbox-ico { margin-bottom: 15px; } + .row-cols-md-2 .fbox-ico.ico-rounded, .fbox-ico.ico-square { margin-bottom: 20px; } + .fbox-ico.ico-rounded-md, .fbox-ico.ico-rounded-lg { margin-bottom: 22px; } + + .fbox-wrapper .row-cols-lg-3 .fbox-title { margin-bottom: 5px; } + + .rows-2 .fbox-ico-wrap .ico-50 [class*="flaticon-"]:before, + .rows-2 .fbox-ico-wrap .ico-50 [class*="flaticon-"]:after { font-size: 2.85rem; } + + .rows-2 .fbox-ico-wrap { margin-right: 15px; } + + .fbox-txt h5, .features-section h6.s-22, .rows-2 .fbox-11 h6, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 12px; } + .fbox-14 h5 { padding-right: 8px; margin-bottom: 12px; } + + /* CONTENT */ + .ct-10 .section-overlay { margin-bottom: 80px; } + .cbox-6-wrapper { padding: 45px; } + .ct-11 .txt-block { padding-right: 40px; } + .ct-12 .txt-block { padding-left: 40px; } + .ct-13 .row.mb-60 { margin-bottom: 50px } + + /* Content Box Wrapper */ + .bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay, .bc-6-wrapper .section-overlay { padding: 65px 50px; } + .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay, .bc-5-wrapper .section-overlay { padding: 65px 50px 0; } + .bc-6 { padding: 30px 25px; } + + .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 { margin-bottom: 20px; } + .txt-block h5, .bc-6 h4 { margin-bottom: 18px; } + h5.h5-title { margin-top: 18px; margin-bottom: 18px; } + .cbox-2-txt h5, .cbox-3-txt h5, .bc-6 h4 { margin-bottom: 12px; } + + .ct-08 .section-title h2, .ct-09 .section-title h2, .ct-10 .section-title h2 { padding: 0 5px; } + + .txt-block .btn { margin-top: 22px; } + .bc-6-link.mt-15 { margin-top: 10px; } + .txt-block-tra-link.mt-25 { margin-top: 18px; } + + /* Text Block */ + .bc-2-txt, .ct-07 .txt-block { margin-top: 20px; } + .bc-1-wrapper .txt-block.pr-25.left-column, .bc-2-wrapper .txt-block.pr-25.left-column { padding-right: 15px; } + .bc-1-wrapper .txt-block.pl-25.right-column, .bc-2-wrapper .txt-block.pl-25.right-column { padding-left: 15px; } + + /* Content Box */ + .cbox-5-content { padding: 35px; margin: 0 10%; } + .cbox-5-content .divider { margin-top: 22px; margin-bottom: 22px; } + + .txt-block .cbox-5-title h2 { font-size: 3.15rem; margin-bottom: 10px; } + .cbox-5-title .statistic-number sup { font-size: 2.85rem; top: -5px; right: 6px; } + + .cbox-5-fea { padding: 15px 20px; } + + /* Content Box Icon */ + .cbox-2 .ico-wrap { margin-right: 1.1rem; } + .cbox-2-ico { width: 2.35rem; height: 2.35rem; font-size: 1.135rem; line-height: 2rem; } + .ct-03 .cbox-2-ico { width: 2.15rem; height: 2.15rem; font-size: 1.0625rem; line-height: 1.95rem; } + .cbox-2-line { height: calc(100% - 74px); } + + .cbox-3 .cbox-3-ico { top: 4px; } + .cbox-3-ico span[class*="flaticon-"]:before, .cbox-3-ico span[class*="flaticon-"]:after { font-size: 3rem; } + + /* Content Box Text */ + .cbox-2-txt, .cbox-3-txt { margin-bottom: 25px; } + .ct-03 .cbox-2-txt { margin-bottom: 25px; } + .cbox-4-txt { margin-bottom: 22px; } + + /* Content Box Typography */ + .ct-03 .cbox-2-txt h5 { margin-bottom: 12px; } + .cbox-6 h6 { margin-bottom: 12px; } + .cbox-1-txt p { margin-bottom: 5px; } + + /* Accordion */ + .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 15px; } + + /* Tabs */ + .tabs-1 { margin: 0 auto 55px; } + + /* Advantages */ + .text-center .advantages { margin-top: 15px; } + + /* Compatibility */ + .compatibility { margin-top: 10px; } + + /* Tools List / Payments Icons */ + .tools-list p, .payment-methods p { margin-bottom: 10px; } + .payment-icons img { max-height: 32px; } + + .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { + font-size: 2.1875rem;line-height: 2.1875rem!important; margin-right: 4px; + } + + /* Quote */ + .quote-avatar img { width: 54px; height: 54px; } + .quote-author { padding: 0 0 0 10px; } + .quote.pr-15, .quote.pr-40, .quote.pr-50, .quote.pr-60 { padding-right: 0; } + + /* Content Box Shapes */ + .cbox-5-shape-1 { right: -20px; top: -20px; } + .cbox-5-shape-2 { left: 10px; bottom: -25px; } + .cbox-5-shape-1 img, .cbox-5-shape-2 img { height: 70%; width: 70%; } + + /* Content Image */ + .ct-01 .img-block { margin-left: 5px; } + .ct-02 .img-block { margin-right: 5px; } + .ct-03 .img-block.left-column { margin-right: 15px; } + .ct-03 .img-block.right-column { margin-left: 15px; } + .ct-04 .img-block { margin-left: 15px; } + .ct-04 .img-block img { max-width: 175%; } + .ct-10 .img-block { margin-bottom: -80px; } + + .img-block-txt, .img-block-btn { margin-top: 55px; } + + .bc-1-wrapper .img-block.left-column, .bc-2-wrapper .img-block.left-column { padding-right: 10px; } + .bc-1-wrapper .img-block.right-column, .bc-2-wrapper .img-block.right-column { padding-left: 10px; } + .bc-3-img { margin: 0 -65% -25px 25px; } + .bc-4-img { margin-left: 25px; margin-right: -65%; } + .bc-6-img { padding: 40px 30px 0; margin-bottom: 25px; } + + /* Content Images */ + .img-block.img-block-bkg img { padding: 50px 35px; } + .ct-11 .img-block { padding-left: 50px; } + .ct-12 .img-block { padding-right: 50px; } + + /* STATISTIC */ + .sb-rounded .statistic-block { padding: 25px; } + #statistic-5 .statistic-digit { padding-bottom: 18px; margin: 0 70px 18px 0; } + .statistic-1-wrapper .statistic-block-digit { width: 32%; } + .statistic-1-wrapper .statistic-block-txt { width: 68%; padding-left: 10px; } + #sb-2-3, #sb-2-4 { padding-right: 12px; } + + h2.statistic-number, #statistic-5 .statistic-digit h2 { letter-spacing: -0.5px; } + #statistic-1 h2.statistic-number { letter-spacing: -0.5px; margin-top: 2px; } + #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number { margin-bottom: 10px; } + + #statistic-5 .statistic-txt h5 { margin-bottom: 10px; } + #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm { margin-top: 1px; } + .statistic-4-wrapper p { margin-bottom: 12px; } + + /* PROJECTS */ + #pt-1-1, #pt-1-2, .inner-page-hero #pt-1-3, .inner-page-hero #pt-1-4 { margin-bottom: 40px; } + .project-details h5 {margin-bottom: 25px; } + .more-projects { margin-top: 45px; } + + /* PROJECT DETAILS */ + .single-project .project-title { margin-bottom: 60px; } + .project-title h2 { padding-bottom: 35px; margin-bottom: 30px; } + + .project-txt h5.mt-35.mb-35 { margin-top: 30px; margin-bottom: 30px; } + .project-txt h5.mt-50.mb-35 { margin-top: 50px; margin-bottom: 30px; } + + .project-description .more-projects { margin-top: 50px; } + .project-description .more-projects span { top: 1px; left: 5px; } + .project-description .more-projects.ico-25 [class*="flaticon-"]:before, + .project-description .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.275rem; } + + /* RATING */ + .rating-section .rating-1-wrapper { padding: 0 12%; } + .rating-section .rating-2-wrapper { padding: 0 3%; } + .inner-page-hero .rating-1-wrapper.mt-50 { margin-top: 40px; } + + .rbox-1-img img { max-height: 34px; } + + .rbox-1 .star-rating { font-size: 0.9rem; line-height: 1; } + + /* TESTIMONIALS */ + .reviews-section .col-md-8 .section-title h2 { padding: 0 5%; } + + .reviews-4-wrapper, .reviews-5-wrapper { padding-left: 35px; } + #reviews-4 .txt-block.left-column, #reviews-5 .txt-block.left-column { padding-left: 10px; } + + .review-1 { padding: 35px 25px 25px; } + .review-2 { padding: 40px 35px 30px; } + .review-3 { padding: 40px 35px 35px; } + .review-4 { padding: 35px 35px 25px; } + .review-5 { padding: 40px 35px 35px; } + + #rw-3-2 { margin-bottom: 25px; } + #rw-3-2, #rw-3-3 { margin-left: 0; } + #rw-4-1, #rw-5-1 { margin-bottom: 25px; } + + .review-txt { margin-top: -42px; } + .review-txt h6 { margin-bottom: 10px; } + + .review-1 .author-data { margin-top: 15px; } + .review-2 .author-data, .review-3 .author-data, .review-5 .author-data { margin-top: 8px; } + .review-4 .author-data { margin-top: 0; } + + .review-avatar img, .owl-item .review-avatar img { width: 44px; height: 44px; } + .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img { width: 52px; height: 52px; } + + .review-author { padding: 0 0 0 12px; } + .review-2 .review-author, .review-3 .review-author, .review-5 .review-author { margin-top: 5px; } + + .review-author h6 { margin-bottom: 8px; } + .review-1 .review-author h6 { font-size: 1rem; } + + /* PRESS */ + .press-logo img { max-height: 74px; } + .press-txt { margin-top: 10px; } + + /* BRANDS */ + .brands-title.mb-40 { margin-bottom: 30px; } + .brands-title.mb-50 { margin-bottom: 40px; } + + .brands-3-wrapper { padding: 40px 30px; } + .brands-3-wrapper.brands-3-static { margin-left: 3%; margin-right: 3%; } + + #brands-1 .brands-carousel-5 .brand-logo, #brands-1 .brands-carousel-6 .brand-logo { padding: 0 12px; } + #brands-1 .justify-content-center .brand-logo, #brands-3 .brand-logo { padding: 0 12px; } + #brands-3 .brands-3-static .brand-logo { padding: 0 8px; } + + .brands-section .brand-logo.mb-50 { margin-bottom: 40px; } + + .brands-section .more-btn { margin-top: 30px; } + + /* INTEGRATIONS */ + .integrations-2-wrapper { padding: 80px 60px; } + .in_tool_logo { padding: 40px 30px; margin-bottom: 25px; } + .integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 50px; } + + #integrations-1 .in_tool-logo.ico-60 img { width: 48px; height: 48px; } + .integrations-1-wrapper .in_tool { padding: 16px 20px; } + .integrations-1-wrapper .in_tool.mb-30 { margin-bottom: 20px; } + + .integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 40px; } + + /* PRICING */ + .pricing-1-wrapper .col, .pricing-2-wrapper .col, .pricing-3-wrapper .col { padding: 0 8px; } + .pricing-1-table { padding: 40px 25px 35px; } + .text-center .pricing-1-table { padding: 50px 25px 40px; } + .pricing-2-table { padding: 40px 25px; } + .pricing-3-table { padding: 30px 32px 35px; } + .pricing-4-table { padding: 35px 45px; } + #pt-4-1 { margin: 0 15px 40px 20px; } + #pt-4-2 { margin: 0 20px 40px 15px; } + + .pricing-table-header h5 { margin-bottom: 25px; } + .pricing-table-header h4 { margin-bottom: 20px; } + .pricing-3-table .pricing-table-header h4 { margin-bottom: 10px; } + + .pricing-1-table .pricing-discount { top: -2px; right: 0; padding: 7px 13px; } + .text-center .pricing-1-table .pricing-discount { top: -40px; right: -5px; } + + /* Price */ + .price span { font-size: 2.85rem; letter-spacing: -1.5px; } + .pricing-2-table.highlight .price span { font-size: 2.15rem; } + .pricing-3-table .price span { font-size: 4.5rem; letter-spacing: -3px; } + .pricing-4-table .price span { font-size: 3.15rem; } + + .price sup { font-size: 2rem; top: -4px; right: 2px; } + .pricing-3-table .price sup { font-size: 2.4rem; top: -22px; } + .pricing-4-table .price sup { font-size: 2.25rem; top: -8px; } + + .pricing-3-table .price sup.coins { font-size: 2.4rem; top: -27px; letter-spacing: -2px; } + + .price sup.validity { font-size: 1.45rem; } + .pricing-3-table .price sup.validity { font-size: 1.2rem; top: 0; margin-top: 20px; margin-bottom: 35px; } + .pricing-4-table .price sup.validity { font-size: 1.65rem; left: 4px; top: -2px; } + + .price p { margin-top: 20px; margin-bottom: 15px; } + .text-center .price p { padding: 0; } + + .pricing-features.mt-25 { margin-top: 20px; } + + .pricing-1-table hr { margin-top: 30px; } + .pricing-2-table hr { margin-top: 20px; } + + .pricing-1-table .pt-btn, .pricing-2-table .pt-btn { margin-top: 20px; } + + /* Pricing Notice */ + .col-lg-10 .pricing-notice p { padding: 0 4%; } + .pricing-notice .btn.mt-25 { margin-top: 20px; } + + /* Pricing Toggle Button */ + #pricing-4 .ext-toggle-btn { margin: 0 20px 25px 15px; } + + .toggle-btn-md .toggler-txt { font-size: 1.0625rem; line-height: 32px; } + .toggle-btn-lg .toggler-txt { font-size: 1.1rem; line-height: 36px; } + + .switch-wrap { min-width: 50px; height: 30px; } + .toggle-btn-md .switch-wrap { min-width: 55px; height: 32px; margin: 0 6px; } + .toggle-btn-lg .switch-wrap { min-width: 60px; height: 36px; margin: 0 12px; } + + .switcher { font-size: 0.9rem; height: 30px; } + .toggle-btn-md .switcher { height: 32px; padding: 0 10px 0 30px; border-radius: 32px; } + .toggle-btn-lg .switcher { height: 36px; padding: 0 15px 0 35px; border-radius: 36px; } + + .switcher .show-annual, .switcher .show-monthly { line-height: 30px; } + .toggle-btn-md .switcher .show-annual, .toggle-btn-md .switcher .show-monthly { line-height: 32px; } + .toggle-btn-lg .switcher .show-annual, .toggle-btn-lg .switcher .show-monthly { line-height: 36px; } + + .switcher:before { left: 4px; bottom: 4px; width: 22px; height: 22px; } + .toggle-btn-md .switcher:before { left: 5px; bottom: 5px; width: 22px; height: 22px; } + .toggle-btn-lg .switcher:before { left: 5px; bottom: 5px; width: 26px; height: 26px; } + .switcher.bg--grey:before, .switcher.bg--tra-white:before, .switcher.bg--ghost-white:before { left: 4px; bottom: 3px; } + + .toggle-btn-md .switch-wrap input:checked + .switcher { padding: 0 30px 0 10px; } + .toggle-btn-lg .switch-wrap input:checked + .switcher { padding: 0 35px 0 15px; } + + /* Pricing Compare */ + .comp-table .table-responsive.mb-50 { margin-bottom: 30px; } + .comp-table .table-responsive thead th { font-size: 1.1rem; } + .comp-table .table-responsive tbody th { font-size: 1rem; } + .comp-table .table-responsive tbody td { font-size: 0.975rem; top: 1px; } + .comp-table .table-responsive tbody td span { top: 2px; } + + .table-responsive .ico-15 [class*="flaticon-"]:before, + .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.785rem; } + + .table-responsive .ico-20 [class*="flaticon-"]:before, + .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 1.0625rem; } + + .comp-table-payment h6 { margin-bottom: 14px; } + .comp-table-payment p { font-size: 0.965rem; } + + /* TEAM */ + #tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 10px; } + #tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 5px; margin-right: 5px; } + #tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 10px; } + + .team-member-photo { margin-bottom: 20px; } + #team-2 .team-member-data { margin-left: 5px; } + + .team-member-data h6.s-20 { margin-bottom: 6px; } + ul.tm-social { top: 0; right: 5px; } + + .team-section .more-btn.mt-20 { margin-top: 10px; } + + /* CAREERS */ + #careers-1 { padding-bottom: 56px; } + .role-box { padding: 22px 30px; margin-bottom: 24px; } + .role-box-txt span, #careers-1 .role-box span { font-size: 0.825rem; margin-bottom: 14px; } + .role-box-txt p { margin-bottom: 10px; } + + /* CAREER ROLE */ + #role-page .inner-page-title { margin-bottom: 35px; } + #role-page .inner-page-title span { margin-bottom: 24px; } + + .role-info hr { margin: 40px 0; } + #role-page .cbox-6-wrapper { margin: 35px 0; } + .role-info h5 { margin-bottom: 18px; } + .txt-block.role-info .btn { margin-top: 40px; } + + /* BANNER */ + #banner-12 { margin-top: 30px; margin-bottom: 5px; } + #banner-9 { padding-top: 70px; padding-bottom: 70px; } + + .banner-1-wrapper .banner-overlay { padding: 60px 15% 70px; } + .banner-2-wrapper .banner-overlay { padding: 60px 18% 70px; } + .banner-3-wrapper .banner-overlay { padding: 60px 22% 70px; } + .banner-11-wrapper .banner-overlay { padding: 10px 65px 0; } + .banner-12-wrapper .banner-overlay, .banner-13-wrapper .banner-overlay { padding-left: 65px; } + .banner-16-wrapper .banner-overlay { padding: 40px 20%; } + + .banner-9-txt { padding-left: 15px; padding-right: 30%; } + .banner-10-txt { padding-left: 25px; } + .banner-12-txt { padding-right: 10%; } + + .banner-section .section-id { margin-bottom: 25px; } + #banner-15.banner-section .section-id { margin-bottom: 30px; } + + .banner-1-txt h2 { margin-bottom: 16px; } + .banner-2-txt h2 { padding: 0 2%; margin-bottom: 30px; } + .banner-4-txt h2 { margin-bottom: 25px; } + .col-md-8 .banner-5-txt h2 {padding: 0 5%; } + .banner-7-txt h2 { margin-bottom: 30px; } + .banner-10-txt h2 { margin-bottom: 22px; } + .banner-11-txt h2, .banner-12-txt h2 { margin-bottom: 18px; } + .banner-13-txt h2 { padding-right: 4%; margin-bottom: 18px; } + .banner-15-txt h2 { margin-bottom: 40px; } + .banner-16-txt h4 { margin-bottom: 10px; } + + .banner-section p.p-lg, .banner-section p.p-xl { margin-bottom: 25px; } + .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl { margin-top: 10px; margin-bottom: 20px!important; } + .banner-3-txt p.p-lg, .banner-3-txt p.p-xl, .banner-5-txt p.p-lg, .banner-5-txt p.p-xl { margin-top: 15px; } + .banner-5-txt p.s-21, .banner-5-txt p.s-22 { margin-top: 15px;margin-bottom: 21px; } + .banner-6-txt p.p-lg, .banner-6-txt p.p-xl { margin-top: 12px; margin-bottom: 22px!important; } + .banner-9-txt p.p-lg, .banner-9-txt p.p-xl { margin-top: 15px; margin-bottom: 22px!important; } + .banner-14-txt p.p-lg { margin-top: 28px; margin-bottom: 28px; } + + .banner-5-txt .btns-group.mt-35 { margin-top: 30px; } + .banner-8-buttons.mt-20 { margin-top: 8px; } + .banner-15-txt .download-links { margin-top: 20px; } + .banner-16-txt .txt-block-tra-link.mt-15 { margin-top: 10px; } + + .banner-9-img { padding-right: 15px; } + .banner-10-img { padding-left: 25px; } + .banner-12-img { margin: -30px -20px -20px -40px; } + .banner-13-img { margin: -60px -120px -70px -25px; } + + /* DOWNLOAD */ + .version-release { margin-bottom: 60px; } + .release-data { padding-bottom: 25px; margin-bottom: 25px; } + .release-data h5 { margin-bottom: 30px; } + + span.version-data { font-size: 1.9rem; } + span.release-date { font-size: 1.1rem; } + + /* FAQs */ + #faqs-1, #faqs-4 { padding-bottom: 55px; } + + .faqs-3-questions .questions-holder { padding: 0; } + + /* FAQs Section Title */ + #faqs-1 .section-title { margin-bottom: 30px; } + #faqs-2 .inner-page-title { margin-bottom: 38px; } + #faqs-3 .section-title { margin-bottom: 55px; } + + /* FAQs Accordion */ + .faqs-section .accordion-thumb { padding: 20px 0 22px; } + #faqs-2.faqs-section .accordion-thumb { padding: 22px 0 28px; } + + .faqs-section .accordion-item .accordion-thumb:after, + .faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.9rem; top: 19px; right: 2px; } + #faqs-2.faqs-section .accordion-item .accordion-thumb:after, + #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 1rem; top: 23px; right: 2px; } + + .accordion-panel { padding: 0 0 5px 0; } + #faqs-2 .accordion-panel { padding: 35px 0 20px 0; } + #faqs-2 .accordion-panel-item.mb-35 { margin-bottom: 30px; } + #faqs-3 .question.mb-35 { margin-bottom: 25px; } + + .question h5, .accordion-panel-item h5 { margin-bottom: 15px; } + + /* FAQs Tabs */ + .faqs-section .tabs-1 { margin: 0 auto 50px; } + #faqs-4 .tabs-content { padding: 0 15px; } + + .faqs-section .tabs-1 { margin: 0 auto 50px; } + .faqs-section .tabs-1 li { min-width: 220px; padding: 25px 0; margin: 0 5px; } + + /* More Questions Link */ + #faqs-2 .more-questions { margin: 50px auto 0; } + #faqs-3 .more-questions.mt-40 { margin-top: 20px; } + .more-questions-txt { padding: 18px 44px; } + .more-questions-txt p { font-size: 1.125rem; } + + /* NEWSLETTER */ + #newsletter-1 .newsletter-overlay { padding-top: 45px; padding-bottom: 45px; } + #newsletter-2 .newsletter-overlay { padding: 45px; } + #newsletter-3 { margin-top: 30px; margin-bottom: 30px; } + #newsletter-4 .newsletter-overlay, #newsletter-5 .newsletter-overlay { padding-top: 65px; padding-bottom: 55px; } + + #newsletter-1 .newsletter-txt, #newsletter-2 .newsletter-txt { padding-right: 8%; } + #newsletter-3 .newsletter-txt { padding-right: 12%; } + #newsletter-3 .col-lg-6 .newsletter-txt { padding-right: 3%; } + + .newsletter-txt h2 { margin-bottom: 25px; } + #newsletter-4 .newsletter-txt h2 { margin-bottom: 30px; } + + #newsletter-1 .newsletter-form { margin-top: 25px; padding-left: 8%; } + #newsletter-2 .newsletter-form { margin-top: 25px; padding-left: 8%; } + #newsletter-5 .newsletter-form { margin-top: 30px; padding: 0 8%; } + + .newsletter-section .form-control { height: 50px; } + #newsletter-1.newsletter-section .form-control { height: 50px; font-size: 0.975rem; } + #newsletter-5.newsletter-section .form-control { height: 54px; font-size: 1.0625rem; } + + .newsletter-section .btn { height: 50px; } + #newsletter-1 .btn { height: 50px; font-size: 0.925rem; padding: 0.7rem 1.3rem; } + #newsletter-5.newsletter-section .btn { height: 54px; } + + #newsletter-3 .newsletter-img { margin-top: -30px; margin-bottom: -30px; } + #newsletter-3 .col-lg-6 .newsletter-img { padding-left: 50px; } + + /* BLOG */ + #blog-1.pb-60 { padding-bottom: 40px; } + #blog-1 .col-lg-4, #blog-page .col-lg-4 { padding-left: 10px; padding-right: 10px; } + + .blog-post-img.mb-35 { margin-bottom: 25px; } + .post-tag { font-size: 0.85rem; margin-bottom: 15px; } + + .blog-post-txt h6 { margin-bottom: 12px; } + .blog-post-txt h4.mb-20, .blog-post-txt h3 { margin-bottom: 16px; } + + .blog-post-meta.mt-20 { margin-top: 14px; } + .blog-post-meta.mt-30 { margin-top: 16px; } + .meta-list-divider { padding: 0 1px; } + + /* Blog Listing */ + .wide-post { margin-bottom: 80px; } + .wide-post .blog-post-img { padding-right: 10px; } + .wide-post .blog-post-txt { padding-left: 10px; } + + .square-post { margin-top: 20px; margin-bottom: 40px; } + .square-post .blog-post-txt { padding: 0 30px 0 50px; } + + .posts-category { margin-top: 20px; margin-bottom: 40px; } + ..posts-category span { top: -1.5px; } + .posts-category.ico-20 [class*="flaticon-"]:before, + .posts-category .more-projects.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } + + /* Single Blog Post */ + .single-post-title h3, .single-post-title h2 { padding: 0 10%; } + .single-post-txt h5, .single-post-txt h4 { margin-top: 16px; margin-bottom: 20px; } + + .single-post-txt .blockquote p { font-size: 1.225rem; margin-bottom: 30px; } + .single-post-txt .blockquote-footer { font-size: 1.05rem; } + + .post-share-list { margin-top: 40px; padding-bottom: 60px; } + + .post-author-avatar { margin-right: 25px; } + .post-author-avatar img { width: 80px; height: 80px; } + .post-author-txt h5 { margin-bottom: 15px; } + + .author-follow-btn { padding: 5px 12px; top: 60px; right: 10px; } + .author-follow-btn a { font-size: 0.875rem; } + + .post-comments { padding-top: 60px; } + .post-comments img { width: 60px; height: 60px; } + .comment-meta { margin-bottom: 5px; } + .comment-meta h6 { margin-bottom: 5px; } + .comment-date, .btn-reply a { font-size: 1rem; } + + .post-comments #leave-comment h5 {; margin-top: 60px; } + .comment-form .form-control { height: 52px; font-size: 1.05rem; } + .comment-form textarea { min-height: 190px; } + + /* CONTACTS */ + #contacts-1 .contact-form .contact-form-notice p { font-size: 0.875rem; margin-top: 30px; } + + #contacts-1 .contact-form .col-md-12 span { margin-bottom: 15px; } + .contact-form .form-control, .contact-form .form-select { height: 54px; } + .contact-form textarea { min-height: 190px; } + + /* FOOTER */ + .footer { padding-bottom: 35px; } + .footer hr { margin-top: 10px; margin-bottom: 35px; } + + #footer-10.pt-50 { padding-top: 10px; } + + img.footer-logo, img.footer-logo-dark { max-height: 34px; } + #footer-6 .footer-logo, #footer-7 .footer-logo { margin-bottom: 25px; } + #footer-10 img.footer-logo { max-height: 39px; } + + .footer h6 { margin-bottom: 20px; } + + #footer-1 .footer-info { padding-right: 5%; } + #footer-3 .footer-info { margin-bottom: 50px; } + #footer-10 .footer-info { margin-bottom: 30px; padding-bottom: 40px; } + + #footer-2 .footer-links.fl-1 { padding-left: 34%; } + #footer-2 .footer-links.fl-2 { padding-left: 22%; } + #footer-2 .footer-links.fl-3 { padding-left: 0%; } + #footer-2.ft-2-ntr .footer-links.fl-1 { padding-left: 25%; } + #footer-2.ft-2-ntr .footer-links.fl-2 { padding-left: 0; } + #footer-3.ft-3-ntr .footer-links.fl-3 { padding-left: 28%; } + + #footer-8 .footer-info, #footer-8 .footer-links { margin-bottom: 20px; } + #footer-10 .footer-links { margin-bottom: 10px; } + + #footer-1 .footer-info .footer-mail-link { margin-top: 35px; } + #footer-2 .footer-links .footer-mail-link, #footer-3 .footer-links .footer-mail-link { margin-bottom: 14px; } + + .footer-mail-link { font-size: 1.0625rem; } + + .foo-links li a span.ext-link { left: 3px; top: 1px; } + .foo-links.ico-15 [class*="flaticon-"]:before, .foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; } + + .footer-socials.ico-20 a, .footer-socials.ico-25 a { margin-right: 14px; } + .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.1875rem; } + + #footer-2 .footer-form, #footer-3 .footer-form { padding-left: 5%; } + .footer-form .form-control, .footer-form .btn { height: 28px; } + + .footer-form .ico-15 [class*="flaticon-"]:before, + .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 24px!important; } + + /* INNER PAGE WRAPPER */ + .inner-page-hero { padding-top: 160px; } + .page-hero-section-overlay { padding-top: 120px; } + .inner-page-title { margin-bottom: 60px; } + .inner-page-title p { font-size: 1.15rem; margin-top: 18px; } + .page-hero-section h2 { line-height: 1.25; padding-right: 3%; margin-bottom: 20px; } + + /* TERMS, PRIVACY, COOKIES */ + .txt-block.legal-info h5 { margin-top: 25px; margin-bottom: 25px; } + .txt-block.legal-info h4 { margin-top: 60px; margin-bottom: 25px; } + .txt-block.legal-info h4 span, .txt-block.legal-info h5 span { margin-right: 2px; } + + /* SIGN IN / SIGN UP */ + #reset-password { padding-bottom: 80px; } + + .register-page-txt img { max-height: 30px; margin-bottom: 45px; } + .login-page-logo { margin-bottom: 40px; } + .login-page-logo img { max-height: 40px; } + + .register-form-title { margin-bottom: 30px; } + + #login .register-page-txt, #signup .register-page-txt { padding: 60px 45px; } + + #signup .register-page-txt h2 { line-height: 1; } + + #login .register-page-copyright { left: 45px; bottom: 40px; } + #signup .register-page-copyright { right: 45px; bottom: 40px; } + .register-page-copyright p { font-size: 0.9rem; } + + #login .register-page-form { padding: 50px 45px 50px 35px; } + #signup .register-page-form { padding: 50px 35px 50px 45px; } + + #login.login-1 .register-page-form, #signup.signup-1 .register-page-form { padding: 10px 30px; } + + .separator-line { margin: 20px 0; } + .register-page-form p.input-header { font-size: 0.9rem; margin-bottom: 10px; padding-left: 5px; } + .register-page-form p.create-account { margin-top: 20px; } + + .reset-form-title { margin-bottom: 25px; } + .reset-form-title p.p-sm { font-size: 0.95rem; margin-top: 20px; } + + .reset-page-wrapper { margin: 0; } + .reset-page-wrapper form { padding: 40px 25px 15px; } + + .reset-page-wrapper .form-control, .register-page-form .form-control { height: 54px; margin-bottom: 20px; } + + #login .register-page-form .btn.submit { height: 54px; margin-top: 12px; } + #signup .register-page-form .btn.submit { height: 54px; margin-top: 20px; } + + .btn-show-pass { top: 18px; } + + /* PAGE 404 */ + .page-404-txt { padding-top: 160px; padding-bottom: 80px; } + .page-404-txt h2 { margin-bottom: 20px; } + .page-404-txt h6 { padding: 0 8%; margin-bottom: 25px; } + .page-404-img { padding: 0 8%; margin-bottom: 40px; } + + /* MODAL */ + #modal-1 .modal-dialog { max-width: 580px; } + #modal-2 .modal-dialog { width: 350px; } + #modal-3 .modal-dialog.modal-xl { width: 700px; } + + #modal-2 .modal-body-content { padding: 30px 30px 10px; } + #modal-3 .modal-body-content { padding: 50px 30px 40px; } + + .modal-body .newsletter-form { margin-top: 20px; } + .modal .newsletter-form .form-control, .modal .newsletter-form .btn { height: 50px; font-size: 0.975rem; } + + #modal-3 .request-form-title p { margin-top: 15px; margin-bottom: 20px; } + #modal-3 .request-form .btn { height: 54px; font-size: 0.975rem; } + + + +} + + + + +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ + +@media (min-width: 768px) and (max-width: 991.98px) { + + /*------------------------------------------*/ + /* BASE + /*------------------------------------------*/ + + html { font-size: 85%; } + + .py-5 { padding-top: 0; padding-bottom: 0; } + .py-10 { padding-top: 0; padding-bottom: 0; } + .py-15 { padding-top: 5px; padding-bottom: 5px; } + .py-20 { padding-top: 10px; padding-bottom: 10px; } + .py-30 { padding-top: 15px; padding-bottom: 15px; } + .py-40 { padding-top: 20px; padding-bottom: 20px; } + .py-50 { padding-top: 30px; padding-bottom: 30px; } + .py-60 { padding-top: 40px; padding-bottom: 40px; } + .py-70 { padding-top: 50px; padding-bottom: 50px; } + .py-80 { padding-top: 50px; padding-bottom: 50px; } + .py-90 { padding-top: 60px; padding-bottom: 60px; } + .py-100 { padding-top: 70px; padding-bottom: 70px; } + + .pt-30 { padding-top: 10px; } + .pt-40 { padding-top: 20px; } + .pt-50 { padding-top: 30px; } + .pt-60 { padding-top: 40px; } + .pt-70 { padding-top: 50px; } + .pt-80 { padding-top: 50px; } + .pt-90 { padding-top: 60px; } + .pt-100 { padding-top: 70px; } + + .pb-30 { padding-bottom: 10px; } + .pb-40 { padding-bottom: 20px; } + .pb-50 { padding-bottom: 30px; } + .pb-60 { padding-bottom: 40px; } + .pb-70 { padding-bottom: 50px; } + .pb-80 { padding-bottom: 50px; } + .pb-90 { padding-bottom: 60px; } + .pb-100 { padding-bottom: 70px; } + + .mt-40 { margin-top: 30px; } + .mt-45 { margin-top: 35px; } + .mt-50 { margin-top: 30px; } + .mt-55 { margin-top: 35px; } + .mt-60 { margin-top: 50px; } + .mt-65 { margin-top: 55px; } + .mt-70 { margin-top: 50px; } + .mt-75 { margin-top: 55px; } + .mt-80 { margin-top: 50px; } + .mt-85 { margin-top: 55px; } + .mt-90 { margin-top: 60px; } + .mt-95 { margin-top: 65px; } + .mt-100 { margin-top: 70px; } + + .mb-40 { margin-bottom: 30px; } + .mb-45 { margin-bottom: 35px; } + .mb-50 { margin-bottom: 30px; } + .mb-55 { margin-bottom: 35px; } + .mb-60 { margin-bottom: 50px; } + .mb-65 { margin-bottom: 55px; } + .mb-70 { margin-bottom: 50px; } + .mb-75 { margin-bottom: 55px; } + .mb-80 { margin-bottom: 50px; } + .mb-85 { margin-bottom: 55px; } + .mb-90 { margin-bottom: 60px; } + .mb-95 { margin-bottom: 65px; } + .mb-100 { margin-bottom: 70px; } + + /* Backgroud Shape */ + .shape--02:after { width: 140%; height: 82%; top: 12%; left: -20%; } + .shape--03:after { height: 129%; top: -60px; } + .shape--04:after { height: 80%; top: 10%; } + + ol.digit-list p { margin-bottom: 5px; } + + /* Font Size */ + .s-15, .s-16 { font-size: 1rem; } /* 13.6px */ + .s-17, .s-18 { font-size: 1.066176rem; } /* 14.5px */ + .s-19 { font-size: 1.3rem; } /* 18px */ + .s-20, .s-21, .s-22, .s-23 { font-size: 1.397058rem; } /* 19px */ + .s-24, .s-26, .s-28 { font-size: 1.470588rem; } /* 20px */ + .s-30, .s-32, .s-34 { font-size: 1.764705rem; } /* 24px */ + .s-36, .s-38, .s-40 { font-size: 1.98529rem; } /* 27px */ + .s-42, .s-43, .s-44, .s-45 { font-size: 2.20588rem; } /* 30px */ + .s-46 { font-size: 2.35294rem; } /* 32px */ + .s-47 { font-size: 2.42647rem; } /* 33px */ + .s-48 { font-size: 2.5rem; } /* 34px */ + .s-50 { font-size: 2.64705rem; } /* 36px */ + .s-52, .s-54 { font-size: 2.79411rem; } /* 38px */ + .s-56 { font-size: 2.94117rem; } /* 40px */ + .s-58 { font-size: 3.08823rem; } /* 42px */ + .s-60 { font-size: 3.23529rem; } /* 44px */ + .s-62 { font-size: 3.38235rem; } /* 46px */ + .s-64 { font-size: 3.52941rem; } /* 48px */ + .s-66 { font-size: 3.67647rem; } /* 50px */ + .s-68 { font-size: 3.82352rem; } /* 52px */ + + /* Paragraphs */ + p.p-sm { font-size: 1rem; } + p.p-md, p.p-lg { font-size: 1.066176rem; } + + /* Transparent Link */ + a.tra-link { font-size: 1.0625rem; } + .tra-link.ico-20 [class*="flaticon-"]:before, + .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 2px; left: 2px; } + + /* Button */ + .btn.btn-sm { font-size: 0.975rem; padding: 0.65rem 1.35rem; } + .btn.ico-30.ico-left { padding: 0.3665rem 0; } + .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.31175rem 0.5rem; } + + /* Buttons Group */ + .btns-group .btn:first-child { margin-right: 10px; } + + /* Button Icon */ + .btn.ico-20 [class*="flaticon-"]:before, + .btn.ico-20 [class*="flaticon-"]:after { font-size: 1rem; line-height: 0.65rem!important;top: 3px; } + + .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2rem; } + + .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.065rem; top: -8px; margin-right: 0; } + .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.065rem; top: -8px; margin-left: 0; } + .btn.ico-left span { margin-right: 2px; } + .btn.ico-right span { margin-left: 2px; } + + /* Button Text */ + p.btn-txt { margin: 13px 0 0 0; } + p.btns-group-txt, .btn-rating { margin: 15px 0 0 0; } + .text-center p.btns-group-txt { margin-top: 18px; } + .star-rating span.rating-txt { font-size: 1rem; } + + /* OS Button */ + .os-btn { width: 240px; min-width: 240px; padding: 14px 15px 12px; } + .os-btn-ico { margin-right: 14px; } + .os-btn-txt p { margin-top: 4px; } + + .btn-os.mb-15 { margin-bottom: 15px; } + .btn-os.mr-15 { margin-right: 10px; } + + /* Store Badges*/ + .badge-img-xs .store img { max-height: 2.595rem; } + .badge-img-sm .store img { max-height: 2.72rem; } + .badge-img-md .store img { max-height: 2.97rem; } + .badge-img-lg .store img { max-height: 3.095rem; } + + /* Watch Video Link */ + .watch-video { margin-top: 18px; } + .watch-video-link { margin-right: 10px; } + .watch-video-link span[class^="flaticon-"]:before, .watch-video-link span[class^="flaticon-"]:after { margin-left: 3px; } + p.video-txt-lg { font-size: 1.1rem; } + p.video-txt-sm { font-size: 1rem; } + + /* Video Popup Icon */ + .video-btn-xl { width: 7rem; height: 7rem; margin-top: -3.5rem; margin-left: -3.5rem; } + .video-btn-lg { width: 6.5rem; height: 6.5rem; margin-top: -3.125rem;; margin-left: -3.125rem;; } + .video-btn-md { width: 5.625rem; height: 5.625rem; margin-top: -2.8125rem; margin-left: -2.8125rem; } + .video-btn-sm { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; } + + .video-btn.video-btn-xl [class^="flaticon-"]:before, .video-btn.video-btn-lg [class^="flaticon-"]:after { + font-size: 5.5rem; line-height: 7rem!important; margin-left: 8px; + } + + .video-btn.video-btn-lg [class^="flaticon-"]:before, .video-btn.video-btn-lg [class^="flaticon-"]:after { + font-size: 5rem; line-height: 6.25rem!important; margin-left: 10px; + } + + .video-btn.video-btn-md [class^="flaticon-"]:before, .video-btn.video-btn-lg [class^="flaticon-"]:after { + font-size: 4.5rem; line-height: 5.625rem!important; margin-left: 8px; + } + + .video-btn.video-btn-sm [class^="flaticon-"]:before, .video-btn.video-btn-md [class^="flaticon-"]:after { + font-size: 4.35rem; line-height: 5rem!important; margin-left: 8px; + } + + /* Vector Icon Background */ + .ico-50 .shape-ico svg { width: 95px; height: 95px; top: -25px; left: calc(50% - 50px); } + .fbox-11 .ico-50 .shape-ico svg { top: -30px; left: calc(50% - 52px); } + .ico-55 .shape-ico svg { width: 100px; height: 100px; top: -30px; left: calc(50% - 55px); } + .ico-60 .shape-ico svg { width: 105px; height: 105px; top: -20px; left: calc(50% - 50px); } + + /* Vector Rounded Icons */ + .ico-rounded { width: 70px; height: 70px; } + .ico-rounded-md { width: 70px; height: 70px; } + .ico-rounded-lg { width: 80px; height: 80px; } + + .ico-rounded [class*="flaticon-"]:before, + .ico-rounded [class*="flaticon-"]:after { font-size: 2.5rem; line-height: 70px!important; } + + .ico-rounded-md [class*="flaticon-"]:before, + .ico-rounded-md [class*="flaticon-"]:after { font-size: 2.5rem; line-height: 70px!important; } + + .ico-rounded-lg [class*="flaticon-"]:before, + .ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.875rem; line-height: 80px!important; } + + /* Vector Square Icons */ + .ico-square { width: 70px; height: 70px; } + .ico-square [class*="flaticon-"]:before, + .ico-square [class*="flaticon-"]:after { font-size: 2.5rem; line-height: 70px!important; } + + /* Section ID */ + .section-id { margin-bottom: 25px; } + .section-id.rounded-id { padding: 7px 22px; margin-bottom: 30px; } + + /* Section Title */ + .section-title.mb-60, .section-title.mb-70, .section-title.mb-80 { margin-bottom: 40px; } + + .section-title p.p-md, .section-title p.p-lg, .section-title p.p-xl { margin-top: 12px; } + .section-title p.s-20, .section-title p.s-21 { font-size: 1.32352rem; margin-top: 12px; } + .section-title p.p-md, .section-title p.p-lg { padding: 0; } + + .section-title .btns-group.mt-25 { margin-top: 18px; } + .section-title .btns-group.mt-35 { margin-top: 22px; } + .section-title .stores-badge.mt-30 { margin-top: 25px; } + + .section-title .advantages, .section-title .btns-txt, .section-title .btns-group-txt { margin-top: 15px; } + + /*------------------------------------------*/ + /* PRELOAD ANIMATION + /*------------------------------------------*/ + + #loading-center { height: 90px; width: 90px; margin-top: -45px; margin-left: -45px; } + .loader { width: 90px; height: 90px; } + .loader::after { border: 45px solid; } + + /*------------------------------------------*/ + /* NAVIGATION MENU + /*------------------------------------------*/ + + .headtoppart { display: none; } + + .wsmobileheader .smllogo { display: block; margin-top: 22px; padding-left: 22px; } + .blog-header .wsmobileheader .smllogo { margin-top: 28px; } + .smllogo img { width: auto; max-width: inherit; max-height: 34px; } + .blog-header .smllogo img { max-height: 28px; } + + .wsmobileheader { height: 80px; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } + .tra-menu .wsmobileheader, .white-menu .wsmobileheader { background-color: #fff; } + .dark-menu .wsmobileheader, .black-scroll .wsmobileheader { background-color: #1d222f; } + + .theme--dark .tra-menu .wsmobileheader, + .theme--dark .white-menu .wsmobileheader { + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + } + + /* Mobile Header Phone Icon */ + .wsmenu > .wsmenu-list > li.header-phone > a { font-size: 19px; padding: 7px 32px 6px 15px; margin: 0; } + .wsmenu > .wsmenu-list > li.header-phone > a span { width: 24px; height: 24px;line-height: 25px;top: 3px; } + + /* Mobile Header Burger Menu */ + .wsanimated-arrow { padding: 14px 22px 14px 0px; margin: 24px 28px 0 0; } + .wsanimated-arrow span:before { top: -8px; width: 26px; } + .wsanimated-arrow span:after { bottom: -8px; width: 20px; } + + .dark-menu .wsanimated-arrow span, .dark-menu .wsanimated-arrow span:before, + .dark-menu .wsanimated-arrow span:after, .black-scroll .wsanimated-arrow span, + .black-scroll .wsanimated-arrow span:before, .black-scroll .wsanimated-arrow span:after { background: #fff; } + + .theme--dark .wsanimated-arrow span, .theme--dark .wsanimated-arrow span:before, + .theme--dark .wsanimated-arrow span:after { background: #b1b7cd; } + + .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { width: 28px; top: 0; } + .wsactive .wsanimated-arrow span:after { width: 28px; top: 0; } + .wsactive .wsanimated-arrow span { background: transparent; } + + .wsmenu > .wsmenu-list > li > .wsmenu-click { height: 64px; } + .wsmenu > .wsmenu-list > li.mobile-last-link > a { border-bottom: none; } + + /* Dark Header Settings */ + .dark-menu .wsmenu > .wsmenu-list, .black-scroll .wsmenu > .wsmenu-list { background-color: #2c3142!important; } + + .dark-menu .wsmenu > .wsmenu-list > li > a, + .black-scroll .wsmenu > .wsmenu-list > li > a { border-bottom-color: rgba(255, 255, 255, .13); } + + .dark-menu .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before, + .black-scroll .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: rgba(255, 255, 255, .85); } + + /* Nav Link */ + .wsmenu > .wsmenu-list > li > a { font-size: 1.25rem; line-height: 46px; padding: 5px 32px 4px 20px; margin: 0; } + .tra-menu .wsmenu > .wsmenu-list > li > a, .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a { color: #666; } + .black-scroll .wsmenu > .wsmenu-list > li > a.h-link { color: #fff; } + .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 10px; width: 10px; margin: 21px 18px 0px 0px; } + .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { transform: rotate(-45deg); margin-top: 28px; } + + .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, + .theme--dark .navbar-dark .wsmenu > .wsmenu-list > li > a { color: #fff!important; } + + /* Nav Link Info */ + span.sm-info { width: 22px; height: 22px; font-size: 0.95rem; line-height: 20px; top: -1px; } + + /* SubMenu / HalfMenu / MegaMenu */ + .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu { width: 100%!important; min-width: 100%!important; } + + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { width: 100%!important; padding: 10px; } + + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, + .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { width: 100%!important; left: 0; padding: 12px 10px; } + + .wsmegamenu.w-75 .col-lg-3, .wsmegamenu.icons-menu.w-75 .col-lg-4, + .wsmegamenu.halfmenu .col-lg-6, .wsmegamenu.halfmenu.icons-menu .col-lg-6 { padding: 0; } + + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { right: 0; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; + -o-border-radius: 0; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; box-shadow: 0 0; border-bottom: 1px solid #ddd; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu { + opacity: 1!important; visibility: visible!important; -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg); + } + + .dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu, + .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, + .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + border-bottom: 1px solid rgba(255, 255, 255, .13)!important; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0;box-shadow: 0 0; + } + + .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, + .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { background-color: #2c3142!important; } + + /* Sub Menu / Half Menu / Mega Menu Links */ + .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, + .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #666; font-size: 1.1765rem; padding: 15px 14px; + } + + /* Black Scroll */ + .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, + .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, + .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #ddd; + background-color: rgba(255, 255, 255, 0)!important; + } + + /* Sub Menu / Half Menu / Mega Menu Links Hover */ + .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 15px 14px; text-decoration: none; } + + /* Black Scroll */ + .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, + .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, + .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(255, 255, 255, .05)!important; + } + + /* Sub Menu / Half Menu / Mega Menu Icons */ + .icons-menu.ico-30 [class*="flaticon-"]:before, .icons-menu.ico-30 [class*="flaticon-"]:after { font-size: 2.1875rem; } + .icons-menu.ico-40 [class*="flaticon-"]:before, .icons-menu.ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; } + + .icons-menu-ico { margin-right: 14px; } + .wsmegamenu.ico-30 .icons-menu-ico span { top: 8px!important; } + + .icons-menu-txt h6 { font-size: 1.1765rem; } + .icons-menu-txt span { font-size: 1.066176rem; } + + .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { font-size: 1.1765rem; padding: 0 14px; margin-bottom: 10px; } + + .dark-menu .title, .black-scroll .title, + .dark-menu .icons-menu-txt span, .black-scroll .icons-menu-txt span { color: #b1b7cd!important; } + + /* Button */ + .wsmenu > .wsmenu-list > li a.btn { + font-size: 1.25rem; + line-height: 44px; + border-width: 2px; + padding: 5px 22px; + margin: 1px 0 2px 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + } + + .wsmenu > .wsmenu-list > li a.btn.reg-btn { line-height: 44px; padding: 5px 22px; } + .wsmenu > .wsmenu-list > li a.btn.fst-btn-link, .wsmenu > .wsmenu-list > li.reg-fst-link > a { margin-left: 0; } + + /* Header Store Badges */ + .wsmenu > .wsmenu-list > li a.store.header-store { margin: 5px 0 0 12px; display: block; float: none; border-bottom: none; } + .store.header-store img { max-height: 46px; } + + /* Header Social Links */ + .wsmenu > .wsmenu-list > li.header-socials { display: block; } + .header-socials a { margin-left: 25px; } + .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.65rem; } + + /* Navbar Transparent Buttons */ + .white-scroll .btn--tra-black { color: #fff!important; background-color: #353f4f!important; border-color: #353f4f!important; } + + .black-scroll .btn--tra-white, + .black-scroll .btn--tra-black { color: #353f4f!important; background-color: #fff!important; border-color: #fff!important; } + + .white-scroll .btn--tra-grey, + .black-scroll .btn--tra-grey { color: #353f4f!important; background-color: #eee!important; border-color: #eee!important; } + + /* Navbar Buttons Hover */ + .white-scroll .hover--tra-white:hover + { color: #353f4f!important; border-color: #353f4f!important; background-color: transparent!important; } + + .theme--dark .white-scroll .hover--tra-white:hover + { color: #fff!important; border-color: #fff!important; background-color: transparent!important; } + + .white-scroll .hover--blue:hover, + .black-scroll .hover--blue:hover { color: #fff!important; border-color: #007aff!important; background-color: #007aff!important; } + + .white-scroll .hover--tra-blue:hover, .black-scroll .hover--tra-blue:hover + { color: #007aff!important; border-color:#007aff!important; background-color: transparent!important; } + + .white-scroll .hover--violet:hover, + .black-scroll .hover--violet:hover {color: #fff!important;border-color: #b55e98!important;background-color: #b55e98!important;} + + .white-scroll .hover--tra-violet:hover, .black-scroll .hover--tra-violet:hover + { color: #b55e98!important; border-color: #b55e98!important; background-color: transparent!important; } + + .theme--dark .wsmenu > .wsmenu-list { background-color: #2c3142!important; } + .theme--dark .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: rgba(255, 255, 255, 1); } + + .theme--dark .navbar-dark .hover--tra-black:hover, + .theme--dark .navbar-dark .scroll .hover--tra-black:hover { + color: #fff!important;background-color:transparent!important;border-color: #fff!important; + } + + /*------------------------------------------*/ + /* HERO + /*------------------------------------------*/ + + .hero-section { margin-top: 80px; } + + .hero-section h2 { margin-bottom: 18px; } + .hero-section h2.s-48, .hero-section h2.s-50 { margin-bottom: 24px; } + + .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 24px; } + .hero-section p.s-20, .hero-section p.s-22, .hero-section p.s-24 { margin-bottom: 26px; } + .hero-section p.s-21 { font-size: 1.397058rem; margin-bottom: 22px; } + .hero-section .btn.mt-10, .hero-section .btns-group.mt-10 { margin-top: 5px; } + .hero-section .btn.mt-15, .hero-section .btns-group.mt-15 { margin-top: 8px; } + + /* HERO LOGO */ + .hero-logo { margin-bottom: 30px; } + .hero-logo img { max-height: 28px; } + .hero-square-logo img { max-height: 65px; } + + /* HERO APP LOGO */ + .hero-app-logo { margin-bottom: 25px; } + .hero-app-logo img { max-height: 78px; } + #hero-25 .hero-app-logo img { max-height: 88px; } + + /* HERO DIGITS */ + .hero-digits { margin-top: -8px; } + #hero-9 .hero-digits { margin-top: 10px; } + .hero-section .col-lg-6 .hero-digits { padding: 0 15%; } + #hd-1-1, #hd-1-2 { width: 50%; padding-right: 0; } + .hero-digits-block { display: block!important; } + .hero-digits .block-txt { padding-left: 0; } + .hero-digits h2.statistic-number { font-size: 2.75rem; } + .hero-digits h2.statistic-number span { font-size: 2.25rem; } + .hero-digits .block-txt p.p-sm { margin-top: 10px; } + + /* HERO QUICK FORM */ + .hero-section .quick-form.mt-45 { margin-top: 30px; } + .hero-section .quick-form.mt-35 { margin-top: 0; } + .hero-section .quick-form .form-control, .hero-section .quick-form .btn { font-size: 1.125rem; height: 52px; } + .hero-section .quick-form.form-half .form-control { height: 48px; font-size: 1.0625rem; padding: 0 12px; } + .hero-section .quick-form.form-half .btn { height: 48px; font-size: 1rem; padding: 13px 22px; margin-left: 10px; } + + .hero-section .text-center .quick-form-msg { margin: 20px 0 -5px 0; } + + /* HERO REQUEST FORM */ + .request-form .form-control { height: 48px; font-size: 1.0625rem; padding: 0 14px; } + #hero-10-form .btn, #hero-22-form .btn { height: 48px; font-size: 1.0625rem; padding: 16px; } + + /* HERO-1 */ + #hero-1 { padding-top: 70px; padding-bottom: 70px; } + .hero-1-txt p { padding-right: 0; } + .hero-1-img { margin: 0 -30px 0 -20px; } + + /* HERO-2 */ + #hero-2 { padding-top: 70px; padding-bottom: 70px; } + .hero-2-txt p { padding-right: 0; } + .hero-2-img { padding-right: 5px; } + + /* HERO-3 */ + #hero-3 { padding-top: 80px; } + .hero-3-txt { margin-top: -50px; } + .hero-3-txt p.p-lg { padding-right: 0; } + .hero-3-img { margin: 0 -90% 0 10px; } + + /* HERO-4 */ + #hero-4 { padding-top: 80px; } + #hero-4:after { height: 11%; } + .hero-4-txt p { padding: 0; } + .hero-4-img { margin-top: 40px; } + + /* HERO-5 */ + #hero-5 { padding-top: 80px; padding-bottom: 50px; } + .hero-5-txt h2 { margin-bottom: 20px; } + .hero-5-txt p.p-lg { padding-right: 0; margin-bottom: 25px; } + + /* HERO-6 */ + #hero-6 { padding-top: 70px; } + .hero-6-wrapper { padding: 50px 40px; margin: 0 -10px; } + .hero-6-txt h2 { padding-right: 5%; margin-bottom: 15px; } + .hero-6-txt p.p-lg { margin-bottom: 18px; } + + /* HERO-7 */ + #hero-7 { padding-top: 80px; padding-bottom: 80px; } + .hero-7-txt p.p-lg { margin-bottom: 15px; } + #hero-7 .quick-form { margin-right: 2%; } + .hero-7-img { padding-left: 5px; } + + /* HERO-8 */ + #hero-8 { padding-top: 80px; padding-bottom: 30px; } + .hero-8-txt { margin-top: -30px; } + .hero-8-txt p, .hero-8-txt .hero-digits { padding-right: 0; } + + #hero-8-form { padding: 26px 25px; margin-left: 25px; border-radius: 10px; } + #hero-8-form h4, #hero-10-form p { margin-bottom: 15px; } + #hero-8-form p.p-sm { padding: 0!important; } + + /* HERO-9 */ + #hero-9 { padding-top: 80px; } + .hero-9-txt h2 { padding: 0 3%; } + .hero-9-txt h2 img { max-height: 66px; margin: 0 3px; top: -5px; } + .hero-9-txt p { padding: 0; margin-top: 28px; } + + #hero-9 .quick-form { margin-left: 6%; margin-right: 6%; } + .hero-9-img { margin: 45px 0 0; } + + /* HERO-10 */ + #hero-10 { padding-top: 70px; padding-bottom: 70px; } + .hero-10-txt h4 { padding-right: 5%; margin-bottom: 30px; } + .hero-10-img { margin: 0 -98% 0 15px; } + + /* HERO-11 */ + .hero-11-txt { margin-top: -40px; } + .hero-11-txt p { padding-right: 0; } + .hero-11-img { margin: -100px -12% -50px 0; } + + /* HERO-12 */ + #hero-12 { padding-top: 80px; } + .hero-12-txt p{ padding: 0; } + .hero-12-img { margin-top: 40px; margin-bottom: -100px; } + .hero-12-img .video-btn { top: calc(50% - 35px); } + + /* HERO-13 */ + #hero-13 { margin-top: 80px; padding-top: 60px; padding-bottom: 70px; } + .hero-13-txt h2 { margin-bottom: 15px; } + .hero-13-txt p { padding-right: 0; } + + /* HERO-6 */ + #hero-14 { padding-top: 80px; } + .hero-14-txt h2.s-62 { margin-bottom: 18px; } + .hero-14-txt p.s-21 { margin-bottom: 25px; } + #hero-14 .quick-form { margin-left: 7%; margin-right: 7%; } + .hero-14-img { margin-top: 40px; } + .hero-14-txt .btn-txt { margin-top: 25px; } + + /* HERO-15 */ + #hero-15 { padding-top: 70px; } + .hero-15-txt { margin-top: -35px; } + .hero-15-txt h2 { padding-right: 0; } + + /* HERO-16 */ + #hero-16 { padding-top: 80px; margin-bottom: 50px; } + .hero-16-txt h2 { padding: 0 6%; } + .hero-16-img { margin-top: 40px; margin-bottom: -50px; } + + /* HERO-17 */ + #hero-17 { padding-top: 80px; } + .hero-17-txt { padding: 0 3%; } + #hero-17 .quick-form { margin-left: 10%; margin-right: 10%; } + #hero-17 #brands-1 { padding: 30px 3% 0; } + #hero-17 #brands-1 .brands-carousel-5 .brand-logo { padding: 0 9px; } + + /* HERO-18 */ + #hero-18 { padding-top: 70px; padding-bottom: 60px; } + #hero-18:after { width: 78%; left: 22%; } + .hero-18-txt p { padding-right: 0; } + .hero-18-img { padding-right: 5px; } + + /* HERO-19 */ + #hero-19 { padding-top: 80px; } + .hero-19-txt h2 { padding: 0 5%; } + .hero-19-txt p { padding: 0 8%; } + + /* HERO-20 */ + #hero-20 { padding-top: 90px; padding-bottom: 80px; } + #hero-20:after { width: 54%; } + .hero-20-txt { padding: 0 10% 0 0; } + .hero-20-txt .hero-logo { display: none; } + .hero-section .hero-20-txt h2.s-48 { margin-bottom: 18px; } + + /* HERO-21 */ + #hero-21 { padding-top: 80px; } + .hero-21-txt { margin-bottom: 40px; } + .hero-21-txt h2 { padding: 0 3%; margin-bottom: 20px; } + #hero-21 .hero-overlay { padding: 65px 45px 0; } + .hero-21-img { margin-bottom: -24%; } + .hero-21-img .video-btn { top: calc(50% - 50px); } + + /* HERO-22 */ + #hero-22 { padding-top: 80px; } + #hero-22-form { padding: 35px 25px 25px; } + #hero-22 .hero-logo { margin-bottom: 20px; } + #hero-22-form h4 { font-size: 1.65rem; margin-bottom: 15px; } + #hero-22-form p { font-size: 1.1rem; margin-bottom: 15px; } + + /* HERO-23 */ + #hero-23 { padding-top: 80px; margin-bottom: 25px; } + .hero-23-txt p { padding: 0; } + .hero-23-img { margin-top: 20px; margin-bottom: -25px; } + + /* HERO-24 */ + #hero-24 { padding-top: 100px; padding-bottom: 100px; } + + /* HERO-25 */ + #hero-25 { padding-top: 70px; padding-bottom: 80px; } + .hero-25-txt h2 { margin-bottom: 14px; } + .hero-25-txt p.p-lg { padding-right: 0; margin-bottom: 22px; } + + /* HERO-26 */ + #hero-26 { padding-top: 80px; } + .hero-26-txt h2 { padding-right: 2%; } + #hero-26 .quick-form { margin-right: 3%; } + .hero-26-img { margin: 0 -94% 0 -20px; } + + /* HERO-27 */ + #hero-27 .hero-overlay { padding-top: 80px; } + .hero-27-txt h2 { margin-bottom: 24px!important; } + .hero-27-txt p.s-20, .hero-27-txt p.s-21 { padding: 0; } + .hero-27-txt .btns-group.mt-15 { margin-top: 0; } + + /*------------------------------------------*/ + /* CONTENT + /*------------------------------------------*/ + + /* ABOUT */ + .about-2-title { padding-right: 5%; margin-bottom: 30px; } + + .a2-txt { padding: 12px 15px 20px; } + .a-2-1 { margin-left: -10%; margin-bottom: 20px; } + .a-2-2 { margin-left: -20%; } + .a-2-3 { margin-right: -8%; margin-bottom: 20px; } + .a-2-4 { margin-right: -20%; } + + .a2-txt-quote { position: relative; margin-bottom: -35px; } + .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4rem; } + + .a2-txt-author { margin-top: 10px; } + .a2-txt-author { font-size: 1.1rem; } + .a2-txt-author span { font-size: 0.95rem; margin-top: 1px; } + + #about-1 .txt-block h3.mb-30, .about-2-title h2.mb-30 { margin-bottom: 20px; } + #about-3 .txt-block h5 { margin-bottom: 14px; } + #about-4 .txt-block p { margin-top: 15px; } + + #a4-1 { padding-right: 10px; margin-top: -30px; } + #a4-2 { padding-left: 10px; margin-bottom: -30px; } + + /* FEATURES */ + .fbox-14-wrapper { padding: 60px 50px; } + .fbox-14-wrapper .col { padding: 0 14px; } + + #features-12.py-100.shape--bg:after { width: 52%; height: 68%; top: 16%; left: 48%; } + #features-12.pt-100.shape--bg:after { width: 52%; height: 75%; top: 19%; left: 48%; } + #features-13.py-100.shape--bg:after { width: 52%; height: 68%; top: 16%; } + #features-13.pt-100.shape--bg:after { width: 52%; height: 75%; top: 19%; } + + .fbox-12-wrapper { padding-left: 0; } + .fbox-13-wrapper { padding-right: 0; } + + #features-4 .row-cols-md-3 .col { padding: 0 8px; } + .row-cols-md-2 .fb-1, .row-cols-md-2 .fb-2, .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3 { margin-bottom: 35px; } + + .fbox-14.fb-1, .fbox-14.fb-2 { margin-bottom: 30px; } + + .row-cols-md-3 .fbox-4 { padding: 30px 15px; } + .row-cols-md-2 .fbox-4 { padding: 30px 45px; } + .fbox-5 { padding: 35px 25px; } + + .row-cols-md-2 .fbox-4.fb-1, .row-cols-md-2 .fbox-4.fb-2, .row-cols-md-2 .fbox-7.fb-1, .row-cols-md-2 .fbox-7.fb-2, + .row-cols-md-2 .fbox-9.fb-1, .row-cols-md-2 .fbox-9.fb-2, .rows-2 .fbox-7.fb-1, .rows-2 .fbox-7.fb-2, .rows-2 .fbox-7.fb-3, + .rows-2 .fbox-9.fb-1, .rows-2 .fbox-9.fb-2, .rows-2 .fbox-9.fb-3 { margin-bottom: 22px; } + + .fbox-7 { padding: 30px 15px 27px; } + .fbox-8, .fbox-8.bg--white-100 { padding: 30px 15px; } + .fbox-9 { padding: 25px 15px 22px; } + + .fbox-12, .fbox-13 { padding: 22px 18px; } + .fbox-12.mb-30, .fbox-13.mb-30 { margin-bottom: 20px; } + + .fbox-14 { text-align: center; padding: 40px 30px 35px; } + + .fbox-img.h-155 img, .fbox-img.h-160 img, .fbox-img.h-165 img, + .fbox-img.h-170 img, .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 128px; } + + .fbox-2 .fbox-img.h-135 img, .fbox-3-wrapper .fbox-img.h-135 img, + .fbox-img.h-140 img, .fbox-img.h-145 img, .fbox-img.h-150 img { max-height: 132px; } + + .fbox-2 .fbox-img.h-160 img, .fbox-2 .fbox-img.h-165 img, .fbox-2 .fbox-img.h-170 img, + .fbox-2 .fbox-img.h-175 img, .fbox-2 .fbox-img.h-180 img, .fbox-3 .fbox-img.h-160 img, + .fbox-3 .fbox-img.h-170 img, .fbox-3 .fbox-img.h-175 img, .fbox-3 .fbox-img.h-180 img { max-height: 120px; } + + .fbox-4 .fbox-img.h-160 img, .fbox-4 .fbox-img.h-165 img, + .fbox-4 .fbox-img.h-170 img, .fbox-4 .fbox-img.h-175 img { max-height: 110px; } + + .fbox-1 .fbox-img, .row-cols-md-2 .fbox-1 .fbox-img, .fbox-4 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img { margin-bottom: 25px; } + + .fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, .fbox-2 .fbox-img.h-150, + .fbox-2 .fbox-img.h-155 { padding-top: 25px; margin: 0 40px 45px; } + + .fbox-2 .fbox-img.h-160 { padding-top: 25px; margin: 0 0 45px; } + + .fbox-2 .fbox-img.h-165, .fbox-2 .fbox-img.h-170, + .fbox-2 .fbox-img.h-175, .fbox-2 .fbox-img.h-180 { padding-top: 30px; margin: 0 0 45px; } + + .fbox-3 .fbox-img.h-160, .fbox-3 .fbox-img.h-170, + .fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 25px; margin: 0 0 25px; } + + .fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 40px 25px; } + + .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img { margin: 30px 6% 0; } + .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, .fbox-5.fb-4 .fbox-5-img { margin: 0 6% 25px; } + + .fbox-ico { margin-bottom: 18px; } + .row-cols-md-2 .fbox-ico.ico-rounded, .fbox-ico.ico-rounded-md, + .fbox-ico.ico-rounded-lg, .fbox-ico.ico-square { margin-bottom: 18px; } + + .fbox-wrapper .row-cols-md-2 .ico-50 [class*="flaticon-"]:before, + .fbox-wrapper .row-cols-md-2 .ico-50 [class*="flaticon-"]:after { font-size: 3.75rem; } + + .fbox-wrapper .row-cols-md-2 .ico-rounded { width: 80px; height: 80px; } + .fbox-wrapper .row-cols-md-2 .ico-rounded [class*="flaticon-"]:before, + .fbox-wrapper .row-cols-md-2 .ico-rounded [class*="flaticon-"]:after { font-size: 2.875rem; line-height: 80px!important; } + + .fbox-wrapper .row-cols-md-2 .ico-square { width: 80px; height: 80px; } + .fbox-wrapper .row-cols-md-2 .ico-square [class*="flaticon-"]:before, + .fbox-wrapper .row-cols-md-2 .ico-square [class*="flaticon-"]:after { font-size: 2.875rem; line-height: 80px!important; } + + .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before, + .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after { font-size: 2.75rem; } + + .fbox-ico-wrap { margin-right: 18px; } + .rows-2 .fbox-ico-wrap { margin-right: 0; } + .rows-2 .fbox-11 { display: block; text-align: center; } + .rows-2 .fbox-11 .fbox-ico { margin-top: 0; } + + .fbox-10 .fbox-title span { float: none; line-height: 1!important; margin-right: 0; } + .fbox-10 .fbox-title h6 { line-height: 1!important; margin-top: 10px; margin-bottom: 15px; } + + .features-section h6.s-18 { font-size: 1.397058rem; margin-bottom: 12px; } + .features-section h6.s-20, .features-section h6.s-22, .fbox-txt h5 { margin-bottom: 12px; } + .rows-2 .fbox-11 h6, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 12px; } + .fbox-12 h5, .fbox-13 h5 { font-size: 1.3rem; margin-bottom: 10px; } + .fbox-14 h5 { padding-right: 0; margin-bottom: 12px; } + .row-cols-md-2 .fbox-7 p { padding: 0 15%; } + .fbox-14 p { padding: 0 20%; } + + /* CONTENT */ + .ct-10 .section-overlay { margin-bottom: 80px; } + .cbox-6-wrapper { padding: 40px 35px; } + + .ct-11 .txt-block { padding-right: 25px; } + .ct-12 .txt-block { padding-left: 25px; } + .ct-13 .row.mb-60 { margin-bottom: 30px } + + /* Content Box Wrapper */ + .bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay { padding: 60px 40px; } + .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay, .bc-5-wrapper .section-overlay { padding: 60px 40px 0; } + .bc-6-wrapper .section-overlay { padding: 60px 30px; } + .bc-6 { padding: 24px 16px; } + + .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 { margin-bottom: 15px; } + .txt-block h5, .bc-6 h4 { margin-bottom: 18px; } + h5.h5-title { margin-top: 18px; margin-bottom: 18px; } + + .txt-block p.s-20, .txt-block p.s-21 { font-size: 1.14705rem; } + + .ct-08 .section-title h2, .ct-09 .section-title h2, .ct-10 .section-title h2 { padding: 0 5%; } + .bc-5-wrapper .section-title { margin-bottom: 35px; } + + .txt-box { margin-bottom: 5px; } + .txt-block .txt-box h5 { margin-bottom: 13.5px; } + .bc-6-txt h5 { margin-bottom: 12px; } + ul.simple-list li:not(:last-child) p { margin-bottom: 8px; } + .txt-block .btn { margin-top: 15px; } + .txt-block .btns-group .btn.btn--transparent { margin-top: 10px; } + .txt-block .stores-badge.mt-15, .ws-wrapper .stores-badge.mt-15 { margin-top: 5px; } + .bc-6-link.mt-15 { margin-top: 10px; } + .txt-block-tra-link.mt-25 { margin-top: 14px; } + + .img-block-txt .box-title h6, .img-block-txt .box-title h5 { line-height: 1; margin-bottom: 15px; } + .img-block-txt .box-title span { display: block; top: 0; margin-right: 0; } + + /* Text Block */ + .ct-07 .txt-block { margin-top: 30px; } + .bc-1-wrapper .txt-block.pr-25.left-column, .bc-2-wrapper .txt-block.pr-25.left-column { padding-right: 0; } + .bc-1-wrapper .txt-block.pl-25.right-column, .bc-2-wrapper .txt-block.pl-25.right-column { padding-left: 0; } + .bc-6-txt { padding: 0; } + + /* Content Box */ + .cbox-5-content { padding: 30px; margin: 0 5%; } + .cbox-5-content .divider { margin-top: 22px; margin-bottom: 22px; } + + .txt-block .cbox-5-title h2 { font-size: 3rem; margin-bottom: 10px; } + .cbox-5-title .statistic-number sup { font-size: 2.5rem; top: -5px; right: 6px; } + + .cbox-5-fea { padding: 12px 16px; margin-top: 18px; } + + #cb-6-1, #cb-6-2 { margin-bottom: 30px; } + + /* Content Box Icon */ + .cbox-2 .ico-wrap { margin-right: 1.15rem; } + .cbox-2-ico { width: 2.15rem; height: 2.15rem; font-size: 1.125rem; line-height: 1.85rem; } + .ct-03 .cbox-2-ico { width: 2rem; height: 2rem; font-size: 1.0625rem; line-height: 1.8rem; } + .cbox-2-line { height: calc(100% - 74px); } + + .cbox-3 .cbox-3-ico { top: 5px; } + .cbox-3-ico span[class*="flaticon-"]:before, .cbox-3-ico span[class*="flaticon-"]:after { font-size: 3rem; } + + /* Content Box Text */ + .cbox-2-txt, .ct-03 .cbox-2-txt, .cbox-3-txt { margin-bottom: 20px; } + .cbox-4-txt { margin-bottom: 16px; } + + /* Content Box Typography */ + .cbox-2-txt h5, .cbox-3-txt h5 { margin-bottom: 10px; } + .cbox-6 h6 { margin-bottom: 12px; } + .cbox-1-txt p { margin-bottom: 5px; } + + /* Accordion */ + .txt-block .accordion-1 .accordion-item { padding: 18px 30px; } + .txt-block .accordion-2 .accordion-item { padding: 10px 0 20px; } + .txt-block .accordion-1 .accordion-item.is-active { padding: 30px 30px 14px 30px; } + .txt-block .accordion-2 .accordion-item.is-active { padding: 15px 0 20px; } + + .txt-block .accordion-1 .accordion-item .accordion-thumb:before { font-size: 0.85rem; top: 0.5px; } + + .txt-block .accordion-1 .accordion-panel { padding: 0; } + + .accordion-2 .accordion-thumb span[class*="flaticon-"]:before, + .accordion-2 .accordion-thumb span[class*="flaticon-"]:after { font-size: 2.1875rem; line-height: 1.5rem; top: 9px; } + + .txt-block .accordion-1 .accordion-thumb h5 { padding-left: 20px; } + .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 15px; } + + /* Tabs */ + .tabs-1 { margin: 0 auto 50px; } + .tabs-1 li { font-size: 1.125rem; } + + /* Advantages */ + .text-center .advantages { margin-top: 15px; } + + /* Compatibility */ + .compatibility { margin-top: 5px; } + + /* Tools List / Payments Icons */ + .tools-list p, .payment-methods p { margin-bottom: 10px; } + .payment-icons img { max-height: 26px; } + + .tools-list.ico-35 [class*="flaticon-"]:before, + .tools-list.ico-35 [class*="flaticon-"]:after { font-size: 2rem; line-height: 2rem!important; margin-right: 4px; } + + /* Quote */ + .quote-avatar img { width: 54px; height: 54px; } + .quote p { font-size: 1.05rem; padding-left: 14px; margin-top: 15px; } + .quote-author { padding: 0 0 0 10px; } + .quote.pr-15, .quote.pr-40, .quote.pr-50, .quote.pr-60 { padding-right: 0; } + + /* Content Box Shapes */ + .cbox-5-shape-1 { right: -55px; top: -20px; } + .cbox-5-shape-2 { left: -20px; bottom: -25px; } + .cbox-5-shape-1 img, .cbox-5-shape-2 img { height: 55%; width: 55%; } + + /* Content Images */ + .img-block.img-block-bkg img { padding: 35px 20px; } + .img-block-hidden, .ct-10 .img-block, .bc-5-img.bc-5-dashboard.img-block-hidden { margin-bottom: -80px; } + + .ct-01 .img-block, .ct-03 .img-block.right-column { margin-left: 0; } + .ct-02 .img-block, .ct-03 .img-block.left-column { margin-right: 0; } + .ct-04 .img-block { margin-left: 15px; } + .ct-04 .img-block img { max-width: 220%; } + .ct-06 .img-block { margin-right: -20%; } + .ct-07 .img-block { margin-left: -20%; } + + .img-block-txt, .img-block-btn { margin-top: 45px; } + + .bc-1-wrapper .img-block.left-column, .bc-2-wrapper .img-block.left-column { padding-right: 0; } + .bc-1-wrapper .img-block.right-column, .bc-2-wrapper .img-block.right-column { padding-left: 0; } + .bc-2-img { margin: 0 -45% 0 15px; } + .bc-3-img { margin: 0 -90% -25px 15px; } + .bc-4-img { margin-left: 15px; margin-right: -100%; } + .bc-5-img.bc-5-tablet.img-block-hidden { margin-bottom: -150px; } + .bc-6-img { padding: 30px 20px 0; margin-bottom: 20px; } + + .bc-5-img.bc-5-tablet.img-block-hidden .video-btn { top: calc(50% - 60px); } + + .ct-11 .img-block { padding-left: 15px; } + .ct-12 .img-block { padding-right: 15px; } + .ct-13 .img-block { margin-top: 30px; } + + /* STATISTIC */ + .sb-rounded .statistic-block { padding: 20px; } + #sb-2-1, #sb-2-2 { width: 50%; } + + #statistic-5 .statistic-digit { padding-bottom: 15px; margin: 0 40px 15px 0; } + #statistic-1 .statistic-block { display: block!important; text-align: center; } + .statistic-1-wrapper .statistic-block-digit { width: 100%; display: block!important; float: none; margin-bottom: 15px; } + .statistic-1-wrapper .statistic-block-txt { width: 100%; display: inline-block!important; padding: 0 8%; } + + #sb-2-3, #sb-2-4 { width: 50%; padding-right: 0; } + #sb-2-3 .statistic-block, #sb-2-4 .statistic-block { display: block!important; } + #sb-2-3 .statistic-block-txt, #sb-2-4 .statistic-block-txt { padding-left: 0; } + #statistic-2 .statistic-block-digit { display: block!important; } + + h2.statistic-number { letter-spacing: -0.5px; } + .txt-block-stat h2.statistic-number, .#statistic-5 .statistic-digit h2 { font-size: 2.5rem; letter-spacing: -0.5px; } + #statistic-1 h2.statistic-number { font-size: 2.5rem; line-height: 1; letter-spacing: -0.5px; } + #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number { margin-bottom: 10px; } + #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm { margin-top: 10px; } + + #statistic-5 .statistic-txt h5 { margin-bottom: 10px; } + .statistic-3-wrapper p { margin-top: 12px; } + .statistic-4-wrapper p { margin-bottom: 12px; } + #statistic-5 .statistic-txt p { padding-right: 0; } + + .txt-block-stat .statistic-block .txt-block-rating { margin-top: -2px; margin-bottom: -1px; } + + /* PROJECTS */ + .projects-wrapper { padding: 0; } + #pt-1-1, #pt-1-2, .inner-page-hero #pt-1-3, .inner-page-hero #pt-1-4 { margin-bottom: 35px; } + .project-details h5 { margin-bottom: 20px; } + .more-projects { margin-top: 35px; } + + /* PROJECT DETAILS */ + .single-project .project-title { margin-bottom: 40px; } + .project-title h2 { padding-right: 10%; padding-bottom: 30px; margin-bottom: 25px; } + + .project-priview-img.mb-50 { margin-bottom: 40px; } + .project-txt h5.mt-35.mb-35 { margin-top: 20px; margin-bottom: 20px; } + .project-txt h5.mt-50.mb-35 { margin-top: 40px; margin-bottom: 20px; } + + .project-description .more-projects { margin-top: 45px; } + .project-description .more-projects span { top: 1px; left: 4px; } + .project-description .more-projects.ico-25 [class*="flaticon-"]:before, + .project-description .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.175rem; } + + /* RATING */ + .rating-section .rating-1-wrapper { padding: 0 10%; } + .rating-section .rating-2-wrapper { padding: 0; } + .inner-page-hero .rating-1-wrapper.mt-50 { margin-top: 40px; } + + .rbox-1 .star-rating { font-size: 1rem; } + .rbox-2-txt { margin-top: 14px; } + p.rbox-2-txt { margin-top: 10px; line-height: 1; } + + .rbox-1-img { margin-bottom: 12px; } + .rbox-1-img img { max-height: 28px; } + .rbox-2-txt img { display: block; max-height: 28px; margin: 8px auto 0; } + + .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.3rem; } + + /* TESTIMONIALS */ + .reviews-2-wrapper, .reviews-3-wrapper { padding: 0; } + .reviews-4-wrapper, .reviews-5-wrapper { padding-left: 15px; } + #reviews-4 .txt-block.left-column p, #reviews-5 .txt-block.left-column p { margin-right: -10px; } + + .review-1, .review-2, .review-3 { padding: 35px 25px 25px; } + .review-4, .review-5 { padding: 35px 30px 25px; } + + #rw-2-1, #rw-2-2 { margin-bottom: 12px; } + #rw-3-2 { margin-bottom: 30px; } + #rw-3-2, #rw-3-3 { margin-left: 8px; } + #rw-4-1, #rw-5-1 { margin-bottom: 25px; } + + .review-txt { margin-top: -38px; } + .review-txt h6 { margin-bottom: 10px; } + + .review-1 .author-data, .review-2 .author-data, + .review-3 .author-data, .review-4 .author-data, .review-5 .author-data { margin-top: 0; } + + .review-avatar img, .owl-item .review-avatar img { width: 40px; height: 40px; } + .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img { width: 46px; height: 46px; } + + .review-author { padding: 0 0 0 12px; } + .review-1 .review-author, .review-2 .review-author, .review-3 .review-author, .review-5 .review-author { margin-top: 3px; } + + .review-author h6 { margin-bottom: 5px; } + .review-1 .review-author h6 { font-size: 1rem; } + + /* PRESS */ + #press-05, #press-06 { margin-bottom: 30px; } + .press-logo img { max-height: 74px; } + .press-txt { margin-top: 10px; } + + /* BRANDS */ + .brands-title.mb-35, .brands-title.mb-40 { margin-bottom: 25px; } + .brands-title.mb-50 { margin-bottom: 35px; } + + .brands-title h4, .brands-title h3, .brands-title h2 { margin-bottom: 5px; } + + .brands-3-wrapper { padding: 35px 25px; } + .brands-3-wrapper.brands-3-static { margin-left: 3%; margin-right: 3%; } + + #brands-1 .brands-carousel-5 .brand-logo { padding: 0 12px; } + #brands-1 .brands-carousel-6 .brand-logo { padding: 0 10px; } + #brands-1 .justify-content-center .brand-logo, #brands-3 .brand-logo { padding: 0 10px; } + #brands-3 .brands-3-static .brand-logo { padding: 0 8px; } + #brands-4 .brand-logo { padding: 0 8px; } + + .brands-section .brand-logo.mb-50 { margin-bottom: 40px; } + .brands-section .more-btn { margin-top: 30px; } + + /* INTEGRATIONS */ + .integrations-2-wrapper { padding: 60px 40px; } + + .in_tool_logo { padding: 30px; margin-bottom: 25px; } + .in_tool_logo.ico-65 img { width: 48px; height: 48px; } + .in_tool h6 { line-height: 1.3; } + + #integrations-1 .in_tool-logo.ico-60 img { width: 52px; height: 52px; } + .integrations-1-wrapper .in_tool { padding: 16px; } + .integrations-1-wrapper .in_tool.mb-30, .integrations-1-wrapper .it-8 { margin-bottom: 20px; } + .integrations-1-wrapper .in_tool-txt h6 { margin-top: 2px; } + .integrations-1-wrapper .in_tool-txt p { font-size: 1.0625rem; margin-top: 0; } + + .integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 30px; } + + /* PRICING */ + #pricing-1 .container, #pricing-2 .container, #pricing-3 .container, + .pricing-1-wrapper .col, .pricing-2-wrapper .col, .pricing-3-wrapper .col { padding: 0 5px; } + + .pricing-1-table { padding: 30px 25px 25px; } + .text-center .pricing-1-table { padding: 35px 25px 25px; } + .pricing-2-table { padding: 30px 25px; } + .pricing-3-table { padding: 25px 20px 30px; } + .pricing-4-table { padding: 30px 35px; } + #pt-4-1 { margin: 0 10px 40px 35px; } + #pt-4-2 { margin: 0 35px 40px 10px; } + + .pricing-table-header h5 { margin-bottom: 20px; } + .pricing-table-header h4 { margin-bottom: 15px; } + .pricing-3-table .pricing-table-header h4 { margin-bottom: 10px; } + + .pricing-1-table hr { margin-top: 30px; } + .pricing-2-table hr, .pricing-3-table hr { margin-top: 20px; } + + .pricing-discount { top: 0; right: -2px; padding: 6px 11px; } + .pricing-1-table .pricing-discount { top: -12px; right: -3px; padding: 5px 9px; } + .text-center .pricing-1-table .pricing-discount { top: -30px; right: -5px; } + .pricing-discount h6 { font-size: 1rem; } + .pricing-1-table .pricing-discount h6 { font-size: 0.8rem; } + + /* Price */ + .pricing-3-table .price.mt-25 { margin-top: 20px; } + + .price span { font-size: 2.45rem; letter-spacing: -1.5px; } + .pricing-2-table.highlight .price span { font-size: 2.05rem; } + .pricing-3-table .price span { font-size: 4.15rem; letter-spacing: -3px; } + .pricing-4-table .price span { font-size: 2.85rem; } + + .price sup { font-size: 2.125rem; top: -2px; } + .pricing-3-table .price sup { font-size: 2.25rem; top: -20px; } + .pricing-4-table .price sup { font-size: 2rem; top: -7px; } + + .pricing-3-table .price sup.coins { font-size: 2rem; top: -25px; letter-spacing: -1px; } + + .price sup.validity { font-size: 1.2rem; } + .pricing-3-table .price sup.validity { font-size: 1.125rem; top: 0; margin-top: 15px; margin-bottom: 25px; } + .pricing-4-table .price sup.validity { font-size: 1.3rem; left: 4px; top: -2px; } + + .pt-btn { font-size: 0.95rem; padding: 0.785rem 0.5rem; margin-top: 25px; } + .pricing-1-table .pt-btn, .pricing-2-table .pt-btn { margin-top: 15px; } + .pricing-4-table .pt-btn { margin-top: 20px; } + .pricing-3-table .pt-btn { margin-top: 0; } + .p-table p.btn-txt { font-size: 0.875rem; } + + .price p { font-size: 0.9075rem; margin-top: 14px; margin-bottom: 14px; } + .pricing-4-table .price p { margin-bottom: 10px; } + .text-center .price p, .text-center .pricing-2-table .price p { padding: 0; } + .pricing-table-header p.p-md { font-size: 0.9rem; } + + .pricing-features.mt-25 { margin-top: 15px; } + .pricing-features li, .text-center .pricing-features li { padding: 6px 0; } + .pricing-4-table .pricing-features li {padding: 6px 0; } + .pricing-features span { display: none; } + .pricing-features p.p-md { font-size: 0.935rem; line-height: 1.5; } + + /* Pricing Notice */ + .pricing-notice { margin-top: 0; } + .col-lg-9 .pricing-notice p { padding: 0 15%; } + .col-lg-10 .pricing-notice p { padding: 0 8%; } + .pricing-notice .btn.mt-25 { margin-top: 20px; } + + /* Pricing Toggle Button */ + .pricing-section .toggle-btn.mt-30 { margin-top: 20px; } + #pricing-4 .ext-toggle-btn { margin: 0 35px 20px 10px; } + .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt { font-size: 1rem; line-height: 32px; } + + .switch-wrap { min-width: 50px; height: 30px; } + .toggle-btn-md .switch-wrap, .toggle-btn-lg .switch-wrap { min-width: 55px; height: 32px; margin: 0 6px; } + + .switcher { font-size: 0.85rem; height: 30px; } + .toggle-btn-md .switcher, .toggle-btn-lg .switcher { height: 32px; padding: 0 10px 0 30px; border-radius: 32px; } + + .switcher .show-annual, .switcher .show-monthly { line-height: 30px; } + .toggle-btn-md .switcher .show-annual, .toggle-btn-md .switcher .show-monthly, + .toggle-btn-lg .switcher .show-annual, .toggle-btn-lg .switcher .show-monthly { line-height: 32px; } + + .switcher:before { left: 4px; bottom: 4px; width: 22px; height: 22px; } + .toggle-btn-md .switcher:before, .toggle-btn-lg .switcher:before { left: 5px; bottom: 5px; width: 22px; height: 22px; } + .switcher.bg--grey:before, .switcher.bg--tra-white:before, .switcher.bg--ghost-white:before { left: 4px; bottom: 3px; } + + .toggle-btn-md .switch-wrap input:checked + .switcher, + .toggle-btn-lg .switch-wrap input:checked + .switcher { padding: 0 30px 0 10px; } + + /* Pricing Compare */ + .table-responsive.mb-50 { margin-bottom: 30px; } + .table>:not(caption)>*>* { padding-top: 10px; padding-bottom: 10px; } + .comp-table .table-responsive thead th { font-size: 1rem; } + .comp-table .table-responsive tbody th { font-size: 0.9375rem; } + .comp-table .table-responsive tbody td { font-size: 0.9215rem; top: 1px; } + + .comp-table .table-responsive tbody td span { top: 1px; } + + .table-responsive .ico-15 [class*="flaticon-"]:before, + .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.715rem; } + + .table-responsive .ico-20 [class*="flaticon-"]:before, + .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.925rem; } + + .comp-table-payment .col { padding: 0 10px; } + .comp-table-payment h6 { font-size: 1.15rem; margin-bottom: 14px; } + .payment-icons li { padding-right: 2px; } + .comp-table-payment .payment-icons { margin-top: 18px; } + .comp-table-payment .payment-icons img { width: auto; max-width: inherit; max-height: 22px; } + + /* TEAM */ + #tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 0; } + #tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 0; margin-right: 0; } + #tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 0; } + + .team-member-photo { margin-bottom: 20px; } + #team-2 .team-member-data { margin-left: 5px; } + + .team-member-data h6.s-20 { margin-bottom: 6px; } + .team-member-data p, .team-member-data p.p-md, .team-member-data p.p-lg { font-size: 1.135rem; } + + ul.tm-social { top: 4px; right: 5px; } + ul.tm-social li { margin-left: 8px; } + + .team-section .more-btn.mt-20 { margin-top: 10px; } + + /* CAREERS */ + .role-box { padding: 20px; margin-bottom: 20px; } + .role-box-txt span, #careers-1 .role-box span { font-size: 0.85rem; margin-bottom: 12px; } + .role-box-txt h6 { margin-bottom: 5px; } + #careers-1 .role-box h6 { margin-bottom: 5px; } + .role-box-txt p { margin-bottom: 10px; } + + /* CAREER ROLE */ + #role-page .inner-page-title { margin-bottom: 25px; } + #role-page .inner-page-title span { margin-bottom: 20px; } + + .role-info hr { margin: 25px 0; } + #role-page .cbox-6-wrapper { margin: 25px 0; } + .role-info h5 { margin-bottom: 15px; } + .txt-block.role-info .btn { margin-top: 30px; } + + /* BANNER */ + #banner-11 { margin-top: 20px; } + #banner-12 { margin-top: 30px; margin-bottom: 5px; } + #banner-8 { text-align: center; } + #banner-9 { padding-top: 55px; padding-bottom: 55px; } + + .banner-1-wrapper .banner-overlay { padding: 45px 12% 55px; } + .banner-2-wrapper .banner-overlay { padding: 45px 15% 55px; } + .banner-3-wrapper .banner-overlay { padding: 45px 20% 55px; } + #banner-5 .banner-overlay.pt-80.pb-90, #banner-7 .banner-overlay.pt-80.pb-90 { padding-top: 45px; padding-bottom: 55px; } + #banner-6 .banner-overlay { padding-top: 45px; padding-bottom: 55px; } + #banner-8 .banner-overlay { padding-top: 40px; padding-bottom: 50px; } + .banner-11-wrapper .banner-overlay { padding: 0 40px 0 45px; } + .banner-12-wrapper .banner-overlay, .banner-13-wrapper .banner-overlay { padding-left: 45px; } + .banner-16-wrapper .banner-overlay { padding: 40px 16% 35px; } + + .banner-9-txt { padding-right: 25%; } + .banner-12-txt { margin-top: 0; padding-right: 0; } + .banner-13-txt { padding-right: 8%; } + + .banner-section .section-id { margin-bottom: 18px; } + #banner-15.banner-section .section-id { margin-bottom: 22px; } + + .banner-1-txt h2 { margin-bottom: 16px; } + .banner-2-txt h2 { padding: 0 3%; margin-bottom: 25px; } + .banner-4-txt h2 { margin-bottom: 25px; } + .col-md-8 .banner-5-txt h2 {padding: 0 5%; } + .banner-7-txt h2 { margin-bottom: 25px; } + .banner-10-txt h2 { margin-bottom: 22px; } + .banner-11-txt h2 { margin-bottom: 14px; } + .banner-12-txt h2, .banner-13-txt h2 { padding-right: 10%; margin-bottom: 14px; } + .banner-15-txt h2 { margin-bottom: 30px; } + .banner-16-txt h4 { margin-bottom: 10px; } + + .banner-section p.p-lg, .banner-section p.p-xl { margin-bottom: 20px; } + .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl { margin-top: 10px; margin-bottom: 18px!important; } + .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { margin-top: 10px; margin-bottom: 15px; } + .banner-5-txt p.p-lg, .banner-5-txt p.p-xl { margin-top: 15px; } + .banner-5-txt p.s-21, .banner-5-txt p.s-22 { margin-top: 15px;margin-bottom: 20px; } + .banner-6-txt p.p-lg, .banner-6-txt p.p-xl { margin-top: 12px; margin-bottom: 20px!important; } + .banner-9-txt p.p-lg, .banner-9-txt p.p-xl { margin-top: 15px; margin-bottom: 22px!important; } + .banner-11-txt p { padding-right: 0; } + .banner-14-txt p.p-lg { font-size: 1.2rem; margin-top: 25px; margin-bottom: 25px; } + + .banner-5-txt .btns-group.mt-35 { margin-top: 25px; } + .banner-8-buttons.text-end { text-align: center!important; margin-top: 20px; } + .banner-15-txt .download-links { margin-top: 15px; } + .banner-16-txt .txt-block-tra-link.mt-15 { margin-top: 10px; } + + .banner-9-img { padding-right: 10px; } + .banner-10-img { padding-left: 0; } + .banner-11-img { margin-top: -20px; margin-left: -3px; } + .banner-12-img { margin: -30px -20px -20px -40px; } + .banner-13-img { margin: -30px -100px -30px 0; } + + /* DOWNLOAD */ + .version-release { margin-bottom: 50px; } + .release-data { padding-bottom: 20px; margin-bottom: 20px; } + .release-data h5 { margin-bottom: 30px; } + + /* FAQs */ + #faqs-1, #faqs-4 { padding-bottom: 50px; } + + .faqs-3-questions .questions-holder { padding: 0; } + + /* FAQs Section Title */ + #faqs-1 .section-title { margin-bottom: 27px; } + #faqs-2 .inner-page-title { margin-bottom: 25px; } + #faqs-3 .section-title { margin-bottom: 45px; } + + /* FAQs Accordion */ + .faqs-section .accordion-thumb { padding: 18px 0 20px; } + #faqs-2.faqs-section .accordion-thumb { padding: 20px 0 25px; } + + .faqs-section .accordion-item .accordion-thumb:after, + .faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.825rem; top: 19px; right: 2px; } + #faqs-2.faqs-section .accordion-item .accordion-thumb:after, + #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.935rem; top: 23px; right: 2px; } + + .accordion-panel { padding: 0 0 5px 0; } + #faqs-2 .accordion-panel { padding: 25px 0 10px 0; } + #faqs-2 .accordion-panel-item.mb-35 { margin-bottom: 25px; } + #faqs-3 .question.mb-35 { margin-bottom: 20px; } + + .question h5, .accordion-panel-item h5 { margin-bottom: 12px; } + + .accordion-panel { padding: 0 0 5px 0; } + + /* FAQs Tabs */ + .faqs-section .tabs-1 { margin: 0 auto 35px; } + .faqs-section .tabs-1 li { min-width: 162px; padding: 20px 0; margin: 0 4px; } + + /* More Questions Link */ + #faqs-2 .more-questions { margin: 45px auto 0; } + #faqs-3 .more-questions.mt-40 { margin-top: 15px; } + .more-questions-txt { padding: 18px 42px; } + .more-questions-txt p { font-size: 1.125rem; } + + /* NEWSLETTER */ + #newsletter-1 .newsletter-overlay, #newsletter-2 .newsletter-overlay { text-align: center; padding: 40px 18% 30px; } + #newsletter-3 { margin-top: 20px; margin-bottom: 20px; } + #newsletter-4 .newsletter-overlay, #newsletter-5 .newsletter-overlay { padding-top: 50px; padding-bottom: 40px; } + + #newsletter-3 .newsletter-txt { padding-right: 5%; margin-top: -10px; } + #newsletter-3 .col-lg-6 .newsletter-txt { margin-top: 0; } + + .newsletter-txt h2, #newsletter-4 .newsletter-txt h2 { margin-bottom: 20px; } + .newsletter-txt h4, .newsletter-txt h3 { padding: 0 10%; margin-bottom: 22px; } + + #newsletter-4 .newsletter-txt p { padding: 0 5%; } + #newsletter-5 .newsletter-txt p { margin-top: 15px; } + + #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form { margin-top: 0; padding: 0 10%; } + #newsletter-4 .newsletter-form { padding: 0 5%; } + #newsletter-5 .newsletter-form { margin-top: 20px; padding: 0 5%; } + + .newsletter-section .form-control { height: 46px; margin-right: 8px; } + #newsletter-1.newsletter-section .form-control { height: 46px; font-size: 1.0625rem; } + #newsletter-5.newsletter-section .form-control { height: 46px; font-size: 1.0625rem; } + + .newsletter-section .btn { height: 46px; } + #newsletter-1 .btn { height: 46px; font-size: 1.0625rem; padding: 0.7rem 1.3rem; } + #newsletter-5.newsletter-section .btn { height: 46px; } + + #newsletter-3 .newsletter-img { margin-top: -25px; margin-bottom: -25px; } + #newsletter-3 .col-lg-6 .newsletter-img { padding-left: 0; margin-left: -20px; margin-right: -20px } + + /* BLOG */ + .blog-post.mb-40 { margin-bottom: 30px; } + .posts-wrapper .col-md-12 .blog-post.mb-40 { margin-top: 5px; } + #bp-1-3 { display: none; } + + .blog-post-img.mb-35 { margin-bottom: 25px; } + .posts-wrapper .col-md-12 .blog-post-img.mb-35 { margin-bottom: 0; } + .post-tag { font-size: 0.85rem; margin-bottom: 12px; } + + .blog-post-txt h6 { margin-bottom: 12px; } + .blog-post-txt h4.mb-20, .blog-post-txt h3 { margin-bottom: 14px; } + + .blog-post-meta.mt-20, .blog-post-meta.mt-30 { margin-top: 14px; } + .meta-list-divider { padding: 0 1px; } + + /* Blog Listing */ + .wide-post { margin-bottom: 60px; } + .wide-post .blog-post-img { padding-right: 0; } + .wide-post .blog-post-txt { padding-left: 0; } + + .square-post { margin-top: 30px; margin-bottom: 40px; } + .square-post .col-md-12 { padding: 0; } + .square-post .blog-post-txt { padding: 0 10px 0 30px; } + + .posts-category { margin-top: 30px; margin-bottom: 40px; } + .posts-category span { top: 1px; } + .posts-category.ico-20 [class*="flaticon-"]:before, + .posts-category .more-projects.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } + + .posts-wrapper .col-md-12 .blog-post-img { display: inline-block; width: 50%; float: left; } + .posts-wrapper .col-md-12 .blog-post-txt { display: inline-block; width: 50%; margin-top: 25px; padding-left: 25px; float: none; } + + /* Single Blog Post */ + .single-post-title h3, .single-post-title h2 { padding: 0 3%; margin-bottom: 20px; } + .single-post-title .blog-post-meta.mt-35 { margin-top: 25px; } + .post-inner-img { margin-top: 30px; margin-bottom: 30px; } + + .single-post-txt h5, .single-post-txt h4 { margin-top: 15px; margin-bottom: 18px; } + + .txt-code { padding: 18px 15px; margin: 20px 0; } + + .single-post-txt figure { margin-bottom: 20px; } + .single-post-txt .blockquote p { font-size: 1.25rem; margin-bottom: 25px; } + .single-post-txt .blockquote-footer { font-size: 1rem; } + + .post-share-list { margin-top: 30px; padding-bottom: 40px; } + + .post-author { padding-top: 50px; padding-bottom: 50px; } + .post-author-avatar { margin-right: 25px; } + .post-author-avatar img { width: 75px; height: 75px; } + .post-author-txt h5 { margin-bottom: 12px; } + .post-author-txt p { padding-right: 4%; } + + .author-follow-btn { padding: 5px 12px; top: 45px; right: 10px; } + + .post-comments { padding-top: 50px; } + .post-comments h5 { margin-bottom: 40px; } + .comment-body { margin-left: 20px; } + .post-comments img { width: 52px; height: 52px; } + .comment-meta { margin-bottom: 5px; } + .comment-meta h6 { margin-bottom: 5px; } + .comment-date, .btn-reply a { font-size: 1.0625rem; } + .post-comments #leave-comment h5 { margin-top: 50px; } + + .comment-form { margin-top: 40px; } + .comment-form p { margin-bottom: 12px; } + .comment-form .form-control { height: 52px; } + .comment-form textarea { min-height: 190px; } + .comment-form .btn { margin-top: 0; } + + /* CONTACTS */ + #contacts-1 .contact-form .contact-form-notice p { font-size: 0.875rem; margin-top: 30px; } + + #contacts-1 .contact-form .col-md-12 span { margin-bottom: 15px; } + .contact-form .form-control, .contact-form .form-select { height: 52px; } + .contact-form textarea { min-height: 160px; } + .contact-form textarea.form-control { padding: 15px; } + + .contact-form .form-btn.mt-15 { margin-top: 0; } + + /* FOOTER */ + .footer { padding-bottom: 25px; } + .footer hr { margin-top: 5px; margin-bottom: 25px; } + + #footer-10.pt-50 { padding-top: 10px; } + + img.footer-logo, img.footer-logo-dark { max-height: 33px; } + #footer-1 .footer-logo, #footer-5 .footer-logo, #footer-6 .footer-logo, #footer-7 .footer-logo { margin-bottom: 20px; } + #footer-10 img.footer-logo { max-height: 36px; } + + .footer h6 { font-size: 1.17647rem; margin-bottom: 16px; } /* 16px */ + + #footer-6 .footer-info { padding-left: 5%; } + #footer-7 .footer-info { margin-bottom: 0; } + #footer-8 .footer-info { margin-bottom: 25px; } + #footer-10 .footer-info { margin-bottom: 30px; padding-bottom: 40px; } + + #footer-1 .footer-links.fl-1 { padding-left: 22%; } + #footer-1 .footer-links.fl-2 { padding-left: 12%; } + #footer-2 .footer-links.fl-1 { padding-left: 18%; } + #footer-2 .footer-links.fl-2 { padding-left: 10%; } + #footer-2 .footer-links.fl-3, #footer-2.ft-2-ntr .footer-links.fl-1, #footer-2.ft-2-ntr .footer-links.fl-2 { padding-left: 0; } + #footer-6 .footer-links.fl-2 { padding-left: 18%; } + #footer-8 .footer-links.text-end { text-align:left!important; margin-bottom: 10px; } + #footer-10 .footer-links { margin-bottom: 10px; } + + .footer-mail-link { font-size: 1.073529rem; } + + #footer-5 .footer-info p { margin-bottom: 5px; } + + #footer-1 .footer-info .footer-mail-link { margin-top: 15px; } + #footer-2 .footer-links .footer-mail-link, #footer-3 .footer-links .footer-mail-link { margin-bottom: 10px; } + + .footer .foo-links li p { margin-bottom: 8px; } + + .foo-links li a span.ext-link { left: 3px; top: 1px; } + .foo-links.ico-15 [class*="flaticon-"]:before, .foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.775rem; } + + .footer-socials.ico-20 a, .footer-socials.ico-25 a { margin-right: 11px; } + .footer-socials.ico-20 li:last-child a, .footer-socials.ico-25 li:last-child a { margin-right: 0; } + .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.175rem; } + + #footer-2 .footer-form { padding-left: 3%; } + #footer-7 .footer-form { padding-left: 0; } + .footer-form .form-control, .footer-form .btn { height: 28px; } + .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 24px!important; } + + #footer-8 .bottom-footer { margin-top: 0; } + + /* INNER PAGE WRAPPER */ + .inner-page-hero { margin-top: 80px; padding-top: 70px; } + .page-hero-section-overlay { margin-top: 80px; padding-top: 60px; } + + .inner-page-title { margin-bottom: 45px; } + .inner-page-title h2 { margin-bottom: 0; } + .inner-page-title p { font-size: 1.15rem; margin-top: 14px; } + .page-hero-section h2 { line-height: 1.25; margin-bottom: 20px; } + + /* TERMS, PRIVACY, COOKIES */ + .txt-block.legal-info h5 { margin-top: 20px; margin-bottom: 20px; } + .txt-block.legal-info h4 { margin-top: 40px; margin-bottom: 20px; } + .txt-block.legal-info h4 span, .txt-block.legal-info h5 span { margin-right: 2px; } + + /* SIGN IN / SIGN UP */ + #reset-password { padding-bottom: 80px; } + + .register-page-txt img { max-height: 26px; margin-bottom: 40px; } + .login-page-logo { margin-bottom: 40px; } + .login-page-logo img { max-height: 35px; } + + .register-form-title { margin-bottom: 30px; } + #login .register-page-txt, #signup .register-page-txt { padding: 50px 30px 0; } + + #signup .register-page-txt h2 { line-height: 1; } + .register-page-txt p.mt-25 { margin-top: 20px; } + .reset-password-link p { margin-top: 0; margin-bottom: 10px; } + #signup .form-data span { font-size: 0.9rem; } + + #login .register-page-copyright { left: 30px; bottom: 40px; } + #signup .register-page-copyright { right: 30px; bottom: 40px; } + .register-page-copyright p { font-size: 0.95rem; } + + #login .register-page-form { padding: 45px 35px 45px 25px; } + #signup .register-page-form { padding: 45px 25px 45px 35px; } + #login.login-1 .register-page-form, #signup.signup-1 .register-page-form { padding: 10px 30px; } + + .separator-line { font-size: 1rem; margin: 20px 0; } + .register-page-form p.input-header { font-size: 0.95rem; margin-bottom: 10px; padding-left: 5px; } + .register-page-form p.create-account { margin-top: 20px; } + + .reset-password-link p { font-size: 1rem; margin-top: -3px; margin-bottom: 10px; } + .form-data span { font-size: 0.875rem; } + .reset-page-wrapper .form-data span { font-size: 1rem; } + .register-page-form p.create-account { font-size: 1rem; } + + .reset-form-title { margin-bottom: 20px; } + .reset-form-title p.p-sm { font-size: 1rem; margin-top: 15px; } + + .reset-page-wrapper { margin: 0 30px; } + .reset-page-wrapper form { padding: 35px 25px 10px; } + + .reset-page-wrapper .form-control, + .register-page-form .form-control { height: 50px; font-size: 1.0625rem; padding: 5px 15px; margin-bottom: 20px; } + + #login .register-page-form .btn.submit { height: 50px; font-size: 1.0625rem; margin-top: 12px; } + #signup .register-page-form .btn.submit { height: 50px; font-size: 1.0625rem; margin-top: 20px; } + .reset-page-wrapper .btn.submit { height: 50px; font-size: 1.0625rem; } + + .btn-google img { width: 18px; height: 18px; top: -2px; } + .register-page-form .btn-google { font-size: 1rem; } + + .btn-show-pass { top: 17px; } + + /* PAGE 404 */ + .page-404-txt { margin-top: 80px; padding-top: 100px; padding-bottom: 80px; } + .page-404-txt h2 { margin-bottom: 20px; } + .page-404-txt h6 { padding: 0 5%; margin-bottom: 25px; } + .page-404-img { padding: 0 8%; margin-bottom: 30px; } + + /* MODAL */ + #modal-1 .modal-dialog { max-width: 520px; } + #modal-2 .modal-dialog { width: 320px; } + #modal-3 .modal-dialog.modal-xl { max-width: 600px!important; } + + #modal-2 .modal-body-content { padding: 30px 30px 10px; } + #modal-3 .modal-body-content { padding: 40px 25px 30px; } + + .modal-body .newsletter-form { margin-top: 20px; } + .modal .newsletter-form .form-control, .modal .newsletter-form .btn { height: 50px; font-size: 0.975rem; } + + #modal-3 .request-form-title p { margin-top: 15px; margin-bottom: 20px; } + #modal-3 .request-form .form-control { margin: 0 0 20px 0; } + #modal-3 .request-form .btn { height: 48px; font-size: 0.975rem; } + + + + +} + + + + +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ + +@media (max-width: 767px) { + + /*------------------------------------------*/ + /* BASE + /*------------------------------------------*/ + + .block-shadow { + -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .08); + box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .08); + } + + .ts-0 { padding-top: 80px; } + + .py-5 { padding-top: 0; padding-bottom: 0; } + .py-10 { padding-top: 0; padding-bottom: 0; } + .py-15 { padding-top: 5px; padding-bottom: 5px; } + .py-20 { padding-top: 10px; padding-bottom: 10px; } + .py-30 { padding-top: 15px; padding-bottom: 15px; } + .py-40 { padding-top: 20px; padding-bottom: 20px; } + .py-50 { padding-top: 30px; padding-bottom: 30px; } + .py-60 { padding-top: 40px; padding-bottom: 40px; } + .py-70 { padding-top: 50px; padding-bottom: 50px; } + .py-80 { padding-top: 50px; padding-bottom: 50px; } + .py-90 { padding-top: 60px; padding-bottom: 60px; } + .py-100 { padding-top: 70px; padding-bottom: 70px; } + + .pt-30 { padding-top: 10px; } + .pt-40 { padding-top: 20px; } + .pt-50 { padding-top: 30px; } + .pt-60 { padding-top: 40px; } + .pt-70 { padding-top: 50px; } + .pt-80 { padding-top: 50px; } + .pt-90 { padding-top: 60px; } + .pt-100 { padding-top: 70px; } + + .pb-30 { padding-bottom: 10px; } + .pb-40 { padding-bottom: 20px; } + .pb-50 { padding-bottom: 30px; } + .pb-60 { padding-bottom: 40px; } + .pb-70 { padding-bottom: 50px; } + .pb-80 { padding-bottom: 50px; } + .pb-90 { padding-bottom: 60px; } + .pb-100 { padding-bottom: 70px; } + + .mt-40 { margin-top: 30px; } + .mt-45 { margin-top: 35px; } + .mt-50 { margin-top: 30px; } + .mt-55 { margin-top: 35px; } + .mt-60 { margin-top: 50px; } + .mt-65 { margin-top: 55px; } + .mt-70 { margin-top: 50px; } + .mt-75 { margin-top: 55px; } + .mt-80 { margin-top: 50px; } + .mt-85 { margin-top: 55px; } + .mt-90 { margin-top: 60px; } + .mt-95 { margin-top: 65px; } + .mt-100 { margin-top: 70px; } + + .mb-40 { margin-bottom: 30px; } + .mb-45 { margin-bottom: 35px; } + .mb-50 { margin-bottom: 30px; } + .mb-55 { margin-bottom: 35px; } + .mb-60 { margin-bottom: 50px; } + .mb-65 { margin-bottom: 55px; } + .mb-70 { margin-bottom: 50px; } + .mb-75 { margin-bottom: 55px; } + .mb-80 { margin-bottom: 50px; } + .mb-85 { margin-bottom: 55px; } + .mb-90 { margin-bottom: 60px; } + .mb-95 { margin-bottom: 65px; } + .mb-100 { margin-bottom: 70px; } + + h2, h3, h4, h5, h6 { line-height: 1.35; } + + p.p-sm { font-size: 1rem; } + + /* Button Text */ + p.btn-txt { margin: 12px 0 0 0; } + p.btns-group-txt { margin: 12px 0 0 0; } + .text-center p.btns-group-txt { margin-top: 16px; } + + /* Section ID */ + .section-id { margin-bottom: 24px; } + .section-id.rounded-id { margin-bottom: 35px; } + + /* Section Title */ + .section-title.mb-60 { margin-bottom: 40px; } + .section-title.mb-70, .section-title.mb-80 { margin-bottom: 50px; } + + .section-title .btns-group.mt-25 { margin-top: 18px; } + .section-title .btns-group.mt-35 { margin-top: 22px; } + .section-title .stores-badge.mt-30 { margin-top: 25px; } + + .section-title .advantages, .section-title .btns-txt, .section-title .btns-group-txt { margin-top: 15px; } + + /*------------------------------------------*/ + /* NAVIGATION MENU + /*------------------------------------------*/ + + .headtoppart { display: none; } + + .wsmobileheader .smllogo { display: block; margin-top: 22px; padding-left: 22px; } + .blog-header .wsmobileheader .smllogo { margin-top: 27px; } + .smllogo img { width: auto; max-width: inherit; max-height: 36px; } + .blog-header .smllogo img { max-height: 30px; } + + .wsmobileheader { height: 80px; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } + .tra-menu .wsmobileheader, .white-menu .wsmobileheader { background-color: #fff; } + .dark-menu .wsmobileheader, .black-scroll .wsmobileheader { background-color: #1d222f; } + + .theme--dark .tra-menu .wsmobileheader, + .theme--dark .white-menu .wsmobileheader { + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + } + + /* Mobile Header Phone Icon */ + .wsmenu > .wsmenu-list > li.header-phone > a { font-size: 19px; padding: 7px 32px 6px 15px; margin: 0; } + .wsmenu > .wsmenu-list > li.header-phone > a span { width: 24px; height: 24px;line-height: 25px;top: 3px; } + + /* Mobile Header Burger Menu */ + .wsanimated-arrow { padding: 14px 22px 14px 0px; margin: 24px 28px 0 0; } + .wsanimated-arrow span:before { top: -8px; width: 26px; } + .wsanimated-arrow span:after { bottom: -8px; width: 20px; } + + .dark-menu .wsanimated-arrow span, .dark-menu .wsanimated-arrow span:before, + .dark-menu .wsanimated-arrow span:after, .black-scroll .wsanimated-arrow span, + .black-scroll .wsanimated-arrow span:before, .black-scroll .wsanimated-arrow span:after { background: #fff; } + + .theme--dark .wsanimated-arrow span, .theme--dark .wsanimated-arrow span:before, + .theme--dark .wsanimated-arrow span:after { background: #b1b7cd; } + + .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { width: 28px; top: 0; } + .wsactive .wsanimated-arrow span:after { width: 28px; top: 0; } + .wsactive .wsanimated-arrow span { background: transparent; } + + .wsmenu > .wsmenu-list > li > .wsmenu-click { height: 64px; } + .wsmenu > .wsmenu-list > li.mobile-last-link > a { border-bottom: none; } + + /* Dark Header Settings */ + .dark-menu .wsmenu > .wsmenu-list, .black-scroll .wsmenu > .wsmenu-list { background-color: #2c3142!important; } + + .dark-menu .wsmenu > .wsmenu-list > li > a, + .black-scroll .wsmenu > .wsmenu-list > li > a { border-bottom-color: rgba(255, 255, 255, .13); } + + .dark-menu .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before, + .black-scroll .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: rgba(255, 255, 255, .85); } + + /* Nav Link */ + .wsmenu > .wsmenu-list > li > a { font-size: 1.125rem; line-height: 46px; padding: 5px 32px 4px 20px; margin: 0; } + .tra-menu .wsmenu > .wsmenu-list > li > a, .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a { color: #666; } + .black-scroll .wsmenu > .wsmenu-list > li > a.h-link { color: #fff; } + .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 10px; width: 10px; margin: 21px 18px 0px 0px; } + .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { transform: rotate(-45deg); margin-top: 28px; } + + .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, + .theme--dark .navbar-dark .wsmenu > .wsmenu-list > li > a { color: #fff!important; } + + /* SubMenu / HalfMenu / MegaMenu */ + .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu { width: 100%!important; min-width: 100%!important; } + + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu g{ width: 100%!important; padding: 10px; } + + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, + .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { width: 100%!important; left: 0; padding: 12px 10px; } + + .wsmegamenu.w-75 .col-lg-3, .wsmegamenu.icons-menu.w-75 .col-lg-4, + .wsmegamenu.halfmenu .col-lg-6, .wsmegamenu.halfmenu.icons-menu .col-lg-6 { padding: 0; } + + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { right: 0; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; + -o-border-radius: 0; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; box-shadow: 0 0; border-bottom: 1px solid #ddd; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu { + opacity: 1!important; visibility: visible!important; -webkit-transform: rotateX(0deg); + -moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg); + } + + .dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, + .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu, + .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, + .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, + .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, + .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + border-bottom: 1px solid rgba(255, 255, 255, .13)!important; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0;box-shadow: 0 0; + } + + .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, + .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { background-color: #2c3142!important; } + + /* Sub Menu / Half Menu / Mega Menu Links */ + .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, + .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {color: #666; font-size: 1.0625rem; padding: 15px 14px;} + + /* Black Scroll */ + .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, + .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, + .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #ddd; + background-color: rgba(255, 255, 255, 0)!important; + } + + /* Sub Menu / Half Menu / Mega Menu Links Hover */ + .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 15px 14px; text-decoration: none; } + + /* Black Scroll */ + .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, + .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, + .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(255, 255, 255, .05)!important; + } + + /* Sub Menu / Half Menu / Mega Menu Icons */ + .icons-menu.ico-30 [class*="flaticon-"]:before, .icons-menu.ico-30 [class*="flaticon-"]:after { font-size: 2.1875rem; } + .icons-menu.ico-40 [class*="flaticon-"]:before, .icons-menu.ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; } + + .icons-menu-ico { margin-right: 14px; } + .wsmegamenu.ico-30 .icons-menu-ico span { top: 8px!important; } + + .icons-menu-txt h6 { font-size: 1.0625rem; } + .icons-menu-txt span { font-size: 1rem; } + + .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { font-size: 1.0625rem; padding: 0 7px; margin-bottom: 10px; } + + .dark-menu .title, .black-scroll .title, .dark-menu .icons-menu-txt span, + .black-scroll .icons-menu-txt span { color: #b1b7cd!important; } + + /* Button */ + .wsmenu > .wsmenu-list > li a.btn { + font-size: 1.125rem; + line-height: 44px; + border-width: 2px; + padding: 5px 22px; + margin: 1px 0 2px 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + } + + .wsmenu > .wsmenu-list > li a.btn.reg-btn { line-height: 44px; padding: 5px 22px; } + .wsmenu > .wsmenu-list > li a.btn.fst-btn-link, .wsmenu > .wsmenu-list > li.reg-fst-link > a { margin-left: 0; } + + /* Header Store Badges */ + .wsmenu > .wsmenu-list > li a.store.header-store { margin: 5px 0 0 12px; display: block; float: none; border-bottom: none; } + .store.header-store img { max-height: 46px; } + + /* Header Social Links */ + .wsmenu > .wsmenu-list > li.header-socials { display: block; } + .header-socials a { margin-left: 25px; } + .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.45rem; } + + /* Navbar Transparent Buttons */ + .white-scroll .hover--tra-white:hover + { color: #353f4f!important; border-color: #353f4f!important; background-color: transparent!important; } + + .theme--dark .white-scroll .hover--tra-white:hover + { color: #fff!important; border-color: #fff!important; background-color: transparent!important; } + + .white-scroll .btn--tra-black { color: #fff!important; background-color: #353f4f!important; border-color: #353f4f!important; } + + .black-scroll .btn--tra-white, + .black-scroll .btn--tra-black { color: #353f4f!important; background-color: #fff!important; border-color: #fff!important; } + + .white-scroll .btn--tra-grey, + .black-scroll .btn--tra-grey { color: #353f4f!important; background-color: #eee!important; border-color: #eee!important; } + + /* Navbar Buttons Hover */ + .white-scroll .hover--blue:hover, + .black-scroll .hover--blue:hover {color: #fff!important; border-color: #007aff!important; background-color: #007aff!important;} + + .white-scroll .hover--tra-blue:hover, .black-scroll .hover--tra-blue:hover + { color: #007aff!important; border-color: #007aff!important; background-color: transparent!important; } + + .white-scroll .hover--violet:hover, .black-scroll .hover--violet:hover + { color: #fff!important; border-color: #b55e98!important; background-color: #b55e98!important; } + + .white-scroll .hover--tra-violet:hover, .black-scroll .hover--tra-violet:hover + { color: #b55e98!important; border-color: #b55e98!important; background-color: transparent!important; } + + .theme--dark .wsmenu > .wsmenu-list { background-color: #2c3142!important; } + .theme--dark .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: rgba(255, 255, 255, 1); } + + .theme--dark .navbar-dark .hover--tra-black:hover, + .theme--dark .navbar-dark .scroll .hover--tra-black:hover { + color: #fff!important;background-color:transparent!important;border-color: #fff!important; + } + + /*------------------------------------------*/ + /* HERO + /*------------------------------------------*/ + + .hero-section { margin-top: 80px; } + + .hero-section h2 { margin-bottom: 15px; } + .hero-section h2.s-48, .hero-section h2.s-50 { margin-bottom: 25px; } + .hero-section h2.s-62 { margin-bottom: 15px; } + + .hero-section p.p-sm { padding: 0!important; } + .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 22px; } + .hero-section p.s-20, .hero-section p.s-21, .hero-section p.s-22, .hero-section p.s-24 { margin-bottom: 24px; } + .hero-section .btn.mt-10, .hero-section .btns-group.mt-10 { margin-top: 5px; } + .hero-section .btn.mt-15, .hero-section .btns-group.mt-15 { margin-top: 8px; } + + /* HERO DIGITS */ + #hd-1-1, #hd-1-2 { width: 50%; padding-right: 0; } + .hero-digits-block { display: block!important; } + .hero-digits .block-txt { padding-left: 0; } + .hero-digits .block-txt p.p-sm { margin-top: 10px; } + + /* HERO QUICK FORM */ + .hero-section .quick-form .form-control { text-align: center; margin-bottom: 15px; } + .hero-section .quick-form .input-group-btn { display: block; width: 100%!important; } + .hero-section .quick-form .btn { display: block; width: 100%!important; margin-left: 0; } + .hero-section .quick-form.form-half .btn { margin-left: 0; } + + /* HERO-1 */ + #hero-1 { text-align: center; padding-top: 80px; padding-bottom: 80px; } + .hero-1-txt p { padding-right: 0; } + .hero-1-img { margin-top: 40px; } + + /* HERO-2 */ + #hero-2 { text-align: center; padding-top: 80px; padding-bottom: 80px; } + .hero-2-txt p { padding-right: 0; } + .hero-2-img { margin-top: 40px; padding-right: 0; } + + /* HERO-3 */ + #hero-3 { text-align: center; padding-top: 80px; } + .hero-3-txt { margin-top: 0; } + .hero-3-txt p { padding-right: 0; } + .hero-3-img { margin: 40px 0 0; } + + /* HERO-4 */ + #hero-4 { padding-top: 80px; } + .hero-4-txt h2, .hero-4-txt p { padding: 0; } + + /* HERO-5 */ + #hero-5 { text-align: center; padding-top: 80px; padding-bottom: 0; } + .hero-5-txt p.p-lg { padding-right: 0%; } + .hero-5-img { margin: 40px 0 -50px; } + + /* HERO-6 */ + #hero-6 { text-align: center; padding-top: 70px; } + .hero-6-wrapper { padding: 65px 60px; } + .hero-6-img { margin-top: 40px; } + + /* HERO-7 */ + #hero-7 { padding-top: 80px; text-align: center; } + #hero-7 .quick-form { margin-right: 0; } + .hero-7-img { padding-left: 0; margin-top: 40px; } + + /* HERO-8 */ + #hero-8 { text-align: center; padding-top: 80px; padding-bottom: 0; margin-bottom: 10px; } + .hero-8-txt { margin-top: 0; } + .hero-8-txt p { padding-right: 0; } + #hero-8-form { margin-top: 40px; } + + /* HERO-9 */ + #hero-9 { padding-top: 80px; } + .hero-9-txt h2 img { max-height: 64px; margin: 0 3px; top: -5px; } + .hero-9-txt p { padding: 0; margin-top: 28px; } + + /* HERO-10 */ + #hero-10 { text-align: center; padding-top: 80px; padding-bottom: 0; } + #hero-10:after {position: absolute; content: ''; z-index: -1; width: 100%; height: 7%; bottom: 0;left: 0;background-color: #fff;} + .hero-10-txt h4 { padding-right: 0; margin-bottom: 30px; } + .hero-10-img { margin: 40px 0 0 0; } + + /* HERO-11 */ + #hero-11 { text-align: center; padding-top: 80px; } + .hero-11-txt { margin-top: 0; } + .hero-11-txt p { padding-right: 0; } + .hero-11-img { margin: 40px 0 -100px; } + + /* HERO-12 */ + #hero-12 { padding-top: 80px; border-bottom: none; } + #hero-12:after {position: absolute; content: ''; z-index: -1; width: 100%; height: 7%; bottom: 0;left: 0;background-color: #fff;} + .hero-12-txt h2, .hero-12-txt p { padding: 0; } + .hero-12-img { margin-top: 40px; margin-bottom: 0; } + .hero-12-img .video-btn { top: calc(50% - 2px); } + + /* HERO-13 */ + #hero-13 { text-align: center; padding-top: 80px; padding-bottom: 80px; } + #hero-13:after { display: none; } + .hero-13-txt p { padding-right: 0; } + .hero-13-img { margin-top: 40px; } + + /* HERO-14 */ + #hero-14 { padding-top: 80px; } + .hero-14-txt h2.s-62 { margin-bottom: 18px; } + + /* HERO-15 */ + #hero-15 { text-align: center; padding-top: 80px; } + .hero-15-txt { margin-top: 0; } + .hero-15-txt h2, .hero-15-txt p { padding-right: 0; } + .hero-15-img { margin-top: 40px; } + + /* HERO-16 */ + #hero-16 { padding-top: 80px; margin-bottom: 50px; } + .hero-16-img { margin-bottom: -50px } + + /* HERO-17 */ + #hero-17 { padding-top: 80px; } + #hero-17 .quick-form { margin-left: 0; margin-right:0; } + #hero-17 #brands-1 { padding: 45px 0 0; } + + /* HERO-18 */ + #hero-18 { text-align: center; padding-top: 80px; padding-bottom: 70px; } + #hero-18:after { width: 100%; left: 0; } + .hero-18-txt p { padding-right: 0; } + #hero-18 .quick-form { margin-right: 0; } + .hero-18-img { margin-top: 40px; padding-right: 0; } + + /* HERO-19 */ + #hero-19 { padding-top: 80px; } + .hero-19-txt p { padding: 0; } + + /* HERO-20 */ + #hero-20 { text-align: center; padding-top: 80px; padding-bottom: 0; } + #hero-20:after { width: 100%; } + .hero-20-txt { padding: 0; } + + /* HERO-21 */ + #hero-21 { text-align: center; padding-top: 80px; } + .hero-21-txt { margin-bottom: 40px; } + #hero-21 .hero-overlay { padding: 65px 45px 0; } + + /* HERO-22 */ + #hero-22 { padding-top: 80px; } + #hero-22 .hero-logo { margin-bottom: 20px; } + + /* HERO-23 */ + #hero-23 { padding-top: 80px; margin-bottom: 25px; } + .hero-23-txt p { padding: 0; } + .hero-23-img { margin-top: 15px; margin-bottom: -25px; } + + /* HERO-24 */ + #hero-24 { padding-top: 100px; padding-bottom: 100px; } + + /* HERO-25 */ + #hero-25 { text-align: center; padding-top: 80px; padding-bottom: 80px; } + .hero-25-txt h2 { margin-bottom: 14px; } + .hero-25-txt p.p-lg { padding-right: 0; margin-bottom: 22px; } + + /* HERO-26 */ + #hero-26 { text-align: center; padding-top: 80px; } + .hero-26-txt { margin-top: 0; } + .hero-26-txt h2 { padding-right: 0; } + #hero-26 .quick-form { margin-right: 0; } + .hero-26-img { margin: 40px 0 0 0; } + + /* HERO-27 */ + #hero-27 .hero-overlay { padding-top: 80px; } + .hero-27-txt h2 { margin-bottom: 24px!important; } + .hero-27-txt p.s-20, .hero-27-txt p.s-21 { padding: 0; } + .hero-27-txt .btns-group.mt-15 { margin-top: 0; } + + /*------------------------------------------*/ + /* CONTENT + /*------------------------------------------*/ + + /* ABOUT */ + .about-2-title { margin-bottom: 30px; } + + .a-2-1 { display: none; margin-left: 0; margin-bottom: 30px; } + .a-2-2 { margin-left: 0; margin-bottom: 30px; } + .a-2-3 { margin-right: 0; margin-bottom: 30px; } + .a-2-4 { display: none; margin-right: 0; } + + #a3-1 { margin-bottom: 25px; } + + #about-1 .txt-block h3.mb-30, .about-2-title h2.mb-30 { margin-bottom: 20px; } + .txt-block h5.mb-20 { margin-bottom: 15px; } + #about-4 .txt-block p { margin-top: 18px; } + + #a4-1 { display: none; } + #a4-2 { padding-left: 0; margin-top: 30px; margin-bottom: 0; } + + /* FEATURES */ + .fbox-14-wrapper .col { padding: 0 12px; } + + #features-12.py-100.shape--bg:after { width: 100%; height: 70%; top: 30%; left: 0; } + #features-12.pt-100.shape--bg:after { width: 100%; height: 66%; top: 30.25%; left: 0; } + #features-13.py-100.shape--bg:after { width: 100%; height: 70%; top: 30%; } + #features-13.pt-100.shape--bg:after { width: 100%; height: 66%; top: 30.25%; } + + .fbox-12-wrapper { text-align: center; padding-left: 0; } + .fbox-13-wrapper { text-align: center; padding-right: 0; } + + .fb-1, .fb-2, .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3, .rows-2 .fb-4, .rows-2 .fb-5, .row-cols-md-2 .fb-3, .fbox-5.fb-3, + .fbox-5.fb-5, .rows-2 .fbox-7.fb-1, .rows-2 .fbox-7.fb-2, .rows-2 .fbox-7.fb-3, .rows-2 .fbox-9.fb-1, .rows-2 .fbox-9.fb-2, + .rows-2 .fbox-9.fb-3, .rows-3 .fbox-11.fb-5 { margin-bottom: 40px; } + + .rows-3 .fb-3.fbox-11-lst { margin-bottom: 40px; } + + .fbox-5.fb-2, .fbox-5.fb-4, .fbox-5.fb-6 { margin-bottom: 0; } + + .fbox-5.fb-1, .fbox-5.fb-5, .fbox-5.fb-6 { display: flex; flex-flow: wrap; } + + .fbox-8.fb-1 { padding-top: 0; margin-bottom: 0; } + .fbox-8.fb-2 { margin-bottom: 0; } + .fbox-8.fb-3 { padding-bottom: 0; margin-bottom: 0; } + + .fbox-9, .fbox-10 { text-align: center; } + + #fb-12-1, #fb-12-2, #fb-12-3, #fb-13-1, #fb-13-2, #fb-13-3 { margin-bottom: 40px; } + #fb-12-1, #fb-13-1 { margin-top: 75px; } + #features-12 .txt-block, #features-13 .txt-block { margin-bottom: 40px; } + + .fbox-14 { text-align: center; } + .fbox-14.fb-1, .fbox-14.fb-2 { margin-bottom: 35px; } + + .fbox-1 .fbox-img { margin-bottom: 30px; } + .fbox-2 .fbox-img img { margin-bottom: -20px; } + + .fbox-5-1 .fbox-5-img, .fbox-5-2 .fbox-5-img, .fbox-5-3 .fbox-5-img, + .fbox-5-4 .fbox-5-img, .fbox-5-5 .fbox-5-img, .fbox-5-6 .fbox-5-img { margin: 0 5% 40px; } + + .fbox-ico { margin-bottom: 15px; } + .row-cols-md-2 .fbox-ico.ico-rounded, .fbox-ico.ico-rounded-md, + .fbox-ico.ico-rounded-lg, .fbox-ico.ico-square { margin-bottom: 20px; } + + .fbox-11 { display: block; text-align: center; } + .fbox-11 .fbox-ico { margin-top: 0; } + .fbox-ico-wrap, .rows-2 .fbox-ico-wrap { margin-right: 0; } + + .fbox-title { display: inline-block; text-align: center; margin: 0 auto 8px; } + .fbox-wrapper .row-cols-lg-3 .fbox-title { margin-bottom: 0; } + .fbox-title h6 { display: inline-block; } + .fbox-14 h5 { padding-right: 0; margin-bottom: 12px; } + + /* CONTENT */ + .ct-11, .ct-12 { padding: 0; } + .ct-11 .txt-block { padding-right: 0; } + .ct-12 .txt-block { padding-left: 0; } + .ct-top { margin-bottom: 80px; } + + .ct-13 .row.mb-60 { margin-bottom: 0; } + .ct-13 .txt-block, .ct-13 .img-block { margin-bottom: 40px; } + .ct-13 .txt-block.ml-block, .ct-13 .img-block.ml-block { margin-bottom: 0; } + .bc-6-txt { padding: 0; } + + .ct-11:after, .ct-12:after { width: 100%; top: 0; left: 0; } + + .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 { margin-bottom: 15px; } + .txt-block h5 { margin-bottom: 18px; } + h5.h5-title { margin-top: 18px; margin-bottom: 18px; } + + .txt-block .btn, .txt-block .btns-group .btn.btn--transparent { margin-top: 10px; } + + /* Content Box Wrapper */ + .bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay, + .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay { padding: 60px 50px; } + + /* Text Block */ + .ct-06 { padding-top: 0!important; padding-bottom: 80px; margin-top: 80px; margin-bottom: 0; } + .ct-10 .section-overlay { margin-bottom: 80px; } + .ct-06 .txt-block, .ct-07 .txt-block, .bc-2-txt, .bc-2-wrapper .txt-block, .bc-3-txt { margin-top: 0; } + + #ib-box-1, #ib-box-2 { margin-bottom: 25px; } + #cb-6-1, #cb-6-2, #cb-6-3 { margin-bottom: 30px; } + + .bc-1-wrapper .txt-block.pr-25.left-column, .bc-2-wrapper .txt-block.pr-25.left-column { padding-right: 0; } + .bc-1-wrapper .txt-block.pl-25.right-column, .bc-2-wrapper .txt-block.pl-25.right-column { padding-left: 0; } + + .bc-6-top { margin-bottom: 40px; } + + /* Tabs */ + .tabs-1 { margin: 0 auto 40px; } + .tabs-1 li { display: block;font-size: 1.135rem; margin: 0 20px 10px; } + .tabs-1 li.current { margin: 0 20px 20px; } + #tabs-1 .tab-content .img-block { margin-bottom: 40px; } + + /* Advantages */ + .text-center .advantages { margin-top: 16px; } + + /* Quote */ + .quote-avatar img { width: 54px; height: 54px; } + .quote p { padding-left: 14px; margin-top: 15px; } + .quote-author { padding: 0 0 0 10px; } + .quote.pr-15, .quote.pr-40, .quote.pr-50, .quote.pr-60 { padding-right: 0; } + + /* Content Images */ + .img-block.img-block-bkg { margin-left: 0!important; margin-right: 0!important; } + .img-block-hidden, .ct-10 .img-block, .bc-5-img.bc-5-dashboard.img-block-hidden { margin-bottom: -80px; } + .ct-01 .img-block { margin-left: 0; margin-bottom: 40px; } + .ct-02 .img-block { margin-right: 0; margin-bottom: 40px; } + .ct-03 .img-block, .ct-05 .img-block, .ct-07 .img-block { margin-bottom: 40px; } + .ct-03 .img-block.right-column { margin-left: 0; } + .ct-03 .img-block.left-column { margin-right: 0; } + .ct-04 .img-block { margin-left: 0; margin-bottom: 40px; } + .ct-04 .img-block img { max-width: 100%; } + .ct-06 .img-block { margin-top: -80px; margin-bottom: 40px; } + + .bc-1-wrapper .img-block.left-column, .bc-2-wrapper .img-block.left-column { padding-right: 0; } + .bc-1-wrapper .img-block.right-column, .bc-2-wrapper .img-block.right-column { padding-left: 0; } + + .bc-1-wrapper .img-block, .bc-2-wrapper .img-block { margin-bottom: 40px; } + .bc-2-img, .bc-3-img, .bc-4-img { margin: 0 0 40px 0; } + .bc-5-img.bc-5-tablet.img-block-hidden { margin-bottom: -100px; } + + .bc-5-img.bc-5-tablet.img-block-hidden .video-btn { top: calc(50% - 30px); } + + .ct-11 .img-block { margin-bottom: 40px; padding-left: 0; } + .ct-12 .img-block { margin-bottom: 40px; padding-right: 0; } + + .ct-11 .img-block, .ct-12 .img-block { margin-bottom: 40px; padding: 50px 15%; border-radius: 12px; overflow: hidden; } + .ct-11 .img-block .tra-bkg, .ct-12 .img-block .tra-bkg { opacity: 100; -moz-opacity: 100; } + + /* STATISTIC */ + #sb-2-1, #sb-2-2, #sb-2-3, #sb-2-4 { width: 40%; padding-right: 0; } + #sb-1-1, #sb-1-2, #sb-3-1, #sb-3-2 { margin-bottom: 40px; } + #sb-4-1, #sb-4-2 { margin-bottom: 30px; } + #sb-5-1, #sb-5-2 { margin-bottom: 40px; } + + #statistic-5 { text-align: center; } + #statistic-1 .statistic-block { display: block!important; text-align: center; } + .statistic-1-wrapper .statistic-block-digit { width: 100%; display: block!important; float: none; margin-bottom: 15px; } + .statistic-1-wrapper .statistic-block-txt { width: 100%; display: inline-block!important; padding-left: 0; } + #statistic-5 .statistic-digit { padding-bottom: 20px; margin: 0 0 20px 0; } + + #sb-2-3 .statistic-block, #sb-2-4 .statistic-block { display: block!important; } + #sb-2-3 .statistic-block-txt, #sb-2-4 .statistic-block-txt { padding-left: 0; } + #statistic-2 .statistic-block-digit { display: block!important; } + + #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number { margin-bottom: 10px; } + #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm { margin-top: 10px; } + .statistic-3-wrapper p { margin-top: 12px; } + .statistic-4-wrapper p { margin-bottom: 12px; } + #statistic-5 .statistic-txt p { padding-right: 0; } + + .txt-block-stat .statistic-block .txt-block-rating { margin-top: -2px; margin-bottom: -1px; } + + /* PROJECTS */ + .projects-wrapper { padding: 0; } + #pt-1-1, #pt-1-2, #pt-1-3, .inner-page-hero #pt-1-3, .inner-page-hero #pt-1-4, .inner-page-hero #pt-1-5 { margin-bottom: 40px; } + .project-details h5 { margin-bottom: 25px; } + .more-projects { margin-top: 40px; } + + /* RATING */ + .rating-section .rating-1-wrapper, .rating-section .rating-2-wrapper { padding: 0; } + .inner-page-hero .rating-1-wrapper.mt-50 { margin-top: 40px; } + + #rb-1-1, #rb-1-2, #rb-2-1, #rb-2-2 { margin-bottom: 30px; } + .rbox-2-txt img { max-height: 24px; top: -1px; left: 6px; } + p.rbox-2-txt { line-height: 24px; margin-top: 8px; } + + /* TESTIMONIALS */ + .reviews-2-wrapper, .reviews-3-wrapper { padding: 0; } + .reviews-4-wrapper, .reviews-5-wrapper { padding-left: 0; } + #reviews-4 .txt-block, #reviews-5 .txt-block { margin-bottom: 40px; } + + #rw-2-1, #rw-2-2, #rw-2-3, #rw-3-1, #rw-3-2 { margin-bottom: 30px; } + #rw-3-2, #rw-3-3 { margin-left: 0; } + .inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4, .inner-page-hero #rw-2-5 { margin-bottom: 30px; } + + /* INTEGRATIONS */ + .integrations-2-wrapper { padding: 60px 40px 70px; } + .it-1, .it-2, .it-3, .it-4, .it-5 { display: block; margin-bottom: 30px; } + .in_tool_logo { display: inline-block; padding: 30px; margin-bottom: 25px; } + .in_tool_logo.ico-65 img { width: 52px; height: 52px; } + .in_tool h6 { font-size: 1rem; } + + .integrations-1-wrapper .it-7, .integrations-1-wrapper .it-8 { margin-bottom: 30px; } + + /*.integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 0; }*/ + + /* PRESS */ + #press-05, #press-06, #press-07 { margin-bottom: 40px; } + + /* PRICING */ + #pt-4-1, #pt-4-2 { margin: 0 0 40px 0; } + + .pricing-table-header h5, .pricing-table-header h4 { margin-bottom: 15px; } + .pricing-3-table .pricing-table-header h4 { margin-bottom: 10px; } + + .price p { margin-top: 14px; margin-bottom: 18px; } + + .pricing-features.mt-25 { margin-top: 20px; } + + /* Pricing Notice */ + .pricing-notice { margin-top: 0; } + .pricing-notice .btn.mt-25 { margin-top: 20px; } + + /* Pricing Toggle Button */ + .pricing-section .toggle-btn.mt-30 { margin-top: 20px; } + .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt { font-size: 1rem; line-height: 32px; } + + .switch-wrap { min-width: 50px; height: 30px; } + .toggle-btn-md .switch-wrap, .toggle-btn-lg .switch-wrap { min-width: 55px; height: 32px; margin: 0 6px; } + + .switcher { font-size: 0.85rem; height: 30px; } + .toggle-btn-md .switcher, .toggle-btn-lg .switcher { height: 32px; padding: 0 10px 0 30px; border-radius: 32px; } + + .switcher .show-annual, .switcher .show-monthly { line-height: 30px; } + .toggle-btn-md .switcher .show-annual, .toggle-btn-md .switcher .show-monthly, + .toggle-btn-lg .switcher .show-annual, .toggle-btn-lg .switcher .show-monthly { line-height: 32px; } + + .switcher:before { left: 4px; bottom: 4px; width: 22px; height: 22px; } + .toggle-btn-md .switcher:before, .toggle-btn-lg .switcher:before { left: 5px; bottom: 5px; width: 22px; height: 22px; } + .switcher.bg--grey:before, .switcher.bg--tra-white:before, .switcher.bg--ghost-white:before { left: 4px; bottom: 3px; } + + .toggle-btn-md .switch-wrap input:checked + .switcher, + .toggle-btn-lg .switch-wrap input:checked + .switcher { padding: 0 30px 0 10px; } + + .comp-table-payment .payment-icons { margin-top: 18px; } + + /* TEAM */ + #tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 0; } + #tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 0; margin-right: 0; } + #tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 0; } + + .team-section .more-btn.mt-20 { margin-top: 10px; } + + /* CAREER ROLE */ + #role-page .inner-page-title { margin-bottom: 40px; } + + .role-info hr { margin: 30px 0; } + #role-page .cbox-6-wrapper { margin: 30px 0; } + .role-info h5 { margin-bottom: 15px; } + + /* BANNER */ + #banner-8, #banner-9, #banner-10 { text-align: center; } + #banner-11, #banner-12, #banner-13 { margin-top: 0; text-align: center; } + + .banner-11-txt p { padding-right: 0; } + + .banner-8-buttons.text-end { text-align: center!important; } + + .banner-11-img { margin-top: 40px; margin-left: 0; } + .banner-12-img { margin: 40px 0 0; } + .banner-13-img { display: none; } + + /* DOWNLOAD */ + #download-1 { padding-bottom: 30px; } + .version-release { margin-bottom: 40px; } + .release-data h5 { margin-bottom: 30px!important; } + .release-data { padding-bottom: 30px; margin-bottom: 25px; } + .release-download { position: relative; right: 0; bottom: 0; margin-top: 20px; } + + /*FAQS */ + .faqs-3-questions .questions-holder { padding: 0; } + + /* NEWSLETTER */ + #newsletter-1 .newsletter-overlay, #newsletter-2 .newsletter-overlay { text-align: center; } + #newsletter-3 { text-align: center; margin-top: 0; margin-bottom: 0; padding-top: 70px; padding-bottom: 70px; } + .newsletter-img.text-end { display: none; } + + #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form { margin-top: 0; padding-left: 0; } + .newsletter-section .form-control { text-align: center; margin-right: 0; margin-bottom: 15px; } + .newsletter-section .input-group-btn { display: block; width: 100%!important; } + .newsletter-section .btn { display: block; width: 100%!important; margin: 0; } + + /* BLOG */ + #bp-1-1, #bp-1-2 { margin-bottom: 40px; } + .blog-post-img.mb-35 { margin-bottom: 30px; } + + /* Blog Listing */ + #blog-page.pb-60 { padding-bottom: 30px; } + .wide-post { margin-bottom: 40px; } + .wide-post .blog-post-img { padding-right: 0; margin-bottom: 30px; } + .wide-post .blog-post-txt { padding-left: 0; } + + .square-post { margin-top: 10px; margin-bottom: 50px; } + .square-post .col-md-12 { padding: 0; } + .square-post .blog-post-txt { padding: 45px 35px 35px; } + + .posts-category { margin-top: 10px; margin-bottom: 40px; } + + /* Single Blog Post */ + .post-inner-img { margin-top: 40px; margin-bottom: 40px; } + + .single-post-txt h5, .single-post-txt h4 { margin-top: 18px; margin-bottom: 18px; } + + .txt-code { padding: 18px 15px; margin: 20px 0; } + + .single-post-txt figure { margin-bottom: 20px; } + + .comment-body { margin-left: 20px; } + + .comment-form .form-control { height: 52px; } + .comment-form textarea { min-height: 190px; } + + /* CONTACTS */ + .contact-form textarea { min-height: 190px; } + .contact-form .form-btn.mt-15 { margin-top: 0; } + + /* FOOTER */ + #footer-1 .footer-info .footer-mail-link { margin-top: 15px; } + #footer-2 .footer-links .footer-mail-link, #footer-3 .footer-links .footer-mail-link { margin-bottom: 15px; } + #footer-11 { text-align: center; } + + #footer-9 .footer-info.text-end { text-align: left!important; } + + #footer-2 .footer-links, #footer-7 .footer-form { padding-left: 0; } + + #footer-8 .footer-links.text-end, .footer-stores-badge.text-end, .bottom-footer .bottom-footer-socials.text-end, + .bottom-footer .bottom-secondary-link.text-end, .bottom-footer .bottom-footer-list.text-end { text-align: left!important; } + #footer-11 .bottom-footer-list.text-end { text-align: center!important; } + + /* INNER PAGE WRAPPER */ + .inner-page-hero, .page-hero-section-overlay { padding-top: 80px; margin-top: 80px; margin-bottom: 40px; } + .page-hero-section-overlay .txt-block { margin-top: 0; margin-bottom: 40px; } + + .inner-page-title { margin-bottom: 60px; } + .inner-page-title p { line-height: 1.6666; margin-top: 15px; margin-bottom: 0; } + + .page-hero-section-overlay .img-block { margin-bottom: -50px; } + + /* TERMS, PRIVACY, COOKIES */ + .txt-block.legal-info h5 { margin-top: 20px; margin-bottom: 20px; } + .txt-block.legal-info h4 { margin-top: 40px; margin-bottom: 20px; } + .txt-block.legal-info h4 span, .txt-block.legal-info h5 span { margin-right: 2px; } + + /* SIGN IN / SIGN UP */ + #login, #signup, #reset-password { padding-top: 70px; padding-bottom: 70px; } + #login .register-page-wrapper:after, #signup .register-page-wrapper:after { width: 100%; left: 0; } + + .register-form-title { margin-bottom: 30px; } + #login .register-page-txt, #signup .register-page-txt { display: none; } + + /* PAGE 404 */ + .page-404-txt { margin-top: 80px; padding-top: 70px; padding-bottom: 70px; } + + +} + + + + +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ + +@media (min-width: 480px) and (max-width: 767.98px) { + + /*------------------------------------------*/ + /* BASE + /*------------------------------------------*/ + + .bg--fixed { width: auto; } + .bg--scroll { width: auto; background-attachment: scroll!important; } + + /* Backgroud Shape */ + .shape--01:after { height: 90%; top: 6%; } + .shape--02:after { width: 140%; height: 92%; top: 5.5%; left: -20%; } + .shape--03:after { height: 128%; top: -65px; } + .shape--04:after { height: 90%; top: 0; } + .shape--07:after { height: 80%; top: 15%; } + + .font--jakarta h1, .font--jakarta h2 { line-height: 1.35; } + .font--jakarta h3, .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 { line-height: 1.4; } + + /* Font Size */ + .s-15, .s-16 { font-size: 1.0625rem; } /* 17px */ + .s-17 { font-size: 1.125rem; } /* 18px */ + .s-18, .s-19, .s-20, .s-21, .s-22 { font-size: 1.4375rem; } /* 23px */ + .s-24, .s-26, .s-28 { font-size: 1.625rem; } /* 26px */ + .s-30, .s-32, .s-34 { font-size: 1.81255rem; } /* 29px */ + .s-36, .s-38, .s-40 { font-size: 2.0625rem; } /* 33px */ + .s-42, .s-43, .s-44, .s-45, .s-46, .s-47, .s-48 { font-size: 2.25rem; } /* 36px */ + .s-50, .s-52, .s-54, .s-56 { font-size: 2.375rem; } /* 38px */ + .s-58 { font-size: 2.5rem; } /* 40px */ + .s-60, .s-62 { font-size: 2.625rem; } /* 42px */ + + .s-64, .s-66 { font-size: 2.75rem; } /* 44px */ + .s-68 { font-size: 2.875rem; } /* 46px */ + + /* Paragraphs */ + p.p-sm { font-size: 1rem; } + p { font-size: 1.0625rem; } + p.p-md, p.p-lg { font-size: 1.125rem; } + p.p-xl { font-size: 1.1875rem; } + + /* Transparent Link */ + a.tra-link { font-size: 1.125rem; } + .tra-link.ico-20 [class*="flaticon-"]:before, + .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; } + + /* Button */ + .btn { font-size: 1.125rem; } + .btn.btn-sm { font-size: 1rem; padding: 0.7rem 1.5rem; } + .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.3845rem 0.5rem; } + + /* Button Icon */ + .btn.ico-20 [class*="flaticon-"]:before, + .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.45rem!important;top: 4px; } + + .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.05rem; } + + .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.15rem; top: -10px; margin-right: 0; } + .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.15rem; top: -10px; margin-left: 0; } + .btn.ico-left span { margin-right: 3px; } + .btn.ico-right span { margin-left: 3px; } + + /* Button Text */ + p.btn-txt, p.btns-group-txt, .btn-rating { margin: 15px 0 0 0; } + .text-center p.btns-group-txt { margin-top: 18px; } + .star-rating span.rating-txt { font-size: 1.0625rem; } + + /* Store Badge */ + .store-btn-4 { margin-top: 15px; } + + /* OS Button */ + .os-btn { width: 280px; min-width: 280px; padding: 14px 15px 12px; } + .os-btn-ico { margin-right: 14px; } + .os-btn-txt p { margin-top: 4px; } + + .btn-os.mb-15 { margin-bottom: 15px; } + .btn-os.mr-15 { margin-right: 0; margin-bottom: 15px; } + + /* Watch Link */ + .watch-video { margin-top: 22px; } + p.video-txt-lg { font-size: 1.125rem; } + p.video-txt-sm { font-size: 1.0625rem; } + + /* Vector Icon Background */ + .ico-50 .shape-ico svg { width: 125px; height: 125px; top: -35px; left: calc(50% - 65px); } + .ico-55 .shape-ico svg { width: 135px; height: 135px; top: -30px; left: calc(50% - 70px); } + .ico-60 .shape-ico svg { width: 140px; height: 140px; top: -35px; left: calc(50% - 65px); } + + /* Vector Rounded Icons */ + .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 94px; height: 94px; } + + .ico-rounded [class*="flaticon-"]:before, + .ico-rounded [class*="flaticon-"]:after, + .ico-rounded-md [class*="flaticon-"]:before, + .ico-rounded-md [class*="flaticon-"]:after, + .ico-rounded-lg [class*="flaticon-"]:before, + .ico-rounded-lg [class*="flaticon-"]:after { font-size: 3rem; line-height: 94px!important; } + + /* Vector Square Icons */ + .ico-square { width: 88px; height: 88px; } + .ico-square [class*="flaticon-"]:before, + .ico-square [class*="flaticon-"]:after { font-size: 2.85rem; line-height: 88px!important; } + + /* Section ID */ + .section-id { margin-bottom: 25px; } + + /* Section Title */ + .section-title p.p-md, .section-title p.p-lg, .section-title p.p-xl { margin-top: 14px; } + .section-title p.s-20, .section-title p.s-21 { font-size: 1.21875rem; margin-top: 12px; } /* 19.5px */ + .section-title p.p-md, .section-title p.p-lg { padding: 0; } + + .section-title .btns-group.mt-25 { margin-top: 20px; } + .section-title .btns-group.mt-35, .section-title .stores-badge.mt-30 { margin-top: 25px; } + + /*------------------------------------------*/ + /* NAVIGATION MENU + /*------------------------------------------*/ + + /* Header Logo */ + .wsmobileheader .smllogo { display: block; margin-top: 23px; padding-left: 18px; } + .smllogo img { width: auto; max-width: inherit; max-height: 34px; } + + .wsmenu > .wsmenu-list { width: 345px; margin-right: -345px; } + .wsactive .wsmobileheader { margin-right: 345px; } + .overlapblackbg { width: calc(100% - 345px); } + + .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 18px 0 0; } + + /* Nav Link Info */ + span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; } + + .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; } + .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, + .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 10px; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, + .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 10px; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, + .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 12px 10px; } + + /* Header Store Badges */ + .store.header-store img { max-height: 46px; } + + /* Header Social Links */ + .header-socials.ico-20 [class*="flaticon-"]:before, + .header-socials.ico-25 [class*="flaticon-"]:after {line-height: 52px!important;} + + .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; } + + .icons-menu-ico { margin-right: 18px; } + .icons-menu-txt span { font-size: 1rem; } + + /*------------------------------------------*/ + /* HERO + /*------------------------------------------*/ + + .hero-section h2 { margin-bottom: 15px; } + .hero-section h2.s-48, .hero-section h2.s-50 { margin-bottom: 25px; } + .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 25px; } + .hero-section p.s-21 { font-size: 1.375rem; margin-bottom: 22px; } + + /* HERO LOGO */ + .hero-logo { margin-bottom: 30px; } + .hero-logo img { max-height: 34px; } + .hero-square-logo img { max-height: 65px; } + + /* HERO APP LOGO */ + .hero-app-logo { margin-bottom: 32px; } + .hero-app-logo img { max-height: 100px; } + #hero-25 .hero-app-logo img { max-height: 100px; } + + /* HERO DIGITS */ + .hero-digits { padding: 0 10%; } + .hero-digits h2.statistic-number { font-size: 2.75rem; } + .hero-digits h2.statistic-number span { font-size: 2.25rem; } + #hero-9 .hero-digits { padding: 0; } + + /* HERO QUICK FORM */ + .hero-section .quick-form.mt-45 { margin-top: 0; } + .hero-section .quick-form .form-control, .hero-section .quick-form .btn { font-size: 1.175rem; height: 60px; } + + .hero-section .text-center .quick-form-msg { margin: 20px 0 -5px 0; } + + /* HERO REQUEST FORM */ + .request-form .form-control { height: 56px; font-size: 1.0625rem; padding: 0 14px; } + #hero-10-form .btn, #hero-22-form .btn { height: 56px; font-size: 1.0625rem; padding: 16px; } + + /* HERO-1 */ + .hero-1-txt, .hero-2-txt { padding: 0 3%; } + + /* HERO-3 */ + .hero-3-txt { padding: 0 4%; } + + /* HERO-4 */ + #hero-4:after { height: 8%; } + .hero-4-img { margin-top: 40px; } + + /* HERO-5 */ + #hero-5 { margin-bottom: 50px; } + .hero-5-txt {padding: 0 5%; } + + /* HERO-6 */ + .hero-6-wrapper { padding: 60px 50px; } + + /* HERO-7 */ + #hero-7 .quick-form { margin: 25px 4% 0; } + + /* HERO-8 */ + .hero-8-txt .hero-logo { display: none; } + .hero-8-txt .hero-digits { padding: 0 10%; } + + #hero-8-form { padding: 40px 30px; margin: 40px 5% 0; border-radius: 10px; } + #hero-8-form h4 { margin-bottom: 15px; } + #hero-8-form p { padding: 0 3%; margin-bottom: 20px; } + #hero-8-form p.p-sm { padding: 0 5%!important; } + + /* HERO-9 */ + .hero-9-txt h2 { padding: 0 3%; } + .hero-9-txt h2 img { max-height: 66px; margin: 0 2px; top: -5px; } + .hero-9-txt p { padding: 0 4%; margin-top: 28px; } + .hero-9-txt p.s-20 { font-size: 1.175rem; } + + #hero-9 .quick-form { margin-left: 4%; margin-right: 4%; } + .hero-9-img { margin: 45px 0 0; } + + /* HERO-10 */ + #hero-10 { padding-bottom: 0; } + .hero-10-txt h2 { padding: 0 8%; } + .hero-10-txt h4 { padding: 0 5%; margin-bottom: 30px; } + + /* HERO-11 */ + .hero-11-txt { padding: 0 3%; } + .hero-11-img { margin: 40px 0 -80px; } + + /* HERO-12 */ + .hero-12-img { margin-top: 35px; } + + /* HERO-13 */ + .hero-13-txt { padding: 0 10%; } + + /* HERO-14 */ + .hero-14-txt p.s-21 { padding: 0 3%; margin-bottom: 25px; } + #hero-14 .quick-form { margin-left: 4%; margin-right: 4%; } + .hero-14-img { margin-top: 40px; } + .hero-14-txt .btn-txt { margin-top: 25px; } + + /* HERO-15 */ + .hero-15-txt h2 { padding: 0 5%; } + + /* HERO-16 */ + #hero-16 { margin-bottom: 40px; } + .hero-16-txt h2 { padding: 0 4%; } + .hero-16-img { margin: 40px 0 -40px; } + + /* HERO-17 */ + .hero-17-txt p { padding: 0 2%; } + #hero-17 .quick-form { margin-left: 4%; margin-right: 4%; } + #hero-17 #brands-1 { padding-top: 35px; } + + /* HERO-18 */ + .hero-18-txt { padding: 0 3%; } + #hero-18 .quick-form { margin: 25px 4% 0; } + + /* HERO-19 */ + .hero-19-txt h2 { padding: 0 5%; } + + /* HERO-20 */ + .hero-20-txt .hero-logo { display: none; } + .hero-section .hero-20-txt h2.s-48 { margin-bottom: 20px; } + + /* HERO-21 */ + .hero-21-txt h2 { margin-bottom: 20px; } + #hero-21 .hero-overlay { padding: 55px 35px 0; } + .hero-21-wrapper { border-radius: 12px; } + .hero-21-img { margin-bottom: -18%; } + .hero-21-img .video-btn { top: calc(50% - 30px); } + + /* HERO-22 */ + #hero-22-form { text-align: center; padding: 45px 40px 35px; margin: 0 3%; } + #hero-22 .hero-logo { display: none; } + #hero-22-form h4 { font-size: 2rem; padding: 0; margin-bottom: 16px; } + #hero-22-form p { font-size: 1.175rem; margin-bottom: 25px; padding: 0 3%; } + + /* HERO-24 */ + #hero-24 { padding-top: 80px; padding-bottom: 80px; } + #hero-24 .quick-form { margin-left: 4%; margin-right: 4%; } + + /* HERO-25 */ + .hero-25-txt { padding: 0 10%; } + .hero-25-img { margin: 40px 5% 0; } + + /* HERO-26 */ + .hero-26-txt { padding: 0 5%; } + + /* HERO-27 */ + .hero-27-txt p.s-20, .hero-27-txt p.s-21 { font-size: 1.285rem; padding: 0 2%; } + + /*------------------------------------------*/ + /* CONTENT + /*------------------------------------------*/ + + /* ABOUT */ + #about-2 .container-fluid { max-width: 540px; } + .a2-txt { padding: 20px 30px 40px; } + + .a2-txt-quote { position: relative; margin-bottom: -40px; } + .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; } + + .a2-txt-author { margin-top: 10px; } + .a2-txt-author { font-size: 1.125rem; } + .a2-txt-author span { font-size: 0.975rem; margin-top: 1px; } + + #about-4 .txt-block h2 { padding: 0 10%; } + + /* FEATURES */ + .fbox-14-wrapper { padding: 70px 50px; } + + .row-cols-md-3 .fbox-4, .row-cols-md-2 .fbox-4 { padding: 45px 65px 40px; } + .fbox-5 { padding: 50px 50px 45px; } + .fbox-7, .row-cols-md-2 .fbox-7 { padding: 45px 50px 40px; } + .fbox-8.fb-1 { padding: 0 75px 50px; } + .fbox-8.bg--white-100 {padding: 45px 75px; } + .fbox-8.fb-3 { padding: 55px 75px 0; } + .fbox-9 { padding: 40px 75px 35px; } + + .fbox-12, .fbox-13 { padding: 40px 50px; } + + .fbox-img.h-135 img, .fbox-img.h-140 img, .fbox-img.h-145 img, .fbox-img.h-150 img, .fbox-img.h-155 img, + .fbox-img.h-160 img, .fbox-img.h-165 img, .fbox-img.h-170 img, .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 220px; } + + .fbox-1 .fbox-img, .row-cols-md-2 .fbox-1 .fbox-img, .fbox-4 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img { margin-bottom: 30px; } + + .fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, + .fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155, .fbox-2 .fbox-img.h-160, + .fbox-2 .fbox-img.h-165, .fbox-2 .fbox-img.h-170, .fbox-2 .fbox-img.h-175, + .fbox-2 .fbox-img.h-180 { padding-top: 46px; margin: 0 10% 50px; } + + .fbox-3 .fbox-img.h-135, .fbox-3 .fbox-img.h-140, .fbox-3 .fbox-img.h-145, + .fbox-3 .fbox-img.h-150, .fbox-3 .fbox-img.h-155, .fbox-3 .fbox-img.h-160, + .fbox-3 .fbox-img.h-165, .fbox-3 .fbox-img.h-170, .fbox-3 .fbox-img.h-175, + .fbox-3 .fbox-img.h-180 { padding-top: 46px; margin: 0 10% 30px; } + + .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, + .fbox-5.fb-4 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img { margin: 0 10% 30px; } + + .fbox-ico { margin-bottom: 18px; } + .row-cols-md-2 .fbox-ico.ico-rounded, .fbox-ico.ico-rounded-md, + .fbox-ico.ico-rounded-lg, .fbox-ico.ico-square { margin-bottom: 22px; } + + .fbox-wrapper .ico-50 [class*="flaticon-"]:before, + .fbox-wrapper .ico-50 [class*="flaticon-"]:after, + .fbox-wrapper .ico-55 [class*="flaticon-"]:before, + .fbox-wrapper .ico-55 [class*="flaticon-"]:after, + .fbox-wrapper .ico-60 [class*="flaticon-"]:before, + .fbox-wrapper .ico-60 [class*="flaticon-"]:after, + .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before, + .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after { font-size: 4rem; } + + .features-section h6.s-18, .features-section h6.s-20, .features-section h6.s-22 { font-size: 1.625rem; } /* 26px */ + .features-section h6, .fbox-txt h5 { margin-bottom: 15px; } + + .fbox-10 .fbox-title { margin: 0 auto; } + .fbox-10 .fbox-title span { float: none; line-height: 1!important; margin-right: 0; } + .fbox-10 .fbox-title h6 { display: block; line-height: 1!important; margin-top: 15px; margin-bottom: 15px; } + .fbox-14 h5 { padding: 0 14% } + + .fbox-1 .fbox-txt p, .fbox-10 .fbox-txt p { padding: 0 5%; } + .fbox-2 .fbox-txt p { padding: 0 6%; } + .rows-2 .fbox-11 p { padding: 0 8%; } + .fbox-6 .fbox-txt p { padding: 0 5%; } + .row-cols-lg-3 .fbox-10 .fbox-txt p { padding: 0; } + .rows-3 .fbox-11 p { padding: 0 2%; } + + /* CONTENT */ + .ct-10 .section-overlay { margin-bottom: 50px; } + + /* Content Box Wrapper */ + .bc-1-wrapper .section-overlay, .bc-2-wrapper .section-overlay, + .bc-3-wrapper .section-overlay, .bc-4-wrapper .section-overlay, .bc-6-wrapper .section-overlay { padding: 70px 50px; } + .bc-5-wrapper .section-overlay { padding: 70px 40px 0; } + .cbox-6-wrapper { padding: 45px 35px; } + + .bc-6 { padding: 35px 30px 40px; } + + .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 { margin-bottom: 20px; } + .txt-block h5 { margin-bottom: 18px; } + h5.h5-title { margin-top: 18px; margin-bottom: 18px; } + .cbox-2-txt h5, .cbox-3-txt h5, .bc-6-txt h5 { margin-bottom: 12px; } + + .txt-block p.s-20, .txt-block p.s-21 { font-size: 1.3125rem; } + + .txt-block .btn { margin-top: 18px; } + .txt-block .stores-badge.mt-15, .ws-wrapper .stores-badge.mt-15 { margin-top: 8px; } + .txt-block-tra-link.mt-25 { margin-top: 18px; } + + .box-title h6, .box-title h5 { margin-bottom: 20px; } + .cbox-6 h6 { margin-bottom: 12px; } + + /* Content Box */ + .ct-03 .cbox-2-ico { width: 2.15rem; height: 2.15rem; font-size: 1.0625rem; line-height: 1.95rem; } + + .right-column .cbox-5 { margin-bottom: 60px; } + .cbox-5-content { padding: 35px; margin: 0 ; } + .cbox-5-content .divider { margin-top: 22px; margin-bottom: 22px; } + + .cbox-5-fea { margin-top: 15px; } + .txt-block .cbox-5-title h2 { font-size: 3.25rem; margin-bottom: 10px; } + .cbox-5-title .statistic-number sup { font-size: 2.75rem; top: -5px; right: 6px; } + + .cbox-5-fea { padding: 15px 20px; margin-top: 20px; } + .cbox-5-txt .btn { margin-top: 10px; } + + .cbox-3 .cbox-3-ico { top: 4px; } + + /* Accordion */ + .txt-block .accordion-1 .accordion-item { padding: 18px 25px; } + .txt-block .accordion-1 .accordion-item.is-active { padding: 30px 25px 14px 25px; } + + .txt-block .accordion-1 .accordion-item .accordion-thumb:before { top: 0; } + .txt-block .accordion-1 .accordion-panel { padding: 0; } + + .txt-block .accordion-2 .accordion-item .accordion-thumb:after, + .txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {top: 14px; } + + /* Advantages */ + .advantages, .text-center .advantages { margin-top: 15px; } + + /* Compatibility */ + .compatibility { margin-top: 10px; } + + /* Tools List / Payments Icons */ + .tools-list p, .payment-methods p { margin-bottom: 15px; } + .payment-icons img { max-height: 32px; } + + .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { + font-size: 2.125rem; line-height: 2.5rem!important; margin-right: 5px; + } + + /* Content Box Shapes */ + .cbox-5-shape-1 { right: -50px; top: -30px; } + .cbox-5-shape-2 { left: -30px; bottom: -25px; } + .cbox-5-shape-1 img, .cbox-5-shape-2 img { height: 80%; width: 80%; } + + /* Content Images */ + .ct-10 .img-block, .img-block-hidden, .bc-5-img.bc-5-dashboard.img-block-hidden { margin-bottom: -50px; } + .ct-01 .img-block, .ct-02 .img-block, + .ct-03 .img-block.right-column, .ct-03 .img-block.left-column { margin-left: 3%; margin-right: 3%; } + + .ct-01 .img-block.j-img, .ct-02 .img-block.j-img { margin-left: 0%; margin-right: 0; } + .img-block-txt, .img-block-btn { margin-top: 45px; } + + .ct-11 .img-block, .ct-12 .img-block { margin-bottom: 40px; padding: 50px 10%; } + .bc-6-img { padding: 35px 30px 0; margin-bottom: 25px; } + + /* STATISTIC */ + .sb-rounded .statistic-block { text-align: center; padding: 25px; } + #statistic-5 .statistic-digit { padding-bottom: 20px; margin: 0 12% 20px; } + + .statistic-1-wrapper .statistic-block-digit { margin-bottom: 12px; } + + h2.statistic-number { font-size: 2.5rem; letter-spacing: -0.5px; } + .txt-block-stat h2.statistic-number { font-size: 2.35rem; } + #statistic-1 h2.statistic-number { letter-spacing: -0.5px; } + .txt-block-stat h2.statistic-number { font-size: 2.5rem; letter-spacing: -0.5px; } + #statistic-5 .statistic-digit h2 { font-size: 2.5rem; letter-spacing: -0.5px; } + #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number { margin-bottom: 12px; } + + #statistic-5 .statistic-txt h5 { margin-bottom: 12px; } + .txt-block-stat .statistic-block p { font-size: 0.95rem; } + #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm { margin-top: 12px; } + #statistic-5 .statistic-txt p { padding: 0 5%; } + + /* PROJECTS */ + #pt-1-1, #pt-1-2, #pt-1-3, .inner-page-hero #pt-1-3, .inner-page-hero #pt-1-4, .inner-page-hero #pt-1-5 { margin-bottom: 40px; } + + /* PROJECT DETAILS */ + .single-project .project-title { margin-bottom: 50px; } + .project-title h2 { padding-bottom: 35px; margin-bottom: 30px; } + .project-data p { margin-bottom: 10px; } + + .project-priview-img.mb-50 { margin-bottom: 40px; } + .project-inner-img .top-img { margin-bottom: 30px; } + .project-txt h5.mt-35.mb-35 { margin-top: 25px; margin-bottom: 25px; } + .project-txt h5.mt-50.mb-35 { margin-top: 40px; margin-bottom: 25px; } + + .project-description .more-projects { margin-top: 45px; } + .project-description .more-projects span { top: 1px; left: 5px; } + .project-description .more-projects.ico-25 [class*="flaticon-"]:before, + .project-description .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.2125rem; } + + /* RATING */ + .rating-title h5 { font-size: 1.1875rem; } + .rbox-2-txt img { max-height: 34px; } + p.rbox-2-txt { line-height: 30px; margin-top: 8px; } + .rbox-1 .star-rating { font-size: 0.9rem; line-height: 1; } + + .rbox-1 .star-rating span { top: 2px; } + .rbox-1 .ico-10 [class*="flaticon-"]:before, .rbox-1 .ico-10 [class*="flaticon-"]:after { font-size: 0.9rem; } + .rbox-1 .ico-15 [class*="flaticon-"]:before, .rbox-1 .ico-15 [class*="flaticon-"]:after { font-size: 1rem; } + .rbox-2 .ico-20 [class*="flaticon-"]:before, .rbox-2 .ico-20 [class*="flaticon-"]:after { font-size: 1.35rem; } + .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.35rem; } + + /* TESTIMONIALS */ + .reviews-section .col-md-8 .section-title h2 { padding: 0 5%; } + + #reviews-4 .txt-block, #reviews-5 .txt-block { text-align: center; padding: 0 10%; } + .review-1 { padding: 35px 32px 30px; } + .review-2, .review-3, .review-4, .review-5 { padding: 35px 35px 30px; } + + .review-txt { margin-top: -43px; } + .review-txt h6 { margin-bottom: 10px; } + + .review-1 .author-data, .review-2 .author-data, + .review-3 .author-data, .review-4 .author-data, .review-5 .author-data { margin-top: 20px; } + + .review-avatar img, .owl-item .review-avatar img { width: 52px; height: 52px; } + .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img { width: 52px; height: 52px; } + + .review-author { padding: 0 0 0 12px; } + .review-1 .review-author, .review-2 .review-author, .review-3 .review-author, .review-5 .review-author { margin-top: 3px; } + + .review-author h6 { margin-bottom: 8px; } + .review-1 .review-author h6, .review-2 .review-author h6, .review-3 .review-author h6, + .review-4 .review-author h6, .review-5 .review-author h6 { font-size: 1.25rem; } + + /* BRANDS */ + .brands-title { padding: 0; } + .brands-title.mb-35, .brands-title.mb-40 { margin-bottom: 30px; } + .brands-title.mb-50 { margin-bottom: 40px; } + + .brands-title h5.s-19 { font-size: 1.25rem; } + .brands-title h4, .brands-title h3, .brands-title h2 { margin-bottom: 8px; } + + .brands-3-wrapper { padding: 35px 25px; } + .brands-3-wrapper.brands-3-static { padding: 35px 30px; } + + #brand-2-1, #brand-2-2, #brand-2-3, #brand-4-6, #brands-4 .brand-logo.mb-40 { margin-bottom: 35px; } + #brand-3-1, #brand-3-2 { margin-bottom: 25px; } + #brand-4-10 { display: none; } + + #brands-1 .brands-carousel-5 .brand-logo, #brands-1 .justify-content-center .brand-logo { padding: 0 20px; } + #brands-2 .brand-logo { padding: 0 10px; } + #brands-3 .brand-logo { padding: 0 15px; } + #brands-3 .brands-3-static .brand-logo { padding: 0 8px; } + #brands-4 .brand-logo { padding: 0 15px; } + + .brands-section .brand-logo.mb-50 { margin-bottom: 35px; } + + .brands-section .more-btn { margin-top: 40px; } + + /* INTEGRATIONS */ + #integrations-1 .section-title h2 { padding: 0 5%; } + + .integrations-1-wrapper .in_tool { padding: 25px; } + .integrations-1-wrapper .in_tool-txt h6 { font-size: 1.4rem; line-height: 1; margin-top: 4px; } + .integrations-1-wrapper .in_tool-txt p { font-size: 1.0625rem; margin-top: 6px; } + + .integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 30px; } + + /* PRICING */ + .pricing-1-table, .text-center .pricing-1-table { padding: 35px 30px 40px; } + .pricing-2-table { padding: 35px 30px 40px; } + .pricing-3-table { padding: 35px 25px; } + + .pricing-table-header h5, .pricing-table-header h4 { font-size: 1.6875rem!important; } + .p-table p.btn-txt { margin: 12px 0 0 0; } + + /* Price */ + .price span { font-size: 2.875rem; letter-spacing: -1.5px; } + .pricing-2-table.highlight .price span { font-size: 2.65rem; } + .pricing-3-table .price span { font-size: 4.5rem; letter-spacing: -3px; } + .pricing-4-table .price span { font-size: 2.875rem; } + + .price sup { font-size: 2.15rem; top: -4px; } + .pricing-3-table .price sup { font-size: 2.5rem; top: -20px; } + .pricing-4-table .price sup { font-size: 2.15rem; top: -6px; right: 2px; } + + .pricing-3-table .price sup.coins { font-size: 2.5rem; top: -24px; letter-spacing: -2px; } + + .price sup.validity { font-size: 1.4375rem; } + .pricing-3-table .price sup.validity { font-size: 1.4375rem; top: 0; margin-top: 20px; margin-bottom: 35px; } + .pricing-4-table .price sup.validity { font-size: 1.4375rem; left: 4px; } + + .text-center .price p, .text-center .pricing-2-table .price p { padding: 0; } + + .pricing-2-table hr { margin-top: 20px; } + + /* Pricing Features */ + .pricing-features.mt-25 { margin-top: 18px; } + .pricing-features li, .pricing-4-table .pricing-features li { padding: 10px 8px; } + + /* Pricing Notice */ + .pricing-notice.mb-40 { margin-bottom: 30px; } + .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0; } + + /* Pricing Toggle Button */ + #pricing-4 .ext-toggle-btn { margin: 0 auto 30px; } + .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt { font-size: 1.15rem; } + + /* Pricing Compare */ + .table-responsive.mb-50 { margin-bottom: 35px; } + .table>:not(caption)>*>* { padding-top: 9px; padding-bottom: 9px; } + .comp-table .table-responsive thead th { font-size: 0.975rem; } + .comp-table .table-responsive tbody th { font-size: 0.95rem; } + .comp-table .table-responsive tbody td { font-size: 0.915rem; top: 0; } + + .comp-table .table-responsive tbody td span { top: 1px; } + + .table-responsive .ico-15 [class*="flaticon-"]:before, + .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.725rem; } + + .table-responsive .ico-20 [class*="flaticon-"]:before, + .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.875rem; } + + #pbox-1, #pbox-2, #pbox-3 { margin-bottom: 30px; } + .pricing-section .txt-box-last, .pricing-section .pm-last { margin-bottom: 40px; } + .comp-table-payment h6 { margin-bottom: 15px; } + + /* TEAM */ + .team-member.mb-40, .team-member.mb-50, .team-member.mb-60 { margin-bottom: 40px; } + .team-member-photo { margin-bottom: 20px; } + #team-2 .team-member-data { margin-left: 5px; } + + .team-member-data h6.s-20 { margin-bottom: 6px; } + .team-member-data p { font-size: 1.15rem; } + ul.tm-social { top: 6px; right: 5px; } + + /* CAREERS */ + #careers-1 { padding-bottom: 40px; } + .role-box { text-align: center; padding: 30px; } + .role-box-txt span, #careers-1 .role-box span { margin-bottom: 12px; } + .role-box-txt h6 { line-height: 1.4; margin-bottom: 5px; } + #careers-1 .role-box h6 { line-height: 1.4; margin-bottom: 4px; } + .role-box-txt p { margin-bottom: 18px; } + + /* CAREER ROLE */ + #role-page .inner-page-title { margin-bottom: 25px; } + #role-page .inner-page-title span { margin-bottom: 20px; } + .role-info hr, #role-page .cbox-6-wrapper { margin: 35px 0; } + .txt-block.role-info .btn { margin-top: 35px; } + + /* BANNER */ + #banner-12, #banner-13 { margin-top: 0; margin-bottom: 15px; } + #banner-9.py-70 { padding-top: 55px; padding-bottom: 65px; } + + #banner-1 .container, #banner-2 .container, #banner-3 .container, + #banner-11 .container, #banner-12 .container, #banner-13 .container { max-width: 100%; } + .banner-1-wrapper, .banner-2-wrapper, .banner-3-wrapper, + .banner-11-wrapper, .banner-12-wrapper, .banner-13-wrapper { margin: 0 -15px; border-radius: 0 0!important; } + + .banner-1-wrapper .banner-overlay { padding: 55px 60px 65px; } + .banner-2-wrapper .banner-overlay, .banner-3-wrapper .banner-overlay { padding: 55px 60px 65px; } + + #banner-5 .banner-overlay.pt-80.pb-90, #banner-7 .banner-overlay.pt-80.pb-90, #banner-6 .banner-overlay, + #banner-8 .banner-overlay, #banner-14 .banner-overlay, #banner-15 .banner-overlay { padding-top: 55px; padding-bottom: 65px; } + + #banner-10 .banner-overlay { padding-top: 60px; padding-bottom: 65px; } + .banner-11-wrapper .banner-overlay { overflow: hidden; padding: 60px 60px 0; border-radius: 0 0!important; } + .banner-12-wrapper .banner-overlay { overflow: visible; padding: 60px 60px 0; border-radius: 0 0!important; } + .banner-13-wrapper .banner-overlay { overflow: visible; padding: 60px 60px 70px; border-radius: 0 0!important; } + .banner-16-wrapper .banner-overlay { padding: 40px 6%; } + + .col-md-8 .banner-5-txt {padding: 0 3%; } + .banner-9-txt { padding: 0 14%; } + .banner-12-txt, .banner-13-txt { margin-top: 0; padding: 0 3%; } + + .banner-section .section-id { margin-bottom: 20px; } + #banner-15.banner-section .section-id { margin-bottom: 24px; } + + .banner-1-txt h2 { margin-bottom: 12px; } + .banner-2-txt h2 { margin-bottom: 25px; } + .banner-4-txt h2 { margin-bottom: 24px; } + .banner-7-txt h2 { margin-bottom: 25px; } + .banner-10-txt h2 { margin-bottom: 22px; } + .banner-11-txt h2 { margin-bottom: 14px; } + .banner-12-txt h2, .banner-13-txt h2 { margin-bottom: 14px; } + .banner-15-txt h2 { margin-bottom: 30px; } + .banner-16-txt h4 { margin-bottom: 14px; } + + .banner-section p.p-lg, .banner-section p.p-xl { margin-bottom: 20px; } + .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl, + .banner-6-txt p.p-lg, .banner-6-txt p.p-xl { margin-top: 12px; margin-bottom: 22px!important; } + .banner-3-txt p.p-lg, .banner-3-txt p.p-xl, .banner-5-txt p.p-lg, .banner-5-txt p.p-xl { margin-top: 12px; } + .banner-5-txt p.s-21, .banner-5-txt p.s-22 { margin-top: 12px;margin-bottom: 18px; } + .banner-9-txt p.p-lg, .banner-9-txt p.p-xl { margin-top: 15px; margin-bottom: 22px!important; } + .banner-11-txt p { padding-right: 0; } + .banner-14-txt p.p-lg { font-size: 1.125rem; margin-top: 20px; margin-bottom: 25px; } + + .banner-5-txt .btns-group.mt-35 { margin-top: 25px; } + .banner-8-buttons.mt-20 { margin-top: 22px; } + .banner-15-txt .download-links { margin-top: 20px; } + .banner-section .btns-group .btn.mr-15 { margin-right: 8px; } + .banner-16-txt .txt-block-tra-link.mt-15 { margin-top: 14px; } + + .banner-9-img, .banner-10-img { margin: 40px 10% 0; } + .banner-11-img { margin: 40px 5% -30px; } + .banner-12-img { transform: rotate(0deg); margin: 35px 0 -40px; } + + /* FAQs */ + #faqs-1, #faqs-4 { padding-bottom: 50px; } + + /* FAQs Section Title */ + #faqs-1 .section-title { margin-bottom: 20px; } + #faqs-2 .inner-page-title { margin-bottom: 30px; } + #faqs-3 .section-title { margin-bottom: 40px; } + + /* FAQs Accordion */ + .faqs-section .accordion-thumb { padding: 20px 0 22px; } + #faqs-2.faqs-section .accordion-thumb { padding: 20px 0 25px; } + + .faqs-section .accordion-item .accordion-thumb:after, + .faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.875rem; top: 20px; right: 2px; } + #faqs-2.faqs-section .accordion-item .accordion-thumb:after, + #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.9rem; top: 22px; right: 2px; } + + .accordion-panel { padding: 0 0 5px 0; } + #faqs-2 .accordion-panel { padding: 30px 0 15px 0; } + #faqs-2 .accordion-panel-item.mb-35, #faqs-3 .question.mb-35 { margin-bottom: 25px; } + + .question h5, .accordion-panel-item h5 { margin-bottom: 15px; } + + /* FAQs Tabs */ + .faqs-section .tabs-1 { margin: 0 auto 20px; } + .faqs-section .tabs-1 li { min-width: 240px; margin: 0 6px 20px; } + + /* More Questions Link */ + #faqs-2 .more-questions { margin: 45px auto 0; } + #faqs-3 .more-questions.mt-40 { margin-top: 15px; } + .more-questions-txt { padding: 18px 42px; } + .more-questions-txt p { font-size: 1.125rem; } + + /* NEWSLETTER */ + #newsletter-1 .newsletter-overlay, #newsletter-5 .newsletter-overlay { padding-top: 50px; padding-bottom: 40px; } + #newsletter-2 .newsletter-overlay { padding: 50px 3% 40px; } + #newsletter-3, #newsletter-4 .newsletter-overlay { padding-top: 55px; padding-bottom: 60px; } + + #newsletter-3 .newsletter-txt, #newsletter-4 .newsletter-txt, #newsletter-5 .newsletter-txt { padding: 0 8%; } + + .newsletter-txt h2, #newsletter-4 .newsletter-txt h2 { margin-bottom: 30px; } + .newsletter-txt h4, .newsletter-txt h3 { font-size: 2.0625rem; padding: 0 5%; margin-bottom: 30px; } + + #newsletter-4 .newsletter-txt p { font-size: 1rem; padding: 0; margin-bottom: 0; } + #newsletter-5 .newsletter-txt p { margin-top: 15px; } + + #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form { padding: 0 10%; } + #newsletter-3 .newsletter-form, #newsletter-4 .newsletter-form { padding: 0 2%; } + #newsletter-5 .newsletter-form { margin-top: 20px; padding: 0; } + + .newsletter-section .form-control, #newsletter-1.newsletter-section .form-control, + #newsletter-5.newsletter-section .form-control { height: 54px; font-size: 1.0625rem; } + .newsletter-section .btn, #newsletter-1 .btn, #newsletter-5.newsletter-section .btn { height: 54px; font-size: 1.0625rem; } + + /* BLOG */ + .wide-post h3.s-36, .wide-post h3.s-38, .wide-post h3.s-40, .square-post h4.s-34 { font-size: 1.4375rem; } + .square-post .blog-post-txt { padding: 45px 35px; } + + .blog-post-txt h6, .blog-post-txt h4.mb-20, .blog-post-txt h3 { margin-bottom: 18px; } + .blog-post-meta.mt-20, .blog-post-meta.mt-30 { margin-top: 18px; } + + .posts-category span { top: 1px; } + .posts-category.ico-20 [class*="flaticon-"]:before, + .posts-category .more-projects.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } + + /* Single Blog Post */ + .single-post-title h3, .single-post-title h2 { padding: 0 5%; margin-bottom: 20px; } + .single-post-title .blog-post-meta.mt-35 { margin-top: 20px; } + .single-post-txt h5, .single-post-txt h4 { margin-top: 15px; margin-bottom: 18px; } + + .single-post-txt .blockquote p { font-size: 1.1875rem; margin-bottom: 30px; } + .single-post-txt .blockquote-footer { font-size: 1.0625rem; } + + .post-share-list { margin-top: 30px; padding-bottom: 40px; } + + .post-author { padding-top: 60px; padding-bottom: 60px; } + .post-author-avatar { margin-right: 14px; } + .post-author-avatar img { width: 70px; height: 70px; } + .post-author-txt h5 { margin-bottom: 15px; } + + .author-follow-btn { padding: 5px 12px; top: 60px; right: 10px; } + + .post-comments { padding-top: 50px; } + .post-comments h5 { margin-bottom: 40px; } + .post-comments img { width: 52px; height: 52px; } + .comment-body { margin-left: 20px; } + .comment-meta { margin-bottom: 5px; } + .comment-meta h6 { margin-bottom: 5px; } + .post-comments #leave-comment h5 { margin-top: 50px; } + + .comment-form { margin-top: 50px; } + .comment-form .btn { margin-top: 0; } + + /* CONTACTS */ + #contacts-1 .contact-form .contact-form-notice p { font-size: 0.875rem; margin-top: 30px; } + + #contacts-1 .contact-form .col-md-12 span { margin-bottom: 15px; } + .contact-form .form-control, .contact-form .form-select { height: 54px; } + + /* FOOTER */ + .footer { padding-bottom: 30px; } + .footer hr { margin-top: 15px; margin-bottom: 30px; } + + #footer-10.pt-50 { padding-top: 5px; } + #footer-11.p-404.pt-50 { padding-top: 40px; padding-bottom: 40px; } + + .footer-info, .footer-links, .footer-stores-badge {margin-bottom: 35px; } + + #footer-2 .footer-links.fl-3 { margin-top: 20px; } + #footer-6 .footer-info, #footer-7 .footer-info { margin-top: 15px; margin-bottom: 0; } + #footer-10 .footer-info { margin-bottom: 30px; padding-bottom: 45px; } + + #footer-8 .footer-links, #footer-10 .footer-links { margin-bottom: 10px; } + #footer-4 .footer-stores-badge { margin-top: 15px; } + + img.footer-logo, img.footer-logo-dark { max-height: 38px; } + #footer-1 .footer-logo, #footer-5 .footer-logo, #footer-6 .footer-logo, #footer-7 .footer-logo { margin-bottom: 24px; } + #footer-2 .footer-logo, #footer-3 .footer-logo { margin-bottom: 30px; } + #footer-10 img.footer-logo { max-height: 38px; } + + .footer h6 { font-size: 1.21875rem; margin-bottom: 20px; } /* 19.5px */ + + .footer-mail-link { font-size: 1.125rem; } + .footer-mail-link span { top: 3px; right: 4px; } + #footer-1 .footer-info .footer-mail-link { margin-top: 5px; } + + #footer-8 .foo-links li { display: block!important; padding-left: 0; } + #footer-10 .foo-links li { padding: 0 8px; } + + .foo-links li a span.ext-link { left: 3px; top: 1px; } + .foo-links.ico-10 li span { top: 1px; right: 3px; } + + .footer-stores-badge .store { margin-right: 10px; } + + .footer-socials.ico-25 [class*="flaticon-"]:before, + .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.3925rem; } + + #footer-9 .footer-form { padding-right: 15%; margin-bottom: 0; } + .footer-form .form-control { font-size: 1.0625rem; height: 32px; } + .footer-form .btn { height: 32px; } + .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 26px!important; } + + .bottom-footer-socials { margin-top: 10px; } + .bottom-footer-socials li { padding-left: 12px; } + .bottom-footer-socials li:first-child { padding-left: 0; } + + .bottom-footer-list { margin-top: 5px; } + + .footer-list-divider { top: -1px; } + .bottom-secondary-link p span { top: 1.5px; padding: 0 2px; } + .footer-info-copyright p span { top: 2px; padding: 0 2px; } + + .footer-info-copyright.ico-15 [class*="flaticon-"]:before, + .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; } + + /* INNER PAGE WRAPPER */ + .inner-page-title { margin-bottom: 50px; } + .inner-page-title h2 { margin-bottom: 0; } + .inner-page-title p { font-size: 1.15rem; margin-top: 10px; } + .page-hero-section h1 { line-height: 1.25; margin-bottom: 20px; } + + /* SIGN IN / SIGN UP */ + .register-form-title h3 { font-size: 2.0625rem; } + + .separator-line, .register-page-form p.input-header, .reset-password-link p, + .form-data span, .register-page-form p.create-account, .register-page-form .btn-google { font-size: 1rem; } + .reset-password-link p { margin-top: 0; margin-bottom: 10px; } + + .register-page-wrapper { margin: 0 25px; width: auto; } + .reset-page-wrapper { margin: 0 45px; } + + #login .register-page-form, #signup .register-page-form { padding: 50px 40px; } + #login.login-1 .register-page-form, #signup.signup-1 .register-page-form { padding: 10px 40px; } + + .reset-form-title { margin-bottom: 25px; } + .reset-form-title p.p-sm { font-size: 1.0625rem; margin-top: 20px; } + + .reset-page-wrapper .form-control, .register-page-form .form-control, #login .register-page-form .btn.submit, + #signup .register-page-form .btn.submit, .reset-page-wrapper .btn.submit { height: 54px; font-size: 1.0625rem; } + .btn-google img { width: 20px; height: 20px; top: -2px; right: 5px; } + + /* PAGE 404 */ + .page-404-txt { padding-top: 100px; } + .page-404-txt h2 { margin-bottom: 15px; } + .page-404-txt h2 { margin-bottom: 15px; } + .page-404-txt h6 { font-size: 1.375rem; padding: 0 3%; line-height: 1.666; margin-bottom: 25px; } + .page-404-img { padding: 0 8%; margin-bottom: 40px; } + + /* MODAL */ + #modal-1 .modal-dialog { max-width: 490px; } + #modal-2 .modal-dialog { width: 390px; } + #modal-3 .modal-dialog.modal-xl { width: 400px; } + + #modal-2 .modal-body-content { padding: 25px 30px 5px; } + #modal-3 .modal-body-content { padding: 40px 25px 30px; } + + .modal-body .newsletter-form { margin-top: 20px; } + .modal .newsletter-form .form-control, .modal .newsletter-form .btn { height: 54px; font-size: 1.0625rem; } + + #modal-3 .request-form-title p { margin-top: 15px; margin-bottom: 20px; } + + +} + + + + +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ + +@media (min-width: 414px) and (max-width: 479.98px) { + + /*------------------------------------------*/ + /* BASE + /*------------------------------------------*/ + + #stlChanger { display: none; } + .division { padding-left: 10px; padding-right: 10px; } + .bg--fixed { width: auto; } + .bg--scroll { width: auto; background-attachment: scroll!important; } + + /* Backgroud Shape */ + .shape--01:after { height: 90%; top: 6.5%; } + .shape--02:after { width: 140%; height: 90%; top: 6.5%; left: -20%; } + .shape--03:after { width: 140%; height: 129%; top: -70px; left: -20%; } + .shape--04:after { height: 94%; top: 0; } + .shape--06:after { height: 92%; } + .shape--07:after { height: 80%; top: 14%; } + + ol.digit-list p { margin-bottom: 5px; } + + .font--jakarta h1, .font--jakarta h2 { line-height: 1.35; } + .font--jakarta h3, .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 { line-height: 1.4; } + + /* Font Size */ + .s-15, .s-16 { font-size: 1.0625rem; } /* 17px */ + .s-17 { font-size: 1.125rem; } /* 18px */ + .s-18, .s-19, .s-20, .s-21, .s-22, .s-23 { font-size: 1.3125rem; } /* 21px */ + .s-24, .s-26, .s-28 { font-size: 1.4375rem; } /* 23px */ + .s-30, .s-32, .s-34 { font-size: 1.5625rem; } /* 25px */ + .s-36, .s-38, .s-40 { font-size: 1.6875rem; } /* 27px */ + .s-42, .s-43, .s-44, .s-45, .s-46, .s-47 { font-size: 1.8125rem; } /* 29px */ + .s-48 { font-size: 1.9375rem; } /* 31px */ + .s-50, .s-52, .s-54, .s-56, .s-58, .s-60 { font-size: 2.0625rem; } /* 33px */ + .s-62 { font-size: 2.125rem; } /* 34px */ + .s-64, .s-66 { font-size: 2.25rem; } /* 36px */ + .s-68 { font-size: 2.375rem; } /* 38px */ + + /* Paragraphs */ + p.p-sm { font-size: 1rem; } + p { font-size: 1.0625rem; } + p.p-md, p.p-lg { font-size: 1.125rem; } + + /* Transparent Link */ + a.tra-link { font-size: 1.125rem; } + .tra-link.ico-20 [class*="flaticon-"]:before, + .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; } + + /* Transparent Link */ + a.tra-link { font-size: 1.125rem; } + .tra-link.ico-20 [class*="flaticon-"]:before, + .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; } + + /* Button */ + .btn { font-size: 1.125rem; } + .btn.btn-sm { font-size: 1rem; padding: 0.7rem 1.5rem; } + .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.68165rem 0.5rem 0; } + + /* Buttons Group */ + .btns-group .btn:first-child { margin-left: 8px; margin-right: 8px; margin-bottom: 15px; } + .btns-group .btn:last-child { margin-left: 8px; margin-right: 8px; } + + /* Button Icon */ + .btn.ico-20 [class*="flaticon-"]:before, + .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.45rem!important;top: 4px; } + + .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.05rem; } + + .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.15rem; top: -10px; margin-right: 0; } + .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.15rem; top: -10px; margin-left: 0; } + .btn.ico-left span { margin-right: 3px; } + .btn.ico-right span { margin-left: 3px; } + + /* Button Text */ + p.btn-txt, .text-center p.btns-group-txt { margin-top: 18px; margin-bottom: 0; } + .btn-rating { margin: 15px 0 0 0; } + .btn-rating p.p-sm { font-size: 0.9375rem; } + + /* OS Button */ + .os-btn { width: 280px; min-width: 280px; padding: 14px 15px 10px; } + .os-btn-ico { margin-right: 14px; } + .os-btn-txt p { margin-top: 4px; } + + .btn-os.mb-15 { margin-bottom: 15px; } + .btn-os.mr-15 { margin-right: 0; margin-bottom: 15px; } + + /* Store Badge */ + .store { margin-right: 6px; } + .store.store-btn-2 { margin-right: 0; } + .store-btn-3, .store-btn-4 { margin-top: 15px; } + + /* Watch Video Link */ + .watch-video { margin-top: 20px; } + .watch-video-link { margin-right: 10px; } + p.video-txt-lg { font-size: 1.125rem; } + p.video-txt-sm { font-size: 1.0625rem; } + + /* Vector Icon Background */ + .ico-50 .shape-ico svg { width: 120px; height: 120px; top: -35px; left: calc(50% - 60px); } + .fbox-11 .ico-50 .shape-ico svg { top: -35px; left: calc(50% - 65px); } + .ico-55 .shape-ico svg { width: 125px; height: 125px; top: -30px; left: calc(50% - 65px); } + .ico-60 .shape-ico svg { width: 130px; height: 130px; top: -35px; left: calc(50% - 60px); } + + /* Vector Rounded Icons */ + .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 94px; height: 94px; } + + .ico-rounded [class*="flaticon-"]:before, + .ico-rounded [class*="flaticon-"]:after, + .ico-rounded-md [class*="flaticon-"]:before, + .ico-rounded-md [class*="flaticon-"]:after, + .ico-rounded-lg [class*="flaticon-"]:before, + .ico-rounded-lg [class*="flaticon-"]:after { font-size: 3rem; line-height: 94px!important; } + + /* Vector Square Icons */ + .ico-square { width: 88px; height: 88px; } + .ico-square [class*="flaticon-"]:before, + .ico-square [class*="flaticon-"]:after { font-size: 2.85rem; line-height: 88px!important; } + + /* Section ID */ + .section-id.rounded-id { padding: 8px 22px; font-size: 0.8rem; margin-bottom: 30px; } + + /* Section Title */ + .section-title.mb-60 { margin-bottom: 35px; } + .section-title.mb-70, .section-title.mb-80 { margin-bottom: 45px; } + + .section-title h2 { padding: 0 1%; } + .content-section .col-md-8 .section-title h2 { padding: 0 1.5%; } + + .section-title p.p-md, .section-title p.p-lg { margin-top: 14px; } + .section-title p.p-xl { font-size: 1.125rem; margin-top: 14px; } + .section-title p.s-20, .section-title p.s-21 { font-size: 1.1875rem; padding: 0 3%; margin-top: 12px; } /* 19px */ + .section-title p.p-md, .section-title p.p-lg { padding: 0; } + + .section-title .btns-group.mt-35 { margin-top: 20px; } + + /*------------------------------------------*/ + /* NAVIGATION MENU + /*------------------------------------------*/ + + /* Header Logo */ + .wsmobileheader .smllogo { display: block; margin-top: 23px; padding-left: 16px; } + .blog-header .wsmobileheader .smllogo { margin-top: 29px; } + .smllogo img { width: auto; max-width: inherit; max-height: 34px; } + .blog-header .smllogo img { max-height: 28px; } + + .wsmenu > .wsmenu-list { width: 325px; margin-right: -325px; } + .wsactive .wsmobileheader { margin-right: 325px; } + .overlapblackbg { width: calc(100% - 325px); } + + .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; } + + /* Nav Link Info */ + span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; } + + .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; } + .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, + .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 10px; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, + .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 10px; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, + .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, + .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 12px 10px; } + + /* Header Store Badges */ + .store.header-store img { max-height: 45px; } + + /* Header Social Links */ + .header-socials.ico-20 [class*="flaticon-"]:before, + .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } + + .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; } + + .icons-menu-ico { margin-right: 18px; } + .icons-menu-txt span { font-size: 1rem; } + + /*------------------------------------------*/ + /* HERO + /*------------------------------------------*/ + + .hero-section.blur--purple:after { top: -25%; opacity: .18; } + + .hero-section h2 { margin-bottom: 18px; } + .hero-section h2.s-48, .hero-section h2.s-50 { margin-bottom: 20px; } + .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 25px; } + .hero-section p.s-21 { font-size: 1.3125rem; margin-bottom: 22px; } + .hero-section .btn.mt-15, .hero-section .btns-group.mt-15 { margin-top: 8px; } + + /* Hero Advantages */ + .hero-section .text-center .advantages { margin-top: 18px; } + .hero-section .advantages li { display: block!important; margin-top: 4px; } + .hero-section .advantages li p { display: block; float: none; } + .hero-section li.advantages-links-divider { display: none!important; } + + /* HERO LOGO */ + .hero-logo, .hero-app-logo { margin-bottom: 30px; } + .hero-logo img { max-height: 34px; } + + .hero-square-logo { margin-bottom: 12px; } + .hero-square-logo img { max-height: 64px; } + + .hero-app-logo img { max-height: 96px; } + #hero-25 .hero-app-logo img { max-height: 96px; } + + /* HERO DIGITS */ + .hero-digits { padding: 0 3%; margin-top: -5px; } + #hero-9 .hero-digits { padding: 0; margin-top: 3px; } + .hero-digits h2.statistic-number { font-size: 2.5rem; } + .hero-digits h2.statistic-number span { font-size: 2.25rem; } + + /* HERO QUICK FORM */ + .hero-section .quick-form.mt-45, .hero-section .quick-form.mt-35 { margin-top: 0; } + .hero-section .quick-form .form-control, .hero-section .quick-form .btn { font-size: 1.175rem; height: 58px; } + .hero-section .quick-form.form-half .form-control { height: 58px; font-size: 1.175rem; padding: 0 14px; } + .hero-section .quick-form.form-half .btn { height: 58px; font-size: 1.15rem; } + + .hero-section .text-center .quick-form-msg { margin: 20px 0 0 0; } + + /* HERO REQUEST FORM */ + .request-form .form-control { height: 56px; font-size: 1.0625rem; padding: 0 14px; } + #hero-10-form .btn, #hero-22-form .btn { height: 56px; font-size: 1.0625rem; padding: 16px; } + + /* HERO-1 */ + .hero-1-txt { padding: 0 4%; } + .hero-1-img { margin-top: 35px; } + + /* HERO-2 */ + .hero-2-txt { padding: 0 3%; } + .hero-2-img { margin-top: 40px; } + + /* HERO-3 */ + .hero-3-txt { padding: 0 3%; } + #hero-3:after { height: 8%; } + .hero-3-img { margin-top: 35px; } + + /* HERO-4 */ + #hero-4 { padding-top: 70px; } + #hero-4:after { height: 7%; } + .hero-4-txt h2 { padding: 0 3%; } + .font--inter .hero-4-txt h2 { padding: 0 5.5%; } + .hero-4-txt p { padding: 0 4%; } + .hero-4-img { margin-top: 40px; } + + /* HERO-5 */ + #hero-5 { margin-bottom: 50px; } + .hero-5-txt h2 { margin-bottom: 15px; } + .hero-5-txt p.p-lg { margin-bottom: 20px; } + + /* HERO-6 */ + #hero-6 { padding-top: 0; } + #hero-6 .container { max-width: 100%; } + .hero-6-wrapper { padding: 70px 25px; margin: 0 -15px; border-radius: 0 0!important; } + .hero-6-img { margin: 35px 1% 0; } + + /* HERO-7 */ + #hero-7 { padding-top: 80px; padding-bottom: 80px; } + .hero-7-txt h2 { padding: 0 6%; } + #hero-7 .quick-form { margin-left: 3%; margin-right: 3%; } + .hero-7-img { margin-top: 35px; } + + /* HERO-8 */ + .hero-8-txt { padding: 0 5%; } + .hero-8-txt .hero-logo { display: none; } + .hero-8-txt .hero-digits { padding: 0 3%; } + + #hero-8-form { padding: 30px 22px; margin: 40px 4% 0; border-radius: 10px; } + #hero-8-form h4 { margin-bottom: 15px; } + #hero-8-form p { font-size: 1.0625rem; margin-bottom: 16px; } + #hero-8-form p.p-sm { font-size: 1rem; padding: 0 2%!important; } + + /* HERO-9 */ + .hero-9-txt h2 { padding: 0 3%; line-height: 1.45; } + .hero-9-txt h2 img { max-height: 56px; margin: 0 2px; top: -9px; } + .hero-9-txt p.s-20 { font-size: 1.125rem; margin-top: 10px; } + + #hero-9 .quick-form { margin-left: 2%; margin-right: 2%; } + .hero-9-img { margin: 45px 0 0; } + + /* HERO-10 */ + #hero-10:after { height: 7%; } + .hero-10-txt h2 { padding: 0 2%; margin-bottom: 15px; } + .hero-10-txt h4 { padding: 0 2%; margin-bottom: 25px; } + .hero-10-img { margin-top: 35px; } + + /* HERO-11 */ + .hero-11-txt { padding: 0 4%; } + .hero-11-img { margin: 35px 3% -50px; } + + /* HERO-12 */ + #hero-12:after { height: 7%; } + .hero-12-txt h2 { padding: 0 6%; } + .font--inter .hero-12-txt h2 { padding: 0 5.5%; } + .hero-12-txt p { padding: 0 4%; } + .hero-12-img { margin-top: 35px; } + + /* HERO-13 */ + #hero-13 { padding-top: 70px; padding-bottom: 70px; } + .hero-13-txt { padding: 0 3%; } + .hero-13-img { margin: 40px 2% 0; } + + /* HERO-14 */ + #hero-14 { margin-bottom: 20px; } + .hero-14-txt h2 { padding: 0 3%; } + .hero-14-txt h2.s-62 { font-size: 2.0625rem; } + .hero-14-txt p.s-21 { padding: 0 3%; margin-bottom: 25px; } + #hero-14 .quick-form { margin-left: 4%; margin-right: 4%; } + .hero-14-img { margin-top: 35px; margin-bottom: -20px; } + .hero-14-txt .btn-txt { margin-top: 25px; } + + /* HERO-15 */ + .hero-15-txt { padding: 0 3%; } + .hero-15-img { margin: 35px 2% 0; } + + /* HERO-16 */ + #hero-16 { padding-top: 70px; margin-bottom: 35px; } + .hero-16-txt p { padding: 0 5%; } + .hero-16-img { margin: 40px 0 -35px; } + + /* HERO-17 */ + .hero-17-txt p { padding: 0 2%; } + #hero-17 .quick-form { margin-left: 4%; margin-right: 4%; } + #hero-17 #brands-1 { padding-top: 35px; } + + /* HERO-18 */ + .hero-18-txt { padding: 0 3%; } + #hero-18 .quick-form { margin: 20px 0 0; } + .hero-18-img { margin-top: 40px; } + + /* HERO-19 */ + .hero-19-txt h2 { padding: 0 5%; } + .hero-19-txt p { padding: 0 2%; } + + /* HERO-20 */ + .hero-20-txt { padding: 0 7%; } + .hero-20-txt .hero-logo { display: none; } + .hero-section .hero-20-txt h2.s-48 { margin-bottom: 20px; } + + /* HERO-21 */ + #hero-21 { overflow: visible; margin-bottom: 50px; } + #hero-21 .container { max-width: 100%; } + .hero-21-txt { margin-bottom: 50px; } + .hero-21-txt h2 { margin-bottom: 18px; } + + .hero-21-wrapper { overflow: visible; margin: 0 -15px; border-radius: 0 0!important; } + #hero-21 .hero-overlay { position: relative; padding: 60px 25px 0; } + .hero-21-img { margin-bottom: -50px; } + .hero-21-img .video-btn { top: calc(50% - 2px); } + + /* HERO-22 */ + #hero-22-form { text-align: center; padding: 35px 25px 25px; margin: 0 2%; } + #hero-22 .hero-logo { display: none; } + #hero-22-form h4 { font-size: 1.6875rem; padding: 0; margin-bottom: 15px; } + #hero-22-form p { font-size: 1.125rem; padding: 0 5%; margin-bottom: 16px; } + + /* HERO-23 */ + .hero-23-txt { padding: 0 4%; } + .hero-23-img { margin-top: 12px; } + + /* HERO-24 */ + #hero-24 { padding-top: 80px; padding-bottom: 80px; } + .hero-24-txt p.p-xl { padding: 0 3%; } + #hero-24 .quick-form { margin-left: 4%; margin-right: 4%; } + + /* HERO-25 */ + .hero-25-txt p.p-lg { margin-bottom: 22px; } + .hero-25-img { margin: 35px 2% 0; } + + /* HERO-26 */ + .hero-26-txt { padding: 0 5%; } + .hero-26-txt h2 { padding: 0 3%; } + .hero-26-img { margin-top: 35px; } + + /* HERO-27 */ + .hero-27-txt h2 { font-size: 2.05rem; margin-bottom: 15px!important; } + .hero-27-txt p.s-20, .hero-27-txt p.s-21 { font-size: 1.1875rem; } + .hero-27-txt .btns-group.mt-15 { margin-top: 0!important; } + + /*------------------------------------------*/ + /* CONTENT + /*------------------------------------------*/ + + /* ABOUT */ + .about-2-title { margin-bottom: 30px; } + .a2-txt { padding: 15px 20px 30px; } + + .a2-txt-quote { position: relative; margin-bottom: -40px; } + .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; } + + .a2-txt-author { margin-top: 10px; } + .a2-txt-author { font-size: 1.125rem; } + .a2-txt-author span { font-size: 0.975rem; margin-top: 1px; } + + #about-1 .txt-block h3.mb-30, .about-2-title h2.mb-30 { margin-bottom: 15px; } + + #about-4 .txt-block h2 { padding: 0 6%; } + #about-4 .txt-block p { margin-top: 12px; } + #a4-2 { margin: 35px 3% 0; } + + /* FEATURES */ + #features-14 .container { max-width: 100%; } + .fbox-14-wrapper { padding: 70px 30px; margin: 0 -15px; border-radius: 0 0!important; } + + #features-12.py-100.shape--bg:after, #features-13.py-100.shape--bg:after { height: 68%; top: 32%; } + #features-12.pt-100.shape--bg:after, #features-13.pt-100.shape--bg:after { height: 64%; top: 32.35%; } + + .row-cols-md-3 .fbox-4, .row-cols-md-2 .fbox-4, .fbox-7, .fbox-9 { padding: 40px 25px 35px; } + .fbox-5 { padding: 45px 25px 40px; } + .row-cols-md-2 .fbox-7 { padding: 40px 55px 35px; } + .fbox-8.fb-1 { padding: 0 25px 40px; } + .fbox-8.bg--white-100 {padding: 45px 25px; } + .fbox-8.fb-3 { padding: 45px 25px 0; } + + .fbox-12, .fbox-13 { padding: 35px 30px; } + #fb-12-1, #fb-13-1 { margin-top: 65px; } + + .fbox-14 { padding: 45px 40px; } + .fbox-14.fb-1, .fbox-14.fb-2 { margin-bottom: 30px; } + + .fbox-img.h-135 img, .fbox-img.h-140 img, .fbox-img.h-145 img, .fbox-img.h-150 img, .fbox-img.h-155 img, + .fbox-img.h-160 img, .fbox-img.h-165 img, .fbox-img.h-170 img, .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 185px; } + + .fbox-2 .fbox-img.h-135 img, .fbox-2 .fbox-img.h-140 img, .fbox-2 .fbox-img.h-145 img, .fbox-2 .fbox-img.h-150 img, + .fbox-2 .fbox-img.h-155 img, .fbox-2 .fbox-img.h-160 img, .fbox-2 .fbox-img.h-165 img, .fbox-2 .fbox-img.h-170 img, + .fbox-2 .fbox-img.h-175 img, .fbox-2 .fbox-img.h-180 img { max-height: 180px; } + + .fbox-3 .fbox-img.h-135 img, .fbox-3 .fbox-img.h-140 img, .fbox-3 .fbox-img.h-145 img, .fbox-3 .fbox-img.h-150 img, + .fbox-3 .fbox-img.h-155 img, .fbox-3 .fbox-img.h-160 img, .fbox-3 .fbox-img.h-165 img, .fbox-3 .fbox-img.h-170 img, + .fbox-3 .fbox-img.h-175 img, .fbox-3 .fbox-img.h-180 img { max-height: 180px; } + + .fbox-4 .fbox-img.h-135 img, .fbox-4.fbox-img.h-140 img, .fbox-4 .fbox-img.h-145 img, .fbox-4 .fbox-img.h-150 img, + .fbox-4 .fbox-img.h-155 img, .fbox-4 .fbox-img.h-160 img, .fbox-4 .fbox-img.h-165 img, .fbox-4 .fbox-img.h-170 img, + .fbox-4 .fbox-img.h-175 img { max-height: 165px; } + + .fbox-1 .fbox-img, .row-cols-md-2 .fbox-1 .fbox-img, .fbox-4 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img { margin-bottom: 30px; } + + .fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, + .fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155, .fbox-2 .fbox-img.h-160, + .fbox-2 .fbox-img.h-165, .fbox-2 .fbox-img.h-170, .fbox-2 .fbox-img.h-175, + .fbox-2 .fbox-img.h-180 { padding-top: 40px; margin: 0 12px 50px; } + + .fbox-3 .fbox-img.h-135, .fbox-3 .fbox-img.h-140, .fbox-3 .fbox-img.h-145, + .fbox-3 .fbox-img.h-150, .fbox-3 .fbox-img.h-155, .fbox-3 .fbox-img.h-160, + .fbox-3 .fbox-img.h-165, .fbox-3 .fbox-img.h-170, .fbox-3 .fbox-img.h-175, + .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 12px 30px; } + + .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, + .fbox-5.fb-4 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img { margin: 0 9% 30px; } + + .fbox-ico, .fbox-ico.ico-rounded, .fbox-ico.ico-square { margin-bottom: 20px; } + + .fbox-wrapper .ico-50 [class*="flaticon-"]:before, + .fbox-wrapper .ico-50 [class*="flaticon-"]:after, + .fbox-wrapper .ico-55 [class*="flaticon-"]:before, + .fbox-wrapper .ico-55 [class*="flaticon-"]:after, + .fbox-wrapper .ico-60 [class*="flaticon-"]:before, + .fbox-wrapper .ico-60 [class*="flaticon-"]:after, + .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before, + .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after{ font-size: 3.65rem; } + + .fbox-10 .fbox-title { margin: 0 auto; } + .fbox-10 .fbox-title span { float: none; line-height: 1!important; margin-right: 0; } + .fbox-10 .fbox-title h6 { display: block; line-height: 1!important; margin-top: 15px; margin-bottom: 15px; } + + .features-section h6.s-18, .features-section h6.s-20, .features-section h6.s-22 { font-size: 1.4375rem; } /* 23px */ + .features-section h6, .fbox-txt h5, .rows-2 .fbox-11 h6, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 15px; } + .fbox-14 h5 { padding: 0 10%; margin-bottom: 12px; } + + .row-cols-md-3 .fbox-1 p, .row-cols-md-3 .fbox-2 p, .row-cols-md-3 .fbox-3 p, .row-cols-md-3 .fbox-6 p, + .row-cols-md-2 .fbox-1 p, .row-cols-md-2 .fbox-2 p, .row-cols-md-2 .fbox-3 p, .fbox-5 .fbox-txt p, .fbox-10 p { padding: 0 8%; } + + .row-cols-md-3 .fbox-4 p, .row-cols-md-2 .fbox-4 p { padding: 0 4%; } + .fbox-5 .fbox-txt p, .rows-3 .fbox-11 p { padding: 0 2%; } + .row-cols-md-2 .fbox-6 p { padding: 0 10%; } + .row-cols-lg-3 .fbox-10 .fbox-txt p { padding: 0 2%; } + + /* CONTENT */ + .ct-10 .section-overlay { margin-bottom: 40px; } + .ct-top { margin-bottom: 70px; } + + .ct-13 .txt-block, .ct-13 .img-block { margin-bottom: 35px; } + .ct-13 .txt-block.ml-block, .ct-13 .img-block.ml-block { margin-bottom: 0; } + + /* Content Box Wrapper */ + .content-section.ws-wrapper { margin: 0 -15px; } + .bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay { padding: 70px 22px; } + .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay { padding: 70px 14px; } + .bc-5-wrapper .section-overlay { padding: 70px 14px 0; } + .cbox-6-wrapper { padding: 30px 20px; } + .bc-6-wrapper .section-overlay { padding: 70px 20px; } + .bc-6 { padding: 25px 17px 35px; } + + .bc-1-wrapper, .bc-2-wrapper, .bc-3-wrapper, .bc-4-wrapper, .bc-5-wrapper, .bc-6-wrapper { border-radius: 0 0!important; } + + .bc-5-wrapper .section-title p { padding: 0 5%; } + + .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 { margin-bottom: 15px; } + .cbox-2-txt h5, .cbox-3-txt h5, .bc-6-txt h5 { margin-bottom: 12px; } + + .txt-block p.p-sm, .txt-block p { margin-bottom: 0.875rem; } + .txt-block p.s-20, .txt-block p.s-21 { font-size: 1.1875rem; } + .cbox-5-fea p, .txt-block p.video-txt-sm, .txt-block p.btn-txt, .txt-block p.btns-group-txt, + .txt-block p.compatibility { margin-bottom: 0; } + .txt-block p.video-txt-lg {margin-bottom: 6px; } + + .txt-block .btn { margin-top: 18px; } + .txt-block .btns-group .btn.btn--transparent { margin-top: 0; } + .txt-block .stores-badge.mt-15, .ws-wrapper .stores-badge.mt-15 { margin-top: 8px; } + .bc-6-link.mt-15 { margin-top: 12px; } + .txt-block-tra-link.mt-25 { margin-top: 16px; } + + /* Content Box */ + .right-column .cbox-5 { margin-bottom: 40px; } + .cbox-5-content { padding: 35px; margin: 0 ; } + .cbox-5-content .divider { margin-top: 22px; margin-bottom: 22px; } + + .txt-block .cbox-5-title h2 { font-size: 3rem; margin-bottom: 10px; } + .cbox-5-title .statistic-number sup { font-size: 2.5rem; top: -5px; right: 6px; } + + .cbox-5-fea { padding: 15px 20px; margin-top: 20px; } + .txt-block .cbox-5-fea h4 { font-size: 1.625rem; } + .cbox-5-txt .btn { margin-top: 14px; } + + #cb-6-1, #cb-6-2, #cb-6-3 { margin-bottom: 24px; } + + /* Content Box Icon */ + .cbox-1.ico-10 span { right: 6px; } + .cbox-1.ico-15 span { top: 0.5px; right: 6px; } + .cbox-1.ico-15 [class*="flaticon-"]:before, .cbox-1.ico-15 [class*="flaticon-"]:after { font-size: 0.7rem; } + + .cbox-2 .ico-wrap { margin-right: 1rem; } + .cbox-2-ico { width: 2.3rem; height: 2.3rem; font-size: 1.15rem; line-height: 2.05rem; } + .ct-03 .cbox-2-ico { width: 2rem; height: 2rem; font-size: 1.0625rem; line-height: 1.8rem; } + .cbox-2-line { height: calc(100% - 74px); } + + .cbox-3 { display: block; text-align: center; } + .cbox-3 .ico-wrap { margin-right: 0; } + .cbox-3 .cbox-3-ico { top: 0; margin-bottom: 10px; } + + .cbox-2-txt, .ct-03 .cbox-2-txt, .cbox-3-txt { margin-bottom: 25px; } + .ct-03 .cbox-2-txt { margin-bottom: 20px; } + + .cbox-4 { text-align: center; } + .box-title h6, .box-title h5 { display: block; line-height: 1!important; margin-bottom: 15px; } + .cbox-4-txt { margin-bottom: 30px; } + .img-block-txt .box-title h6, + .img-block-txt .box-title h5 { display: inline-block; line-height: 2.35rem!important; margin-bottom: 20px; } + .box-title span { display: block; position: relative; top:0; margin-right: 0; margin-bottom: 10px; } + .img-block-txt .box-title span { display: inline-block; top: 10px; margin-right: 10px; margin-bottom: 0; } + .box-title span[class*="flaticon-"]:before, .box-title span[class*="flaticon-"]:after { font-size: 3.25rem; } + + .img-block-txt .box-title span[class*="flaticon-"]:before, + .img-block-txt .box-title span[class*="flaticon-"]:after { font-size: 2.35rem; } + + /* Content Box Typography */ + .cbox-1-txt p { margin-bottom: 5px; } + .cbox-6 h6 { margin-bottom: 12px; } + + /* Accordion */ + .txt-block .accordion-1 .accordion-item { padding: 18px 25px; } + .txt-block .accordion-2 .accordion-item { padding: 10px 0 20px; } + + .txt-block .accordion-1 .accordion-item .accordion-thumb:before { font-size: 0.95rem; top: 0; } + .txt-block .accordion-2 .accordion-item .accordion-thumb:after, + .txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { font-size: 0.95rem; top: 8px; } + + .txt-block .accordion-1 .accordion-item.is-active { padding: 30px 25px 14px 25px; } + .txt-block .accordion-2 .accordion-item.is-active { padding: 15px 0 20px; } + + .txt-block .accordion-1 .accordion-panel { padding: 0; } + + .txt-block .accordion-2 .accordion-thumb h5 { padding-left: 12px; padding-right: 0; } + + .accordion-2 .accordion-thumb span[class*="flaticon-"]:before, + .accordion-2 .accordion-thumb span[class*="flaticon-"]:after { font-size: 1.75rem; top: 6px; } + + /* Tabs */ + .tabs-1 li { font-size: 1.125rem; } + + /* Advantages */ + .advantages, .text-center .advantages { margin-top: 15px; } + .img-block-btn .advantages li { display: block!important; margin-top: 4px; } + .img-block-btn .advantages li p { display: block; float: none; } + .img-block-btn li.advantages-links-divider { display: none!important; } + + /* Compatibility */ + .compatibility { margin-top: 5px; } + + /* Tools List / Payments Icons */ + .tools-list p, .payment-methods p { margin-bottom: 12px; } + .tools-list span { padding-right: 1px; } + .payment-icons img { max-height: 30px; } + + .tools-list.ico-35 [class*="flaticon-"]:before, + .tools-list.ico-35 [class*="flaticon-"]:after { font-size: 2.125rem; line-height: 2.125rem!important; margin-right: 4px; } + + /* Content Box Shapes */ + .cbox-5-shape-1, .cbox-5-shape-2 { display: none; } + + /* Content Images */ + .img-block.img-block-bkg img { padding: 40px 25px; } + .img-block-hidden, .bc-5-img.bc-5-dashboard.img-block-hidden { margin-bottom: -30px; } + .ct-10 .img-block { margin-bottom: -40px; } + + .ct-01 .img-block, .ct-02 .img-block, .ct-03 .img-block.right-column, .ct-03 .img-block.left-column { margin: 0 2% 35px; } + .ct-01 .img-block.j-img, .ct-02 .img-block.j-img { margin-left: 0%; margin-right: 0; } + .ct-06 .img-block, .ct-07 .img-block { margin-top: -80px; margin-bottom: 40px; } + .bc-5-img.bc-5-tablet.img-block-hidden { margin-bottom: -70px; } + .bc-6-img { padding: 30px 15px 0; margin-bottom: 25px; } + + .img-block-hidden .video-btn, .bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { top: 50%; } + .bc-5-img.bc-5-tablet.img-block-hidden .video-btn { top: calc(50% - 30px); } + .img-block-txt, .img-block-btn { margin-top: 35px; } + .ct-11 .img-block, .ct-12 .img-block { margin-bottom: 40px; padding: 40px 8%; } + + /* STATISTIC */ + .sb-rounded .statistic-block { text-align: center; padding: 25px; } + #statistic-5 .statistic-digit { padding-bottom: 18px; margin: 0 12% 18px; } + + #sb-2-1, #sb-2-2, #sb-2-3, #sb-2-4 { width: 50%; } + #sb-3-3, #sb-4-3 { margin-bottom: 30px; } + #sb-2-3, #sb-2-4 { padding-right: 12px; } + #sb-5-1, #sb-5-2 { margin-bottom: 35px; } + + .statistic-1-wrapper .statistic-block-digit { margin-bottom: 12px; } + + h2.statistic-number { font-size: 2.25rem; line-height: 1; letter-spacing: -0.5px; } + .txt-block-stat h2.statistic-number { font-size: 2.125rem; } + #statistic-1 h2.statistic-number { letter-spacing: -0.5px; } + #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number { margin-bottom: 12px; } + #statistic-5 .statistic-digit h2 { font-size: 2.125rem; letter-spacing: -0.5px; } + + #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm { margin-top: 12px; } + .txt-block-stat .statistic-block p { font-size: 0.95rem; } + #statistic-5 .statistic-txt p { padding: 0 8%; } + + /* PROJECTS */ + #pt-1-1, #pt-1-2, #pt-1-3, .inner-page-hero #pt-1-3, .inner-page-hero #pt-1-4, .inner-page-hero #pt-1-5 { margin-bottom: 40px; } + .project-details h5 { margin-bottom: 25px; } + .more-projects { margin-top: 45px; } + + /* PROJECT DETAILS */ + .single-project .project-title { margin-bottom: 40px; } + .project-title h2 { padding-right: 0; padding-bottom: 25px; margin-bottom: 25px; } + .project-data p { margin-bottom: 5px; } + + .project-priview-img.mb-50 { margin-bottom: 35px; } + .project-inner-img .top-img { margin-bottom: 30px; } + .project-inner-img.mt-50 { margin-top: 35px; } + .project-txt h5.mt-35.mb-35 { margin-top: 20px; margin-bottom: 20px; } + .project-txt h5.mt-50.mb-35 { margin-top: 35px; margin-bottom: 20px; } + + .project-description .more-projects { margin-top: 45px; } + .project-description .more-projects span { top: 1px; left: 4px; } + .project-description .more-projects.ico-25 [class*="flaticon-"]:before, + .project-description .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.125rem; } + + /* RATING */ + #rb-2-1, #rb-2-2 { margin-bottom: 25px; } + + .rating-title h5 { font-size: 1.125rem; } + .rbox-1-img { margin-bottom: 15px; } + .rbox-1-img img { max-height: 31px; } + .rbox-2-txt img { max-height: 31px; } + p.rbox-2-txt { line-height: 31px; margin-top: 8px; } + + .rbox-1 .star-rating { padding: 5px 16px; } + .rbox-1 .star-rating { font-size: 0.9rem; line-height: 1; } + + .rbox-1 .star-rating span { top: 2px; } + .rbox-1 .ico-10 [class*="flaticon-"]:before, .rbox-1 .ico-10 [class*="flaticon-"]:after { font-size: 0.9rem; } + .rbox-1 .ico-15 [class*="flaticon-"]:before, .rbox-1 .ico-15 [class*="flaticon-"]:after { font-size: 1rem; } + .rbox-2 .ico-20 [class*="flaticon-"]:before, .rbox-2 .ico-20 [class*="flaticon-"]:after { font-size: 1.35rem; } + .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.35rem; } + + /* TESTIMONIALS */ + #reviews-4 .txt-block, #reviews-5 .txt-block { text-align: center; } + #reviews-4 .txt-block h2, #reviews-5 .txt-block h2 { font-size: 1.90625rem; padding: 0 6%; } /* 30.5px */ + + .review-1 { padding: 35px 20px 30px; margin: 0 6px 20px; } + .review-2, .review-3, .review-4, .review-5 { padding: 35px 20px 30px; } + + .review-txt { margin-top: -40px; } + .review-txt h6 { margin-bottom: 10px; } + .review-3 .review-txt p { font-size: 1.0625rem; } + + .review-1 .author-data, .review-2 .author-data, + .review-3 .author-data, .review-4 .author-data, .review-5 .author-data { margin-top: 20px; } + + .review-avatar img, .owl-item .review-avatar img { width: 52px; height: 52px; } + .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img { width: 52px; height: 52px; } + + .review-author { padding: 0 0 0 12px; } + .review-1 .review-author, .review-2 .review-author, .review-3 .review-author, .review-5 .review-author { margin-top: 3px; } + + .review-author h6 { margin-bottom: 8px; } + .review-1 .review-author h6, .review-2 .review-author h6, .review-3 .review-author h6, + .review-4 .review-author h6, .review-5 .review-author h6 { font-size: 1.2rem; } + + /* PRESS */ + .press-logo img { max-height: 74px; } + .press-txt { padding: 0 3%; margin-top: 10px; } + + /* BRANDS */ + #brands-3:after { height: 75%; } + + .brands-title { padding: 0 4%; } + .brands-title.mb-35, .brands-title.mb-40 { margin-bottom: 25px; } + .brands-title.mb-50 { margin-bottom: 30px; } + + .brands-title h4, .brands-title h3, .brands-title h2 { margin-bottom: 8px; } + .brands-title p.p-md, .brands-title p.p-lg { font-size: 1.0625rem; } + + .brands-3-wrapper, .brands-3-wrapper.brands-3-static { padding: 25px 15px; } + + #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-3-1, #brand-3-2, #brand-4-1, #brand-4-2, #brand-4-3, + #brand-4-4, #brand-4-5, #brand-4-6, #brand-4-7, #brand-4-8, #brands-4 .brand-logo.mb-40 { margin-bottom: 30px; } + #brand-3-5 { display: none; } + + #brands-1 .brands-carousel-6 .brand-logo, #brands-1 .brands-carousel-5 .brand-logo { padding: 0 25px; } + #brands-1 .justify-content-center .brand-logo, #brands-4 .brand-logo { padding: 0 25px; } + #brands-2 .brand-logo, #brands-3 .brand-logo, #brands-3 .brands-3-static .brand-logo { padding: 0 20px; } + + .brands-section .more-btn { margin-top: 30px; } + + /* INTEGRATIONS */ + #integrations-2 .container { max-width: 100%; } + .integrations-2-wrapper { padding: 70px 20px; margin: 0 -15px; border-radius: 0 0!important; } + .in_tool_logo.ico-65 img { width: 55px; height: 55px; } + .in_tool h6 { font-size: 1.125rem; } + + .integrations-1-wrapper .in_tool { padding: 20px 25px; } + .integrations-1-wrapper .in_tool-txt h6 { font-size: 1.4rem; line-height: 1; margin-top: 4px; } + .integrations-1-wrapper .in_tool-txt p { font-size: 1.0625rem; margin-top: 6px; } + + .integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 30px; } + + /* PRICING */ + .pricing-1-table, .text-center .pricing-1-table { padding: 35px 40px 35px; } + .pricing-2-table { padding: 35px 50px; } + .pricing-3-table { padding: 30px 50px 35px; } + .pricing-4-table { padding: 35px 40px; } + + .pricing-table-header h5, .pricing-table-header h4 { font-size: 1.5625rem!important; } + + .pricing-discount { top: 0; right: -2px; padding: 6px 11px; } + .pricing-1-table .pricing-discount { top: -4px; right: 0; padding: 7px 13px; } + .text-center .pricing-1-table .pricing-discount { top: -32px; right: -5px; } + .pricing-discount h6 { font-size: 1.05rem; } + .pricing-1-table .pricing-discount h6 { font-size: 0.9375rem; } + + .p-table p.btn-txt { margin: 12px 0 0 0; } + + .price span { font-size: 2.75rem; } + .pricing-2-table.highlight .price span { font-size: 2.5rem; } + .pricing-3-table .price span { font-size: 4.25rem; letter-spacing: -3px; } + .pricing-4-table .price span { font-size: 2.75rem; } + + .price sup { font-size: 2rem; top: -5px; } + .pricing-3-table .price sup { font-size: 2.45rem; top: -19px; } + .pricing-4-table .price sup { font-size: 2rem; top: -5px; } + + .pricing-3-table .price sup.coins { font-size: 2.45rem; top: -22px; letter-spacing: -2px; } + + .price sup.validity { font-size: 1.3125rem; } + .pricing-3-table .price sup.validity { font-size: 1.3125rem; top: 0; margin-top: 20px; margin-bottom: 35px; } + .pricing-4-table .price sup.validity { font-size: 1.3125rem; left: 4px; } + + .text-center .price p, .text-center .pricing-2-table .price p { padding: 0; } + + .pricing-2-table hr { margin-top: 20px; } + + /* Pricing Features */ + .pricing-features.mt-25 { margin-top: 20px; } + .pricing-features li, .pricing-4-table .pricing-features li { padding: 10px 8px; } + + /* Pricing Notice */ + .pricing-notice.mb-40 { margin-bottom: 30px; } + .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0 ; } + + /* Pricing Toggle Button */ + #pricing-4 .ext-toggle-btn { margin: 0 auto 30px; } + .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt { font-size: 1.15rem; } + + /* Pricing Compare */ + .table-responsive.mb-50 { margin-bottom: 30px; } + .table>:not(caption)>*>* { padding-top: 9px; padding-bottom: 9px; } + .comp-table .table-responsive thead th { font-size: 0.9375rem; } + .comp-table .table-responsive tbody th { font-size: 0.915rem; line-height: 1.25; } + .comp-table .table-responsive tbody td { font-size: 0.9rem; top: 0; line-height: 1.25; } + + .comp-table .table-responsive tbody td span { top: 3px; } + + .table-responsive .ico-15 [class*="flaticon-"]:before, + .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; } + + .table-responsive .ico-20 [class*="flaticon-"]:before, + .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; } + + .pbox { padding: 0; } + #pbox-1, #pbox-2, #pbox-3 { margin-bottom: 40px; } + .pricing-section .txt-box-last, .pricing-section .pm-last { margin-bottom: 40px; } + .comp-table-payment h6 { margin-bottom: 15px; } + + /* TEAM */ + #team-1.pb-40, #team-2.pb-40 { padding-bottom: 30px; } + .team-member.mb-40, .team-member.mb-50, .team-member.mb-60 { margin-bottom: 40px; } + + .team-member-photo { margin-bottom: 25px; } + #team-1 .team-member-data, #team-2 .team-member-data { margin-left: 10px; } + + .team-member-data h6.s-20 { font-size: 1.4375rem; margin-bottom: 6px; } /* 23px */ + .team-member-data p { font-size: 1.175rem; } + + ul.tm-social, #team-1 ul.tm-social { top: 5px; right: 10px; } + .tm-social.ico-20 [class*="flaticon-"]:before, .tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.4125rem; } + + /* CAREERS */ + #careers-1 { padding-bottom: 40px; } + .role-box { text-align: center; padding: 28px 50px; } + .role-box-txt span, #careers-1 .role-box span { margin-bottom: 12px; } + .role-box-txt h6 { line-height: 1.4; margin-bottom: 5px; } + #careers-1 .role-box h6 { line-height: 1.4; margin-bottom: 6px; } + .role-box-txt p { margin-bottom: 14px; } + + /* CAREER ROLE */ + #role-page .inner-page-title { margin-bottom: 25px; } + #role-page .inner-page-title span { margin-bottom: 20px; } + #role-page .inner-page-title p { padding: 0; } + .role-info hr, #role-page .cbox-6-wrapper { margin: 35px 0; } + .txt-block.role-info .btn { margin-top: 30px; } + + /* BANNER */ + #banner-12, #banner-13 { margin-top: 0; margin-bottom: 25px; } + #banner-9.py-70 { padding-top: 55px; padding-bottom: 65px; } + + #banner-1 .container, #banner-2 .container, #banner-3 .container, + #banner-11 .container, #banner-12 .container, #banner-13 .container { max-width: 100%; } + .banner-1-wrapper, .banner-2-wrapper, .banner-3-wrapper, + .banner-11-wrapper, .banner-12-wrapper, .banner-13-wrapper { margin: 0 -15px; border-radius: 0 0!important; } + + .banner-1-wrapper .banner-overlay, .banner-2-wrapper .banner-overlay, + .banner-3-wrapper .banner-overlay { padding: 60px 30px 70px; } + .banner-1-wrapper .banner-overlay.sm-title { padding: 55px 30px 65px; } + + #banner-5 .banner-overlay.pt-80.pb-90, #banner-7 .banner-overlay.pt-80.pb-90, #banner-6 .banner-overlay, + #banner-8 .banner-overlay, #banner-14 .banner-overlay, #banner-15 .banner-overlay { padding-top: 55px; padding-bottom: 65px; } + + #banner-10 .banner-overlay { padding-top: 60px; padding-bottom: 60px; } + .banner-11-wrapper .banner-overlay { overflow: hidden; padding: 55px 45px 0; border-radius: 0 0!important; } + .banner-12-wrapper .banner-overlay { overflow: visible; padding: 55px 45px 0; border-radius: 0 0!important; } + .banner-13-wrapper .banner-overlay { overflow: visible; padding: 55px 45px 65px; border-radius: 0 0!important; } + .banner-16-wrapper .banner-overlay { padding: 40px 10%; } + + .banner-5-txt {padding: 0; } + .col-md-8 .banner-5-txt {padding: 0 3%; } + .banner-8-txt {padding: 0 5%; } + .banner-12-txt, .banner-13-txt { margin-top: 0; padding-right: 0; } + + .banner-section .section-id { margin-bottom: 18px; } + #banner-15.banner-section .section-id { margin-bottom: 22px; } + + .banner-section h2 { font-size: 1.90625rem!important; } + .banner-section h3 { font-size: 1.78125rem!important; } + .banner-1-txt h2 { margin-bottom: 12px; } + .banner-2-txt h2 { margin-bottom: 25px; } + .banner-4-txt h2, .banner-10-txt h2 { margin-bottom: 22px; } + .banner-7-txt h2 { margin-bottom: 25px; padding: 0 4%; } + .banner-10-txt h6 { margin-bottom: 8px; } + .banner-10-txt h2 { font-size: 3.5rem!important; margin-bottom: 18px; } + .banner-11-txt h2, .banner-12-txt h2, .banner-13-txt h2 { margin-bottom: 14px; } + .banner-15-txt h2 { margin-bottom: 30px; } + .banner-16-txt h4 { padding: 0 5%; margin-bottom: 10px; } + + .banner-section p.p-lg, .banner-section p.p-xl { margin-bottom: 20px; } + .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl, + .banner-6-txt p.p-lg, .banner-6-txt p.p-xl { margin-top: 12px; margin-bottom: 22px!important; } + .banner-3-txt p.p-lg, .banner-3-txt p.p-xl, .banner-5-txt p.p-lg, .banner-5-txt p.p-xl { margin-top: 12px; } + .banner-5-txt p.s-21, .banner-5-txt p.s-22 { margin-top: 12px; margin-bottom: 18px; } + .banner-9-txt p.p-lg, .banner-9-txt p.p-xl { margin-top: 12px; margin-bottom: 22px!important; } + .banner-11-txt p { padding-right: 0; } + .banner-14-txt p.p-lg { font-size: 1.125rem; padding: 0 10%; margin-top: 20px; margin-bottom: 25px; } + + .banner-5-txt .btns-group.mt-35 { margin-top: 20px; } + .banner-8-buttons { margin-top: 15px; padding: 0 4%; } + .banner-15-txt .download-links { margin-top: 15px; } + .banner-section .btns-group .btn:first-child { margin-right: 0; margin-left: 0; margin-bottom: 15px; } + .banner-16-txt .txt-block-tra-link.mt-15 { margin-top: 12px; } + + .banner-9-img { margin: 40px 5% 0; } + .banner-10-img { margin: 40px 8% 0; } + .banner-11-img { margin: 35px 3% -20px; } + .banner-12-img { transform: rotate(0deg); margin: 35px 0 -40px; } + + /* DOWNLOAD */ + span.version-data { font-size: 2rem; margin-right: 10px; } + span.release-date span { margin-left: 10px; } + + /* FAQs */ + #faqs-1, #faqs-4 { padding-bottom: 50px; } + + /* FAQs Section Title */ + #faqs-1 .section-title { margin-bottom: 20px; } + #faqs-2 .inner-page-title { margin-bottom: 30px; } + #faqs-3 .section-title { margin-bottom: 40px; } + #faqs-4 .inner-page-title { margin-bottom: 40px; } + #faqs-3 .section-title h2 { padding: 0 4%; } + + #faqs-3 .section-title .contact-link { display: block; } + + /* FAQs Accordion */ + .faqs-section .accordion-thumb { padding: 20px 0 22px; } + #faqs-2.faqs-section .accordion-thumb { padding: 20px 0 25px; } + + .faqs-section .accordion-item .accordion-thumb:after, + .faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.875rem; top: 23px; right: 0; } + #faqs-2.faqs-section .accordion-item .accordion-thumb:after, + #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.9rem; top: 22px; right: 2px; } + + .accordion-panel { padding: 0 0 5px 0; } + #faqs-2 .accordion-panel { padding: 30px 0 15px 0; } + #faqs-2 .accordion-panel-item.mb-35, #faqs-3 .question.mb-35 { margin-bottom: 25px; } + + .faqs-section .accordion-thumb h5 { line-height: 1.4; padding-right: 8%; } + .question h5, .accordion-panel-item h5 { line-height: 1.4; margin-bottom: 15px; } + + /* FAQs Tabs */ + .faqs-section .tabs-1 { margin: 0 5px 10px; } + .faqs-section .tabs-1 li { min-width: 100%; padding: 20px 0; margin: 0 0 20px; } + + /* More Questions Link */ + #faqs-2 .more-questions { margin: 45px auto 0; } + #faqs-3 .more-questions.mt-40 { margin-top: 15px; } + .more-questions-txt { padding: 18px 36px; } + .more-questions-txt p { font-size: 1.125rem; } + + /* NEWSLETTER */ + #newsletter-1 .newsletter-overlay, #newsletter-5 .newsletter-overlay { padding-top: 50px; padding-bottom: 40px; } + #newsletter-2 .container { max-width: 100%; } + #newsletter-2 .newsletter-overlay { padding: 50px 8% 40px; margin: 0 -15px; border-radius: 0 0!important; } + #newsletter-3, #newsletter-4 .newsletter-overlay { padding-top: 55px; padding-bottom: 60px; } + + #newsletter-4 .newsletter-txt, #newsletter-5 .newsletter-txt { padding: 0; } + + .newsletter-txt h2, #newsletter-4 .newsletter-txt h2 { margin-bottom: 25px; } + #newsletter-3 .newsletter-txt h2 { padding: 0 1%; } + .newsletter-txt h4, .newsletter-txt h3 { font-size: 1.75rem; padding: 0; margin-bottom: 25px; } + + #newsletter-3 .newsletter-txt p { padding: 0 5%; } + #newsletter-4 .newsletter-txt p { font-size: 1rem; padding: 0 5%; margin-bottom: 0; } + #newsletter-5 .newsletter-txt p { margin-top: 15px; } + + #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form, + #newsletter-3 .newsletter-form, #newsletter-4 .newsletter-form { padding: 0 5%; } + #newsletter-5 .newsletter-form { margin-top: 25px; padding: 0 5%; } + + .newsletter-section .form-control, #newsletter-1.newsletter-section .form-control, + #newsletter-5.newsletter-section .form-control { height: 54px; font-size: 1.0625rem; } + .newsletter-section .btn, #newsletter-1 .btn, #newsletter-5.newsletter-section .btn { height: 54px; font-size: 1.0625rem; } + + /* BLOG */ + .blog-post-img.mb-35 { margin-bottom: 30px; } + .post-tag { font-size: 0.825rem; margin-bottom: 14px; } + + .blog-post-txt h6 { margin-bottom: 14px; } + .blog-post-txt h4.mb-20, .blog-post-txt h3 { margin-bottom: 14px; } + .blog-post-meta.mt-20, .blog-post-meta.mt-30 { margin-top: 14px; } + .post-meta-list p { margin-bottom: 0; } + + /* Blog Listing */ + .wide-post { margin-bottom: 40px; } + .wide-post h3.s-36, .wide-post h3.s-38, .wide-post h3.s-40, .square-post h4.s-34 { font-size: 1.3125rem; } + .wide-post .blog-post-img { margin-bottom: 30px; } + + .square-post { margin-top: 10px; margin-bottom: 40px; } + .square-post .blog-post-txt { padding: 40px 20px; } + + .posts-category { margin-top: 10px; margin-bottom: 30px; } + .posts-category span { top: 1.25px; } + .posts-category.ico-20 [class*="flaticon-"]:before, + .posts-category .more-projects.ico-20 [class*="flaticon-"]:after { font-size: 1.0625rem; } + + /* Single Blog Post */ + .single-post-title h3, .single-post-title h2 { padding: 0 8%; margin-bottom: 20px; } + .single-post-title .blog-post-meta.mt-35 { margin-top: 25px; } + #single-post .post-meta-list .meta-list-divider { display: none!important; } + #single-post .post-meta-list li { display: block!important; margin-top: 10px; } + + .post-inner-img { margin-top: 30px; margin-bottom: 30px; } + + .single-post-txt h5, .single-post-txt h4 { margin-top: 15px; margin-bottom: 18px; } + + .single-post-txt .blockquote p { font-size: 1.0625rem; margin-bottom: 25px; } + .single-post-txt .blockquote-footer { font-size: 1rem; line-height: 1.3; } + + .post-share-list { margin-top: 30px; padding-bottom: 40px; } + + .post-author { display: block!important; padding: 50px 0; } + .post-author-avatar { display: block!important; text-align: left; margin-right: 0; margin-bottom: 20px; } + .post-author-avatar img { width: 70px; height: 70px; } + .post-author-txt h5 { margin-bottom: 10px; } + + .author-follow-btn { padding: 5px 12px; top: 135px; right: 10px; } + + .post-comments { padding-top: 50px; } + .post-comments h5 { margin-bottom: 40px; } + .post-comments img { width: 45px; height: 45px; } + .comment-body { margin-left: 18px; } + .comment-meta { margin-bottom: 8px; } + .comment-meta h6 { margin-bottom: 5px; } + .post-comments #leave-comment h5 { margin-top: 50px; } + + .comment-form p { margin-bottom: 10px; } + + .comment-form { margin-top: 50px; } + .comment-form .btn { font-size: 1rem; margin-top: 0; } + + /* CONTACTS */ + #contacts-1 .section-title p { padding: 0 3%; } + #contacts-1 .contact-form .contact-form-notice p { font-size: 0.875rem; margin-top: 30px; } + + #contacts-1 .contact-form .col-md-12 span { line-height: 1.4; margin-bottom: 15px; } + .contact-form .form-control, .contact-form .form-select { height: 54px; } + .contact-form textarea { min-height: 170px; } + .contact-form textarea.form-control { padding: 15px; } + + /* FOOTER */ + .footer { padding-bottom: 30px; } + .footer hr { margin-top: 5px; margin-bottom: 30px; } + .bottom-footer p.p-sm { margin-bottom: 0; } + + #footer-10.pt-50 { padding-top: 0; } + #footer-11.p-404.pt-50 { padding-top: 40px; padding-bottom: 40px; } + + .footer .col-sm-4, .footer .col-sm-6, .footer .col-sm-8 { width: 50%!important; float: left; } + #footer-3.footer .col-sm-6.col-md-3 { width: 100%!important; float: none; } + + .footer-info, .footer-links, .footer-stores-badge { margin-bottom: 35px; } + #footer-2 .footer-info { margin-bottom: 40px; } + + #footer-6 .footer-info, #footer-7 .footer-info { margin-top: 15px; margin-bottom: 0; } + #footer-10 .footer-info { margin-bottom: 25px; padding-bottom: 35px; } + #footer-8 .footer-links, #footer-10 .footer-links { margin-bottom: 10px; } + + img.footer-logo, img.footer-logo-dark { max-height: 37px; } + #footer-1 .footer-logo, #footer-5 .footer-logo, #footer-6 .footer-logo, #footer-7 .footer-logo { margin-bottom: 24px; } + #footer-10 img.footer-logo { max-height: 37px; } + + .footer h6 { font-size: 1.21875rem; margin-bottom: 20px; } /* 19.5px */ + + .footer-mail-link { font-size: 1.125rem; } /* 18px */ + .footer-mail-link span { top: 3px; right: 0; } + #footer-1 .footer-info .footer-mail-link { margin-top: 5px; } + + #footer-8 .foo-links li { display: block!important; padding-left: 0; } + #footer-10 .foo-links li { padding: 0 8px; } + + .foo-links li a span.ext-link { left: 3px; top: 0.5px; } + .foo-links.ico-10 li span { top: 1px; right: 3px; } + + .footer-stores-badge .store { margin-right: 0; } + + .footer-socials.ico-25 [class*="flaticon-"]:before, + .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.3925rem; } + + .footer-form { margin-right: 5%; } + #footer-9 .footer-form { margin-bottom: 0; } + #footer-9 .footer-form h6 { padding-right: 10%; } + .footer-form .form-control { font-size: 1.1rem; height: 34px; } + .footer-form .btn { height: 34px; } + .footer-form .ico-15 [class*="flaticon-"]:before, + .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.125rem; line-height: 28px!important; } + + .bottom-footer-socials { margin-top: 10px; } + .bottom-footer-socials li { padding-left: 12px; } + .bottom-footer-socials li:first-child { padding-left: 0; } + + .bottom-footer-list { margin-top: 3px; } + #footer-4 .bottom-footer-list li, #footer-9 .bottom-footer-list li { padding-left: 8px; } + + .footer-list-divider { top: -1px; } + .bottom-secondary-link p span { top: 1.5px; padding: 0 2px; } + .footer-info-copyright p span { top: 2px; padding: 0 2px; } + + .footer-info-copyright.ico-15 [class*="flaticon-"]:before, + .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; } + + /* INNER PAGE WRAPPER */ + .inner-page-title { margin-bottom: 50px; } + .inner-page-title h2 { margin-bottom: 0; } + .inner-page-title p { font-size: 1.15rem; padding: 0 5%; line-height: 1.6666; margin-top: 10px; } + .page-hero-section h1 { line-height: 1.25; margin-bottom: 20px; } + + /* PAGE PAGINATION */ + .page-link { font-size: 0.95rem; padding: 2px 10px; } + .pagination.ico-20 [class*="flaticon-"]:before, + .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } + + /* SIGN IN / SIGN UP */ + .login-page-logo { margin-bottom: 40px; } + .login-page-logo img { max-height: 40px; } + + .register-form-title { margin-bottom: 25px; } + .register-form-title h3 { font-size: 1.6875rem; } + + .separator-line, .register-page-form p.input-header, .form-data span, .register-page-form .btn-google { font-size: 1rem; } + #signup .form-data span { font-size: 0.9rem; } + .reset-password-link p { font-size: 1rem; margin-top: 0; margin-bottom: 8px; } + .register-page-form p.create-account { font-size: 1rem; margin-top: 20px; } + .separator-line { margin: 24px 0; } + + .reset-page-wrapper { margin: 0 15px; } + .reset-page-wrapper form { padding: 40px 20px 15px; } + + #login .register-page-form, #signup .register-page-form { padding: 35px 20px; } + #login.login-1 .register-page-form, #signup.signup-1 .register-page-form { padding: 15px; } + + .reset-form-title { margin-bottom: 20px; } + .reset-form-title p.p-sm { font-size: 1rem; margin-top: 20px; } + + .reset-page-wrapper .form-control, .register-page-form .form-control, #login .register-page-form .btn.submit, + #signup .register-page-form .btn.submit, .reset-page-wrapper .btn.submit { height: 54px; font-size: 1.0625rem; } + .btn-google img { width: 20px; height: 20px; top: -2px; right: 5px; } + + .btn-show-pass { top: 18px; } + + /* PAGE 404 */ + .page-404-txt { padding-top: 100px; padding-bottom: 60px; } + .page-404-txt h2 { margin-bottom: 15px; } + .page-404-txt h6 { line-height: 1.6666; padding: 0 2%; margin-bottom: 22px; } + .page-404-img { padding: 0 4%; margin-bottom: 35px; } + + /* MODAL */ + #modal-1 .modal-dialog { max-width: 370px; margin: auto auto; } + #modal-2 .modal-dialog { width: 340px; margin: auto auto; } + #modal-3 .modal-dialog.modal-xl { width: 360px; margin: auto auto; } + + #modal-1.modal .btn-close { right: 10px!important; top: 10px!important; } + + #modal-2 .modal-body-content { padding: 25px 30px 5px; } + #modal-3 .modal-body-content { padding: 30px 15px 20px; } + + .modal-body .newsletter-form { margin-top: 20px; } + .modal .newsletter-form .form-control, .modal .newsletter-form .btn { height: 52px; font-size: 1rem; } + + #modal-3 .request-form-title p { margin-top: 15px; margin-bottom: 20px; } + + +} + + + + +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ + +@media (min-width: 390px) and (max-width: 413.98px) { + + /*------------------------------------------*/ + /* BASE + /*------------------------------------------*/ + + #stlChanger { display: none; } + .division { padding-left: 3px; padding-right: 3px; } + .bg--fixed { width: auto; } + .bg--scroll { width: auto; background-attachment: scroll!important; } + + /* Backgroud Shape */ + .shape--01:after { height: 90%; top: 6.5%; } + .shape--02:after { width: 140%; height: 90%; top: 6.5%; left: -20%; } + .shape--03:after { width: 140%; height: 129%; top: -70px; left: -20%; } + .shape--04:after { height: 94%; top: 0; } + .shape--06:after { height: 92%; } + .shape--07:after { height: 80%; top: 15%; } + + ol.digit-list p { margin-bottom: 5px; } + + .font--jakarta h1, .font--jakarta h2 { line-height: 1.35; } + .font--jakarta h3, .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 { line-height: 1.4; } + + /* Font Size */ + .s-15, .s-16 { font-size: 1.0625rem; } /* 17px */ + .s-17 { font-size: 1.125rem; } /* 18px */ + .s-18, .s-19, .s-20, .s-21, .s-22, .s-23 { font-size: 1.3125rem; } /* 21px */ + .s-24, .s-26, .s-28 { font-size: 1.4375rem; } /* 23px */ + .s-30, .s-32, .s-34 { font-size: 1.5625rem; } /* 25px */ + .s-36, .s-38, .s-40 { font-size: 1.6875rem; } /* 27px */ + .s-42, .s-43, .s-44, .s-45, .s-46, .s-47 { font-size: 1.8125rem; } /* 29px */ + .s-48 { font-size: 1.9375rem; } /* 31px */ + .s-50, .s-52, .s-54, .s-56, .s-58, .s-60 { font-size: 2rem; } /* 32px */ + .s-62 { font-size: 2.0625rem; } /* 33px */ + .s-64, .s-66 { font-size: 2.125rem; } /* 34px */ + .s-68 { font-size: 2.25rem; } /* 36px */ + + /* Paragraphs */ + p.p-sm { font-size: 1rem; } + p { font-size: 1.0625rem; } + p.p-md, p.p-lg { font-size: 1.125rem; } + + /* Transparent Link */ + a.tra-link { font-size: 1.125rem; } + .tra-link.ico-20 [class*="flaticon-"]:before, + .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; } + + /* Transparent Link */ + a.tra-link { font-size: 1.0625rem; } + .tra-link.ico-20 [class*="flaticon-"]:before, + .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 2px; left: 2px; } + + /* Button */ + .btn { font-size: 1.0625rem; } + .btn.btn-sm { font-size: 1rem; padding: 0.7rem 1.5rem; } + .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.61915rem 0.5rem 0; } + + /* Buttons Group */ + .btns-group .btn:first-child { margin-left: 8px; margin-right: 8px; margin-bottom: 15px; } + .btns-group .btn:last-child { margin-left: 8px; margin-right: 8px; } + + /* Button Icon */ + .btn.ico-20 [class*="flaticon-"]:before, + .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.45rem!important;top: 4px; } + + .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.05rem; } + + .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.15rem; top: -10px; margin-right: 0; } + .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.15rem; top: -10px; margin-left: 0; } + .btn.ico-left span { margin-right: 3px; } + .btn.ico-right span { margin-left: 3px; } + + /* Button Text */ + p.btn-txt, .text-center p.btns-group-txt { margin-top: 18px; margin-bottom: 0; } + .btn-rating { margin: 15px 0 0 0; } + .btn-rating p.p-sm { font-size: 0.9375rem; } + + /* OS Button */ + .os-btn { width: 280px; min-width: 280px; padding: 14px 15px 10px; } + .os-btn-ico { margin-right: 14px; } + .os-btn-txt p { margin-top: 4px; } + + .btn-os.mb-15 { margin-bottom: 15px; } + .btn-os.mr-15 { margin-right: 0; margin-bottom: 15px; } + + /* Store Badge */ + .store { margin-right: 6px; } + .store.store-btn-2 { margin-right: 0; } + .store-btn-3, .store-btn-4 { margin-top: 15px; } + + /* Watch Video Link */ + .watch-video { margin-top: 20px; } + .watch-video-link { margin-right: 10px; } + p.video-txt-lg { font-size: 1.125rem; } + p.video-txt-sm { font-size: 1.0625rem; } + + /* Vector Icon Background */ + .ico-50 .shape-ico svg { width: 120px; height: 120px; top: -35px; left: calc(50% - 60px); } + .fbox-11 .ico-50 .shape-ico svg { top: -35px; left: calc(50% - 65px); } + .ico-55 .shape-ico svg { width: 125px; height: 125px; top: -30px; left: calc(50% - 65px); } + .ico-60 .shape-ico svg { width: 130px; height: 130px; top: -35px; left: calc(50% - 60px); } + + /* Vector Rounded Icons */ + .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 94px; height: 94px; } + + .ico-rounded [class*="flaticon-"]:before, + .ico-rounded [class*="flaticon-"]:after, + .ico-rounded-md [class*="flaticon-"]:before, + .ico-rounded-md [class*="flaticon-"]:after, + .ico-rounded-lg [class*="flaticon-"]:before, + .ico-rounded-lg [class*="flaticon-"]:after { font-size: 3rem; line-height: 94px!important; } + + /* Vector Square Icons */ + .ico-square { width: 88px; height: 88px; } + .ico-square [class*="flaticon-"]:before, + .ico-square [class*="flaticon-"]:after { font-size: 2.85rem; line-height: 88px!important; } + + /* Section ID */ + .section-id.rounded-id { padding: 8px 22px; font-size: 0.8rem; margin-bottom: 30px; } + + /* Section Title */ + .section-title.mb-60 { margin-bottom: 35px; } + .section-title.mb-70, .section-title.mb-80 { margin-bottom: 40px; } + + .section-title h2 { padding: 0 1%; } + + .section-title p.p-md, .section-title p.p-lg { margin-top: 14px; } + .section-title p.p-xl { font-size: 1.125rem; margin-top: 14px; } + .section-title p.s-20, .section-title p.s-21 { font-size: 1.1875rem; padding: 0 2%; margin-top: 12px; } /* 19px */ + .section-title p.p-md, .section-title p.p-lg { padding: 0; } + + .section-title .btns-group.mt-35 { margin-top: 20px; } + .section-title .btns-group .btn { margin-left: 10px; margin-right: 10px; } + .section-title .btns-group .btn:first-child { margin-bottom: 15px; } + + /*------------------------------------------*/ + /* NAVIGATION MENU + /*------------------------------------------*/ + + /* Header Logo */ + .wsmobileheader .smllogo { display: block; margin-top: 23px; padding-left: 16px; } + .blog-header .wsmobileheader .smllogo { margin-top: 29px; } + .smllogo img { width: auto; max-width: inherit; max-height: 34px; } + .blog-header .smllogo img { max-height: 28px; } + + .wsmenu > .wsmenu-list { width: 325px; margin-right: -325px; } + .wsactive .wsmobileheader { margin-right: 325px; } + .overlapblackbg { width: calc(100% - 325px); } + + .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; } + + /* Nav Link Info */ + span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; } + + .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; } + .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, + .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 10px; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, + .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 10px; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, + .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, + .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 12px 10px; } + + /* Header Store Badges */ + .store.header-store img { max-height: 45px; } + + /* Header Social Links */ + .header-socials.ico-20 [class*="flaticon-"]:before, + .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } + + .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; } + + .icons-menu-ico { margin-right: 18px; } + .icons-menu-txt span { font-size: 1rem; } + + /*------------------------------------------*/ + /* HERO + /*------------------------------------------*/ + + .hero-section.blur--purple:after { top: -25%; opacity: .18; } + + .hero-section h2 { margin-bottom: 15px; } + .hero-section h2.s-48, .hero-section h2.s-50 { margin-bottom: 20px; } + .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 25px; } + .hero-section p.s-21 { font-size: 1.3125rem; margin-bottom: 22px; } + .hero-section .btn.mt-15, .hero-section .btns-group.mt-15 { margin-top: 8px; } + + /* Hero Advantages */ + .hero-section .text-center .advantages { margin-top: 18px; } + .hero-section .advantages li { display: block!important; margin-top: 4px; } + .hero-section .advantages li p { display: block; float: none; } + .hero-section li.advantages-links-divider { display: none!important; } + + /* HERO LOGO */ + .hero-logo { margin-bottom: 28px; } + .hero-logo img { max-height: 32px; } + + .hero-square-logo { margin-bottom: 10px; } + .hero-square-logo img { max-height: 64px; } + + /* HERO APP LOGO */ + .hero-app-logo { margin-bottom: 25px; } + .hero-app-logo img { max-height: 90px; } + #hero-25 .hero-app-logo img { max-height: 90px; } + + /* HERO DIGITS */ + .hero-digits { margin-top: -5px; } + #hero-9 .hero-digits { margin-top: 3px; } + .hero-digits h2.statistic-number { font-size: 2.25rem; } + .hero-digits h2.statistic-number span { font-size: 2rem; } + + /* HERO QUICK FORM */ + .hero-section .quick-form.mt-45, .hero-section .quick-form.mt-35 { margin-top: 0; } + .hero-section .quick-form .form-control, .hero-section .quick-form .btn { font-size: 1.175rem; height: 58px; } + .hero-section .quick-form.form-half .form-control { height: 58px; font-size: 1.175rem; padding: 0 14px; } + .hero-section .quick-form.form-half .btn { height: 58px; font-size: 1.15rem; } + + .hero-section .text-center .quick-form-msg { margin: 20px 0 0 0; } + + /* HERO REQUEST FORM */ + .request-form .form-control { height: 56px; font-size: 1.0625rem; padding: 0 14px; } + #hero-10-form .btn, #hero-22-form .btn { height: 56px; font-size: 1.0625rem; padding: 16px; } + + /* HERO-1 */ + .hero-1-txt { padding: 0 3%; } + .hero-1-img { margin-top: 35px; } + + /* HERO-2 */ + .hero-2-txt { padding: 0 2%; } + .hero-2-img { margin-top: 35px; } + + /* HERO-3 */ + .hero-3-txt { padding: 0 2%; } + #hero-3:after { height: 8%; } + .hero-3-img { margin-top: 35px; } + + /* HERO-4 */ + #hero-4 { padding-top: 70px; } + #hero-4:after { height: 7%; } + + .hero-4-txt h2 { padding: 0 3%; } + .font--inter .hero-4-txt h2 { padding: 0 4%; } + .hero-4-txt p { padding: 0 5px; } + .hero-4-img { margin-top: 35px; } + + /* HERO-5 */ + #hero-5 { margin-bottom: 50px; } + .hero-5-txt h2 { margin-bottom: 15px; } + .hero-5-txt p.p-lg { margin-bottom: 20px; } + + /* HERO-6 */ + #hero-6 { padding-top: 0; } + #hero-6 .container { max-width: 100%; } + .hero-6-wrapper { padding: 70px 20px; margin: 0 -15px; border-radius: 0 0!important; } + .hero-6-txt p { padding: 0 3%; } + .hero-6-img { margin: 35px 1% 0; } + + /* HERO-7 */ + #hero-7 { padding-top: 80px; padding-bottom: 80px; } + .hero-7-txt h2 { padding: 0 5%; } + #hero-7 .quick-form { margin-left: 3%; margin-right: 3%; } + .hero-7-img { margin-top: 35px; } + + /* HERO-8 */ + .hero-8-txt { padding: 0 4%; } + .hero-8-txt .hero-logo { display: none; } + .hero-8-txt .hero-digits { padding: 0; } + + #hero-8-form { padding: 30px 18px; margin: 40px 2% 0; border-radius: 10px; } + #hero-8-form h4 { margin-bottom: 15px; } + #hero-8-form p { font-size: 1.0625rem; margin-bottom: 16px; } + #hero-8-form p.p-sm { font-size: 1rem; padding: 0!important; } + + /* HERO-9 */ + .hero-9-txt h2 { padding: 0 3%; line-height: 1.45; } + .hero-9-txt h2 img { max-height: 52px; margin: 0 2px; top: -9px; } + .hero-9-txt p.s-20 { font-size: 1.125rem; margin-top: 10px; } + + #hero-9 .quick-form { margin-left: 2%; margin-right: 2%; } + .hero-9-img { margin-top: 35px; } + + /* HERO-10 */ + #hero-10:after { height: 7%; } + .hero-10-txt h2 { padding: 0 2%; } + .hero-10-txt h4 { padding: 0 2%; margin-bottom: 25px; } + .hero-10-img { margin-top: 35px; } + + /* HERO-11 */ + .hero-11-txt p { padding: 0 4%; } + .hero-11-img { margin: 30px 3% -50px; } + + /* HERO-12 */ + #hero-12:after { height: 7%; } + .hero-12-txt h2 { padding: 0 5%; } + .font--inter .hero-12-txt h2 { padding: 0 4%; } + .hero-12-txt p { padding: 0 5px; } + .hero-12-img { margin-top: 35px; } + + /* HERO-13 */ + .hero-13-txt { padding: 0 3%; } + .hero-13-img { margin: 40px 2% 0; } + + /* HERO-14 */ + #hero-14 { margin-bottom: 20px; } + .hero-14-txt h2.s-62 { font-size: 2rem; padding: 0 3%; margin-bottom: 15px; } + .hero-14-txt p.s-21 { padding: 0; margin-bottom: 25px; } + #hero-14 .quick-form { margin-left: 4%; margin-right: 4%; } + .hero-14-img { margin-top: 35px; margin-bottom: -20px; } + .hero-14-txt .btn-txt { margin-top: 25px; } + + /* HERO-15 */ + .hero-15-txt { padding: 0 3%; } + .hero-15-img { margin: 0 2%; } + .hero-15-img { margin: 35px 2% 0; } + + /* HERO-16 */ + #hero-16 { padding-top: 70px; margin-bottom: 35px; } + .hero-16-txt h2 { padding: 0 5%; } + .hero-16-img { margin: 35px 0 -35px; } + + /* HERO-17 */ + .hero-17-txt p { padding: 0 2%; } + #hero-17 .quick-form { margin-left: 2%; margin-right: 2%; } + #hero-17 #brands-1 { padding-top: 40px; } + + /* HERO-18 */ + .hero-18-txt { padding: 0 2%; } + .hero-18-img { margin-top: 35px; } + + /* HERO-19 */ + .hero-19-txt h2 { padding: 0 4%; } + .hero-19-txt p { padding: 0 1%; } + + /* HERO-20 */ + .hero-20-txt { padding: 0 4%; } + .hero-20-txt .hero-logo { display: none; } + .hero-section .hero-20-txt h2.s-48 { margin-bottom: 20px; } + + /* HERO-21 */ + #hero-21 { margin-bottom: 40px; } + #hero-21 .container { max-width: 100%; } + .hero-21-txt { margin-bottom: 50px; } + .hero-21-txt h2 { margin-bottom: 20px; } + + .hero-21-wrapper { overflow: visible; margin: 0 -15px; border-radius: 0 0!important; } + #hero-21 .hero-overlay { position: relative; padding: 60px 25px 0; } + .hero-21-img { margin-bottom: -40px; } + .hero-21-img .video-btn { top: calc(50% - 2px); } + + /* HERO-22 */ + #hero-22-form { text-align: center; padding: 35px 20px 25px; margin: 0 1%; } + #hero-22 .hero-logo { display: none; } + #hero-22-form h4 { font-size: 1.6875rem; padding: 0; margin-bottom: 15px; } + #hero-22-form p { font-size: 1.125rem; padding: 0 5%; margin-bottom: 16px; } + + /* HERO-23 */ + .hero-23-txt { padding: 0 2%; } + .hero-23-img { margin-top: 12px; } + + /* HERO-24 */ + #hero-24 { padding-top: 80px; padding-bottom: 80px; } + .hero-24-txt p.p-xl { padding: 0 2%; } + #hero-24 .quick-form { margin-left: 2%; margin-right: 2%; } + + /* HERO-25 */ + .hero-25-img { margin: 35px 2% 0; } + .hero-25-txt p.p-lg { margin-bottom: 22px; } + + /* HERO-26 */ + .hero-26-txt { padding: 0 5%; } + .hero-26-img { margin-top: 35px; } + + /* HERO-27 */ + .hero-27-txt h2 { font-size: 1.9rem; margin-bottom: 15px!important; } + .hero-27-txt p.s-20, .hero-27-txt p.s-21 { font-size: 1.15rem; } + .hero-27-txt .btns-group.mt-15 { margin-top: 0!important; } + + /*------------------------------------------*/ + /* CONTENT + /*------------------------------------------*/ + + /* ABOUT */ + .about-2-title { margin-bottom: 30px; } + .a2-txt { padding: 15px 20px 30px; } + + .a2-txt-quote { position: relative; margin-bottom: -40px; } + .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; } + + .a2-txt-author { margin-top: 10px; } + .a2-txt-author { font-size: 1.125rem; } + .a2-txt-author span { font-size: 0.975rem; margin-top: 1px; } + + #about-1 .txt-block h3.mb-30, .about-2-title h2.mb-30 { margin-bottom: 15px; } + + #about-4 .txt-block h2 { padding: 0 6%; } + #about-4 .txt-block p { margin-top: 15px; } + #a4-2 { margin: 35px 3% 0; } + + /* FEATURES */ + #features-14 .container { max-width: 100%; } + .fbox-14-wrapper { padding: 70px 30px; margin: 0 -15px; border-radius: 0 0!important; } + + #features-12.py-100.shape--bg:after, #features-13.py-100.shape--bg:after { height: 67%; top: 33%; } + #features-12.pt-100.shape--bg:after, #features-13.pt-100.shape--bg:after { height: 64%; top: 32.6%; } + + .row-cols-md-3 .fbox-4, .row-cols-md-2 .fbox-4, .fbox-7, .fbox-9 { padding: 40px 25px 35px; } + .fbox-5 { padding: 45px 25px 40px; } + .row-cols-md-2 .fbox-7 { padding: 40px 35px 35px; } + .fbox-8.fb-1 { padding: 0 25px 40px; } + .fbox-8.bg--white-100 { padding: 45px 25px; } + .fbox-8.fb-3 { padding: 45px 25px 0; } + .fbox-12, .fbox-13 { padding: 32px 25px; } + #fb-12-1, #fb-13-1 { margin-top: 60px; } + + .fbox-14 { padding: 40px 30px; } + .fbox-14.fb-1, .fbox-14.fb-2 { margin-bottom: 30px; } + + .fbox-img.h-135 img, .fbox-img.h-140 img, .fbox-img.h-145 img, .fbox-img.h-150 img, .fbox-img.h-155 img, + .fbox-img.h-160 img, .fbox-img.h-165 img, .fbox-img.h-170 img, .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 185px; } + + .fbox-2 .fbox-img.h-135 img, .fbox-2 .fbox-img.h-140 img, .fbox-2 .fbox-img.h-145 img, .fbox-2 .fbox-img.h-150 img, + .fbox-2 .fbox-img.h-155 img, .fbox-2 .fbox-img.h-160 img, .fbox-2 .fbox-img.h-165 img, .fbox-2 .fbox-img.h-170 img, + .fbox-2 .fbox-img.h-175 img, .fbox-2 .fbox-img.h-180 img { max-height: 180px; } + + .fbox-3 .fbox-img.h-135 img, .fbox-3 .fbox-img.h-140 img, .fbox-3 .fbox-img.h-145 img, .fbox-3 .fbox-img.h-150 img, + .fbox-3 .fbox-img.h-155 img, .fbox-3 .fbox-img.h-160 img, .fbox-3 .fbox-img.h-165 img, .fbox-3 .fbox-img.h-170 img, + .fbox-3 .fbox-img.h-175 img, .fbox-3 .fbox-img.h-180 img { max-height: 180px; } + + .fbox-4 .fbox-img.h-135 img, .fbox-4.fbox-img.h-140 img, .fbox-4 .fbox-img.h-145 img, .fbox-4 .fbox-img.h-150 img, + .fbox-4 .fbox-img.h-155 img, .fbox-4 .fbox-img.h-160 img, .fbox-4 .fbox-img.h-165 img, .fbox-4 .fbox-img.h-170 img, + .fbox-4 .fbox-img.h-175 img { max-height: 165px; } + + .fbox-1 .fbox-img, .row-cols-md-2 .fbox-1 .fbox-img, .fbox-4 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img { margin-bottom: 30px; } + + .fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, + .fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155, .fbox-2 .fbox-img.h-160, + .fbox-2 .fbox-img.h-165, .fbox-2 .fbox-img.h-170, .fbox-2 .fbox-img.h-175, + .fbox-2 .fbox-img.h-180 { padding-top: 40px; margin: 0 12px 50px; } + + .fbox-3 .fbox-img.h-135, .fbox-3 .fbox-img.h-140, .fbox-3 .fbox-img.h-145, + .fbox-3 .fbox-img.h-150, .fbox-3 .fbox-img.h-155, .fbox-3 .fbox-img.h-160, + .fbox-3 .fbox-img.h-165, .fbox-3 .fbox-img.h-170, .fbox-3 .fbox-img.h-175, + .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 12px 30px; } + + .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, + .fbox-5.fb-4 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img { margin: 0 9% 30px; } + + .fbox-ico, .fbox-ico.ico-rounded, .fbox-ico.ico-square { margin-bottom: 20px; } + + .fbox-wrapper .ico-50 [class*="flaticon-"]:before, + .fbox-wrapper .ico-50 [class*="flaticon-"]:after, + .fbox-wrapper .ico-55 [class*="flaticon-"]:before, + .fbox-wrapper .ico-55 [class*="flaticon-"]:after, + .fbox-wrapper .ico-60 [class*="flaticon-"]:before, + .fbox-wrapper .ico-60 [class*="flaticon-"]:after, + .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before, + .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after{ font-size: 3.65rem; } + + .fbox-10 .fbox-title { margin: 0 auto; } + .fbox-10 .fbox-title span { float: none; line-height: 1!important; margin-right: 0; } + .fbox-10 .fbox-title h6 { display: block; line-height: 1!important; margin-top: 15px; margin-bottom: 15px; } + + .features-section h6.s-18, .features-section h6.s-20, .features-section h6.s-22 { font-size: 1.4375rem; } /* 23px */ + .features-section h6, .fbox-txt h5, .rows-2 .fbox-11 h6, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 15px; } + + .fbox-14 h5 { padding: 0 10%; margin-bottom: 12px; } + + .row-cols-md-3 .fbox-1 p, .row-cols-md-3 .fbox-2 p, .row-cols-md-3 .fbox-3 p, .row-cols-md-3 .fbox-6 p, .row-cols-md-2 .fbox-1 p, + .row-cols-md-2 .fbox-2 p, .row-cols-md-2 .fbox-3 p, .row-cols-md-2 .fbox-6 p, .fbox-5 .fbox-txt p, .fbox-10 p { padding: 0 8%; } + .row-cols-md-3 .fbox-4 p, .row-cols-md-2 .fbox-4 p { padding: 0 4%; } + .fbox-5 .fbox-txt p, .rows-3 .fbox-11 p { padding: 0 2%; } + .row-cols-lg-3 .fbox-10 .fbox-txt p { padding: 0; } + + /* CONTENT */ + .ct-10 .section-overlay { margin-bottom: 40px; } + .ct-top { margin-bottom: 70px; } + + .ct-13 .txt-block, .ct-13 .img-block { margin-bottom: 35px; } + .ct-13 .txt-block.ml-block, .ct-13 .img-block.ml-block { margin-bottom: 0; } + + /* Content Box Wrapper */ + .content-section.ws-wrapper { margin: 0 -15px; } + .bc-1-wrapper .section-overlay, .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay { padding: 70px 17px; } + .bc-4-wrapper .section-overlay { padding: 70px 20px; } + .bc-5-wrapper .section-overlay { padding: 70px 17px 0; } + .cbox-6-wrapper { padding: 30px 17px; } + .bc-6-wrapper .section-overlay { padding: 70px 22px; } + .bc-6 { padding: 20px 15px 30px; } + + .bc-1-wrapper, .bc-2-wrapper, .bc-3-wrapper, .bc-4-wrapper, .bc-5-wrapper, .bc-6-wrapper { border-radius: 0 0!important; } + + .bc-5-wrapper .section-title p { padding: 0 3%; } + + .txt-box { margin-bottom: 15px; } + + .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 { margin-bottom: 14px; } + .cbox-2-txt h5, .cbox-3-txt h5, .bc-6-txt h5 { margin-bottom: 12px; } + + .txt-block p.p-sm, .txt-block p { margin-bottom: 0.875rem; } + .txt-block p.s-20, .txt-block p.s-21 { font-size: 1.1875rem; } + .cbox-5-fea p, .txt-block p.video-txt-sm, .txt-block p.btn-txt, .txt-block p.btns-group-txt, + .txt-block p.compatibility { margin-bottom: 0; } + .txt-block p.video-txt-lg {margin-bottom: 6px; } + + .txt-block .btn { margin-top: 18px; } + .txt-block .btns-group .btn.btn--transparent { margin-top: 0; } + .txt-block .stores-badge.mt-15, .ws-wrapper .stores-badge.mt-15 { margin-top: 8px; } + .bc-6-link.mt-15 { margin-top: 12px; } + .txt-block-tra-link.mt-25 { margin-top: 16px; } + + /* Content Box */ + .right-column .cbox-5 { margin-bottom: 40px; } + .cbox-5-content { padding: 35px; margin: 0 ; } + .cbox-5-content .divider { margin-top: 22px; margin-bottom: 22px; } + + .txt-block .cbox-5-title h2 { font-size: 2.65rem; margin-bottom: 10px; } + .cbox-5-title .statistic-number sup { font-size: 2.15rem; top: -5px; right: 6px; } + + .cbox-5-fea { padding: 15px 20px; margin-top: 20px; } + .txt-block .cbox-5-fea h4 { font-size: 1.625rem; } + .cbox-5-txt .btn { margin-top: 14px; } + + #cb-6-1, #cb-6-2, #cb-6-3 { margin-bottom: 24px; } + + /* Content Box Icon */ + .cbox-1.ico-10 span { right: 6px; } + .cbox-1.ico-15 span { top: 0.5px; right: 6px; } + .cbox-1.ico-15 [class*="flaticon-"]:before, .cbox-1.ico-15 [class*="flaticon-"]:after { font-size: 0.7rem; } + + .cbox-2 .ico-wrap { margin-right: 1rem; } + .cbox-2-ico { width: 2.3rem; height: 2.3rem; font-size: 1.15rem; line-height: 2.05rem; } + .ct-03 .cbox-2-ico { width: 1.6rem; height: 1.6rem; font-size: 1rem; line-height: 1.4rem; } + .cbox-2-line { height: calc(100% - 74px); } + + .cbox-3 { display: block; text-align: center; } + .cbox-3 .ico-wrap { margin-right: 0; } + .cbox-3 .cbox-3-ico { top: 0; margin-bottom: 10px; } + + .cbox-2-txt, .cbox-3-txt { margin-bottom: 25px; } + .ct-03 .cbox-2-txt { margin-bottom: 20px; } + + .cbox-4 { text-align: center; } + .box-title h6, .box-title h5 { display: block; line-height: 1!important; margin-bottom: 15px; } + .cbox-4-txt { margin-bottom: 30px; } + .img-block-txt .box-title h6, + .img-block-txt .box-title h5 { display: inline-block; line-height: 2.35rem!important; margin-bottom: 20px; } + .box-title span { display: block; position: relative; top:0; margin-right: 0; margin-bottom: 10px; } + .img-block-txt .box-title span { display: inline-block; top: 10px; margin-right: 10px; margin-bottom: 0; } + .box-title span[class*="flaticon-"]:before, .box-title span[class*="flaticon-"]:after { font-size: 3.25rem; } + + .img-block-txt .box-title span[class*="flaticon-"]:before, + .img-block-txt .box-title span[class*="flaticon-"]:after { font-size: 2.35rem; } + + /* Content Box Typography */ + .cbox-1-txt p { margin-bottom: 5px; } + .cbox-6 h6 { margin-bottom: 12px; } + + /* Accordion */ + .txt-block .accordion-1 .accordion-item { padding: 18px 25px; } + .txt-block .accordion-2 .accordion-item { padding: 10px 0 20px; } + + .txt-block .accordion-1 .accordion-item .accordion-thumb:before { font-size: 0.95rem; top: 0; } + .txt-block .accordion-2 .accordion-item .accordion-thumb:after, + .txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { font-size: 0.95rem; top: 8px; } + + .txt-block .accordion-1 .accordion-item.is-active { padding: 30px 25px 14px 25px; } + .txt-block .accordion-2 .accordion-item.is-active { padding: 15px 0 20px; } + + .txt-block .accordion-1 .accordion-panel { padding: 0; } + + .txt-block .accordion-2 .accordion-thumb h5 { padding-left: 12px; padding-right: 0; } + + .accordion-2 .accordion-thumb span[class*="flaticon-"]:before, + .accordion-2 .accordion-thumb span[class*="flaticon-"]:after { font-size: 1.75rem; top: 6px; } + + /* Tabs */ + .tabs-1 li { font-size: 1.125rem; } + + /* Advantages */ + .advantages, .text-center .advantages { margin-top: 15px; } + .img-block-btn .advantages li { display: block!important; margin-top: 4px; } + .img-block-btn .advantages li p { display: block; float: none; } + .img-block-btn li.advantages-links-divider { display: none!important; } + + /* Compatibility */ + .compatibility { margin-top: 10px; } + + /* Tools List / Payments Icons */ + .tools-list p, .payment-methods p { margin-bottom: 12px; } + .tools-list span { padding-right: 1px; } + .payment-icons img { max-height: 30px; } + + .tools-list.ico-35 [class*="flaticon-"]:before, + .tools-list.ico-35 [class*="flaticon-"]:after { font-size: 2.125rem; line-height: 2.125rem!important; margin-right: 4px; } + + /* Content Box Shapes */ + .cbox-5-shape-1, .cbox-5-shape-2 { display: none; } + + /* Content Images */ + .img-block.img-block-bkg img { padding: 35px 20px; } + .img-block-hidden, .bc-5-img.bc-5-dashboard.img-block-hidden { margin-bottom: -30px; } + .ct-10 .img-block { margin-bottom: -40px; } + + .ct-01 .img-block, .ct-02 .img-block, .ct-03 .img-block.right-column, .ct-03 .img-block.left-column { margin: 0 2% 35px; } + .ct-01 .img-block.j-img, .ct-02 .img-block.j-img { margin-left: 0%; margin-right: 0; } + .ct-06 .img-block, .ct-07 .img-block { margin-top: -80px; margin-bottom: 40px; } + .bc-5-img.bc-5-tablet.img-block-hidden { margin-bottom: -70px; } + .bc-6-img { padding: 30px 15px 0; margin-bottom: 25px; } + + .img-block-hidden .video-btn, .bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { top: 50%; } + .bc-5-img.bc-5-tablet.img-block-hidden .video-btn { top: calc(50% - 30px); } + .img-block-txt, .img-block-btn { margin-top: 40px; } + .ct-11 .img-block, .ct-12 .img-block { margin-bottom: 40px; padding: 40px 7%; } + + /* STATISTIC */ + .sb-rounded .statistic-block { text-align: center; padding: 25px; } + #statistic-5 .statistic-digit { padding-bottom: 18px; margin: 0 12% 18px; } + + #sb-1-1, #sb-1-2, #sb-3-1, #sb-3-2, #sb-3-3 { margin-bottom: 35px; } + #sb-2-1, #sb-2-2, #sb-2-3, #sb-2-4 { width: 50%; } + #sb-2-3, #sb-2-4 { padding-right: 12px; } + #sb-4-3 { margin-bottom: 30px; } + #sb-5-1, #sb-5-2 { margin-bottom: 35px; } + + .statistic-1-wrapper .statistic-block-digit { margin-bottom: 12px; } + + h2.statistic-number { font-size: 2.25rem; line-height: 1; letter-spacing: -0.5px; } + .txt-block-stat h2.statistic-number { font-size: 2rem; } + #statistic-1 h2.statistic-number { letter-spacing: -0.5px; } + #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number { margin-bottom: 12px; } + #statistic-5 .statistic-digit h2 { font-size: 2.25rem; letter-spacing: -0.5px; } + + #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm { margin-top: 12px; } + .txt-block-stat .statistic-block p { font-size: 0.95rem; } + #statistic-5 .statistic-txt p { padding: 0 8%; } + + /* PROJECTS */ + #pt-1-1, #pt-1-2, #pt-1-3, .inner-page-hero #pt-1-3, .inner-page-hero #pt-1-4, .inner-page-hero #pt-1-5 { margin-bottom: 40px; } + .project-details h5 { margin-bottom: 25px; } + .more-projects { margin-top: 45px; } + + /* PROJECT DETAILS */ + .single-project .project-title { margin-bottom: 40px; } + .project-title h2 { padding-right: 0; padding-bottom: 25px; margin-bottom: 25px; } + .project-data p { margin-bottom: 5px; } + + .project-priview-img.mb-50 { margin-bottom: 35px; } + .project-inner-img .top-img { margin-bottom: 30px; } + .project-inner-img.mt-50 { margin-top: 35px; } + .project-txt h5.mt-35.mb-35 { margin-top: 20px; margin-bottom: 20px; } + .project-txt h5.mt-50.mb-35 { margin-top: 35px; margin-bottom: 20px; } + + .project-description .more-projects { margin-top: 45px; } + .project-description .more-projects span { top: 1px; left: 4px; } + .project-description .more-projects.ico-25 [class*="flaticon-"]:before, + .project-description .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.125rem; } + + /* RATING */ + #rb-2-1, #rb-2-2 { margin-bottom: 25px; } + + .rating-title h5 { font-size: 1.125rem; padding: 0 15%; } + .rbox-1-img { margin-bottom: 15px; } + .rbox-1-img img { max-height: 31px; } + .rbox-2-txt img { max-height: 31px; } + p.rbox-2-txt { line-height: 31px; margin-top: 8px; } + + .rbox-1 .star-rating { padding: 5px 16px; } + .rbox-1 .star-rating { font-size: 0.9rem; line-height: 1; } + + .rbox-1 .star-rating span { top: 2px; } + .rbox-1 .ico-10 [class*="flaticon-"]:before, .rbox-1 .ico-10 [class*="flaticon-"]:after { font-size: 0.9rem; } + .rbox-1 .ico-15 [class*="flaticon-"]:before, .rbox-1 .ico-15 [class*="flaticon-"]:after { font-size: 1rem; } + .rbox-2 .ico-20 [class*="flaticon-"]:before, .rbox-2 .ico-20 [class*="flaticon-"]:after { font-size: 1.35rem; } + .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.35rem; } + + /* TESTIMONIALS */ + #reviews-4 .txt-block, #reviews-5 .txt-block { text-align: center; } + #reviews-4 .txt-block h2, #reviews-5 .txt-block h2 { font-size: 1.90625rem; padding: 0 4%; } /* 30.5px */ + + .review-1 { padding: 35px 20px 30px; margin: 0 6px 20px; } + .review-2, .review-3, .review-4, .review-5 { padding: 35px 20px 30px; } + + .review-txt { margin-top: -40px; } + .review-txt h6 { margin-bottom: 10px; } + .review-3 .review-txt p { font-size: 1.0625rem; } + + .review-1 .author-data, .review-2 .author-data, + .review-3 .author-data, .review-4 .author-data, .review-5 .author-data { margin-top: 20px; } + + .review-avatar img, .owl-item .review-avatar img { width: 52px; height: 52px; } + .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img { width: 52px; height: 52px; } + + .review-author { padding: 0 0 0 12px; } + .review-1 .review-author, .review-2 .review-author, .review-3 .review-author, .review-5 .review-author { margin-top: 3px; } + + .review-author h6 { margin-bottom: 8px; } + .review-1 .review-author h6, .review-2 .review-author h6, .review-3 .review-author h6, + .review-4 .review-author h6, .review-5 .review-author h6 { font-size: 1.2rem; } + + /* PRESS */ + .press-logo img { max-height: 74px; } + .press-txt { padding: 0 1%; margin-top: 10px; } + + /* BRANDS */ + #brands-3:after { height: 75%; } + + .brands-title { padding: 0 4%; } + .brands-title.mb-35, .brands-title.mb-40 { margin-bottom: 25px; } + .brands-title.mb-50 { margin-bottom: 30px; } + + .brands-title h4, .brands-title h3, .brands-title h2 { margin-bottom: 8px; } + .brands-title p.p-md, .brands-title p.p-lg { font-size: 1.0625rem; } + + .brands-3-wrapper, .brands-3-wrapper.brands-3-static { padding: 25px 15px; } + + #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-3-1, #brand-3-2, #brand-4-1, #brand-4-2, + #brand-4-3, #brand-4-4, #brand-4-5, #brand-4-6, #brand-4-7, #brand-4-8, #brands-4 .brand-logo.mb-40 { margin-bottom: 25px; } + #brand-3-5 { display: none; } + + #brands-1 .brands-carousel-6 .brand-logo, #brands-1 .brands-carousel-5 .brand-logo { padding: 0 25px; } + #brands-1 .justify-content-center .brand-logo, #brands-4 .brand-logo { padding: 0 25px; } + #brands-2 .brand-logo, #brands-3 .brand-logo, #brands-3 .brands-3-static .brand-logo { padding: 0 17px; } + + .brands-section .more-btn { margin-top: 30px; } + + /* INTEGRATIONS */ + #integrations-2 .container { max-width: 100%; } + .integrations-2-wrapper { padding: 70px 20px; margin: 0 -15px; border-radius: 0 0!important; } + .in_tool_logo.ico-65 img { width: 55px; height: 55px; } + .in_tool h6 { font-size: 1.125rem; } + + #integrations-1 .in_tool-logo.ico-60 img { width: 52px; height: 52px; } + .integrations-1-wrapper .in_tool { padding: 18px 22px; } + .integrations-1-wrapper .in_tool.mb-30, .integrations-1-wrapper .it-7, .integrations-1-wrapper .it-8 { margin-bottom: 25px; } + .integrations-1-wrapper .in_tool-txt h6 { font-size: 1.325rem; line-height: 1; margin-top: 5px; } + .integrations-1-wrapper .in_tool-txt p { font-size: 1.0625rem; margin-top: 6px; } + + .integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 30px; } + + /* PRICING */ + .pricing-1-table, .text-center .pricing-1-table { padding: 35px 40px 35px; } + .pricing-2-table { padding: 35px 50px; } + .pricing-3-table { padding: 30px 50px 35px; } + .pricing-4-table { padding: 35px 40px; } + + .pricing-table-header h5, .pricing-table-header h4 { font-size: 1.5625rem!important; } + + .pricing-discount { top: 0; right: -2px; padding: 6px 11px; } + .pricing-1-table .pricing-discount { top: -4px; right: 0; padding: 7px 13px; } + .text-center .pricing-1-table .pricing-discount { top: -32px; right: -5px; } + .pricing-discount h6 { font-size: 1.05rem; } + .pricing-1-table .pricing-discount h6 { font-size: 0.9375rem; } + + .p-table p.btn-txt { margin: 12px 0 0 0; } + + .price span { font-size: 2.75rem; } + .pricing-2-table.highlight .price span { font-size: 2.5rem; } + .pricing-3-table .price span { font-size: 4.25rem; letter-spacing: -3px; } + .pricing-4-table .price span { font-size: 2.75rem; } + + .price sup { font-size: 2rem; top: -5px; } + .pricing-3-table .price sup { font-size: 2.45rem; top: -19px; } + .pricing-4-table .price sup { font-size: 2rem; top: -5px; } + + .pricing-3-table .price sup.coins { font-size: 2.45rem; top: -22px; letter-spacing: -2px; } + + .price sup.validity { font-size: 1.3125rem; } + .pricing-3-table .price sup.validity { font-size: 1.3125rem; top: 0; margin-top: 20px; margin-bottom: 35px; } + .pricing-4-table .price sup.validity { font-size: 1.3125rem; left: 4px; } + + .text-center .price p, .text-center .pricing-2-table .price p { padding: 0; } + + .pricing-2-table hr { margin-top: 20px; } + + /* Pricing Features */ + .pricing-features.mt-25 { margin-top: 20px; } + .pricing-features li, .pricing-4-table .pricing-features li { padding: 10px 8px; } + + /* Pricing Notice */ + .pricing-notice.mb-40 { margin-bottom: 30px; } + .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0 ; } + + /* Pricing Toggle Button */ + #pricing-4 .ext-toggle-btn { margin: 0 auto 30px; } + .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt { font-size: 1.15rem; } + + /* Pricing Compare */ + .table-responsive.mb-50 { margin-bottom: 30px; } + .table>:not(caption)>*>* { padding-top: 9px; padding-bottom: 9px; } + .comp-table .table-responsive thead th { font-size: 0.9375rem; } + .comp-table .table-responsive tbody th { font-size: 0.915rem; line-height: 1.25; } + .comp-table .table-responsive tbody td { font-size: 0.9rem; top: 0; line-height: 1.25; } + + .comp-table .table-responsive tbody td span { top: 3px; } + + .table-responsive .ico-15 [class*="flaticon-"]:before, + .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; } + + .table-responsive .ico-20 [class*="flaticon-"]:before, + .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; } + + .pbox { padding: 0; } + #pbox-1, #pbox-2, #pbox-3 { margin-bottom: 30px; } + .pricing-section .txt-box-last, .pricing-section .pm-last { margin-bottom: 40px; } + .comp-table-payment h6 { margin-bottom: 15px; } + + /* TEAM */ + #team-1.pb-40, #team-2.pb-40 { padding-bottom: 30px; } + .team-member.mb-40, .team-member.mb-50, .team-member.mb-60 { margin-bottom: 40px; } + + .team-member-photo { margin-bottom: 25px; } + #team-1 .team-member-data, #team-2 .team-member-data { margin-left: 10px; } + + .team-member-data h6.s-20 { font-size: 1.4375rem; margin-bottom: 6px; } /* 23px */ + .team-member-data p { font-size: 1.175rem; } + ul.tm-social, #team-1 ul.tm-social { top: 5px; right: 10px; } + .tm-social.ico-20 [class*="flaticon-"]:before, .tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.4125rem; } + + /* CAREERS */ + #careers-1 { padding-bottom: 40px; } + .role-box { text-align: center; padding: 28px 40px; } + .role-box-txt span, #careers-1 .role-box span { margin-bottom: 12px; } + .role-box-txt h6 { line-height: 1.4; margin-bottom: 5px; } + #careers-1 .role-box h6 { line-height: 1.4; margin-bottom: 6px; } + .role-box-txt p { margin-bottom: 14px; } + + /* CAREER ROLE */ + #role-page .inner-page-title { margin-bottom: 25px; } + #role-page .inner-page-title span { margin-bottom: 20px; } + #role-page .inner-page-title p { padding: 0; } + .role-info hr, #role-page .cbox-6-wrapper { margin: 35px 0; } + .txt-block.role-info .btn { margin-top: 30px; } + + /* BANNER */ + #banner-12, #banner-13 { margin-top: 0; margin-bottom: 25px; } + #banner-9.py-70 { padding-top: 55px; padding-bottom: 65px; } + + #banner-1 .container, #banner-2 .container, #banner-3 .container, + #banner-11 .container, #banner-12 .container, #banner-13 .container { max-width: 100%; } + .banner-1-wrapper, .banner-2-wrapper, .banner-3-wrapper, + .banner-11-wrapper, .banner-12-wrapper, .banner-13-wrapper { margin: 0 -15px; border-radius: 0 0!important; } + + .banner-1-wrapper .banner-overlay, .banner-2-wrapper .banner-overlay, + .banner-3-wrapper .banner-overlay { padding: 60px 20px 70px; } + .banner-1-wrapper .banner-overlay.sm-title { padding: 55px 25px 65px; } + + #banner-5 .banner-overlay.pt-80.pb-90, #banner-7 .banner-overlay.pt-80.pb-90, #banner-6 .banner-overlay, + #banner-8 .banner-overlay, #banner-14 .banner-overlay, #banner-15 .banner-overlay { padding-top: 55px; padding-bottom: 65px; } + + #banner-10 .banner-overlay { padding-top: 60px; padding-bottom: 60px; } + .banner-11-wrapper .banner-overlay { overflow: hidden; padding: 55px 35px 0; border-radius: 0 0!important; } + .banner-12-wrapper .banner-overlay { overflow: visible; padding: 55px 35px 0; border-radius: 0 0!important; } + .banner-13-wrapper .banner-overlay { overflow: visible; padding: 55px 35px 65px; border-radius: 0 0!important; } + .banner-16-wrapper .banner-overlay { padding: 35px 10%; } + + .banner-5-txt { padding: 0 3%; } + .banner-8-txt {padding: 0 5%; } + .banner-12-txt, .banner-13-txt { margin-top: 0; padding-right: 0; } + + .banner-section .section-id { margin-bottom: 18px; } + #banner-15.banner-section .section-id { margin-bottom: 22px; } + + .banner-section h2 { font-size: 1.90625rem!important; } + .banner-section h3 { font-size: 1.78125rem!important; } + .banner-1-txt h2 { margin-bottom: 12px; } + .banner-2-txt h2, .banner-10-txt h2 { margin-bottom: 25px; } + .banner-4-txt h2 { padding: 0 8%; margin-bottom: 22px; } + .banner-7-txt h2 { margin-bottom: 25px; padding: 0 2%; } + .banner-10-txt h6 { margin-bottom: 8px; } + .banner-10-txt h2 { font-size: 3.5rem!important; margin-bottom: 18px; } + .banner-11-txt h2, .banner-12-txt h2, .banner-13-txt h2 { margin-bottom: 14px; } + .banner-15-txt h2 { margin-bottom: 30px; } + .banner-16-txt h4 { padding: 0 5%; margin-bottom: 10px; } + + .banner-section p.p-lg, .banner-section p.p-xl { margin-bottom: 20px; } + .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl, + .banner-6-txt p.p-lg, .banner-6-txt p.p-xl { margin-top: 12px; margin-bottom: 20px!important; } + .banner-3-txt p.p-lg, .banner-3-txt p.p-xl, .banner-5-txt p.p-lg, .banner-5-txt p.p-xl { margin-top: 12px; } + .banner-5-txt p.s-21, .banner-5-txt p.s-22 { margin-top: 12px; margin-bottom: 18px; } + .banner-9-txt p.p-lg, .banner-9-txt p.p-xl { margin-top: 12px; margin-bottom: 22px!important; } + .banner-11-txt p { padding-right: 0; } + .banner-14-txt p.p-lg { font-size: 1.125rem; padding: 0 10%; margin-top: 20px; margin-bottom: 25px; } + + .banner-5-txt .btns-group.mt-35 { margin-top: 20px; } + .banner-8-buttons { margin-top: 15px; padding: 0 4%; } + .banner-15-txt .download-links { margin-top: 15px; } + .banner-section .btns-group .btn:first-child { margin-right: 0; margin-left: 0; margin-bottom: 15px; } + .banner-16-txt .txt-block-tra-link.mt-15 { margin-top: 12px; } + + .banner-9-img { margin: 40px 5% 0; } + .banner-10-img { margin: 40px 8% 0; } + .banner-11-img { margin: 35px 3% -20px; } + .banner-12-img { transform: rotate(0deg); margin: 35px 0 -40px; } + + /* DOWNLOAD */ + span.version-data { font-size: 2rem; margin-right: 10px; } + span.release-date span { margin-left: 10px; } + + /* FAQs */ + #faqs-1, #faqs-4 { padding-bottom: 50px; } + + /* FAQs Section Title */ + #faqs-1 .section-title { margin-bottom: 20px; } + #faqs-2 .inner-page-title { margin-bottom: 30px; } + #faqs-3 .section-title { margin-bottom: 40px; } + #faqs-4 .inner-page-title { margin-bottom: 40px; } + + #faqs-3 .section-title .contact-link { display: block; } + + /* FAQs Accordion */ + .faqs-section .accordion-thumb { padding: 20px 0 22px; } + #faqs-2.faqs-section .accordion-thumb { padding: 20px 0 25px; } + + .faqs-section .accordion-item .accordion-thumb:after, + .faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.875rem; top: 23px; right: 0; } + #faqs-2.faqs-section .accordion-item .accordion-thumb:after, + #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.9rem; top: 22px; right: 2px; } + + .accordion-panel { padding: 0 0 5px 0; } + #faqs-2 .accordion-panel { padding: 30px 0 15px 0; } + #faqs-2 .accordion-panel-item.mb-35, #faqs-3 .question.mb-35 { margin-bottom: 25px; } + + .faqs-section .accordion-thumb h5 { line-height: 1.4; padding-right: 8%; } + .question h5, .accordion-panel-item h5 { line-height: 1.4; margin-bottom: 15px; } + + /* FAQs Tabs */ + .faqs-section .tabs-1 { margin: 0 5px 10px; } + .faqs-section .tabs-1 li { min-width: 100%; padding: 20px 0; margin: 0 0 20px; } + + /* More Questions Link */ + #faqs-2 .more-questions { margin: 45px auto 0; } + #faqs-3 .more-questions.mt-40 { margin-top: 15px; } + .more-questions-txt { padding: 18px 36px; } + .more-questions-txt p { font-size: 1.125rem; } + + /* NEWSLETTER */ + #newsletter-1 .newsletter-overlay, #newsletter-5 .newsletter-overlay { padding-top: 50px; padding-bottom: 40px; } + #newsletter-2 .container { max-width: 100%; } + #newsletter-2 .newsletter-overlay { padding: 50px 8% 40px; margin: 0 -15px; border-radius: 0 0!important; } + #newsletter-3, #newsletter-4 .newsletter-overlay { padding-top: 55px; padding-bottom: 60px; } + + #newsletter-4 .newsletter-txt, #newsletter-5 .newsletter-txt { padding: 0; } + + .newsletter-txt h2, #newsletter-4 .newsletter-txt h2 { margin-bottom: 25px; } + .newsletter-txt h4, .newsletter-txt h3 { font-size: 1.75rem; padding: 0; margin-bottom: 25px; } + + #newsletter-3 .newsletter-txt p { padding: 0 4%; } + #newsletter-4 .newsletter-txt p { font-size: 1rem; padding: 0 4%; margin-bottom: 0; } + #newsletter-5 .newsletter-txt p { margin-top: 15px; } + + #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form, #newsletter-3 .newsletter-form { padding: 0 5%; } + #newsletter-4 .newsletter-form { padding: 0 5%; } + #newsletter-5 .newsletter-form { margin-top: 25px; padding: 0 5%; } + + .newsletter-section .form-control, #newsletter-1.newsletter-section .form-control, + #newsletter-5.newsletter-section .form-control { height: 54px; font-size: 1.0625rem; } + .newsletter-section .btn, #newsletter-1 .btn, #newsletter-5.newsletter-section .btn { height: 54px; font-size: 1.0625rem; } + + /* BLOG */ + .blog-post-img.mb-35 { margin-bottom: 30px; } + .post-tag { font-size: 0.825rem; margin-bottom: 14px; } + + .blog-post-txt h6, .blog-post-txt h4.mb-20, .blog-post-txt h3 { margin-bottom: 14px; } + .blog-post-meta.mt-20, .blog-post-meta.mt-30 { margin-top: 14px; } + .post-meta-list p { margin-bottom: 0; } + + /* Blog Listing */ + .wide-post { margin-bottom: 40px; } + .wide-post h3.s-36, .wide-post h3.s-38, .wide-post h3.s-40, .square-post h4.s-34 { font-size: 1.3125rem; } + .wide-post .blog-post-img { margin-bottom: 30px; } + + .square-post { margin-top: 10px; margin-bottom: 40px; } + .square-post .blog-post-txt { padding: 40px 20px; } + + .posts-category { margin-top: 10px; margin-bottom: 30px; } + .posts-category span { top: 1.25px; } + .posts-category.ico-20 [class*="flaticon-"]:before, + .posts-category .more-projects.ico-20 [class*="flaticon-"]:after { font-size: 1.0625rem; } + + /* Single Blog Post */ + .single-post-title h3, .single-post-title h2 { padding: 0 6%; margin-bottom: 20px; } + .single-post-title .blog-post-meta.mt-35 { margin-top: 25px; } + #single-post .post-meta-list .meta-list-divider { display: none!important; } + #single-post .post-meta-list li { display: block!important; margin-top: 10px; } + + .post-inner-img { margin-top: 30px; margin-bottom: 30px; } + + .single-post-txt h5, .single-post-txt h4 { margin-top: 15px; margin-bottom: 18px; } + + .single-post-txt .blockquote p { font-size: 1.0625rem; margin-bottom: 25px; } + .single-post-txt .blockquote-footer { font-size: 1rem; line-height: 1.3; } + + .post-share-list { margin-top: 30px; padding-bottom: 40px; } + + .post-author { display: block!important; padding: 50px 0; } + .post-author-avatar { display: block!important; text-align: left; margin-right: 0; margin-bottom: 20px; } + .post-author-avatar img { width: 70px; height: 70px; } + .post-author-txt h5 { margin-bottom: 10px; } + + .author-follow-btn { padding: 5px 12px; top: 135px; right: 10px; } + + .post-comments { padding-top: 50px; } + .post-comments h5 { margin-bottom: 40px; } + .post-comments img { width: 45px; height: 45px; } + .comment-body { margin-left: 18px; } + .comment-meta { margin-bottom: 8px; } + .comment-meta h6 { margin-bottom: 5px; } + .post-comments #leave-comment h5 { margin-top: 50px; } + + .comment-form p { margin-bottom: 10px; } + + .comment-form { margin-top: 50px; } + .comment-form .btn { margin-top: 0; } + + /* CONTACTS */ + #contacts-1 .section-title p { padding: 0 3%; } + #contacts-1 .contact-form .contact-form-notice p { font-size: 0.875rem; margin-top: 30px; } + + #contacts-1 .contact-form .col-md-12 span { line-height: 1.4; margin-bottom: 15px; } + .contact-form .form-control, .contact-form .form-select { height: 54px; } + .contact-form textarea { min-height: 170px; } + .contact-form textarea.form-control { padding: 15px; } + + /* FOOTER */ + .footer { padding-bottom: 30px; } + .footer hr { margin-top: 5px; margin-bottom: 30px; } + .bottom-footer p.p-sm { margin-bottom: 0; } + + #footer-10.pt-50 { padding-top: 0; } + #footer-11.p-404.pt-50 { padding-top: 40px; padding-bottom: 40px; } + + .footer .col-sm-4, .footer .col-sm-6, .footer .col-sm-8 { width: 50%!important; float: left; } + #footer-3.footer .col-sm-6.col-md-3 { width: 100%!important; float: none; } + + .footer-info, .footer-links, .footer-stores-badge { margin-bottom: 35px; } + #footer-2 .footer-info { margin-bottom: 40px; } + + #footer-6 .footer-info, #footer-7 .footer-info { margin-top: 15px; margin-bottom: 0; } + #footer-10 .footer-info { margin-bottom: 25px; padding-bottom: 35px; } + #footer-8 .footer-links, #footer-10 .footer-links { margin-bottom: 10px; } + + img.footer-logo, img.footer-logo-dark { max-height: 37px; } + #footer-1 .footer-logo, #footer-5 .footer-logo, #footer-6 .footer-logo, #footer-7 .footer-logo { margin-bottom: 24px; } + #footer-10 img.footer-logo { max-height: 37px; } + + .footer h6 { font-size: 1.21875rem; margin-bottom: 20px; } /* 19.5px */ + + .footer-mail-link { font-size: 1.125rem; } /* 18px */ + .footer-mail-link span { top: 3px; right: 2px; } + #footer-1 .footer-info .footer-mail-link { margin-top: 5px; } + + #footer-8 .foo-links li { display: block!important; padding-left: 0; } + #footer-10 .foo-links li { padding: 0 8px; } + + .foo-links.ico-10 li span { top: 1px; right: 3px; } + .foo-links li a span.ext-link { left: 3px; top: 0.5px; } + + .footer-stores-badge .store { margin-right: 0; } + + .footer-socials.ico-25 [class*="flaticon-"]:before, + .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.3925rem; } + + .footer-form { margin-right: 5%; } + #footer-9 .footer-form { margin-bottom: 0; } + .footer-form .form-control { font-size: 1.1rem; height: 34px; } + .footer-form .btn { height: 34px; } + .footer-form .ico-15 [class*="flaticon-"]:before, + .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.125rem; line-height: 28px!important; } + + .bottom-footer-socials { margin-top: 10px; } + .bottom-footer-socials li { padding-left: 12px; } + .bottom-footer-socials li:first-child { padding-left: 0; } + + .bottom-footer-list { margin-top: 3px; } + #footer-4 .bottom-footer-list li, #footer-9 .bottom-footer-list li { padding-left: 8px; } + + .footer-list-divider { top: -1px; } + .bottom-secondary-link p span { top: 1.5px; padding: 0 2px; } + .footer-info-copyright p span { top: 2px; padding: 0 2px; } + + .footer-info-copyright.ico-15 [class*="flaticon-"]:before, + .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; } + + /* INNER PAGE WRAPPER */ + .inner-page-title { margin-bottom: 50px; } + .inner-page-title h2 { margin-bottom: 0; } + .inner-page-title p { font-size: 1.15rem; padding: 0 5%; line-height: 1.6666; margin-top: 10px; } + .page-hero-section h1 { line-height: 1.25; margin-bottom: 20px; } + + /* PAGE PAGINATION */ + .page-link { font-size: 0.95rem; padding: 2px 10px; } + .pagination.ico-20 [class*="flaticon-"]:before, + .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } + + /* SIGN IN / SIGN UP */ + .login-page-logo { margin-bottom: 40px; } + .login-page-logo img { max-height: 40px; } + + .register-form-title { margin-bottom: 25px; } + .register-form-title h3 { font-size: 1.6875rem; } + + .separator-line, .register-page-form p.input-header, .form-data span, .register-page-form .btn-google { font-size: 1rem; } + #signup .form-data span { font-size: 0.935rem; } + .reset-password-link p { font-size: 1rem; margin-top: 0; margin-bottom: 10px; } + .register-page-form p.create-account { font-size: 1rem; margin-top: 20px; } + .separator-line { margin: 20px 0; } + + .reset-form-title { margin-bottom: 16px; } + .reset-form-title p.p-sm { font-size: 1rem; margin-top: 15px; } + + .reset-page-wrapper { margin: 0 10px; } + .reset-page-wrapper form { padding: 35px 10px 10px; } + #login .register-page-form, #signup .register-page-form { padding: 35px 25px; } + #login.login-1 .register-page-form, #signup.signup-1 .register-page-form { padding: 15px 10px; } + + .reset-page-wrapper .form-control, + .register-page-form .form-control { height: 56px; font-size: 1.0625rem; padding: 5px 12px; margin-bottom: 20px; } + + #login .register-page-form .btn.submit { height: 56px; font-size: 1.0625rem; margin-top: 12px; } + #signup .register-page-form .btn.submit { height: 56px; font-size: 1.0625rem; margin-top: 20px; } + .reset-page-wrapper .btn.submit { height: 56px; font-size: 1.0625rem; } + .btn-google img { width: 20px; height: 20px; top: -2px; right: 5px; } + + .btn-show-pass { top: 18px; } + + /* PAGE 404 */ + .page-404-txt { padding-top: 100px; padding-bottom: 60px; } + .page-404-txt h2 { margin-bottom: 15px; } + .page-404-txt h6 { line-height: 1.6666; padding: 0; margin-bottom: 22px; } + .page-404-img { padding: 0 4%; margin-bottom: 35px; } + + /* MODAL */ + #modal-1 .modal-dialog { max-width: 350px; margin: auto auto; } + #modal-2 .modal-dialog { width: 340px; margin: auto auto; } + #modal-3 .modal-dialog.modal-xl { width: 360px; margin: auto auto; } + + #modal-1.modal .btn-close { right: 10px!important; top: 10px!important; } + + #modal-2 .modal-body-content { padding: 25px 30px 5px; } + #modal-3 .modal-body-content { padding: 30px 15px 22px; } + + .modal-body .newsletter-form { margin-top: 20px; } + .modal .form-control, .modal .newsletter-form .btn { height: 52px; font-size: 1rem; } + + #modal-3 .request-form-title p { margin-top: 15px; margin-bottom: 20px; } + #modal-3 .request-form .btn { height: 52px; font-size: 1.0625rem; } + + +} + + + + +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ + +@media (min-width: 321px) and (max-width: 389.98px) { + + html { font-size: 97.5%; } + + /*------------------------------------------*/ + /* BASE + /*------------------------------------------*/ + + #stlChanger { display: none; } + .ts-0 { padding-top: 80px; } + .division { padding-left: 3px; padding-right: 3px; } + .bg--fixed { width: auto; } + .bg--scroll { width: auto; background-attachment: scroll!important; } + + /* Backgroud Shape */ + .shape--01:after { height: 90%; top: 7%; } + .shape--02:after { width: 140%; height: 90%; top: 7%; left: -20%; } + .shape--03:after { width: 140%; height: 129%; top: -70px; left: -20%; } + .shape--04:after { height: 94%; top: 0; } + .shape--06:after { height: 92%; } + .shape--07:after { height: 80%; top: 15%; } + + ol.digit-list p { margin-bottom: 5px; } + + .font--jakarta h1, .font--jakarta h2 { line-height: 1.35; } + .font--jakarta h3, .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 { line-height: 1.4; } + + /* Font Size */ + .s-15, .s-16 { font-size: 1.0625rem; } /* 16.5px */ + .s-17 { font-size: 1.125rem; } /* 17.5px */ + .s-18, .s-19, .s-20, .s-21, .s-22, .s-23 { font-size: 1.217948rem; } /* 19px */ + .s-24, .s-26, .s-28 { font-size: 1.34615rem; } /* 21px */ + .s-30, .s-32, .s-34 { font-size: 1.47435rem; } /* 23px */ + .s-36, .s-38, .s-40 { font-size: 1.60256rem; } /* 25px */ + .s-42, .s-43, .s-44, .s-45, .s-46, .s-47 { font-size: 1.730769rem; } /* 27px */ + .s-48 { font-size: 1.85897rem; } /* 29px */ + .s-50, .s-52, .s-54, .s-56, .s-58, .s-60 { font-size: 1.923076rem; } /* 30px */ + .s-62 { font-size: 1.98717rem; } /* 31px */ + .s-64, .s-66 { font-size: 2.05128rem; } /* 32px */ + .s-68 { font-size: 2.17948rem; } /* 34px */ + + /* Paragraphs */ + p.p-md, p.p-lg { font-size: 1.0625rem; } + p.p-xl { font-size: 1.125rem; } + + /* Transparent Link */ + a.tra-link { font-size: 1.0625rem; } + .tra-link.ico-20 [class*="flaticon-"]:before, + .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; } + + /* Button */ + .btn { font-size: 1rem; } + .btn.btn-sm { font-size: 1rem; padding: 0.7rem 1.5rem; } + .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.61095rem 0.5rem 0; } + + /* Buttons Group */ + .btns-group .btn:first-child { margin-left: 5px; margin-right: 5px; margin-bottom: 15px; } + + /* Button Icon */ + .btn.ico-20 [class*="flaticon-"]:before, + .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.5rem!important;top: 4px; } + + .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2rem; } + + .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.1rem; top: -10px; margin-right: 0; } + .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.1rem; top: -10px; margin-left: 0; } + .btn.ico-left span { margin-right: 2px; } + .btn.ico-right span { margin-left: 2px; } + + /* Button Text */ + p.p-sm.btns-group-txt { font-size: 0.95192rem; } + .text-center p.btns-group-txt { margin-top: 18px; } + .btn-rating { margin: 15px 0 0 0; } + .btn-rating p.p-sm { font-size: 0.9375rem; } + + /* OS Button */ + .os-btn { width: 270px; min-width: 270px; padding: 14px 15px 10px; } + .os-btn-ico { margin-right: 14px; } + .os-btn-txt p { margin-top: 4px; } + + .btn-os.mb-15 { margin-bottom: 15px; } + .btn-os.mr-15 { margin-right: 0; margin-bottom: 15px; } + + /* Store Badge */ + .store { margin-right: 6px; } + .store.store-btn-2 { margin-right: 0; } + .store-btn-3, .store-btn-4 { margin-top: 15px; } + + /* Watch Video Link */ + .watch-video { margin-top: 18px; } + .watch-video-link { margin-right: 10px; } + p.video-txt-lg { font-size: 1.0625rem; } + p.video-txt-sm { font-size: 1rem; } + + /* Video Popup Icon */ + .video-btn-xl { width: 5.625rem; height: 5.625rem; margin-top: -2.8125rem; margin-left: -2.8125rem; } + .video-btn-lg { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; } + .video-btn-md { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; } + + .video-btn.video-btn-xl [class^="flaticon-"]:before, .video-btn.video-btn-xl [class^="flaticon-"]:after { + font-size: 4.5rem; line-height: 5.625rem!important; margin-left: 8px; + } + + .video-btn.video-btn-lg [class^="flaticon-"]:before, .video-btn.video-btn-lg [class^="flaticon-"]:after, + .video-btn.video-btn-md [class^="flaticon-"]:before, .video-btn.video-btn-md [class^="flaticon-"]:after { + font-size: 4.35rem; line-height: 5rem!important; margin-left: 8px; + } + + /* Vector Icon Background */ + .ico-50 .shape-ico svg { width: 120px; height: 120px; top: -35px; left: calc(50% - 60px); } + .fbox-11 .ico-50 .shape-ico svg { top: -35px; left: calc(50% - 65px); } + .ico-60 .shape-ico svg { width: 125px; height: 125px; top: -30px; left: calc(50% - 65px); } + .ico-55 .shape-ico svg { width: 120px; height: 120px; top: -30px; left: calc(50% - 60px); } + + /* Vector Rounded Icons */ + .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 94px; height: 94px; } + + .ico-rounded [class*="flaticon-"]:before, + .ico-rounded [class*="flaticon-"]:after, + .ico-rounded-md [class*="flaticon-"]:before, + .ico-rounded-md [class*="flaticon-"]:after, + .ico-rounded-lg [class*="flaticon-"]:before, + .ico-rounded-lg [class*="flaticon-"]:after { font-size: 3rem; line-height: 94px!important; } + + /* Vector Square Icons */ + .ico-square { width: 88px; height: 88px; } + .ico-square [class*="flaticon-"]:before, + .ico-square [class*="flaticon-"]:after { font-size: 2.85rem; line-height: 88px!important; } + + /* Section ID */ + .section-id { margin-bottom: 25px; } + .section-id.rounded-id { padding: 8px 22px; font-size: 0.8rem; margin-bottom: 30px; } + + /* Section Title */ + .section-title.mb-60 { margin-bottom: 35px; } + .section-title.mb-70, .section-title.mb-80 { margin-bottom: 40px; } + + .section-title p.p-md, .section-title p.p-lg { margin-top: 14px; } + .section-title p.p-xl { font-size: 1.0625rem; margin-top: 14px; } + .section-title p.s-20, .section-title p.s-21 { font-size: 1.15384rem; padding: 0 2%; margin-top: 12px; } /* 18px */ + .section-title p.p-md, .section-title p.p-lg { padding: 0; } + + .section-title .btns-group.mt-35, .section-title .stores-badge.mt-30 { margin-top: 22px; } + .section-title .btns-group .btn { margin-left: 10px; margin-right: 10px; } + .section-title .btns-group .btn:first-child { margin-bottom: 15px; } + + /*------------------------------------------*/ + /* PRELOAD ANIMATION + /*------------------------------------------*/ + + #loading-center { height: 90px; width: 90px; margin-top: -45px; margin-left: -45px; } + .loader { width: 90px; height: 90px; } + .loader::after { border: 45px solid; } + + /*------------------------------------------*/ + /* NAVIGATION MENU + /*------------------------------------------*/ + + /* Header Logo */ + .wsmobileheader .smllogo { display: block; margin-top: 23px; padding-left: 16px; } + .blog-header .wsmobileheader .smllogo { margin-top: 29px; } + .smllogo img { width: auto; max-width: inherit; max-height: 34px; } + .blog-header .smllogo img { max-height: 28px; } + + .wsmenu > .wsmenu-list { width: 290px; margin-right: -290px; } + .wsactive .wsmobileheader { margin-right: 290px; } + .overlapblackbg { width: calc(100% - 290px); } + + .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; } + + /* Nav Link Info */ + span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; } + + .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; } + .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, + .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 10px; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, + .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 8px; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, + .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, + .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 12px 10px; } + + /* Header Store Badges */ + .store.header-store img { max-height: 44px; } + + /* Header Social Links */ + .header-socials.ico-20 [class*="flaticon-"]:before, + .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } + + .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; } + + .icons-menu-ico { margin-right: 17px; } + .icons-menu-txt span { font-size: 0.9rem; } + + /*------------------------------------------*/ + /* HERO + /*------------------------------------------*/ + + .hero-section.blur--purple:after { top: -25%; opacity: .16; } + + .hero-section h2 { margin-bottom: 15px; } + .hero-section h2.s-48, .hero-section h2.s-50 { margin-bottom: 20px; } + .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 25px; } + .hero-section p.s-21 { font-size: 1.217948rem; margin-bottom: 22px; } + .hero-section .btn.mt-15, .hero-section .btns-group.mt-15 { margin-top: 8px; } + + /* Hero Advantages */ + .hero-section .text-center .advantages { margin-top: 18px; } + .hero-section .advantages li { display: block!important; margin-top: 3px; } + .hero-section .advantages li p { display: block; float: none; } + .hero-section li.advantages-links-divider { display: none!important; } + + /* HERO LOGO */ + .hero-logo { margin-bottom: 30px; } + .hero-logo img { max-height: 30px; } + + .hero-square-logo { margin-bottom: 10px; } + .hero-square-logo img { max-height: 60px; } + + /* HERO APP LOGO */ + .hero-app-logo { margin-bottom: 25px; } + .hero-app-logo img { max-height: 88px; } + #hero-25 .hero-app-logo img { max-height: 88px; } + + /* HERO DIGITS */ + .hero-digits { margin-top: -5px; } + #hero-9 .hero-digits { margin-top: 3px; } + + .hero-digits h2.statistic-number { font-size: 2.3125rem; } + .hero-digits h2.statistic-number span { font-size: 2rem; } + + /* HERO QUICK FORM */ + .hero-section .quick-form.mt-45, .hero-section .quick-form.mt-35 { margin-top: 0; } + .hero-section .quick-form .form-control, .hero-section .quick-form .btn { font-size: 1.15rem; height: 56px; } + .hero-section .quick-form.form-half .form-control { height: 56px; font-size: 1.15rem; padding: 0 14px; } + .hero-section .quick-form.form-half .btn { height: 56px; font-size: 1.125rem; } + + .hero-section .text-center .quick-form-msg { margin: 20px 0 -10px 0; } + + /* HERO REQUEST FORM */ + .request-form .form-control { height: 54px; font-size: 1.0625rem; padding: 0 14px; } + #hero-10-form .btn, #hero-22-form .btn { height: 54px; font-size: 1.0625rem; padding: 16px; } + + /* HERO-1 */ + .hero-1-txt { padding: 0 3%; } + .hero-1-img { margin-top: 35px; } + + /* HERO-2 */ + .hero-2-txt { padding: 0 2%; } + .hero-2-img { margin-top: 35px; } + + /* HERO-3 */ + .hero-3-txt { padding: 0 2%; } + #hero-3:after { height: 8%; } + .hero-3-img { margin-top: 35px; } + + /* HERO-4 */ + #hero-4 { padding-top: 70px; } + #hero-4:after { height: 7%; } + + .hero-4-txt h2 { padding: 0 3%; } + .font--inter .hero-4-txt h2 { padding: 0 3%; } + .hero-4-txt p { padding: 0 5px; } + .hero-4-img { margin-top: 35px; } + + /* HERO-5 */ + #hero-5 { margin-bottom: 50px; } + .hero-5-txt h2 { margin-bottom: 12px; } + .hero-5-txt p.p-lg { margin-bottom: 20px; } + + /* HERO-6 */ + #hero-6 { padding-top: 0; } + #hero-6 .container { max-width: 100%; } + .hero-6-wrapper { padding: 70px 15px; margin: 0 -15px; border-radius: 0 0!important; } + .hero-6-txt p { padding: 0 3%; } + .hero-6-img { margin: 35px 1% 0; } + + /* HERO-7 */ + #hero-7 { padding-top: 70px; padding-bottom: 80px; } + .hero-7-txt h2 { padding: 0 4%; } + #hero-7 .quick-form { margin-left: 3%; margin-right: 3%; } + .hero-7-img { margin-top: 35px; } + + /* HERO-8 */ + .hero-8-txt { padding: 0 4%; } + .hero-8-txt .hero-logo { display: none; } + .hero-8-txt .hero-digits { padding: 0; } + + #hero-8-form { padding: 26px 15px; margin: 35px 2% 0; border-radius: 10px; } + #hero-8-form h4 { margin-bottom: 15px; } + #hero-8-form p { font-size: 1rem; margin-bottom: 20px; } + #hero-8-form p.p-sm { font-size: 0.9375rem; padding: 0!important; } + + /* HERO-9 */ + #hero-9 { padding-top: 70px; } + .hero-9-txt h2 { padding: 0 3%; line-height: 1.45; } + .hero-9-txt h2 img { max-height: 48px; margin: 0 2px; top: -6px; } + .hero-9-txt p.s-20 { font-size: 1.0625rem; margin-top: 10px; } + + #hero-9 .quick-form { margin-left: 2%; margin-right: 2%; } + .hero-9-img { margin: 35px 0 0; } + + /* HERO-10 */ + #hero-10:after { height: 7%; } + .hero-10-txt h2 { padding: 0 3%; } + .hero-10-txt h4 { padding: 0 3%; margin-bottom: 25px; } + .hero-10-img { margin-top: 35px; } + + /* HERO-11 */ + .hero-11-txt p { padding: 0 4%; } + .hero-11-img { margin: 30px 3% -50px; } + + /* HERO-12 */ + #hero-12 { padding-top: 70px; } + #hero-12:after { height: 6%; } + .hero-12-txt h2 { padding: 0 4%; } + .font--inter .hero-12-txt h2 { padding: 0 3%; } + .hero-12-txt p { padding: 0 5px; } + .hero-12-img { margin-top: 35px; } + + /* HERO-13 */ + #hero-13 { padding-top: 70px; padding-bottom: 70px; } + .hero-13-txt { padding: 0 3%; } + .hero-13-img { margin: 35px 1% 0; } + + /* HERO-14 */ + #hero-14 { padding-top: 80px; margin-bottom: 15px; } + .hero-14-txt h2.s-62 { font-size: 1.923076rem; padding: 0 3%; margin-bottom: 15px; } + .hero-14-txt p.s-21 { padding: 0; margin-bottom: 25px; } + #hero-14 .quick-form { margin-left: 4%; margin-right: 4%; } + .hero-14-img { margin-top: 35px; margin-bottom: -15px; } + .hero-14-txt .btn-txt { margin-top: 25px; } + + /* HERO-15 */ + .hero-15-txt { padding: 0 2%; } + .hero-15-img { margin: 35px 1% 0; } + + /* HERO-16 */ + #hero-16 { padding-top: 70px; margin-bottom: 35px; } + .hero-16-txt h2 { padding: 0 4%; } + .hero-16-txt p { padding: 0 2%; } + .hero-16-img { margin: 35px 0 -35px; } + + /* HERO-17 */ + .hero-17-txt p { padding: 0 2%; } + #hero-17 .quick-form { margin-left: 2%; margin-right: 2%; } + #hero-17 #brands-1 { padding-top: 35px; } + + /* HERO-18 */ + .hero-18-txt p { padding: 0 3%; } + #hero-18 .quick-form { margin: 20px 2% 0; } + .hero-18-img { margin-top: 35px; } + + /* HERO-19 */ + .hero-19-txt h2 { padding: 0 3%; } + .hero-19-txt p { padding: 0 1%; } + + /* HERO-20 */ + #hero-20 { padding-top: 80px; padding-bottom: 80px; } + .hero-20-txt { padding: 0 3%; } + .hero-20-txt .hero-logo { display: none; } + .hero-section .hero-20-txt h2.s-48 { margin-bottom: 20px; } + + /* HERO-21 */ + #hero-21 { margin-bottom: 40px; } + #hero-21 .container { max-width: 100%; } + .hero-21-txt { margin-bottom: 50px; } + .hero-21-txt h2 { margin-bottom: 20px; } + + .hero-21-wrapper { overflow: visible; margin: 0 -15px; border-radius: 0 0!important; } + #hero-21 .hero-overlay { position: relative; padding: 50px 25px 0; } + .hero-21-img { margin-bottom: -40px; } + .hero-21-img .video-btn { top: calc(50% - 2px); } + + /* HERO-22 */ + #hero-22-form { text-align: center; padding: 30px 18px 20px; margin: 0 1%; } + #hero-22 .hero-logo { display: none; } + #hero-22-form h4 { font-size: 1.60256rem; padding: 0; margin-bottom: 15px; } + #hero-22-form p { font-size: 1.1rem; padding: 0 5%; margin-bottom: 20px; } + + /* HERO-23 */ + #hero-23 { padding-top: 70px; margin-bottom: 20px; } + .hero-23-txt { padding: 0 2%; } + .hero-23-img { margin-top: 10px; margin-bottom: -20px; } + + /* HERO-24 */ + #hero-24 { padding-top: 70px; padding-bottom: 70px; } + .hero-24-txt p.p-xl { padding: 0 2%; } + #hero-24 .quick-form { margin-left: 2%; margin-right: 2%; } + + /* HERO-25 */ + .hero-25-txt p.p-lg { margin-bottom: 22px; } + .hero-25-img { margin: 35px 1% 0; } + + /* HERO-26 */ + .hero-26-txt { padding: 0 5%; } + .hero-26-img { margin-top: 35px; } + + /* HERO-27 */ + .hero-27-txt h2 { font-size: 1.85rem; margin-bottom: 15px!important; } + .hero-27-txt p.s-20, .hero-27-txt p.s-21 { font-size: 1.0625rem; } + .hero-27-txt p.s-20 { margin-bottom: 20px!important; } + .hero-27-txt .btns-group.mt-15 { margin-top: 0!important; } + + /*------------------------------------------*/ + /* CONTENT + /*------------------------------------------*/ + + /* ABOUT */ + .about-2-title { margin-bottom: 30px; } + .a2-txt { padding: 15px 20px 30px; } + + .a2-txt-quote { position: relative; margin-bottom: -40px; } + .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; } + + .a2-txt-author { margin-top: 10px; } + .a2-txt-author { font-size: 1.125rem; } + .a2-txt-author span { font-size: 0.975rem; margin-top: 1px; } + + #about-1 .txt-block h3.mb-30, .about-2-title h2.mb-30 { margin-bottom: 15px; } + + #about-4 .txt-block h2 { padding: 0 5%; } + #about-4 .txt-block p { margin-top: 15px; } + #a4-2 { margin: 35px 3% 0; } + + /* FEATURES */ + #features-14 .container { max-width: 100%; } + .fbox-14-wrapper { padding: 70px 30px; margin: 0 -15px; border-radius: 0 0!important; } + + #features-12.py-100.shape--bg:after, #features-13.py-100.shape--bg:after { height: 68%; top: 32%; } + #features-12.pt-100.shape--bg:after, #features-13.pt-100.shape--bg:after { height: 65%; top: 32%; } + + .row-cols-md-3 .fbox-4, .row-cols-md-2 .fbox-4, .fbox-7, .fbox-9 { padding: 40px 25px 35px; } + .fbox-5 { padding: 45px 25px 40px; } + .row-cols-md-2 .fbox-7 { padding: 40px 40px 35px; } + .fbox-8.fb-1 { padding: 0 25px 40px; } + .fbox-8.bg--white-100 { padding: 45px 25px; } + .fbox-8.fb-3 { padding: 45px 25px 0; } + .fbox-12, .fbox-13 { padding: 32px 25px; } + #fb-12-1, #fb-13-1 { margin-top: 50px; } + #features-12 .txt-block, #features-13 .txt-block { margin-bottom: 35px; } + + .fbox-14 { padding: 30px 25px; } + .fbox-14.fb-1, .fbox-14.fb-2 { margin-bottom: 30px; } + + .fbox-img.h-135 img, .fbox-img.h-140 img, .fbox-img.h-145 img, .fbox-img.h-150 img, .fbox-img.h-155 img, + .fbox-img.h-160 img, .fbox-img.h-165 img, .fbox-img.h-170 img, .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 170px; } + + .fbox-2 .fbox-img.h-135 img, .fbox-2 .fbox-img.h-140 img, .fbox-2 .fbox-img.h-145 img, .fbox-2 .fbox-img.h-150 img, + .fbox-2 .fbox-img.h-155 img, .fbox-2 .fbox-img.h-160 img, .fbox-2 .fbox-img.h-165 img, .fbox-2 .fbox-img.h-170 img, + .fbox-2 .fbox-img.h-175 img, .fbox-2 .fbox-img.h-180 img { max-height: 170px; } + + .fbox-3 .fbox-img.h-135 img, .fbox-3 .fbox-img.h-140 img, .fbox-3 .fbox-img.h-145 img, .fbox-3 .fbox-img.h-150 img, + .fbox-3 .fbox-img.h-155 img, .fbox-3 .fbox-img.h-160 img, .fbox-3 .fbox-img.h-165 img, .fbox-3 .fbox-img.h-170 img, + .fbox-3 .fbox-img.h-175 img, .fbox-3 .fbox-img.h-180 img { max-height: 170px; } + + .fbox-4 .fbox-img.h-135 img, .fbox-4.fbox-img.h-140 img, .fbox-4 .fbox-img.h-145 img, .fbox-4 .fbox-img.h-150 img, + .fbox-4 .fbox-img.h-155 img, .fbox-4 .fbox-img.h-160 img, .fbox-4 .fbox-img.h-165 img, .fbox-4 .fbox-img.h-170 img, + .fbox-4 .fbox-img.h-175 img { max-height: 155px; } + + .fbox-1 .fbox-img, .row-cols-md-2 .fbox-1 .fbox-img, .fbox-4 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img { margin-bottom: 30px; } + + .fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, + .fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155, .fbox-2 .fbox-img.h-160, + .fbox-2 .fbox-img.h-165, .fbox-2 .fbox-img.h-170, .fbox-2 .fbox-img.h-175, + .fbox-2 .fbox-img.h-180 { padding-top: 40px; margin: 0 0 50px; } + + .fbox-3 .fbox-img.h-135, .fbox-3 .fbox-img.h-140, .fbox-3 .fbox-img.h-145, + .fbox-3 .fbox-img.h-150, .fbox-3 .fbox-img.h-155, .fbox-3 .fbox-img.h-160, + .fbox-3 .fbox-img.h-165, .fbox-3 .fbox-img.h-170, .fbox-3 .fbox-img.h-175, + .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 0 30px; } + + .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, + .fbox-5.fb-4 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img { margin: 0 6% 30px; } + + .fbox-ico, .fbox-ico.ico-rounded, .fbox-ico.ico-square { margin-bottom: 20px; } + + .fbox-wrapper .ico-50 [class*="flaticon-"]:before, + .fbox-wrapper .ico-50 [class*="flaticon-"]:after, + .fbox-wrapper .ico-55 [class*="flaticon-"]:before, + .fbox-wrapper .ico-55 [class*="flaticon-"]:after, + .fbox-wrapper .ico-60 [class*="flaticon-"]:before, + .fbox-wrapper .ico-60 [class*="flaticon-"]:after, + .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before, + .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after{ font-size: 3.6rem; } + + .features-section h6.s-18, .features-section h6.s-20, .features-section h6.s-22 { font-size: 1.34615rem; } /* 21px */ + .features-section h6, .fbox-txt h5, .rows-2 .fbox-11 h6, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 15px; } + + .fbox-10 .fbox-title { margin: 0 auto; } + .fbox-10 .fbox-title span { float: none; line-height: 1!important; margin-right: 0; } + .fbox-10 .fbox-title h6 { display: block; line-height: 1!important; margin-top: 15px; margin-bottom: 15px; } + .fbox-14 h5 { padding: 0 8%; margin-bottom: 12px; } + + .row-cols-md-3 .fbox-1 p, .row-cols-md-3 .fbox-2 p, + .row-cols-md-3 .fbox-3 p, .row-cols-md-3 .fbox-6 p, .fbox-10 .fbox-txt p { padding: 0 4%; } + + .row-cols-md-2 .fbox-1 p, .row-cols-md-2 .fbox-2 p, .row-cols-md-2 .fbox-3 p, .row-cols-md-2 .fbox-6 p { padding: 0 8%; } + .row-cols-md-2 .fbox-4 p { padding: 0 7%; } + .fbox-5 .fbox-txt p, .rows-2 .fbox-11 p { padding: 0 5%; } + .rows-3 .fbox-11 p { padding: 0 2%; } + .row-cols-lg-3 .fbox-10 .fbox-txt p { padding: 0 1%; } + + /* CONTENT */ + .ct-06 { padding-bottom: 70px; } + .ct-10 .section-overlay { margin-bottom: 40px; } + .ct-top { margin-bottom: 70px; } + + .ct-13 .txt-block, .ct-13 .img-block { margin-bottom: 30px; } + .ct-13 .txt-block.ml-block, .ct-13 .img-block.ml-block { margin-bottom: 0; } + + /* Content Box Wrapper */ + .content-section.ws-wrapper { margin: 0 -15px; } + .bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay { padding: 70px 20px; } + .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay { padding: 70px 15px; } + .bc-5-wrapper .section-overlay { padding: 70px 15px 0; } + .cbox-6-wrapper { padding: 30px 20px; } + .bc-6-wrapper .section-overlay { padding: 70px 15px; } + .bc-6 { padding: 20px 15px 30px; } + + .bc-1-wrapper, .bc-2-wrapper, .bc-3-wrapper, .bc-4-wrapper, .bc-5-wrapper, .bc-6-wrapper { border-radius: 0 0!important; } + + .bc-5-wrapper .section-title p { padding: 0 2%; } + + .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 { margin-bottom: 14px; } + .cbox-2-txt h5, .cbox-3-txt h5, .bc-6-txt h5 { margin-bottom: 12px; } + + .txt-block p.p-sm, .txt-block p { margin-bottom: 0.897435rem; } + .txt-block p.s-20, .txt-block p.s-21 { font-size: 1.12820rem; } + .cbox-5-fea p, .txt-block p.video-txt-sm, .txt-block p.btn-txt, .txt-block p.btns-group-txt, + .txt-block p.compatibility { margin-bottom: 0; } + .txt-block p.video-txt-lg { margin-bottom: 6px; } + + .txt-block .btn { margin-top: 18px; } + .txt-block .stores-badge.mt-15, .ws-wrapper .stores-badge.mt-15 { margin-top: 8px; } + .txt-block .btns-group .btn.btn--transparent { margin-top: 0; } + .bc-6-link.mt-15 { margin-top: 12px; } + + /* Content Box */ + .right-column .cbox-5 { margin-bottom: 40px; } + .cbox-5-content { padding: 25px; margin: 0; } + .cbox-5-content .divider { margin-top: 22px; margin-bottom: 22px; } + + .txt-block .cbox-5-title h2 { font-size: 2.45rem; margin-bottom: 10px; } + .cbox-5-title .statistic-number sup { font-size: 2.05rem; top: -5px; right: 6px; } + + .cbox-5-fea { padding: 15px 20px; margin-top: 20px; } + .txt-block .cbox-5-fea h4 { font-size: 1.625rem; } + .cbox-5-txt .btn { margin-top: 10px; } + .txt-block-tra-link.mt-25 { margin-top: 16px; } + + #cb-6-1, #cb-6-2, #cb-6-3 { margin-bottom: 22px; } + + /* Content Box Icon */ + .cbox-1.ico-10 span { right: 6px; } + .cbox-1.ico-15 span { top: 0.5px; right: 6px; } + .cbox-1.ico-15 [class*="flaticon-"]:before, .cbox-1.ico-15 [class*="flaticon-"]:after { font-size: 0.7rem; } + + .cbox-2 .ico-wrap { margin-right: 1rem; } + .cbox-2-ico { width: 2.3rem; height: 2.3rem; font-size: 1.15rem; line-height: 2.05rem; } + .ct-03 .cbox-2-ico { width: 1.55rem; height: 1.55rem; font-size: 1rem; line-height: 1.35rem; } + .cbox-2-line { height: calc(100% - 74px); } + + .cbox-3 { display: block; text-align: center; } + .cbox-3 .ico-wrap { margin-right: 0; } + .cbox-3 .cbox-3-ico { top: 0; margin-bottom: 10px; } + .cbox-3-ico span[class*="flaticon-"]:before, .cbox-3-ico span[class*="flaticon-"]:after { font-size: 3rem; } + + .cbox-4 { text-align: center; } + .box-title h6, .box-title h5 { display: block; line-height: 1!important; margin-bottom: 15px; } + .img-block-txt .box-title h6, + .img-block-txt .box-title h5 { display: inline-block; line-height: 2.35rem!important; margin-bottom: 20px; } + .box-title span { display: block; position: relative; top:0; margin-right: 0; margin-bottom: 10px; } + .img-block-txt .box-title span { display: inline-block; top: 10px; margin-right: 10px; margin-bottom: 0; } + .box-title span[class*="flaticon-"]:before, .box-title span[class*="flaticon-"]:after { font-size: 3rem; } + + .img-block-txt .box-title span[class*="flaticon-"]:before, + .img-block-txt .box-title span[class*="flaticon-"]:after { font-size: 2.35rem; } + + /* Content Box Text */ + .cbox-2-txt, .ct-03 .cbox-2-txt, .cbox-3-txt { margin-bottom: 20px; } + .cbox-4-txt { margin-bottom: 30px; } + + /* Content Box Typography */ + .cbox-1-txt p { margin-bottom: 5px; } + .cbox-6 h6 { margin-bottom: 12px; } + + /* Accordion */ + .txt-block .accordion-1 .accordion-item { padding: 18px 25px; } + .txt-block .accordion-2 .accordion-item { padding: 10px 0 20px; } + + .txt-block .accordion-1 .accordion-item .accordion-thumb:before { font-size: 0.95rem; top: -1px; } + .txt-block .accordion-2 .accordion-item .accordion-thumb:after, + .txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { font-size: 0.95rem; top: 8px; } + + .txt-block .accordion-1 .accordion-item.is-active { padding: 30px 25px 14px 25px; } + .txt-block .accordion-2 .accordion-item.is-active { padding: 15px 0 20px; } + + .txt-block .accordion-1 .accordion-panel { padding: 0; } + + .txt-block .accordion-2 .accordion-thumb h5 { padding-left: 10px; padding-right: 0; } + + .accordion-2 .accordion-thumb span[class*="flaticon-"]:before, + .accordion-2 .accordion-thumb span[class*="flaticon-"]:after { font-size: 1.75rem; top: 6px; } + + /* Tabs */ + .tabs-1 li { font-size: 1.125rem; } + + /* Advantages */ + .advantages, .text-center .advantages { margin-top: 15px; } + .img-block-btn .advantages li { display: block!important; margin-top: 4px; } + .img-block-btn .advantages li p { display: block; float: none; } + .img-block-btn li.advantages-links-divider { display: none!important; } + + /* Compatibility */ + .compatibility { margin-top: 10px; } + + /* Tools List / Payments Icons */ + .tools-list p, .payment-methods p { margin-bottom: 12px; } + .tools-list span { padding-right: 1px; } + .payment-icons img { max-height: 30px; } + + .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { + font-size: 2.125rem;line-height: 2.125rem!important; margin-right: 4px; + } + + /* Content Box Shapes */ + .cbox-5-shape-1, .cbox-5-shape-2 { display: none; } + + /* Content Images */ + .img-block.img-block-bkg img { padding: 35px 20px; } + .img-block-hidden, .bc-5-img.bc-5-dashboard.img-block-hidden { margin-bottom: -30px; } + .ct-10 .img-block { margin-bottom: -40px; } + + .ct-01 .img-block, .ct-02 .img-block, .ct-03 .img-block.right-column, .ct-03 .img-block.left-column { margin: 0 2% 35px; } + .ct-01 .img-block.j-img, .ct-02 .img-block.j-img { margin-left: 0%; margin-right: 0; } + .ct-06 .img-block, .ct-07 .img-block { margin-top: -80px; margin-bottom: 40px; } + + .img-block-hidden .video-btn, .bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { top: 50%; } + .bc-5-img.bc-5-tablet.img-block-hidden .video-btn { top: calc(50% - 25px); } + .img-block-txt, .img-block-btn { margin-top: 35px; } + .bc-5-img.bc-5-tablet.img-block-hidden { margin-bottom: -60px; } + .bc-6-img { padding: 30px 15px 0; margin-bottom: 25px; } + .ct-11 .img-block, .ct-12 .img-block { margin-bottom: 35px; padding: 40px 6%; } + + /* STATISTIC */ + .sb-rounded .statistic-block { text-align: center; padding: 25px; } + #statistic-5 .statistic-digit { padding-bottom: 18px; margin: 0 10% 18px; } + + #sb-1-1, #sb-1-2, #sb-3-1, #sb-3-2, #sb-3-3 { margin-bottom: 35px; } + #sb-2-1, #sb-2-2, #sb-2-3, #sb-2-4 { width: 50%; } + #sb-2-3, #sb-2-4 { padding-right: 12px; } + #sb-4-3 { margin-bottom: 30px; } + #sb-5-1, #sb-5-2 { margin-bottom: 35px; } + + .statistic-1-wrapper .statistic-block-digit { margin-bottom: 12px; } + + h2.statistic-number { font-size: 2.21153rem; line-height: 1; letter-spacing: -0.5px; } + .txt-block-stat h2.statistic-number { font-size: 1.98717rem; } + #statistic-1 h2.statistic-number { letter-spacing: -0.5px; } + #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number { margin-bottom: 12px; } + #statistic-5 .statistic-digit h2 { font-size: 2.21153rem; letter-spacing: -0.5px; } + + #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm { margin-top: 12px; } + .txt-block-stat .statistic-block p { font-size: 0.95rem; } + #statistic-5 .statistic-txt p { padding: 0 5%; } + + /* PROJECTS */ + #pt-1-1, #pt-1-2, #pt-1-3, .inner-page-hero #pt-1-3, .inner-page-hero #pt-1-4, .inner-page-hero #pt-1-5 { margin-bottom: 35px; } + .project-details h5 { margin-bottom: 25px; } + .more-projects { margin-top: 45px; } + + /* PROJECT DETAILS */ + .single-project .project-title { margin-bottom: 40px; } + .project-title h2 { padding-right: 0; padding-bottom: 25px; margin-bottom: 25px; } + .project-data p { margin-bottom: 5px; } + + .project-priview-img.mb-50 { margin-bottom: 35px; } + .project-inner-img .top-img { margin-bottom: 30px; } + .project-inner-img.mt-50 { margin-top: 35px; } + .project-txt h5.mt-35.mb-35 { margin-top: 20px; margin-bottom: 20px; } + .project-txt h5.mt-50.mb-35 { margin-top: 35px; margin-bottom: 20px; } + + .project-description .more-projects { margin-top: 40px; } + .project-description .more-projects span { top: 1px; left: 4px; } + .project-description .more-projects.ico-25 [class*="flaticon-"]:before, + .project-description .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.1rem; } + + /* RATING */ + #rb-2-1, #rb-2-2 { margin-bottom: 25px; } + + .rating-title h5 { font-size: 1.125rem; padding: 0 15%; } + .rbox-1-img { margin-bottom: 15px; } + .rbox-1-img img { max-height: 32px; } + .rbox-2-txt img { max-height: 30px; } + p.rbox-2-txt { line-height: 30px; margin-top: 8px; } + + .rbox-1 .star-rating { padding: 5px 16px; } + .rbox-1 .star-rating { font-size: 0.9rem; line-height: 1; } + + .rbox-1 .star-rating span { top: 2px; } + .rbox-1 .ico-10 [class*="flaticon-"]:before, .rbox-1 .ico-10 [class*="flaticon-"]:after { font-size: 0.9rem; } + .rbox-1 .ico-15 [class*="flaticon-"]:before, .rbox-1 .ico-15 [class*="flaticon-"]:after { font-size: 1rem; } + .rbox-2 .ico-20 [class*="flaticon-"]:before, .rbox-2 .ico-20 [class*="flaticon-"]:after { font-size: 1.3rem; } + .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.3rem; } + + /* TESTIMONIALS */ + #reviews-4 .txt-block, #reviews-5 .txt-block { text-align: center; } + #reviews-4 .txt-block h2, #reviews-5 .txt-block h2 { font-size: 1.826923rem; padding: 0 3%; } /* 28.5px */ + + .review-1 { padding: 35px 25px 30px; } + .review-2 { padding: 35px 20px 24px; } + .review-3, .review-4, .review-5 { padding: 35px 25px 24px; } + + .review-txt { margin-top: -43px; } + .review-txt h6 { margin-bottom: 10px; } + .review-3 .review-txt p { font-size: 1rem; } + + .review-1 .author-data, .review-2 .author-data, + .review-3 .author-data, .review-4 .author-data, .review-5 .author-data { margin-top: 20px; } + + .review-avatar img, .owl-item .review-avatar img { width: 52px; height: 52px; } + .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img { width: 52px; height: 52px; } + + .review-author { padding: 0 0 0 12px; } + .review-1 .review-author, .review-2 .review-author, .review-3 .review-author, .review-5 .review-author { margin-top: 3px; } + + .review-author h6 { margin-bottom: 8px; } + .review-1 .review-author h6, .review-2 .review-author h6, .review-3 .review-author h6, + .review-4 .review-author h6, .review-5 .review-author h6 { font-size: 1.1875rem; } + + /* PRESS */ + #press-01, #press-02, #press-03, #press-04, #press-05, #press-06, #press-07 { margin-bottom: 25px; } + .press-logo img { max-height: 72px; } + .press-txt { padding: 0 1%; margin-top: 10px; } + + /* BRANDS */ + #brands-3:after { height: 75%; } + + .brands-title { padding: 0 4%; } + .brands-title.mb-35, .brands-title.mb-40 { margin-bottom: 25px; } + .brands-title.mb-50 { margin-bottom: 30px; } + + .brands-title h4, .brands-title h3, .brands-title h2 { margin-bottom: 8px; } + .brands-title p.p-md, .brands-title p.p-lg { font-size: 1rem; } + + .brands-3-wrapper, .brands-3-wrapper.brands-3-static { padding: 25px 15px; } + + #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-3-1, #brand-3-2, #brand-4-1, #brand-4-2, + #brand-4-3, #brand-4-4, #brand-4-5, #brand-4-6, #brand-4-7, #brand-4-8, #brands-4 .brand-logo.mb-40 { margin-bottom: 25px; } + #brand-3-5 { display: none; } + + #brands-1 .brands-carousel-6 .brand-logo, #brands-1 .brands-carousel-5 .brand-logo { padding: 0 18px; } + #brands-1 .justify-content-center .brand-logo, #brands-4 .brand-logo { padding: 0 18px; } + #brands-2 .brand-logo, #brands-3 .brand-logo, #brands-3 .brands-3-static .brand-logo { padding: 0 13px; } + + .brands-section .more-btn { margin-top: 30px; } + + /* INTEGRATIONS */ + #integrations-2 .container { max-width: 100%; } + .integrations-2-wrapper { padding: 70px 20px; margin: 0 -15px; border-radius: 0 0!important; } + .in_tool_logo.ico-65 img { width: 55px; height: 55px; } + .in_tool h6 { font-size: 1.125rem; } + + #integrations-1 .in_tool-logo.ico-60 img { width: 48px; height: 48px; } + .integrations-1-wrapper .in_tool { padding: 18px 22px; } + .integrations-1-wrapper .in_tool.mb-30, .integrations-1-wrapper .it-7, .integrations-1-wrapper .it-8 { margin-bottom: 25px; } + .integrations-1-wrapper .in_tool-txt h6 { font-size: 1.25rem; line-height: 1; margin-top: 3px; } + .integrations-1-wrapper .in_tool-txt p { font-size: 1.0625rem; margin-top: 4px; } + + .integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 30px; } + + /* PRICING */ + .pricing-1-table, .text-center .pricing-1-table { padding: 35px 40px 30px; } + .pricing-2-table { padding: 35px; } + .pricing-3-table { padding: 30px 30px 35px; } + .pricing-4-table { padding: 35px 30px; } + + .pricing-table-header h5, .pricing-table-header h4 { font-size: 1.47435rem!important; } + + .pricing-discount { top: 0; right: -2px; padding: 6px 11px; } + .pricing-1-table .pricing-discount { top: -4px; right: 0; padding: 7px 13px; } + .text-center .pricing-1-table .pricing-discount { top: -32px; right: -5px; } + .pricing-discount h6 { font-size: 1.05rem; } + .pricing-1-table .pricing-discount h6 { font-size: 0.9375rem; } + + .pricing-3-table .price.mt-25 { margin-top: 20px; } + + .p-table p.btn-txt { margin: 10px 0 0 0; } + + /* Price */ + .price span { font-size: 2.564102rem; letter-spacing: -1.5px; } + .pricing-2-table.highlight .price span { font-size: 2.35rem; } + .pricing-3-table .price span { font-size: 4.102564rem; letter-spacing: -3px; } + .pricing-4-table .price span { font-size: 2.564102rem; } + + .price sup { font-size: 1.9230769rem; top: -4px; } + .pricing-3-table .price sup { font-size: 2.35rem; top: -18px; } + .pricing-4-table .price sup { font-size: 1.9230769rem; top: -4px; right: 2px; } + + .pricing-3-table .price sup.coins { font-size: 2.35rem; top: -21px; letter-spacing: -2px; } + + .price sup.validity { font-size: 1.282051rem; } + .pricing-3-table .price sup.validity { font-size: 1.282051rem; top: 0; margin-top: 20px; margin-bottom: 35px; } + .pricing-4-table .price sup.validity { font-size: 1.282051rem; left: 4px; top: 0; } + + .text-center .price p, .text-center .pricing-2-table .price p { padding: 0; } + .pricing-4-table .pricing-table-header p.p-lg { font-size: 0.9375rem; } + .pricing-4-table .price p { margin-top: 15px; margin-bottom: 10px; } + + .pricing-1-table .pt-btn { margin-top: 10px; } + .pricing-2-table .pt-btn, .pricing-3-table .pt-btn, .pricing-4-table .pt-btn { margin-top: 20px; } + + .pricing-2-table hr { margin-top: 20px; } + + /* Pricing Features */ + .pricing-features.mt-25 { margin-top: 15px; } + .pricing-features li, .pricing-4-table .pricing-features li { padding: 10px 8px; } + + /* Pricing Notice */ + .pricing-notice.mb-40 { margin-bottom: 30px; } + .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0; } + + /* Pricing Toggle Button */ + #pricing-4 .ext-toggle-btn { margin: 0 auto 30px; } + .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt { font-size: 1.15rem; } + + /* Pricing Compare */ + .table-responsive.mb-50 { margin-bottom: 30px; } + + .comp-table-rouded { padding: 10px 10px 0; } + .table>:not(caption)>*>* { padding-top: 9px; padding-bottom: 9px; } + .comp-table .table-responsive thead th { font-size: 0.9rem; } + .comp-table .table-responsive tbody th { font-size: 0.815rem; line-height: 1.25; } + .comp-table .table-responsive tbody td { font-size: 0.85rem; top: 0; line-height: 1.25; } + + .comp-table .table-responsive tbody td span { top: 3px; } + + .table-responsive .ico-15 [class*="flaticon-"]:before, + .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; } + + .table-responsive .ico-20 [class*="flaticon-"]:before, + .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; } + + .pbox { padding: 0; } + #pbox-1, #pbox-2, #pbox-3 { margin-bottom: 30px; } + .pricing-section .txt-box-last { margin-bottom: 40px; } + .pricing-section .pm-last { margin-bottom: 40px; } + .comp-table-payment h6 { margin-bottom: 15px; } + + /* TEAM */ + #team-1.pb-40, #team-2.pb-40 { padding-bottom: 30px; } + .team-member.mb-40, .team-member.mb-50, .team-member.mb-60 { margin-bottom: 40px; } + + .team-member-photo { margin-bottom: 25px; } + #team-1 .team-member-data, #team-2 .team-member-data { margin-left: 10px; } + + .team-member-data h6.s-20 { font-size: 1.34615rem; margin-bottom: 6px; } /* 21px */ + .team-member-data p, .team-member-data p.p-md, .team-member-data p.p-lg { font-size: 1.175rem; } + + ul.tm-social, #team-1 ul.tm-social { top: 0; right: 10px; } + .tm-social.ico-20 [class*="flaticon-"]:before, .tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.34615rem; } + + /* CAREERS */ + #careers-1 { padding-bottom: 40px; } + .role-box { text-align: center; padding: 25px 40px; } + .role-box-txt span, #careers-1 .role-box span { margin-bottom: 12px; } + .role-box-txt h6 { line-height: 1.4; margin-bottom: 5px; } + #careers-1 .role-box h6 { line-height: 1.4; margin-bottom: 6px; } + .role-box-txt p { margin-bottom: 14px; } + + /* CAREER ROLE */ + #role-page .inner-page-title { margin-bottom: 25px; } + #role-page .inner-page-title span { margin-bottom: 20px; } + #role-page .inner-page-title p { padding: 0; } + .role-info hr, #role-page .cbox-6-wrapper { margin: 35px 0; } + .txt-block.role-info .btn { margin-top: 30px; } + + /* BANNER */ + #banner-12, #banner-13 { margin-top: 0; margin-bottom: 25px; } + #banner-9.py-70 { padding-top: 60px; padding-bottom: 60px; } + + #banner-1 .container, #banner-2 .container, #banner-3 .container, + #banner-11 .container, #banner-12 .container, #banner-13 .container { max-width: 100%; } + .banner-1-wrapper, .banner-2-wrapper, .banner-3-wrapper, + .banner-11-wrapper, .banner-12-wrapper, .banner-13-wrapper { margin: 0 -15px; border-radius: 0 0!important; } + + .banner-1-wrapper .banner-overlay, .banner-2-wrapper .banner-overlay, + .banner-3-wrapper .banner-overlay { padding: 55px 20px 65px; } + .banner-1-wrapper .banner-overlay.sm-title { padding: 55px 20px 65px; } + + #banner-5 .banner-overlay.pt-80.pb-90, #banner-7 .banner-overlay.pt-80.pb-90, #banner-6 .banner-overlay, + #banner-8 .banner-overlay, #banner-14 .banner-overlay, #banner-15 .banner-overlay { padding-top: 55px; padding-bottom: 65px; } + + #banner-10 .banner-overlay { padding-top: 60px; padding-bottom: 60px; } + .banner-11-wrapper .banner-overlay { overflow: hidden; padding: 55px 25px 0; border-radius: 0 0!important; } + .banner-12-wrapper .banner-overlay { overflow: visible; padding: 55px 25px 0; border-radius: 0 0!important; } + .banner-13-wrapper .banner-overlay { overflow: visible; padding: 55px 25px 65px; border-radius: 0 0!important; } + .banner-16-wrapper .banner-overlay { padding: 35px 10%; } + + .banner-5-txt {padding: 0 3%; } + .banner-8-txt {padding: 0 5%; } + .banner-12-txt, .banner-13-txt { margin-top: 0; padding-right: 0; } + + .banner-section .section-id { margin-bottom: 18px; } + #banner-15.banner-section .section-id { margin-bottom: 22px; } + + .banner-section h2 { font-size: 1.826923rem!important; } + .banner-section h3 { font-size: 1.698717rem!important; } + .banner-1-txt h2 { margin-bottom: 12px; } + .banner-2-txt h2, .banner-10-txt h2 { margin-bottom: 25px; } + .banner-4-txt h2 { padding: 0 6%; margin-bottom: 22px; } + .banner-7-txt h2 { margin-bottom: 25px; } + .banner-10-txt h6 { margin-bottom: 5px; } + .banner-10-txt h2 { font-size: 3.25rem!important; margin-bottom: 18px; } + .banner-11-txt h2, .banner-12-txt h2, .banner-13-txt h2 { margin-bottom: 14px; } + .banner-15-txt h2 { margin-bottom: 25px; } + .banner-16-txt h4 { padding: 0 5%; margin-bottom: 10px; } + + .banner-section p.p-lg, .banner-section p.p-xl { font-size: 1.121794rem; margin-bottom: 20px; } + .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl, + .banner-6-txt p.p-lg, .banner-6-txt p.p-xl { margin-top: 12px; margin-bottom: 20px!important; } + .banner-3-txt p.p-lg, .banner-3-txt p.p-xl, .banner-5-txt p.p-lg, .banner-5-txt p.p-xl { margin-top: 12px; } + .banner-5-txt p.s-21, .banner-5-txt p.s-22 { margin-top: 12px;margin-bottom: 18px; } + .banner-9-txt p.p-lg, .banner-9-txt p.p-xl { margin-top: 10px; margin-bottom: 20px!important; } + .banner-11-txt p { padding-right: 0; } + .banner-14-txt p.p-lg { padding: 0 5%; margin-top: 18px; margin-bottom: 20px; } + + .banner-5-txt .btns-group.mt-35 { margin-top: 20px; } + .banner-8-buttons { margin-top: 15px; padding: 0 4%; } + .banner-15-txt .download-links { margin-top: 15px; } + .banner-section .btns-group .btn:first-child { margin-right: 0; margin-left: 0; margin-bottom: 15px; } + .banner-16-txt .txt-block-tra-link.mt-15 { margin-top: 12px; } + + .banner-9-img { margin: 40px 2% 0; } + .banner-10-img { margin: 40px 5% 0; } + .banner-11-img { margin: 35px 2% -20px; } + .banner-12-img { transform: rotate(0deg); margin: 35px 0 -40px; } + + /* DOWNLOAD */ + .release-data { padding-bottom: 25px; margin-bottom: 25px; } + span.version-data { font-size: 1.75rem; margin-right: 10px; } + span.release-date span { font-size: 1.125rem; margin-left: 10px; } + + /* FAQs */ + #faqs-1, #faqs-4 { padding-bottom: 50px; } + + /* FAQs Section Title */ + #faqs-1 .section-title { margin-bottom: 20px; } + #faqs-2 .inner-page-title { margin-bottom: 30px; } + #faqs-3 .section-title { margin-bottom: 40px; } + #faqs-4 .inner-page-title { margin-bottom: 40px; } + + #faqs-3 .section-title .contact-link { display: block; } + + /* FAQs Accordion */ + .faqs-section .accordion-thumb { padding: 20px 0 22px; } + #faqs-2.faqs-section .accordion-thumb { padding: 20px 0 25px; } + + .faqs-section .accordion-item .accordion-thumb:after, + .faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.875rem; top: 23px; right: 0; } + #faqs-2.faqs-section .accordion-item .accordion-thumb:after, + #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.9rem; top: 22px; right: 2px; } + + .accordion-panel { padding: 0 0 5px 0; } + #faqs-2 .accordion-panel { padding: 30px 0 15px 0; } + #faqs-2 .accordion-panel-item.mb-35, #faqs-3 .question.mb-35 { margin-bottom: 25px; } + + .faqs-section .accordion-thumb h5 { line-height: 1.35; padding-right: 8%; } + .question h5, .accordion-panel-item h5 { line-height: 1.35; margin-bottom: 15px; } + + /* FAQs Tabs */ + .faqs-section .tabs-1 { margin: 0 5px 10px; } + .faqs-section .tabs-1 li { min-width: 100%; padding: 20px 0; margin: 0 0 20px; } + + /* More Questions Link */ + #faqs-2 .more-questions { margin: 45px auto 0; } + #faqs-3 .more-questions.mt-40 { margin-top: 15px; } + .more-questions-txt { padding: 14px 20px; } + .more-questions-txt p { font-size: 1.1rem; } + + /* NEWSLETTER */ + #newsletter-1 .newsletter-overlay, #newsletter-5 .newsletter-overlay { padding-top: 50px; padding-bottom: 40px; } + #newsletter-2 .container { max-width: 100%; } + #newsletter-2 .newsletter-overlay { padding: 50px 8% 40px; margin: 0 -15px; border-radius: 0 0!important; } + #newsletter-3, #newsletter-4 .newsletter-overlay { padding-top: 55px; padding-bottom: 60px; } + + #newsletter-4 .newsletter-txt, #newsletter-5 .newsletter-txt { padding: 0; } + + .newsletter-txt h2, #newsletter-4 .newsletter-txt h2 { margin-bottom: 25px; } + .newsletter-txt h4, .newsletter-txt h3 { font-size: 1.666666rem; padding: 0; margin-bottom: 25px; } + + #newsletter-3 .newsletter-txt p { padding: 0 2%; } + #newsletter-4 .newsletter-txt p { font-size: 1rem; padding: 0 2%; margin-bottom: 0; } + #newsletter-5 .newsletter-txt p { margin-top: 15px; } + + #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form, + #newsletter-3 .newsletter-form, #newsletter-4 .newsletter-form { padding: 0 3%; } + #newsletter-5 .newsletter-form { margin-top: 25px; padding: 0 3%; } + + .newsletter-section .form-control, #newsletter-1.newsletter-section .form-control, + #newsletter-5.newsletter-section .form-control { height: 52px; font-size: 1.0625rem; } + .newsletter-section .btn, #newsletter-1 .btn, #newsletter-5.newsletter-section .btn { height: 52px; font-size: 1.0625rem; } + + /* BLOG */ + #bp-1-1, #bp-1-2 { margin-bottom: 35px; } + .blog-post-img.mb-35 { margin-bottom: 30px; } + .post-tag { font-size: 0.815rem; margin-bottom: 14px; } + + .blog-post-txt h6, .blog-post-txt h4.mb-20, .blog-post-txt h3 { margin-bottom: 14px; } + .blog-post-meta.mt-20, .blog-post-meta.mt-30 { margin-top: 14px; } + + /* Blog Listing */ + .wide-post { margin-bottom: 40px; } + .wide-post h3.s-36, .wide-post h3.s-38, .wide-post h3.s-40, .square-post h4.s-34 { font-size: 1.217948rem; } + .wide-post .blog-post-img { margin-bottom: 30px; } + + .square-post { margin-top: 10px; margin-bottom: 40px; } + .square-post .blog-post-txt { padding: 40px 20px 35px; } + + .posts-category { margin-top: 10px; margin-bottom: 30px; } + .posts-category span { top: 1.25px; } + .posts-category.ico-20 [class*="flaticon-"]:before, + .posts-category .more-projects.ico-20 [class*="flaticon-"]:after { font-size: 1.0625rem; } + + /* Single Blog Post */ + .single-post-title h3, .single-post-title h2 { padding: 0 5%; margin-bottom: 20px; } + .single-post-title .blog-post-meta.mt-35 { margin-top: 25px; } + #single-post .post-meta-list .meta-list-divider { display: none!important; } + #single-post .post-meta-list li { display: block!important; margin-top: 10px; } + .post-inner-img { margin-top: 30px; margin-bottom: 30px; } + + .single-post-txt h5, .single-post-txt h4 { margin-top: 15px; margin-bottom: 18px; } + + .single-post-txt .blockquote p { font-size: 1.0625rem; margin-bottom: 30px; } + .single-post-txt .blockquote-footer { font-size: 1rem; line-height: 1.3; } + + .post-share-list { margin-top: 30px; padding-bottom: 40px; } + + .post-author { display: block!important; padding: 50px 0; } + .post-author-avatar { display: block!important; text-align: left; margin-right: 0; margin-bottom: 20px; } + .post-author-avatar img { width: 70px; height: 70px; } + .post-author-txt h5 { margin-bottom: 10px; } + + .author-follow-btn { padding: 5px 12px; top: 135px; right: 10px; } + + .post-comments { padding-top: 50px; } + .post-comments h5 { margin-bottom: 40px; } + .comment-body { margin-left: 18px; } + .post-comments img { width: 43px; height: 43px; } + .comment-meta { margin-bottom: 8px; } + .comment-meta h6 { margin-bottom: 5px; } + .post-comments #leave-comment h5 { margin-top: 50px; } + + .comment-form p { margin-bottom: 10px; } + + .comment-form { margin-top: 50px; } + .comment-form .btn { margin-top: 0; } + + /* CONTACTS */ + #contacts-1 .section-title p { padding: 0 3%; } + #contacts-1 .contact-form .contact-form-notice p { font-size: 0.875rem; margin-top: 30px; } + + #contacts-1 .contact-form .col-md-12 span { line-height: 1.4; margin-bottom: 15px; } + .contact-form .form-control, .contact-form .form-select { height: 54px; } + .contact-form textarea { min-height: 170px; } + .contact-form textarea.form-control { padding: 15px; } + + /* FOOTER */ + .footer { padding-bottom: 30px; } + .footer hr { margin-top: 5px; margin-bottom: 30px; } + + #footer-10.pt-50 { padding-top: 0; } + #footer-11.p-404.pt-50 { padding-top: 40px; padding-bottom: 40px; } + + .footer .col-sm-4, .footer .col-sm-6, .footer .col-sm-8 { width: 50%!important; float: left; } + #footer-3.footer .col-sm-6.col-md-3 { width: 100%!important; float: none; } + + .footer-info, .footer-links, .footer-stores-badge { margin-bottom: 35px; } + + #footer-2 .footer-info { margin-bottom: 40px; } + #footer-6 .footer-info, #footer-7 .footer-info { margin-top: 10px; margin-bottom: 0; } + #footer-10 .footer-info { margin-bottom: 25px; padding-bottom: 35px; } + #footer-8 .footer-links, #footer-10 .footer-links { margin-bottom: 10px; } + + img.footer-logo, img.footer-logo-dark { max-height: 36px; } + #footer-1 .footer-logo, #footer-5 .footer-logo, #footer-6 .footer-logo, #footer-7 .footer-logo { margin-bottom: 24px; } + #footer-10 img.footer-logo { max-height: 36px; } + + .footer h6 { font-size: 1.153846rem; margin-bottom: 18px; } /* 18px */ + + .footer-mail-link { font-size: 1.06410rem; } /* 16.6px */ + .footer-mail-link span { top: 3px; right: 4px; } + #footer-1 .footer-info .footer-mail-link { margin-top: 5px; } + + #footer-8 .foo-links li { display: block!important; padding-left: 0; } + #footer-10 .foo-links li { padding: 0 8px; } + + .foo-links.ico-10 li span { top: 1px; right: 3px; } + .foo-links li a span.ext-link { left: 2px; top: 0.5px; } + + .footer-stores-badge .store { margin-right: 6px; } + + .footer-form { margin-right: 5%; } + #footer-9 .footer-form { margin-bottom: 0; } + #footer-9 .footer-form h6 { padding-right: 5%; } + .footer-form .form-control { font-size: 1.0625rem; } + .footer-form .form-control, .footer-form .btn { height: 30px; } + .footer-form .ico-15 [class*="flaticon-"]:before, + .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.1rem; line-height: 26px!important; } + + .bottom-footer-socials { margin-top: 10px; } + .bottom-footer-socials li { padding-left: 12px; } + .bottom-footer-socials li:first-child { padding-left: 0; } + + .bottom-footer-list { margin-top: 3px; } + #footer-4 .bottom-footer-list li, #footer-9 .bottom-footer-list li { padding-left: 8px; } + #footer-4 .bottom-footer-list li span, #footer-9 .bottom-footer-list li span { margin-right: 1px; } + + .footer-list-divider { top: 0; } + .bottom-secondary-link p span { top: 1.5px; padding: 0 2px; } + .footer-info-copyright p span { top: 2px; padding: 0 2px; } + + .footer-info-copyright.ico-15 [class*="flaticon-"]:before, + .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; } + + /* INNER PAGE WRAPPER */ + .inner-page-title { margin-bottom: 50px; } + .inner-page-title h2 { margin-bottom: 0; } + .inner-page-title p { font-size: 1.125rem; line-height: 1.6666; padding: 0 3%; margin-top: 12px; } + .page-hero-section h1 { line-height: 1.25; margin-bottom: 20px; } + + /* PAGE PAGINATION */ + .page-link { font-size: 0.95rem; padding: 2px 10px; } + .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } + + /* SIGN IN / SIGN UP */ + .login-page-logo { margin-bottom: 38px; } + .login-page-logo img { max-height: 36px; } + + .register-form-title { margin-bottom: 25px; } + .register-form-title h3 { font-size: 1.60256rem; } + + .separator-line, .register-page-form p.input-header, .form-data span, .register-page-form .btn-google { font-size: 1rem; } + #signup .form-data span { font-size: 0.935rem; } + .reset-password-link p { font-size: 1rem; margin-top: 0; margin-bottom: 10px; } + .register-page-form p.create-account { font-size: 1rem; margin-top: 20px; } + .separator-line { margin: 20px 0; } + + .reset-form-title { margin-bottom: 16px; } + .reset-form-title p.p-sm { font-size: 1rem; margin-top: 15px; } + + .reset-page-wrapper { margin: 0 10px; } + .reset-page-wrapper form { padding: 35px 10px 10px; } + #login .register-page-form, #signup .register-page-form { padding: 35px 20px; } + #login.login-1 .register-page-form, #signup.signup-1 .register-page-form { padding: 15px 10px; } + + .reset-page-wrapper .form-control, + .register-page-form .form-control { height: 50px; font-size: 1.0625rem; padding: 5px 12px; margin-bottom: 20px; } + + #login .register-page-form .btn.submit { height: 50px; font-size: 1.0625rem; margin-top: 12px; } + #signup .register-page-form .btn.submit { height: 50px; font-size: 1.0625rem; margin-top: 20px; } + .reset-page-wrapper .btn.submit { height: 50px; font-size: 1.0625rem; } + .btn-google img { width: 18px; height: 18px; top: -2px; right: 5px; } + + .btn-show-pass { top: 16px; } + + /* PAGE 404 */ + .page-404-txt { padding-top: 100px; padding-bottom: 60px; } + .page-404-txt h2 { margin-bottom: 15px; } + .page-404-txt h6 { padding: 0 2%; line-height: 1.6; margin-bottom: 22px; } + .page-404-img { padding: 0 6%; margin-bottom: 35px; } + + /* MODAL */ + #modal-1 .modal-dialog { max-width: 330px; margin: auto auto; } + #modal-2 .modal-dialog { width: 310px; margin: auto auto; } + #modal-3 .modal-dialog.modal-xl { width: 320px; margin: auto auto; } + + #modal-1.modal .btn-close { right: 10px!important; top: 10px!important; } + + #modal-2 .modal-body-content { padding: 22px 30px 5px; } + #modal-3 .modal-body-content { padding: 30px 10px 20px; } + + .modal-body .newsletter-form { margin-top: 15px; } + .modal .form-control, .modal .newsletter-form .btn { height: 48px; font-size: 1rem; } + + #modal-3 .request-form-title p { margin-top: 15px; margin-bottom: 20px; } + #modal-3 .request-form .form-control { margin: 0 0 20px 0; } + #modal-3 .request-form .btn { height: 48px; font-size: 1.0625rem; } + + +} + + + + +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ +/* ------------------------------------------------------------------------ */ + +@media (max-width: 320.98px) { + + /*------------------------------------------*/ + /* BASE + /*------------------------------------------*/ + + html { font-size: 87.5%; } + + #stlChanger { display: none; } + .ts-0 { padding-top: 80px; } + .bg--fixed { width: auto; } + .bg--scroll { width: auto; background-attachment: scroll!important; } + + .py-50 { padding-top: 30px; padding-bottom: 30px; } + .py-60 { padding-top: 40px; padding-bottom: 40px; } + .py-70 { padding-top: 40px; padding-bottom: 40px; } + .py-80 { padding-top: 40px; padding-bottom: 40px; } + .py-90 { padding-top: 50px; padding-bottom: 50px; } + .py-100 { padding-top: 60px; padding-bottom: 60px; } + + .pt-50 { padding-top: 30px; } + .pt-60 { padding-top: 40px; } + .pt-70 { padding-top: 40px; } + .pt-80 { padding-top: 40px; } + .pt-90 { padding-top: 50px; } + .pt-100 { padding-top: 60px; } + + .pb-50 { padding-bottom: 30px; } + .pb-60 { padding-bottom: 40px; } + .pb-70 { padding-bottom: 40px; } + .pb-80 { padding-bottom: 40px; } + .pb-90 { padding-bottom: 50px; } + .pb-100 { padding-bottom: 60px; } + + .mb-40 { margin-bottom: 20px; } + .mb-50 { margin-bottom: 30px; } + .mb-60 { margin-bottom: 40px; } + + /* Backgroud Shape */ + .shape--01:after { height: 90%; top: 6.5%; } + .shape--02:after { width: 140%; height: 90%; top: 6.5%; left: -20%; } + .shape--03:after { width: 140%; height: 129%; top: -70px; left: -20%; } + .shape--04:after { height: 92%; top: 0; } + .shape--05:after { height: 94%; } + .shape--06:after { height: 92%; } + .shape--07:after { height: 80%; top: 15%; } + + ol.digit-list p { margin-bottom: 5px; } + + .font--jakarta h1, .font--jakarta h2 { line-height: 1.35; } + .font--jakarta h3, .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 { line-height: 1.4; } + + /* Font Size */ + .s-15, .s-16 { font-size: 1rem; } /* 14px */ + .s-17 { font-size: 1.0625rem; } /* 14.875px */ + .s-18, .s-19, .s-20, .s-21, .s-22, .s-23 { font-size: 1.285714rem; } /* 18px */ + .s-24, .s-26, .s-28 { font-size: 1.35714rem; } /* 19px */ + .s-30, .s-32, .s-34 { font-size: 1.5rem; } /* 21px */ + .s-36, .s-38, .s-40 { font-size: 1.57142rem; } /* 22px */ + .s-42, .s-43, .s-44, .s-45, .s-46, .s-47 { font-size: 1.714285rem; } /* 24px */ + .s-48 { font-size: 1.85714rem; } /* 26px */ + .s-50, .s-52, .s-54, .s-56, .s-58, .s-60 { font-size: 1.92857rem; } /* 27px */ + .s-62 { font-size: 2rem; } /* 28px */ + .s-64, .s-66, .s-68 { font-size: 2.07142rem; } /* 29px */ + .s-68 { font-size: 2.14285rem; } /* 30px */ + + /* Paragraphs */ + p.p-md, p.p-lg { font-size: 1.0625rem; } + p.p-xl { font-size: 1.125rem; } + + /* Transparent Link */ + a.tra-link { font-size: 1.0625rem; } + .tra-link.ico-20 [class*="flaticon-"]:before, + .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; } + + /* Button */ + .btn { font-size: 1rem; } + .btn.btn-sm { font-size: 1rem; padding: 0.7rem 1.5rem; } + .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.391175rem 0.5rem 0; } + + /* Buttons Group */ + .btns-group .btn:first-child { margin-left: 5px; margin-right: 5px; margin-bottom: 15px; } + + /* Button Text */ + .text-center p.btns-group-txt { margin-top: 18px; } + .btn-rating { margin: 15px 0 0 0; } + .btn-rating p.p-sm { font-size: 0.9375rem; } + + /* Button Icon */ + .btn.ico-20 [class*="flaticon-"]:before, + .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; line-height: 0.45rem!important;top: 3.5px; } + .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 1.85rem; } + + .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.125rem; top: -8px; margin-right: 0; } + .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.125rem; top: -8px; margin-left: 0; } + .btn.ico-left span { margin-right: 2px; } + .btn.ico-right span { margin-left: 2px; } + + /* OS Button */ + .os-btn { width: 250px; min-width: 250px; padding: 14px 15px 10px; } + .os-btn-ico { margin-right: 14px; } + .os-btn-txt p { margin-top: 4px; } + + .btn-os.mb-15 { margin-bottom: 12px; } + .btn-os.mr-15 { margin-right: 0; margin-bottom: 12px; } + + /* Store Badges */ + .store { margin-right: 6px; } + .store.store-btn-2 { margin-right: 0; } + .store-btn-3, .store-btn-4 { margin-top: 12px; } + + /* Watch Video Link */ + .watch-video { margin-top: 18px; } + .watch-video-link { margin-right: 8px; } + p.video-txt-lg { font-size: 1.0625rem; } + p.video-txt-sm { font-size: 1rem; } + + /* Vector Icon Background */ + .ico-50 .shape-ico svg { width: 100px; height: 100px; top: -30px; left: calc(50% - 55px); } + .fbox-11 .ico-50 .shape-ico svg { top: -30px; left: calc(50% - 55px); } + .ico-55 .shape-ico svg { width: 105px; height: 105px; top: -30px; left: calc(50% - 50px); } + .ico-60 .shape-ico svg { width: 110px; height: 110px; top: -30px; left: calc(50% - 55px); } + + /* Vector Rounded Icons */ + .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 88px; height: 88px; } + + .ico-rounded [class*="flaticon-"]:before, + .ico-rounded [class*="flaticon-"]:after, + .ico-rounded-md [class*="flaticon-"]:before, + .ico-rounded-md [class*="flaticon-"]:after, + .ico-rounded-lg [class*="flaticon-"]:before, + .ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.85rem; line-height: 88px!important; } + + /* Vector Square Icons */ + .ico-square { width: 80px; height: 80px; } + .ico-square [class*="flaticon-"]:before, + .ico-square [class*="flaticon-"]:after { font-size: 2.85rem; line-height: 80px!important; } + + /* Section ID */ + .section-id.rounded-id { padding: 7px 20px; font-size: 0.8rem; margin-bottom: 25px; } + + /* Section Title */ + .section-title.mb-60 { margin-bottom: 32px; } + .section-title.mb-70, .section-title.mb-80 { margin-bottom: 35px; } + + .section-title h2 { padding: 0 1%; } + + .section-title p.p-md, .section-title p.p-lg { margin-top: 12px; } + .section-title p.p-xl { font-size: 1.125rem; margin-top: 12px; } + .section-title p.s-20, .section-title p.s-21 { font-size: 1.285714rem; margin-top: 10px; } /* 18px */ + .section-title p.p-md, .section-title p.p-lg { padding: 0; } + + .section-title .btns-group.mt-35, .section-title .stores-badge.mt-30 { margin-top: 20px; } + .section-title .btns-group .btn { margin-left: 10px; margin-right: 10px; } + .section-title .btns-group .btn:first-child { margin-bottom: 12px; } + + /*------------------------------------------*/ + /* PRELOAD ANIMATION + /*------------------------------------------*/ + + #loading-center { height: 80px; width: 80px; margin-top: -40px; margin-left: -40px; } + .loader { width: 80px; height: 80px; } + .loader::after { border: 40px solid; } + + /*------------------------------------------*/ + /* NAVIGATION MENU + /*------------------------------------------*/ + + /* Header Logo */ + .wsmobileheader .smllogo { display: block; margin-top: 24px; padding-left: 15px; } + .blog-header .wsmobileheader .smllogo { margin-top: 30px; } + .smllogo img { width: auto; max-width: inherit; max-height: 32px; } + .blog-header .smllogo img { max-height: 26px; } + + .wsmenu > .wsmenu-list { width: 250px; margin-right: -250px; } + .wsactive .wsmobileheader { margin-right: 250px; } + .overlapblackbg { width: calc(100% - 250px); } + + .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 15px 0 0; } + + /* Nav Link Info */ + span.sm-info { width: 20px; height: 20px; font-size: 0.785rem; line-height: 18px; top: -1px; margin-left: 5px; } + + .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; } + .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, + .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 10px; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, + .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { padding: 6px 8px; } + + .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, + .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, + .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, + .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 12px 9px; } + + /* Header Store Badges */ + .store.header-store img { max-height: 42px; } + + /* Header Social Links */ + .header-socials.ico-20 [class*="flaticon-"]:before, + .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } + + .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; } + + .icons-menu-txt span { font-size: 0.885rem; } + + /*------------------------------------------*/ + /* HERO + /*------------------------------------------*/ + + .hero-section.blur--purple:after { top: -25%; opacity: .16; } + + .hero-section h2 { margin-bottom: 13px; } + .hero-section h2.s-48, .hero-section h2.s-50 { margin-bottom: 20px; } + .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl, + .hero-section p.s-20, .hero-section p.s-22, .hero-section p.s-24 { margin-bottom: 23px; } + .hero-section p.s-21 { font-size: 1.285714rem; margin-bottom: 22px; } + .hero-section .btn.mt-15, .hero-section .btns-group.mt-15 { margin-top: 8px; } + + /* Hero Advantages */ + .hero-section .text-center .advantages { margin-top: 15px; } + .hero-section .advantages li { display: block!important; margin-top: 3px; } + .hero-section .advantages li p { display: block; float: none; } + .hero-section li.advantages-links-divider { display: none!important; } + + /* HERO LOGO */ + .hero-logo { margin-bottom: 28px; } + .hero-logo img { max-height: 28px; } + + .hero-square-logo { margin-bottom: 10px; } + .hero-square-logo img { max-height: 58px; } + + /* HERO APP LOGO */ + .hero-app-logo { margin-bottom: 25px; } + .hero-app-logo img { max-height: 85px; } + #hero-25 .hero-app-logo img { max-height: 85px; } + + /* HERO DIGITS */ + .hero-digits { margin-top: -5px; } + #hero-9 .hero-digits { margin-top: 3px; } + + .hero-digits h2.statistic-number { font-size: 2.2rem; } + .hero-digits h2.statistic-number span { font-size: 2.15rem; } + + /* HERO QUICK FORM */ + .hero-section .quick-form.mt-45, .hero-section .quick-form.mt-35 { margin-top: 0; } + .hero-section .quick-form .form-control, .hero-section .quick-form .btn { font-size: 1.15rem; height: 52px; } + .hero-section .quick-form.form-half .form-control { height: 52px; font-size: 1.15rem; padding: 0 14px; } + .hero-section .quick-form.form-half .btn { height: 52px; font-size: 1.125rem; } + + .hero-section .text-center .quick-form-msg { margin: 20px 0 -10px 0; } + + /* HERO REQUEST FORM */ + .request-form .form-control { height: 50px; font-size: 1.0625rem; padding: 0 14px; } + #hero-10-form .btn, #hero-22-form .btn { height: 50px; font-size: 1.0625rem; padding: 16px; } + + /* HERO-1 */ + #hero-1, #hero-2 { padding-top: 70px; padding-bottom: 70px; } + .hero-1-txt { padding: 0 3%; } + .hero-1-img, .hero-2-img { margin-top: 30px; } + + /* HERO-3 */ + #hero-3 { padding-top: 70px; } + .hero-3-txt { padding: 0 2%; } + #hero-3:after { height: 8%; } + .hero-3-img { margin-top: 30px; } + + /* HERO-4 */ + #hero-4 { padding-top: 70px; } + #hero-4:after { height: 7%; } + + .hero-4-txt h2 { padding: 0 3%; } + .font--inter .hero-4-txt h2 { padding: 0 2.4%; } + .hero-4-txt p { padding: 0 5px; } + .hero-4-img { margin-top: 30px; } + + /* HERO-5 */ + #hero-5 { padding-top: 70px; margin-bottom: 50px; } + .hero-5-txt h2 { margin-bottom: 12px; } + .hero-5-txt p.p-lg { margin-bottom: 20px; } + .hero-5-img { margin-top: 35px; } + + /* HERO-6 */ + #hero-6 { padding-top: 0; } + #hero-6 .container { max-width: 100%; } + .hero-6-wrapper { padding: 65px 15px; margin: 0 -15px; border-radius: 0 0!important; } + .hero-6-txt p { padding: 0 3%; } + .hero-6-img { margin: 30px 1% 0; } + + /* HERO-7 */ + #hero-7 { padding-top: 70px; padding-bottom: 70px; } + .hero-7-txt h2 { padding: 0 3%; } + #hero-7 .quick-form { margin-left: 3%; margin-right: 3%; } + .hero-7-img { margin-top: 30px; } + + /* HERO-8 */ + #hero-8 { padding-top: 70px; } + .hero-8-txt { padding: 0 4%; } + .hero-8-txt .hero-logo { display: none; } + .hero-8-txt .hero-digits { padding: 0; } + + #hero-8-form { padding: 26px 12px; margin: 30px 2% 0; border-radius: 10px; } + #hero-8-form h4 { margin-bottom: 12px; } + #hero-8-form p { font-size: 1rem; margin-bottom: 15px; } + #hero-8-form p.p-sm { font-size: 0.9375rem; padding: 0!important; } + + /* HERO-9 */ + #hero-9 { padding-top: 70px; } + .hero-9-txt h2 { padding: 0 3%; line-height: 1.45; } + .hero-9-txt h2 img { max-height: 48px; margin: 0 2px; top: -6px; } + .hero-9-txt p.s-20 { font-size: 1rem; margin-top: 10px; } + + #hero-9 .quick-form { margin-left: 2%; margin-right: 2%; } + .hero-9-img { margin: 30px 0 0; } + + /* HERO-10 */ + #hero-10 { padding-top: 70px; } + #hero-10:after { height: 7%; } + .hero-10-txt h2 { padding: 0 3%; } + .hero-10-txt h4 { padding: 0 2%; margin-bottom: 23px; } + .hero-10-img { margin-top: 30px; } + + /* HERO-11 */ + #hero-11 { padding-top: 70px; } + .hero-11-txt p { padding: 0 5%; } + .hero-11-img { margin: 30px 3% -50px; } + + /* HERO-12 */ + #hero-12 { padding-top: 70px; } + #hero-12:after { height: 6%; } + .hero-12-txt h2 { padding: 0 3%; } + .font--inter .hero-12-txt h2 { padding: 0 2.4%; } + .hero-12-txt p { padding: 0 5px; } + .hero-12-img { margin-top: 30px; } + + /* HERO-13 */ + #hero-13 { padding-top: 70px; padding-bottom: 70px; } + .hero-13-txt h2 { padding: 0 3%; } + .hero-13-img { margin: 30px 1% 0; } + + /* HERO-14 */ + #hero-14 { padding-top: 70px; margin-bottom: 20px; } + .hero-14-txt h2.s-62 { font-size: 1.92857rem; margin-bottom: 15px; } + .hero-14-txt p.s-21 { padding: 0%; margin-bottom: 25px; } + #hero-14 .quick-form { margin-left: 4%; margin-right: 4%; } + .hero-14-img { margin-top: 35px; margin-bottom: -20px; } + .hero-14-txt .btn-txt { margin-top: 25px; } + + /* HERO-15 */ + #hero-15 { padding-top: 70px; } + .hero-15-img { margin: 30px 1% 0; } + + /* HERO-16 */ + #hero-16 { padding-top: 70px; margin-bottom: 30px; } + .hero-16-txt h2 { padding: 0 4%; } + .hero-16-img { margin: 30px 0 -30px; } + + /* HERO-17 */ + #hero-17 { padding-top: 70px; } + .hero-17-txt p { padding: 0 2%; } + #hero-17 .quick-form { margin-left: 2%; margin-right: 2%; } + #hero-17 #brands-1 { padding-top: 30px; } + + /* HERO-18 */ + #hero-18 { padding-top: 70px; padding-bottom: 60px; } + .hero-18-txt p { padding: 0 3%; } + #hero-18 .quick-form { margin: 20px 2% 0; } + .hero-18-img { margin-top: 30px; } + + /* HERO-19 */ + #hero-19 { padding-top: 70px; } + .hero-19-txt h2 { padding: 0 3%; } + + /* HERO-20 */ + #hero-20 { padding-top: 70px; } + .hero-20-txt { padding: 0 3%; } + .hero-20-txt .hero-logo { display: none; } + .hero-section .hero-20-txt h2.s-48 { margin-bottom: 18px; } + + /* HERO-21 */ + #hero-21 { padding-top: 70px; margin-bottom: 35px; } + #hero-21 .container { max-width: 100%; } + .hero-21-txt { margin-bottom: 40px; } + .hero-21-txt h2 { margin-bottom: 18px; } + + .hero-21-wrapper { overflow: visible; margin: 0 -15px; border-radius: 0 0!important; } + #hero-21 .hero-overlay { padding: 40px 20px 0; } + .hero-21-img { margin-bottom: -35px; } + .hero-21-img .video-btn { top: calc(50% - 2px); } + + /* HERO-22 */ + #hero-22 { padding-top: 70px; } + #hero-22-form { text-align: center; padding: 30px 15px 20px; margin: 0 1%; } + #hero-22 .hero-logo { display: none; } + #hero-22-form h4 { font-size: 1.57142rem; padding: 0; margin-bottom: 12px; } + #hero-22-form p { font-size: 1.1rem; padding: 0 5%; margin-bottom: 15px; } + + /* HERO-23 */ + #hero-23 { padding-top: 70px; margin-bottom: 20px; } + .hero-23-txt { padding: 0 2%; } + .hero-23-img { margin-top: 12px; margin-bottom: -20px; } + + /* HERO-24 */ + #hero-24 { padding-top: 70px; padding-bottom: 70px; } + .hero-24-txt p.p-xl { padding: 0 2%; } + #hero-24 .quick-form { margin-left: 2%; margin-right: 2%; } + + /* HERO-25 */ + #hero-25 { padding-top: 70px; padding-bottom: 70px; } + .hero-25-txt p.p-lg { margin-bottom: 20px; } + .hero-25-img { margin: 30px 0 0; } + + /* HERO-26 */ + #hero-26 { padding-top: 70px; } + .hero-26-txt { padding: 0 5%; } + .hero-26-img { margin-top: 30px; } + + /* HERO-27 */ + #hero-27 .hero-overlay { padding-top: 70px; } + .hero-27-txt h2 { font-size: 1.85rem; margin-bottom: 15px!important; } + .hero-27-txt p.s-20, .hero-27-txt p.s-21 { font-size: 1.0625rem; } + .hero-27-txt p.s-20 { margin-bottom: 20px!important; } + .hero-27-txt .btns-group.mt-15 { margin-top: 0!important; } + + /*------------------------------------------*/ + /* CONTENT + /*------------------------------------------*/ + + /* ABOUT */ + .about-2-title { margin-bottom: 30px; } + .a2-txt { padding: 10px 20px 25px; } + + #a3-1 { margin-bottom: 20px; } + + .a2-txt-quote { position: relative; margin-bottom: -35px; } + .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; } + + .a2-txt-author { margin-top: 10px; } + .a2-txt-author { font-size: 1.125rem; } + .a2-txt-author span { font-size: 0.975rem; margin-top: 1px; } + + #about-1 .txt-block h3.mb-30, .about-2-title h2.mb-30 { margin-bottom: 15px; } + + #about-4 .txt-block h2 { padding: 0 5%; } + #about-4 .txt-block p { margin-top: 12px; } + #a4-2 { margin: 30px 2% 0; } + + /* FEATURES */ + #features-14 .container { max-width: 100%; } + .fbox-14-wrapper { padding: 60px 30px; margin: 0 -15px; border-radius: 0 0!important; } + + #features-12.py-100.shape--bg:after, #features-13.py-100.shape--bg:after { height: 69%; top: 31%; } + #features-12.pt-100.shape--bg:after, #features-13.pt-100.shape--bg:after { height: 65%; top: 32%; } + + .fb-1, .fb-2, .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3, .rows-2 .fb-4, .rows-2 .fb-5, .row-cols-md-2 .fb-3, .fbox-5.fb-3, + .fbox-5.fb-5, .rows-2 .fbox-7.fb-1, .rows-2 .fbox-7.fb-2, .rows-2 .fbox-7.fb-3, .rows-2 .fbox-9.fb-1, .rows-2 .fbox-9.fb-2, + .rows-2 .fbox-9.fb-3 { margin-bottom: 30px; } + + .rows-3 .fb-3.fbox-11-lst { margin-bottom: 30px; } + + .fbox-5.fb-2, .fbox-5.fb-4, .fbox-5.fb-6 { margin-bottom: 0; } + + .row-cols-md-3 .fbox-4, .row-cols-md-2 .fbox-4, .fbox-5, .fbox-8.bg--white-100 { padding: 35px 25px; } + .fbox-7, .fbox-9 { padding: 35px 25px 30px; } + .row-cols-md-2 .fbox-7 { padding: 35px 35px 30px; } + .fbox-8.fb-1 { padding: 0 25px 35px; } + .fbox-8.fb-3 { padding: 40px 25px 0; } + .fbox-12, .fbox-13 { padding: 30px 25px; } + #fb-12-1, #fb-12-2, #fb-12-3, #fb-13-1, #fb-13-2, #fb-13-3 { margin-bottom: 30px; } + #fb-12-1, #fb-13-1 { margin-top: 50px; } + #features-12 .txt-block, #features-13 .txt-block { margin-bottom: 30px; } + + .fbox-14 { padding: 30px 25px 25px; } + .fbox-14.fb-1, .fbox-14.fb-2 { margin-bottom: 25px; } + + .fbox-img.h-135 img, .fbox-img.h-140 img, .fbox-img.h-145 img, .fbox-img.h-150 img, .fbox-img.h-155 img, + .fbox-img.h-160 img, .fbox-img.h-165 img, .fbox-img.h-170 img, .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 160px; } + + .fbox-2 .fbox-img.h-135 img, .fbox-2 .fbox-img.h-140 img, .fbox-2 .fbox-img.h-145 img, .fbox-2 .fbox-img.h-150 img, + .fbox-2 .fbox-img.h-155 img, .fbox-2 .fbox-img.h-160 img, .fbox-2 .fbox-img.h-165 img, .fbox-2 .fbox-img.h-170 img, + .fbox-2 .fbox-img.h-175 img, .fbox-2 .fbox-img.h-180 img { max-height: 160px; } + + .fbox-3 .fbox-img.h-135 img, .fbox-3 .fbox-img.h-140 img, .fbox-3 .fbox-img.h-145 img, .fbox-3 .fbox-img.h-150 img, + .fbox-3 .fbox-img.h-155 img, .fbox-3 .fbox-img.h-160 img, .fbox-3 .fbox-img.h-165 img, .fbox-3 .fbox-img.h-170 img, + .fbox-3 .fbox-img.h-175 img, .fbox-3 .fbox-img.h-180 img { max-height: 160px; } + + .fbox-4 .fbox-img.h-135 img, .fbox-4.fbox-img.h-140 img, .fbox-4 .fbox-img.h-145 img, .fbox-4 .fbox-img.h-150 img, + .fbox-4 .fbox-img.h-155 img, .fbox-4 .fbox-img.h-160 img, .fbox-4 .fbox-img.h-165 img, .fbox-4 .fbox-img.h-170 img, + .fbox-4 .fbox-img.h-175 img { max-height: 145px; } + + .fbox-1 .fbox-img, .row-cols-md-2 .fbox-1 .fbox-img, .fbox-4 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img { margin-bottom: 25px; } + + .fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, + .fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155, .fbox-2 .fbox-img.h-160, + .fbox-2 .fbox-img.h-165, .fbox-2 .fbox-img.h-170, .fbox-2 .fbox-img.h-175, + .fbox-2 .fbox-img.h-180 { padding-top: 35px; margin: 0 0 45px; } + + .fbox-3 .fbox-img.h-135, .fbox-3 .fbox-img.h-140, .fbox-3 .fbox-img.h-145, + .fbox-3 .fbox-img.h-150, .fbox-3 .fbox-img.h-155, .fbox-3 .fbox-img.h-160, + .fbox-3 .fbox-img.h-165, .fbox-3 .fbox-img.h-170, .fbox-3 .fbox-img.h-175, + .fbox-3 .fbox-img.h-180 { padding-top: 35px; margin: 0 0 25px; } + + .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, + .fbox-5.fb-4 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img { margin: 0 3% 25px; } + + .fbox-ico, .fbox-ico.ico-rounded, .fbox-ico.ico-square { margin-bottom: 18px; } + + .fbox-wrapper .ico-50 [class*="flaticon-"]:before, + .fbox-wrapper .ico-50 [class*="flaticon-"]:after, + .fbox-wrapper .ico-55 [class*="flaticon-"]:before, + .fbox-wrapper .ico-55 [class*="flaticon-"]:after, + .fbox-wrapper .ico-60 [class*="flaticon-"]:before, + .fbox-wrapper .ico-60 [class*="flaticon-"]:after, + .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before, + .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after { font-size: 3.6rem; } + + .features-section h6.s-18, .features-section h6.s-20, .features-section h6.s-22 { font-size: 1.35714rem; } /* 19px */ + .features-section h6, .fbox-txt h5, .rows-2 .fbox-11 h6, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 12px; } + + .fbox-10 .fbox-title { margin: 0 auto; } + .fbox-10 .fbox-title span { float: none; line-height: 1!important; margin-right: 0; } + .fbox-10 .fbox-title h6 { display: block; line-height: 1!important; margin-top: 10px; margin-bottom: 15px; } + .fbox-14 h5 { padding: 0 5%; margin-bottom: 12px; } + + .row-cols-md-3 .fbox-1 p, .row-cols-md-3 .fbox-2 p, + .row-cols-md-3 .fbox-3 p, .row-cols-md-3 .fbox-6 p, .fbox-10 .fbox-txt p { padding: 0 3%; } + + .row-cols-md-2 .fbox-1 p, .row-cols-md-2 .fbox-2 p, .row-cols-md-2 .fbox-3 p, .row-cols-md-2 .fbox-6 p { padding: 0 8%; } + .row-cols-md-2 .fbox-4 p, .fbox-5 .fbox-txt p, .rows-2 .fbox-11 p { padding: 0 5%; } + .row-cols-lg-3 .fbox-10 .fbox-txt p { padding: 0; } + .rows-3 .fbox-11 p { padding: 0 4%; } + + /* CONTENT */ + .ct-06 { padding-bottom: 60px; } + .ct-10 .section-overlay { margin-bottom: 40px; } + .ct-top { margin-bottom: 60px; } + + .ct-13 .txt-block, .ct-13 .img-block { margin-bottom: 30px; } + .ct-13 .txt-block.ml-block, .ct-13 .img-block.ml-block { margin-bottom: 0; } + + /* Content Box Wrapper */ + .content-section.ws-wrapper { margin: 0 -15px; } + .bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay { padding: 60px 18px; } + .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay { padding: 60px 14px; } + .bc-5-wrapper .section-overlay { padding: 60px 14px 0; } + .bc-6-wrapper .section-overlay { padding: 60px 14px; } + .bc-6 { padding: 20px 15px 25px; } + .bc-6-top { margin-bottom: 30px; } + .cbox-6-wrapper { padding: 28px 18px; } + + .bc-1-wrapper, .bc-2-wrapper, .bc-3-wrapper, .bc-4-wrapper, .bc-5-wrapper, .bc-6-wrapper { border-radius: 0 0!important; } + + .bc-5-wrapper .section-title p { padding: 0 3%; } + + .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 { margin-bottom: 14px; } + .txt-block h5 { margin-bottom: 16px; } + h5.h5-title { margin-top: 16px; margin-bottom: 16px; } + .cbox-2-txt h5, .cbox-3-txt h5, .bc-6-txt h5 { margin-bottom: 12px; } + + .txt-block p, .txt-block p.p-md, .txt-block p.p-lg { margin-bottom: 0.85714rem; } + .txt-block p.s-20, .txt-block p.s-21 { font-size: 1.14285rem; } + .cbox-5-fea p, .txt-block p.video-txt-sm, .txt-block p.btn-txt, .txt-block p.btns-group-txt, + .txt-block p.compatibility { margin-bottom: 0; } + .txt-block p.video-txt-lg { margin-bottom: 6px; } + + .txt-block .btn { margin-top: 16px; } + .txt-block .stores-badge.mt-15, .ws-wrapper .stores-badge.mt-15 { margin-top: 8px; } + .txt-block .btns-group .btn.btn--transparent { margin-top: 0; } + .bc-6-link.mt-15 { margin-top: 12px; } + .txt-block-tra-link.mt-25 { margin-top: 16px; } + + /* Content Box */ + .txt-box { margin-bottom: 15px; } + .right-column .cbox-5 { margin-bottom: 40px; } + .cbox-5-content { padding: 25px; margin: 0 1%; } + .cbox-5-content .divider { margin-top: 22px; margin-bottom: 22px; } + + .txt-block .cbox-5-title h2 { font-size: 2.45rem; margin-bottom: 10px; } + .cbox-5-title .statistic-number sup { font-size: 2.05rem; top: -5px; right: 6px; } + + .cbox-5-fea { padding: 15px 20px; margin-top: 20px; } + .txt-block .cbox-5-fea h4 { font-size: 1.625rem; } + .cbox-5-txt .btn { margin-top: 10px; } + + #cb-6-1, #cb-6-2, #cb-6-3 { margin-bottom: 20px; } + + /* Content Box Icon */ + .cbox-1.ico-10 span { right: 5px; } + .cbox-1.ico-15 span { top: 0.5px; right: 5px; } + .cbox-1.ico-15 [class*="flaticon-"]:before, .cbox-1.ico-15 [class*="flaticon-"]:after { font-size: 0.7rem; } + + .cbox-2 .ico-wrap { margin-right: 1rem; } + .cbox-2-ico { width: 2.15rem; height: 2.15rem; font-size: 1.0625rem; line-height: 1.85rem; } + .ct-03 .cbox-2-ico { width: 1.65rem; height: 1.65rem; font-size: 1rem; line-height: 1.4rem; } + .cbox-2-line { height: calc(100% - 70px); } + + .cbox-3 { display: block; text-align: center; } + .cbox-3 .ico-wrap { margin-right: 0; } + .cbox-3 .cbox-3-ico { top: 0; margin-bottom: 10px; } + .cbox-3-ico span[class*="flaticon-"]:before, .cbox-3-ico span[class*="flaticon-"]:after { font-size: 3rem; } + + .cbox-4 { text-align: center; } + .box-title h6, .box-title h5 { display: block; line-height: 1!important; margin-bottom: 15px; } + + .img-block-txt .box-title h6, + .img-block-txt .box-title h5 { display: inline-block; line-height: 2.5rem!important; margin-bottom: 20px; } + + .box-title span { display: block; position: relative; top: 0; margin-right: 0; margin-bottom: 10px; } + .img-block-txt .box-title span { display: inline-block; top: 10px; margin-right: 10px; margin-bottom: 0; } + .box-title span[class*="flaticon-"]:before, .box-title span[class*="flaticon-"]:after { font-size: 3rem; } + + .img-block-txt .box-title span[class*="flaticon-"]:before, + .img-block-txt .box-title span[class*="flaticon-"]:after { font-size: 2.5rem; } + + /* Content Box Text */ + .cbox-2-txt, .cbox-3-txt, .cbox-4-txt { margin-bottom: 25px; } + .ct-03 .cbox-2-txt { margin-bottom: 20px; } + + /* Content Box Typography */ + .cbox-1-txt p { margin-bottom: 5px; } + .cbox-6 h6 { margin-bottom: 10px; } + + /* Accordion */ + .txt-block .accordion-1 .accordion-item { padding: 18px 20px; } + .txt-block .accordion-2 .accordion-item { padding: 10px 0 20px; } + + .txt-block .accordion-1 .accordion-item .accordion-thumb:before { font-size: 0.95rem; top: -1px; } + .txt-block .accordion-2 .accordion-item .accordion-thumb:after, + .txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { font-size: 0.95rem; top: 7px; } + + .txt-block .accordion-1 .accordion-item.is-active { padding: 25px 20px 9px 20px; } + .txt-block .accordion-2 .accordion-item.is-active { padding: 15px 0 20px; } + + .txt-block .accordion-1 .accordion-panel { padding: 0; } + + .txt-block .accordion-1 .accordion-thumb h5 { padding-left: 22px; } + .txt-block .accordion-2 .accordion-thumb h5 { padding-left: 10px; padding-right: 0; } + + .accordion-2 .accordion-thumb span[class*="flaticon-"]:before, + .accordion-2 .accordion-thumb span[class*="flaticon-"]:after { font-size: 1.75rem; top: 6px; } + + /* Tabs */ + .tabs-1 li { font-size: 1.125rem; } + #tabs-1 .tab-content .img-block { margin-bottom: 30px; } + + /* Advantages */ + .advantages, .text-center .advantages { margin-top: 15px; } + .img-block-btn .advantages li { display: block!important; margin-top: 4px; } + .img-block-btn .advantages li p { display: block; float: none; } + .img-block-btn li.advantages-links-divider { display: none!important; } + + /* Compatibility */ + .compatibility { margin-top: 10px; } + + /* Tools List / Payments Icons */ + .tools-list p, .payment-methods p { margin-bottom: 12px; } + .tools-list span { padding-right: 1px; } + .payment-icons img { max-height: 26px; } + + .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { + font-size: 2rem;line-height: 2rem!important; margin-right: 3px; + } + + /* Content Box Shapes */ + .cbox-5-shape-1, .cbox-5-shape-2 { display: none; } + + /* Content Images */ + .img-block.img-block-bkg img { padding: 30px 15px; } + .img-block-hidden, .bc-5-img.bc-5-dashboard.img-block-hidden { margin-bottom: -30px; } + .ct-10 .img-block { margin-bottom: -40px; } + .ct-01 .img-block, .ct-02 .img-block, .ct-03 .img-block.right-column, .ct-03 .img-block.left-column { margin: 0 2% 30px; } + .ct-01 .img-block.j-img, .ct-02 .img-block.j-img { margin-left: 0%; margin-right: 0; } + .ct-04 .img-block, .ct-05 .img-block, .ct-06 .img-block, .ct-07 .img-block- { margin-bottom: 30px; } + .ct-06 .img-block, .ct-07 .img-block { margin-top: -80px; margin-bottom: 40px; } + + .img-block-hidden .video-btn, .bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { top: 50%; } + .bc-5-img.bc-5-tablet.img-block-hidden .video-btn { top: calc(50% - 20px); } + .img-block-txt, .img-block-btn { margin-top: 30px; } + + .bc-1-wrapper .img-block, .bc-2-wrapper .img-block, .bc-2-img, .bc-3-img, .bc-4-img { margin-bottom: 30px; } + .bc-5-img.bc-5-tablet.img-block-hidden { margin-bottom: -50px; } + .bc-6-img { padding: 25px 15px 0; margin-bottom: 20px; } + .ct-11 .img-block, .ct-12 .img-block { margin-bottom: 30px; padding: 40px 5%; } + + /* STATISTIC */ + .sb-rounded .statistic-block { text-align: center; padding: 25px; } + #statistic-5 .statistic-digit { padding-bottom: 18px; margin: 0 12% 18px; } + #sb-1-1, #sb-1-2, #sb-3-1, #sb-3-2, #sb-3-3 { margin-bottom: 30px; } + #sb-2-1, #sb-2-2, #sb-2-3, #sb-2-4 { width: 50%; } + #sb-2-3, #sb-2-4 { padding-right: 10px; } + #sb-4-1, #sb-4-2, #sb-4-3 { margin-bottom: 25px; } + #sb-5-1, #sb-5-2 { margin-bottom: 30px; } + + .statistic-1-wrapper .statistic-block-digit { margin-bottom: 12px; } + + h2.statistic-number { font-size: 2.125rem; line-height: 1; letter-spacing: -0.5px; } + .txt-block-stat h2.statistic-number { font-size: 2rem; } + #statistic-1 h2.statistic-number { letter-spacing: -0.5px; } + #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number { margin-bottom: 12px; } + #statistic-5 .statistic-digit h2 { font-size: 2.125rem; letter-spacing: -0.5px; } + + #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm { margin-top: 12px; } + .txt-block-stat .statistic-block p { font-size: 0.95rem; } + #statistic-5 .statistic-txt p { padding: 0 8%; } + + /* PROJECTS */ + #pt-1-1, #pt-1-2, #pt-1-3, .inner-page-hero #pt-1-3, .inner-page-hero #pt-1-4, .inner-page-hero #pt-1-5 { margin-bottom: 35px; } + .project-details h5 { margin-bottom: 20px; } + .more-projects { margin-top: 40px; } + + /* PROJECT DETAILS */ + .single-project .project-title { margin-bottom: 35px; } + .project-title h2 { padding-right: 0; padding-bottom: 25px; margin-bottom: 25px; } + .project-data p { margin-bottom: 5px; } + + .project-priview-img.mb-50 { margin-bottom: 30px; } + .project-inner-img .top-img { margin-bottom: 30px; } + .project-inner-img.mt-50 { margin-top: 30px; } + .project-txt h5.mt-35.mb-35 { margin-top: 20px; margin-bottom: 20px; } + .project-txt h5.mt-50.mb-35 { margin-top: 30px; margin-bottom: 20px; } + + .project-description .more-projects { margin-top: 40px; } + .project-description .more-projects span { top: 1px; left: 4px; } + .project-description .more-projects.ico-25 [class*="flaticon-"]:before, + .project-description .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.125rem; } + + /* RATING */ + #rb-2-1, #rb-2-2 { margin-bottom: 25px; } + + .rating-title h5 { font-size: 1.125rem; padding: 0 15%; } + .rbox-1-img { margin-bottom: 15px; } + .rbox-1-img img { max-height: 30px; } + .rbox-2-txt img { max-height: 28px; } + p.rbox-2-txt { line-height: 28px; margin-top: 8px; } + + .rbox-1 .star-rating { padding: 5px 16px; } + .rbox-1 .star-rating { font-size: 0.9rem; line-height: 1; } + + .rbox-1 .star-rating span { top: 2px; } + .rbox-1 .ico-10 [class*="flaticon-"]:before, .rbox-1 .ico-10 [class*="flaticon-"]:after { font-size: 0.9rem; } + .rbox-1 .ico-15 [class*="flaticon-"]:before, .rbox-1 .ico-15 [class*="flaticon-"]:after { font-size: 1rem; } + .rbox-2 .ico-20 [class*="flaticon-"]:before, .rbox-2 .ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; } + .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.225rem; } + + /* TESTIMONIALS */ + #reviews-4 .txt-block, #reviews-5 .txt-block { text-align: center; } + #reviews-4 .txt-block h2, #reviews-5 .txt-block h2 { font-size: 1.82142rem; padding: 0 2%; } /* 25.5px */ + + .review-1 { padding: 30px 30px 24px; } + .review-2 { padding: 35px 15px 24px; } + .review-3, .review-4, .review-5 { padding: 35px 25px 24px; } + + .review-txt { margin-top: -40px; } + .review-txt h6 { margin-bottom: 10px; } + .review-3 .review-txt p { font-size: 1rem; } + + .review-1 .author-data, .review-2 .author-data, + .review-3 .author-data, .review-4 .author-data, .review-5 .author-data { margin-top: 20px; } + + .review-avatar img, .owl-item .review-avatar img { width: 45px; height: 45px; } + .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img { width: 45px; height: 45px; } + + .review-author { padding: 0 0 0 12px; } + .review-1 .review-author, .review-2 .review-author, .review-3 .review-author, .review-5 .review-author { margin-top: 2px; } + + .review-author h6 { margin-bottom: 8px; } + .review-1 .review-author h6, .review-2 .review-author h6, .review-3 .review-author h6, + .review-4 .review-author h6, .review-5 .review-author h6 { font-size: 1.225rem; } + + /* PRESS */ + #press-01, #press-02, #press-03, #press-04, #press-05, #press-06, #press-07 { margin-bottom: 25px; } + .press-logo img { max-height: 70px; } + .press-txt { padding: 0 1%; margin-top: 8px; } + + /* BRANDS */ + #brands-3:after { height: 85%; } + + .brands-title { padding: 0 3%; } + .brands-title.mb-35, .brands-title.mb-40 { margin-bottom: 20px; } + .brands-title.mb-50 { margin-bottom: 25px; } + + .brands-title h5.s-19 { font-size: 1.21428rem; } + .brands-title h4, .brands-title h3, .brands-title h2 { margin-bottom: 8px; } + .brands-title p.p-md, .brands-title p.p-lg { font-size: 1rem; } + + .brands-3-wrapper, .brands-3-wrapper.brands-3-static { padding: 25px 15px; } + + #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-3-1, #brand-3-2, #brand-4-1, #brand-4-2, #brand-4-3, + #brand-4-4, #brand-4-5, #brand-4-6, #brand-4-7, #brand-4-8, #brands-4 .brand-logo.mb-40 { margin-bottom: 25px; } + #brand-3-5 { display: none; } + + #brands-1 .brands-carousel-6 .brand-logo, #brands-1 .brands-carousel-5 .brand-logo { padding: 0 15px; } + #brands-1 .justify-content-center .brand-logo, #brands-4 .brand-logo { padding: 0 15px; } + #brands-2 .brand-logo, #brands-3 .brand-logo, #brands-3 .brands-3-static .brand-logo { padding: 0 11px; } + + .brands-section .more-btn { margin-top: 30px; } + + /* INTEGRATIONS */ + #integrations-2 .container { max-width: 100%; } + .integrations-2-wrapper { padding: 60px 20px; margin: 0 -15px; border-radius: 0 0!important; } + .in_tool_logo.ico-65 img { width: 55px; height: 55px; } + .in_tool h6 { font-size: 1.125rem; } + + #integrations-1 .in_tool-logo.ico-60 img { width: 48px; height: 48px; } + .integrations-1-wrapper .in_tool { padding: 15px 20px; } + .integrations-1-wrapper .in_tool.mb-30, .integrations-1-wrapper .it-7, .integrations-1-wrapper .it-8 { margin-bottom: 20px; } + .integrations-1-wrapper .in_tool-txt h6 { font-size: 1.25rem; line-height: 1; margin-top: 5px; } + .integrations-1-wrapper .in_tool-txt p { font-size: 1.0625rem; margin-top: 4px; } + + .integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 30px; } + + /* PRICING */ + .p-table { margin-bottom: 30px; } + .pricing-1-table, .text-center .pricing-1-table { padding: 35px 30px 30px; } + .pricing-2-table { padding: 35px 30px; } + .pricing-3-table { padding: 30px 30px 35px; } + .pricing-4-table { padding: 25px 30px; } + + .pricing-table-header h5, .pricing-table-header h4 { font-size: 1.4285714rem!important; } + + .pricing-discount { top: 0; right: -2px; padding: 6px 11px; } + .pricing-1-table .pricing-discount { top: -4px; right: 0; padding: 7px 13px; } + .text-center .pricing-1-table .pricing-discount { top: -32px; right: -5px; } + .pricing-discount h6 { font-size: 1rem; } + .pricing-1-table .pricing-discount h6 { font-size: 0.9rem; } + .p-table p.btn-txt { margin: 10px 0 0 0; } + + /* Price */ + .pricing-3-table .price.mt-25 { margin-top: 20px; } + + .price span { font-size: 2.85rem; letter-spacing: -1.5px; } + .pricing-2-table.highlight .price span { font-size: 2.6rem; } + .pricing-3-table .price span { font-size: 4.285714rem; letter-spacing: -3px; } + .pricing-4-table .price span { font-size: 2.85rem; } + + .price sup { font-size: 2.4rem; top: -2px; } + .pricing-3-table .price sup { font-size: 2.5rem; top: -16px; } + .pricing-4-table .price sup { font-size: 2.4rem; top: -2px; } + + .pricing-3-table .price sup.coins { font-size: 2.5rem; top: -19px; letter-spacing: -2px; } + + .price sup.validity { font-size: 1.285714rem; } + .pricing-3-table .price sup.validity { font-size: 1.285714rem; top: 0; margin-top: 20px; margin-bottom: 35px; } + .pricing-4-table .price sup.validity { font-size: 1.285714rem; left: 4px; top: 0; } + + .text-center .price p, .text-center .pricing-2-table .price p { padding: 0; } + .pricing-4-table .price p { margin-top: 15px; margin-bottom: 10px; } + + .pricing-1-table .pt-btn, .pricing-2-table .pt-btn, .pricing-3-table .pt-btn, + .pricing-4-table .pt-btn, .pricing-5-table .pt-btn, .pricing-6-table .pt-btn { margin-top: 20px; } + + .pricing-2-table hr { margin-top: 20px; } + + /* Pricing Features */ + .pricing-features.mt-25 { margin-top: 12px; } + .pricing-features li, .pricing-4-table .pricing-features li { padding: 9px 8px; } + + /* Pricing Notice */ + .pricing-notice.mb-40 { margin-bottom: 20px; } + .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0; } + + /* Pricing Toggle Button */ + #pricing-4 .ext-toggle-btn { margin: 0 auto 25px; } + .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt { font-size: 1.15rem; } + + /* Pricing Compare */ + .table-responsive.mb-50 { margin-bottom: 30px; } + + .comp-table-rouded { padding: 10px 10px 0; } + .table>:not(caption)>*>* { padding-top: 9px; padding-bottom: 9px; } + .comp-table .table-responsive thead th { font-size: 0.9rem; } + .comp-table .table-responsive tbody th { font-size: 0.815rem; line-height: 1.25; } + .comp-table .table-responsive tbody td { font-size: 0.85rem; top: 0; line-height: 1.25; } + + .comp-table .table-responsive tbody td span { top: 3px; } + + .table-responsive .ico-15 [class*="flaticon-"]:before, + .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; } + + .table-responsive .ico-20 [class*="flaticon-"]:before, + .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; } + + #pbox-1, #pbox-2, #pbox-3 { margin-bottom: 30px; } + .pricing-section .txt-box-last { margin-bottom: 40px; } + .pricing-section .pm-last { margin-bottom: 40px; } + .comp-table-payment h6 { margin-bottom: 14px; } + + /* TEAM */ + #team-1.pb-40, #team-2.pb-40 { padding-bottom: 25px; } + .team-member.mb-40, .team-member.mb-50, .team-member.mb-60 { margin-bottom: 35px; } + + .team-member-photo { margin-bottom: 22px; } + #team-1 .team-member-data, #team-2 .team-member-data { margin-left: 10px; } + + .team-member-data h6.s-20 { font-size: 1.35714rem; margin-bottom: 6px; } /* 19px */ + .team-member-data p, .team-member-data p.p-md, .team-member-data p.p-lg { font-size: 1.15rem; } + + ul.tm-social, #team-1 ul.tm-social { top: 0; right: 10px; } + .tm-social.ico-20 [class*="flaticon-"]:before, .tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.375rem; } + + /* CAREERS */ + #careers-1 { padding-bottom: 30px; } + .role-box { text-align: center; padding: 25px 30px; } + .role-box-txt span, #careers-1 .role-box span { margin-bottom: 10px; } + #careers-1 .role-box h6 { line-height: 1.4; margin-bottom: 4px; } + .role-box-txt h6 { line-height: 1.4; margin-bottom: 5px; } + .role-box-txt p { margin-bottom: 14px; } + + /* CAREER ROLE */ + #role-page .inner-page-title { margin-bottom: 20px; } + #role-page .inner-page-title span { margin-bottom: 20px; } + #role-page .inner-page-title p { padding: 0; } + .role-info hr, #role-page .cbox-6-wrapper { margin: 25px 0; } + .txt-block.role-info .btn { margin-top: 25px; } + + /* BANNER */ + #banner-12, #banner-13 { margin-top: 0; margin-bottom: 25px; } + #banner-9.py-70 { padding-top: 60px; padding-bottom: 60px; } + + #banner-1 .container, #banner-2 .container, #banner-3 .container, + #banner-11 .container, #banner-12 .container, #banner-13 .container { max-width: 100%; } + .banner-1-wrapper, .banner-2-wrapper, .banner-3-wrapper, + .banner-11-wrapper, .banner-12-wrapper, .banner-13-wrapper { margin: 0 -15px; border-radius: 0 0!important; } + + .banner-1-wrapper .banner-overlay, .banner-2-wrapper .banner-overlay, + .banner-3-wrapper .banner-overlay { padding: 55px 15px 65px; } + .banner-1-wrapper .banner-overlay.sm-title { padding: 50px 20px 60px; } + + #banner-5 .banner-overlay.pt-80.pb-90, #banner-7 .banner-overlay.pt-80.pb-90, #banner-6 .banner-overlay, + #banner-8 .banner-overlay, #banner-14 .banner-overlay, #banner-15 .banner-overlay { padding-top: 50px; padding-bottom: 60px; } + + #banner-10 .banner-overlay { padding-top: 60px; padding-bottom: 60px; } + .banner-11-wrapper .banner-overlay { overflow: hidden; padding: 50px 25px 0; border-radius: 0 0!important; } + .banner-12-wrapper .banner-overlay{ overflow: visible; padding: 50px 25px 0; border-radius: 0 0!important; } + .banner-13-wrapper .banner-overlay { overflow: visible; padding: 50px 25px 60px; border-radius: 0 0!important; } + .banner-16-wrapper .banner-overlay { padding: 30px 10%; } + + .banner-5-txt {padding: 0; } + .banner-8-txt {padding: 0 5%; } + .banner-12-txt, .banner-13-txt { margin-top: 0; padding-right: 0; } + + .banner-section .section-id { margin-bottom: 18px; } + #banner-15.banner-section .section-id { margin-bottom: 22px; } + + .banner-section h2, .banner-section h3 { font-size: 1.82142rem!important; } + .banner-1-txt h2 { margin-bottom: 12px; } + .banner-2-txt h2, .banner-10-txt h2 { margin-bottom: 25px; } + .banner-4-txt h2 { padding: 0 6%; margin-bottom: 22px; } + .banner-7-txt h2 { margin-bottom: 22px; } + .banner-10-txt h6 { margin-bottom: 5px; } + .banner-10-txt h2 { font-size: 3.25rem!important; margin-bottom: 18px; } + .banner-11-txt h2, .banner-12-txt h2, .banner-13-txt h2 { margin-bottom: 14px; } + .banner-15-txt h2 { margin-bottom: 25px; } + .banner-16-txt h4 { padding: 0 5%; margin-bottom: 10px; } + + .banner-section p.p-lg, .banner-section p.p-xl { font-size: 1.142857rem; margin-bottom: 20px; } + .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl, + .banner-6-txt p.p-lg, .banner-6-txt p.p-xl { margin-top: 12px; margin-bottom: 20px!important; } + .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { margin-top: 10px; margin-bottom: 18px; } + .banner-5-txt p.p-lg, .banner-5-txt p.p-xl { margin-top: 12px; } + .banner-5-txt p.s-21, .banner-5-txt p.s-22 { margin-top: 11px;margin-bottom: 18px; } + .banner-9-txt p.p-lg, .banner-9-txt p.p-xl { margin-top: 10px; margin-bottom: 20px!important; } + .banner-11-txt p { padding-right: 0; } + .banner-14-txt p.p-lg { padding: 0 5%; margin-top: 18px; margin-bottom: 18px; } + + .banner-5-txt .btns-group.mt-35 { margin-top: 18px; } + .banner-8-buttons { margin-top: 15px; padding: 0 4%; } + .banner-15-txt .download-links { margin-top: 15px; } + .banner-section .btns-group .btn:first-child { margin-right: 0; margin-left: 0; margin-bottom: 12px; } + .banner-16-txt .txt-block-tra-link.mt-15 { margin-top: 10px; } + + .banner-9-img { margin: 35px 2% 0; } + .banner-10-img { margin: 35px 5% 0; } + .banner-11-img { margin: 30px 2% -20px; } + .banner-12-img { transform: rotate(0deg); margin: 30px 0 -40px; } + + /* DOWNLOAD */ + #download-1 { padding-bottom: 30px; } + .version-release { margin-bottom: 30px; } + .release-data h5 { margin-bottom: 30px!important; } + + .release-data { padding-bottom: 20px; margin-bottom: 20px; } + span.version-data { font-size: 1.5rem; margin-right: 5px; } + span.release-date span { font-size: 1.05rem; margin-left: 5px; } + .release-download { margin-top: 15px; } + + /* FAQs */ + #faqs-1, #faqs-4 { padding-bottom: 40px; } + + /* FAQs Section Title */ + #faqs-1 .section-title { margin-bottom: 19px; } + #faqs-2 .inner-page-title { margin-bottom: 24px; } + #faqs-3 .section-title { margin-bottom: 35px; } + #faqs-4 .inner-page-title { margin-bottom: 35px; } + + #faqs-3 .section-title .contact-link { display: block; } + + /* FAQs Accordion */ + .faqs-section .accordion-thumb { padding: 16px 0 20px; } + #faqs-2.faqs-section .accordion-thumb { padding: 16px 0 21px; } + + .faqs-section .accordion-item .accordion-thumb:after, + .faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.875rem; top: 20px; right: 2px; } + #faqs-2.faqs-section .accordion-item .accordion-thumb:after, + #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { font-size: 0.875rem; top: 17px; right: 2px; } + + .accordion-panel { padding: 0 0 5px 0; } + #faqs-2 .accordion-panel { padding: 25px 0 10px 0; } + #faqs-2 .accordion-panel-item.mb-35, #faqs-3 .question.mb-35 { margin-bottom: 20px; } + + .faqs-section .accordion-thumb h5 { line-height: 1.35; padding-right: 8%; } + .question h5, .accordion-panel-item h5 { line-height: 1.35; margin-bottom: 15px; } + + /* FAQs Tabs */ + .faqs-section .tabs-1 { margin: 0 5px 10px; } + .faqs-section .tabs-1 li { min-width: 100%; padding: 20px 0; margin: 0 0 15px; } + + /* More Questions Link */ + #faqs-2 .more-questions { margin: 40px auto 0; } + #faqs-3 .more-questions.mt-40 { margin-top: 15px; } + .more-questions-txt { padding: 14px 20px; } + .more-questions-txt p { font-size: 1.1rem; } + + /* NEWSLETTER */ + #newsletter-1 .newsletter-overlay, #newsletter-5 .newsletter-overlay { padding-top: 50px; padding-bottom: 40px; } + #newsletter-2 .container { max-width: 100%; } + #newsletter-2 .newsletter-overlay { padding: 50px 8% 40px; margin: 0 -15px; border-radius: 0 0!important; } + #newsletter-3, #newsletter-4 .newsletter-overlay { padding-top: 50px; padding-bottom: 50px; } + + #newsletter-4 .newsletter-txt, #newsletter-5 .newsletter-txt { padding: 0; } + + .newsletter-txt h2, #newsletter-4 .newsletter-txt h2 { margin-bottom: 25px; } + .newsletter-txt h4, .newsletter-txt h3 { font-size: 1.642857rem; padding: 0; margin-bottom: 25px; } + + #newsletter-3 .newsletter-txt p { padding: 0 2%; } + #newsletter-4 .newsletter-txt p { font-size: 1rem; padding: 0 2%; margin-bottom: 0; } + #newsletter-5 .newsletter-txt p { margin-top: 15px; } + + #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form, + #newsletter-3 .newsletter-form, #newsletter-4 .newsletter-form { padding: 0 3%; } + #newsletter-5 .newsletter-form { margin-top: 25px; padding: 0 3%; } + + .newsletter-section .form-control, #newsletter-1.newsletter-section .form-control, + #newsletter-5.newsletter-section .form-control { height: 46px; font-size: 1.0625rem; } + .newsletter-section .btn, #newsletter-1 .btn, #newsletter-5.newsletter-section .btn { height: 46px; font-size: 1.0625rem; } + + /* BLOG */ + #bp-1-1, #bp-1-2 { margin-bottom: 30px; } + .blog-post-img.mb-35 { margin-bottom: 25px; } + .post-tag { font-size: 0.825rem; margin-bottom: 14px; } + + .blog-post-txt h6, .blog-post-txt h4.mb-20, .blog-post-txt h3 { margin-bottom: 10px; } + .blog-post-meta.mt-20, .blog-post-meta.mt-30 { margin-top: 14px; } + + /* Blog Listing */ + .wide-post { margin-bottom: 30px; } + .wide-post h3.s-36, .wide-post h3.s-38, .wide-post h3.s-40, .square-post h4.s-34 { font-size: 1.285714rem; } + .wide-post .blog-post-img { margin-bottom: 25px; } + + .square-post { margin-top: 10px; margin-bottom: 40px; } + .square-post .blog-post-txt { padding: 40px 20px 35px; } + + .posts-category { margin-top: 10px; margin-bottom: 30px; } + .posts-category span { top: 1.25px; } + .posts-category.ico-20 [class*="flaticon-"]:before, + .posts-category .more-projects.ico-20 [class*="flaticon-"]:after { font-size: 1rem; } + + /* Single Blog Post */ + .single-post-title h3, .single-post-title h2 { padding: 0 5%; margin-bottom: 20px; } + .single-post-title .blog-post-meta.mt-35 { margin-top: 22px; } + #single-post .post-meta-list .meta-list-divider { display: none!important; } + #single-post .post-meta-list li { display: block!important; margin-top: 10px; } + .post-inner-img { margin-top: 25px; margin-bottom: 25px; } + + .single-post-txt h5, .single-post-txt h4 { margin-top: 15px; margin-bottom: 18px; } + + .single-post-txt .blockquote p { font-size: 1.0625rem; margin-bottom: 25px; } + .single-post-txt .blockquote-footer { font-size: 1rem; line-height: 1.3; } + + .post-share-list { margin-top: 30px; padding-bottom: 40px; } + + .post-author { display: block!important; padding: 50px 0; } + .post-author-avatar { display: block!important; text-align: left; margin-right: 0; margin-bottom: 20px; } + .post-author-avatar img { width: 70px; height: 70px; } + .post-author-txt h5 { margin-bottom: 10px; } + + .author-follow-btn { padding: 5px 12px; top: 130px; right: 10px; } + + .post-comments { padding-top: 50px; } + .post-comments h5 { margin-bottom: 40px; } + .comment-body { margin-left: 15px; } + .post-comments img { width: 37px; height: 37px; } + .comment-meta { margin-bottom: 5px; } + .comment-meta h6 { margin-bottom: 5px; } + .comment-date, .btn-reply a { font-size: 0.95rem; } + .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; } + + .post-comments #leave-comment h5 { margin-top: 50px; } + + .comment-form p { margin-bottom: 10px; } + + .comment-form { margin-top: 50px; } + .comment-form .btn { margin-top: 0; } + + /* CONTACTS */ + #contacts-1 .section-title p { padding: 0 3%; } + #contacts-1 .contact-form .contact-form-notice p { font-size: 0.875rem; margin-top: 30px; } + + #contacts-1 .contact-form .col-md-12 span { line-height: 1.4; margin-bottom: 12px; } + .contact-form .form-control, .contact-form .form-select { height: 50px; } + .contact-form textarea { min-height: 170px; } + .contact-form textarea.form-control { padding: 15px; } + + /* FOOTER */ + .footer { padding-bottom: 30px; } + .footer hr { margin-top: 5px; margin-bottom: 30px; } + + #footer-10.pt-50 { padding-top: 0; } + + .footer .col-sm-4, .footer .col-sm-6, .footer .col-sm-8 { width: 50%!important; float: left; } + #footer-3.footer .col-sm-6.col-md-3 { width: 100%!important; float: none; } + + .footer-info, #footer-2 .footer-info, .footer-links, .footer-stores-badge { margin-bottom: 35px; } + #footer-6 .footer-info, #footer-7 .footer-info { margin-top: 10px; margin-bottom: 0; } + #footer-10 .footer-info { margin-bottom: 25px; padding-bottom: 35px; } + #footer-8 .footer-links, #footer-10 .footer-links { margin-bottom: 10px; } + + img.footer-logo, img.footer-logo-dark { max-height: 34px; } + #footer-1 .footer-logo, #footer-5 .footer-logo, #footer-6 .footer-logo, #footer-7 .footer-logo { margin-bottom: 22px; } + #footer-10 img.footer-logo { max-height: 34px; } + + .footer h6 { font-size: 1.1785714rem; margin-bottom: 18px; } /* 16.5px */ + + .footer-mail-link { font-size: 1.0714285rem; } /* 15px */ + .footer-mail-link span { top: 3px; right: 4px; } + + #footer-8 .foo-links li { display: block!important; padding-left: 0; } + #footer-10 .foo-links li { padding: 0 8px; } + + .foo-links.ico-10 li span { top: 1px; right: 3px; } + .foo-links li a span.ext-link { left: 3px; top: 0; } + + .footer-stores-badge .store { display: block!important; text-align: left; margin-bottom: 15px; margin-right: 0; } + + .footer-form { margin-right: 6%; } + #footer-9 .footer-form { margin-bottom: 0; } + .footer-form .form-control { font-size: 1.1rem; } + .footer-form .form-control, .footer-form .btn { height: 28px; } + .footer-form .ico-15 [class*="flaticon-"]:before, + .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.125rem; line-height: 22px!important; } + + .bottom-footer-socials { margin-top: 10px; } + .bottom-footer-socials li { padding-left: 12px; } + .bottom-footer-socials li:first-child { padding-left: 0; } + + .bottom-footer-list { margin-top: 3px; } + #footer-4 .bottom-footer-list li, #footer-9 .bottom-footer-list li { padding-left: 8px; } + #footer-4 .bottom-footer-list li span, #footer-9 .bottom-footer-list li span { margin-right: 1px; } + + .footer-list-divider { top: 0; } + .bottom-secondary-link p span { top: 1.5px; padding: 0 2px; } + .footer-info-copyright p span { top: 2px; padding: 0 2px; } + + .footer-info-copyright.ico-15 [class*="flaticon-"]:before, + .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; } + + /* INNER PAGE WRAPPER */ + .inner-page-hero, .page-hero-section-overlay { padding-top: 60px; } + + .inner-page-title { margin-bottom: 40px; } + .inner-page-title h2 { margin-bottom: 0; } + .inner-page-title p { font-size: 1.125rem; line-height: 1.6666; padding: 0 3%; margin-top: 12px; } + .page-hero-section h1 { line-height: 1.25; margin-bottom: 20px; } + + /* PAGE PAGINATION */ + .page-link { font-size: 0.95rem; padding: 2px 10px; } + .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } + + /* SIGN IN / SIGN UP */ + #login, #signup, #reset-password { padding-top: 70px; padding-bottom: 70px; } + .login-page-logo { margin-bottom: 38px; } + .login-page-logo img { max-height: 36px; } + + .register-form-title { margin-bottom: 25px; } + .register-form-title h3 { font-size: 1.57142rem; margin-bottom: 8px; } + + .separator-line, .register-page-form p.input-header, .form-data span, .register-page-form .btn-google { font-size: 1rem; } + #signup .form-data span { font-size: 0.95rem; } + .reset-password-link p { font-size: 1rem; margin-top: 0; margin-bottom: 10px; } + .register-page-form p.create-account { font-size: 1rem; margin-top: 20px; } + .separator-line { margin: 20px 0; } + + .reset-form-title { margin-bottom: 16px; } + .reset-form-title p.p-sm { font-size: 1rem; margin-top: 15px; } + + .reset-page-wrapper { margin: 0 10px; } + .reset-page-wrapper form { padding: 35px 10px 10px; } + #login .register-page-form, #signup .register-page-form { padding: 35px 20px; } + #login.login-1 .register-page-form, #signup.signup-1 .register-page-form { padding: 5px; } + + .reset-page-wrapper .form-control, + .register-page-form .form-control { height: 50px; font-size: 1.0625rem; padding: 5px 12px; margin-bottom: 20px; } + + #login .register-page-form .btn.submit { height: 50px; font-size: 1.0625rem; margin-top: 12px; } + #signup .register-page-form .btn.submit { height: 50px; font-size: 1.1rem; margin-top: 20px; } + .reset-page-wrapper .btn.submit { height: 50px; font-size: 1.0625rem; } + .btn-google img { width: 18px; height: 18px; top: -2px; right: 5px; } + + .btn-show-pass { top: 16px; } + + /* PAGE 404 */ + .page-404-txt { padding-top: 80px; padding-bottom: 50px; } + .page-404-txt h2 { margin-bottom: 12px; } + .page-404-txt h6 { padding: 0; line-height: 1.6; margin-bottom: 20px; } + .page-404-img { padding: 0 8%; margin-bottom: 30px; } + + /* MODAL */ + #modal-1 .modal-dialog { max-width: 280px; margin: auto auto; } + #modal-2 .modal-dialog { width: 300px; margin: auto auto; } + #modal-3 .modal-dialog.modal-xl { width: 290px; margin: auto auto; } + + #modal-1.modal .btn-close { right: 10px!important; top: 10px!important; } + + #modal-2 .modal-body-content { padding: 22px 25px 5px; } + #modal-3 .modal-body-content { padding: 25px 10px 15px; } + + .modal-body .newsletter-form { margin-top: 15px; } + .modal .form-control, .modal .newsletter-form .btn { height: 46px; font-size: 1.0625rem; } + + #modal-3 .request-form-title p { margin-top: 12px; margin-bottom: 16px; } + #modal-3 .request-form .form-control { margin: 0 0 20px 0; } + #modal-3 .request-form .btn { height: 46px; font-size: 1rem; } + + + +} \ No newline at end of file diff --git a/static/css/skyblue-theme.css b/static/css/skyblue-theme.css new file mode 100644 index 0000000..ad6148d --- /dev/null +++ b/static/css/skyblue-theme.css @@ -0,0 +1,10990 @@ + + + + +/* + Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack + Theme URL: https://themeforest.net/user/dsathemes + Description: Martex - Software, App, SaaS & Startup Landing Pages Pack + Author: DSAThemes + Author URL: https://themeforest.net/user/dsathemes + Version: 1.0.0 + Website: www.dsathemes.com + Tags: Responsive, HTML5, DSAThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc +*/ + + + + +/* ========================================================================== + 01. GENERAL & BASIC STYLES + =========================================================================== */ + +html { + -webkit-font-smoothing: antialiased; + font-size: 16px; +} + +body { + font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; + color: #6c757d; + line-height: 1.6666; + font-weight: 400; +} + +/*------------------------------------------*/ +/* PAGE CONTENT +/*------------------------------------------*/ + +#page, +.hidd { + overflow: hidden; +} + +.rel, +section, +.container { + position: relative!important; + z-index: 3; +} + +.section-overlay { + width: 100%; + height: 100%; +} + +/*------------------------------------------*/ +/* BLOCK SHADOW +/*------------------------------------------*/ + +.block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* BORDER SETTINGS +/*------------------------------------------*/ + +.block-border { + border: 1px solid #e7e7e7; +} + +.block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.x-border { + border-top: 1px solid #e7e7e7; + border-bottom: 1px solid #e7e7e7; +} + +.top-border { + border-top: 1px solid #e7e7e7; +} + +.bottom-border { + border-bottom: 1px solid #e7e7e7; +} + +/*------------------------------------------*/ +/* BORDER RADIUS SETTING +/*------------------------------------------*/ + +.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } +.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } +.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } +.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } +.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } +.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } +.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; } +.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; } +.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } +.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; } +.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } +.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; } +.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; } +.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; } +.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; } +.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } +.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; } +.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; } +.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; } +.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; } + +/*------------------------------------------*/ +/* OPACITY SETTINGS +/*------------------------------------------*/ + +.o-0 { opacity: 0!important; } +.o-10 { opacity: .1!important; } +.o-15 { opacity: .15!important; } +.o-20 { opacity: .2!important; } +.o-25 { opacity: .25!important; } +.o-30 { opacity: .3!important; } +.o-35 { opacity: .35!important; } +.o-40 { opacity: .4!important; } +.o-45 { opacity: .45!important; } +.o-50 { opacity: .5!important; } +.o-55 { opacity: .55!important; } +.o-60 { opacity: .60!important; } +.o-65 { opacity: .65!important; } +.o-70 { opacity: .7!important; } +.o-75 { opacity: .75!important; } +.o-80 { opacity: .8!important; } +.o-85 { opacity: .85!important; } +.o-90 { opacity: .9!important; } +.o-95 { opacity: .95!important; } +.o-100 { opacity: 1!important; } + +/*------------------------------------------*/ +/* SPACING & INDENTS +/*------------------------------------------*/ + +.py-5 { padding-top: 5px; padding-bottom: 5px; } +.py-10 { padding-top: 10px; padding-bottom: 10px; } +.py-15 { padding-top: 15px; padding-bottom: 15px; } +.py-20 { padding-top: 20px; padding-bottom: 20px; } +.py-30 { padding-top: 30px; padding-bottom: 30px; } +.py-40 { padding-top: 40px; padding-bottom: 40px; } +.py-50 { padding-top: 50px; padding-bottom: 50px; } +.py-60 { padding-top: 60px; padding-bottom: 60px; } +.py-70 { padding-top: 70px; padding-bottom: 70px; } +.py-80 { padding-top: 80px; padding-bottom: 80px; } +.py-90 { padding-top: 90px; padding-bottom: 90px; } +.py-100 { padding-top: 100px; padding-bottom: 100px; } + +.pt-30 { padding-top: 30px; } +.pt-40 { padding-top: 40px; } +.pt-50 { padding-top: 50px; } +.pt-60 { padding-top: 60px; } +.pt-70 { padding-top: 70px; } +.pt-80 { padding-top: 80px; } +.pt-90 { padding-top: 90px; } +.pt-100 { padding-top: 100px; } + +.pb-30 { padding-bottom: 30px; } +.pb-40 { padding-bottom: 40px; } +.pb-50 { padding-bottom: 50px; } +.pb-60 { padding-bottom: 60px; } +.pb-70 { padding-bottom: 70px; } +.pb-80 { padding-bottom: 80px; } +.pb-90 { padding-bottom: 90px; } +.pb-100 { padding-bottom: 100px; } + +.mt-10 { margin-top: 10px; } +.mt-15 { margin-top: 15px; } +.mt-20 { margin-top: 20px; } +.mt-25 { margin-top: 25px; } +.mt-30 { margin-top: 30px; } +.mt-35 { margin-top: 35px; } +.mt-40 { margin-top: 40px; } +.mt-45 { margin-top: 45px; } +.mt-50 { margin-top: 50px; } +.mt-55 { margin-top: 55px; } +.mt-60 { margin-top: 60px; } +.mt-65 { margin-top: 65px; } +.mt-70 { margin-top: 70px; } +.mt-75 { margin-top: 75px; } +.mt-80 { margin-top: 80px; } +.mt-85 { margin-top: 85px; } +.mt-90 { margin-top: 90px; } +.mt-95 { margin-top: 95px; } +.mt-100 { margin-top: 100px; } + +.mb-10 { margin-bottom: 10px; } +.mb-15 { margin-bottom: 15px; } +.mb-20 { margin-bottom: 20px; } +.mb-25 { margin-bottom: 25px; } +.mb-30 { margin-bottom: 30px; } +.mb-35 { margin-bottom: 35px; } +.mb-40 { margin-bottom: 40px; } +.mb-45 { margin-bottom: 45px; } +.mb-50 { margin-bottom: 50px; } +.mb-55 { margin-bottom: 55px; } +.mb-60 { margin-bottom: 60px; } +.mb-65 { margin-bottom: 65px; } +.mb-70 { margin-bottom: 70px; } +.mb-75 { margin-bottom: 75px; } +.mb-80 { margin-bottom: 80px; } +.mb-85 { margin-bottom: 85px; } +.mb-90 { margin-bottom: 90px; } +.mb-95 { margin-bottom: 95px; } +.mb-100 { margin-bottom: 100px; } + +.ml-5 { margin-left: 5px; } +.ml-10 { margin-left: 10px; } +.ml-15 { margin-left: 15px; } +.ml-20 { margin-left: 20px; } +.ml-25 { margin-left: 25px; } +.ml-30 { margin-left: 30px; } + +.mr-5 { margin-right: 5px; } +.mr-10 { margin-right: 10px; } +.mr-15 { margin-right: 15px; } +.mr-20 { margin-right: 20px; } +.mr-25 { margin-right: 25px; } +.mr-30 { margin-right: 30px; } + +/*------------------------------------------*/ +/* BACKGROUND SETTINGS +/*------------------------------------------*/ + +.bg--fixed, +.bg--scroll { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--fixed { + background-attachment: scroll!important; +} + +.bg--scroll { + background-attachment: fixed!important; +} + +/*------------------------------------------*/ +/* BACKGROUND COLORS +/*------------------------------------------*/ + +.bg--white-500 { background-color: #f2f4f8; } +.bg--white-400 { background-color: #f4f4f9; } +.bg--white-300 { background-color: #f7f8f9; } +.bg--white-200 { background-color: #fbfbfd; } +.bg--white-100 { background-color: #fff; } + +.bg--black-500 { background-color: #22223b; } +.bg--black-400 { background-color: #2e3648; } +.bg--black-300 { background-color: #394455; } +.bg--black-200 { background-color: #e1e3e5; } +.bg--black-100 { background-color: #ecf1f4; } + +.bg--blue-500 { background-color: #185abd; } +.bg--blue-400 { background-color: #1680fb; } +.bg--blue-300 { background-color: #3eb1ff; } +.bg--blue-200 { background-color: #ddedff; } +.bg--blue-100 { background-color: #f4f9fc; } + +.bg--green-500 { background-color: #00a14e; } +.bg--green-400 { background-color: #0fbc49; } +.bg--green-300 { background-color: #6fd792; } +.bg--green-200 { background-color: #cff2db; } +.bg--green-100 { background-color: #e9f8f2; } + +.bg--pink-500 { background-color: #ff149c; } +.bg--pink-400 { background-color: #f74780; } +.bg--pink-300 { background-color: #fcb5cc; } +.bg--pink-200 { background-color: #fee4ec; } +.bg--pink-100 { background-color: #feecf2; } + +.bg--purple-5000 { background-color: #663ae9; } +.bg--purple-500 { background-color: #7827e6; } +.bg--purple-400 { background-color: #7b5dd6; } +.bg--purple-300 { background-color: #bdaeea; } +.bg--purple-200 { background-color: #e5deff; } +.bg--purple-100 { background-color: #f1edff; } + +.bg--red-500 { background-color: #da0f29; } +.bg--red-400 { background-color: #ff1e1a; } +.bg--red-300 { background-color: #ffa5a3; } +.bg--red-200 { background-color: #ffd2d1; } +.bg--red-100 { background-color: #fce7e4; } + +.bg--violet-500 { background-color: #c73e9b; } +.bg--violet-400 { background-color: #be6cbe; } +.bg--violet-300 { background-color: #e2bde2; } +.bg--violet-200 { background-color: #f1cde5; } +.bg--violet-100 { background-color: #f7e4f1; } + +.bg--yellow-500 { background-color: #ffba01; } +.bg--yellow-400 { background-color: #ffbd45; } +.bg--yellow-300 { background-color: #ffdf35; } +.bg--yellow-200 { background-color: #fef5cd; } +.bg--yellow-100 { background-color: #fef9e5; } + +.bg--tra-black { background-color: rgba(0, 0, 0, .04); } +.bg--tra-white { background-color: rgba(255, 255, 255, .15); } +.bg--primary-blue { background-color: #2160fd; } +.bg--light-grey { background-color: #f0f3ff; } +.bg--snow { background-color: #fdfdfd; } + +/*------------------------------------------*/ +/* GRADIENT COLOR BACKGROUND +/*------------------------------------------*/ + +.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); } +.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); } +.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); } +.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); } +.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); } +.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); } + +/*------------------------------------------*/ +/* BACKGROUND SHAPE +/*------------------------------------------*/ + +.shape--01:after, +.shape--02:after, +.shape--03:after, +.shape--04:after, +.shape--05:after, +.shape--06:after, +.shape--07:after { + position: absolute; + content: ''; + z-index: -1; +} + +.shape--02.r-24:after { + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--01:after { + width: 150%; + height: 80%; + top: 13%; + left: -25%; +} + +.shape--02:after { + width: 86%; + height: 80%; + top: 13%; + left: 7%; +} + +.shape--03:after { + width: 78%; + height: 120%; + top: -60px; + left: 11%; + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--04:after { + width: 100%; + height: 80%; + top: 10%; + left: 0; +} + +.shape--05:after { + width: 150%; + height: 90%; + top: 0; + left: -25%; +} + +.shape--06:after { + width: 150%; + height: 75%; + top: 0; + left: -25%; +} + +.shape--07:after { + width: 200%; + height: 50%; + top: 37%; + left: -50%; +} + +.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); } + +.shape--white-500:after { background-color: #f2f4f8; } +.shape--white-400:after { background-color: #f4f4f9; } +.shape--white-300:after { background-color: #f7f8f9; } +.shape--white-200:after { background-color: #fbfbfd; } + +.shape--black-500:after { background-color: #22223b; } +.shape--black-400:after { background-color: #2e3648; } +.shape--black-300:after { background-color: #394455; } +.shape--black-200:after { background-color: #e1e3e5; } +.shape--black-100:after { background-color: #ecf1f4; } + +.shape--blue-500:after { background-color: #185abd; } +.shape--blue-400:after { background-color: #1680fb; } +.shape--blue-300:after { background-color: #3eb1ff; } +.shape--blue-200:after { background-color: #ddedff; } +.shape--blue-100:after { background-color: #f4f9fc; } + +.shape--green-500:after { background-color: #00a14e; } +.shape--green-400:after { background-color: #0fbc49; } +.shape--green-300:after { background-color: #6fd792; } +.shape--green-200:after { background-color: #cff2db; } +.shape--green-100:after { background-color: #e9f8f2; } + +.shape--pink-500:after { background-color: #ff149c; } +.shape--pink-400:after { background-color: #f74780; } +.shape--pink-300:after { background-color: #fcb5cc; } +.shape--pink-200:after { background-color: #fee4ec; } +.shape--pink-100:after { background-color: #feecf2; } + +.shape--purple-500:after { background-color: #663ae9; } +.shape--purple-400:after { background-color: #7b5dd6; } +.shape--purple-300:after { background-color: #bdaeea; } +.shape--purple-200:after { background-color: #e5deff; } +.shape--purple-100:after { background-color: #f1edff; } + +.shape--red-500:after { background-color: #da0f29; } +.shape--red-400:after { background-color: #ff1e1a; } +.shape--red-300:after { background-color: #ffa5a3; } +.shape--red-200:after { background-color: #ffd2d1; } +.shape--red-100:after { background-color: #fce7e4; } + +.shape--violet-500:after { background-color: #c73e9b; } +.shape--violet-400:after { background-color: #be6cbe; } +.shape--violet-300:after { background-color: #e2bde2; } +.shape--violet-200:after { background-color: #f1cde5; } +.shape--violet-100:after { background-color: #f7e4f1; } + +.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);} + +/*------------------------------------------*/ +/* BACKGROUND PATTERN +/*------------------------------------------*/ + +.pattern-01, +.pattern-02, +.pattern-03, +.pattern-04, +.pattern-05 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.pattern-01 { background-image: url(../images/pattern-01.png); } +.pattern-02 { background-image: url(../images/pattern-02.png); } +.pattern-03 { background-image: url(../images/pattern-03.png); } +.pattern-04 { background-image: url(../images/pattern-04.png); } +.pattern-05 { background-image: url(../images/pattern-05.png); } + +/*------------------------------------------*/ +/* BACKGROUND IMAGE +/*------------------------------------------*/ + +.bg--01, .bg--02, .bg--03, .bg--04, +.bg--05, .bg--06, .bg--07, .bg--08 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--01 { background-image: url(../images/bg-01.jpg); } +.bg--02 { background-image: url(../images/bg-02.jpg); } +.bg--03 { background-image: url(../images/bg-03.jpg); } +.bg--04 { background-image: url(../images/bg-04.jpg); } +.bg--05 { background-image: url(../images/bg-05.jpg); } +.bg--06 { background-image: url(../images/bg-06.jpg); } +.bg--07 { background-image: url(../images/bg-07.jpg); } +.bg--08 { background-image: url(../images/bg-08.jpg); } + +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +hr.divider { + width: 100%; + height: 1px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%); + opacity: .4; + border: none; + margin: 0; +} + +/*------------------------------------------*/ +/* WAVE SHAPE BOTTOM +/*------------------------------------------*/ + +.wave-shape-bottom { + position: absolute; + bottom: 0; + left: 0; + width: 100%; +} + + + + +/* ========================================================================== + 02. TYPOGRAPHY + =========================================================================== */ + +/*------------------------------------------*/ +/* HEADERS +/*------------------------------------------*/ + +h1, h2, h3, h4, h5, h6 { + color: #353f4f; + font-weight: 600; + letter-spacing: 0; + margin-bottom: 0; +} + +.font--jakarta h1, +.font--jakarta h2, +.font--jakarta h3, +.font--jakarta h4, +.font--jakarta h5, +.font--jakarta h6 { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1.35; +} + +.font--jakarta h1, +.font--jakarta h2 { + line-height: 1.25; +} + +.font--inter h1, +.font--inter h2, +.font--inter h3, +.font--inter h4, +.font--inter h5, +.font--inter h6 { + font-family: 'Inter', sans-serif; + letter-spacing: -0.5px; +} + +/*------------------------------------------*/ +/* PARAGRAPHS +/*------------------------------------------*/ + +p.p-sm { font-size: 0.9375rem; } /* 15px */ +p { font-size: 1rem; } /* 16px */ +p.p-md { font-size: 1.0625rem; } /* 17px */ +p.p-lg { font-size: 1.125rem; } /* 18px */ +p.p-xl { font-size: 1.2rem; } /* 19.2px */ + +/*------------------------------------------*/ +/* FONT SIZE +/*------------------------------------------*/ + +.s-15 { font-size: 0.9375rem; } /* 15px */ +.s-16 { font-size: 1rem; } /* 16px */ +.s-17 { font-size: 1.0625rem; } /* 17px */ +.s-18 { font-size: 1.125rem; } /* 18px */ +.s-19 { font-size: 1.1875rem; } /* 19px */ +.s-20 { font-size: 1.25rem; } /* 20px */ +.s-21 { font-size: 1.3125rem; } /* 21px */ +.s-22 { font-size: 1.375rem; } /* 22px */ +.s-23 { font-size: 1.4375rem; } /* 23px */ +.s-24 { font-size: 1.5rem; } /* 24px */ +.s-26 { font-size: 1.625rem; } /* 26px */ +.s-28 { font-size: 1.75rem; } /* 28px */ +.s-30 { font-size: 1.875rem; } /* 30px */ +.s-32 { font-size: 2rem; } /* 32px */ +.s-34 { font-size: 2.125rem; } /* 34px */ +.s-36 { font-size: 2.25rem; } /* 36px */ +.s-38 { font-size: 2.375rem; } /* 38px */ +.s-40 { font-size: 2.5rem; } /* 40px */ +.s-42 { font-size: 2.625rem; } /* 42px */ +.s-43 { font-size: 2.6875rem; } /* 43px */ +.s-44 { font-size: 2.75rem; } /* 44px */ +.s-45 { font-size: 2.8125rem; } /* 45px */ +.s-46 { font-size: 2.875rem; } /* 46px */ +.s-47 { font-size: 2.9375rem; } /* 47px */ +.s-48 { font-size: 3rem; } /* 48px */ +.s-50 { font-size: 3.125rem; } /* 50px */ +.s-52 { font-size: 3.25rem; } /* 52px */ +.s-54 { font-size: 3.375rem; } /* 54px */ +.s-56 { font-size: 3.5rem; } /* 56px */ +.s-58 { font-size: 3.625rem; } /* 58px */ +.s-60 { font-size: 3.75rem; } /* 60px */ +.s-62 { font-size: 3.875rem; } /* 62px */ +.s-64 { font-size: 4rem; } /* 64px */ +.s-66 { font-size: 4.125rem; } /* 66px */ +.s-68 { font-size: 4.25rem; } /* 68px */ +.s-70 { font-size: 4.375rem; } /* 70px */ +.s-72 { font-size: 4.5rem; } /* 72px */ +.s-74 { font-size: 4.625rem; } /* 74px */ +.s-76 { font-size: 4.75rem; } /* 76px */ +.s-78 { font-size: 4.875rem; } /* 78px */ +.s-80 { font-size: 5rem; } /* 80px */ + +/*------------------------------------------*/ +/* FONT WEIGHT +/*------------------------------------------*/ + +.txt-upcase { + text-transform: uppercase +} + +.w-200 { font-weight: 200; } +.w-300 { font-weight: 300; } +.w-400 { font-weight: 400; } +.w-500 { font-weight: 500; } +.w-600 { font-weight: 600; } +.w-700 { font-weight: 700; } +.w-800 { font-weight: 800; } +.w-900 { font-weight: 900; } + +/*------------------------------------------*/ +/* LINK SETTINGS +/*------------------------------------------*/ + +a { + color: #6c757d; + text-decoration: none; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +a:hover { + color: #353f4f!important; + text-decoration: none; +} + +a:focus { + outline: none; + text-decoration: none; +} + +a.tra-link { + font-size: 1rem; + line-height: 1; + font-weight: 500; +} + +a.tra-link span { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.tra-link.ico-20 [class*="flaticon-"]:before, +.tra-link.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 0.75rem; + line-height: 0.7rem!important; + top: 2px; + left: 2px; +} + +a.tra-link:hover span { + color: #353f4f!important; +} + +/*------------------------------------------*/ +/* LISTS +/*------------------------------------------*/ + +ul { + margin: 0; + padding: 0; + list-style: none; +} + +/*------------------------------------------*/ +/* TEXT LIST +/*------------------------------------------*/ + +ul.simple-list { + list-style: disc; + margin-left: 15px; +} + +ul.simple-list.long-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* DIGIT LIST +/*------------------------------------------*/ + +ol.digit-list { + padding: 0; + margin-left: 15px; +} + +ol.digit-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* BUTTON SETTINGS +/*------------------------------------------*/ + +.btn { + background-color: transparent; + font-size: 1rem; + line-height: 1; + font-weight: 500; + padding: 0.9rem 1.8rem; + border: 2px solid transparent; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.btn.btn-sm { + font-size: 0.975rem; + padding: 0.7rem 1.5rem; +} + +.btn.ico-30.ico-left, +.btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Buttons Group +/*------------------------------------------*/ + +.text-center .btns-group { + display: inline-block; +} + +.btns-group .btn:first-child { + margin-right: 15px; +} + +.btns-group .btn.ico-30.ico-left { + padding: 0.37rem 0.5rem; +} + +.btns-group .btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Button Icon +/*------------------------------------------*/ + +.btn.ico-20 [class*="flaticon-"]:before, +.btn.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 1rem; + line-height: 0.7rem!important; + top: 4px; +} + +.btn.ico-left span { + margin-right: 5px; +} + +.btn.ico-right span { + margin-left: 5px; +} + +.btn.ico-30.ico-left span { + position: relative; + top: 0; + right: 4px; +} + +.btn.ico-30.ico-right span { + position: relative; + top: 0; + left: 4px; +} + +.btn.ico-30.ico-left span.ico-30-txt, +.btn.ico-30.ico-right span.ico-30-txt { + position: relative; + top: -10px; + right: 0; +} + +.btn.ico-30.ico-right span.ico-30-txt { + left: 0; +} + +/*------------------------------------------*/ +/* Button Text +/*------------------------------------------*/ + +p.btn-txt { + margin: 20px 0 0 0; +} + +.btn-rating p.btn-txt { + margin: 0; +} + +.star-rating span.rating-txt { + font-size: 0.9375rem; +} + +p.btns-group-txt { + margin: 14px 0 0 0; +} + +.btn-rating { + margin-top: 18px; +} + +.text-center p.btns-group-txt { + margin-top: 20px; +} + +p.btn-txt.ico-15, +p.btns-group-txt.ico-15 { + padding-left: 5px; +} + +.text-center p.btn-txt.ico-15, +.text-center p.btns-group-txt.ico-15 { + padding-left: 0; +} + +p.btn-txt span, +p.btns-group-txt span { + position: relative; + top: 0.5px; + right: 2px; +} + +p.btns-group-txt span.txt-data { + display: block; + top: 0; + right: 0; +} + +p.btns-group-txt span.txt-data a { + margin-left: 4px; + text-decoration: underline; +} + +p.btns-group-txt span.txt-data a:hover { + text-decoration: none; +} + +.hero-section .color--white p.btns-group-txt span.txt-data a:hover { + color: #fff!important; +} + +.btn-txt.ico-15 [class*="flaticon-"]:before, +.btn-txt.ico-15 [class*="flaticon-"]:after, +.btns-group-txt.ico-15 [class*="flaticon-"]:before, +.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.star-rating.ico-15 [class*="flaticon-"]:before, +.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; } + +/*------------------------------------------*/ +/* TRANSPARENT BUTTON +/*------------------------------------------*/ + +.btn--tra { + color: #fff!important; + border-color: transparent!important; + background-color: rgba(255, 255, 255, .2)!important; +} + +/*------------------------------------------*/ +/* WHITE BUTTON +/*------------------------------------------*/ + +.btn--transparent { + color: #353f4f; + background-color: transparent; + border-color: transparent; +} + +.btn--transparent:hover { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--white, +.hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.btn--tra-white, +.hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.white-scroll .scroll .hover--tra-white:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK BUTTON +/*------------------------------------------*/ + +.btn--black, +.hover--black:hover { + color: #fff!important; + background-color: #353f4f!important; + border-color: #353f4f!important; +} + +.btn--tra-black, +.hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* GREY BUTTON +/*------------------------------------------*/ + +.btn--tra-grey, +.hover--tra-grey:hover, +.white-scroll .scroll .hover--tra-grey:hover, +.black-scroll .scroll .hover--tra-grey:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #ccc!important; +} + +/*------------------------------------------*/ +/* BLUE BUTTON +/*------------------------------------------*/ + +.btn--blue-500, .hover--blue-500:hover, +.white-scroll .scroll .hover--blue-500:hover, +.black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.btn--blue-400, .hover--blue-400:hover, +.white-scroll .scroll .hover--blue-400:hover, +.black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.btn--blue-300, .hover--blue-300:hover, +.white-scroll .scroll .hover--blue-300:hover, +.black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.btn--blue-200, .hover--blue-200:hover, +.white-scroll .scroll .hover--blue-200:hover, +.black-scroll .scroll .hover--blue-200:hover { + color: #1680fb!important; + border-color: #e3ebfe!important; + background-color: #e3ebfe!important; +} + +.btn--blue-100, .hover--blue-100:hover, +.white-scroll .scroll .hover--blue-100:hover, +.black-scroll .scroll .hover--blue-100:hover { + color: #1680fb!important; + border-color: #1680fb!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* GREEN BUTTON +/*------------------------------------------*/ + +.btn--green-500, .hover--green-500:hover, +.white-scroll .scroll .hover--green-500:hover, +.black-scroll .scroll .hover--green-500:hover { + color: #fff!important; + border-color: #00a14e!important; + background-color: #00a14e!important; +} + +.btn--green-400, .hover--green-400:hover, +.white-scroll .scroll .hover--green-400:hover, +.black-scroll .scroll .hover--green-400:hover { + color: #fff!important; + border-color: #0fbc49!important; + background-color: #0fbc49!important; +} + +.btn--green-300, .hover--green-300:hover, +.white-scroll .scroll .hover--green-300:hover, +.black-scroll .scroll .hover--green-300:hover { + color: #fff!important; + border-color: #6fd792!important; + background-color: #6fd792!important; +} + +.btn--green-200, .hover--green-200:hover, +.white-scroll .scroll .hover--green-200:hover, +.black-scroll .scroll .hover--green-200:hover { + color: #0fbc49!important; + border-color: #cff2db!important; + background-color: #cff2db!important; +} + +.btn--green-100, .hover--green-100:hover, +.white-scroll .scroll .hover--green-100:hover, +.black-scroll .scroll .hover--green-100:hover { + color: #0fbc49!important; + border-color: #0fbc49!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PINK BUTTON +/*------------------------------------------*/ + +.btn--pink-500, .hover--pink-500:hover, +.white-scroll .scroll .hover--pink-500:hover, +.black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.btn--pink-400, .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.btn--pink-300, .hover--pink-300:hover, +.white-scroll .scroll .hover--pink-300:hover, +.black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.btn--pink-200, .hover--pink-200:hover, +.white-scroll .scroll .hover--pink-200:hover, +.black-scroll .scroll .hover--pink-200:hover { + color: #f74780!important; + border-color: #fee4ec!important; + background-color: #fee4ec!important; +} + +.btn--pink-100, .hover--pink-100:hover, +.white-scroll .scroll .hover--pink-100:hover, +.black-scroll .scroll .hover--pink-100:hover { + color: #f74780!important; + border-color: #f74780!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PURPLE BUTTON +/*------------------------------------------*/ + +.btn--purple-500, .hover--purple-500:hover, +.white-scroll .scroll .hover--purple-500:hover, +.black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.btn--purple-400, .hover--purple-400:hover, +.white-scroll .scroll .hover--purple-400:hover, +.black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.btn--purple-300, .hover--purple-300:hover, +.white-scroll .scroll .hover--purple-300:hover, +.black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.btn--purple-200, .hover--purple-200:hover, +.white-scroll .scroll .hover--purple-200:hover, +.black-scroll .scroll .hover--purple-200:hover { + color: #7b5dd6!important; + border-color: #e5deff!important; + background-color: #e5deff!important; +} + +.btn--purple-100, .hover--purple-100:hover, +.white-scroll .scroll .hover--purple-100:hover, +.black-scroll .scroll .hover--purple-100:hover { + color: #7b5dd6!important; + border-color: #7b5dd6!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* RED BUTTON +/*------------------------------------------*/ + +.btn--red-500, .hover--red-500:hover, +.white-scroll .scroll .hover--red-500:hover, +.black-scroll .scroll .hover--red-500:hover { + color: #fff!important; + border-color: #da0f29!important; + background-color: #da0f29!important; +} + +.btn--red-400, .hover--red-400:hover, +.white-scroll .scroll .hover--red-400:hover, +.black-scroll .scroll .hover--red-400:hover { + color: #fff!important; + border-color: #ff1e1a!important; + background-color: #ff1e1a!important; +} + +.btn--red-300, .hover--red-300:hover, +.white-scroll .scroll .hover--red-300:hover, +.black-scroll .scroll .hover--red-300:hover { + color: #fff!important; + border-color: #ffa5a3!important; + background-color: #ffa5a3!important; +} + +.btn--red-200, .hover--red-200:hover, +.white-scroll .scroll .hover--red-200:hover, +.black-scroll .scroll .hover--red-200:hover { + color: #ff1e1a!important; + border-color: #ffd2d1!important; + background-color: #ffd2d1!important; +} + +.btn--red-100, .hover--red-100:hover, +.white-scroll .scroll .hover--red-100:hover, +.black-scroll .scroll .hover--red-100:hover { + color: #ff1e1a!important; + border-color: #ff1e1a!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* VIOLET BUTTON +/*------------------------------------------*/ + +.btn--violet-500, .hover--violet-500:hover, +.white-scroll .scroll .hover--violet-500:hover, +.black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.btn--violet-400, .hover--violet-400:hover, +.white-scroll .scroll .hover--violet-400:hover, +.black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.btn--violet-300, .hover--violet-300:hover, +.white-scroll .scroll .hover--violet-300:hover, +.black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.btn--violet-200, .hover--violet-200:hover, +.white-scroll .scroll .hover--violet-200:hover, +.black-scroll .scroll .hover--violet-200:hover { + color: #be6cbe!important; + border-color: #f1cde5!important; + background-color: #f1cde5!important; +} + +.btn--violet-100, .hover--violet-100:hover, +.white-scroll .scroll .hover--violet-100:hover, +.black-scroll .scroll .hover--violet-100:hover { + color: #be6cbe!important; + border-color: #be6cbe!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* YELLOW BUTTON +/*------------------------------------------*/ + +.btn--yellow-500, .hover--yellow-500:hover, +.white-scroll .scroll .hover--yellow-500:hover, +.black-scroll .scroll .hover--yellow-500:hover { + color: #353f4f!important; + border-color: #ffba01!important; + background-color: #ffba01!important; +} + +.btn--yellow-400, .hover--yellow-400:hover, +.white-scroll .scroll .hover--yellow-400:hover, +.black-scroll .scroll .hover--yellow-400:hover { + color: #353f4f!important; + border-color: #ffbd45!important; + background-color: #ffbd45!important; +} + +.btn--yellow-300, .hover--yellow-300:hover, +.white-scroll .scroll .hover--yellow-300:hover, +.black-scroll .scroll .hover--yellow-300:hover { + color: #353f4f!important; + border-color: #ffdf35!important; + background-color: #ffdf35!important; +} + +.btn--yellow-200, .hover--yellow-200:hover, +.white-scroll .scroll .hover--yellow-200:hover, +.black-scroll .scroll .hover--yellow-200:hover { + color: #353f4f!important; + border-color: #fef5cd!important; + background-color: #fef5cd!important; +} + +.btn--yellow-100, .hover--yellow-100:hover, +.white-scroll .scroll .hover--yellow-100:hover, +.black-scroll .scroll .hover--yellow-100:hover { + color: #ffba01!important; + border-color: #ffba01!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* BUTTON FOCUS +/*------------------------------------------*/ + +.btn:focus, +.btn.btn--black:focus { + color: #fff; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--transparent:focus { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--grey:focus { + color: #666; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--tra-black:focus, +.btn--transparent:focus, +.btn.btn--tra-grey:focus { + color: #353f4f; + -webkit-box-shadow: none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* DOWNLOAD LINKS +/*------------------------------------------*/ + +.download-links li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.download-links-divider { + position: relative; + top: 1.5px; + transform: rotate(-90deg); +} + +.download-links li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.download-links li p a { + font-weight: 500; +} + +.download-links li p a:hover { + text-decoration: underline; +} + +.color--white .download-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* OS DOWNLOAD BUTTON +/*------------------------------------------*/ + +.os-btn { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + text-align: left; + width: 330px; + min-width: 330px; + background-color: #fff; + border: 1px solid #d3d3d3; + padding: 17px 18px 15px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.os-btn:hover { + background-color: #f5f6f7; + border: 1px solid #f5f6f7; + -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); +} + +.os-btn-ico { + position: relative; + margin-right: 20px; +} + +.os-btn-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.os-btn-txt p { + color: #353f4f; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + letter-spacing: -0.5px; + margin-top: 6px; + margin-bottom: 5px; +} + +.os-btn-txt span { + display: block; + font-size: 0.9rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* STORE BADGE ICONS +/*------------------------------------------*/ + +.stores-badge { + display: inline-block; +} + +.store { + display: inline-block; + text-align: center; + margin-right: 10px; +} + +.store:last-child { + margin-right: 0; +} + +.store img { + width: auto; + max-width: inherit; +} + +.badge-img-xs .store img { max-height: 2.5rem; } +.badge-img-sm .store img { max-height: 2.625rem; } +.badge-img-md .store img { max-height: 2.875rem; } +.badge-img-lg .store img { max-height: 3rem; } + +/*------------------------------------------*/ +/* WATCH VIDEO LINK +/*------------------------------------------*/ + +.watch-video { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + margin-top: 25px; +} + +/*------------------------------------------*/ +/* Link Icon +/*------------------------------------------*/ + +.watch-video-link { + position: relative; + text-align: center; + float: left; + width: 2.85rem; + height: 2.85rem; + color: #fff; + border: none; + margin-right: 12px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.watch-video-link:before { + content: ''; + position: absolute; + left: -3px; + right: -3px; + top: -3px; + bottom: -3px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.watch-video-link:hover:before { + opacity: .75; + left: -8px; + right: -8px; + top: -8px; + bottom: -8px; +} + +.watch-video-link span[class^="flaticon-"]:before, +.watch-video-link span[class^="flaticon-"]:after { + font-size: 2rem; + line-height: 2.85rem!important; + margin-left: 5px; +} + +/*------------------------------------------*/ +/* Link Text +/*------------------------------------------*/ + +.watch-video-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + text-align: left!important; +} + +p.video-txt-lg { + font-size: 1rem; + line-height: 1; + font-weight: 400; + margin-bottom: 5px; +} + +p.video-txt-sm { + font-size: 0.925rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* VIDEO POPUP ICON +/*------------------------------------------*/ + +.video-preview { + position: relative; + text-align: center; +} + +.video-btn { + position: absolute!important; + top: 50%; + left: 50%; + display: inline-block; + text-align: center; + color: #fff; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.video-btn-xl { + width: 6.25rem; + height: 6.25rem; + margin-top: -3.125rem; + margin-left: -3.125rem; +} + +.video-btn-lg { + width: 5.625rem; + height: 5.625rem; + margin-top: -2.8125rem; + margin-left: -2.8125rem; +} + +.video-btn-md { + width: 5rem; + height: 5rem; + margin-top: -2.5rem; + margin-left: -2.5rem; +} + +.video-btn-sm { + width: 4.375rem; + height: 4.375rem; + margin-top: -2.1875rem; + margin-left: -2.1875rem; +} + +.video-block-wrapper { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl [class^="flaticon-"]:before, +.video-btn.video-btn-xl [class^="flaticon-"]:after { + font-size: 5rem; + line-height: 6.25rem!important; + margin-left: 10px; +} + +.video-btn.video-btn-lg [class^="flaticon-"]:before, +.video-btn.video-btn-lg [class^="flaticon-"]:after { + font-size: 4.5rem; + line-height: 5.625rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-md [class^="flaticon-"]:before, +.video-btn.video-btn-md [class^="flaticon-"]:after { + font-size: 4.35rem; + line-height: 5rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-sm [class^="flaticon-"]:before, +.video-btn.video-btn-sm [class^="flaticon-"]:after { + font-size: 3.5rem; + line-height: 4.375rem!important; + margin-left: 5px; +} + +.video-btn:hover .video-block-wrapper { + -moz-transform: scale(0.95); + -ms-transform: scale(0.95); + -webkit-transform: scale(0.95); + -o-transform: scale(0.95); + transform: scale(0.95); +} + +.video-btn:before { + content: ''; + position: absolute; + left: -5px; + right: -5px; + top: -5px; + bottom: -5px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl:hover:before { + opacity: .75; + left: -1.5rem; + right: -1.5rem; + top: -1.5rem; + bottom: -1.5rem; +} + +.video-btn.video-btn-lg:hover:before { + opacity: .75; + left: -1.25rem; + right: -1.25rem; + top: -1.25rem; + bottom: -1.25rem; +} + +.video-btn.video-btn-md:hover:before { + opacity: .75; + left: -1rem; + right: -1rem; + top: -1rem; + bottom: -1rem; +} + +.video-btn.video-btn-sm:hover:before { + opacity: .75; + left: -0.75rem; + right: -0.75rem; + top: -0.75rem; + bottom: -0.75rem; +} + +/*------------------------------------------*/ +/* VECTOR ICONS +/*------------------------------------------*/ + +.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; } /* 15px */ +.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; } /* 15px */ +.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; } /* 20px */ +.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; } /* 25px */ +.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; } /* 30px */ +.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; } /* 35px */ +.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; } /* 40px */ +.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; } /* 45px */ +.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; } /* 50px */ +.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; } /* 55px */ +.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; } /* 60px */ +.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; } /* 65px */ +.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; } /* 70px */ +.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; } /* 75px */ +.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; } /* 80px */ +.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; } /* 85px */ +.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; } /* 90px */ +.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; } /* 95px */ +.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; } /* 100px */ +.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */ +.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; } /* 110px */ +.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */ +.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; } /* 120px */ +.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */ + +/*------------------------------------------*/ +/* VECTOR ICON BACKGROUND +/*------------------------------------------*/ + +.shape-ico { + position: relative; + display: inline-block; + margin: 0 auto; +} + +.shape-ico span { + position: relative; + z-index: 2; +} + +.shape-ico svg { + position: absolute; + z-index: 1; +} + +.ico-50 .shape-ico svg { + width: 130px; + height: 130px; + top: -35px; + left: calc(50% - 60px); +} + +.fbox-11 .ico-50 .shape-ico svg { + top: -40px; + left: calc(50% - 70px); +} + +.ico-55 .shape-ico svg { + width: 135px; + height: 135px; + top: -30px; + left: calc(50% - 60px); +} + +.ico-60 .shape-ico svg { + width: 140px; + height: 140px; + top: -30px; + left: calc(50% - 65px); +} + +.shape-ico.color--blue-300 path, +.shape-ico.color--blue-400 path, +.shape-ico.color--blue-500 path { + fill: #f4f9fc; +} + +.shape-ico.color--green-300 path, +.shape-ico.color--green-400 path, +.shape-ico.color--green-500 path { + fill: #e9f8f2; +} + +.shape-ico.color--pink-300 path, +.shape-ico.color--pink-400 path, +.shape-ico.color--pink-500 path { + fill: #feecf2; +} + +.shape-ico.color--purple-300 path, +.shape-ico.color--purple-400 path, +.shape-ico.color--purple-500 path { + fill: #f1edff; +} + +.shape-ico.color--red-300 path, +.shape-ico.color--red-400 path, +.shape-ico.color--red-500 path { + fill: #fce7e4; +} + +.shape-ico.color--violet-300 path, +.shape-ico.color--violet-400 path, +.shape-ico.color--violet-500 path { + fill: #f7e4f1; +} + +/*------------------------------------------*/ +/* VECTOR ROUNDED ICONS +/*------------------------------------------*/ + +.ico-rounded, +.ico-rounded-md, +.ico-rounded-lg { + display: inline-block; + text-align: center; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.ico-rounded { width: 80px; height: 80px; } +.ico-rounded-md { width: 90px; height: 90px; } +.ico-rounded-lg { width: 100px; height: 100px; } + +.ico-rounded [class*="flaticon-"]:before, +.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; } + +.ico-rounded-md [class*="flaticon-"]:before, +.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; } + +.ico-rounded-lg [class*="flaticon-"]:before, +.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; } + +/*------------------------------------------*/ +/* VECTOR SQUARE ICONS +/*------------------------------------------*/ + +.ico-square { + display: inline-block; + text-align: center; + width: 80px; + height: 80px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -o-border-radius: 12px; + border-radius: 12px; +} + +.ico-square [class*="flaticon-"]:before, +.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; } + +/*------------------------------------------*/ +/* PNG ICONS SETTINGS +/*------------------------------------------*/ + +.ico-145 img { width: 145px; height: 145px; } +.ico-140 img { width: 140px; height: 140px; } +.ico-135 img { width: 135px; height: 135px; } +.ico-130 img { width: 130px; height: 130px; } +.ico-125 img { width: 125px; height: 125px; } +.ico-120 img { width: 120px; height: 120px; } +.ico-115 img { width: 115px; height: 115px; } +.ico-110 img { width: 110px; height: 110px; } +.ico-105 img { width: 105px; height: 105px; } +.ico-100 img { width: 100px; height: 100px; } +.ico-95 img { width: 95px; height: 95px; } +.ico-90 img { width: 90px; height: 90px; } +.ico-85 img { width: 85px; height: 85px; } +.ico-80 img { width: 80px; height: 80px; } +.ico-75 img { width: 75px; height: 75px; } +.ico-70 img { width: 70px; height: 70px; } +.ico-65 img { width: 65px; height: 65px; } +.ico-60 img { width: 60px; height: 60px; } +.ico-55 img { width: 55px; height: 55px; } +.ico-50 img { width: 50px; height: 50px; } +.ico-45 img { width: 45px; height: 45px; } +.ico-40 img { width: 40px; height: 40px; } +.ico-35 img { width: 35px; height: 35px; } +.ico-30 img { width: 30px; height: 30px; } +.ico-25 img { width: 25px; height: 25px; } +.ico-20 img { width: 20px; height: 20px; } + +/*------------------------------------------*/ +/* SECTION ID +/*------------------------------------------*/ + +.section-id { + display: block; + font-size: 0.85rem; + line-height: 1; + font-weight: 700; + letter-spacing: 0.5px; + text-transform: uppercase; + margin-bottom: 35px; +} + +.section-id.rounded-id { + display: inline-block; + padding: 10px 24px; + font-size: 0.85rem; + text-transform: uppercase; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + margin-bottom: 40px; +} + +.section-id.border-id { + border-width: 2px; + border-style: solid; +} + +.section-id.border-id.border--grey { + border-color: #757575; +} + +.section-id.border-id.border--blue { + border-color: #1680fb; +} + +.font--jakarta .section-id { + font-family: 'Plus Jakarta Sans', sans-serif; +} + +.font--inter .section-id { + font-family: 'Inter', sans-serif; +} + +/*------------------------------------------*/ +/* SECTION TITLE +/*------------------------------------------*/ + +.section-title { + text-align: center; +} + +.section-title h2 { + margin-bottom: 0; +} + +.section-title h2.w-700 { + letter-spacing: -0.5px; +} + +.section-title p.p-md, +.section-title p.p-lg, +.section-title p.p-xl, +.section-title p.s-20, +.section-title p.s-21 { + margin-top: 18px; + margin-bottom: 0; +} + +.section-title p.p-md, +.section-title p.p-lg { + padding: 0 3%; +} + +.section-title a.contact-link { + font-weight: 500; + text-decoration: underline; +} + +.section-title .btns-group .btn { + margin-top: 0; +} + +.section-title .advantages, +.section-title .btns-txt, +.section-title .btns-group-txt { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* TEXT COLORS +/*------------------------------------------*/ + +.color--white, +.color--white h1, +.color--white h2, +.color--white h3, +.color--white h4, +.color--white h5, +.color--white h6, +.color--white p, +.color--white a, +.color--white li, +.color--white i, +.color--white span { color: #fff; } + +.color--snow, +.color--snow h1, +.color--snow h2, +.color--snow h3, +.color--snow h4, +.color--snow h5, +.color--snow h6, +.color--snow p, +.color--snow a, +.color--snow li, +.color--snow i, +.color--snow span, +.color--white .color--snow { color: #c2c3cb; } + +.color--black, +.color--black h1, +.color--black h2, +.color--black h3, +.color--black h4, +.color--black h5, +.color--black h6, +.color--black p, +.color--black a, +.color--black li, +.color--black i, +.color--black span { color: #353f4f; } + +.color--coal, +.color--coal h1, +.color--coal h2, +.color--coal h3, +.color--coal h4, +.color--coal h5, +.color--coal h6, +.color--coal p, +.color--coal a, +.color--coal li, +.color--coal i, +.color--coal span { color: #52595d; } + +.color--grey, +.color--grey h1, +.color--grey h2, +.color--grey h3, +.color--grey h4, +.color--grey h5, +.color--grey h6, +.color--grey p, +.color--grey a, +.color--grey li, +.color--grey i, +.color--grey span, +.color--white .color--grey { color: #757575; } + +.color--blue-500, +.color--blue-500 h1, +.color--blue-500 h2, +.color--blue-500 h3, +.color--blue-500 h4, +.color--blue-500 h5, +.color--blue-500 h6, +.color--blue-500 p, +.color--blue-500 a, +.color--blue-500 li, +.color--blue-500 i, +.color--blue-500 span, +.color--white .color--blue-500 { color: #185abd!important; } + +.color--blue-400, +.color--blue-400 h1, +.color--blue-400 h2, +.color--blue-400 h3, +.color--blue-400 h4, +.color--blue-400 h5, +.color--blue-400 h6, +.color--blue-400 p, +.color--blue-400 a, +.color--blue-400 li, +.color--blue-400 i, +.color--blue-400 span, +.color--white .color--blue-400 { color: #1680fb!important; } + +.color--blue-300, +.color--blue-300 h1, +.color--blue-300 h2, +.color--blue-300 h3, +.color--blue-300 h4, +.color--blue-300 h5, +.color--blue-300 h6, +.color--blue-300 p, +.color--blue-300 a, +.color--blue-300 li, +.color--blue-300 i, +.color--blue-300 span, +.color--white .color--blue-300 { color: #3eb1ff!important; } + +.color--green-500, +.color--green-500 h1, +.color--green-500 h2, +.color--green-500 h3, +.color--green-500 h4, +.color--green-500 h5, +.color--green-500 h6, +.color--green-500 p, +.color--green-500 a, +.color--green-500 li, +.color--green-500 i, +.color--green-500 span, +.color--white .color--green-500 { color: #00a14e!important; } + +.color--green-400, +.color--green-400 h1, +.color--green-400 h2, +.color--green-400 h3, +.color--green-400 h4, +.color--green-400 h5, +.color--green-400 h6, +.color--green-400 p, +.color--green-400 a, +.color--green-400 li, +.color--green-400 i, +.color--green-400 span, +.color--white .color--green-400 { color: #0fbc49!important; } + +.color--green-300, +.color--green-300 h1, +.color--green-300 h2, +.color--green-300 h3, +.color--green-300 h4, +.color--green-300 h5, +.color--green-300 h6, +.color--green-300 p, +.color--green-300 a, +.color--green-300 li, +.color--green-300 i, +.color--green-300 span, +.color--white .color--green-300 { color: #6fd792!important; } + +.color--pink-500, +.color--pink-500 h1, +.color--pink-500 h2, +.color--pink-500 h3, +.color--pink-500 h4, +.color--pink-500 h5, +.color--pink-500 h6, +.color--pink-500 p, +.color--pink-500 a, +.color--pink-500 li, +.color--pink-500 i, +.color--pink-500 span, +.color--white .color--pink-500 { color: #ff149c!important; } + +.color--pink-400, +.color--pink-400 h1, +.color--pink-400 h2, +.color--pink-400 h3, +.color--pink-400 h4, +.color--pink-400 h5, +.color--pink-400 h6, +.color--pink-400 p, +.color--pink-400 a, +.color--pink-400 li, +.color--pink-400 i, +.color--pink-400 span, +.color--white .color--pink-400 { color: #f74780!important; } + +.color--pink-300, +.color--pink-300 h1, +.color--pink-300 h2, +.color--pink-300 h3, +.color--pink-300 h4, +.color--pink-300 h5, +.color--pink-300 h6, +.color--pink-300 p, +.color--pink-300 a, +.color--pink-300 li, +.color--pink-300 i, +.color--pink-300 span, +.color--white .color--pink-300 { color: #fcb5cc!important; } + +.color--purple-500, +.color--purple-500 h1, +.color--purple-500 h2, +.color--purple-500 h3, +.color--purple-500 h4, +.color--purple-500 h5, +.color--purple-500 h6, +.color--purple-500 p, +.color--purple-500 a, +.color--purple-500 li, +.color--purple-500 i, +.color--purple-500 span, +.color--white .color--purple-500 { color: #663ae9!important; } + +.color--purple-400, +.color--purple-400 h1, +.color--purple-400 h2, +.color--purple-400 h3, +.color--purple-400 h4, +.color--purple-400 h5, +.color--purple-400 h6, +.color--purple-400 p, +.color--purple-400 a, +.color--purple-400 li, +.color--purple-400 i, +.color--purple-400 span, +.color--white .color--purple-400 { color: #7b5dd6!important; } + +.color--purple-300, +.color--purple-300 h1, +.color--purple-300 h2, +.color--purple-300 h3, +.color--purple-300 h4, +.color--purple-300 h5, +.color--purple-300 h6, +.color--purple-300 p, +.color--purple-300 a, +.color--purple-300 li, +.color--purple-300 i, +.color--purple-300 span, +.color--white .color--purple-300 { color: #bdaeea!important; } + +.color--red-500, +.color--red-500 h1, +.color--red-500 h2, +.color--red-500 h3, +.color--red-500 h4, +.color--red-500 h5, +.color--red-500 h6, +.color--red-500 p, +.color--red-500 a, +.color--red-500 li, +.color--red-500 i, +.color--red-500 span, +.color--white .color--red-500 { color: #da0f29!important; } + +.color--red-400, +.color--red-400 h1, +.color--red-400 h2, +.color--red-400 h3, +.color--red-400 h4, +.color--red-400 h5, +.color--red-400 h6, +.color--red-400 p, +.color--red-400 a, +.color--red-400 li, +.color--red-400 i, +.color--red-400 span, +.color--white .color--red-400 { color: #ff1e1a!important; } + +.color--red-300, +.color--red-300 h1, +.color--red-300 h2, +.color--red-300 h3, +.color--red-300 h4, +.color--red-300 h5, +.color--red-300 h6, +.color--red-300 p, +.color--red-300 a, +.color--red-300 li, +.color--red-300 i, +.color--red-300 span, +.color--white .color--red-300 { color: #ffa5a3!important; } + +.color--violet-500, +.color--violet-500 h1, +.color--violet-500 h2, +.color--violet-500 h3, +.color--violet-500 h4, +.color--violet-500 h5, +.color--violet-500 h6, +.color--violet-500 p, +.color--violet-500 a, +.color--violet-500 li, +.color--violet-500 i, +.color--violet-500 span, +.color--white .color--violet-500 { color: #c73e9b!important; } + +.color--violet-400, +.color--violet-400 h1, +.color--violet-400 h2, +.color--violet-400 h3, +.color--violet-400 h4, +.color--violet-400 h5, +.color--violet-400 h6, +.color--violet-400 p, +.color--violet-400 a, +.color--violet-400 li, +.color--violet-400 i, +.color--violet-400 span, +.color--white .color--violet-400 { color: #be6cbe!important; } + +.color--violet-300, +.color--violet-300 h1, +.color--violet-300 h2, +.color--violet-300 h3, +.color--violet-300 h4, +.color--violet-300 h5, +.color--violet-300 h6, +.color--violet-300 p, +.color--violet-300 a, +.color--violet-300 li, +.color--violet-300 i, +.color--violet-300 span, +.color--white .color--violet-300 { color: #e2bde2!important; } + +.color--yellow-500, +.color--yellow-500 h1, +.color--yellow-500 h2, +.color--yellow-500 h3, +.color--yellow-500 h4, +.color--yellow-500 h5, +.color--yellow-500 h6, +.color--yellow-500 p, +.color--yellow-500 a, +.color--yellow-500 li, +.color--yellow-500 i, +.color--yellow-500 span, +.color--white .color--yellow-500 { color: #ffba01!important; } + +.color--yellow-400, +.color--yellow-400 h1, +.color--yellow-400 h2, +.color--yellow-400 h3, +.color--yellow-400 h4, +.color--yellow-400 h5, +.color--yellow-400 h6, +.color--yellow-400 p, +.color--yellow-400 a, +.color--yellow-400 li, +.color--yellow-400 i, +.color--yellow-400 span, +.color--white .color--yellow-400 { color: #ffbd45!important; } + +.color--yellow-300, +.color--yellow-300 h1, +.color--yellow-300 h2, +.color--yellow-300 h3, +.color--yellow-300 h4, +.color--yellow-300 h5, +.color--yellow-300 h6, +.color--yellow-300 p, +.color--yellow-300 a, +.color--yellow-300 li, +.color--yellow-300 i, +.color--yellow-300 span, +.color--white .color--yellow-300 { color: #ffdf35!important; } + + + + +/* ========================================================================== + 03. PRELOAD ANIMATION + ========================================================================== */ + +#loading { + height: 100%; + width: 100%; + position: fixed; + z-index: 1; + margin-top: 0px; + top: 0px; + z-index: 99999999; +} + +#loading { + background-color: #f5f5f9; +} + +#loading-center { + position: absolute; + left: 50%; + top: 50%; + height: 100px; + width: 100px; + margin-top: -50px; + margin-left: -50px; + -webkit-animation: loading-center-absolute 1s infinite; + animation: loading-center-absolute 1s infinite; +} + +.loader { + border: 2px solid; + border-color: transparent #888; + width: 100px; + height: 100px; + border-radius: 50%; + display: inline-block; + position: relative; + box-sizing: border-box; + animation: rotation 1s linear infinite; +} + +.loading--blue .loader { + border-color: transparent #1680fb; +} + +.loading--green .loader { + border-color: transparent #0fbc49; +} + +.loading--pink .loader { + border-color: transparent #f74780; +} + +.loading--purple .loader { + border-color: transparent #7b5dd6; +} + +.loading--red .loader { + border-color: transparent #ff1e1a; +} + +.loading--violet .loader { + border-color: transparent #c73e9b; +} + +.loading--yellow .loader { + border-color: transparent #ffba01; +} + +.loader::after { + content: ''; + box-sizing: border-box; + position: absolute; + left: 50%; + top: 50%; + border: 50px solid; + border-color: transparent rgba(30, 30, 30, 0.15); + border-radius: 50%; + transform: translate(-50%, -50%); +} + +.loading--blue .loader::after { + border-color: transparent rgba(22, 128, 251, .15); +} + +.loading--green .loader::after { + border-color: transparent rgba(14, 188, 73, .15); +} + +.loading--pink .loader::after { + border-color: transparent rgba(247, 71, 128, .15); +} + +.loading--purple .loader::after { + border-color: transparent rgba(123, 93, 214, .15); +} + +.loading--red .loader::after { + border-color: transparent rgba(255, 30, 26, .15); +} + +.loading--violet .loader::after { + border-color: transparent rgba(1900, 108, 190, .15); +} + +.loading--yellow .loader::after { + border-color: transparent rgba(255, 186, 1, .15); +} + +@keyframes rotation { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + + + + +/* ========================================================================== + 04. HEADER & NAVIGATION + =========================================================================== */ + +#header { + width: 100%; + display: block; + padding-top: 0px; +} + +.header-wrapper { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.headerwp { + max-width: 1140px; + margin: 0 auto; + padding: 0; +} + +.posrlt { + position: relative; +} + +/*------------------------------------------*/ +/* HEADER LOGO +/*------------------------------------------*/ + +.desktoplogo img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.blog-header .desktoplogo img { + max-height: 30px; +} + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.wsmainfull { + width: 100%; + height: auto; + z-index: 1031; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.tra-menu .wsmainfull { + padding: 20px 0; + background-color: transparent!important; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.white-menu .wsmainfull { + padding: 6px 0; + background-color: #fff!important; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.dark-menu .wsmainfull { + padding: 6px 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +#header.hiddden-header { + display: none; +} + +.hidden-nav .wsmainfull { + margin-top: -140px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 1rem; + line-height: 50px; + font-weight: 600; + letter-spacing: 0; + text-decoration: none; + margin: 0 7px; + padding: 10px 15px; +} + +.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.wsmenu > .wsmenu-list > li > a.h-link.last-link { + padding: 10px 0px; + margin: 0; +} + +.wsmenu > .wsmenu-list > li > a .wsarrow:after { + border-left: 4px solid rgba(0, 0, 0, 0); + border-right: 4px solid rgba(0, 0, 0, 0); + border-top: 4px solid; + content: ""; + float: right; + right: 0; + height: 0; + margin: 0 0 0 14px; + position: absolute; + text-align: right; + top: 35px; + width: 0; +} + +.wsmenu > .wsmenu-list > li.reg-fst-link > a { + margin-left: 30px; +} + +/*------------------------------------------*/ +/* HEADER LINK INFO +/*------------------------------------------*/ + +span.sm-info { + position: relative; + display: inline-block; + text-align: center; + width: 20px; + height: 20px; + color: #fff; + font-size: 0.65rem; + line-height: 19px; + font-weight: 700; + margin-left: 5px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; +} + +.nav-blue-500 .sm-info { background-color: #185abd; } +.nav-blue-400 .sm-info { background-color: #1680fb; } +.nav-blue-300 .sm-info { background-color: #3eb1ff; } + +.nav-green-500 .sm-info { background-color: #00a14e; } +.nav-green-400 .sm-info { background-color: #0fbc49; } +.nav-green-300 .sm-info { background-color: #6fd792; } + +.nav-pink-500 .sm-info { background-color: #ff149c; } +.nav-pink-400 .sm-info { background-color: #f74780; } +.nav-pink-300 .sm-info { background-color: #fcb5cc; } + +.nav-purple-500 .sm-info { background-color: #663ae9; } +.nav-purple-400 .sm-info { background-color: #7b5dd6; } +.nav-purple-300 .sm-info { background-color: #bdaeea; } + +.nav-red-500 .sm-info { background-color: #da0f29; } +.nav-red-400 .sm-info { background-color: #ff1e1a; } +.nav-red-300 .sm-info { background-color: #ffa5a3; } + +.nav-violet-500 .sm-info { background-color: #c73e9b; } +.nav-violet-400 .sm-info { background-color: #be6cbe; } +.nav-violet-300 .sm-info { background-color: #e2bde2; } + +.nav-yellow-500 .sm-info { background-color: #ffba01; } +.nav-yellow-400 .sm-info { background-color: #ffbd45; } +.nav-yellow-300 .sm-info { background-color: #ffdf35; } + +/*------------------------------------------*/ +/* HEADER BUTTONS +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li a.btn { + font-size: 1rem; + line-height: 30px; + font-weight: 600; + text-transform: none; + letter-spacing: 0; + margin-top: 14px; + padding: 4px 28px; +} + +.wsmenu > .wsmenu-list > li a.btn.reg-btn { + padding: 4px 22px; +} + +.wsmenu > .wsmenu-list > li a.btn.fst-btn-link { + margin-left: 12px; +} + +.wsmenu > .wsmenu-list > li a.store.header-store { + line-height: 1; + margin-top: 13px; + margin-left: 10px; + margin-bottom: 0; + padding: 0; +} + +.store.header-store img { + max-height: 44px; +} + +/*------------------------------------------*/ +/* HEADER SOCIAL LINKS +/*------------------------------------------*/ + +.header-socials { + margin: 0; + display: inline-block; + text-align: center; +} + +.header-socials span { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.header-socials a { + display: block; + margin-left: 18px; +} + +.navbar-light .header-socials a { + color: #ddd; +} + +.navbar-light .header-socials a:hover { + color: #ccc!important; +} + +.header-socials.ico-20 [class*="flaticon-"]:before, +.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } + +/*------------------------------------------*/ +/* HEADER SUBMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu { + width: auto; + min-width: 200px; + top: 62px; + padding: 12px 10px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a { + background-color: rgba(244, 244, 249, 0); + font-family: 'Plus Jakarta Sans', sans-serif; + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* HALFMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + top: 62px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + width: 38%; + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + right: 2%; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li { + border-bottom: none; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + background-color: rgba(244, 244, 249, 0); + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* MEGAMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { + width: 76%!important; + left: 23%; + padding: 20px 10px; +} + +.wsmegamenu.w-75 .col-lg-3 { + padding: 0 6px; +} + +/*------------------------------------------*/ +/* SUBMENU TITLE +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu .title, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title { + color: #929394; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.875rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0; + margin: 10px 0 15px 13px; +} + +/*------------------------------------------*/ +/* DARK HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #ddd; + background-color: rgba(255, 255, 255, 0)!important; +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(255, 255, 255, .05)!important; +} + +.dark-menu .title, .black-scroll .scroll .title, +.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span { + color: #fff!important; +} + +/*------------------------------------------*/ +/* ICONS MENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu { + max-width: 275px; + min-width: 275px; + padding: 12px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + width: 52%; + padding: 12px 6px; +} + +.wsmegamenu.halfmenu.icons-menu .col-lg-6 { + padding: 0 6px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { + width: 82%!important; + left: 17%; + padding: 12px 6px; +} + +.wsmegamenu.icons-menu.w-75 .col-lg-4 { + padding: 0 6px; +} + +.icons-menu .icons-menu-item { + display: flex!important; + position: relative!important; + flex-flow: row wrap!important; + align-items: stretch!important; + justify-content: flex-start!important; +} + +.icons-menu-ico { + position: relative; + margin-right: 14px; +} + +.wsmegamenu.ico-30 .icons-menu-ico span { + position: relative; + top: 6px!important; +} + +.icons-menu-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.icons-menu-txt h6 { + color: inherit; + font-size: 1rem; + line-height: 32px; + font-weight: 500; + margin-bottom: 0; +} + +.icons-menu-txt span { + display: block; + color: #898989; + font-size: 0.925rem; + font-weight: 400; + margin-bottom: 0; +} + +.sub-menu.ico-30 .icons-menu-txt h6 { + line-height: 30px; +} + +/*------------------------------------------*/ +/* NAVBAR HOVER +/*------------------------------------------*/ + +.navbar-light .wsmenu-list > li > a.h-link:hover { + color: #eee!important; +} + +.navbar-dark .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #185abd!important; +} + +.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #1680fb!important; +} + +.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #3eb1ff!important; +} + +.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #00a14e!important; +} + +.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #0fbc49!important; +} + +.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #6fd792!important; +} + +.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff149c!important; +} + +.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #f74780!important; +} + +.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #fcb5cc!important; +} + +.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #663ae9!important; +} + +.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #7b5dd6!important; +} + +.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #bdaeea!important; +} + +.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #da0f29!important; +} + +.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff1e1a!important; +} + +.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ffa5a3!important; +} + +.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #c73e9b!important; +} + +.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #be6cbe!important; +} + +.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #e2bde2!important; +} + +/*------------------------------------------*/ +/* HIDDEN NAVBAR SCROLL +/*------------------------------------------*/ + +.hidden-nav .wsmainfull.scroll { + margin-top: 0; +} + +/*------------------------------------------*/ +/* NAVBAR WHITE SCROLL +/*------------------------------------------*/ + +.tra-menu.white-scroll .wsmainfull.scroll, +.white-menu.white-scroll .wsmainfull.scroll { + padding: 0; + background-color: rgba(255, 255, 255, .7)!important; + backdrop-filter: blur(20px); + -webkit-backdrop-filter: blur(20px); + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +/*------------------------------------------*/ +/* NAVBAR BLACK SCROLL +/*------------------------------------------*/ + +.tra-menu.black-scroll .wsmainfull.scroll, +.dark-menu.black-scroll .wsmainfull.scroll { + padding: 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover { + color: #ccc!important; +} + +/*------------------------------------------*/ +/* WHITE SCROLL BUTTONS +/*------------------------------------------*/ + +.white-scroll .scroll .btn--tra-white { + color: #353f4f!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK SCROLL BUTTONS +/*------------------------------------------*/ + +.black-scroll .scroll .btn--tra-black { + color: #fff!important; + border-color: #fff!important; +} + +/*------------------------------------------*/ +/* LOGO IMAGE +/*------------------------------------------*/ + +.logo-white, +.logo-black { + display: block; +} + +.navbar-light .logo-black, +.navbar-dark .logo-white, +.tra-menu.navbar-light .scroll .logo-white, +.tra-menu.navbar-dark.black-scroll .scroll .logo-black { + display: none; +} + +.tra-menu.navbar-light .scroll .logo-black, +.tra-menu.navbar-dark.black-scroll .scroll .logo-white { + display: block; +} + + + + +/* ========================================================================== + 05. HERO + ========================================================================== */ + +.hero-section, +.hero-section .container { + position: relative; + z-index: 3; +} + +.hero-section.bg--img { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.hero-section.blur--purple:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 100%; + top: -30%; + left: 0; + background-image: url(../images/blur-purple.png); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + background-attachment: scroll; + opacity: 0.2; +} + +/*------------------------------------------*/ +/* HERO LOGO +/*------------------------------------------*/ + +.hero-logo { + margin-bottom: 40px; +} + +.hero-square-logo { + margin-bottom: 20px; +} + +#hero-22 .hero-logo { + margin-bottom: 30px; +} + +.hero-logo img { + width: auto; + max-width: inherit; + max-height: 36px; +} + +.hero-square-logo img { + width: auto; + max-width: inherit; + max-height: 90px; +} + +/*------------------------------------------*/ +/* HERO APP LOGO +/*------------------------------------------*/ + +.hero-app-logo { + margin-bottom: 35px; +} + +#hero-25 .hero-app-logo { + margin-bottom: 25px; +} + +.hero-app-logo img { + width: auto; + max-width: inherit; + max-height: 100px; +} + +#hero-25 .hero-app-logo img { + max-height: 110px; +} + +/*------------------------------------------*/ +/* HERO DIGITS +/*------------------------------------------*/ + +#hd-1-1, #hd-1-2 { + display: inline-block; + float: left; + padding-right: 20px; +} + +#hd-1-1 { width: 45%; } +#hd-1-2 { width: 55%; } + +.hero-digits-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.hero-digits .block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 12px; +} + +.hero-digits h2.statistic-number { + line-height: 1; + margin-bottom: 0; +} + +.hero-digits h2.statistic-number span { + font-size: 1.85rem; +} + +.hero-digits .block-txt p.p-sm { + line-height: 1.35; + margin-top: 5px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* HERO TYPOGRAPHY +/*------------------------------------------*/ + +.hero-section h2 { + margin-bottom: 28px; +} + +.hero-section h2.s-48, +.hero-section h2.s-50 { + margin-bottom: 40px; +} + +.hero-section h2.s-62 { + margin-bottom: 24px; +} + +.hero-section p.p-sm { + padding: 0!important; +} + +.hero-section p.p-md { + margin-bottom: 30px; +} + +.hero-section p.p-lg, +.hero-section p.p-xl { + margin-bottom: 32px; +} + +.hero-section p.s-20, +.hero-section p.s-22, +.hero-section p.s-24 { + margin-bottom: 36px; +} + +.hero-section p.p-lg span, +.hero-section p.p-xl span { + font-weight: 600; + letter-spacing: -0.35px; +} + +/*------------------------------------------*/ +/* HERO-1 +/*------------------------------------------*/ + +#hero-1 { + background-image: url(../images/hero-1.jpg); + padding-top: 130px; + padding-bottom: 100px; +} + +.hero-1-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-2 +/*------------------------------------------*/ + +#hero-2 { + background-image: url(../images/hero-2.jpg); + padding-top: 150px; + padding-bottom: 100px; +} + +.hero-2-txt p { + padding-right: 3%; +} + +.hero-2-img { + text-align: center; + padding-right: 25px; +} + +/*------------------------------------------*/ +/* HERO-3 +/*------------------------------------------*/ + +#hero-3 { + position: relative; + padding-top: 160px; + background-image: url(../images/hero-3.jpg); +} + +#hero-3:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 5%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-3-txt { + margin-top: -70px; +} + +.hero-3-txt p.p-lg { + padding-right: 2%; +} + +.hero-3-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-4 +/*------------------------------------------*/ + +#hero-4 { + overflow: hidden; + background-image: url(../images/hero-4.jpg); + padding-top: 180px; +} + +#hero-4:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 10%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-4-txt h2 { + padding: 0 3%; +} + +.hero-4-txt p { + padding: 0 5%; +} + +.hero-4-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-4-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-5 +/*------------------------------------------*/ + +#hero-5 .wave-shape-bottom path { + fill: #fff; +} + +#hero-5 { + background-image: url(../images/hero-5.jpg); + padding-top: 140px; + padding-bottom: 50px; +} + +.hero-5-txt h2 { + line-height: 1.3; + margin-bottom: 25px; +} + +.hero-5-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +.hero-5-img { + margin: 0 0 -50px; +} + +/*------------------------------------------*/ +/* HERO-6 +/*------------------------------------------*/ + +#hero-6 { + padding-top: 130px; +} + +.hero-6-wrapper { + overflow: hidden; + background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd); + padding: 75px 80px; +} + +.hero-6-img { + position: relative; + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-7 +/*------------------------------------------*/ + +#hero-7 { + padding-top: 140px; + padding-bottom: 100px; +} + +#hero-7 .quick-form { + margin-right: 4%; +} + +.hero-7-img { + padding-left: 30px; +} + +/*------------------------------------------*/ +/* HERO-8 +/*------------------------------------------*/ + +#hero-8 .wave-shape-bottom path { + fill: #fff; +} + +#hero-8 { + position: relative; + background-image: url(../images/hero-8.jpg); + padding-top: 170px; + padding-bottom: 30px; +} + +.hero-8-txt { + margin-top: -70px; +} + +.hero-8-txt p { + padding-right: 10%; +} + +.hero-8-txt .hero-digits { + padding-right: 15%; +} + +#hero-8-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-8-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-8-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-8-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-8-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-9 +/*------------------------------------------*/ + +#hero-9 { + padding-top: 180px; +} + +.hero-9-txt h2 { + line-height: 1; +} + +.hero-9-txt h2 img { + position: relative; + width: auto; + max-width: inherit; + max-height: 100px; + margin: 0 3px; + top: -8px; +} + +.hero-9-txt p { + padding: 0 5%; + margin-top: 40px; +} + +#hero-9 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +.hero-9-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-10 +/*------------------------------------------*/ + +#hero-10 { + position: relative; + background-image: url(../images/hero-10.jpg); + padding-top: 170px; + padding-bottom: 100px; +} + +.hero-10-txt h4 { + line-height: 1.45; + font-weight: 300; + padding-right: 5%; + margin-bottom: 35px; +} + +.hero-10-img { + position: relative; + text-align: center; + margin: 0 -95% 0 15px; +} + +/*------------------------------------------*/ +/* HERO-11 +/*------------------------------------------*/ + +#hero-11 { + overflow: hidden; + background-image: url(../images/hero-11.jpg); + padding-top: 50px; +} + +.hero-11-txt { + margin-top: 40px; +} + +.hero-11-txt p { + padding-right: 5%; +} + +.hero-11-img { + position: relative; + margin: -60px -12% -100px -15px; +} + +/*------------------------------------------*/ +/* HERO-12 +/*------------------------------------------*/ + +#hero-12 { + overflow: hidden; + background-image: url(../images/hero-12.jpg); + padding-top: 180px; +} + +.hero-12-txt h2 { + padding: 0 3%; +} + +.hero-12-txt p { + padding: 0 5%; +} + +.hero-12-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-12-img { + margin-top: 60px; + margin-bottom: -100px; +} + +.hero-12-img .video-btn { + top: calc(50% - 30px); +} + +/*------------------------------------------*/ +/* HERO-13 +/*------------------------------------------*/ + +#hero-13 { + background-image: linear-gradient(180deg, #f1edff, #f1edff); + padding-top: 130px; + padding-bottom: 80px; +} + +#hero-13:after { + position: absolute; + content: ''; + z-index: -1; + width: 43%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; + -moz-box-shadow: 0 0 55px 35px #fff; + -webkit-box-shadow: 0 0 35px 35px #fff; + box-shadow: 0 0 35px 35px #fff; +} + +.hero-13-txt .section-id { + font-weight: 600; + letter-spacing: 1.5px; +} + +.hero-13-txt p { + padding-right: 5%; +} + +.hero-13-img { + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-14 +/*------------------------------------------*/ + +#hero-14 .wave-shape-bottom path { + fill: #fff; +} + +#hero-14 { + background-image: url(../images/hero-14.jpg); + padding-top: 170px; +} + +.hero-14-txt p.s-21 { + font-size: 1.3125rem; + margin-bottom: 40px; +} + +#hero-14 .quick-form { + margin-left: 6%; + margin-right: 6%; +} + +.hero-14-txt .btn-txt { + margin-top: 40px; +} + +.hero-14-img { + margin-top: 70px; +} + +/*------------------------------------------*/ +/* HERO-15 +/*------------------------------------------*/ + +#hero-15 { + position: relative; + z-index: 3; + background-image: url(../images/hero-15.jpg); + padding-top: 130px; +} + +.hero-15-txt { + margin-top: -20px; +} + +.hero-15-txt h2 { + padding-right: 5%; +} + +.hero-15-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-16 +/*------------------------------------------*/ + +#hero-16 .wave-shape-bottom path { + fill: #fff; +} + +#hero-16 { + background-image: url(../images/hero-16.jpg); + padding-top: 170px; + margin-bottom: 80px; +} + +.hero-16-img { + margin-top: 60px; + margin-bottom: -80px; +} + +/*------------------------------------------*/ +/* HERO-17 +/*------------------------------------------*/ + +#hero-17 { + text-align: center; + padding-top: 170px; + background-image: url(../images/hero-17.jpg); + background-position: top center; +} + +#hero-17 #brands-1 { + padding: 80px 6% 0; +} + +#hero-17 #brands-1 .brands-carousel-5 .brand-logo { + padding: 0 20px; +} + +#hero-17 .quick-form { + margin-left: 8%; + margin-right: 8%; +} + +/*------------------------------------------*/ +/* HERO-18 +/*------------------------------------------*/ + +#hero-18 { + padding-top: 140px; + padding-bottom: 80px; +} + +#hero-18:after { + position: absolute; + content: ''; + z-index: -1; + width: 74%; + height: 100%; + top: 0; + left: 26%; + background-image: url(../images/hero-18.jpg); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + border-radius: 0 0 0 60px; +} + +.hero-18-txt p { + padding-right: 3%; +} + +#hero-18 .quick-form { + margin-right: 4%; +} + +.hero-18-img { + text-align: center; + padding-right: 15px; +} + +/*------------------------------------------*/ +/* HERO-19 +/*------------------------------------------*/ + +#hero-19 { + padding-top: 170px; +} + +.hero-19-txt p { + padding: 0 10%; +} + +/*------------------------------------------*/ +/* HERO-20 +/*------------------------------------------*/ + +#hero-20 { + background-image: url(../images/hero-20.jpg); + padding-top: 100px; + padding-bottom: 100px; +} + +#hero-20:after { + position: absolute; + content: ''; + z-index: -1; + width: 51%; + height: 100%; + top: 0; + left: 0; + background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd); +} + +.hero-20-txt { + padding: 0 8% 0 15px; +} + +.hero-section .hero-20-txt h2.s-48 { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* HERO-21 +/*------------------------------------------*/ + +#hero-21 { + padding-top: 170px; +} + +.hero-21-txt { + margin-bottom: 60px; +} + +.hero-21-txt h2 { + margin-bottom: 35px; +} + +.hero-21-wrapper { + overflow: hidden; +} + +#hero-21 .hero-overlay { + background-image: url(../images/hero-21.jpg); + padding: 90px 70px 0; +} + +.hero-21-img { + position: relative; + margin-bottom: -25%; +} + +.hero-21-img .video-btn { + top: calc(50% - 80px); +} + +/*------------------------------------------*/ +/* HERO-22 +/*------------------------------------------*/ + +#hero-22 .wave-shape-bottom path { + fill: #fff; +} + +#hero-22 { + position: relative; + background-image: url(../images/hero-22.jpg); + padding-top: 160px; +} + +#hero-22-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-22-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-22-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-22-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-22-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-23 +/*------------------------------------------*/ + +#hero-23 .wave-shape-bottom path { + fill: #fff; +} + +#hero-23 { + position: relative; + background-image: url(../images/hero-23.jpg); + padding-top: 100px; + margin-bottom: 25px; +} + +.hero-23-txt p { + padding: 0 5%; +} + +.hero-23-img { + margin-top: 40px; + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* HERO-24 +/*------------------------------------------*/ + +#hero-24 { + background-image: url(../images/hero-24.jpg); + padding-top: 200px; + padding-bottom: 150px; +} + +#hero-24 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +/*------------------------------------------*/ +/* HERO-25 +/*------------------------------------------*/ + +#hero-25 { + background-image: url(../images/hero-25.jpg); + padding-top: 120px; + padding-bottom: 100px; +} + +.hero-25-txt h2 { + margin-bottom: 22px; +} + +.hero-25-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* HERO-26 +/*------------------------------------------*/ + +#hero-26 .wave-shape-bottom path { + fill: #fff; +} + +#hero-26 { + position: relative; + background-image: url(../images/hero-26.jpg); + padding-top: 160px; + z-index: 3; +} + +.hero-26-txt { + margin-top: -80px; +} + +.hero-26-txt h2 { + padding-right: 2%; +} + +#hero-26 .quick-form { + margin-right: 4%; +} + +.hero-26-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-27 +/*------------------------------------------*/ + +#hero-27 .hero-overlay { + background-image: url(../images/hero-27.png); + background-position: top center; + padding-top: 170px; +} + +.hero-27-txt h2 { + margin-bottom: 26px!important; +} + +.hero-27-txt p.s-20 { + padding: 0 6%; + margin-bottom: 30px!important; +} + +.hero-27-txt p.s-21 { + padding: 0 5%; +} + +/*------------------------------------------*/ +/* HERO QUICK FORM +/*------------------------------------------*/ + +.hero-section .quick-form .input-group { + border: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Input +/*------------------------------------------*/ + +.hero-section .quick-form .form-control { + height: 64px; + background-color: #fff; + border: 2px solid transparent; + color: #666; + font-size: 1.125rem; + font-weight: 400; + padding: 0 20px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.hero-section .quick-form.form-shadow .form-control { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + box-shadow: 0 5px 10px rgba(0, 0, 0, .05); +} + +.hero-section .quick-form.form-stroke .form-control { + border-color: #353f4f; +} + +.hero-section .quick-form.form-half .form-control { + height: 58px; + font-size: 1.0625rem; +} + +/*------------------------------------------*/ +/* Hero Quick Form Placeholder +/*------------------------------------------*/ + +.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Hero Quick Form Focus +/*------------------------------------------*/ + +.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Button +/*------------------------------------------*/ + +.hero-section .quick-form .btn { + height: 64px; + font-size: 1.0625rem; + padding: 12px 45px; + margin-left: 15px; +} + +.hero-section .quick-form.form-half .btn { + height: 58px; + font-size: 1rem; + padding: 13px 40px; + margin-left: 14px; +} + +/*------------------------------------------*/ +/* Hero Quick Form Message +/*------------------------------------------*/ + +.hero-section .quick-form-msg { + width: 100%!important; + display: block; + margin: 20px 0 15px 5px; +} + +.hero-section .text-center .quick-form-msg { + margin: 20px 0 -15px 0; +} + +.hero-section .quick-form-msg .loading { + color: #3eb1ff; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; +} + +.hero-section .text-center .quick-form-msg .loading { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* HERO REQUEST FORM +/*------------------------------------------*/ + +/*------------------------------------------*/ +/* Hero Request Form Input +/*------------------------------------------*/ + +.request-form .form-control { + height: 58px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #666; + font-size: 1rem; + font-weight: 400; + margin-bottom: 22px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Hero Request Form Placeholder +/*------------------------------------------*/ + +.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } +.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; } +.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; } + +.request-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Request Form Button +/*------------------------------------------*/ + +#hero-8-form .btn, +#hero-22-form .btn { + width: 100%; + height: 58px; + padding: 16px; +} + +/*------------------------------------------*/ +/* Hero Request Form Message +/*------------------------------------------*/ + +.request-form-msg { + width: 100%!important; + display: block; + text-align: center; + margin-top: 15px; +} + +.request-form-msg .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 06. ABOUT + ========================================================================== */ + +.a2-txt { + padding: 20px 30px 35px; +} + +.a2-txt-quote { + position: relative; + margin-bottom: -45px; + } + +.a2-txt-quote.ico-40 [class*="flaticon-"]:before, +.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; } + +/*------------------------------------------*/ +/* ABOUT TYPOGRAPHY +/*------------------------------------------*/ + +#about-1 .txt-block p { + margin-bottom: 0; +} + +#about-4 .txt-block p { + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* ABOUT 2 AUTHOR +/*------------------------------------------*/ + +.a2-txt-author { + line-height: 1.45; + font-weight: 500; + margin-top: 18px; + margin-bottom: 0; +} + +.a2-txt-author span { + display: block; + font-weight: 300; +} + +/*------------------------------------------*/ +/* ABOUT 2 IMAGES +/*------------------------------------------*/ + +.about-3-images { + padding: 0 5%; +} + +.about-2-img { + overflow: hidden; +} + +.about-3-img { + overflow: hidden; + height: 460px; +} + +.a-2-1 { + margin-left: 13%; + margin-bottom: 30px; +} + +.a-2-2 { + margin-left: -10%; +} + +.a-2-3 { + margin-right: -10%; + margin-bottom: 30px; +} + +.a-2-4 { + margin-right: -10%; +} + +#a4-1 { + position: relative; + padding-right: 30px; + margin-top: -30px; +} + +#a4-2 { + position: relative; + padding-left: 30px; + margin-bottom: -30px; +} + + + + +/* ========================================================================== + 07. FEATURES + ========================================================================== */ + +#features-12.py-100.shape--bg:after, +#features-12.pt-100.shape--bg:after, +#features-13.py-100.shape--bg:after, +#features-13.pt-100.shape--bg:after { + position: absolute; + content: ''; + z-index: -1; +} + +#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; } +#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; } +#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; } +#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; } + +.rows-2 .fb-1, +.rows-2 .fb-2, +.rows-2 .fb-3 { + margin-bottom: 50px; +} + +.rows-2 .fbox-7.fb-1, +.rows-2 .fbox-7.fb-2, +.rows-2 .fbox-7.fb-3, +.rows-2 .fbox-9.fb-1, +.rows-2 .fbox-9.fb-2, +.rows-2 .fbox-9.fb-3, +.rows-3 .fb-1, .rows-3 .fb-2, +.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; } + +.rows-3 .fb-3.fbox-11-lst, +.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; } + +.fbox-14-wrapper { + padding: 80px 70px; +} + +.fbox-14-wrapper .col { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.row-cols-md-3 .fbox-4 { padding: 50px 35px; } +.row-cols-md-2 .fbox-4 { padding: 35px 20px; } + +.fbox-5 { padding: 60px; } + +.fbox-7 { + border: 2px solid #eee; + padding: 55px 40px 50px; +} + +.row-cols-md-2 .fbox-7 { + padding: 35px 20px 30px; +} + +.fbox-8 { padding: 55px 40px; } +.fbox-8.bg--white-100 { padding: 60px 40px; } + +.fbox-9 { + border: 2px solid #eee; + padding: 40px 40px 35px; +} + +.fbox-14 { + border: 2px solid #eee; + padding: 40px 30px 35px; +} + +/*------------------------------------------*/ +/* FEATURE BOX IMAGE +/*------------------------------------------*/ + +.fbox-img img { + width: auto; + max-width: inherit; +} + +.fbox-img.h-135 img { max-height: 135px; } +.fbox-img.h-140 img { max-height: 140px; } +.fbox-img.h-145 img { max-height: 145px; } +.fbox-img.h-150 img { max-height: 150px; } +.fbox-img.h-155 img { max-height: 155px; } +.fbox-img.h-160 img { max-height: 160px; } +.fbox-img.h-165 img { max-height: 165px; } +.fbox-img.h-170 img { max-height: 170px; } +.fbox-img.h-175 img { max-height: 175px; } +.fbox-img.h-180 img { max-height: 180px; } + +/*------------------------------------------*/ +/* FBOX-1 IMAGE +/*------------------------------------------*/ + +.fbox-1 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-1 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-2 IMAGE +/*------------------------------------------*/ + +.fbox-2 .fbox-img { + -webkit-border-radius: 12px 12px 0 0; + -moz-border-radius: 12px 12px 0 0; + -o-border-radius: 12px 12px 0 0; + border-radius: 12px 12px 0 0; +} + +.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, +.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } + +.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; } +.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } +.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } +.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; } +.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; } + +.fbox-2 .fbox-img img { + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* FBOX-3 IMAGE +/*------------------------------------------*/ + +.fbox-3 .fbox-img { + overflow: hidden; +} + +.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; } +.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; } +.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; } +.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; } + +.row-cols-md-2 .fbox-3 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-4 IMAGE +/*------------------------------------------*/ + +.fbox-4 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-4 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-5 IMAGE +/*------------------------------------------*/ + +.fbox-5.fb-1 .fbox-5-img, +.fbox-5.fb-5 .fbox-5-img, +.fbox-5.fb-6 .fbox-5-img { + margin: 40px 5% 0; +} + +.fbox-5.fb-2 .fbox-5-img, +.fbox-5.fb-3 .fbox-5-img, +.fbox-5.fb-4 .fbox-5-img { + margin: 0 5% 40px; +} + +/*------------------------------------------*/ +/* FEATURE BOX VECTOR ICON +/*------------------------------------------*/ + +.fbox-ico, +.fbox-ico.ico-rounded { + margin-bottom: 20px; +} + +.fbox-ico.ico-rounded-md, +.fbox-ico.ico-rounded-lg { + margin-bottom: 25px; +} + +.fbox-11 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.fbox-ico-wrap { + position: relative; + margin-right: 25px; +} + +.rows-2 .fbox-ico-wrap { + margin-right: 20px; +} + +.fbox-11 .fbox-ico { + margin-top: 4px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.fbox-11 .fbox-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +/*------------------------------------------*/ +/* FEATURE BOX TITLE +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-lg-3 .fbox-title { + margin-bottom: 10px; +} + +.fbox-title span { + float: left; + line-height: 1!important; + margin-right: 15px; +} + +.fbox-title h6 { + line-height: 2.1875rem!important; + margin-bottom: 0; +} + +.fbox-title.ico-30 h6 { + line-height: 1.875rem!important; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* FEATURE BOX TYPOGRAPHY +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-md-3 h6 { + margin-bottom: 15px; +} + +.rows-2 .fbox-11 h6, +.fbox-wrapper .row-cols-md-2 h6 { + margin-bottom: 10px; +} + +.fbox-wrapper p { + margin-bottom: 0; +} + +.fbox-5 h5 { + margin-bottom: 15px; +} + +.fbox-14 h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FEATURE-12 +/*------------------------------------------*/ + +.fbox-12-wrapper { + padding-left: 45px; +} + +.fbox-13-wrapper { + padding-right: 45px; +} + +.fbox-12, +.fbox-13 { + padding: 32px 35px; +} + +.fbox-12 h5, +.fbox-13 h5 { + margin-top: 20px; + margin-bottom: 10px; +} + +.fbox-12 p, +.fbox-13 p, +.fbox-14 p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 08. CONTENT + ========================================================================== */ + +.ct-06 { + margin-bottom: 80px; +} + +.ct-07 { + margin-top: 80px; +} + +.ct-10 .section-overlay { + margin-bottom: 100px; +} + +.ct-11, +.ct-12 { + padding: 60px 0; +} + +.ct-11:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; +} + +.ct-12:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 50%; + background-color: #fff; +} + +/*------------------------------------------*/ +/* CONTENT BOX WRAPPER +/*------------------------------------------*/ + +.bc-1-wrapper .section-overlay, +.bc-4-wrapper .section-overlay, +.bc-6-wrapper .section-overlay { + padding: 80px 70px; +} + +.bc-2-wrapper .section-overlay, +.bc-3-wrapper .section-overlay, +.bc-5-wrapper .section-overlay { + padding: 80px 70px 0; +} + +.bc-6 { + padding: 40px 35px; +} + +.cbox-6-wrapper { + padding: 60px 40px; +} + +.content-section .cbox-6-wrapper { + padding: 80px 70px; +} + +.bc-5-wrapper .section-title p { + padding: 0; +} + +/*------------------------------------------*/ +/* TEXT BLOCK +/*------------------------------------------*/ + +.txt-box { + margin-bottom: 20px; +} + +.txt-box:last-child { + margin-bottom: 0; +} + +.bc-3-txt, +.ct-06 .txt-block, +.bc-2-wrapper .txt-block { + margin-top: -40px; +} + +.bc-2-txt, +.ct-07 .txt-block { + margin-top: 40px; +} + +.bc-1-wrapper .txt-block.pr-25.left-column, +.bc-2-wrapper .txt-block.pr-25.left-column { + padding-right: 25px; +} + +.bc-1-wrapper .txt-block.pl-25.right-column, +.bc-2-wrapper .txt-block.pl-25.right-column { + padding-left: 25px; +} + +.ct-11 .txt-block { + padding-right: 50px; +} + +.ct-12 .txt-block { + padding-left: 70px; +} + +.ct-13 .txt-block h5 { + padding-right: 6%; +} + +/*------------------------------------------*/ +/* TEXT BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.bc-2-txt h2, +.bc-3-txt h2, +.bc-4-txt h2, +.txt-block h3, +.txt-block h2 { + margin-bottom: 26px; +} + +.txt-block h5 { + margin-bottom: 20px; +} + +h5.h5-title { + margin-top: 20px; + margin-bottom: 20px; +} + +.txt-block .btn, +.txt-block .btns-group .btn.btn--transparent { + margin-top: 25px; +} + +.txt-block .btn.btn--transparent { + margin-top: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX +/*------------------------------------------*/ + +.cbox-1, +.cbox-2, +.cbox-3 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.cbox-5 { + position: relative; +} + +.cbox-5-content { + background-color: #fff; + border: 1px solid #f5f6f6; + padding: 40px; + margin: 0 12%; + z-index: 1; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.cbox-5-content .divider { + margin-top: 25px; + margin-bottom: 25px; +} + +#cb-6-1, #cb-6-2 { + margin-bottom: 35px; +} + +/*------------------------------------------*/ +/* CONTENT BOX TITLE +/*------------------------------------------*/ + +.box-title h6, +.box-title h5 { + display: inline-block; + line-height: 2.35rem!important; + margin-bottom: 15px; +} + +.box-title span { + position: relative; + top: 12px; + margin-right: 10px; +} + +.box-title span[class*="flaticon-"]:before, +.box-title span[class*="flaticon-"]:after { + font-size: 2.35rem; +} + +.txt-block .cbox-5-title h2 { + font-size: 3.5rem; + letter-spacing: -1px; + line-height: 1; + margin-bottom: 10px; +} + +.cbox-5-title .statistic-number sup { + font-size: 3rem; + top: -5px; + right: 6px; +} + +.cbox-5-title .ico-15 [class*="flaticon-"]:before, +.cbox-5-title .ico-15 [class*="flaticon-"]:after { + font-size: 0.875rem; + line-height: 1!important; +} + +.cbox-5-title p.p-lg { + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* CONTENT BOX ICON +/*------------------------------------------*/ + +.cbox-1 .ico-wrap { + margin-left: 8px; +} + +.cbox-1.ico-10 span { + position: relative; + top: 0; + right: 7px; +} + +.cbox-1.ico-15 span { + position: relative; + top: 1px; + right: 8px; +} + +.cbox-1.ico-10 [class*="flaticon-"]:before, +.cbox-1.ico-10 [class*="flaticon-"]:after { + font-size: 0.6rem; +} + +.cbox-1.ico-15 [class*="flaticon-"]:before, +.cbox-1.ico-15 [class*="flaticon-"]:after { + font-size: 0.75rem; +} + +/*------------------------------------------*/ +/* CBOX #2 +/*------------------------------------------*/ + +.cbox-2 .ico-wrap { + position: relative; + margin-right: 1.625rem; +} + +.cbox-2-ico { + position: relative; + width: 2.625rem; + height: 2.625rem; + text-align: center; + border-radius: 100%; + font-size: 1.1875rem; + font-weight: 500; + line-height: 2.375rem; + border: 2px solid transparent; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.ct-03 .cbox-2-ico { + position: relative; + width: 2.35rem; + height: 2.35rem; + font-size: 1.15rem; + line-height: 2.15rem; +} + +.cbox-2-line { + position: absolute; + bottom: 20px; + left: 50%; + width: 2px; + background-color: #e4e4e4; + height: calc(100% - 90px); + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.cbox-2:hover .cbox-2-ico { + background-color: transparent; + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} + +.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; } +.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; } +.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; } + +.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; } +.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; } +.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; } + +.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; } +.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; } +.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; } + +.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; } +.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; } +.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; } + +.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; } +.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; } +.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; } + +.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; } +.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; } +.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; } + +.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; } +.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; } +.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* CBOX #3 +/*------------------------------------------*/ + +.cbox-3 .ico-wrap { + position: relative; + text-align: center; + margin-top: 0; + margin-right: 1.15rem; +} + +.cbox-3 .cbox-3-ico { + position: relative; + top: 3px; +} + +.cbox-3-ico span[class*="flaticon-"]:before, +.cbox-3-ico span[class*="flaticon-"]:after { + font-size: 2.85rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX TEXT +/*------------------------------------------*/ + +.cbox-1-txt, +.cbox-2-txt, +.cbox-3-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.cbox-2-txt, +.cbox-3-txt { + margin-bottom: 35px; +} + +.ct-03 .cbox-2-txt { + margin-bottom: 30px; +} + +.cbox-4-txt { + margin-bottom: 25px; +} + +.cbox-2:last-child .cbox-2-txt, +.cbox-3:last-child .cbox-3-txt, +.cbox-4:last-child .cbox-4-txt { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX FEATURE +/*------------------------------------------*/ + +.cbox-5-fea { + padding: 20px 25px; + margin-top: 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.txt-block .cbox-5-fea h4 { + line-height: 1; + margin-bottom: 3px; +} + +.cbox-5-fea p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX TYPOGRAPHY +/*------------------------------------------*/ + +.cbox-2-txt h5, +.cbox-3-txt h5 { + margin-bottom: 15px; +} + +.ct-03 .cbox-2-txt h5 { + margin-bottom: 10px; +} + +.cbox-6 h6 { + margin-bottom: 15px; +} + +.cbox-1-txt p { + margin-bottom: 8px; +} + +.cbox-1-last .cbox-1-txt p { + margin-bottom: 1rem; +} + +.cbox-6 p, +.cbox-2-txt p, +.cbox-3-txt p, +.cbox-4-txt p { + margin-bottom: 0; +} + +.bc-6-txt { + padding: 0 10px; +} + +.bc-6-txt h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* ACCORDION +/*------------------------------------------*/ + +.txt-block .accordion-1 .accordion-item { + background-color: transparent; + padding: 25px 30px; + border: none; +} + +.txt-block .accordion-2 .accordion-item { + background-color: transparent; + padding: 15px 0 25px; + border: none; + border-top: 1px solid #ccc; + border-radius: 0 0; +} + +.txt-block .accordion-2 .accordion-item:last-child { + border-bottom: 1px solid #ccc; +} + +.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; } +.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; } +.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } +.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; } +.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; } +.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; } +.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; } +.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; } + +.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } +.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } +.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } +.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } +.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } +.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; } +.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; } + +.txt-block .accordion-thumb { + margin: 0; + padding: 0; + cursor: pointer; + position: relative; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + color: #6c757d; + font-family: Flaticon; + position: absolute; + color: #353f4f; + font-weight: 400; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before { + content: "\f11a"; + font-size: 0.95rem; + top: 1px; + left: 0; +} + +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f110"; + font-size: 0.95rem; + top: 12px; + right: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active { + background-color: #f4f4f9; + padding: 35px 30px 19px 30px; + margin-bottom: 15px; + margin-top: 15px; +} + +.txt-block .accordion-2 .accordion-item.is-active { + background-color: transparent; + margin-bottom: 0; + margin-top: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before { + content: "\f11b"; +} + +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f111"; +} + +.txt-block .accordion-1 .accordion-panel { + color: #6c757d; + margin: 0; + padding: 0 0 0 25px; + display: none; +} + +.txt-block .accordion-2 .accordion-panel { + color: #6c757d; + margin: 15px 0 0 0; + display: none; +} + +.txt-block .accordion-1 .accordion-thumb h5 { + color: #353f4f; + line-height: 1; + padding-left: 28px; + margin-bottom: 0; +} + +.txt-block .accordion-2 .accordion-thumb h5 { + color: #353f4f; + display: inline-block; + line-height: 1; + padding-left: 10px; + margin-bottom: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { + margin-bottom: 20px; +} + +.accordion-2 .accordion-thumb span[class*="flaticon-"]:before, +.accordion-2 .accordion-thumb span[class*="flaticon-"]:after { + color: #6c757d; + position: relative; + font-size: 2.1875rem; + top: 10px; +} + +.txt-block .accordion-2 .accordion-panel .simple-list li { + margin-bottom: 1rem; +} + +.txt-block .accordion-2 .accordion-panel p, +.txt-block .accordion-2 .accordion-panel .simple-list li:last-child { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TABS +/*------------------------------------------*/ + +#tabs-1 .tabs-nav { + text-align: center; +} + +.tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +#tabs-1 .tab-content { + display: none; +} + +#tabs-1 .tab-content.current { + display: inherit; +} + +.tabs-1 li { + display: inline-block; + margin: 0 20px; + color: #aaa; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + padding: 0 2px 10px; + background-color: transparent; + border-bottom: 3px solid transparent; + cursor: pointer; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* TAB LINK HOVER / CURRENT +/*------------------------------------------*/ + +.tabs-1 li:hover { + color: #888; + border-color: #ccc; +} + +.tabs-1 li.current, +.tabs-1 li.current:hover { + color: #2b3648; + border-color: #2b3648; +} + +.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; } +.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; } +.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; } + +.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; } +.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; } +.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; } + +.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; } +.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; } +.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; } + +.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; } +.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; } +.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; } + +.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; } +.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; } +.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; } + +.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; } +.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; } +.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; } + +.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; } +.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; } +.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* ADVANTAGES LIST +/*------------------------------------------*/ + +.advantages { + margin-top: 15px; +} + +.text-center .advantages { + margin-top: 20px; +} + +.advantages li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.advantages-links-divider { + position: relative; + top: 0.5px; + transform: rotate(-90deg); +} + +.advantages li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.advantages.ico-15 li p span { + position: relative; + top: 2px; + right: -1px; +} + +.advantages.ico-15 [class*="flaticon-"]:before, +.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.advantages li p a { + font-weight: 400; + text-decoration: underline; +} + +.advantages li p a:hover { + text-decoration: underline; +} + +.white--color .advantages li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* COMPATABILITY +/*------------------------------------------*/ + +.compatibility { + display: inline-block; + padding: 3px 20px; + margin-top: 15px; + margin-bottom: 0; +} + +.compatibility span { + position: relative; + top: -1.5px; + right: 2px; +} + +.compatibility.ico-10 [class*="flaticon-"]:before, +.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; } + +/*------------------------------------------*/ +/* TOOLS LIST / PAYMENT METHODS +/*------------------------------------------*/ + +.tools-list, +.payment-methods { + margin-top: 25px; +} + +.tools-list p, +.payment-methods p { + font-weight: 400; + margin-bottom: 12px; +} + +.tools-list.ico-35 [class*="flaticon-"]:before, +.tools-list.ico-35 [class*="flaticon-"]:after { + line-height: 2.1875rem!important; + margin-right: 6px; +} + +/*------------------------------------------*/ +/* Payment Icons +/*------------------------------------------*/ + +.payment-icons li { + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; + padding-right: 5px; +} + +.payment-icons li:last-child { + padding-right: 0; +} + +.payment-icons img { + width: auto; + max-width: inherit; + max-height: 32px; +} + +/*------------------------------------------*/ +/* QUOTE +/*------------------------------------------*/ + +.quote p { + color: #666; + border-left: 3px solid #0195ff; + font-style: italic; + padding-left: 20px; + margin-bottom: 12px; +} + +/*------------------------------------------*/ +/* Quote Avatar +/*------------------------------------------*/ + +.quote-avatar { + display: inline-block; + margin: 0 auto; +} + +.quote-avatar img { + width: 70px; + height: 70px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +/*------------------------------------------*/ +/* Quote Author +/*------------------------------------------*/ + +.quote-author { + position: relative; + display: inline-block; + padding: 0 0 0 15px; + text-align: left; + top: 16px; +} + +.quote-author h6 { + margin-bottom: 0; +} + +.quote-author span { + font-size: 1rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX SHAPES +/*------------------------------------------*/ + +.cbox-5-shape-1 { + position: absolute; + right: 30px; + top: -35px; + z-index: -1; +} + +.cbox-5-shape-2 { + position: absolute; + left: 30px; + bottom: -25px; + z-index: -1; +} + +.cbox-5-shape-1 img, +.cbox-5-shape-2 img { + height: 100%; + width: 100%; + object-fit: cover; +} + +/*------------------------------------------*/ +/* IMG BLOCK IMAGE +/*------------------------------------------*/ + +.grey-img { + filter: grayscale(100%); +} + +.img-block { + text-align: center; +} + +.img-block.img-block-bkg { + overflow: hidden; +} + +.img-block.img-block-bkg img { + padding: 60px 45px; +} + +.ct-10 .img-block, +.img-block-hidden, +.bc-5-img.bc-5-dashboard.img-block-hidden { + margin-bottom: -100px; +} + +.ct-05 .img-block-hidden { + margin-bottom: -30px; +} + +.bc-5-img.bc-5-tablet.img-block-hidden { + margin-bottom: -200px; +} + +.img-block-hidden .video-btn, +.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { + top: calc(50% - 30px); +} + +.bc-5-img.bc-5-tablet.img-block-hidden .video-btn { + top: calc(50% - 70px); +} + +.ct-01 .img-block, +.ct-04 .img-block { + margin-left: 30px; +} + +.ct-02 .img-block { + margin-right: 30px; +} + +.ct-03 .img-block.right-column { + margin-left: 20px; +} + +.ct-03 .img-block.left-column { + margin-right: 20px; +} + +.ct-04 .img-block img { + max-width: none; + display: inline-block; +} + +.ct-06 .img-block { + margin-bottom: -80px; +} + +.ct-07 .img-block { + margin-top: -80px; +} + +.img-block-txt, +.img-block-btn { + margin-top: 60px; +} + +.bc-1-wrapper .img-block.left-column, +.bc-2-wrapper .img-block.left-column { + padding-right: 10px; +} + +.bc-1-wrapper .img-block.right-column, +.bc-2-wrapper .img-block.right-column { + padding-left: 10px; +} + +.bc-2-img { + margin-left: 15px; +} + +.bc-3-img { + margin: 0 -65% -25px 15px; +} + +.bc-4-img { + margin-left: 15px; + margin-right: -65%; +} + +.bc-6-img { + padding: 50px 30px 0; + margin-bottom: 35px; +} + +.ct-11 .img-block { + position: relative; + text-align: center; + padding-left: 70px; + z-index: 2; +} + +.ct-12 .img-block { + position: relative; + text-align: center; + padding-right: 70px; + z-index: 2; +} + +.ct-11 .img-block .tra-bkg, +.ct-12 .img-block .tra-bkg { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + + + + +/* ========================================================================== + 09. STATISTIC + =========================================================================== */ + +.sb-rounded .statistic-block { + padding: 35px 25px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK +/*------------------------------------------*/ + +#sb-2-1, +#sb-2-2 { + width: 48%; + display: inline-block; + float: left; +} + +#sb-2-3, #sb-2-4 { + display: inline-block; + float: left; + padding-right: 15px; +} + +#sb-2-3 { width: 45%; } +#sb-2-4 { width: 55%; } + +#sb-2-3 .statistic-block, +#sb-2-4 .statistic-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +#sb-2-3 .statistic-block-txt, +#sb-2-4 .statistic-block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 15px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-1-wrapper .statistic-block-digit { + width: 35%; + display: inline-block!important; + float: left; +} + +.statistic-1-wrapper .statistic-block-txt { + width: 65%; + display: inline-block!important; + padding-left: 20px; +} + +#statistic-5 .statistic-digit { + padding-bottom: 20px; + margin: 0 100px 20px 0; + border-bottom: 1px solid #999; +} + +#statistic-5 .color--white .statistic-digit { + border-bottom: 1px solid rgba(255, 255, 255, .8); +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-ico { + margin-bottom: 10px; +} + +h2.statistic-number { + line-height: 1; + font-weight: 700; + letter-spacing: -1px; + margin-bottom: 0; +} + +#sb-2-1 h2.statistic-number, +#sb-2-2 h2.statistic-number { + margin-bottom: 15px; +} + +#sb-2-3 h2.statistic-number span, +#sb-2-4 h2.statistic-number span { + font-size: 2rem; +} + +#statistic-5 .statistic-digit h2 { + letter-spacing: -1.5px; +} + +#statistic-5 .statistic-txt h5 { + line-height: 1; + margin-bottom: 12px; +} + +.statistic-block-txt p.p-md { + line-height: 1.35; + margin-bottom: 0; +} + +#sb-2-1 .statistic-block p.p-sm, +#sb-2-2 .statistic-block p.p-sm { + line-height: 1.4; + margin-bottom: 0; +} + +#sb-2-3 .statistic-block p.p-sm, +#sb-2-4 .statistic-block p.p-sm { + margin-top: 3px; + line-height: 1.5; + margin-bottom: 0; +} + +.statistic-3-wrapper p { + line-height: 1; + margin-top: 15px; + margin-bottom: 0; +} + +.statistic-3-wrapper p.p-md { + line-height: 1; + margin-top: 22px; + margin-bottom: 0; +} + +.statistic-4-wrapper p { + line-height: 1; + margin-bottom: 14px; +} + +#statistic-5 .statistic-txt p { + padding-right: 3%; + margin-bottom: 0; +} + +.txt-block-stat .statistic-block .txt-block-rating { + margin-top: -4px; + margin-bottom: -3px; +} + +.txt-block-stat .ico-15 [class*="flaticon-"]:before, +.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; } + + + + +/* ========================================================================== + 10. PROJECTS + ========================================================================== */ + +.projects-wrapper { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +#pt-1-1, #pt-1-2, +.inner-page-hero #pt-1-3, +.inner-page-hero #pt-1-4 { + margin-bottom: 50px; +} + +.project-details h5 { + line-height: 1; + margin-bottom: 30px; +} + +.project-preview { + position: relative; + overflow: hidden; +} + +/*------------------------------------------*/ +/* Image Link +/*------------------------------------------*/ + +.project-link { + width: 100%; + position: absolute; + top: 55%; + transform: translateY(-50%); + opacity: 0; + text-align: center; + color: #fff; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Overlay +/*------------------------------------------*/ + +.hover-overlay { + width: 100%; + height: auto; + overflow: hidden; + position: relative; +} + +.hover-overlay img { + transform: scale(1); + -ms-transform: scale(1); + -webkit-transform: scale(1); + -o-transform: scale(1); + -moz-transform: scale(1); + overflow: hidden; + -webkit-transition: transform 400ms; + -moz-transition: transform 400ms; + -o-transition: transform 400ms; + transition: transform 400ms; +} + +/*------------------------------------------*/ +/* Overlay Background +/*------------------------------------------*/ + +.item-overlay { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(20, 20, 20, .25); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Effect +/*------------------------------------------*/ + +.project-preview:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.project-preview:hover .project-link { + top: 50%; + opacity: 1; + -moz-opacity: 1; +} + +.project-preview:hover .item-overlay { + opacity: 1; + -moz-opacity: 1; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.more-projects { + text-align: center; + margin-top: 70px; +} + + + + +/* ========================================================================== + 11. PROJECT DETAILS + ========================================================================== */ + +.single-project .project-title { + margin-bottom: 80px; +} + +.project-title h2 { + padding-right: 5%; + padding-bottom: 40px; + margin-bottom: 35px; + border-bottom: 1px solid #ddd; +} + +.project-data p { + margin-bottom: 4px; +} + +.project-data p span { + color: #353f4f; + font-weight: 500; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.project-description .more-projects { + margin-top: 65px; +} + +.project-description .more-projects h3 { + display: inline-block; + text-decoration: underline; + margin-bottom: 0; +} + +.project-description .more-projects span { + color: #353f4f; + position: relative; + top: 2px; + left: 5px; +} + + + + +/* ========================================================================== + 12. RATING + =========================================================================== */ + +.rating-section .rating-1-wrapper { + padding: 0 16%; +} + +.rating-section .rating-2-wrapper { + padding: 0 4%; +} + +.rating-title { + text-align: center; +} + +.rating-title h5 { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* RATING BOX +/*------------------------------------------*/ + +.rbox-1, +.rbox-2 { + text-align: center; +} + +/*------------------------------------------*/ +/* RATING BOX LOGO +/*------------------------------------------*/ + +.rbox-1-img { + margin-bottom: 20px; +} + +.rbox-1-img img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.rbox-2-txt img { + position: relative; + display: inline-block; + width: auto; + max-width: inherit; + max-height: 30px; + top: -1px; + left: 4px; +} + +/*------------------------------------------*/ +/* RATING BOX TYPOGRAPHY +/*------------------------------------------*/ + +.rbox-2-txt { + margin-top: 20px; +} + +.rbox-1 .star-rating { + display: inline-block; + font-size: 17px; + line-height: 15px; + font-weight: 500; + vertical-align: inherit; + border: 1px solid #f5f5f5; + padding: 5px 18px; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +.rbox-1 .star-rating span { + position: relative; + color: #ffb30c; + top: 1.5px; +} + +.rbox-1 .star-rating { + font-size: 0.86rem; + line-height: 1; +} + +p.rbox-2-txt { + line-height: 22px; + margin-top: 8px; + margin-bottom: 0; +} + +p.rbox-2-txt span { + font-weight: 500; +} + + + + +/* ========================================================================== + 13. TESTIMONIALS + =========================================================================== */ + +.reviews-2-wrapper { + padding: 0 10px; +} + +.reviews-3-wrapper { + padding: 0 20px; +} + +.reviews-4-wrapper, +.reviews-5-wrapper { + padding-left: 40px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL +/*------------------------------------------*/ + +.review-1 { + padding: 40px 40px 30px; + margin: 0 10px 30px; +} + +.review-1.block-border { + border-color: #d2d2d2; +} + +.review-2 { + padding: 45px 50px 35px; +} + +.review-3 { + padding: 45px 50px 40px; +} + +.review-4 { + padding: 40px 45px 30px; +} + +.review-5 { + padding: 45px 45px 40px; +} + +#rw-2-1, #rw-2-2 { + margin-bottom: 20px; +} + +.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 { + margin-bottom: 20px; +} + +#rw-3-2 { + margin-bottom: 45px; +} + +#rw-3-2, #rw-3-3 { + margin-left: 15px; +} + +#rw-4-1, +#rw-5-1 { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL TEXT +/*------------------------------------------*/ + +.review-ico { + position: relative; + margin-top: -25px; + margin-left: -10px; + opacity: .1; +} + +.review-txt { + position: relative; + margin-top: -45px; +} + +.review-txt h6 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL DATA +/*------------------------------------------*/ + +.review-1 .author-data { + margin-top: 22px; +} + +.review-2 .author-data { + margin-top: 15px; +} + +.review-3 .author-data { + margin-top: 20px; +} + +.review-avatar { + margin: 0 auto; + float: left; +} + +.review-avatar img, +.owl-item .review-avatar img { + width: 54px; + height: 54px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.review-2 .review-avatar img { + width: 64px; + height: 64px; +} + +.review-3 .review-avatar img, +.review-5 .review-avatar img { + width: 62px; + height: 62px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL AUTHOR +/*------------------------------------------*/ + +.review-author { + position: relative; + display: inline-block; + text-align: left; + padding: 0 0 0 15px; +} + +.review-1 .review-author { + margin-top: 4px; +} + +.review-2 .review-author { + margin-top: 10px; +} + +.review-3 .review-author { + margin-top: 8px; +} + +.review-5 .review-author { + margin-top: 8px; +} + +.review-4 .review-author { + padding-left: 0; + margin-top: 0; +} + +.review-author h6 { + line-height: 1; + margin-bottom: 8px; +} + +.review-1 .review-author h6 { + font-size: 0.975rem; +} + +.review-author p { + line-height: 1; + font-weight: 300; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TESTIMONIAL CAROUSEL DOTS +/*------------------------------------------*/ + +.reviews-section button { + background-color: transparent; + border: none; + padding: 0 2px; +} + +.owl-theme .owl-dots .owl-dot span { + margin: 0 7px; +} + +.owl-dots button:focus { + outline: none; + text-decoration: none; +} + + + + +/* ========================================================================== + 14. PRESS + =========================================================================== */ + +/*------------------------------------------*/ +/* PRESS LOGO +/*------------------------------------------*/ + +.press-logo img { + position: relative; + width: auto; + max-width: inherit; + max-height: 82px; +} + +/*------------------------------------------*/ +/* PRESS TEXT +/*------------------------------------------*/ + +.press-txt { + position: relative; + margin-top: 15px; +} + +.press-txt p { + color: #999; + font-weight: 400; + margin-bottom: 0; +} + +.press-txt span { + position: relative; + top: 3px; + left: -1px; + opacity: .6; +} + +.press-txt.ico-20 [class^="flaticon-"]:before, +.press-txt.ico-20 [class^="flaticon-"]:after { + font-size: 1.375rem; +} + + + + +/* ========================================================================== + 15. BRANDS + =========================================================================== */ + +#brands-3 { + position: relative; +} + +#brands-3:after { + position: absolute; + content: ''; + width: 100%; + height: 80%; + top: 0; + left: 0; + z-index: -1; +} + +/*------------------------------------------*/ +/* BRANDS SECTION TITLE +/*------------------------------------------*/ + +.brands-title { + text-align: center; + padding: 0 5%; +} + +.brands-title h4, +.brands-title h3, +.brands-title h2 { + margin-bottom: 8px; +} + +.brands-title p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* BRANDS LOGO WRAPPER +/*------------------------------------------*/ + +.brands-3-wrapper { + padding: 50px 30px; + background-color: #fff; + border: 1px solid #e9ecef; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} + +/*------------------------------------------*/ +/* BRANDS LOGO IMAGE +/*------------------------------------------*/ + +.brand-logo { + overflow: hidden; + position: relative; + top: 0; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +#brands-1 .brands-carousel-5 .brand-logo { + padding: 0 30px; +} + +#brands-1 .brands-carousel-6 .brand-logo { + padding: 0 20px; +} + +#brands-1 .justify-content-center .brand-logo { + padding: 0 15px; +} + +#brands-2 .brand-logo { + padding: 0; +} + +#brands-3 .brand-logo { + padding: 0 25px; +} + +#brands-3 .brands-3-static .brand-logo { + padding: 0 15px; +} + +#brands-4 .brand-logo { + padding: 0 20px; +} + +.brand-logo:hover { + top: -6px; +} + +.brands-section .more-btn { + text-align: center; + margin-top: 40px; +} + +.hero-section .owl-dots, +.brands-section .owl-dots { + display: none; +} + + + + +/* ========================================================================== + 16. INTEGRATIONS + =========================================================================== */ + +.integrations-2-wrapper { + padding: 80px 70px; +} + +.in_tool_logo { + padding: 50px 30px; + margin-bottom: 25px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.integrations-1-wrapper .in_tool-logo { + position: relative; + margin-right: 20px; +} + +.integrations-1-wrapper .in_tool { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + padding: 22px 20px; + border: 1px solid #ccc; +} + +.integrations-1-wrapper .in_tool-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.in_tool h6 { + line-height: 1; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool-txt h6 { + margin-top: 5px; +} + +.integrations-1-wrapper .in_tool-txt p { + margin-top: 5px; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + + + + +/* ========================================================================== + 17. PRICING + =========================================================================== */ + +/*------------------------------------------*/ +/* Price Table +/*------------------------------------------*/ + +.p-table { + margin-bottom: 40px; +} + +.pricing-1-table { + padding: 50px 38px 45px; +} + +.text-center .pricing-1-table { + padding: 60px 35px 50px; +} + +.pricing-2-table { + padding: 45px 38px 50px; +} + +.pricing-3-table { + padding: 50px 40px; +} + +.pricing-4-table { + position: relative; + padding: 45px; +} + +#pt-4-1 { margin: 0 10px 40px 50px; } +#pt-4-2 { margin: 0 50px 40px 10px; } + +/*------------------------------------------*/ +/* TABLE HEADER +/*------------------------------------------*/ + +.pricing-table-header { + position: relative; +} + +.pricing-table-header h5 { + margin-bottom: 30px; +} + +.pricing-table-header h4 { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* PRICING TABLE DISCOUNT +/*------------------------------------------*/ + +.pricing-discount { + position: absolute; + top: -2px; + right: -10px; + padding: 8px 18px; +} + +.pricing-1-table .pricing-discount { + top: -2px; + right: -5px; + padding: 7px 13px; +} + +.text-center .pricing-1-table .pricing-discount { + top: -35px; + right: -8px; +} + +.pricing-discount h6 { + font-size: 1.1rem; + line-height: 1; + margin-bottom: 0; +} + +.pricing-1-table .pricing-discount h6 { + font-size: 0.915rem; +} + +.price.color--black .white--color { + color: #fff; +} + +.comp-table .table thead th { + border-color: #ccc; +} + +.comp-table tbody th { + border-bottom: 1px solid #ccc!important; +} + +.comp-table .table tr td { + border-bottom: 2px solid #ccc; +} + +/*------------------------------------------*/ +/* PRICE +/*------------------------------------------*/ + +.price span { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 3rem; + line-height: 1; + font-weight: 600; + letter-spacing: -2px; +} + +.pricing-2-table.highlight .price span { + font-size: 2.4rem; + letter-spacing: -1px; +} + +.pricing-3-table .price span { + font-size: 4.35rem; +} + +.pricing-4-table .price span { + font-size: 3.15rem; +} + +/*------------------------------------------*/ +/* DOLLAR SIGN +/*------------------------------------------*/ + +.price sup { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.05rem; + font-weight: 600; + top: -5px; + right: 2px; + letter-spacing: -1px; +} + +.pricing-3-table .price sup { + font-size: 2.35rem; + top: -23px; + right: 3px; +} + +.pricing-4-table .price sup { + font-size: 2.05rem; + top: -10px; + right: 2px; +} + +/*------------------------------------------*/ +/* COINS +/*------------------------------------------*/ + +.pricing-3-table .price sup.coins { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.35rem; + font-weight: 600; + top: -29px; + left: 3px; + letter-spacing: -2px; +} + +/*------------------------------------------*/ +/* Validity +/*------------------------------------------*/ + +.price sup.validity { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 1.4rem; + font-weight: 400; + top: -2px; + left: 0; +} + +.pricing-3-table .price sup.validity { + display: block; + font-size: 1.1875rem; + top: 0; + margin-top: 20px; + margin-bottom: 30px; + letter-spacing: 0; + margin-bottom: 40px; +} + +/*------------------------------------------*/ +/* Text +/*------------------------------------------*/ + +.price p { + margin-top: 25px; + margin-bottom: 25px; +} + +.pricing-2-table .price p { + margin-bottom: 15px; +} + +.text-center .price p { + padding: 0 2%; +} + +.pricing-section .btn-txt a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* PRICING TABLE HORIZONTAL LINE +/*------------------------------------------*/ + +.pricing-1-table hr { + margin-top: 35px; +} + +.pricing-2-table hr { + margin-top: 25px; +} + +/*------------------------------------------*/ +/* PRICING FEATURES +/*------------------------------------------*/ + +.pricing-features li { + padding: 11px 8px; +} + +.pricing-4-table .pricing-features li { + padding: 10px; +} + +.pricing-features li p { + line-height: 1; + font-weight: 400; + margin-bottom: 0; +} + +.pricing-features li p span { + position: relative; + top: -2px; + right: 5px; +} + +.pricing-features.ico-10 li p span { + top: 0; + right: 4px; +} + +.pricing-features.ico-5 [class*="flaticon-"]:before, +.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; } + +.pricing-features li.disabled-option p, +.pricing-features li.disabled-option span { + color: #b5b5b5!important; +} + +/*------------------------------------------*/ +/* PRICING TABLE BUTTON +/*------------------------------------------*/ + +.pt-btn { + display: block; + width: 100%; + margin-top: 25px; +} + +.p-table p.btn-txt { + margin: 14px 0 0 0; +} + +/*------------------------------------------*/ +/* PRICING TOGGLE BUTTON +/*------------------------------------------*/ + +.ext-toggle-btn { + text-align: center; +} + +.toggle-btn.inn-toggle-btn { + position: absolute; +} + +#pricing-4 .ext-toggle-btn { + margin: 0 50px 35px 10px; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON TYPOGRAPHY +/*------------------------------------------*/ + +.toggle-btn-md .toggler-txt { + font-size: 1.1rem; + font-weight: 400; + line-height: 36px; +} + +.toggle-btn-lg .toggler-txt { + font-size: 1.15rem; + font-weight: 400; + line-height: 40px; +} + +.toggle-btn p { + margin-top: 10px; + letter-spacing: -0.25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON SWITCHER +/*------------------------------------------*/ + +.switch-wrap { + position: relative; + display: inline-block; + min-width: 50px; + height: 32px; + vertical-align: middle; +} + +.toggle-btn-md .switch-wrap { + min-width: 65px; + height: 36px; + margin: 0 8px; +} + +.toggle-btn-lg .switch-wrap { + min-width: 70px; + height: 40px; + margin: 0 14px; +} + +.switcher { + display: block; + cursor: pointer; + color: #fff; + font-size: 0.925rem; + font-weight: 500; + height: 32px; + padding: 0 15px 0 35px; + position: relative; + border-radius: 32px; + -webkit-transition: all 150ms ease-in-out; + -moz-transition: all 150ms ease-in-out; + -o-transition: all 150ms ease-in-out; + -ms-transition: all 150ms ease-in-out; + transition: all 150ms ease-in-out; +} + +.toggle-btn-md .switcher { + height: 36px; + padding: 0 20px 0 40px; + border-radius: 36px; +} + +.toggle-btn-lg .switcher { + height: 40px; + padding: 0 20px 0 40px; + border-radius: 40px; +} + +.switcher.bg--tra-white { + background-color: #fff; + border: 2px solid #ccc; +} + +.switcher.bg--ghost-white { + background-color: rgba(128, 143, 174, .45); + border: 2px solid rgba(128, 143, 174, .15); +} + +.switcher.bg--grey { + background-color: #ccc; + border: 2px solid #ccc; +} + +.switcher .show-annual, +.switcher .show-monthly { + line-height: 32px; +} + +.toggle-btn-md .switcher .show-annual, +.toggle-btn-md .switcher .show-monthly { + line-height: 36px; +} + +.toggle-btn-lg .switcher .show-annual, +.toggle-btn-lg .switcher .show-monthly { + line-height: 40px; +} + +.switcher .show-monthly { + display: block; +} + +.switcher .show-annual { + display: none; +} + +.switcher:before { + position: absolute; + left: 4px; + bottom: 4px; + content: " "; + background-color: #fff; + width: 24px; + height: 24px; + border-radius: 50%; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.toggle-btn-md .switcher:before { + left: 5px; + bottom: 5px; + width: 26px; + height: 26px; +} + +.toggle-btn-lg .switcher:before { + left: 5px; + bottom: 5px; + width: 30px; + height: 30px; +} + +.switcher.bg--grey:before, +.switcher.bg--tra-white:before, +.switcher.bg--ghost-white:before { + background-color: #ccc; + left: 4px; + bottom: 3.5px; + -webkit-box-shadow: 0 1px 1px 0 #aaa; + -moz-box-shadow: 0 1px 1px 0 #aaa; + box-shadow: 0 1px 1px 0 #aaa; +} + +.switcher.bg--grey:before, +.switcher.bg--ghost-white:before { + background-color: #fff; +} + +.switch-wrap input { + display: none; +} + +.switch-wrap input:checked + .switcher { + padding: 0 35px 0 15px; +} + +.toggle-btn-md .switch-wrap input:checked + .switcher, +.toggle-btn-lg .switch-wrap input:checked + .switcher { + padding: 0 40px 0 20px; +} + +.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; } +.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; } +.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; } + +.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; } +.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; } +.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; } + +.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; } +.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; } +.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; } + +.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; } +.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; } +.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; } + +.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; } +.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; } +.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; } + +.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; } +.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; } +.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; } + +.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; } +.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; } +.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; } + +.switch-wrap input:checked + .switcher:before { + left: auto; + right: 4px; + -webkit-transition: all 350ms ease-in-out; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.switch-wrap input:checked + .switcher.bg--tra-white:before { + bottom: 3px; + background-color: #fff; + -webkit-box-shadow: 0 0; + -moz-box-shadow: 0 0; + box-shadow: 0 0; +} + +.switch-wrap input:checked + .switcher .show-annual { + display: block; +} + +.switch-wrap input:checked + .switcher .show-monthly { + display: none; +} + +/*------------------------------------------*/ +/* PRICING NOTICE TEXT +/*------------------------------------------*/ + +.pricing-notice { + text-align: center; + margin-top: 20px; +} + +.pricing-notice p { + padding: 0 8%; + margin-bottom: 0; +} + +.pricing-notice p span { + font-weight: 500; +} + +/*------------------------------------------*/ +/* COMPARE PRICING TABLE +/*------------------------------------------*/ + +.table>:not(caption)>*>* { + padding-top: 12px; + padding-bottom: 12px; +} + +.comp-table .pricing-header { + max-width: 700px; +} + +.comp-table .table-responsive thead th { + font-size: 1.15rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody th { + font-size: 1rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody td { + position: relative; + font-size: 1rem; + line-height: inherit; + top: 1px; +} + +.comp-table .table-responsive tbody td span { + position: relative; + top: 1px; +} + +.table-responsive .ico-15 [class*="flaticon-"]:before, +.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.table-responsive .ico-20 [class*="flaticon-"]:before, +.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; } + +.comp-table .table-responsive tbody tr { + background-color: #fff; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.comp-table .table tbody tr.table-last-tr { + border-color: transparent; +} + +.comp-table .table-responsive tbody tr:hover { + background-color: #f7f7f9; +} + +.comp-table .disabled-option { + color: #999; +} + +/*------------------------------------------*/ +/* PRICING COMPARE PAYMENT +/*------------------------------------------*/ + +.comp-table-payment h6 { + margin-bottom: 20px; +} + +.comp-table-payment p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 18. TEAM + =========================================================================== */ + +/*------------------------------------------*/ +/* TEAM MEMBER +/*------------------------------------------*/ + +#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; } +#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; } +#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; } + +/*------------------------------------------*/ +/* TEAM MEMBER PHOTO +/*------------------------------------------*/ + +.team-member-photo { + position: relative; + overflow: hidden; + text-align: center; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* PHOTO HOVER ZOOM +/*------------------------------------------*/ + +.team-member:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.team-member:hover .item-overlay { + opacity: .45; + -moz-opacity: .45; +} + +/*------------------------------------------*/ +/* TEAM MEMBER TYPOGRAPHY +/*------------------------------------------*/ + +.team-member-data { + position: relative; + margin-left: 5px; +} + +.team-member-data h6.s-20 { + margin-bottom: 8px; +} + +.team-member-data p { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1; + font-weight: 400; + letter-spacing: 0; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Team Member Social Links +/*------------------------------------------*/ + +ul.tm-social { + position: absolute; + top: -1px; + right: 8px; + -webkit-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} + +#team-1 ul.tm-social { + right: 5px; +} + +ul.tm-social li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; + margin-left: 10px; + opacity: .6; + -webkit-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; +} + +.tm-social.ico-20 [class*="flaticon-"]:before, +.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; } + + + + +/* ========================================================================== + 19. CAREERS + =========================================================================== */ + +/*------------------------------------------*/ +/* ROLE BOX +/*------------------------------------------*/ + +.role-box { + border: 1px solid #d2d2d2; + padding: 25px 35px; + margin-bottom: 30px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.role-box.bg--white-200, +.role-box.bg--white-300 { + border: 1px solid transparent; +} + +.role-box:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* ROLE BOX TEXT +/*------------------------------------------*/ + +.role-box span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.8rem; + line-height: 1; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 14px; +} + +.role-box h6 { + margin-bottom: 6px; +} + +.role-box p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 20. CAREER ROLE + =========================================================================== */ + +#role-page .inner-page-title { + text-align: left; + margin-bottom: 50px; +} + +#role-page .inner-page-title span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.9rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 35px; +} + +.role-info hr { + margin: 50px 0; +} + +#role-page .cbox-6-wrapper { + margin: 45px 0; +} + +.role-info h5 { + margin-bottom: 25px; +} + +.role-info p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-block.role-info .btn { + display: block; + margin-top: 50px; +} + + + + +/* ========================================================================== + 21. BANNER + =========================================================================== */ + +.banner-overlay { + width: 100%; + height: 100%; +} + +#banner-11 { + margin-top: 50px; +} + +#banner-12 { + margin-top: 40px; + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* BANNER WRAPPER +/*------------------------------------------*/ + +.banner-1-wrapper, +.banner-2-wrapper, +.banner-3-wrapper { + position: relative; + overflow: hidden; + text-align: center; +} + +.banner-1-wrapper .banner-overlay { + padding: 75px 15% 85px; +} + +.banner-2-wrapper .banner-overlay { + padding: 80px 15% 90px; +} + +.banner-3-wrapper .banner-overlay { + padding: 75px 20% 85px; +} + +.banner-11-wrapper .banner-overlay { + padding: 10px 70px 0; +} + +.banner-12-wrapper .banner-overlay { + padding-left: 80px; +} + +.banner-13-wrapper { + overflow: hidden; +} + +.banner-13-wrapper .banner-overlay { + overflow: hidden; + padding-left: 80px; +} + +.banner-16-wrapper .banner-overlay { + padding: 45px 22%; +} + +.banner-16-wrapper.bg--white-100.block-border { + border-color: #ccc; +} + +/*------------------------------------------*/ +/* BANNER TEXT +/*------------------------------------------*/ + +.banner-12-txt { + margin-top: -10px; + padding-right: 15%; +} + +.banner-13-txt { + padding-right: 15%; +} + +/*------------------------------------------*/ +/* BANNER TYPOGRAPHY +/*------------------------------------------*/ + +.banner-section .section-id { + font-weight: 600; + padding-top: 10px; + margin-bottom: 30px; +} + +.banner-1-txt h2 { + margin-bottom: 15px; +} + +.banner-2-txt h2 { + margin-bottom: 35px; +} + +.banner-4-txt h2 { + margin-bottom: 30px; +} + +.banner-7-txt h2 { + margin-bottom: 35px; +} + +.banner-10-txt h6 { + font-weight: 400; + margin-bottom: 12px; +} + +.banner-10-txt h2 { + margin-bottom: 25px; +} + +.banner-11-txt h2, +.banner-12-txt h2, +.banner-13-txt h2 { + margin-bottom: 22px; +} + +.banner-15-txt h2 { + margin-bottom: 45px; +} + +.banner-16-txt h4 { + margin-bottom: 14px; +} + +.banner-section p.p-lg { + font-size: 1.15rem; + margin-bottom: 30px; +} + +.banner-section p.p-xl { + margin-bottom: 25px; +} + +.sm-title .banner-1-txt p.p-lg, +.sm-title .banner-1-txt p.p-xl { + margin-top: 12px; + margin-bottom: 22px!important; +} + +.banner-3-txt p.p-lg, +.banner-3-txt p.p-xl, +.banner-5-txt p.p-lg, +.banner-5-txt p.p-xl { + margin-top: 20px; +} + +.banner-5-txt p.s-21, +.banner-5-txt p.s-22 { + margin-top: 20px; + margin-bottom: 26px; +} + +.banner-6-txt p.p-lg, +.banner-6-txt p.p-xl { + margin-top: 15px; + margin-bottom: 25px!important; +} + +.banner-8-txt p.p-lg, +.banner-8-txt p.p-xl { + margin-top: 10px; + margin-bottom: 0!important; +} + +.banner-9-txt p.p-lg, +.banner-9-txt p.p-xl { + margin-top: 20px; + margin-bottom: 25px!important; +} + +.banner-11-txt p { + padding-right: 8%; +} + +.banner-14-txt p.p-lg { + font-size: 1.25rem; + margin-top: 35px; + margin-bottom: 40px; +} + +.banner-15-txt p a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* BANNER IMAGE +/*------------------------------------------*/ + +.banner-11-img { + margin-top: -60px; + margin-left: -40px; +} + +.banner-12-img { + margin: -40px -20px -30px -40px; +} + +.banner-13-img { + transform: rotate(-20deg); + margin: -60px -120px -70px -40px; +} + + + + +/* ========================================================================== + 22. CALL TO ACTION / DOWNLOAD + =========================================================================== */ + +.version-release { + margin-bottom: 80px; +} + +.release-data { + padding-bottom: 30px; + border-bottom: 1px dashed #ccc; + margin-bottom: 30px; +} + +.release-data h5 { + margin-bottom: 40px; +} + +span.version-data { + color: #353f4f; + font-size: 2rem; + line-height: 1; + margin-right: 20px; + margin-bottom: 0; +} + +span.release-date { + color: #999; + font-size: 1.175rem; + line-height: 1; + margin-bottom: 0; +} + +span.release-date span { + color: #353f4f; + font-weight: 500; + margin-left: 20px; +} + +.release-download { + position: absolute; + right: 5px; + bottom: 0; +} + +.release-highlights .simple-list p { + margin-bottom: 2px; +} + + + + +/* ========================================================================== + 23. FAQS + =========================================================================== */ + +/*------------------------------------------*/ +/* FAQS SECTION TITLE +/*------------------------------------------*/ + +#faqs-1 .section-title { + margin-bottom: 50px; +} + +#faqs-2 .inner-page-title { + margin-bottom: 55px; +} + +#faqs-3 .section-title { + margin-bottom: 70px; +} + +.faqs-3-questions .questions-holder { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FAQS ACCORDION +/*------------------------------------------*/ + +.faqs-section .accordion-item { + background-color: transparent!important; + border: none; + border-bottom: 1px solid #e5e5e5; +} + +#faqs-2.faqs-section .accordion-item { + border-bottom: 1px solid #ddd; +} + +.faqs-section .accordion-item.acc-last-item, +#faqs-2.faqs-section .accordion-item.acc-last-item { + border-bottom: none; +} + +/*------------------------------------------*/ +/* Question +/*------------------------------------------*/ + +.faqs-section .accordion-thumb { + margin: 0; + padding: 25px 0; + cursor: pointer; + position: relative; +} + +#faqs-2.faqs-section .accordion-thumb { + padding: 25px 0 30px; +} + +.faqs-section .accordion-item .accordion-thumb:after, +.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-family: Flaticon; + font-weight: 300; + content: "\f11a"; + position: absolute; + font-size: 1rem; + top: 22px; + right: 3px; +} + +#faqs-2.faqs-section .accordion-item .accordion-thumb:after, +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-size: 1rem; + top: 26px; + right: 2px; +} + +.faqs-section .accordion-item.is-active .accordion-thumb:after { + content: "\f11b"; +} + +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #e5e5e5; +} + +/*------------------------------------------*/ +/* Answer +/*------------------------------------------*/ + +.accordion-panel { + margin: 0; + padding: 0 0 15px 0; + display: none; +} + +#faqs-2 .accordion-panel { + padding: 45px 0 15px 0; +} + +.accordion-thumb h5, +.accordion-thumb h4 { + line-height: 1; + margin-bottom: 0; +} + +.question h5, +.accordion-panel-item h5 { + margin-bottom: 20px; +} + +.question h5 span, +.accordion-thumb h5 span, +.accordion-panel-item h5 span { + margin-right: 5px; +} + +.question p a, +.accordion-panel p a { + font-weight: 500; + text-decoration: underline; +} + +.question p.color--grey a.color--blue, +.accordion-panel.color--grey a.color--blue { + color: #1680fb!important; +} + +/*------------------------------------------*/ +/* FAQS TABS +/*------------------------------------------*/ + +.faqs-section .tabs-nav { + text-align: center; +} + +.faqs-section .tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +.faqs-section .tab-content { + display: none; +} + +.faqs-section .tab-content.current { + display: inherit; +} + +.faqs-section .tabs-1 li { + display: inline-block; + min-width: 230px; + background-color: transparent; + border: 2px solid #ddd; + cursor: pointer; + padding: 30px 0; + margin: 0 6px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.faqs-section .tabs-1 li span { + color: #c3c4c5; +} + +.faqs-section .tabs-1 li p { + line-height: 1; + font-weight: 400; + margin-top: 15px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TAB LINK CURRENT +/*------------------------------------------*/ + +.faqs-section .tabs-1 li.current, +.faqs-section .tabs-1 li.current:hover { + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); +} + +.faqs-section .tabs-1 li.current p, +.faqs-section .tabs-1 li.current span { + color: #fff; +} + +.faqs-section .tabs--blue .tabs-1 li.current, +.faqs-section .tabs--blue .tabs-1 li.current:hover { + background-color: #1680fb; + border-color: #1680fb!important; +} + +.faqs-section .tabs--purple .tabs-1 li.current, +.faqs-section .tabs--purple .tabs-1 li.current:hover { + background-color: #7b5dd6; + border-color: #7b5dd6!important; +} + +/*------------------------------------------*/ +/* MORE QUESTIONS LINK +/*------------------------------------------*/ + +.more-questions { + text-align: center; +} + +#faqs-2 .more-questions { + margin: 70px auto 0; +} + +.more-questions-txt { + display: inline-block; + padding: 22px 46px; +} + +.more-questions-txt p { + line-height: 1; + margin-bottom: 0; +} + +.more-questions-txt a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 24. NEWSLETTER + =========================================================================== */ + +#newsletter-1 .newsletter-overlay { + padding-top: 60px; + padding-bottom: 60px; +} + +#newsletter-2 .container { + padding-left: 0; + padding-right: 0; +} + +#newsletter-2 .newsletter-overlay { + padding: 60px 50px; +} + +#newsletter-3 { + margin-top: 50px; + margin-bottom: 50px; +} + +#newsletter-4 .newsletter-overlay, +#newsletter-5 .newsletter-overlay { + padding-top: 80px; + padding-bottom: 70px; +} + +/*------------------------------------------*/ +/* NEWSLETTER TYPOGRAPHY +/*------------------------------------------*/ + +.newsletter-txt h2 { + margin-bottom: 35px; +} + +#newsletter-4 .newsletter-txt h2 { + margin-bottom: 40px; +} + +.newsletter-txt h4, +.newsletter-txt h3, +#newsletter-5 .newsletter-txt h2 { + margin-bottom: 0; +} + +.newsletter-txt p.p-sm { + margin-bottom: 0; +} + +#newsletter-4 .newsletter-txt p { + padding: 0 10%; +} + +#newsletter-5 .newsletter-txt p { + margin-top: 20px; + margin-bottom: 0; +} + +.newsletter-txt a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* NEWSLETTER FORM +/*------------------------------------------*/ + +#newsletter-1 .newsletter-form { + padding-left: 15%; + margin-top: 30px; +} + +#newsletter-2 .newsletter-form { + margin-top: 25px; + padding-left: 12%; +} + +#newsletter-4 .newsletter-form { + padding: 0 5%; +} + +#newsletter-5 .newsletter-form { + margin-top: 35px; + padding: 0 10%; +} + +/*------------------------------------------*/ +/* Newsletter Form Input +/*------------------------------------------*/ + +.newsletter-section .form-control { + height: 56px; + background-color: #fff; + border: 1px solid #ccc; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin-right: 12px; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +#newsletter-1.newsletter-section .form-control { + height: 54px; + font-size: 0.975rem; +} + +#newsletter-5.newsletter-section .form-control { + height: 62px; + font-size: 1.0625rem; +} + +.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.newsletter-section .form-control:focus { + background-color: #fff; + outline: 0; + box-shadow: none; + border-color: #1680fb; +} + +.newsletter-section .purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Placeholder +/*------------------------------------------*/ + +.newsletter-section .form-control::-moz-placeholder { color: #aaa; } +.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } +.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.newsletter-section .btn { + display: block; + width: 100%!important; + height: 56px; +} + +#newsletter-1 .btn { + height: 54px; + font-size: 0.925rem; + padding: 0.7rem 1.3rem; +} + +#newsletter-5.newsletter-section .btn { + height: 62px; +} + +/*------------------------------------------*/ +/* Newsletter Form Notification +/*------------------------------------------*/ + +.newsletter-section .form-notification { + color: #3eb1ff; + font-size: 0.9rem; + font-weight: 400; + line-height: 1; + margin-top: 15px; + margin-left: 5px; +} + +.newsletter-section .text-center .form-notification { + margin-left: 0; +} + +.bg--color.newsletter-section .form-notification { + color: #fff; +} + +.newsletter-section .form-notification.valid, +.newsletter-section .form-notification.error { + color: #fc2f4b; +} + +.newsletter-section .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* NEWSLETTER IMAGE +/*------------------------------------------*/ + +#newsletter-3 .newsletter-img { + margin-top: -50px; + margin-bottom: -50px; +} + +#newsletter-3 .col-lg-6 .newsletter-img { + padding-left: 40px; +} + + + +/* ========================================================================== + 25. BLOG + =========================================================================== */ + +/*------------------------------------------*/ +/* BLOG POST TAG +/*------------------------------------------*/ + +.post-tag { + display: block; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.75rem; + font-weight: 600; + letter-spacing: 0; + text-transform: uppercase; + margin-bottom: 20px; +} + +#single-post .post-tag { + font-size: 0.85rem; +} + +/*------------------------------------------*/ +/* BLOG POST META +/*------------------------------------------*/ + +.post-meta-list li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.post-meta-list p { + color: #353f4f; + line-height: 1; + margin-bottom: 0; +} + +.bg--black-400 .post-meta-list p { + color: #f8f9f9; +} + +.meta-list-divider { + position: relative; + top: 0px; + transform: rotate(-90deg); + padding: 0 1px; +} + +/*------------------------------------------*/ +/* BLOG POST TYPOGRAPHY +/*------------------------------------------*/ + +.blog-post-txt h6 { + margin-bottom: 15px; +} + +.blog-post-txt p { + margin-bottom: 0; +} + +.blog-post-txt a { + color: #353f4f; +} + +.blog-post-txt a:hover { + text-decoration: underline; +} + +.bg--black-400 .blog-post-txt a { + color: #f8f9f9; +} + +.bg--black-400 .blog-post-txt a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 26. BLOG LISTING + =========================================================================== */ + +.wide-post { + margin-bottom: 100px; +} + +.wide-post .blog-post-img { + padding-right: 15px; +} + +.wide-post .blog-post-txt { + padding-left: 15px; +} + +.square-post { + margin-top: 60px; + margin-bottom: 40px; +} + +.square-post-wrapper { + overflow: hidden; +} + +.square-post .blog-post-txt { + padding: 0 30px 0 60px; +} + +/*------------------------------------------*/ +/* BLOG POSTS CATEGORY +/*------------------------------------------*/ + +.posts-category { + margin-top: 40px; + margin-bottom: 60px; +} + +.posts-category h4 { + line-height: 1; + margin-bottom: 0; +} + +.posts-category span { + position: relative; + top: 1px; +} + + + + +/* ========================================================================== + 27. SINGLE BLOG POST + =========================================================================== */ + +/*------------------------------------------*/ +/* Single Post Title +/*------------------------------------------*/ + +.single-post-title h3, +.single-post-title h2 { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* Single Post Text +/*------------------------------------------*/ + +.single-post-txt h5, +.single-post-txt h4 { + margin-top: 30px; + margin-bottom: 30px; +} + +.single-post-txt h5 span { + display: block; +} + +/*------------------------------------------*/ +/* Single Post Code +/*------------------------------------------*/ + +.txt-code { + background-color: #f8f9fa; + padding: 20px 18px; + margin: 30px 0; +} + +.txt-code p { + color: #383a42; + font-size: 1rem; + line-height: 1.75; + margin-bottom: 0; +} + +.single-post-txt p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-code span.code-property, +.txt-code p code.code-language-js { + color: #151515; +} + +.txt-code span.code-variable, +.txt-code span.code-attribute { + color: #986801; +} + +.txt-code span.code-string { + color: #50a14f; +} + +/*------------------------------------------*/ +/* Single Post Blockquote +/*------------------------------------------*/ + +.single-post-txt figure { + margin-bottom: 40px; +} + +.single-post-txt .blockquote p { + font-size: 1.5rem; + line-height: 1.45; + margin-bottom: 40px; +} + +.single-post-txt .blockquote-footer { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* Single Post Image +/*------------------------------------------*/ + +.post-inner-img { + text-align: center; + margin-top: 50px; + margin-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE LINKS +/*------------------------------------------*/ + +.post-share-list { + margin-top: 50px; + padding-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE ICONS +/*-----------------------------------------*/ + +.share-social-icons { + display: inline-block; + padding-left: 0; +} + +.share-social-icons li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; +} + +.share-social-icons a.share-ico span { + opacity: .75; + margin-right: 25px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.share-social-icons a.share-ico:hover span { + opacity: 1; +} + +/*------------------------------------------*/ +/* POST AUTHOR +/*------------------------------------------*/ + +.post-author { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.post-author-avatar { + position: relative; + text-align: center; + margin-right: 35px; +} + +.post-author-avatar img { + width: 100px; + height: 100px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.post-author-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.post-author-txt h5 { + margin-bottom: 20px; +} + +.post-author-txt p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Follow Button +/*------------------------------------------*/ + +.author-follow-btn { + display: inline-block; + position: absolute; + padding: 6px 15px; + line-height: 1; + top: 80px; + right: 10px; + border: 2px solid #ddd; +} + +.author-follow-btn a { + color: #666; + font-size: 0.935rem; + font-weight: 400; +} + +/*------------------------------------------*/ +/* POST COMMENTS +/*------------------------------------------*/ + +.post-comments { + padding-top: 100px; +} + +.post-comments hr { + margin-top: 24px; + margin-bottom: 40px; +} + +.post-comments h5 { + margin-bottom: 60px; +} + +.post-comments img { + width: 68px; + height: 68px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.comment-body { + margin-left: 25px; +} + +.comment-meta { + margin-bottom: 10px; +} + +.comment-meta h6 { + line-height: 1; + margin-bottom: 0; +} + +.comment-date { + font-size: 16px; + font-weight: 400; + margin-bottom: 5px; +} + +/*------------------------------------------*/ +/* Comment Reply +/*------------------------------------------*/ + +.btn-reply { + margin-left: 3px; +} + +.btn-reply a { + font-size: 17px; + font-weight: 400; +} + +.btn-reply span { + position: relative; + top: 3px; + margin-right: 4px; + left: 3px; +} + +.btn-reply.ico-20 [class*="flaticon-"]:before, +.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; } + +.btn-reply a:hover { + color: #222; +} + +/*------------------------------------------*/ +/* SINGLE POST COMMENT FORM +/*------------------------------------------*/ + +.post-comments #leave-comment h5 { + padding-bottom: 0; + margin-top: 80px; + margin-bottom: 10px; + border: none; +} + +.comment-form { + position: relative; + margin-top: 60px; +} + +.comment-form p { + position: relative; + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 15px; + padding-left: 8px; + display: block; +} + +.comment-form p span { + position: relative; + color: #ff3366; + top: -3px; +} + +.comment-form .form-control { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #353f4f; + font-size: 1rem; + line-height: 1; + font-weight: 400; + padding: 0 20px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.comment-form textarea { min-height: 220px; } +.comment-form textarea.form-control { + padding: 25px 20px; +} + +/*------------------------------------------*/ +/* Comment Form Input Focus +/*------------------------------------------*/ + +.comment-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Comment Form Button +/*------------------------------------------*/ + +.comment-form .btn { + margin-top: 15px; +} + +.comment-form .btn:focus { + outline: 0px none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +.comment-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +.comment-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.comment-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 28. CONTACTS + =========================================================================== */ + +#contacts-1 .contact-form p { + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 10px; + padding-left: 8px; +} + +#contacts-1 .contact-form .col-md-12 span { + display: block; + font-size: 0.95rem; + line-height: 1; + font-weight: 300; + margin-bottom: 20px; + padding-left: 8px; +} + +#contacts-1 .contact-form .contact-form-notice p { + font-size: 0.835rem; + font-weight: 300; + line-height: 1.5555; + padding-left: 0; + margin-top: 40px; +} + +.contact-form-notice p a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* CONTACT FORM INPUT +/*------------------------------------------*/ + +.contact-form .form-control, +.contact-form .form-select { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #3a4a56; + font-size: 1rem; + font-weight: 400; + padding: 0 15px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.bg--snow .contact-form .form-control, +.bg--snow .contact-form .form-select { + background-color: #fff; + border: 1px solid #ccc; +} + +.contact-form .form-select { + display: inline-block; + width: 100%; + color: #998da0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Contact Form Textarea +/*------------------------------------------*/ + +.contact-form textarea { min-height: 220px; } +.contact-form textarea.form-control { + padding: 20px 15px; +} + +/*------------------------------------------*/ +/* Contact Form Placeholder +/*------------------------------------------*/ + +.contact-form .form-control::-moz-placeholder { color: #999; } +.contact-form .form-control:-ms-input-placeholder { color: #999; } +.contact-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Contact Form Input Focus +/*------------------------------------------*/ + +.contact-form .form-control:focus, +.contact-form .form-select:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Contact Form Message +/*------------------------------------------*/ + +.contact-form-msg { + width: 100%!important; + display: block; + margin-top: 20px; + padding-left: 0; +} + +.contact-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.contact-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 29. FOOTER + =========================================================================== */ + +.footer { + padding-bottom: 50px; +} + +.footer-info, +.footer-links { + margin-bottom: 40px; +} + +#footer-10 .footer-info { + margin-bottom: 40px; + padding-bottom: 55px; + border-bottom: 1px solid #dbdddf; +} + +#footer-10 .footer-links { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* FOOTER LOGO +/*------------------------------------------*/ + +img.footer-logo, +img.footer-logo-dark { + width: auto; + max-width: inherit; + max-height: 40px; +} + +#footer-10 img.footer-logo { + max-height: 46px; +} + +#footer-1 .footer-logo, +#footer-5 .footer-logo, +#footer-6 .footer-logo, +#footer-7 .footer-logo { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* FOOTER TYPOGRAPHY +/*------------------------------------------*/ + +.footer h6 { + line-height: 1; + margin-bottom: 25px; +} + +#footer-9.footer h6 { + line-height: 1.5; +} + +.bg--black.footer h6 { + color: #fff; +} + +/*------------------------------------------*/ +/* FOOTER INFO +/*------------------------------------------*/ + +.footer-info-copyright p { + margin-bottom: 0; +} + +.footer-info-copyright p span { + position: relative; + top: 2px; + padding: 0 2px; +} + +.footer-info-copyright.ico-15 [class*="flaticon-"]:before, +.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } + +/*------------------------------------------*/ +/* FOOTER MAIL LINK +/*------------------------------------------*/ + +.footer .footer-mail-link { + margin-left: 3px; + margin-bottom: 0; +} + +#footer-1 .footer-info .footer-mail-link { + margin-top: 10px; +} + +#footer-2 .footer-links .footer-mail-link, +#footer-3 .footer-links .footer-mail-link { + margin-left: 0; + margin-bottom: 20px; +} + +.footer-mail-link a { + font-weight: 400; +} + +.footer-mail-link span { + position: relative; + top: 4px; + right: 3px; +} + +.footer-mail-link.ico-20 [class*="flaticon-"]:before, +.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } + +.bg--black.footer .footer-mail-link a { + color: #a0a7b1; +} + +.bg--black.footer .footer-mail-link a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER LINKS +/*------------------------------------------*/ + +#footer-2 .footer-links { + padding-left: 10%; +} + +.foo-links li { + width: auto!important; + display: block!important; + vertical-align: top; + clear: none !important; + margin: 0; + padding: 0; +} + +.foo-links.ico-10 li span { + position: relative; + top: 1.5px; + right: 3px; +} + +#footer-8 .foo-links li { + display: inline-block!important; + padding-left: 20px; +} + +#footer-8 .foo-links li.first-li { + padding-left: 0; +} + +#footer-10 .foo-links li { + display: inline-block!important; + padding: 0 10px; +} + +.footer .foo-links li p { + font-weight: 400; + margin-bottom: 10px; +} + +.footer .foo-links li:last-child p { + margin-bottom: 0; +} + +.foo-links li a span.ext-link { + display: inline-block; + position: relative; + left: 3px; + top: 1.5px; + transform: rotate(-60deg); +} + +.foo-links.ico-15 [class*="flaticon-"]:before, +.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.bg--black.footer .foo-links li p a { + color: #a0a7b1; +} + +.bg--black.footer .foo-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER SOCIAL +/*------------------------------------------*/ + +.footer-socials { + margin: 0; + display: inline-block; +} + +.footer-socials li { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.footer-socials a { + display: block; + margin-right: 15px; +} + +.footer-socials.ico-20 a, +.footer-socials.ico-25 a { + margin-right: 16px; +} + +.footer-socials.ico-25 [class*="flaticon-"]:before, +.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; } + +.bg--black.footer .footer-socials li a { + color: #a0a7b1; +} + +.bg--black.footer .footer-socials li a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER STORE BAGES +/*------------------------------------------*/ + +.footer .store { + float: none; + margin-right: 0; + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FOOTER NEWSLETTER FORM +/*------------------------------------------*/ + +.footer-form { + margin-bottom: 20px; +} + +#footer-7 .footer-form { + padding-left: 8%; +} + +.footer-form .newsletter-form .input-group { + background-color: #f4f4f4; + border: 1px solid transparent; + padding: 9px 2px; +} + +.footer-form .form-control { + height: 32px; + background-color: transparent; + border: none; + color: #666; + font-size: 1rem; + font-weight: 400; + padding: 0 10px; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.footer-form .form-control:focus { + border: none; + border-right: none; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Footer Form Placeholder +/*------------------------------------------*/ + +.footer-form .form-control::-moz-placeholder { color: #6c757d; } +.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } +.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.footer-form .btn { + height: 32px; + padding: 0 10px; +} + +.footer-form .ico-15 [class*="flaticon-"]:before, +.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; } + +/*------------------------------------------*/ +/* Footer Form Notification +/*------------------------------------------*/ + +.footer-form .form-notification { + color: #1680fb; + font-size: 0.85rem; + line-height: 1.25; + font-weight: 400; + margin-top: 12px; + margin-left: 5px; +} + +.footer-form .form-notification.valid, +.footer-form .form-notification.error { + color: #fc2f4b; +} + +.footer-form .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER +/*------------------------------------------*/ + +.footer hr { + margin-top: 30px; + margin-bottom: 50px; +} + +#footer-8 .bottom-footer, +#footer-9 .bottom-footer { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER COPYRIGHT +/*------------------------------------------*/ + +.footer-copyright p { + margin-bottom: 0; +} + +.bg--black.footer .footer-copyright p { + color: #a0a7b1; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER SECONDARY LINK +/*------------------------------------------*/ + +.bottom-secondary-link p { + margin-bottom: 0; +} + +.bottom-secondary-link p span { + position: relative; + top: 1px; + padding: 0 2px; +} + +.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, +.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +/*------------------------------------------*/ +/* BOTTOM FOOTER LINKS +/*------------------------------------------*/ + +.bottom-footer-list li, +.bottom-footer-socials li, +.bottom-footer-payment li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.bottom-footer-socials li { + padding-left: 14px; +} + +#footer-4 .bottom-footer-list li, +#footer-9 .bottom-footer-list li { + padding-left: 15px; +} + +#footer-4 .bottom-footer-list li.first-li, +#footer-9 .bottom-footer-list li.first-li { + padding-left: 0; +} + +#footer-10 .bottom-footer-socials li { + padding: 0 15px; +} + +.footer-list-divider { + position: relative; + top: -0.5px; + transform: rotate(-90deg); + margin-left: 4px; +} + +.bottom-footer-list.ico-15 [class*="flaticon-"]:before, +.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; } + +.bottom-footer-list li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.bottom-footer-socials li span { + position: relative; + top: 4px; + opacity: .8; +} + +.bottom-footer-payment li span { + line-height: 1!important; + position: relative; + top: 4px; + opacity: .8; +} + +#footer-4 .bottom-footer-list li span, +#footer-9 .bottom-footer-list li span { + margin-top: 1px; + margin-right: 2px; +} + +.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; } + +.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } + +.bg--black.footer .bottom-footer-list li p a { + color: #a0a7b1; +} + +.bg--black.footer .bottom-footer-list li p a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 30. INNER PAGE WRAPPER + =========================================================================== */ + +.inner-page-hero { + padding-top: 180px; +} + +.page-hero-section-overlay { + position: relative; + width: 100%; + padding-top: 150px; +} + +.page-hero-section-overlay .txt-block { + margin-top: -40px; +} + +.page-hero-section .wave-shape-bottom path { + fill: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE TITLE +/*------------------------------------------*/ + +.inner-page-title { + text-align: center; + margin-bottom: 80px; +} + +.inner-page-title h2 { + margin-bottom: 0; +} + +.inner-page-title p { + font-size: 1.1875rem; + line-height: 1; + margin-top: 20px; + margin-bottom: 0; +} + +.page-hero-section h2 { + line-height: 1.15; + margin-bottom: 30px; +} + + + + +/* ========================================================================== + 31. PAGE PAGINATION + =========================================================================== */ + +.page-link { + color: #6c757d; + font-size: 1.1rem; + font-weight: 500; + padding: 2px 14px; + margin: 0 8px; + background-color: transparent; + border: 2px solid transparent; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.pagination.ico-20 [class*="flaticon-"]:before, +.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } + +.page-item:first-child .page-link { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.page-item:last-child .page-link { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.blue-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #1680fb; + border: 2px solid #1680fb; +} + +.green-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #0fbc49; + border: 2px solid #0fbc49; +} + +.pink-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #f74780; + border: 2px solid #f74780; +} + +.purple-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #7b5dd6; + border: 2px solid #7b5dd6; +} + +.red-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #ff1e1a; + border: 2px solid #ff1e1a; +} + +.violet-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #be6cbe; + border: 2px solid #be6cbe; +} + +.yellow-pagination .page-item.active .page-link { + color: #353f4f!important; + background-color: #ffba01; + border: 2px solid #ffba01; +} + +.page-item.disabled .page-link { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; +} + +.page-link:hover { + color: #6c757d; + background-color: transparent; + border: 2px solid #ccc; +} + +.page-link:focus { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; + box-shadow: 0 0; +} + + + + +/* ========================================================================== + 32. TERMS, PRIVACY, COOKIES PAGES + =========================================================================== */ + +/*------------------------------------------*/ +/* TERMS PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.txt-block.legal-info h5 { + margin-top: 30px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 { + margin-top: 80px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 span, +.txt-block.legal-info h5 span { + margin-right: 4px; +} + +.legal-info p span { + color: #353f4f; + font-weight: 500; +} + +.legal-info a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 33. SIGN-IN / SIGN-UP PAGE + =========================================================================== */ + +#login, +#signup { + background: url(../images/login.jpg); + background-position: bottom left; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 80px; +} + +#reset-password { + background: url(../images/reset-password.jpg); + background-position: center center; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 100px; +} + +.register-page-wrapper { + overflow: hidden; + position: relative; + z-index: 1; + -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); +} + +#login .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: left top; +} + +#signup .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: right center; +} + +#login .register-page-wrapper:after, +#signup .register-page-wrapper:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + background-color: #fff; +} + +#login .register-page-wrapper:after { + left: 50%; +} + +#signup .register-page-wrapper:after { + left: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE LOGO +/*------------------------------------------*/ + +.register-page-txt img { + width: auto; + max-width: inherit; + max-height: 32px; + margin-bottom: 55px; +} + +.login-page-logo { + text-align: center; + margin-bottom: 45px; +} + +.login-page-logo img { + width: auto; + max-width: inherit; + max-height: 45px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TITLE +/*------------------------------------------*/ + +.register-form-title { + text-align: center; + margin-bottom: 40px; +} + +.register-form-title h3 { + line-height: 1; + margin-bottom: 10px; +} + +.register-form-title p { + margin-bottom: 0; +} + +.register-form-title a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TEXT +/*------------------------------------------*/ + +#login .register-page-txt, +#signup .register-page-txt { + padding: 70px 60px; +} + +.register-page-txt h2 { + line-height: 1.15; + font-weight: 700; + margin-bottom: 6px; +} + +#login .register-page-copyright { + position: absolute; + left: 60px; + bottom: 45px; +} + +#signup .register-page-copyright { + position: absolute; + right: 60px; + bottom: 45px; +} + +.register-page-copyright p { + font-size: 0.85rem; + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title { + margin-bottom: 30px; +} + +.reset-form-title h5 { + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title p.p-sm { + font-size: 0.9rem; + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM +/*------------------------------------------*/ + +.register-page-form { + padding: 60px; +} + +.login-1 .register-page-form, +.signup-1 .register-page-form { + padding: 20px 30px; +} + +.reset-page-wrapper { + margin: 0 10px; +} + +.reset-page-wrapper form { + background: #fff; + border: 1px solid #fafafa; + padding: 50px 30px 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +/*------------------------------------------*/ +/* REGISTER PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.register-page-form p.input-header { + position: relative; + color: #353f4f; + font-size: 0.85rem; + line-height: 1; + font-weight: 500; + margin-bottom: 12px; + padding-left: 5px; +} + +.reset-password-link p { + position: relative; + font-size: 0.9rem; + line-height: 1; + margin-top: -8px; + margin-bottom: 10px; +} + +.form-data span { + display: block; + font-size: 0.85rem; + margin-bottom: 0; +} + +.form-data span a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +.register-page-form p.create-account { + font-size: 0.925rem; + line-height: 1; + margin-top: 30px; + margin-bottom: 0; +} + +.register-page-form p.create-account a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE SEPARATOR LINE +/*------------------------------------------*/ + +.separator-line { + display: flex; + width: 100%; + -webkit-box-pack: center; + justify-content: center; + -webkit-box-align: center; + align-items: center; + text-align: center; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.9rem; + font-weight: 500; + margin: 25px 0px 30px; +} + +.separator-line::before, +.separator-line::after { + content: ""; + border-top: 2px solid rgba(0, 0, 0, .1); + margin: 0 15px 0 0; + flex: 1 0 20px; +} + +.separator-line::after { + margin: 0 0 0 15px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM INPUT +/*------------------------------------------*/ + +.reset-page-wrapper .form-control, +.register-page-form .form-control { + height: 60px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #353f4f; + font-size: 0.95rem; + line-height: 1; + font-weight: 400; + margin-bottom: 25px; + padding: 5px 20px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.login-1 .form-control, +.signup-1 .form-control { + background-color: #fff; + border: 1px solid #ccc; +} + +.reset-page-wrapper .form-control { + text-align: center; +} + +.register-page-form .form-control::-moz-placeholder { color: #999; } +.register-page-form .form-control:-ms-input-placeholder { color: #999; } +.register-page-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* REGISTER PAGE FORM FOCUS +/*------------------------------------------*/ + +.reset-page-wrapper .form-control:focus, +.register-page-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM BUTTON +/*------------------------------------------*/ + +#signup .register-page-form .btn.submit, +#login .register-page-form .btn.submit { + width: 100%; + height: 60px; + margin-top: 20px; +} + +.reset-page-wrapper .btn.submit { + width: 100%; + margin-bottom: 20px; +} + +.register-page-form .btn-google { + width: 100%; + color: #333; + font-size: 0.95rem; + background-color: #fff; + border: 1px solid #ccc; +} + +.btn-google img { + position: relative; + width: 22px; + height: 22px; + top: -2px; + right: 5px; +} + +.register-page-form .btn-google:hover { + border: 1px solid #333; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM MESSAGE +/*------------------------------------------*/ + +.reset-form-msg { + text-align: center; + width: 100%!important; + display: block; +} + +.reset-password-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.reset-password-form .error { + position: relative; + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + top: -10px; + margin-bottom: 12px; + padding-left: 10px; +} + +/*------------------------------------------*/ +/* FORM HIDE PASSWORD +/*------------------------------------------*/ + +.wrap-input { + position: relative; +} + +.btn-show-pass { + color: #999999; + align-items: center; + position: absolute; + height: 100%; + top: 20px; + right: 20px; + cursor: pointer; + -webkit-transition: all 0.4s; + -o-transition: all 0.4s; + -moz-transition: all 0.4s; + transition: all 0.4s; +} + +.btn-show-pass.ico-20 [class^="flaticon-"]:before, +.btn-show-pass.ico-20 [class^="flaticon-"]:after { + font-size: 1.125rem; +} + +.btn-show-pass:hover { + color: #0195ff; +} + +.btn-show-pass.active { + color: #6a7dfe; +} + + + + +/* ========================================================================== + 34. PAGE 404 + =========================================================================== */ + +.page-404-txt { + padding-top: 180px; + padding-bottom: 100px; +} + +.page-404-txt h2 { + margin-bottom: 20px; +} + +.page-404-txt h6 { + line-height: 1.6; + font-weight: 400; + padding: 0 5%; + margin-bottom: 30px; +} + +.page-404-img { + padding: 0 5%; + margin-bottom: 60px; +} + + + + +/* ========================================================================== + 35. MODAL + ========================================================================== */ + +.modal-body { + padding: 0!important; +} + +#modal-1 .modal-dialog { + max-width: 700px; +} + +#modal-2 .modal-dialog { + width: 440px; +} + +#modal-3 .modal-dialog.modal-xl { + width: 750px; +} + +#modal-2.modal .modal-content, +#modal-3.modal .modal-content { + overflow: hidden; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; +} + +#modal-3.modal .bg-img { + background: url(../images/modal-request.jpg); + background-position: left center; +} + +#modal-2 .modal-body-content { + padding: 35px 40px 15px; +} + +#modal-3 .modal-body-content { + padding: 60px 35px 50px; +} + +/*------------------------------------------*/ +/* MODAL WINDOW CLOSE BUTTON +/*------------------------------------------*/ + +.modal .btn-close { + position: absolute; + z-index: 1; + right: 15px!important; + top: 15px!important; + height: 1.5rem; + width: 1.5rem; + background: rgba(255, 255, 255, 1)!important; + border-radius: 50%; + padding: 0; + opacity: .9; + z-index: 9999; +} + +#modal-3.modal .btn-close { + background: rgba(14, 14, 14, .3)!important; +} + +.btn-close span { + position: relative; + line-height: 24px!important; + top: -2px; +} + +.modal .btn-close.ico-10 [class^="flaticon-"]:before, +.modal .btn-close.ico-10 [class^="flaticon-"]:after { + font-size: 0.6rem; +} + +button.btn-close:focus { + outline: none!important; + text-decoration: none!important; +} + +/*------------------------------------------*/ +/* MODAL WINDOW NEWSLETTER FORM +/*------------------------------------------*/ + +.modal-body .newsletter-form { + margin-top: 25px; +} + +.modal .newsletter-form .form-control { + text-align: center; + height: 56px; + background-color: #f5f6f8; + border: 1px solid transparent; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin: 0 0 15px 0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Form Input Focus +/*------------------------------------------*/ + +.modal .newsletter-form .form-control:focus { + outline: 0; + box-shadow: none; + border-color: #1e90ff; +} + +.modal .newsletter-form.purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Form Input Placeholder +/*------------------------------------------*/ + +.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } +.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } +.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Form Button +/*------------------------------------------*/ + +.modal .input-group-btn { + display: block; + width: 100%!important; +} + +.modal .newsletter-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Form Notification +/*------------------------------------------*/ + +.modal .form-notification { + text-align: center; + color: #1680fb; + font-size: 0.85rem; + font-weight: 400; + line-height: 1; + margin-top: 12px; +} + +.modal .form-notification.valid, +.modal .form-notification.error { + color: #fc2f4b; +} + +.modal .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* MODAL WINDOW REQUEST FORM +/*------------------------------------------*/ + +#modal-3 .request-form { + margin: 0; +} + +#modal-3 .request-form .col-md-12 { + padding: 0; +} + +#modal-3 .request-form-title p { + margin-top: 18px; + margin-bottom: 25px; +} + +#modal-3 .request-form .form-control { + text-align: left; + margin: 0 0 25px 0; +} + +#modal-3 .request-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +#modal-3 .request-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +#modal-3 .request-form .loading { + color: #1680fb; + font-size: 1.0625rem; + line-height: 1; + font-weight: 400; +} + +#modal-3 .request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 36. DARK MODE + ========================================================================== */ + +body.theme--dark, +.theme--dark .bg--white-100 { + background-color: #232734!important; +} + +body.theme--dark { + color: #b1b7cd; +} + +.theme--dark .block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +.theme--dark .block-border { + border: 1px solid #e7e7e7; +} + +.theme--dark .block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; } +.theme--dark .top-border { border-top: 1px solid #1d212c; } +.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; } + +.theme--dark .bg--white-300, +.theme--dark .bg--white-400, +.theme--dark .bg--purple-100, +.theme--dark .shape--purple-100:after, +.theme--dark .shape--white-500:after, +.theme--dark .shape--white-400:after, +.theme--dark .shape--white-300:after, +.theme--dark .shape--white-200:after { + background-color: #1d212c; +} + +.theme--dark .bg--02, +.theme--dark .bg--04, +.theme--dark .gr--smoke, +.theme--dark .gr--ghost, +.theme--dark .shape--whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%); +} + +.theme--dark .gr--whitesmoke, +.theme--dark .shape--gr-whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%); +} +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +.theme--dark hr.divider, +.theme--dark .footer hr { + background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); +} + +.theme--dark hr.divider.divider-light { + background-color: #fff; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%); + opacity: 1; +} + +/*------------------------------------------*/ +/* TYPOGRAPHY +/*------------------------------------------*/ + +.theme--dark h1, +.theme--dark h2, +.theme--dark h3, +.theme--dark h4, +.theme--dark h5, +.theme--dark h6 { + color: #fff; +} + +.theme--dark a { color: #b1b7cd; } +.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; } + +/*------------------------------------------*/ +/* BUTTONS +/*------------------------------------------*/ + +.theme--dark .btn--tra-black, +.theme--dark .hover--tra-black:hover { + color: #b1b7cd!important; + background-color:transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .navbar-dark .hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark .white-scroll .hover--tra-black:hover { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +.theme--dark .navbar-dark .scroll .hover--tra-black:hover { + color: #fff!important; + background-color:transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--white, +.theme--dark .hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-white, +.theme--dark .hover--tra-white:hover { + color: #f1f1f1!important; + background-color: transparent!important; + border-color: #f1f1f1!important; +} + +.theme--dark .white-scroll .scroll .hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-grey, +.theme--dark .hover--tra-grey:hover, +.theme--dark .white-scroll .scroll .hover--tra-grey:hover, +.theme--dark .black-scroll .scroll .hover--tra-grey:hover { + color: #b1b7cd!important; + background-color: transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .btn--blue-500, +.theme--dark .hover--blue-500:hover, +.theme--dark .white-scroll .scroll .hover--blue-500:hover, +.theme--dark .black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.theme--dark .btn--blue-400, +.theme--dark .hover--blue-400:hover, +.theme--dark .white-scroll .scroll .hover--blue-400:hover, +.theme--dark .black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.theme--dark .btn--blue-300, +.theme--dark .hover--blue-300:hover, +.theme--dark .white-scroll .scroll .hover--blue-300:hover, +.theme--dark .black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.theme--dark .btn--pink-500, +.theme--dark .hover--pink-500:hover, +.theme--dark .white-scroll .scroll .hover--pink-500:hover, +.theme--dark .black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.theme--dark .btn--pink-400, +.theme--dark .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.theme--dark .btn--pink-300, +.theme--dark .hover--pink-300:hover, +.theme--dark .white-scroll .scroll .hover--pink-300:hover, +.theme--dark .black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.theme--dark .btn--purple-500, +.theme--dark .hover--purple-500:hover, +.theme--dark .white-scroll .scroll .hover--purple-500:hover, +.theme--dark .black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.theme--dark .btn--purple-400, +.theme--dark .hover--purple-400:hover, +.theme--dark .white-scroll .scroll .hover--purple-400:hover, +.theme--dark .black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.theme--dark .btn--purple-300, +.theme--dark .hover--purple-300:hover, +.theme--dark .white-scroll .scroll .hover--purple-300:hover, +.theme--dark .black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.theme--dark .btn--violet-500, +.theme--dark .hover--violet-500:hover, +.theme--dark .white-scroll .scroll .hover--violet-500:hover, +.theme--dark .black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.theme--dark .btn--violet-400, +.theme--dark .hover--violet-400:hover, +.theme--dark .white-scroll .scroll .hover--violet-400:hover, +.theme--dark .black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.theme--dark .btn--violet-300, +.theme--dark .hover--violet-300:hover, +.theme--dark .white-scroll .scroll .hover--violet-300:hover, +.theme--dark .black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.theme--dark .section-id { + color: #eee; +} + +.theme--dark .color--black, +.theme--dark .color--black h2, +.theme--dark .color--black h3, +.theme--dark .color--black h4, +.theme--dark .color--black h5, +.theme--dark .color--black h6, +.theme--dark .color--black p, +.theme--dark .color--black a, +.theme--dark .color--black li, +.theme--dark .color--black i, +.theme--dark .color--black span, +.theme--dar .color--white .color--black { color: #fff; } + +.theme--dark .color--grey, +.theme--dark .color--grey h2, +.theme--dark .color--grey h3, +.theme--dark .color--grey h4, +.theme--dark .color--grey h5, +.theme--dark .color--grey h6, +.theme--dark .color--grey p, +.theme--dark .color--grey a, +.theme--dark .color--grey li, +.theme--dark .color--grey i, +.theme--dark .color--grey span, +.theme--dark .color--white .color--grey { color: #b1b7cd; } + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.theme--dark .dark-menu .wsmainfull, +.theme--dark .white-menu .wsmainfull { + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a { + color: #fff; +} + +.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover, +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover { + color: #eee!important; +} + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before, +.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before { + background-color: #2c3142; + border-left: solid 1px #2c3142; + border-top: solid 1px #2c3142; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; + background-color: transparent!important; +} + +.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NAVBAR SCROLL +/*------------------------------------------*/ + +.theme--dark .tra-menu .wsmainfull.scroll, +.theme--dark .white-menu .wsmainfull.scroll, +.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll { + background-color: #1d222f!important; + padding: 0; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #b1b7cd; +} + +.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #fff!important; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(0, 0, 0, .12)!important; +} + +.theme--dark .navbar-light .scroll .btn.btn--tra-white { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* Logo Image +/*------------------------------------------*/ + +.theme--dark .navbar-light .scroll .logo-black, +.theme--dark .navbar-dark.light-hero-header .logo-black, +.theme--dark .navbar-dark.inner-page-header .logo-black { + display: none; +} + +.theme--dark .navbar-light .scroll .logo-white, +.theme--dark .navbar-dark.light-hero-header .logo-white, +.theme--dark .navbar-dark.inner-page-header .logo-white { + display: block; +} + +.theme--dark .navbar-dark .scroll .logo-black { + display: none; +} + +.theme--dark .navbar-dark .scroll .logo-white { + display: block; +} + +/*------------------------------------------*/ +/* HERO SECTION +/*------------------------------------------*/ + +.theme--dark .hero-section .color--black, +.theme--dark .hero-section .color--black h2, +.theme--dark .hero-section .color--black h3, +.theme--dark .hero-section .color--black h4, +.theme--dark .hero-section .color--black h5, +.theme--dark .hero-section .color--black h6, +.theme--dark .hero-section .color--black p, +.theme--dark .hero-section .color--black a, +.theme--dark .hero-section .color--black li, +.theme--dark .hero-section .color--black i, +.theme--dark .hero-section .color--black span, +.theme--dark .hero-section .color--white .color--black { color: #353f4f; } + +.theme--dark .hero-section p { color: #6c757d; } +.theme--dark .hero-section .color--white p { color: #fff; } +.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; } +.theme--dark .hero-section .section-id.color--grey { color: #6c757d; } + +.theme--dark .hero-5-txt p, +.theme--dark .hero-6-txt p, +.theme--dark .hero-10-txt p, +.theme--dark .hero-15-txt p, +.theme--dark .hero-16-txt p, +.theme--dark .hero-17-txt p, +.theme--dark .hero-18-txt p, +.theme--dark .hero-19-txt p, +.theme--dark .hero-20-txt p, +.theme--dark .hero-21-txt p, +.theme--dark .hero-23-txt p, +.theme--dark .hero-25-txt p { color: #b1b7cd; } + +.theme--dark .hero-section .quick-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control, +.theme--dark #hero-24.hero-section .quick-form .form-control, +.theme--dark #hero-26.hero-section .quick-form .form-control { + color: #666; + background-color: #fff; +} + +.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark .hero-section .quick-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control:focus, +.theme--dark #hero-24.hero-section .quick-form .form-control:focus, +.theme--dark #hero-26.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: transparent; +} + +.theme--dark .hero-section .request-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .hero-section .request-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-3:after, +.theme--dark #hero-4:after { + background-color: #232734; +} + +.theme--dark .hero-4-txt h2 { + color: #353f4f; +} + +.theme--dark .hero-4-txt .btn.btn--tra-black { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark #hero-5 { + background-image: url(../images/hero-5-dark.jpg); +} + +.theme--dark .hero-6-wrapper { + background-image: linear-gradient(90deg, #1d212c, #1d212c); +} + +.theme--dark #hero-8-form { + background-color: #1d222f; + border: 1px solid #1d222f; +} + +.theme--dark #hero-8-form p { + color: #b1b7cd; +} + +.theme--dark #hero-5 .wave-shape-bottom svg path, +.theme--dark #hero-8 .wave-shape-bottom svg path, +.theme--dark #hero-14 .wave-shape-bottom svg path, +.theme--dark #hero-16 .wave-shape-bottom svg path, +.theme--dark #hero-22 .wave-shape-bottom svg path, +.theme--dark #hero-23 .wave-shape-bottom svg path, +.theme--dark #hero-26 .wave-shape-bottom svg path { + fill: #232734; +} + +.theme--dark #hero-10 { + background-image: url(../images/hero-10-dark.jpg); +} + +.theme--dark #hero-15 { + background-image: url(../images/hero-15-dark.jpg); +} + +.theme--dark #hero-16 { + background-image: url(../images/hero-16-dark.jpg); +} + +.theme--dark #hero-17 { + background-image: url(../images/hero-17-dark.jpg); +} + +.theme--dark #hero-18:after { + background-image: url(../images/hero-18-dark.jpg); +} + +.theme--dark #hero-20:after { + background-image: linear-gradient(180deg, #1d212c, #232734); +} + +.theme--dark #hero-21 .hero-overlay { + background-image: url(../images/hero-21-dark.jpg); +} + +.theme--dark #hero-23 { + background-image: url(../images/hero-23-dark.jpg); +} + +.theme--dark .hero-23-txt p span.color--black { color: #fff; } + +.theme--dark #hero-25 { + background-image: url(../images/hero-25-dark.jpg); +} + +.theme--dark #hero-27 .hero-overlay { + background-image: url(../images/hero-27-dark.png); +} + +/*------------------------------------------*/ +/* FEATURES +/*------------------------------------------*/ + +.theme--dark .features-section path { + opacity: .05; +} + +.theme--dark .fbox-7 { + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* CONTENT +/*------------------------------------------*/ + +.theme--dark .cbox-2-line { + background-color: #363f54; +} + +/*------------------------------------------*/ +/* STATISTIC +/*------------------------------------------*/ + +.theme--dark #statistic-5 .statistic-digit { + border-bottom: 1px solid #505c77; +} + +/*------------------------------------------*/ +/* REVIEWS +/*------------------------------------------*/ + +.theme--dark #reviews-2 .review-2.bg--white-100 { + background-color: #1d212c!important; +} + +.theme--dark .owl-theme .owl-dots .owl-dot span { + background: #1d212c; +} + +.theme--dark .owl-theme .owl-dots .owl-dot.active span { + background: #b1b7cd; +} + +.theme--dark .review-3.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +.theme--dark .project-title h2 { + border-bottom: 1px solid #363f54; +} + +.theme--dark .project-data p span { color: #fff; } + +.theme--dark .project-description .more-projects span { + color: #fff; +} + +/*------------------------------------------*/ +/* RATING +/*------------------------------------------*/ + +.theme--dark .rbox-1 .star-rating { + background-color: #1d212c!important; + border: 1px solid #1d212c; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .pricing-discount h6 { + color: #353f4f; +} + +.theme--dark .table>:not(caption)>*>* { + color: #b1b7cd; + background-color: #232734; +} + +.theme--dark .comp-table .table thead th { + color: #fff; + border-color: #363f54; +} + +.theme--dark .comp-table tbody th { + border-bottom: 1px solid #363f54!important; +} + +.theme--dark .comp-table .table tr td { + border-bottom: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* INTEGRATIONS +/*------------------------------------------*/ + +.theme--dark .integrations-1-wrapper .in_tool { + background-color: #1d212c; + border: 1px solid #1d212c; +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .switcher.bg--grey { + background-color: #363f54; + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* BANNER +/*------------------------------------------*/ + +.theme--dark .banner-16-wrapper.bg--white-100.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* DOWNLOAD +/*------------------------------------------*/ + +.theme--dark .release-data { + border-bottom: 1px dashed #656565; +} + +.theme--dark span.version-data, +.theme--dark span.release-date span { + color: #f1f1f1; +} + +.theme--dark span.release-date { + color: #ccc; +} + +/*------------------------------------------*/ +/* FAQs +/*------------------------------------------*/ + +.theme--dark .faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li { + border: 2px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li span, +.theme--dark .faqs-section .tabs-1 li { + color: #b1b7cd; +} + +.theme--dark .faqs-section .accordion-item .accordion-thumb:after, +.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NEWSLETTER +/*------------------------------------------*/ + +.theme--dark .newsletter-section .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .newsletter-section .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* BLOG +/*------------------------------------------*/ + +.theme--dark .post-meta-list p, +.theme--dark .blog-post-txt a { + color: #fff; +} + +.theme--dark .blog-post-txt a:hover { + color: #ddd!important; +} + +/*------------------------------------------*/ +/* SINGLE POST +/*------------------------------------------*/ + +.theme--dark .txt-code { + background-color: #1d212c; +} + +.theme--dark .txt-code kbd { + background-color: #363f54; +} + +.theme--dark .txt-code p { + color: #b1b7cd; +} + +.theme--dark .comment-form p, +.theme--dark .blockquote-footer, +.theme--dark .txt-code span.code-property, +.theme--dark .txt-code p code.code-language-js { + color: #fff; +} + +.theme--dark .comment-form .form-control { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .comment-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* CONTACTS +/*------------------------------------------*/ + +.theme--dark .contact-form-notice p a, +.theme--dark #contacts-1 .contact-form p { + color: #fff; +} + +.theme--dark .contact-form .form-control, +.theme--dark .contact-form .form-select { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .contact-form .form-control:focus, +.theme--dark .contact-form .form-select:focus { + background-color: #505c77; + border-color: transparent; +} + +/*------------------------------------------*/ +/* FOOTER +/*------------------------------------------*/ + +.theme--dark #footer-10 .footer-info { + border-bottom: 1px solid #363f54; +} + +.theme--dark .footer-form .newsletter-form .btn.dark-color span { + color: #2f353e!important; +} + +.theme--dark .footer-form .newsletter-form .input-group { + background-color: #282d3c; + border: 1px solid #505c77; +} + +.theme--dark .footer-form .form-control { + color: #fff; +} + +.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .legal-info p span { + color: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE +/*------------------------------------------*/ + +.theme--dark .page-hero-section .wave-shape-bottom path { + fill: #232734; +} + +/*------------------------------------------*/ +/* MODAL +/*------------------------------------------*/ + +.theme--dark #modal-2 .modal-body-content h5, +.theme--dark #modal-3 .modal-body-content h3 { + color: #353f4f; +} + +/*------------------------------------------*/ +/* PAGE 404 +/*------------------------------------------*/ + +.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; } +.theme--dark #page-404 .color--dark { color: #353f4f; } + +.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300, +.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; } + +/*------------------------------------------*/ +/* LOGIN +/*------------------------------------------*/ + +.theme--dark #login, .theme--dark #signup { + background: url(../images/login_dark.jpg); +} + +.theme--dark #reset-password { + background: url(../images/reset-password-dark.jpg); +} + +.theme--dark #login .register-page-wrapper:after, +.theme--dark #signup .register-page-wrapper:after { + background-color: #1d212c; +} + +.theme--dark .form-data span a, +.theme--dark .register-page-form p.input-header { + color: #fff; +} + +.theme--dark .separator-line::before, +.theme--dark .separator-line::after { + border-top: 2px solid rgba(255, 255, 255, .15); +} + +.theme--dark .reset-page-wrapper .form-control, +.theme--dark .register-page-form .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .reset-page-wrapper form { + background: #1d212c; + border: 1px solid #1d212c; +} + +.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .register-page-form .btn-google { + color: #b1b7cd; + background-color: #363f54; + border: 1px solid #363f54; +} + + + + +/* ========================================================================== + 34. COLOR SCHEME + ========================================================================== */ + +.bg--theme, +.shape--blue-400:after { + background-color: #3eb1ff; +} + +.btn--theme { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.hover--theme:hover, +.white-scroll .scroll .hover--theme:hover, +.black-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.theme--dark .white-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.theme--dark .white-scroll .hover--theme:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.color--theme, +.color--theme h1, +.color--theme h2, +.color--theme h3, +.color--theme h4, +.color--theme h5, +.color--theme h6, +.color--theme p, +.color--theme a, +.color--theme li, +.color--theme i, +.color--theme span, +.color--white .color--theme { color: #3eb1ff!important; } + +.loading--theme .loader { + border-color: transparent #3eb1ff; +} + +.loading--theme .loader::after { + border-color: transparent rgba(22, 128, 251, .15); +} + +.nav-theme .sm-info { + background-color: #3eb1ff; +} + +.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #3eb1ff!important; +} + +.hero-section .quick-form .form-control:focus { + border-color: #3eb1ff; +} + +.cbox-2:hover .cbox-2-ico.bg--theme { + color: #3eb1ff; + border-color: #3eb1ff; +} + +.tabs-1.tabs--theme, +.tabs-1.tabs--theme li.current:hover { + color: #3eb1ff; + border-color: #3eb1ff; +} + +.faqs-section .tabs--theme .tabs-1 li.current, +.faqs-section .tabs--theme .tabs-1 li.current:hover { + background-color: #3eb1ff; + border-color: #3eb1ff!important; +} + +.switch-wrap input:checked + .switcher.switcher--theme { + background-color: #3eb1ff; + border-color: #3eb1ff; +} + +.shape-ico.color--theme path, +.shape-ico.color--theme path, +.shape-ico.color--theme path { + fill: #f4f9fc; +} + +.newsletter-section .form-control:focus { + background-color: #fff; + border-color: #353f4f; +} + +.theme-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #3eb1ff; + border: 2px solid #3eb1ff; +} + + + diff --git a/static/css/violet-theme.css b/static/css/violet-theme.css new file mode 100644 index 0000000..7bbd0bd --- /dev/null +++ b/static/css/violet-theme.css @@ -0,0 +1,10990 @@ + + + + +/* + Template Name: Martex - Software, App, SaaS & Startup Landing Pages Pack + Theme URL: https://themeforest.net/user/dsathemes + Description: Martex - Software, App, SaaS & Startup Landing Pages Pack + Author: DSAThemes + Author URL: https://themeforest.net/user/dsathemes + Version: 1.0.0 + Website: www.dsathemes.com + Tags: Responsive, HTML5, DSAThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Produc +*/ + + + + +/* ========================================================================== + 01. GENERAL & BASIC STYLES + =========================================================================== */ + +html { + -webkit-font-smoothing: antialiased; + font-size: 16px; +} + +body { + font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; + color: #6c757d; + line-height: 1.6666; + font-weight: 400; +} + +/*------------------------------------------*/ +/* PAGE CONTENT +/*------------------------------------------*/ + +#page, +.hidd { + overflow: hidden; +} + +.rel, +section, +.container { + position: relative!important; + z-index: 3; +} + +.section-overlay { + width: 100%; + height: 100%; +} + +/*------------------------------------------*/ +/* BLOCK SHADOW +/*------------------------------------------*/ + +.block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* BORDER SETTINGS +/*------------------------------------------*/ + +.block-border { + border: 1px solid #e7e7e7; +} + +.block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.x-border { + border-top: 1px solid #e7e7e7; + border-bottom: 1px solid #e7e7e7; +} + +.top-border { + border-top: 1px solid #e7e7e7; +} + +.bottom-border { + border-bottom: 1px solid #e7e7e7; +} + +/*------------------------------------------*/ +/* BORDER RADIUS SETTING +/*------------------------------------------*/ + +.r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } +.r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } +.r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } +.r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } +.r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } +.r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } +.r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; } +.r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; } +.r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } +.r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; } +.r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } +.r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; } +.r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; } +.r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; } +.r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; } +.r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } +.r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; } +.r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; } +.r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; } +.r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; } + +/*------------------------------------------*/ +/* OPACITY SETTINGS +/*------------------------------------------*/ + +.o-0 { opacity: 0!important; } +.o-10 { opacity: .1!important; } +.o-15 { opacity: .15!important; } +.o-20 { opacity: .2!important; } +.o-25 { opacity: .25!important; } +.o-30 { opacity: .3!important; } +.o-35 { opacity: .35!important; } +.o-40 { opacity: .4!important; } +.o-45 { opacity: .45!important; } +.o-50 { opacity: .5!important; } +.o-55 { opacity: .55!important; } +.o-60 { opacity: .60!important; } +.o-65 { opacity: .65!important; } +.o-70 { opacity: .7!important; } +.o-75 { opacity: .75!important; } +.o-80 { opacity: .8!important; } +.o-85 { opacity: .85!important; } +.o-90 { opacity: .9!important; } +.o-95 { opacity: .95!important; } +.o-100 { opacity: 1!important; } + +/*------------------------------------------*/ +/* SPACING & INDENTS +/*------------------------------------------*/ + +.py-5 { padding-top: 5px; padding-bottom: 5px; } +.py-10 { padding-top: 10px; padding-bottom: 10px; } +.py-15 { padding-top: 15px; padding-bottom: 15px; } +.py-20 { padding-top: 20px; padding-bottom: 20px; } +.py-30 { padding-top: 30px; padding-bottom: 30px; } +.py-40 { padding-top: 40px; padding-bottom: 40px; } +.py-50 { padding-top: 50px; padding-bottom: 50px; } +.py-60 { padding-top: 60px; padding-bottom: 60px; } +.py-70 { padding-top: 70px; padding-bottom: 70px; } +.py-80 { padding-top: 80px; padding-bottom: 80px; } +.py-90 { padding-top: 90px; padding-bottom: 90px; } +.py-100 { padding-top: 100px; padding-bottom: 100px; } + +.pt-30 { padding-top: 30px; } +.pt-40 { padding-top: 40px; } +.pt-50 { padding-top: 50px; } +.pt-60 { padding-top: 60px; } +.pt-70 { padding-top: 70px; } +.pt-80 { padding-top: 80px; } +.pt-90 { padding-top: 90px; } +.pt-100 { padding-top: 100px; } + +.pb-30 { padding-bottom: 30px; } +.pb-40 { padding-bottom: 40px; } +.pb-50 { padding-bottom: 50px; } +.pb-60 { padding-bottom: 60px; } +.pb-70 { padding-bottom: 70px; } +.pb-80 { padding-bottom: 80px; } +.pb-90 { padding-bottom: 90px; } +.pb-100 { padding-bottom: 100px; } + +.mt-10 { margin-top: 10px; } +.mt-15 { margin-top: 15px; } +.mt-20 { margin-top: 20px; } +.mt-25 { margin-top: 25px; } +.mt-30 { margin-top: 30px; } +.mt-35 { margin-top: 35px; } +.mt-40 { margin-top: 40px; } +.mt-45 { margin-top: 45px; } +.mt-50 { margin-top: 50px; } +.mt-55 { margin-top: 55px; } +.mt-60 { margin-top: 60px; } +.mt-65 { margin-top: 65px; } +.mt-70 { margin-top: 70px; } +.mt-75 { margin-top: 75px; } +.mt-80 { margin-top: 80px; } +.mt-85 { margin-top: 85px; } +.mt-90 { margin-top: 90px; } +.mt-95 { margin-top: 95px; } +.mt-100 { margin-top: 100px; } + +.mb-10 { margin-bottom: 10px; } +.mb-15 { margin-bottom: 15px; } +.mb-20 { margin-bottom: 20px; } +.mb-25 { margin-bottom: 25px; } +.mb-30 { margin-bottom: 30px; } +.mb-35 { margin-bottom: 35px; } +.mb-40 { margin-bottom: 40px; } +.mb-45 { margin-bottom: 45px; } +.mb-50 { margin-bottom: 50px; } +.mb-55 { margin-bottom: 55px; } +.mb-60 { margin-bottom: 60px; } +.mb-65 { margin-bottom: 65px; } +.mb-70 { margin-bottom: 70px; } +.mb-75 { margin-bottom: 75px; } +.mb-80 { margin-bottom: 80px; } +.mb-85 { margin-bottom: 85px; } +.mb-90 { margin-bottom: 90px; } +.mb-95 { margin-bottom: 95px; } +.mb-100 { margin-bottom: 100px; } + +.ml-5 { margin-left: 5px; } +.ml-10 { margin-left: 10px; } +.ml-15 { margin-left: 15px; } +.ml-20 { margin-left: 20px; } +.ml-25 { margin-left: 25px; } +.ml-30 { margin-left: 30px; } + +.mr-5 { margin-right: 5px; } +.mr-10 { margin-right: 10px; } +.mr-15 { margin-right: 15px; } +.mr-20 { margin-right: 20px; } +.mr-25 { margin-right: 25px; } +.mr-30 { margin-right: 30px; } + +/*------------------------------------------*/ +/* BACKGROUND SETTINGS +/*------------------------------------------*/ + +.bg--fixed, +.bg--scroll { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--fixed { + background-attachment: scroll!important; +} + +.bg--scroll { + background-attachment: fixed!important; +} + +/*------------------------------------------*/ +/* BACKGROUND COLORS +/*------------------------------------------*/ + +.bg--white-500 { background-color: #f2f4f8; } +.bg--white-400 { background-color: #f4f4f9; } +.bg--white-300 { background-color: #f7f8f9; } +.bg--white-200 { background-color: #fbfbfd; } +.bg--white-100 { background-color: #fff; } + +.bg--black-500 { background-color: #22223b; } +.bg--black-400 { background-color: #2e3648; } +.bg--black-300 { background-color: #394455; } +.bg--black-200 { background-color: #e1e3e5; } +.bg--black-100 { background-color: #ecf1f4; } + +.bg--blue-500 { background-color: #185abd; } +.bg--blue-400 { background-color: #1680fb; } +.bg--blue-300 { background-color: #3eb1ff; } +.bg--blue-200 { background-color: #ddedff; } +.bg--blue-100 { background-color: #f4f9fc; } + +.bg--green-500 { background-color: #00a14e; } +.bg--green-400 { background-color: #0fbc49; } +.bg--green-300 { background-color: #6fd792; } +.bg--green-200 { background-color: #cff2db; } +.bg--green-100 { background-color: #e9f8f2; } + +.bg--pink-500 { background-color: #ff149c; } +.bg--pink-400 { background-color: #f74780; } +.bg--pink-300 { background-color: #fcb5cc; } +.bg--pink-200 { background-color: #fee4ec; } +.bg--pink-100 { background-color: #feecf2; } + +.bg--purple-5000 { background-color: #663ae9; } +.bg--purple-500 { background-color: #7827e6; } +.bg--purple-400 { background-color: #7b5dd6; } +.bg--purple-300 { background-color: #bdaeea; } +.bg--purple-200 { background-color: #e5deff; } +.bg--purple-100 { background-color: #f1edff; } + +.bg--red-500 { background-color: #da0f29; } +.bg--red-400 { background-color: #ff1e1a; } +.bg--red-300 { background-color: #ffa5a3; } +.bg--red-200 { background-color: #ffd2d1; } +.bg--red-100 { background-color: #fce7e4; } + +.bg--violet-500 { background-color: #c73e9b; } +.bg--violet-400 { background-color: #be6cbe; } +.bg--violet-300 { background-color: #e2bde2; } +.bg--violet-200 { background-color: #f1cde5; } +.bg--violet-100 { background-color: #f7e4f1; } + +.bg--yellow-500 { background-color: #ffba01; } +.bg--yellow-400 { background-color: #ffbd45; } +.bg--yellow-300 { background-color: #ffdf35; } +.bg--yellow-200 { background-color: #fef5cd; } +.bg--yellow-100 { background-color: #fef9e5; } + +.bg--tra-black { background-color: rgba(0, 0, 0, .04); } +.bg--tra-white { background-color: rgba(255, 255, 255, .15); } +.bg--primary-blue { background-color: #2160fd; } +.bg--light-grey { background-color: #f0f3ff; } +.bg--snow { background-color: #fdfdfd; } + +/*------------------------------------------*/ +/* GRADIENT COLOR BACKGROUND +/*------------------------------------------*/ + +.gr--ghost { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.gr--snow { background-image: linear-gradient(to left, #f3edf7, #f9f6fa); } +.gr--cotton { background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05) 100%); } +.gr--ghostwhite { background-image: linear-gradient(to left, #e9e9f5, #f4f4f9); } +.gr--smoke { background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%); } +.gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%); } +.gr--perl { background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05) 100%); } + +/*------------------------------------------*/ +/* BACKGROUND SHAPE +/*------------------------------------------*/ + +.shape--01:after, +.shape--02:after, +.shape--03:after, +.shape--04:after, +.shape--05:after, +.shape--06:after, +.shape--07:after { + position: absolute; + content: ''; + z-index: -1; +} + +.shape--02.r-24:after { + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--01:after { + width: 150%; + height: 80%; + top: 13%; + left: -25%; +} + +.shape--02:after { + width: 86%; + height: 80%; + top: 13%; + left: 7%; +} + +.shape--03:after { + width: 78%; + height: 120%; + top: -60px; + left: 11%; + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + -o-border-radius: 24px; + border-radius: 24px; +} + +.shape--04:after { + width: 100%; + height: 80%; + top: 10%; + left: 0; +} + +.shape--05:after { + width: 150%; + height: 90%; + top: 0; + left: -25%; +} + +.shape--06:after { + width: 150%; + height: 75%; + top: 0; + left: -25%; +} + +.shape--07:after { + width: 200%; + height: 50%; + top: 37%; + left: -50%; +} + +.shape--whitesmoke:after { background-color: rgba(123, 104, 238, .05); } + +.shape--white-500:after { background-color: #f2f4f8; } +.shape--white-400:after { background-color: #f4f4f9; } +.shape--white-300:after { background-color: #f7f8f9; } +.shape--white-200:after { background-color: #fbfbfd; } + +.shape--black-500:after { background-color: #22223b; } +.shape--black-400:after { background-color: #2e3648; } +.shape--black-300:after { background-color: #394455; } +.shape--black-200:after { background-color: #e1e3e5; } +.shape--black-100:after { background-color: #ecf1f4; } + +.shape--blue-500:after { background-color: #185abd; } +.shape--blue-400:after { background-color: #1680fb; } +.shape--blue-300:after { background-color: #3eb1ff; } +.shape--blue-200:after { background-color: #ddedff; } +.shape--blue-100:after { background-color: #f4f9fc; } + +.shape--green-500:after { background-color: #00a14e; } +.shape--green-400:after { background-color: #0fbc49; } +.shape--green-300:after { background-color: #6fd792; } +.shape--green-200:after { background-color: #cff2db; } +.shape--green-100:after { background-color: #e9f8f2; } + +.shape--pink-500:after { background-color: #ff149c; } +.shape--pink-400:after { background-color: #f74780; } +.shape--pink-300:after { background-color: #fcb5cc; } +.shape--pink-200:after { background-color: #fee4ec; } +.shape--pink-100:after { background-color: #feecf2; } + +.shape--purple-500:after { background-color: #663ae9; } +.shape--purple-400:after { background-color: #7b5dd6; } +.shape--purple-300:after { background-color: #bdaeea; } +.shape--purple-200:after { background-color: #e5deff; } +.shape--purple-100:after { background-color: #f1edff; } + +.shape--red-500:after { background-color: #da0f29; } +.shape--red-400:after { background-color: #ff1e1a; } +.shape--red-300:after { background-color: #ffa5a3; } +.shape--red-200:after { background-color: #ffd2d1; } +.shape--red-100:after { background-color: #fce7e4; } + +.shape--violet-500:after { background-color: #c73e9b; } +.shape--violet-400:after { background-color: #be6cbe; } +.shape--violet-300:after { background-color: #e2bde2; } +.shape--violet-200:after { background-color: #f1cde5; } +.shape--violet-100:after { background-color: #f7e4f1; } + +.shape--gr-ghost:after { background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05) 100%); } +.shape--gr-whitesmoke:after {background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);} + +/*------------------------------------------*/ +/* BACKGROUND PATTERN +/*------------------------------------------*/ + +.pattern-01, +.pattern-02, +.pattern-03, +.pattern-04, +.pattern-05 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.pattern-01 { background-image: url(../images/pattern-01.png); } +.pattern-02 { background-image: url(../images/pattern-02.png); } +.pattern-03 { background-image: url(../images/pattern-03.png); } +.pattern-04 { background-image: url(../images/pattern-04.png); } +.pattern-05 { background-image: url(../images/pattern-05.png); } + +/*------------------------------------------*/ +/* BACKGROUND IMAGE +/*------------------------------------------*/ + +.bg--01, .bg--02, .bg--03, .bg--04, +.bg--05, .bg--06, .bg--07, .bg--08 { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.bg--01 { background-image: url(../images/bg-01.jpg); } +.bg--02 { background-image: url(../images/bg-02.jpg); } +.bg--03 { background-image: url(../images/bg-03.jpg); } +.bg--04 { background-image: url(../images/bg-04.jpg); } +.bg--05 { background-image: url(../images/bg-05.jpg); } +.bg--06 { background-image: url(../images/bg-06.jpg); } +.bg--07 { background-image: url(../images/bg-07.jpg); } +.bg--08 { background-image: url(../images/bg-08.jpg); } + +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +hr.divider { + width: 100%; + height: 1px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%); + opacity: .4; + border: none; + margin: 0; +} + +/*------------------------------------------*/ +/* WAVE SHAPE BOTTOM +/*------------------------------------------*/ + +.wave-shape-bottom { + position: absolute; + bottom: 0; + left: 0; + width: 100%; +} + + + + +/* ========================================================================== + 02. TYPOGRAPHY + =========================================================================== */ + +/*------------------------------------------*/ +/* HEADERS +/*------------------------------------------*/ + +h1, h2, h3, h4, h5, h6 { + color: #353f4f; + font-weight: 600; + letter-spacing: 0; + margin-bottom: 0; +} + +.font--jakarta h1, +.font--jakarta h2, +.font--jakarta h3, +.font--jakarta h4, +.font--jakarta h5, +.font--jakarta h6 { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1.35; +} + +.font--jakarta h1, +.font--jakarta h2 { + line-height: 1.25; +} + +.font--inter h1, +.font--inter h2, +.font--inter h3, +.font--inter h4, +.font--inter h5, +.font--inter h6 { + font-family: 'Inter', sans-serif; + letter-spacing: -0.5px; +} + +/*------------------------------------------*/ +/* PARAGRAPHS +/*------------------------------------------*/ + +p.p-sm { font-size: 0.9375rem; } /* 15px */ +p { font-size: 1rem; } /* 16px */ +p.p-md { font-size: 1.0625rem; } /* 17px */ +p.p-lg { font-size: 1.125rem; } /* 18px */ +p.p-xl { font-size: 1.2rem; } /* 19.2px */ + +/*------------------------------------------*/ +/* FONT SIZE +/*------------------------------------------*/ + +.s-15 { font-size: 0.9375rem; } /* 15px */ +.s-16 { font-size: 1rem; } /* 16px */ +.s-17 { font-size: 1.0625rem; } /* 17px */ +.s-18 { font-size: 1.125rem; } /* 18px */ +.s-19 { font-size: 1.1875rem; } /* 19px */ +.s-20 { font-size: 1.25rem; } /* 20px */ +.s-21 { font-size: 1.3125rem; } /* 21px */ +.s-22 { font-size: 1.375rem; } /* 22px */ +.s-23 { font-size: 1.4375rem; } /* 23px */ +.s-24 { font-size: 1.5rem; } /* 24px */ +.s-26 { font-size: 1.625rem; } /* 26px */ +.s-28 { font-size: 1.75rem; } /* 28px */ +.s-30 { font-size: 1.875rem; } /* 30px */ +.s-32 { font-size: 2rem; } /* 32px */ +.s-34 { font-size: 2.125rem; } /* 34px */ +.s-36 { font-size: 2.25rem; } /* 36px */ +.s-38 { font-size: 2.375rem; } /* 38px */ +.s-40 { font-size: 2.5rem; } /* 40px */ +.s-42 { font-size: 2.625rem; } /* 42px */ +.s-43 { font-size: 2.6875rem; } /* 43px */ +.s-44 { font-size: 2.75rem; } /* 44px */ +.s-45 { font-size: 2.8125rem; } /* 45px */ +.s-46 { font-size: 2.875rem; } /* 46px */ +.s-47 { font-size: 2.9375rem; } /* 47px */ +.s-48 { font-size: 3rem; } /* 48px */ +.s-50 { font-size: 3.125rem; } /* 50px */ +.s-52 { font-size: 3.25rem; } /* 52px */ +.s-54 { font-size: 3.375rem; } /* 54px */ +.s-56 { font-size: 3.5rem; } /* 56px */ +.s-58 { font-size: 3.625rem; } /* 58px */ +.s-60 { font-size: 3.75rem; } /* 60px */ +.s-62 { font-size: 3.875rem; } /* 62px */ +.s-64 { font-size: 4rem; } /* 64px */ +.s-66 { font-size: 4.125rem; } /* 66px */ +.s-68 { font-size: 4.25rem; } /* 68px */ +.s-70 { font-size: 4.375rem; } /* 70px */ +.s-72 { font-size: 4.5rem; } /* 72px */ +.s-74 { font-size: 4.625rem; } /* 74px */ +.s-76 { font-size: 4.75rem; } /* 76px */ +.s-78 { font-size: 4.875rem; } /* 78px */ +.s-80 { font-size: 5rem; } /* 80px */ + +/*------------------------------------------*/ +/* FONT WEIGHT +/*------------------------------------------*/ + +.txt-upcase { + text-transform: uppercase +} + +.w-200 { font-weight: 200; } +.w-300 { font-weight: 300; } +.w-400 { font-weight: 400; } +.w-500 { font-weight: 500; } +.w-600 { font-weight: 600; } +.w-700 { font-weight: 700; } +.w-800 { font-weight: 800; } +.w-900 { font-weight: 900; } + +/*------------------------------------------*/ +/* LINK SETTINGS +/*------------------------------------------*/ + +a { + color: #6c757d; + text-decoration: none; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +a:hover { + color: #353f4f!important; + text-decoration: none; +} + +a:focus { + outline: none; + text-decoration: none; +} + +a.tra-link { + font-size: 1rem; + line-height: 1; + font-weight: 500; +} + +a.tra-link span { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.tra-link.ico-20 [class*="flaticon-"]:before, +.tra-link.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 0.75rem; + line-height: 0.7rem!important; + top: 2px; + left: 2px; +} + +a.tra-link:hover span { + color: #353f4f!important; +} + +/*------------------------------------------*/ +/* LISTS +/*------------------------------------------*/ + +ul { + margin: 0; + padding: 0; + list-style: none; +} + +/*------------------------------------------*/ +/* TEXT LIST +/*------------------------------------------*/ + +ul.simple-list { + list-style: disc; + margin-left: 15px; +} + +ul.simple-list.long-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* DIGIT LIST +/*------------------------------------------*/ + +ol.digit-list { + padding: 0; + margin-left: 15px; +} + +ol.digit-list p { + margin-bottom: 8px; +} + +/*------------------------------------------*/ +/* BUTTON SETTINGS +/*------------------------------------------*/ + +.btn { + background-color: transparent; + font-size: 1rem; + line-height: 1; + font-weight: 500; + padding: 0.9rem 1.8rem; + border: 2px solid transparent; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.btn.btn-sm { + font-size: 0.975rem; + padding: 0.7rem 1.5rem; +} + +.btn.ico-30.ico-left, +.btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Buttons Group +/*------------------------------------------*/ + +.text-center .btns-group { + display: inline-block; +} + +.btns-group .btn:first-child { + margin-right: 15px; +} + +.btns-group .btn.ico-30.ico-left { + padding: 0.37rem 0.5rem; +} + +.btns-group .btn.ico-30.ico-right { + padding: 0.37rem 0; +} + +/*------------------------------------------*/ +/* Button Icon +/*------------------------------------------*/ + +.btn.ico-20 [class*="flaticon-"]:before, +.btn.ico-20 [class*="flaticon-"]:after { + position: relative; + font-size: 1rem; + line-height: 0.7rem!important; + top: 4px; +} + +.btn.ico-left span { + margin-right: 5px; +} + +.btn.ico-right span { + margin-left: 5px; +} + +.btn.ico-30.ico-left span { + position: relative; + top: 0; + right: 4px; +} + +.btn.ico-30.ico-right span { + position: relative; + top: 0; + left: 4px; +} + +.btn.ico-30.ico-left span.ico-30-txt, +.btn.ico-30.ico-right span.ico-30-txt { + position: relative; + top: -10px; + right: 0; +} + +.btn.ico-30.ico-right span.ico-30-txt { + left: 0; +} + +/*------------------------------------------*/ +/* Button Text +/*------------------------------------------*/ + +p.btn-txt { + margin: 20px 0 0 0; +} + +.btn-rating p.btn-txt { + margin: 0; +} + +.star-rating span.rating-txt { + font-size: 0.9375rem; +} + +p.btns-group-txt { + margin: 14px 0 0 0; +} + +.btn-rating { + margin-top: 18px; +} + +.text-center p.btns-group-txt { + margin-top: 20px; +} + +p.btn-txt.ico-15, +p.btns-group-txt.ico-15 { + padding-left: 5px; +} + +.text-center p.btn-txt.ico-15, +.text-center p.btns-group-txt.ico-15 { + padding-left: 0; +} + +p.btn-txt span, +p.btns-group-txt span { + position: relative; + top: 0.5px; + right: 2px; +} + +p.btns-group-txt span.txt-data { + display: block; + top: 0; + right: 0; +} + +p.btns-group-txt span.txt-data a { + margin-left: 4px; + text-decoration: underline; +} + +p.btns-group-txt span.txt-data a:hover { + text-decoration: none; +} + +.hero-section .color--white p.btns-group-txt span.txt-data a:hover { + color: #fff!important; +} + +.btn-txt.ico-15 [class*="flaticon-"]:before, +.btn-txt.ico-15 [class*="flaticon-"]:after, +.btns-group-txt.ico-15 [class*="flaticon-"]:before, +.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.star-rating.ico-15 [class*="flaticon-"]:before, +.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; } + +/*------------------------------------------*/ +/* TRANSPARENT BUTTON +/*------------------------------------------*/ + +.btn--tra { + color: #fff!important; + border-color: transparent!important; + background-color: rgba(255, 255, 255, .2)!important; +} + +/*------------------------------------------*/ +/* WHITE BUTTON +/*------------------------------------------*/ + +.btn--transparent { + color: #353f4f; + background-color: transparent; + border-color: transparent; +} + +.btn--transparent:hover { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--white, +.hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.btn--tra-white, +.hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.white-scroll .scroll .hover--tra-white:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK BUTTON +/*------------------------------------------*/ + +.btn--black, +.hover--black:hover { + color: #fff!important; + background-color: #353f4f!important; + border-color: #353f4f!important; +} + +.btn--tra-black, +.hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* GREY BUTTON +/*------------------------------------------*/ + +.btn--tra-grey, +.hover--tra-grey:hover, +.white-scroll .scroll .hover--tra-grey:hover, +.black-scroll .scroll .hover--tra-grey:hover { + color: #353f4f!important; + background-color: transparent!important; + border-color: #ccc!important; +} + +/*------------------------------------------*/ +/* BLUE BUTTON +/*------------------------------------------*/ + +.btn--blue-500, .hover--blue-500:hover, +.white-scroll .scroll .hover--blue-500:hover, +.black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.btn--blue-400, .hover--blue-400:hover, +.white-scroll .scroll .hover--blue-400:hover, +.black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.btn--blue-300, .hover--blue-300:hover, +.white-scroll .scroll .hover--blue-300:hover, +.black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.btn--blue-200, .hover--blue-200:hover, +.white-scroll .scroll .hover--blue-200:hover, +.black-scroll .scroll .hover--blue-200:hover { + color: #1680fb!important; + border-color: #e3ebfe!important; + background-color: #e3ebfe!important; +} + +.btn--blue-100, .hover--blue-100:hover, +.white-scroll .scroll .hover--blue-100:hover, +.black-scroll .scroll .hover--blue-100:hover { + color: #1680fb!important; + border-color: #1680fb!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* GREEN BUTTON +/*------------------------------------------*/ + +.btn--green-500, .hover--green-500:hover, +.white-scroll .scroll .hover--green-500:hover, +.black-scroll .scroll .hover--green-500:hover { + color: #fff!important; + border-color: #00a14e!important; + background-color: #00a14e!important; +} + +.btn--green-400, .hover--green-400:hover, +.white-scroll .scroll .hover--green-400:hover, +.black-scroll .scroll .hover--green-400:hover { + color: #fff!important; + border-color: #0fbc49!important; + background-color: #0fbc49!important; +} + +.btn--green-300, .hover--green-300:hover, +.white-scroll .scroll .hover--green-300:hover, +.black-scroll .scroll .hover--green-300:hover { + color: #fff!important; + border-color: #6fd792!important; + background-color: #6fd792!important; +} + +.btn--green-200, .hover--green-200:hover, +.white-scroll .scroll .hover--green-200:hover, +.black-scroll .scroll .hover--green-200:hover { + color: #0fbc49!important; + border-color: #cff2db!important; + background-color: #cff2db!important; +} + +.btn--green-100, .hover--green-100:hover, +.white-scroll .scroll .hover--green-100:hover, +.black-scroll .scroll .hover--green-100:hover { + color: #0fbc49!important; + border-color: #0fbc49!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PINK BUTTON +/*------------------------------------------*/ + +.btn--pink-500, .hover--pink-500:hover, +.white-scroll .scroll .hover--pink-500:hover, +.black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.btn--pink-400, .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.btn--pink-300, .hover--pink-300:hover, +.white-scroll .scroll .hover--pink-300:hover, +.black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.btn--pink-200, .hover--pink-200:hover, +.white-scroll .scroll .hover--pink-200:hover, +.black-scroll .scroll .hover--pink-200:hover { + color: #f74780!important; + border-color: #fee4ec!important; + background-color: #fee4ec!important; +} + +.btn--pink-100, .hover--pink-100:hover, +.white-scroll .scroll .hover--pink-100:hover, +.black-scroll .scroll .hover--pink-100:hover { + color: #f74780!important; + border-color: #f74780!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* PURPLE BUTTON +/*------------------------------------------*/ + +.btn--purple-500, .hover--purple-500:hover, +.white-scroll .scroll .hover--purple-500:hover, +.black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.btn--purple-400, .hover--purple-400:hover, +.white-scroll .scroll .hover--purple-400:hover, +.black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.btn--purple-300, .hover--purple-300:hover, +.white-scroll .scroll .hover--purple-300:hover, +.black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.btn--purple-200, .hover--purple-200:hover, +.white-scroll .scroll .hover--purple-200:hover, +.black-scroll .scroll .hover--purple-200:hover { + color: #7b5dd6!important; + border-color: #e5deff!important; + background-color: #e5deff!important; +} + +.btn--purple-100, .hover--purple-100:hover, +.white-scroll .scroll .hover--purple-100:hover, +.black-scroll .scroll .hover--purple-100:hover { + color: #7b5dd6!important; + border-color: #7b5dd6!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* RED BUTTON +/*------------------------------------------*/ + +.btn--red-500, .hover--red-500:hover, +.white-scroll .scroll .hover--red-500:hover, +.black-scroll .scroll .hover--red-500:hover { + color: #fff!important; + border-color: #da0f29!important; + background-color: #da0f29!important; +} + +.btn--red-400, .hover--red-400:hover, +.white-scroll .scroll .hover--red-400:hover, +.black-scroll .scroll .hover--red-400:hover { + color: #fff!important; + border-color: #ff1e1a!important; + background-color: #ff1e1a!important; +} + +.btn--red-300, .hover--red-300:hover, +.white-scroll .scroll .hover--red-300:hover, +.black-scroll .scroll .hover--red-300:hover { + color: #fff!important; + border-color: #ffa5a3!important; + background-color: #ffa5a3!important; +} + +.btn--red-200, .hover--red-200:hover, +.white-scroll .scroll .hover--red-200:hover, +.black-scroll .scroll .hover--red-200:hover { + color: #ff1e1a!important; + border-color: #ffd2d1!important; + background-color: #ffd2d1!important; +} + +.btn--red-100, .hover--red-100:hover, +.white-scroll .scroll .hover--red-100:hover, +.black-scroll .scroll .hover--red-100:hover { + color: #ff1e1a!important; + border-color: #ff1e1a!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* VIOLET BUTTON +/*------------------------------------------*/ + +.btn--violet-500, .hover--violet-500:hover, +.white-scroll .scroll .hover--violet-500:hover, +.black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.btn--violet-400, .hover--violet-400:hover, +.white-scroll .scroll .hover--violet-400:hover, +.black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.btn--violet-300, .hover--violet-300:hover, +.white-scroll .scroll .hover--violet-300:hover, +.black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.btn--violet-200, .hover--violet-200:hover, +.white-scroll .scroll .hover--violet-200:hover, +.black-scroll .scroll .hover--violet-200:hover { + color: #be6cbe!important; + border-color: #f1cde5!important; + background-color: #f1cde5!important; +} + +.btn--violet-100, .hover--violet-100:hover, +.white-scroll .scroll .hover--violet-100:hover, +.black-scroll .scroll .hover--violet-100:hover { + color: #be6cbe!important; + border-color: #be6cbe!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* YELLOW BUTTON +/*------------------------------------------*/ + +.btn--yellow-500, .hover--yellow-500:hover, +.white-scroll .scroll .hover--yellow-500:hover, +.black-scroll .scroll .hover--yellow-500:hover { + color: #353f4f!important; + border-color: #ffba01!important; + background-color: #ffba01!important; +} + +.btn--yellow-400, .hover--yellow-400:hover, +.white-scroll .scroll .hover--yellow-400:hover, +.black-scroll .scroll .hover--yellow-400:hover { + color: #353f4f!important; + border-color: #ffbd45!important; + background-color: #ffbd45!important; +} + +.btn--yellow-300, .hover--yellow-300:hover, +.white-scroll .scroll .hover--yellow-300:hover, +.black-scroll .scroll .hover--yellow-300:hover { + color: #353f4f!important; + border-color: #ffdf35!important; + background-color: #ffdf35!important; +} + +.btn--yellow-200, .hover--yellow-200:hover, +.white-scroll .scroll .hover--yellow-200:hover, +.black-scroll .scroll .hover--yellow-200:hover { + color: #353f4f!important; + border-color: #fef5cd!important; + background-color: #fef5cd!important; +} + +.btn--yellow-100, .hover--yellow-100:hover, +.white-scroll .scroll .hover--yellow-100:hover, +.black-scroll .scroll .hover--yellow-100:hover { + color: #ffba01!important; + border-color: #ffba01!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* BUTTON FOCUS +/*------------------------------------------*/ + +.btn:focus, +.btn.btn--black:focus { + color: #fff; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--transparent:focus { + background-color: transparent!important; + border-color: transparent!important; +} + +.btn--grey:focus { + color: #666; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn--tra-black:focus, +.btn--transparent:focus, +.btn.btn--tra-grey:focus { + color: #353f4f; + -webkit-box-shadow: none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* DOWNLOAD LINKS +/*------------------------------------------*/ + +.download-links li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.download-links-divider { + position: relative; + top: 1.5px; + transform: rotate(-90deg); +} + +.download-links li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.download-links li p a { + font-weight: 500; +} + +.download-links li p a:hover { + text-decoration: underline; +} + +.color--white .download-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* OS DOWNLOAD BUTTON +/*------------------------------------------*/ + +.os-btn { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + text-align: left; + width: 330px; + min-width: 330px; + background-color: #fff; + border: 1px solid #d3d3d3; + padding: 17px 18px 15px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.os-btn:hover { + background-color: #f5f6f7; + border: 1px solid #f5f6f7; + -webkit-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + -moz-box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); + box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); +} + +.os-btn-ico { + position: relative; + margin-right: 20px; +} + +.os-btn-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.os-btn-txt p { + color: #353f4f; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + letter-spacing: -0.5px; + margin-top: 6px; + margin-bottom: 5px; +} + +.os-btn-txt span { + display: block; + font-size: 0.9rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* STORE BADGE ICONS +/*------------------------------------------*/ + +.stores-badge { + display: inline-block; +} + +.store { + display: inline-block; + text-align: center; + margin-right: 10px; +} + +.store:last-child { + margin-right: 0; +} + +.store img { + width: auto; + max-width: inherit; +} + +.badge-img-xs .store img { max-height: 2.5rem; } +.badge-img-sm .store img { max-height: 2.625rem; } +.badge-img-md .store img { max-height: 2.875rem; } +.badge-img-lg .store img { max-height: 3rem; } + +/*------------------------------------------*/ +/* WATCH VIDEO LINK +/*------------------------------------------*/ + +.watch-video { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + margin-top: 25px; +} + +/*------------------------------------------*/ +/* Link Icon +/*------------------------------------------*/ + +.watch-video-link { + position: relative; + text-align: center; + float: left; + width: 2.85rem; + height: 2.85rem; + color: #fff; + border: none; + margin-right: 12px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.watch-video-link:before { + content: ''; + position: absolute; + left: -3px; + right: -3px; + top: -3px; + bottom: -3px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.watch-video-link:hover:before { + opacity: .75; + left: -8px; + right: -8px; + top: -8px; + bottom: -8px; +} + +.watch-video-link span[class^="flaticon-"]:before, +.watch-video-link span[class^="flaticon-"]:after { + font-size: 2rem; + line-height: 2.85rem!important; + margin-left: 5px; +} + +/*------------------------------------------*/ +/* Link Text +/*------------------------------------------*/ + +.watch-video-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + text-align: left!important; +} + +p.video-txt-lg { + font-size: 1rem; + line-height: 1; + font-weight: 400; + margin-bottom: 5px; +} + +p.video-txt-sm { + font-size: 0.925rem; + line-height: 1; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* VIDEO POPUP ICON +/*------------------------------------------*/ + +.video-preview { + position: relative; + text-align: center; +} + +.video-btn { + position: absolute!important; + top: 50%; + left: 50%; + display: inline-block; + text-align: center; + color: #fff; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; +} + +.video-btn-xl { + width: 6.25rem; + height: 6.25rem; + margin-top: -3.125rem; + margin-left: -3.125rem; +} + +.video-btn-lg { + width: 5.625rem; + height: 5.625rem; + margin-top: -2.8125rem; + margin-left: -2.8125rem; +} + +.video-btn-md { + width: 5rem; + height: 5rem; + margin-top: -2.5rem; + margin-left: -2.5rem; +} + +.video-btn-sm { + width: 4.375rem; + height: 4.375rem; + margin-top: -2.1875rem; + margin-left: -2.1875rem; +} + +.video-block-wrapper { + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl [class^="flaticon-"]:before, +.video-btn.video-btn-xl [class^="flaticon-"]:after { + font-size: 5rem; + line-height: 6.25rem!important; + margin-left: 10px; +} + +.video-btn.video-btn-lg [class^="flaticon-"]:before, +.video-btn.video-btn-lg [class^="flaticon-"]:after { + font-size: 4.5rem; + line-height: 5.625rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-md [class^="flaticon-"]:before, +.video-btn.video-btn-md [class^="flaticon-"]:after { + font-size: 4.35rem; + line-height: 5rem!important; + margin-left: 8px; +} + +.video-btn.video-btn-sm [class^="flaticon-"]:before, +.video-btn.video-btn-sm [class^="flaticon-"]:after { + font-size: 3.5rem; + line-height: 4.375rem!important; + margin-left: 5px; +} + +.video-btn:hover .video-block-wrapper { + -moz-transform: scale(0.95); + -ms-transform: scale(0.95); + -webkit-transform: scale(0.95); + -o-transform: scale(0.95); + transform: scale(0.95); +} + +.video-btn:before { + content: ''; + position: absolute; + left: -5px; + right: -5px; + top: -5px; + bottom: -5px; + background: rgba(255, 255, 255, 0.2); + opacity: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.video-btn.video-btn-xl:hover:before { + opacity: .75; + left: -1.5rem; + right: -1.5rem; + top: -1.5rem; + bottom: -1.5rem; +} + +.video-btn.video-btn-lg:hover:before { + opacity: .75; + left: -1.25rem; + right: -1.25rem; + top: -1.25rem; + bottom: -1.25rem; +} + +.video-btn.video-btn-md:hover:before { + opacity: .75; + left: -1rem; + right: -1rem; + top: -1rem; + bottom: -1rem; +} + +.video-btn.video-btn-sm:hover:before { + opacity: .75; + left: -0.75rem; + right: -0.75rem; + top: -0.75rem; + bottom: -0.75rem; +} + +/*------------------------------------------*/ +/* VECTOR ICONS +/*------------------------------------------*/ + +.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; } /* 15px */ +.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; } /* 15px */ +.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; } /* 20px */ +.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; } /* 25px */ +.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; } /* 30px */ +.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; } /* 35px */ +.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; } /* 40px */ +.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; } /* 45px */ +.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; } /* 50px */ +.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; } /* 55px */ +.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; } /* 60px */ +.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; } /* 65px */ +.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; } /* 70px */ +.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; } /* 75px */ +.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; } /* 80px */ +.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; } /* 85px */ +.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; } /* 90px */ +.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; } /* 95px */ +.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; } /* 100px */ +.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */ +.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; } /* 110px */ +.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */ +.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; } /* 120px */ +.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */ + +/*------------------------------------------*/ +/* VECTOR ICON BACKGROUND +/*------------------------------------------*/ + +.shape-ico { + position: relative; + display: inline-block; + margin: 0 auto; +} + +.shape-ico span { + position: relative; + z-index: 2; +} + +.shape-ico svg { + position: absolute; + z-index: 1; +} + +.ico-50 .shape-ico svg { + width: 130px; + height: 130px; + top: -35px; + left: calc(50% - 60px); +} + +.fbox-11 .ico-50 .shape-ico svg { + top: -40px; + left: calc(50% - 70px); +} + +.ico-55 .shape-ico svg { + width: 135px; + height: 135px; + top: -30px; + left: calc(50% - 60px); +} + +.ico-60 .shape-ico svg { + width: 140px; + height: 140px; + top: -30px; + left: calc(50% - 65px); +} + +.shape-ico.color--blue-300 path, +.shape-ico.color--blue-400 path, +.shape-ico.color--blue-500 path { + fill: #f4f9fc; +} + +.shape-ico.color--green-300 path, +.shape-ico.color--green-400 path, +.shape-ico.color--green-500 path { + fill: #e9f8f2; +} + +.shape-ico.color--pink-300 path, +.shape-ico.color--pink-400 path, +.shape-ico.color--pink-500 path { + fill: #feecf2; +} + +.shape-ico.color--purple-300 path, +.shape-ico.color--purple-400 path, +.shape-ico.color--purple-500 path { + fill: #f1edff; +} + +.shape-ico.color--red-300 path, +.shape-ico.color--red-400 path, +.shape-ico.color--red-500 path { + fill: #fce7e4; +} + +.shape-ico.color--violet-300 path, +.shape-ico.color--violet-400 path, +.shape-ico.color--violet-500 path { + fill: #f7e4f1; +} + +/*------------------------------------------*/ +/* VECTOR ROUNDED ICONS +/*------------------------------------------*/ + +.ico-rounded, +.ico-rounded-md, +.ico-rounded-lg { + display: inline-block; + text-align: center; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.ico-rounded { width: 80px; height: 80px; } +.ico-rounded-md { width: 90px; height: 90px; } +.ico-rounded-lg { width: 100px; height: 100px; } + +.ico-rounded [class*="flaticon-"]:before, +.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; } + +.ico-rounded-md [class*="flaticon-"]:before, +.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; } + +.ico-rounded-lg [class*="flaticon-"]:before, +.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; } + +/*------------------------------------------*/ +/* VECTOR SQUARE ICONS +/*------------------------------------------*/ + +.ico-square { + display: inline-block; + text-align: center; + width: 80px; + height: 80px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -o-border-radius: 12px; + border-radius: 12px; +} + +.ico-square [class*="flaticon-"]:before, +.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; } + +/*------------------------------------------*/ +/* PNG ICONS SETTINGS +/*------------------------------------------*/ + +.ico-145 img { width: 145px; height: 145px; } +.ico-140 img { width: 140px; height: 140px; } +.ico-135 img { width: 135px; height: 135px; } +.ico-130 img { width: 130px; height: 130px; } +.ico-125 img { width: 125px; height: 125px; } +.ico-120 img { width: 120px; height: 120px; } +.ico-115 img { width: 115px; height: 115px; } +.ico-110 img { width: 110px; height: 110px; } +.ico-105 img { width: 105px; height: 105px; } +.ico-100 img { width: 100px; height: 100px; } +.ico-95 img { width: 95px; height: 95px; } +.ico-90 img { width: 90px; height: 90px; } +.ico-85 img { width: 85px; height: 85px; } +.ico-80 img { width: 80px; height: 80px; } +.ico-75 img { width: 75px; height: 75px; } +.ico-70 img { width: 70px; height: 70px; } +.ico-65 img { width: 65px; height: 65px; } +.ico-60 img { width: 60px; height: 60px; } +.ico-55 img { width: 55px; height: 55px; } +.ico-50 img { width: 50px; height: 50px; } +.ico-45 img { width: 45px; height: 45px; } +.ico-40 img { width: 40px; height: 40px; } +.ico-35 img { width: 35px; height: 35px; } +.ico-30 img { width: 30px; height: 30px; } +.ico-25 img { width: 25px; height: 25px; } +.ico-20 img { width: 20px; height: 20px; } + +/*------------------------------------------*/ +/* SECTION ID +/*------------------------------------------*/ + +.section-id { + display: block; + font-size: 0.85rem; + line-height: 1; + font-weight: 700; + letter-spacing: 0.5px; + text-transform: uppercase; + margin-bottom: 35px; +} + +.section-id.rounded-id { + display: inline-block; + padding: 10px 24px; + font-size: 0.85rem; + text-transform: uppercase; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + margin-bottom: 40px; +} + +.section-id.border-id { + border-width: 2px; + border-style: solid; +} + +.section-id.border-id.border--grey { + border-color: #757575; +} + +.section-id.border-id.border--blue { + border-color: #1680fb; +} + +.font--jakarta .section-id { + font-family: 'Plus Jakarta Sans', sans-serif; +} + +.font--inter .section-id { + font-family: 'Inter', sans-serif; +} + +/*------------------------------------------*/ +/* SECTION TITLE +/*------------------------------------------*/ + +.section-title { + text-align: center; +} + +.section-title h2 { + margin-bottom: 0; +} + +.section-title h2.w-700 { + letter-spacing: -0.5px; +} + +.section-title p.p-md, +.section-title p.p-lg, +.section-title p.p-xl, +.section-title p.s-20, +.section-title p.s-21 { + margin-top: 18px; + margin-bottom: 0; +} + +.section-title p.p-md, +.section-title p.p-lg { + padding: 0 3%; +} + +.section-title a.contact-link { + font-weight: 500; + text-decoration: underline; +} + +.section-title .btns-group .btn { + margin-top: 0; +} + +.section-title .advantages, +.section-title .btns-txt, +.section-title .btns-group-txt { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* TEXT COLORS +/*------------------------------------------*/ + +.color--white, +.color--white h1, +.color--white h2, +.color--white h3, +.color--white h4, +.color--white h5, +.color--white h6, +.color--white p, +.color--white a, +.color--white li, +.color--white i, +.color--white span { color: #fff; } + +.color--snow, +.color--snow h1, +.color--snow h2, +.color--snow h3, +.color--snow h4, +.color--snow h5, +.color--snow h6, +.color--snow p, +.color--snow a, +.color--snow li, +.color--snow i, +.color--snow span, +.color--white .color--snow { color: #c2c3cb; } + +.color--black, +.color--black h1, +.color--black h2, +.color--black h3, +.color--black h4, +.color--black h5, +.color--black h6, +.color--black p, +.color--black a, +.color--black li, +.color--black i, +.color--black span { color: #353f4f; } + +.color--coal, +.color--coal h1, +.color--coal h2, +.color--coal h3, +.color--coal h4, +.color--coal h5, +.color--coal h6, +.color--coal p, +.color--coal a, +.color--coal li, +.color--coal i, +.color--coal span { color: #52595d; } + +.color--grey, +.color--grey h1, +.color--grey h2, +.color--grey h3, +.color--grey h4, +.color--grey h5, +.color--grey h6, +.color--grey p, +.color--grey a, +.color--grey li, +.color--grey i, +.color--grey span, +.color--white .color--grey { color: #757575; } + +.color--blue-500, +.color--blue-500 h1, +.color--blue-500 h2, +.color--blue-500 h3, +.color--blue-500 h4, +.color--blue-500 h5, +.color--blue-500 h6, +.color--blue-500 p, +.color--blue-500 a, +.color--blue-500 li, +.color--blue-500 i, +.color--blue-500 span, +.color--white .color--blue-500 { color: #185abd!important; } + +.color--blue-400, +.color--blue-400 h1, +.color--blue-400 h2, +.color--blue-400 h3, +.color--blue-400 h4, +.color--blue-400 h5, +.color--blue-400 h6, +.color--blue-400 p, +.color--blue-400 a, +.color--blue-400 li, +.color--blue-400 i, +.color--blue-400 span, +.color--white .color--blue-400 { color: #1680fb!important; } + +.color--blue-300, +.color--blue-300 h1, +.color--blue-300 h2, +.color--blue-300 h3, +.color--blue-300 h4, +.color--blue-300 h5, +.color--blue-300 h6, +.color--blue-300 p, +.color--blue-300 a, +.color--blue-300 li, +.color--blue-300 i, +.color--blue-300 span, +.color--white .color--blue-300 { color: #3eb1ff!important; } + +.color--green-500, +.color--green-500 h1, +.color--green-500 h2, +.color--green-500 h3, +.color--green-500 h4, +.color--green-500 h5, +.color--green-500 h6, +.color--green-500 p, +.color--green-500 a, +.color--green-500 li, +.color--green-500 i, +.color--green-500 span, +.color--white .color--green-500 { color: #00a14e!important; } + +.color--green-400, +.color--green-400 h1, +.color--green-400 h2, +.color--green-400 h3, +.color--green-400 h4, +.color--green-400 h5, +.color--green-400 h6, +.color--green-400 p, +.color--green-400 a, +.color--green-400 li, +.color--green-400 i, +.color--green-400 span, +.color--white .color--green-400 { color: #0fbc49!important; } + +.color--green-300, +.color--green-300 h1, +.color--green-300 h2, +.color--green-300 h3, +.color--green-300 h4, +.color--green-300 h5, +.color--green-300 h6, +.color--green-300 p, +.color--green-300 a, +.color--green-300 li, +.color--green-300 i, +.color--green-300 span, +.color--white .color--green-300 { color: #6fd792!important; } + +.color--pink-500, +.color--pink-500 h1, +.color--pink-500 h2, +.color--pink-500 h3, +.color--pink-500 h4, +.color--pink-500 h5, +.color--pink-500 h6, +.color--pink-500 p, +.color--pink-500 a, +.color--pink-500 li, +.color--pink-500 i, +.color--pink-500 span, +.color--white .color--pink-500 { color: #ff149c!important; } + +.color--pink-400, +.color--pink-400 h1, +.color--pink-400 h2, +.color--pink-400 h3, +.color--pink-400 h4, +.color--pink-400 h5, +.color--pink-400 h6, +.color--pink-400 p, +.color--pink-400 a, +.color--pink-400 li, +.color--pink-400 i, +.color--pink-400 span, +.color--white .color--pink-400 { color: #f74780!important; } + +.color--pink-300, +.color--pink-300 h1, +.color--pink-300 h2, +.color--pink-300 h3, +.color--pink-300 h4, +.color--pink-300 h5, +.color--pink-300 h6, +.color--pink-300 p, +.color--pink-300 a, +.color--pink-300 li, +.color--pink-300 i, +.color--pink-300 span, +.color--white .color--pink-300 { color: #fcb5cc!important; } + +.color--purple-500, +.color--purple-500 h1, +.color--purple-500 h2, +.color--purple-500 h3, +.color--purple-500 h4, +.color--purple-500 h5, +.color--purple-500 h6, +.color--purple-500 p, +.color--purple-500 a, +.color--purple-500 li, +.color--purple-500 i, +.color--purple-500 span, +.color--white .color--purple-500 { color: #663ae9!important; } + +.color--purple-400, +.color--purple-400 h1, +.color--purple-400 h2, +.color--purple-400 h3, +.color--purple-400 h4, +.color--purple-400 h5, +.color--purple-400 h6, +.color--purple-400 p, +.color--purple-400 a, +.color--purple-400 li, +.color--purple-400 i, +.color--purple-400 span, +.color--white .color--purple-400 { color: #7b5dd6!important; } + +.color--purple-300, +.color--purple-300 h1, +.color--purple-300 h2, +.color--purple-300 h3, +.color--purple-300 h4, +.color--purple-300 h5, +.color--purple-300 h6, +.color--purple-300 p, +.color--purple-300 a, +.color--purple-300 li, +.color--purple-300 i, +.color--purple-300 span, +.color--white .color--purple-300 { color: #bdaeea!important; } + +.color--red-500, +.color--red-500 h1, +.color--red-500 h2, +.color--red-500 h3, +.color--red-500 h4, +.color--red-500 h5, +.color--red-500 h6, +.color--red-500 p, +.color--red-500 a, +.color--red-500 li, +.color--red-500 i, +.color--red-500 span, +.color--white .color--red-500 { color: #da0f29!important; } + +.color--red-400, +.color--red-400 h1, +.color--red-400 h2, +.color--red-400 h3, +.color--red-400 h4, +.color--red-400 h5, +.color--red-400 h6, +.color--red-400 p, +.color--red-400 a, +.color--red-400 li, +.color--red-400 i, +.color--red-400 span, +.color--white .color--red-400 { color: #ff1e1a!important; } + +.color--red-300, +.color--red-300 h1, +.color--red-300 h2, +.color--red-300 h3, +.color--red-300 h4, +.color--red-300 h5, +.color--red-300 h6, +.color--red-300 p, +.color--red-300 a, +.color--red-300 li, +.color--red-300 i, +.color--red-300 span, +.color--white .color--red-300 { color: #ffa5a3!important; } + +.color--violet-500, +.color--violet-500 h1, +.color--violet-500 h2, +.color--violet-500 h3, +.color--violet-500 h4, +.color--violet-500 h5, +.color--violet-500 h6, +.color--violet-500 p, +.color--violet-500 a, +.color--violet-500 li, +.color--violet-500 i, +.color--violet-500 span, +.color--white .color--violet-500 { color: #c73e9b!important; } + +.color--violet-400, +.color--violet-400 h1, +.color--violet-400 h2, +.color--violet-400 h3, +.color--violet-400 h4, +.color--violet-400 h5, +.color--violet-400 h6, +.color--violet-400 p, +.color--violet-400 a, +.color--violet-400 li, +.color--violet-400 i, +.color--violet-400 span, +.color--white .color--violet-400 { color: #be6cbe!important; } + +.color--violet-300, +.color--violet-300 h1, +.color--violet-300 h2, +.color--violet-300 h3, +.color--violet-300 h4, +.color--violet-300 h5, +.color--violet-300 h6, +.color--violet-300 p, +.color--violet-300 a, +.color--violet-300 li, +.color--violet-300 i, +.color--violet-300 span, +.color--white .color--violet-300 { color: #e2bde2!important; } + +.color--yellow-500, +.color--yellow-500 h1, +.color--yellow-500 h2, +.color--yellow-500 h3, +.color--yellow-500 h4, +.color--yellow-500 h5, +.color--yellow-500 h6, +.color--yellow-500 p, +.color--yellow-500 a, +.color--yellow-500 li, +.color--yellow-500 i, +.color--yellow-500 span, +.color--white .color--yellow-500 { color: #ffba01!important; } + +.color--yellow-400, +.color--yellow-400 h1, +.color--yellow-400 h2, +.color--yellow-400 h3, +.color--yellow-400 h4, +.color--yellow-400 h5, +.color--yellow-400 h6, +.color--yellow-400 p, +.color--yellow-400 a, +.color--yellow-400 li, +.color--yellow-400 i, +.color--yellow-400 span, +.color--white .color--yellow-400 { color: #ffbd45!important; } + +.color--yellow-300, +.color--yellow-300 h1, +.color--yellow-300 h2, +.color--yellow-300 h3, +.color--yellow-300 h4, +.color--yellow-300 h5, +.color--yellow-300 h6, +.color--yellow-300 p, +.color--yellow-300 a, +.color--yellow-300 li, +.color--yellow-300 i, +.color--yellow-300 span, +.color--white .color--yellow-300 { color: #ffdf35!important; } + + + + +/* ========================================================================== + 03. PRELOAD ANIMATION + ========================================================================== */ + +#loading { + height: 100%; + width: 100%; + position: fixed; + z-index: 1; + margin-top: 0px; + top: 0px; + z-index: 99999999; +} + +#loading { + background-color: #f5f5f9; +} + +#loading-center { + position: absolute; + left: 50%; + top: 50%; + height: 100px; + width: 100px; + margin-top: -50px; + margin-left: -50px; + -webkit-animation: loading-center-absolute 1s infinite; + animation: loading-center-absolute 1s infinite; +} + +.loader { + border: 2px solid; + border-color: transparent #888; + width: 100px; + height: 100px; + border-radius: 50%; + display: inline-block; + position: relative; + box-sizing: border-box; + animation: rotation 1s linear infinite; +} + +.loading--blue .loader { + border-color: transparent #1680fb; +} + +.loading--green .loader { + border-color: transparent #0fbc49; +} + +.loading--pink .loader { + border-color: transparent #f74780; +} + +.loading--purple .loader { + border-color: transparent #7b5dd6; +} + +.loading--red .loader { + border-color: transparent #ff1e1a; +} + +.loading--violet .loader { + border-color: transparent #c73e9b; +} + +.loading--yellow .loader { + border-color: transparent #ffba01; +} + +.loader::after { + content: ''; + box-sizing: border-box; + position: absolute; + left: 50%; + top: 50%; + border: 50px solid; + border-color: transparent rgba(30, 30, 30, 0.15); + border-radius: 50%; + transform: translate(-50%, -50%); +} + +.loading--blue .loader::after { + border-color: transparent rgba(22, 128, 251, .15); +} + +.loading--green .loader::after { + border-color: transparent rgba(14, 188, 73, .15); +} + +.loading--pink .loader::after { + border-color: transparent rgba(247, 71, 128, .15); +} + +.loading--purple .loader::after { + border-color: transparent rgba(123, 93, 214, .15); +} + +.loading--red .loader::after { + border-color: transparent rgba(255, 30, 26, .15); +} + +.loading--violet .loader::after { + border-color: transparent rgba(1900, 108, 190, .15); +} + +.loading--yellow .loader::after { + border-color: transparent rgba(255, 186, 1, .15); +} + +@keyframes rotation { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + + + + +/* ========================================================================== + 04. HEADER & NAVIGATION + =========================================================================== */ + +#header { + width: 100%; + display: block; + padding-top: 0px; +} + +.header-wrapper { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.headerwp { + max-width: 1140px; + margin: 0 auto; + padding: 0; +} + +.posrlt { + position: relative; +} + +/*------------------------------------------*/ +/* HEADER LOGO +/*------------------------------------------*/ + +.desktoplogo img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.blog-header .desktoplogo img { + max-height: 30px; +} + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.wsmainfull { + width: 100%; + height: auto; + z-index: 1031; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.tra-menu .wsmainfull { + padding: 20px 0; + background-color: transparent!important; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.white-menu .wsmainfull { + padding: 6px 0; + background-color: #fff!important; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.dark-menu .wsmainfull { + padding: 6px 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +#header.hiddden-header { + display: none; +} + +.hidden-nav .wsmainfull { + margin-top: -140px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 1rem; + line-height: 50px; + font-weight: 600; + letter-spacing: 0; + text-decoration: none; + margin: 0 7px; + padding: 10px 15px; +} + +.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.wsmenu > .wsmenu-list > li > a.h-link.last-link { + padding: 10px 0px; + margin: 0; +} + +.wsmenu > .wsmenu-list > li > a .wsarrow:after { + border-left: 4px solid rgba(0, 0, 0, 0); + border-right: 4px solid rgba(0, 0, 0, 0); + border-top: 4px solid; + content: ""; + float: right; + right: 0; + height: 0; + margin: 0 0 0 14px; + position: absolute; + text-align: right; + top: 35px; + width: 0; +} + +.wsmenu > .wsmenu-list > li.reg-fst-link > a { + margin-left: 30px; +} + +/*------------------------------------------*/ +/* HEADER LINK INFO +/*------------------------------------------*/ + +span.sm-info { + position: relative; + display: inline-block; + text-align: center; + width: 20px; + height: 20px; + color: #fff; + font-size: 0.65rem; + line-height: 19px; + font-weight: 700; + margin-left: 5px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; +} + +.nav-blue-500 .sm-info { background-color: #185abd; } +.nav-blue-400 .sm-info { background-color: #1680fb; } +.nav-blue-300 .sm-info { background-color: #3eb1ff; } + +.nav-green-500 .sm-info { background-color: #00a14e; } +.nav-green-400 .sm-info { background-color: #0fbc49; } +.nav-green-300 .sm-info { background-color: #6fd792; } + +.nav-pink-500 .sm-info { background-color: #ff149c; } +.nav-pink-400 .sm-info { background-color: #f74780; } +.nav-pink-300 .sm-info { background-color: #fcb5cc; } + +.nav-purple-500 .sm-info { background-color: #663ae9; } +.nav-purple-400 .sm-info { background-color: #7b5dd6; } +.nav-purple-300 .sm-info { background-color: #bdaeea; } + +.nav-red-500 .sm-info { background-color: #da0f29; } +.nav-red-400 .sm-info { background-color: #ff1e1a; } +.nav-red-300 .sm-info { background-color: #ffa5a3; } + +.nav-violet-500 .sm-info { background-color: #c73e9b; } +.nav-violet-400 .sm-info { background-color: #be6cbe; } +.nav-violet-300 .sm-info { background-color: #e2bde2; } + +.nav-yellow-500 .sm-info { background-color: #ffba01; } +.nav-yellow-400 .sm-info { background-color: #ffbd45; } +.nav-yellow-300 .sm-info { background-color: #ffdf35; } + +/*------------------------------------------*/ +/* HEADER BUTTONS +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li a.btn { + font-size: 1rem; + line-height: 30px; + font-weight: 600; + text-transform: none; + letter-spacing: 0; + margin-top: 14px; + padding: 4px 28px; +} + +.wsmenu > .wsmenu-list > li a.btn.reg-btn { + padding: 4px 22px; +} + +.wsmenu > .wsmenu-list > li a.btn.fst-btn-link { + margin-left: 12px; +} + +.wsmenu > .wsmenu-list > li a.store.header-store { + line-height: 1; + margin-top: 13px; + margin-left: 10px; + margin-bottom: 0; + padding: 0; +} + +.store.header-store img { + max-height: 44px; +} + +/*------------------------------------------*/ +/* HEADER SOCIAL LINKS +/*------------------------------------------*/ + +.header-socials { + margin: 0; + display: inline-block; + text-align: center; +} + +.header-socials span { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.header-socials a { + display: block; + margin-left: 18px; +} + +.navbar-light .header-socials a { + color: #ddd; +} + +.navbar-light .header-socials a:hover { + color: #ccc!important; +} + +.header-socials.ico-20 [class*="flaticon-"]:before, +.header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } + +/*------------------------------------------*/ +/* HEADER SUBMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu { + width: auto; + min-width: 200px; + top: 62px; + padding: 12px 10px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a { + background-color: rgba(244, 244, 249, 0); + font-family: 'Plus Jakarta Sans', sans-serif; + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* HALFMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + top: 62px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + width: 38%; + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + right: 2%; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li { + border-bottom: none; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + font-family: 'Plus Jakarta Sans', sans-serif; + background-color: rgba(244, 244, 249, 0); + color: #353f4f; + font-size: 1rem; + font-weight: 600; + padding: 11px 14px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + transition: all 0.3s ease-in-out; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(244, 244, 249, 1); + padding: 11px 14px; +} + +/*------------------------------------------*/ +/* MEGAMENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu { + padding: 12px 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { + width: 76%!important; + left: 23%; + padding: 20px 10px; +} + +.wsmegamenu.w-75 .col-lg-3 { + padding: 0 6px; +} + +/*------------------------------------------*/ +/* SUBMENU TITLE +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > .wsmegamenu .title, +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title { + color: #929394; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.875rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0; + margin: 10px 0 15px 13px; +} + +/*------------------------------------------*/ +/* DARK HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #ddd; + background-color: rgba(255, 255, 255, 0)!important; +} + +.dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(255, 255, 255, .05)!important; +} + +.dark-menu .title, .black-scroll .scroll .title, +.dark-menu .icons-menu-txt span, .black-scroll .scroll .icons-menu-txt span { + color: #fff!important; +} + +/*------------------------------------------*/ +/* ICONS MENU +/*------------------------------------------*/ + +.wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu { + max-width: 275px; + min-width: 275px; + padding: 12px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu { + width: 52%; + padding: 12px 6px; +} + +.wsmegamenu.halfmenu.icons-menu .col-lg-6 { + padding: 0 6px; +} + +.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 { + width: 82%!important; + left: 17%; + padding: 12px 6px; +} + +.wsmegamenu.icons-menu.w-75 .col-lg-4 { + padding: 0 6px; +} + +.icons-menu .icons-menu-item { + display: flex!important; + position: relative!important; + flex-flow: row wrap!important; + align-items: stretch!important; + justify-content: flex-start!important; +} + +.icons-menu-ico { + position: relative; + margin-right: 14px; +} + +.wsmegamenu.ico-30 .icons-menu-ico span { + position: relative; + top: 6px!important; +} + +.icons-menu-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.icons-menu-txt h6 { + color: inherit; + font-size: 1rem; + line-height: 32px; + font-weight: 500; + margin-bottom: 0; +} + +.icons-menu-txt span { + display: block; + color: #898989; + font-size: 0.925rem; + font-weight: 400; + margin-bottom: 0; +} + +.sub-menu.ico-30 .icons-menu-txt h6 { + line-height: 30px; +} + +/*------------------------------------------*/ +/* NAVBAR HOVER +/*------------------------------------------*/ + +.navbar-light .wsmenu-list > li > a.h-link:hover { + color: #eee!important; +} + +.navbar-dark .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +.wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #185abd!important; +} + +.wsmenu > .wsmenu-list.nav-blue-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #1680fb!important; +} + +.wsmenu > .wsmenu-list.nav-blue-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-blue-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #3eb1ff!important; +} + +.wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #00a14e!important; +} + +.wsmenu > .wsmenu-list.nav-green-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #0fbc49!important; +} + +.wsmenu > .wsmenu-list.nav-green-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-green-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #6fd792!important; +} + +.wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff149c!important; +} + +.wsmenu > .wsmenu-list.nav-pink-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #f74780!important; +} + +.wsmenu > .wsmenu-list.nav-pink-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-pink-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #fcb5cc!important; +} + +.wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #663ae9!important; +} + +.wsmenu > .wsmenu-list.nav-purple-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #7b5dd6!important; +} + +.wsmenu > .wsmenu-list.nav-purple-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-purple-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #bdaeea!important; +} + +.wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #da0f29!important; +} + +.wsmenu > .wsmenu-list.nav-red-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ff1e1a!important; +} + +.wsmenu > .wsmenu-list.nav-red-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-red-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #ffa5a3!important; +} + +.wsmenu > .wsmenu-list.nav-violet-500 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-500 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #c73e9b!important; +} + +.wsmenu > .wsmenu-list.nav-violet-400 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-400 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #be6cbe!important; +} + +.wsmenu > .wsmenu-list.nav-violet-300 > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-violet-300 > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #e2bde2!important; +} + +/*------------------------------------------*/ +/* HIDDEN NAVBAR SCROLL +/*------------------------------------------*/ + +.hidden-nav .wsmainfull.scroll { + margin-top: 0; +} + +/*------------------------------------------*/ +/* NAVBAR WHITE SCROLL +/*------------------------------------------*/ + +.tra-menu.white-scroll .wsmainfull.scroll, +.white-menu.white-scroll .wsmainfull.scroll { + padding: 0; + background-color: rgba(255, 255, 255, .7)!important; + backdrop-filter: blur(20px); + -webkit-backdrop-filter: blur(20px); + -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); + box-shadow: 0 2px 3px rgba(96, 96, 96, .1); +} + +.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #353f4f; +} + +.navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #1d222f!important; +} + +/*------------------------------------------*/ +/* NAVBAR BLACK SCROLL +/*------------------------------------------*/ + +.tra-menu.black-scroll .wsmainfull.scroll, +.dark-menu.black-scroll .wsmainfull.scroll { + padding: 0; + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #fff; +} + +.tra-menu.navbar-dark.black-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link:hover { + color: #ccc!important; +} + +/*------------------------------------------*/ +/* WHITE SCROLL BUTTONS +/*------------------------------------------*/ + +.white-scroll .scroll .btn--tra-white { + color: #353f4f!important; + border-color: #353f4f!important; +} + +/*------------------------------------------*/ +/* BLACK SCROLL BUTTONS +/*------------------------------------------*/ + +.black-scroll .scroll .btn--tra-black { + color: #fff!important; + border-color: #fff!important; +} + +/*------------------------------------------*/ +/* LOGO IMAGE +/*------------------------------------------*/ + +.logo-white, +.logo-black { + display: block; +} + +.navbar-light .logo-black, +.navbar-dark .logo-white, +.tra-menu.navbar-light .scroll .logo-white, +.tra-menu.navbar-dark.black-scroll .scroll .logo-black { + display: none; +} + +.tra-menu.navbar-light .scroll .logo-black, +.tra-menu.navbar-dark.black-scroll .scroll .logo-white { + display: block; +} + + + + +/* ========================================================================== + 05. HERO + ========================================================================== */ + +.hero-section, +.hero-section .container { + position: relative; + z-index: 3; +} + +.hero-section.bg--img { + width: 100%; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.hero-section.blur--purple:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 100%; + top: -30%; + left: 0; + background-image: url(../images/blur-purple.png); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + background-attachment: scroll; + opacity: 0.2; +} + +/*------------------------------------------*/ +/* HERO LOGO +/*------------------------------------------*/ + +.hero-logo { + margin-bottom: 40px; +} + +.hero-square-logo { + margin-bottom: 20px; +} + +#hero-22 .hero-logo { + margin-bottom: 30px; +} + +.hero-logo img { + width: auto; + max-width: inherit; + max-height: 36px; +} + +.hero-square-logo img { + width: auto; + max-width: inherit; + max-height: 90px; +} + +/*------------------------------------------*/ +/* HERO APP LOGO +/*------------------------------------------*/ + +.hero-app-logo { + margin-bottom: 35px; +} + +#hero-25 .hero-app-logo { + margin-bottom: 25px; +} + +.hero-app-logo img { + width: auto; + max-width: inherit; + max-height: 100px; +} + +#hero-25 .hero-app-logo img { + max-height: 110px; +} + +/*------------------------------------------*/ +/* HERO DIGITS +/*------------------------------------------*/ + +#hd-1-1, #hd-1-2 { + display: inline-block; + float: left; + padding-right: 20px; +} + +#hd-1-1 { width: 45%; } +#hd-1-2 { width: 55%; } + +.hero-digits-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.hero-digits .block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 12px; +} + +.hero-digits h2.statistic-number { + line-height: 1; + margin-bottom: 0; +} + +.hero-digits h2.statistic-number span { + font-size: 1.85rem; +} + +.hero-digits .block-txt p.p-sm { + line-height: 1.35; + margin-top: 5px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* HERO TYPOGRAPHY +/*------------------------------------------*/ + +.hero-section h2 { + margin-bottom: 28px; +} + +.hero-section h2.s-48, +.hero-section h2.s-50 { + margin-bottom: 40px; +} + +.hero-section h2.s-62 { + margin-bottom: 24px; +} + +.hero-section p.p-sm { + padding: 0!important; +} + +.hero-section p.p-md { + margin-bottom: 30px; +} + +.hero-section p.p-lg, +.hero-section p.p-xl { + margin-bottom: 32px; +} + +.hero-section p.s-20, +.hero-section p.s-22, +.hero-section p.s-24 { + margin-bottom: 36px; +} + +.hero-section p.p-lg span, +.hero-section p.p-xl span { + font-weight: 600; + letter-spacing: -0.35px; +} + +/*------------------------------------------*/ +/* HERO-1 +/*------------------------------------------*/ + +#hero-1 { + background-image: url(../images/hero-1.jpg); + padding-top: 130px; + padding-bottom: 100px; +} + +.hero-1-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-2 +/*------------------------------------------*/ + +#hero-2 { + background-image: url(../images/hero-2.jpg); + padding-top: 150px; + padding-bottom: 100px; +} + +.hero-2-txt p { + padding-right: 3%; +} + +.hero-2-img { + text-align: center; + padding-right: 25px; +} + +/*------------------------------------------*/ +/* HERO-3 +/*------------------------------------------*/ + +#hero-3 { + position: relative; + padding-top: 160px; + background-image: url(../images/hero-3.jpg); +} + +#hero-3:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 5%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-3-txt { + margin-top: -70px; +} + +.hero-3-txt p.p-lg { + padding-right: 2%; +} + +.hero-3-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-4 +/*------------------------------------------*/ + +#hero-4 { + overflow: hidden; + background-image: url(../images/hero-4.jpg); + padding-top: 180px; +} + +#hero-4:after { + position: absolute; + content: ''; + z-index: -1; + width: 100%; + height: 10%; + bottom: 0; + left: 0; + background-color: #fff; +} + +.hero-4-txt h2 { + padding: 0 3%; +} + +.hero-4-txt p { + padding: 0 5%; +} + +.hero-4-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-4-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-5 +/*------------------------------------------*/ + +#hero-5 .wave-shape-bottom path { + fill: #fff; +} + +#hero-5 { + background-image: url(../images/hero-5.jpg); + padding-top: 140px; + padding-bottom: 50px; +} + +.hero-5-txt h2 { + line-height: 1.3; + margin-bottom: 25px; +} + +.hero-5-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +.hero-5-img { + margin: 0 0 -50px; +} + +/*------------------------------------------*/ +/* HERO-6 +/*------------------------------------------*/ + +#hero-6 { + padding-top: 130px; +} + +.hero-6-wrapper { + overflow: hidden; + background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd); + padding: 75px 80px; +} + +.hero-6-img { + position: relative; + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-7 +/*------------------------------------------*/ + +#hero-7 { + padding-top: 140px; + padding-bottom: 100px; +} + +#hero-7 .quick-form { + margin-right: 4%; +} + +.hero-7-img { + padding-left: 30px; +} + +/*------------------------------------------*/ +/* HERO-8 +/*------------------------------------------*/ + +#hero-8 .wave-shape-bottom path { + fill: #fff; +} + +#hero-8 { + position: relative; + background-image: url(../images/hero-8.jpg); + padding-top: 170px; + padding-bottom: 30px; +} + +.hero-8-txt { + margin-top: -70px; +} + +.hero-8-txt p { + padding-right: 10%; +} + +.hero-8-txt .hero-digits { + padding-right: 15%; +} + +#hero-8-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-8-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-8-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-8-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-8-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-9 +/*------------------------------------------*/ + +#hero-9 { + padding-top: 180px; +} + +.hero-9-txt h2 { + line-height: 1; +} + +.hero-9-txt h2 img { + position: relative; + width: auto; + max-width: inherit; + max-height: 100px; + margin: 0 3px; + top: -8px; +} + +.hero-9-txt p { + padding: 0 5%; + margin-top: 40px; +} + +#hero-9 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +.hero-9-img { + margin-top: 60px; +} + +/*------------------------------------------*/ +/* HERO-10 +/*------------------------------------------*/ + +#hero-10 { + position: relative; + background-image: url(../images/hero-10.jpg); + padding-top: 170px; + padding-bottom: 100px; +} + +.hero-10-txt h4 { + line-height: 1.45; + font-weight: 300; + padding-right: 5%; + margin-bottom: 35px; +} + +.hero-10-img { + position: relative; + text-align: center; + margin: 0 -95% 0 15px; +} + +/*------------------------------------------*/ +/* HERO-11 +/*------------------------------------------*/ + +#hero-11 { + overflow: hidden; + background-image: url(../images/hero-11.jpg); + padding-top: 50px; +} + +.hero-11-txt { + margin-top: 40px; +} + +.hero-11-txt p { + padding-right: 5%; +} + +.hero-11-img { + position: relative; + margin: -60px -12% -100px -15px; +} + +/*------------------------------------------*/ +/* HERO-12 +/*------------------------------------------*/ + +#hero-12 { + overflow: hidden; + background-image: url(../images/hero-12.jpg); + padding-top: 180px; +} + +.hero-12-txt h2 { + padding: 0 3%; +} + +.hero-12-txt p { + padding: 0 5%; +} + +.hero-12-txt p.btns-group-txt { + margin-top: 25px; +} + +.hero-12-img { + margin-top: 60px; + margin-bottom: -100px; +} + +.hero-12-img .video-btn { + top: calc(50% - 30px); +} + +/*------------------------------------------*/ +/* HERO-13 +/*------------------------------------------*/ + +#hero-13 { + background-image: linear-gradient(180deg, #f1edff, #f1edff); + padding-top: 130px; + padding-bottom: 80px; +} + +#hero-13:after { + position: absolute; + content: ''; + z-index: -1; + width: 43%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; + -moz-box-shadow: 0 0 55px 35px #fff; + -webkit-box-shadow: 0 0 35px 35px #fff; + box-shadow: 0 0 35px 35px #fff; +} + +.hero-13-txt .section-id { + font-weight: 600; + letter-spacing: 1.5px; +} + +.hero-13-txt p { + padding-right: 5%; +} + +.hero-13-img { + text-align: center; +} + +/*------------------------------------------*/ +/* HERO-14 +/*------------------------------------------*/ + +#hero-14 .wave-shape-bottom path { + fill: #fff; +} + +#hero-14 { + background-image: url(../images/hero-14.jpg); + padding-top: 170px; +} + +.hero-14-txt p.s-21 { + font-size: 1.3125rem; + margin-bottom: 40px; +} + +#hero-14 .quick-form { + margin-left: 6%; + margin-right: 6%; +} + +.hero-14-txt .btn-txt { + margin-top: 40px; +} + +.hero-14-img { + margin-top: 70px; +} + +/*------------------------------------------*/ +/* HERO-15 +/*------------------------------------------*/ + +#hero-15 { + position: relative; + z-index: 3; + background-image: url(../images/hero-15.jpg); + padding-top: 130px; +} + +.hero-15-txt { + margin-top: -20px; +} + +.hero-15-txt h2 { + padding-right: 5%; +} + +.hero-15-txt p { + padding-right: 2%; +} + +/*------------------------------------------*/ +/* HERO-16 +/*------------------------------------------*/ + +#hero-16 .wave-shape-bottom path { + fill: #fff; +} + +#hero-16 { + background-image: url(../images/hero-16.jpg); + padding-top: 170px; + margin-bottom: 80px; +} + +.hero-16-img { + margin-top: 60px; + margin-bottom: -80px; +} + +/*------------------------------------------*/ +/* HERO-17 +/*------------------------------------------*/ + +#hero-17 { + text-align: center; + padding-top: 170px; + background-image: url(../images/hero-17.jpg); + background-position: top center; +} + +#hero-17 #brands-1 { + padding: 80px 6% 0; +} + +#hero-17 #brands-1 .brands-carousel-5 .brand-logo { + padding: 0 20px; +} + +#hero-17 .quick-form { + margin-left: 8%; + margin-right: 8%; +} + +/*------------------------------------------*/ +/* HERO-18 +/*------------------------------------------*/ + +#hero-18 { + padding-top: 140px; + padding-bottom: 80px; +} + +#hero-18:after { + position: absolute; + content: ''; + z-index: -1; + width: 74%; + height: 100%; + top: 0; + left: 26%; + background-image: url(../images/hero-18.jpg); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + border-radius: 0 0 0 60px; +} + +.hero-18-txt p { + padding-right: 3%; +} + +#hero-18 .quick-form { + margin-right: 4%; +} + +.hero-18-img { + text-align: center; + padding-right: 15px; +} + +/*------------------------------------------*/ +/* HERO-19 +/*------------------------------------------*/ + +#hero-19 { + padding-top: 170px; +} + +.hero-19-txt p { + padding: 0 10%; +} + +/*------------------------------------------*/ +/* HERO-20 +/*------------------------------------------*/ + +#hero-20 { + background-image: url(../images/hero-20.jpg); + padding-top: 100px; + padding-bottom: 100px; +} + +#hero-20:after { + position: absolute; + content: ''; + z-index: -1; + width: 51%; + height: 100%; + top: 0; + left: 0; + background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd); +} + +.hero-20-txt { + padding: 0 8% 0 15px; +} + +.hero-section .hero-20-txt h2.s-48 { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* HERO-21 +/*------------------------------------------*/ + +#hero-21 { + padding-top: 170px; +} + +.hero-21-txt { + margin-bottom: 60px; +} + +.hero-21-txt h2 { + margin-bottom: 35px; +} + +.hero-21-wrapper { + overflow: hidden; +} + +#hero-21 .hero-overlay { + background-image: url(../images/hero-21.jpg); + padding: 90px 70px 0; +} + +.hero-21-img { + position: relative; + margin-bottom: -25%; +} + +.hero-21-img .video-btn { + top: calc(50% - 80px); +} + +/*------------------------------------------*/ +/* HERO-22 +/*------------------------------------------*/ + +#hero-22 .wave-shape-bottom path { + fill: #fff; +} + +#hero-22 { + position: relative; + background-image: url(../images/hero-22.jpg); + padding-top: 160px; +} + +#hero-22-form { + position: relative; + z-index: 999; + background-color: #fff; + border: 1px solid #f8f8f8; + padding: 45px 35px 35px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); + box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); +} + +#hero-22-form h4 { + line-height: 1.4; + margin-bottom: 20px; +} + +#hero-22-form p { + color: #757575; + margin-bottom: 25px; +} + +#hero-22-form p.p-sm { + text-align: center; + padding: 0 5%!important; + margin-top: 5px; + margin-bottom: 0; +} + +#hero-22-form p a { + color: #1e90ff; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* HERO-23 +/*------------------------------------------*/ + +#hero-23 .wave-shape-bottom path { + fill: #fff; +} + +#hero-23 { + position: relative; + background-image: url(../images/hero-23.jpg); + padding-top: 100px; + margin-bottom: 25px; +} + +.hero-23-txt p { + padding: 0 5%; +} + +.hero-23-img { + margin-top: 40px; + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* HERO-24 +/*------------------------------------------*/ + +#hero-24 { + background-image: url(../images/hero-24.jpg); + padding-top: 200px; + padding-bottom: 150px; +} + +#hero-24 .quick-form { + margin-left: 7%; + margin-right: 7%; +} + +/*------------------------------------------*/ +/* HERO-25 +/*------------------------------------------*/ + +#hero-25 { + background-image: url(../images/hero-25.jpg); + padding-top: 120px; + padding-bottom: 100px; +} + +.hero-25-txt h2 { + margin-bottom: 22px; +} + +.hero-25-txt p.p-lg { + padding-right: 10%; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* HERO-26 +/*------------------------------------------*/ + +#hero-26 .wave-shape-bottom path { + fill: #fff; +} + +#hero-26 { + position: relative; + background-image: url(../images/hero-26.jpg); + padding-top: 160px; + z-index: 3; +} + +.hero-26-txt { + margin-top: -80px; +} + +.hero-26-txt h2 { + padding-right: 2%; +} + +#hero-26 .quick-form { + margin-right: 4%; +} + +.hero-26-img { + position: relative; + text-align: center; + margin: 0 -90% 0 -60px; +} + +/*------------------------------------------*/ +/* HERO-27 +/*------------------------------------------*/ + +#hero-27 .hero-overlay { + background-image: url(../images/hero-27.png); + background-position: top center; + padding-top: 170px; +} + +.hero-27-txt h2 { + margin-bottom: 26px!important; +} + +.hero-27-txt p.s-20 { + padding: 0 6%; + margin-bottom: 30px!important; +} + +.hero-27-txt p.s-21 { + padding: 0 5%; +} + +/*------------------------------------------*/ +/* HERO QUICK FORM +/*------------------------------------------*/ + +.hero-section .quick-form .input-group { + border: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Input +/*------------------------------------------*/ + +.hero-section .quick-form .form-control { + height: 64px; + background-color: #fff; + border: 2px solid transparent; + color: #666; + font-size: 1.125rem; + font-weight: 400; + padding: 0 20px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.hero-section .quick-form.form-shadow .form-control { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); + box-shadow: 0 5px 10px rgba(0, 0, 0, .05); +} + +.hero-section .quick-form.form-stroke .form-control { + border-color: #353f4f; +} + +.hero-section .quick-form.form-half .form-control { + height: 58px; + font-size: 1.0625rem; +} + +/*------------------------------------------*/ +/* Hero Quick Form Placeholder +/*------------------------------------------*/ + +.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Hero Quick Form Focus +/*------------------------------------------*/ + +.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Quick Form Button +/*------------------------------------------*/ + +.hero-section .quick-form .btn { + height: 64px; + font-size: 1.0625rem; + padding: 12px 45px; + margin-left: 15px; +} + +.hero-section .quick-form.form-half .btn { + height: 58px; + font-size: 1rem; + padding: 13px 40px; + margin-left: 14px; +} + +/*------------------------------------------*/ +/* Hero Quick Form Message +/*------------------------------------------*/ + +.hero-section .quick-form-msg { + width: 100%!important; + display: block; + margin: 20px 0 15px 5px; +} + +.hero-section .text-center .quick-form-msg { + margin: 20px 0 -15px 0; +} + +.hero-section .quick-form-msg .loading { + color: #3eb1ff; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; +} + +.hero-section .text-center .quick-form-msg .loading { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* HERO REQUEST FORM +/*------------------------------------------*/ + +/*------------------------------------------*/ +/* Hero Request Form Input +/*------------------------------------------*/ + +.request-form .form-control { + height: 58px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #666; + font-size: 1rem; + font-weight: 400; + margin-bottom: 22px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Hero Request Form Placeholder +/*------------------------------------------*/ + +.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } +.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; } +.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; } + +.request-form .form-control:focus { + background-color: #fff; + border-color: #1680fb; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Hero Request Form Button +/*------------------------------------------*/ + +#hero-8-form .btn, +#hero-22-form .btn { + width: 100%; + height: 58px; + padding: 16px; +} + +/*------------------------------------------*/ +/* Hero Request Form Message +/*------------------------------------------*/ + +.request-form-msg { + width: 100%!important; + display: block; + text-align: center; + margin-top: 15px; +} + +.request-form-msg .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 06. ABOUT + ========================================================================== */ + +.a2-txt { + padding: 20px 30px 35px; +} + +.a2-txt-quote { + position: relative; + margin-bottom: -45px; + } + +.a2-txt-quote.ico-40 [class*="flaticon-"]:before, +.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; } + +/*------------------------------------------*/ +/* ABOUT TYPOGRAPHY +/*------------------------------------------*/ + +#about-1 .txt-block p { + margin-bottom: 0; +} + +#about-4 .txt-block p { + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* ABOUT 2 AUTHOR +/*------------------------------------------*/ + +.a2-txt-author { + line-height: 1.45; + font-weight: 500; + margin-top: 18px; + margin-bottom: 0; +} + +.a2-txt-author span { + display: block; + font-weight: 300; +} + +/*------------------------------------------*/ +/* ABOUT 2 IMAGES +/*------------------------------------------*/ + +.about-3-images { + padding: 0 5%; +} + +.about-2-img { + overflow: hidden; +} + +.about-3-img { + overflow: hidden; + height: 460px; +} + +.a-2-1 { + margin-left: 13%; + margin-bottom: 30px; +} + +.a-2-2 { + margin-left: -10%; +} + +.a-2-3 { + margin-right: -10%; + margin-bottom: 30px; +} + +.a-2-4 { + margin-right: -10%; +} + +#a4-1 { + position: relative; + padding-right: 30px; + margin-top: -30px; +} + +#a4-2 { + position: relative; + padding-left: 30px; + margin-bottom: -30px; +} + + + + +/* ========================================================================== + 07. FEATURES + ========================================================================== */ + +#features-12.py-100.shape--bg:after, +#features-12.pt-100.shape--bg:after, +#features-13.py-100.shape--bg:after, +#features-13.pt-100.shape--bg:after { + position: absolute; + content: ''; + z-index: -1; +} + +#features-12.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; left: 52%; } +#features-12.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; left: 52%; } +#features-13.py-100.shape--bg:after { width: 48%; height: 64%; top: 18%; } +#features-13.pt-100.shape--bg:after { width: 48%; height: 72%; top: 21%; } + +.rows-2 .fb-1, +.rows-2 .fb-2, +.rows-2 .fb-3 { + margin-bottom: 50px; +} + +.rows-2 .fbox-7.fb-1, +.rows-2 .fbox-7.fb-2, +.rows-2 .fbox-7.fb-3, +.rows-2 .fbox-9.fb-1, +.rows-2 .fbox-9.fb-2, +.rows-2 .fbox-9.fb-3, +.rows-3 .fb-1, .rows-3 .fb-2, +.rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 40px; } + +.rows-3 .fb-3.fbox-11-lst, +.rows-3 .fb-4.fbox-11-lst { margin-bottom: 0; } + +.fbox-14-wrapper { + padding: 80px 70px; +} + +.fbox-14-wrapper .col { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.row-cols-md-3 .fbox-4 { padding: 50px 35px; } +.row-cols-md-2 .fbox-4 { padding: 35px 20px; } + +.fbox-5 { padding: 60px; } + +.fbox-7 { + border: 2px solid #eee; + padding: 55px 40px 50px; +} + +.row-cols-md-2 .fbox-7 { + padding: 35px 20px 30px; +} + +.fbox-8 { padding: 55px 40px; } +.fbox-8.bg--white-100 { padding: 60px 40px; } + +.fbox-9 { + border: 2px solid #eee; + padding: 40px 40px 35px; +} + +.fbox-14 { + border: 2px solid #eee; + padding: 40px 30px 35px; +} + +/*------------------------------------------*/ +/* FEATURE BOX IMAGE +/*------------------------------------------*/ + +.fbox-img img { + width: auto; + max-width: inherit; +} + +.fbox-img.h-135 img { max-height: 135px; } +.fbox-img.h-140 img { max-height: 140px; } +.fbox-img.h-145 img { max-height: 145px; } +.fbox-img.h-150 img { max-height: 150px; } +.fbox-img.h-155 img { max-height: 155px; } +.fbox-img.h-160 img { max-height: 160px; } +.fbox-img.h-165 img { max-height: 165px; } +.fbox-img.h-170 img { max-height: 170px; } +.fbox-img.h-175 img { max-height: 175px; } +.fbox-img.h-180 img { max-height: 180px; } + +/*------------------------------------------*/ +/* FBOX-1 IMAGE +/*------------------------------------------*/ + +.fbox-1 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-1 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-2 IMAGE +/*------------------------------------------*/ + +.fbox-2 .fbox-img { + -webkit-border-radius: 12px 12px 0 0; + -moz-border-radius: 12px 12px 0 0; + -o-border-radius: 12px 12px 0 0; + border-radius: 12px 12px 0 0; +} + +.fbox-2 .fbox-img.h-135, .fbox-2 .fbox-img.h-140, .fbox-2 .fbox-img.h-145, +.fbox-2 .fbox-img.h-150, .fbox-2 .fbox-img.h-155 { padding-top: 35px; margin-bottom: 60px; } + +.fbox-2 .fbox-img.h-160 { padding-top: 35px; margin: 0 20px 60px; } +.fbox-2 .fbox-img.h-165 { padding-top: 38px; margin: 0 15px 60px; } +.fbox-2 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 60px; } +.fbox-2 .fbox-img.h-175 { padding-top: 42px; margin: 0 8px 60px; } +.fbox-2 .fbox-img.h-180 { padding-top: 44px; margin: 0 5px 60px; } + +.fbox-2 .fbox-img img { + margin-bottom: -25px; +} + +/*------------------------------------------*/ +/* FBOX-3 IMAGE +/*------------------------------------------*/ + +.fbox-3 .fbox-img { + overflow: hidden; +} + +.fbox-3 .fbox-img.h-135 { padding-top: 30px; margin: 0 0 35px; } +.fbox-3 .fbox-img.h-160 { padding-top: 32px; margin: 0 18px 35px; } +.fbox-3 .fbox-img.h-170 { padding-top: 40px; margin: 0 10px 35px; } +.fbox-3 .fbox-img.h-175, .fbox-3 .fbox-img.h-180 { padding-top: 40px; margin: 0 5px 35px; } + +.row-cols-md-2 .fbox-3 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-4 IMAGE +/*------------------------------------------*/ + +.fbox-4 .fbox-img { + margin-bottom: 35px; +} + +.row-cols-md-2 .fbox-4 .fbox-img { + margin-bottom: 28px; +} + +/*------------------------------------------*/ +/* FBOX-5 IMAGE +/*------------------------------------------*/ + +.fbox-5.fb-1 .fbox-5-img, +.fbox-5.fb-5 .fbox-5-img, +.fbox-5.fb-6 .fbox-5-img { + margin: 40px 5% 0; +} + +.fbox-5.fb-2 .fbox-5-img, +.fbox-5.fb-3 .fbox-5-img, +.fbox-5.fb-4 .fbox-5-img { + margin: 0 5% 40px; +} + +/*------------------------------------------*/ +/* FEATURE BOX VECTOR ICON +/*------------------------------------------*/ + +.fbox-ico, +.fbox-ico.ico-rounded { + margin-bottom: 20px; +} + +.fbox-ico.ico-rounded-md, +.fbox-ico.ico-rounded-lg { + margin-bottom: 25px; +} + +.fbox-11 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.fbox-ico-wrap { + position: relative; + margin-right: 25px; +} + +.rows-2 .fbox-ico-wrap { + margin-right: 20px; +} + +.fbox-11 .fbox-ico { + margin-top: 4px; +} + +/*------------------------------------------*/ +/* FEATURE BOX +/*------------------------------------------*/ + +.fbox-11 .fbox-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +/*------------------------------------------*/ +/* FEATURE BOX TITLE +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-lg-3 .fbox-title { + margin-bottom: 10px; +} + +.fbox-title span { + float: left; + line-height: 1!important; + margin-right: 15px; +} + +.fbox-title h6 { + line-height: 2.1875rem!important; + margin-bottom: 0; +} + +.fbox-title.ico-30 h6 { + line-height: 1.875rem!important; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* FEATURE BOX TYPOGRAPHY +/*------------------------------------------*/ + +.fbox-wrapper .row-cols-md-3 h6 { + margin-bottom: 15px; +} + +.rows-2 .fbox-11 h6, +.fbox-wrapper .row-cols-md-2 h6 { + margin-bottom: 10px; +} + +.fbox-wrapper p { + margin-bottom: 0; +} + +.fbox-5 h5 { + margin-bottom: 15px; +} + +.fbox-14 h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FEATURE-12 +/*------------------------------------------*/ + +.fbox-12-wrapper { + padding-left: 45px; +} + +.fbox-13-wrapper { + padding-right: 45px; +} + +.fbox-12, +.fbox-13 { + padding: 32px 35px; +} + +.fbox-12 h5, +.fbox-13 h5 { + margin-top: 20px; + margin-bottom: 10px; +} + +.fbox-12 p, +.fbox-13 p, +.fbox-14 p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 08. CONTENT + ========================================================================== */ + +.ct-06 { + margin-bottom: 80px; +} + +.ct-07 { + margin-top: 80px; +} + +.ct-10 .section-overlay { + margin-bottom: 100px; +} + +.ct-11, +.ct-12 { + padding: 60px 0; +} + +.ct-11:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; +} + +.ct-12:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + left: 50%; + background-color: #fff; +} + +/*------------------------------------------*/ +/* CONTENT BOX WRAPPER +/*------------------------------------------*/ + +.bc-1-wrapper .section-overlay, +.bc-4-wrapper .section-overlay, +.bc-6-wrapper .section-overlay { + padding: 80px 70px; +} + +.bc-2-wrapper .section-overlay, +.bc-3-wrapper .section-overlay, +.bc-5-wrapper .section-overlay { + padding: 80px 70px 0; +} + +.bc-6 { + padding: 40px 35px; +} + +.cbox-6-wrapper { + padding: 60px 40px; +} + +.content-section .cbox-6-wrapper { + padding: 80px 70px; +} + +.bc-5-wrapper .section-title p { + padding: 0; +} + +/*------------------------------------------*/ +/* TEXT BLOCK +/*------------------------------------------*/ + +.txt-box { + margin-bottom: 20px; +} + +.txt-box:last-child { + margin-bottom: 0; +} + +.bc-3-txt, +.ct-06 .txt-block, +.bc-2-wrapper .txt-block { + margin-top: -40px; +} + +.bc-2-txt, +.ct-07 .txt-block { + margin-top: 40px; +} + +.bc-1-wrapper .txt-block.pr-25.left-column, +.bc-2-wrapper .txt-block.pr-25.left-column { + padding-right: 25px; +} + +.bc-1-wrapper .txt-block.pl-25.right-column, +.bc-2-wrapper .txt-block.pl-25.right-column { + padding-left: 25px; +} + +.ct-11 .txt-block { + padding-right: 50px; +} + +.ct-12 .txt-block { + padding-left: 70px; +} + +.ct-13 .txt-block h5 { + padding-right: 6%; +} + +/*------------------------------------------*/ +/* TEXT BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.bc-2-txt h2, +.bc-3-txt h2, +.bc-4-txt h2, +.txt-block h3, +.txt-block h2 { + margin-bottom: 26px; +} + +.txt-block h5 { + margin-bottom: 20px; +} + +h5.h5-title { + margin-top: 20px; + margin-bottom: 20px; +} + +.txt-block .btn, +.txt-block .btns-group .btn.btn--transparent { + margin-top: 25px; +} + +.txt-block .btn.btn--transparent { + margin-top: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX +/*------------------------------------------*/ + +.cbox-1, +.cbox-2, +.cbox-3 { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.cbox-5 { + position: relative; +} + +.cbox-5-content { + background-color: #fff; + border: 1px solid #f5f6f6; + padding: 40px; + margin: 0 12%; + z-index: 1; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.cbox-5-content .divider { + margin-top: 25px; + margin-bottom: 25px; +} + +#cb-6-1, #cb-6-2 { + margin-bottom: 35px; +} + +/*------------------------------------------*/ +/* CONTENT BOX TITLE +/*------------------------------------------*/ + +.box-title h6, +.box-title h5 { + display: inline-block; + line-height: 2.35rem!important; + margin-bottom: 15px; +} + +.box-title span { + position: relative; + top: 12px; + margin-right: 10px; +} + +.box-title span[class*="flaticon-"]:before, +.box-title span[class*="flaticon-"]:after { + font-size: 2.35rem; +} + +.txt-block .cbox-5-title h2 { + font-size: 3.5rem; + letter-spacing: -1px; + line-height: 1; + margin-bottom: 10px; +} + +.cbox-5-title .statistic-number sup { + font-size: 3rem; + top: -5px; + right: 6px; +} + +.cbox-5-title .ico-15 [class*="flaticon-"]:before, +.cbox-5-title .ico-15 [class*="flaticon-"]:after { + font-size: 0.875rem; + line-height: 1!important; +} + +.cbox-5-title p.p-lg { + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* CONTENT BOX ICON +/*------------------------------------------*/ + +.cbox-1 .ico-wrap { + margin-left: 8px; +} + +.cbox-1.ico-10 span { + position: relative; + top: 0; + right: 7px; +} + +.cbox-1.ico-15 span { + position: relative; + top: 1px; + right: 8px; +} + +.cbox-1.ico-10 [class*="flaticon-"]:before, +.cbox-1.ico-10 [class*="flaticon-"]:after { + font-size: 0.6rem; +} + +.cbox-1.ico-15 [class*="flaticon-"]:before, +.cbox-1.ico-15 [class*="flaticon-"]:after { + font-size: 0.75rem; +} + +/*------------------------------------------*/ +/* CBOX #2 +/*------------------------------------------*/ + +.cbox-2 .ico-wrap { + position: relative; + margin-right: 1.625rem; +} + +.cbox-2-ico { + position: relative; + width: 2.625rem; + height: 2.625rem; + text-align: center; + border-radius: 100%; + font-size: 1.1875rem; + font-weight: 500; + line-height: 2.375rem; + border: 2px solid transparent; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.ct-03 .cbox-2-ico { + position: relative; + width: 2.35rem; + height: 2.35rem; + font-size: 1.15rem; + line-height: 2.15rem; +} + +.cbox-2-line { + position: absolute; + bottom: 20px; + left: 50%; + width: 2px; + background-color: #e4e4e4; + height: calc(100% - 90px); + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.cbox-2:hover .cbox-2-ico { + background-color: transparent; + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} + +.cbox-2:hover .cbox-2-ico.bg--blue-500 { color: #185abd; border-color: #185abd; } +.cbox-2:hover .cbox-2-ico.bg--blue-400 { color: #1680fb; border-color: #1680fb; } +.cbox-2:hover .cbox-2-ico.bg--blue-300 { color: #3eb1ff; border-color: #3eb1ff; } + +.cbox-2:hover .cbox-2-ico.bg--green-500 { color: #00a14e; border-color: #00a14e; } +.cbox-2:hover .cbox-2-ico.bg--green-400 { color: #0fbc49; border-color: #0fbc49; } +.cbox-2:hover .cbox-2-ico.bg--green-300 { color: #6fd792; border-color: #6fd792; } + +.cbox-2:hover .cbox-2-ico.bg--pink-500 { color: #ff149c; border-color: #ff149c; } +.cbox-2:hover .cbox-2-ico.bg--pink-400 { color: #f74780; border-color: #f74780; } +.cbox-2:hover .cbox-2-ico.bg--pink-300 { color: #fcb5cc; border-color: #fcb5cc; } + +.cbox-2:hover .cbox-2-ico.bg--purple-500 { color: #663ae9; border-color: #663ae9; } +.cbox-2:hover .cbox-2-ico.bg--purple-400 { color: #7b5dd6; border-color: #7b5dd6; } +.cbox-2:hover .cbox-2-ico.bg--purple-300 { color: #bdaeea; border-color: #bdaeea; } + +.cbox-2:hover .cbox-2-ico.bg--red-500 { color: #da0f29; border-color: #da0f29; } +.cbox-2:hover .cbox-2-ico.bg--red-400 { color: #ff1e1a; border-color: #ff1e1a; } +.cbox-2:hover .cbox-2-ico.bg--red-300 { color: #ffa5a3; border-color: #ffa5a3; } + +.cbox-2:hover .cbox-2-ico.bg--violet-500 { color: #c73e9b; border-color: #c73e9b; } +.cbox-2:hover .cbox-2-ico.bg--violet-400 { color: #be6cbe; border-color: #be6cbe; } +.cbox-2:hover .cbox-2-ico.bg--violet-300 { color: #e2bde2; border-color: #e2bde2; } + +.cbox-2:hover .cbox-2-ico.bg--yellow-500 { color: #ffba01; border-color: #ffba01; } +.cbox-2:hover .cbox-2-ico.bg--yellow-400 { color: #ffbd45; border-color: #ffbd45; } +.cbox-2:hover .cbox-2-ico.bg--yellow-300 { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* CBOX #3 +/*------------------------------------------*/ + +.cbox-3 .ico-wrap { + position: relative; + text-align: center; + margin-top: 0; + margin-right: 1.15rem; +} + +.cbox-3 .cbox-3-ico { + position: relative; + top: 3px; +} + +.cbox-3-ico span[class*="flaticon-"]:before, +.cbox-3-ico span[class*="flaticon-"]:after { + font-size: 2.85rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX TEXT +/*------------------------------------------*/ + +.cbox-1-txt, +.cbox-2-txt, +.cbox-3-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.cbox-2-txt, +.cbox-3-txt { + margin-bottom: 35px; +} + +.ct-03 .cbox-2-txt { + margin-bottom: 30px; +} + +.cbox-4-txt { + margin-bottom: 25px; +} + +.cbox-2:last-child .cbox-2-txt, +.cbox-3:last-child .cbox-3-txt, +.cbox-4:last-child .cbox-4-txt { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX FEATURE +/*------------------------------------------*/ + +.cbox-5-fea { + padding: 20px 25px; + margin-top: 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +.txt-block .cbox-5-fea h4 { + line-height: 1; + margin-bottom: 3px; +} + +.cbox-5-fea p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* CONTENT BOX TYPOGRAPHY +/*------------------------------------------*/ + +.cbox-2-txt h5, +.cbox-3-txt h5 { + margin-bottom: 15px; +} + +.ct-03 .cbox-2-txt h5 { + margin-bottom: 10px; +} + +.cbox-6 h6 { + margin-bottom: 15px; +} + +.cbox-1-txt p { + margin-bottom: 8px; +} + +.cbox-1-last .cbox-1-txt p { + margin-bottom: 1rem; +} + +.cbox-6 p, +.cbox-2-txt p, +.cbox-3-txt p, +.cbox-4-txt p { + margin-bottom: 0; +} + +.bc-6-txt { + padding: 0 10px; +} + +.bc-6-txt h5 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* ACCORDION +/*------------------------------------------*/ + +.txt-block .accordion-1 .accordion-item { + background-color: transparent; + padding: 25px 30px; + border: none; +} + +.txt-block .accordion-2 .accordion-item { + background-color: transparent; + padding: 15px 0 25px; + border: none; + border-top: 1px solid #ccc; + border-radius: 0 0; +} + +.txt-block .accordion-2 .accordion-item:last-child { + border-bottom: 1px solid #ccc; +} + +.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; } +.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; } +.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } +.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; } +.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; } +.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; } +.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; } +.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; } + +.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } +.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } +.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } +.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } +.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } +.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; } +.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; } + +.txt-block .accordion-thumb { + margin: 0; + padding: 0; + cursor: pointer; + position: relative; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + color: #6c757d; + font-family: Flaticon; + position: absolute; + color: #353f4f; + font-weight: 400; +} + +.txt-block .accordion-1 .accordion-item .accordion-thumb:before { + content: "\f11a"; + font-size: 0.95rem; + top: 1px; + left: 0; +} + +.txt-block .accordion-2 .accordion-item .accordion-thumb:after, +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f110"; + font-size: 0.95rem; + top: 12px; + right: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active { + background-color: #f4f4f9; + padding: 35px 30px 19px 30px; + margin-bottom: 15px; + margin-top: 15px; +} + +.txt-block .accordion-2 .accordion-item.is-active { + background-color: transparent; + margin-bottom: 0; + margin-top: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before { + content: "\f11b"; +} + +.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after { + content: "\f111"; +} + +.txt-block .accordion-1 .accordion-panel { + color: #6c757d; + margin: 0; + padding: 0 0 0 25px; + display: none; +} + +.txt-block .accordion-2 .accordion-panel { + color: #6c757d; + margin: 15px 0 0 0; + display: none; +} + +.txt-block .accordion-1 .accordion-thumb h5 { + color: #353f4f; + line-height: 1; + padding-left: 28px; + margin-bottom: 0; +} + +.txt-block .accordion-2 .accordion-thumb h5 { + color: #353f4f; + display: inline-block; + line-height: 1; + padding-left: 10px; + margin-bottom: 0; +} + +.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { + margin-bottom: 20px; +} + +.accordion-2 .accordion-thumb span[class*="flaticon-"]:before, +.accordion-2 .accordion-thumb span[class*="flaticon-"]:after { + color: #6c757d; + position: relative; + font-size: 2.1875rem; + top: 10px; +} + +.txt-block .accordion-2 .accordion-panel .simple-list li { + margin-bottom: 1rem; +} + +.txt-block .accordion-2 .accordion-panel p, +.txt-block .accordion-2 .accordion-panel .simple-list li:last-child { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TABS +/*------------------------------------------*/ + +#tabs-1 .tabs-nav { + text-align: center; +} + +.tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +#tabs-1 .tab-content { + display: none; +} + +#tabs-1 .tab-content.current { + display: inherit; +} + +.tabs-1 li { + display: inline-block; + margin: 0 20px; + color: #aaa; + font-size: 1.05rem; + line-height: 1; + font-weight: 500; + padding: 0 2px 10px; + background-color: transparent; + border-bottom: 3px solid transparent; + cursor: pointer; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* TAB LINK HOVER / CURRENT +/*------------------------------------------*/ + +.tabs-1 li:hover { + color: #888; + border-color: #ccc; +} + +.tabs-1 li.current, +.tabs-1 li.current:hover { + color: #2b3648; + border-color: #2b3648; +} + +.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; } +.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #1680fb; border-color: #1680fb; } +.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; } + +.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; } +.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; } +.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; } + +.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; } +.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; } +.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; } + +.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; } +.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; } +.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; } + +.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; } +.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; } +.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; } + +.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; } +.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; } +.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; } + +.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; } +.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; } +.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; } + +/*------------------------------------------*/ +/* ADVANTAGES LIST +/*------------------------------------------*/ + +.advantages { + margin-top: 15px; +} + +.text-center .advantages { + margin-top: 20px; +} + +.advantages li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.advantages-links-divider { + position: relative; + top: 0.5px; + transform: rotate(-90deg); +} + +.advantages li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.advantages.ico-15 li p span { + position: relative; + top: 2px; + right: -1px; +} + +.advantages.ico-15 [class*="flaticon-"]:before, +.advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.advantages li p a { + font-weight: 400; + text-decoration: underline; +} + +.advantages li p a:hover { + text-decoration: underline; +} + +.white--color .advantages li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* COMPATABILITY +/*------------------------------------------*/ + +.compatibility { + display: inline-block; + padding: 3px 20px; + margin-top: 15px; + margin-bottom: 0; +} + +.compatibility span { + position: relative; + top: -1.5px; + right: 2px; +} + +.compatibility.ico-10 [class*="flaticon-"]:before, +.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; } + +/*------------------------------------------*/ +/* TOOLS LIST / PAYMENT METHODS +/*------------------------------------------*/ + +.tools-list, +.payment-methods { + margin-top: 25px; +} + +.tools-list p, +.payment-methods p { + font-weight: 400; + margin-bottom: 12px; +} + +.tools-list.ico-35 [class*="flaticon-"]:before, +.tools-list.ico-35 [class*="flaticon-"]:after { + line-height: 2.1875rem!important; + margin-right: 6px; +} + +/*------------------------------------------*/ +/* Payment Icons +/*------------------------------------------*/ + +.payment-icons li { + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; + padding-right: 5px; +} + +.payment-icons li:last-child { + padding-right: 0; +} + +.payment-icons img { + width: auto; + max-width: inherit; + max-height: 32px; +} + +/*------------------------------------------*/ +/* QUOTE +/*------------------------------------------*/ + +.quote p { + color: #666; + border-left: 3px solid #0195ff; + font-style: italic; + padding-left: 20px; + margin-bottom: 12px; +} + +/*------------------------------------------*/ +/* Quote Avatar +/*------------------------------------------*/ + +.quote-avatar { + display: inline-block; + margin: 0 auto; +} + +.quote-avatar img { + width: 70px; + height: 70px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +/*------------------------------------------*/ +/* Quote Author +/*------------------------------------------*/ + +.quote-author { + position: relative; + display: inline-block; + padding: 0 0 0 15px; + text-align: left; + top: 16px; +} + +.quote-author h6 { + margin-bottom: 0; +} + +.quote-author span { + font-size: 1rem; +} + +/*------------------------------------------*/ +/* CONTENT BOX SHAPES +/*------------------------------------------*/ + +.cbox-5-shape-1 { + position: absolute; + right: 30px; + top: -35px; + z-index: -1; +} + +.cbox-5-shape-2 { + position: absolute; + left: 30px; + bottom: -25px; + z-index: -1; +} + +.cbox-5-shape-1 img, +.cbox-5-shape-2 img { + height: 100%; + width: 100%; + object-fit: cover; +} + +/*------------------------------------------*/ +/* IMG BLOCK IMAGE +/*------------------------------------------*/ + +.grey-img { + filter: grayscale(100%); +} + +.img-block { + text-align: center; +} + +.img-block.img-block-bkg { + overflow: hidden; +} + +.img-block.img-block-bkg img { + padding: 60px 45px; +} + +.ct-10 .img-block, +.img-block-hidden, +.bc-5-img.bc-5-dashboard.img-block-hidden { + margin-bottom: -100px; +} + +.ct-05 .img-block-hidden { + margin-bottom: -30px; +} + +.bc-5-img.bc-5-tablet.img-block-hidden { + margin-bottom: -200px; +} + +.img-block-hidden .video-btn, +.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn { + top: calc(50% - 30px); +} + +.bc-5-img.bc-5-tablet.img-block-hidden .video-btn { + top: calc(50% - 70px); +} + +.ct-01 .img-block, +.ct-04 .img-block { + margin-left: 30px; +} + +.ct-02 .img-block { + margin-right: 30px; +} + +.ct-03 .img-block.right-column { + margin-left: 20px; +} + +.ct-03 .img-block.left-column { + margin-right: 20px; +} + +.ct-04 .img-block img { + max-width: none; + display: inline-block; +} + +.ct-06 .img-block { + margin-bottom: -80px; +} + +.ct-07 .img-block { + margin-top: -80px; +} + +.img-block-txt, +.img-block-btn { + margin-top: 60px; +} + +.bc-1-wrapper .img-block.left-column, +.bc-2-wrapper .img-block.left-column { + padding-right: 10px; +} + +.bc-1-wrapper .img-block.right-column, +.bc-2-wrapper .img-block.right-column { + padding-left: 10px; +} + +.bc-2-img { + margin-left: 15px; +} + +.bc-3-img { + margin: 0 -65% -25px 15px; +} + +.bc-4-img { + margin-left: 15px; + margin-right: -65%; +} + +.bc-6-img { + padding: 50px 30px 0; + margin-bottom: 35px; +} + +.ct-11 .img-block { + position: relative; + text-align: center; + padding-left: 70px; + z-index: 2; +} + +.ct-12 .img-block { + position: relative; + text-align: center; + padding-right: 70px; + z-index: 2; +} + +.ct-11 .img-block .tra-bkg, +.ct-12 .img-block .tra-bkg { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + + + + +/* ========================================================================== + 09. STATISTIC + =========================================================================== */ + +.sb-rounded .statistic-block { + padding: 35px 25px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK +/*------------------------------------------*/ + +#sb-2-1, +#sb-2-2 { + width: 48%; + display: inline-block; + float: left; +} + +#sb-2-3, #sb-2-4 { + display: inline-block; + float: left; + padding-right: 15px; +} + +#sb-2-3 { width: 45%; } +#sb-2-4 { width: 55%; } + +#sb-2-3 .statistic-block, +#sb-2-4 .statistic-block { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +#sb-2-3 .statistic-block-txt, +#sb-2-4 .statistic-block-txt { + overflow: hidden; + flex: 1; + max-width: 100%; + padding-left: 15px; +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-1-wrapper .statistic-block-digit { + width: 35%; + display: inline-block!important; + float: left; +} + +.statistic-1-wrapper .statistic-block-txt { + width: 65%; + display: inline-block!important; + padding-left: 20px; +} + +#statistic-5 .statistic-digit { + padding-bottom: 20px; + margin: 0 100px 20px 0; + border-bottom: 1px solid #999; +} + +#statistic-5 .color--white .statistic-digit { + border-bottom: 1px solid rgba(255, 255, 255, .8); +} + +/*------------------------------------------*/ +/* STATISTIC BLOCK TYPOGRAPHY +/*------------------------------------------*/ + +.statistic-ico { + margin-bottom: 10px; +} + +h2.statistic-number { + line-height: 1; + font-weight: 700; + letter-spacing: -1px; + margin-bottom: 0; +} + +#sb-2-1 h2.statistic-number, +#sb-2-2 h2.statistic-number { + margin-bottom: 15px; +} + +#sb-2-3 h2.statistic-number span, +#sb-2-4 h2.statistic-number span { + font-size: 2rem; +} + +#statistic-5 .statistic-digit h2 { + letter-spacing: -1.5px; +} + +#statistic-5 .statistic-txt h5 { + line-height: 1; + margin-bottom: 12px; +} + +.statistic-block-txt p.p-md { + line-height: 1.35; + margin-bottom: 0; +} + +#sb-2-1 .statistic-block p.p-sm, +#sb-2-2 .statistic-block p.p-sm { + line-height: 1.4; + margin-bottom: 0; +} + +#sb-2-3 .statistic-block p.p-sm, +#sb-2-4 .statistic-block p.p-sm { + margin-top: 3px; + line-height: 1.5; + margin-bottom: 0; +} + +.statistic-3-wrapper p { + line-height: 1; + margin-top: 15px; + margin-bottom: 0; +} + +.statistic-3-wrapper p.p-md { + line-height: 1; + margin-top: 22px; + margin-bottom: 0; +} + +.statistic-4-wrapper p { + line-height: 1; + margin-bottom: 14px; +} + +#statistic-5 .statistic-txt p { + padding-right: 3%; + margin-bottom: 0; +} + +.txt-block-stat .statistic-block .txt-block-rating { + margin-top: -4px; + margin-bottom: -3px; +} + +.txt-block-stat .ico-15 [class*="flaticon-"]:before, +.txt-block-stat .ico-15 [class*="flaticon-"]:after { font-size: 0.8125rem; } + + + + +/* ========================================================================== + 10. PROJECTS + ========================================================================== */ + +.projects-wrapper { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +#pt-1-1, #pt-1-2, +.inner-page-hero #pt-1-3, +.inner-page-hero #pt-1-4 { + margin-bottom: 50px; +} + +.project-details h5 { + line-height: 1; + margin-bottom: 30px; +} + +.project-preview { + position: relative; + overflow: hidden; +} + +/*------------------------------------------*/ +/* Image Link +/*------------------------------------------*/ + +.project-link { + width: 100%; + position: absolute; + top: 55%; + transform: translateY(-50%); + opacity: 0; + text-align: center; + color: #fff; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Overlay +/*------------------------------------------*/ + +.hover-overlay { + width: 100%; + height: auto; + overflow: hidden; + position: relative; +} + +.hover-overlay img { + transform: scale(1); + -ms-transform: scale(1); + -webkit-transform: scale(1); + -o-transform: scale(1); + -moz-transform: scale(1); + overflow: hidden; + -webkit-transition: transform 400ms; + -moz-transition: transform 400ms; + -o-transition: transform 400ms; + transition: transform 400ms; +} + +/*------------------------------------------*/ +/* Overlay Background +/*------------------------------------------*/ + +.item-overlay { + opacity: 0; + -moz-opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(20, 20, 20, .25); + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +/*------------------------------------------*/ +/* Image Hover Effect +/*------------------------------------------*/ + +.project-preview:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.project-preview:hover .project-link { + top: 50%; + opacity: 1; + -moz-opacity: 1; +} + +.project-preview:hover .item-overlay { + opacity: 1; + -moz-opacity: 1; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.more-projects { + text-align: center; + margin-top: 70px; +} + + + + +/* ========================================================================== + 11. PROJECT DETAILS + ========================================================================== */ + +.single-project .project-title { + margin-bottom: 80px; +} + +.project-title h2 { + padding-right: 5%; + padding-bottom: 40px; + margin-bottom: 35px; + border-bottom: 1px solid #ddd; +} + +.project-data p { + margin-bottom: 4px; +} + +.project-data p span { + color: #353f4f; + font-weight: 500; +} + +/*------------------------------------------*/ +/* MORE PROJECTS BUTTON +/*------------------------------------------*/ + +.project-description .more-projects { + margin-top: 65px; +} + +.project-description .more-projects h3 { + display: inline-block; + text-decoration: underline; + margin-bottom: 0; +} + +.project-description .more-projects span { + color: #353f4f; + position: relative; + top: 2px; + left: 5px; +} + + + + +/* ========================================================================== + 12. RATING + =========================================================================== */ + +.rating-section .rating-1-wrapper { + padding: 0 16%; +} + +.rating-section .rating-2-wrapper { + padding: 0 4%; +} + +.rating-title { + text-align: center; +} + +.rating-title h5 { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* RATING BOX +/*------------------------------------------*/ + +.rbox-1, +.rbox-2 { + text-align: center; +} + +/*------------------------------------------*/ +/* RATING BOX LOGO +/*------------------------------------------*/ + +.rbox-1-img { + margin-bottom: 20px; +} + +.rbox-1-img img { + width: auto; + max-width: inherit; + max-height: 38px; +} + +.rbox-2-txt img { + position: relative; + display: inline-block; + width: auto; + max-width: inherit; + max-height: 30px; + top: -1px; + left: 4px; +} + +/*------------------------------------------*/ +/* RATING BOX TYPOGRAPHY +/*------------------------------------------*/ + +.rbox-2-txt { + margin-top: 20px; +} + +.rbox-1 .star-rating { + display: inline-block; + font-size: 17px; + line-height: 15px; + font-weight: 500; + vertical-align: inherit; + border: 1px solid #f5f5f5; + padding: 5px 18px; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +.rbox-1 .star-rating span { + position: relative; + color: #ffb30c; + top: 1.5px; +} + +.rbox-1 .star-rating { + font-size: 0.86rem; + line-height: 1; +} + +p.rbox-2-txt { + line-height: 22px; + margin-top: 8px; + margin-bottom: 0; +} + +p.rbox-2-txt span { + font-weight: 500; +} + + + + +/* ========================================================================== + 13. TESTIMONIALS + =========================================================================== */ + +.reviews-2-wrapper { + padding: 0 10px; +} + +.reviews-3-wrapper { + padding: 0 20px; +} + +.reviews-4-wrapper, +.reviews-5-wrapper { + padding-left: 40px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL +/*------------------------------------------*/ + +.review-1 { + padding: 40px 40px 30px; + margin: 0 10px 30px; +} + +.review-1.block-border { + border-color: #d2d2d2; +} + +.review-2 { + padding: 45px 50px 35px; +} + +.review-3 { + padding: 45px 50px 40px; +} + +.review-4 { + padding: 40px 45px 30px; +} + +.review-5 { + padding: 45px 45px 40px; +} + +#rw-2-1, #rw-2-2 { + margin-bottom: 20px; +} + +.inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 { + margin-bottom: 20px; +} + +#rw-3-2 { + margin-bottom: 45px; +} + +#rw-3-2, #rw-3-3 { + margin-left: 15px; +} + +#rw-4-1, +#rw-5-1 { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL TEXT +/*------------------------------------------*/ + +.review-ico { + position: relative; + margin-top: -25px; + margin-left: -10px; + opacity: .1; +} + +.review-txt { + position: relative; + margin-top: -45px; +} + +.review-txt h6 { + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL DATA +/*------------------------------------------*/ + +.review-1 .author-data { + margin-top: 22px; +} + +.review-2 .author-data { + margin-top: 15px; +} + +.review-3 .author-data { + margin-top: 20px; +} + +.review-avatar { + margin: 0 auto; + float: left; +} + +.review-avatar img, +.owl-item .review-avatar img { + width: 54px; + height: 54px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.review-2 .review-avatar img { + width: 64px; + height: 64px; +} + +.review-3 .review-avatar img, +.review-5 .review-avatar img { + width: 62px; + height: 62px; +} + +/*------------------------------------------*/ +/* TESTIMONIAL AUTHOR +/*------------------------------------------*/ + +.review-author { + position: relative; + display: inline-block; + text-align: left; + padding: 0 0 0 15px; +} + +.review-1 .review-author { + margin-top: 4px; +} + +.review-2 .review-author { + margin-top: 10px; +} + +.review-3 .review-author { + margin-top: 8px; +} + +.review-5 .review-author { + margin-top: 8px; +} + +.review-4 .review-author { + padding-left: 0; + margin-top: 0; +} + +.review-author h6 { + line-height: 1; + margin-bottom: 8px; +} + +.review-1 .review-author h6 { + font-size: 0.975rem; +} + +.review-author p { + line-height: 1; + font-weight: 300; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TESTIMONIAL CAROUSEL DOTS +/*------------------------------------------*/ + +.reviews-section button { + background-color: transparent; + border: none; + padding: 0 2px; +} + +.owl-theme .owl-dots .owl-dot span { + margin: 0 7px; +} + +.owl-dots button:focus { + outline: none; + text-decoration: none; +} + + + + +/* ========================================================================== + 14. PRESS + =========================================================================== */ + +/*------------------------------------------*/ +/* PRESS LOGO +/*------------------------------------------*/ + +.press-logo img { + position: relative; + width: auto; + max-width: inherit; + max-height: 82px; +} + +/*------------------------------------------*/ +/* PRESS TEXT +/*------------------------------------------*/ + +.press-txt { + position: relative; + margin-top: 15px; +} + +.press-txt p { + color: #999; + font-weight: 400; + margin-bottom: 0; +} + +.press-txt span { + position: relative; + top: 3px; + left: -1px; + opacity: .6; +} + +.press-txt.ico-20 [class^="flaticon-"]:before, +.press-txt.ico-20 [class^="flaticon-"]:after { + font-size: 1.375rem; +} + + + + +/* ========================================================================== + 15. BRANDS + =========================================================================== */ + +#brands-3 { + position: relative; +} + +#brands-3:after { + position: absolute; + content: ''; + width: 100%; + height: 80%; + top: 0; + left: 0; + z-index: -1; +} + +/*------------------------------------------*/ +/* BRANDS SECTION TITLE +/*------------------------------------------*/ + +.brands-title { + text-align: center; + padding: 0 5%; +} + +.brands-title h4, +.brands-title h3, +.brands-title h2 { + margin-bottom: 8px; +} + +.brands-title p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* BRANDS LOGO WRAPPER +/*------------------------------------------*/ + +.brands-3-wrapper { + padding: 50px 30px; + background-color: #fff; + border: 1px solid #e9ecef; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} + +/*------------------------------------------*/ +/* BRANDS LOGO IMAGE +/*------------------------------------------*/ + +.brand-logo { + overflow: hidden; + position: relative; + top: 0; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +#brands-1 .brands-carousel-5 .brand-logo { + padding: 0 30px; +} + +#brands-1 .brands-carousel-6 .brand-logo { + padding: 0 20px; +} + +#brands-1 .justify-content-center .brand-logo { + padding: 0 15px; +} + +#brands-2 .brand-logo { + padding: 0; +} + +#brands-3 .brand-logo { + padding: 0 25px; +} + +#brands-3 .brands-3-static .brand-logo { + padding: 0 15px; +} + +#brands-4 .brand-logo { + padding: 0 20px; +} + +.brand-logo:hover { + top: -6px; +} + +.brands-section .more-btn { + text-align: center; + margin-top: 40px; +} + +.hero-section .owl-dots, +.brands-section .owl-dots { + display: none; +} + + + + +/* ========================================================================== + 16. INTEGRATIONS + =========================================================================== */ + +.integrations-2-wrapper { + padding: 80px 70px; +} + +.in_tool_logo { + padding: 50px 30px; + margin-bottom: 25px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.integrations-1-wrapper .in_tool-logo { + position: relative; + margin-right: 20px; +} + +.integrations-1-wrapper .in_tool { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; + padding: 22px 20px; + border: 1px solid #ccc; +} + +.integrations-1-wrapper .in_tool-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.in_tool h6 { + line-height: 1; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool-txt h6 { + margin-top: 5px; +} + +.integrations-1-wrapper .in_tool-txt p { + margin-top: 5px; + margin-bottom: 0; +} + +.integrations-1-wrapper .in_tool:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + + + + +/* ========================================================================== + 17. PRICING + =========================================================================== */ + +/*------------------------------------------*/ +/* Price Table +/*------------------------------------------*/ + +.p-table { + margin-bottom: 40px; +} + +.pricing-1-table { + padding: 50px 38px 45px; +} + +.text-center .pricing-1-table { + padding: 60px 35px 50px; +} + +.pricing-2-table { + padding: 45px 38px 50px; +} + +.pricing-3-table { + padding: 50px 40px; +} + +.pricing-4-table { + position: relative; + padding: 45px; +} + +#pt-4-1 { margin: 0 10px 40px 50px; } +#pt-4-2 { margin: 0 50px 40px 10px; } + +/*------------------------------------------*/ +/* TABLE HEADER +/*------------------------------------------*/ + +.pricing-table-header { + position: relative; +} + +.pricing-table-header h5 { + margin-bottom: 30px; +} + +.pricing-table-header h4 { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* PRICING TABLE DISCOUNT +/*------------------------------------------*/ + +.pricing-discount { + position: absolute; + top: -2px; + right: -10px; + padding: 8px 18px; +} + +.pricing-1-table .pricing-discount { + top: -2px; + right: -5px; + padding: 7px 13px; +} + +.text-center .pricing-1-table .pricing-discount { + top: -35px; + right: -8px; +} + +.pricing-discount h6 { + font-size: 1.1rem; + line-height: 1; + margin-bottom: 0; +} + +.pricing-1-table .pricing-discount h6 { + font-size: 0.915rem; +} + +.price.color--black .white--color { + color: #fff; +} + +.comp-table .table thead th { + border-color: #ccc; +} + +.comp-table tbody th { + border-bottom: 1px solid #ccc!important; +} + +.comp-table .table tr td { + border-bottom: 2px solid #ccc; +} + +/*------------------------------------------*/ +/* PRICE +/*------------------------------------------*/ + +.price span { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 3rem; + line-height: 1; + font-weight: 600; + letter-spacing: -2px; +} + +.pricing-2-table.highlight .price span { + font-size: 2.4rem; + letter-spacing: -1px; +} + +.pricing-3-table .price span { + font-size: 4.35rem; +} + +.pricing-4-table .price span { + font-size: 3.15rem; +} + +/*------------------------------------------*/ +/* DOLLAR SIGN +/*------------------------------------------*/ + +.price sup { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.05rem; + font-weight: 600; + top: -5px; + right: 2px; + letter-spacing: -1px; +} + +.pricing-3-table .price sup { + font-size: 2.35rem; + top: -23px; + right: 3px; +} + +.pricing-4-table .price sup { + font-size: 2.05rem; + top: -10px; + right: 2px; +} + +/*------------------------------------------*/ +/* COINS +/*------------------------------------------*/ + +.pricing-3-table .price sup.coins { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 2.35rem; + font-weight: 600; + top: -29px; + left: 3px; + letter-spacing: -2px; +} + +/*------------------------------------------*/ +/* Validity +/*------------------------------------------*/ + +.price sup.validity { + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 1.4rem; + font-weight: 400; + top: -2px; + left: 0; +} + +.pricing-3-table .price sup.validity { + display: block; + font-size: 1.1875rem; + top: 0; + margin-top: 20px; + margin-bottom: 30px; + letter-spacing: 0; + margin-bottom: 40px; +} + +/*------------------------------------------*/ +/* Text +/*------------------------------------------*/ + +.price p { + margin-top: 25px; + margin-bottom: 25px; +} + +.pricing-2-table .price p { + margin-bottom: 15px; +} + +.text-center .price p { + padding: 0 2%; +} + +.pricing-section .btn-txt a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* PRICING TABLE HORIZONTAL LINE +/*------------------------------------------*/ + +.pricing-1-table hr { + margin-top: 35px; +} + +.pricing-2-table hr { + margin-top: 25px; +} + +/*------------------------------------------*/ +/* PRICING FEATURES +/*------------------------------------------*/ + +.pricing-features li { + padding: 11px 8px; +} + +.pricing-4-table .pricing-features li { + padding: 10px; +} + +.pricing-features li p { + line-height: 1; + font-weight: 400; + margin-bottom: 0; +} + +.pricing-features li p span { + position: relative; + top: -2px; + right: 5px; +} + +.pricing-features.ico-10 li p span { + top: 0; + right: 4px; +} + +.pricing-features.ico-5 [class*="flaticon-"]:before, +.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; } + +.pricing-features li.disabled-option p, +.pricing-features li.disabled-option span { + color: #b5b5b5!important; +} + +/*------------------------------------------*/ +/* PRICING TABLE BUTTON +/*------------------------------------------*/ + +.pt-btn { + display: block; + width: 100%; + margin-top: 25px; +} + +.p-table p.btn-txt { + margin: 14px 0 0 0; +} + +/*------------------------------------------*/ +/* PRICING TOGGLE BUTTON +/*------------------------------------------*/ + +.ext-toggle-btn { + text-align: center; +} + +.toggle-btn.inn-toggle-btn { + position: absolute; +} + +#pricing-4 .ext-toggle-btn { + margin: 0 50px 35px 10px; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON TYPOGRAPHY +/*------------------------------------------*/ + +.toggle-btn-md .toggler-txt { + font-size: 1.1rem; + font-weight: 400; + line-height: 36px; +} + +.toggle-btn-lg .toggler-txt { + font-size: 1.15rem; + font-weight: 400; + line-height: 40px; +} + +.toggle-btn p { + margin-top: 10px; + letter-spacing: -0.25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TOGGLE BUTTON SWITCHER +/*------------------------------------------*/ + +.switch-wrap { + position: relative; + display: inline-block; + min-width: 50px; + height: 32px; + vertical-align: middle; +} + +.toggle-btn-md .switch-wrap { + min-width: 65px; + height: 36px; + margin: 0 8px; +} + +.toggle-btn-lg .switch-wrap { + min-width: 70px; + height: 40px; + margin: 0 14px; +} + +.switcher { + display: block; + cursor: pointer; + color: #fff; + font-size: 0.925rem; + font-weight: 500; + height: 32px; + padding: 0 15px 0 35px; + position: relative; + border-radius: 32px; + -webkit-transition: all 150ms ease-in-out; + -moz-transition: all 150ms ease-in-out; + -o-transition: all 150ms ease-in-out; + -ms-transition: all 150ms ease-in-out; + transition: all 150ms ease-in-out; +} + +.toggle-btn-md .switcher { + height: 36px; + padding: 0 20px 0 40px; + border-radius: 36px; +} + +.toggle-btn-lg .switcher { + height: 40px; + padding: 0 20px 0 40px; + border-radius: 40px; +} + +.switcher.bg--tra-white { + background-color: #fff; + border: 2px solid #ccc; +} + +.switcher.bg--ghost-white { + background-color: rgba(128, 143, 174, .45); + border: 2px solid rgba(128, 143, 174, .15); +} + +.switcher.bg--grey { + background-color: #ccc; + border: 2px solid #ccc; +} + +.switcher .show-annual, +.switcher .show-monthly { + line-height: 32px; +} + +.toggle-btn-md .switcher .show-annual, +.toggle-btn-md .switcher .show-monthly { + line-height: 36px; +} + +.toggle-btn-lg .switcher .show-annual, +.toggle-btn-lg .switcher .show-monthly { + line-height: 40px; +} + +.switcher .show-monthly { + display: block; +} + +.switcher .show-annual { + display: none; +} + +.switcher:before { + position: absolute; + left: 4px; + bottom: 4px; + content: " "; + background-color: #fff; + width: 24px; + height: 24px; + border-radius: 50%; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.toggle-btn-md .switcher:before { + left: 5px; + bottom: 5px; + width: 26px; + height: 26px; +} + +.toggle-btn-lg .switcher:before { + left: 5px; + bottom: 5px; + width: 30px; + height: 30px; +} + +.switcher.bg--grey:before, +.switcher.bg--tra-white:before, +.switcher.bg--ghost-white:before { + background-color: #ccc; + left: 4px; + bottom: 3.5px; + -webkit-box-shadow: 0 1px 1px 0 #aaa; + -moz-box-shadow: 0 1px 1px 0 #aaa; + box-shadow: 0 1px 1px 0 #aaa; +} + +.switcher.bg--grey:before, +.switcher.bg--ghost-white:before { + background-color: #fff; +} + +.switch-wrap input { + display: none; +} + +.switch-wrap input:checked + .switcher { + padding: 0 35px 0 15px; +} + +.toggle-btn-md .switch-wrap input:checked + .switcher, +.toggle-btn-lg .switch-wrap input:checked + .switcher { + padding: 0 40px 0 20px; +} + +.switch-wrap input:checked + .switcher.switcher--blue-500 { background-color: #185abd; border-color: #185abd; } +.switch-wrap input:checked + .switcher.switcher--blue-400 { background-color: #1680fb; border-color: #1680fb; } +.switch-wrap input:checked + .switcher.switcher--blue-300 { background-color: #3eb1ff; border-color: #3eb1ff; } + +.switch-wrap input:checked + .switcher.switcher--green-500 { background-color: #00a14e; border-color: #00a14e; } +.switch-wrap input:checked + .switcher.switcher--green-400 { background-color: #0fbc49; border-color: #0fbc49; } +.switch-wrap input:checked + .switcher.switcher--green-300 { background-color: #6fd792; border-color: #6fd792; } + +.switch-wrap input:checked + .switcher.switcher--pink-500 { background-color: #ff149c; border-color: #ff149c; } +.switch-wrap input:checked + .switcher.switcher--pink-400 { background-color: #f74780; border-color: #f74780; } +.switch-wrap input:checked + .switcher.switcher--pink-300 { background-color: #fcb5cc; border-color: #fcb5cc; } + +.switch-wrap input:checked + .switcher.switcher--purple-500 { background-color: #663ae9; border-color: #663ae9; } +.switch-wrap input:checked + .switcher.switcher--purple-400 { background-color: #7b5dd6; border-color: #7b5dd6; } +.switch-wrap input:checked + .switcher.switcher--purple-300 { background-color: #bdaeea; border-color: #bdaeea; } + +.switch-wrap input:checked + .switcher.switcher--red-500 { background-color: #da0f29; border-color: #da0f29; } +.switch-wrap input:checked + .switcher.switcher--red-400 { background-color: #ff1e1a; border-color: #ff1e1a; } +.switch-wrap input:checked + .switcher.switcher--red-300 { background-color: #ffa5a3; border-color: #ffa5a3; } + +.switch-wrap input:checked + .switcher.switcher--violet-500 { background-color: #c73e9b; border-color: #c73e9b; } +.switch-wrap input:checked + .switcher.switcher--violet-400 { background-color: #be6cbe; border-color: #be6cbe; } +.switch-wrap input:checked + .switcher.switcher--violet-300 { background-color: #e2bde2; border-color: #e2bde2; } + +.switch-wrap input:checked + .switcher.switcher--yellow-500 { background-color: #ffba01; border-color: #ffba01; } +.switch-wrap input:checked + .switcher.switcher--yellow-400 { background-color: #ffbd45; border-color: #ffbd45; } +.switch-wrap input:checked + .switcher.switcher--yellow-300 { background-color: #ffdf35; border-color: #ffdf35; } + +.switch-wrap input:checked + .switcher:before { + left: auto; + right: 4px; + -webkit-transition: all 350ms ease-in-out; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.switch-wrap input:checked + .switcher.bg--tra-white:before { + bottom: 3px; + background-color: #fff; + -webkit-box-shadow: 0 0; + -moz-box-shadow: 0 0; + box-shadow: 0 0; +} + +.switch-wrap input:checked + .switcher .show-annual { + display: block; +} + +.switch-wrap input:checked + .switcher .show-monthly { + display: none; +} + +/*------------------------------------------*/ +/* PRICING NOTICE TEXT +/*------------------------------------------*/ + +.pricing-notice { + text-align: center; + margin-top: 20px; +} + +.pricing-notice p { + padding: 0 8%; + margin-bottom: 0; +} + +.pricing-notice p span { + font-weight: 500; +} + +/*------------------------------------------*/ +/* COMPARE PRICING TABLE +/*------------------------------------------*/ + +.table>:not(caption)>*>* { + padding-top: 12px; + padding-bottom: 12px; +} + +.comp-table .pricing-header { + max-width: 700px; +} + +.comp-table .table-responsive thead th { + font-size: 1.15rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody th { + font-size: 1rem; + font-family: 'Plus Jakarta Sans', sans-serif; + font-weight: 600; +} + +.comp-table .table-responsive tbody td { + position: relative; + font-size: 1rem; + line-height: inherit; + top: 1px; +} + +.comp-table .table-responsive tbody td span { + position: relative; + top: 1px; +} + +.table-responsive .ico-15 [class*="flaticon-"]:before, +.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.table-responsive .ico-20 [class*="flaticon-"]:before, +.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.95rem; } + +.comp-table .table-responsive tbody tr { + background-color: #fff; + -moz-transition: all 350ms ease-in-out; + -o-transition: all 350ms ease-in-out; + -ms-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} + +.comp-table .table tbody tr.table-last-tr { + border-color: transparent; +} + +.comp-table .table-responsive tbody tr:hover { + background-color: #f7f7f9; +} + +.comp-table .disabled-option { + color: #999; +} + +/*------------------------------------------*/ +/* PRICING COMPARE PAYMENT +/*------------------------------------------*/ + +.comp-table-payment h6 { + margin-bottom: 20px; +} + +.comp-table-payment p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 18. TEAM + =========================================================================== */ + +/*------------------------------------------*/ +/* TEAM MEMBER +/*------------------------------------------*/ + +#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; } +#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; } +#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; } + +/*------------------------------------------*/ +/* TEAM MEMBER PHOTO +/*------------------------------------------*/ + +.team-member-photo { + position: relative; + overflow: hidden; + text-align: center; + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* PHOTO HOVER ZOOM +/*------------------------------------------*/ + +.team-member:hover img { + transform: scale(1.05); + -ms-transform: scale(1.05); + -webkit-transform: scale(1.05); + -o-transform: scale(1.05); + -moz-transform: scale(1.05); +} + +.team-member:hover .item-overlay { + opacity: .45; + -moz-opacity: .45; +} + +/*------------------------------------------*/ +/* TEAM MEMBER TYPOGRAPHY +/*------------------------------------------*/ + +.team-member-data { + position: relative; + margin-left: 5px; +} + +.team-member-data h6.s-20 { + margin-bottom: 8px; +} + +.team-member-data p { + font-family: 'Plus Jakarta Sans', sans-serif; + line-height: 1; + font-weight: 400; + letter-spacing: 0; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Team Member Social Links +/*------------------------------------------*/ + +ul.tm-social { + position: absolute; + top: -1px; + right: 8px; + -webkit-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} + +#team-1 ul.tm-social { + right: 5px; +} + +ul.tm-social li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; + margin-left: 10px; + opacity: .6; + -webkit-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; +} + +.tm-social.ico-20 [class*="flaticon-"]:before, +.tm-social.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; } + + + + +/* ========================================================================== + 19. CAREERS + =========================================================================== */ + +/*------------------------------------------*/ +/* ROLE BOX +/*------------------------------------------*/ + +.role-box { + border: 1px solid #d2d2d2; + padding: 25px 35px; + margin-bottom: 30px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.role-box.bg--white-200, +.role-box.bg--white-300 { + border: 1px solid transparent; +} + +.role-box:hover { + border-color: transparent; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); +} + +/*------------------------------------------*/ +/* ROLE BOX TEXT +/*------------------------------------------*/ + +.role-box span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.8rem; + line-height: 1; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 14px; +} + +.role-box h6 { + margin-bottom: 6px; +} + +.role-box p { + margin-bottom: 0; +} + + + + +/* ========================================================================== + 20. CAREER ROLE + =========================================================================== */ + +#role-page .inner-page-title { + text-align: left; + margin-bottom: 50px; +} + +#role-page .inner-page-title span { + font-family: 'Plus Jakarta Sans', sans-serif; + display: block; + font-size: 0.9rem; + line-height: 1; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-bottom: 35px; +} + +.role-info hr { + margin: 50px 0; +} + +#role-page .cbox-6-wrapper { + margin: 45px 0; +} + +.role-info h5 { + margin-bottom: 25px; +} + +.role-info p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-block.role-info .btn { + display: block; + margin-top: 50px; +} + + + + +/* ========================================================================== + 21. BANNER + =========================================================================== */ + +.banner-overlay { + width: 100%; + height: 100%; +} + +#banner-11 { + margin-top: 50px; +} + +#banner-12 { + margin-top: 40px; + margin-bottom: 10px; +} + +/*------------------------------------------*/ +/* BANNER WRAPPER +/*------------------------------------------*/ + +.banner-1-wrapper, +.banner-2-wrapper, +.banner-3-wrapper { + position: relative; + overflow: hidden; + text-align: center; +} + +.banner-1-wrapper .banner-overlay { + padding: 75px 15% 85px; +} + +.banner-2-wrapper .banner-overlay { + padding: 80px 15% 90px; +} + +.banner-3-wrapper .banner-overlay { + padding: 75px 20% 85px; +} + +.banner-11-wrapper .banner-overlay { + padding: 10px 70px 0; +} + +.banner-12-wrapper .banner-overlay { + padding-left: 80px; +} + +.banner-13-wrapper { + overflow: hidden; +} + +.banner-13-wrapper .banner-overlay { + overflow: hidden; + padding-left: 80px; +} + +.banner-16-wrapper .banner-overlay { + padding: 45px 22%; +} + +.banner-16-wrapper.bg--white-100.block-border { + border-color: #ccc; +} + +/*------------------------------------------*/ +/* BANNER TEXT +/*------------------------------------------*/ + +.banner-12-txt { + margin-top: -10px; + padding-right: 15%; +} + +.banner-13-txt { + padding-right: 15%; +} + +/*------------------------------------------*/ +/* BANNER TYPOGRAPHY +/*------------------------------------------*/ + +.banner-section .section-id { + font-weight: 600; + padding-top: 10px; + margin-bottom: 30px; +} + +.banner-1-txt h2 { + margin-bottom: 15px; +} + +.banner-2-txt h2 { + margin-bottom: 35px; +} + +.banner-4-txt h2 { + margin-bottom: 30px; +} + +.banner-7-txt h2 { + margin-bottom: 35px; +} + +.banner-10-txt h6 { + font-weight: 400; + margin-bottom: 12px; +} + +.banner-10-txt h2 { + margin-bottom: 25px; +} + +.banner-11-txt h2, +.banner-12-txt h2, +.banner-13-txt h2 { + margin-bottom: 22px; +} + +.banner-15-txt h2 { + margin-bottom: 45px; +} + +.banner-16-txt h4 { + margin-bottom: 14px; +} + +.banner-section p.p-lg { + font-size: 1.15rem; + margin-bottom: 30px; +} + +.banner-section p.p-xl { + margin-bottom: 25px; +} + +.sm-title .banner-1-txt p.p-lg, +.sm-title .banner-1-txt p.p-xl { + margin-top: 12px; + margin-bottom: 22px!important; +} + +.banner-3-txt p.p-lg, +.banner-3-txt p.p-xl, +.banner-5-txt p.p-lg, +.banner-5-txt p.p-xl { + margin-top: 20px; +} + +.banner-5-txt p.s-21, +.banner-5-txt p.s-22 { + margin-top: 20px; + margin-bottom: 26px; +} + +.banner-6-txt p.p-lg, +.banner-6-txt p.p-xl { + margin-top: 15px; + margin-bottom: 25px!important; +} + +.banner-8-txt p.p-lg, +.banner-8-txt p.p-xl { + margin-top: 10px; + margin-bottom: 0!important; +} + +.banner-9-txt p.p-lg, +.banner-9-txt p.p-xl { + margin-top: 20px; + margin-bottom: 25px!important; +} + +.banner-11-txt p { + padding-right: 8%; +} + +.banner-14-txt p.p-lg { + font-size: 1.25rem; + margin-top: 35px; + margin-bottom: 40px; +} + +.banner-15-txt p a { + text-decoration: underline; +} + +/*------------------------------------------*/ +/* BANNER IMAGE +/*------------------------------------------*/ + +.banner-11-img { + margin-top: -60px; + margin-left: -40px; +} + +.banner-12-img { + margin: -40px -20px -30px -40px; +} + +.banner-13-img { + transform: rotate(-20deg); + margin: -60px -120px -70px -40px; +} + + + + +/* ========================================================================== + 22. CALL TO ACTION / DOWNLOAD + =========================================================================== */ + +.version-release { + margin-bottom: 80px; +} + +.release-data { + padding-bottom: 30px; + border-bottom: 1px dashed #ccc; + margin-bottom: 30px; +} + +.release-data h5 { + margin-bottom: 40px; +} + +span.version-data { + color: #353f4f; + font-size: 2rem; + line-height: 1; + margin-right: 20px; + margin-bottom: 0; +} + +span.release-date { + color: #999; + font-size: 1.175rem; + line-height: 1; + margin-bottom: 0; +} + +span.release-date span { + color: #353f4f; + font-weight: 500; + margin-left: 20px; +} + +.release-download { + position: absolute; + right: 5px; + bottom: 0; +} + +.release-highlights .simple-list p { + margin-bottom: 2px; +} + + + + +/* ========================================================================== + 23. FAQS + =========================================================================== */ + +/*------------------------------------------*/ +/* FAQS SECTION TITLE +/*------------------------------------------*/ + +#faqs-1 .section-title { + margin-bottom: 50px; +} + +#faqs-2 .inner-page-title { + margin-bottom: 55px; +} + +#faqs-3 .section-title { + margin-bottom: 70px; +} + +.faqs-3-questions .questions-holder { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* FAQS ACCORDION +/*------------------------------------------*/ + +.faqs-section .accordion-item { + background-color: transparent!important; + border: none; + border-bottom: 1px solid #e5e5e5; +} + +#faqs-2.faqs-section .accordion-item { + border-bottom: 1px solid #ddd; +} + +.faqs-section .accordion-item.acc-last-item, +#faqs-2.faqs-section .accordion-item.acc-last-item { + border-bottom: none; +} + +/*------------------------------------------*/ +/* Question +/*------------------------------------------*/ + +.faqs-section .accordion-thumb { + margin: 0; + padding: 25px 0; + cursor: pointer; + position: relative; +} + +#faqs-2.faqs-section .accordion-thumb { + padding: 25px 0 30px; +} + +.faqs-section .accordion-item .accordion-thumb:after, +.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-family: Flaticon; + font-weight: 300; + content: "\f11a"; + position: absolute; + font-size: 1rem; + top: 22px; + right: 3px; +} + +#faqs-2.faqs-section .accordion-item .accordion-thumb:after, +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after { + font-size: 1rem; + top: 26px; + right: 2px; +} + +.faqs-section .accordion-item.is-active .accordion-thumb:after { + content: "\f11b"; +} + +#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #e5e5e5; +} + +/*------------------------------------------*/ +/* Answer +/*------------------------------------------*/ + +.accordion-panel { + margin: 0; + padding: 0 0 15px 0; + display: none; +} + +#faqs-2 .accordion-panel { + padding: 45px 0 15px 0; +} + +.accordion-thumb h5, +.accordion-thumb h4 { + line-height: 1; + margin-bottom: 0; +} + +.question h5, +.accordion-panel-item h5 { + margin-bottom: 20px; +} + +.question h5 span, +.accordion-thumb h5 span, +.accordion-panel-item h5 span { + margin-right: 5px; +} + +.question p a, +.accordion-panel p a { + font-weight: 500; + text-decoration: underline; +} + +.question p.color--grey a.color--blue, +.accordion-panel.color--grey a.color--blue { + color: #1680fb!important; +} + +/*------------------------------------------*/ +/* FAQS TABS +/*------------------------------------------*/ + +.faqs-section .tabs-nav { + text-align: center; +} + +.faqs-section .tabs-1 { + display: inline-block; + margin: 0 auto 60px; +} + +.faqs-section .tab-content { + display: none; +} + +.faqs-section .tab-content.current { + display: inherit; +} + +.faqs-section .tabs-1 li { + display: inline-block; + min-width: 230px; + background-color: transparent; + border: 2px solid #ddd; + cursor: pointer; + padding: 30px 0; + margin: 0 6px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.faqs-section .tabs-1 li span { + color: #c3c4c5; +} + +.faqs-section .tabs-1 li p { + line-height: 1; + font-weight: 400; + margin-top: 15px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* TAB LINK CURRENT +/*------------------------------------------*/ + +.faqs-section .tabs-1 li.current, +.faqs-section .tabs-1 li.current:hover { + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .2); +} + +.faqs-section .tabs-1 li.current p, +.faqs-section .tabs-1 li.current span { + color: #fff; +} + +.faqs-section .tabs--blue .tabs-1 li.current, +.faqs-section .tabs--blue .tabs-1 li.current:hover { + background-color: #1680fb; + border-color: #1680fb!important; +} + +.faqs-section .tabs--purple .tabs-1 li.current, +.faqs-section .tabs--purple .tabs-1 li.current:hover { + background-color: #7b5dd6; + border-color: #7b5dd6!important; +} + +/*------------------------------------------*/ +/* MORE QUESTIONS LINK +/*------------------------------------------*/ + +.more-questions { + text-align: center; +} + +#faqs-2 .more-questions { + margin: 70px auto 0; +} + +.more-questions-txt { + display: inline-block; + padding: 22px 46px; +} + +.more-questions-txt p { + line-height: 1; + margin-bottom: 0; +} + +.more-questions-txt a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 24. NEWSLETTER + =========================================================================== */ + +#newsletter-1 .newsletter-overlay { + padding-top: 60px; + padding-bottom: 60px; +} + +#newsletter-2 .container { + padding-left: 0; + padding-right: 0; +} + +#newsletter-2 .newsletter-overlay { + padding: 60px 50px; +} + +#newsletter-3 { + margin-top: 50px; + margin-bottom: 50px; +} + +#newsletter-4 .newsletter-overlay, +#newsletter-5 .newsletter-overlay { + padding-top: 80px; + padding-bottom: 70px; +} + +/*------------------------------------------*/ +/* NEWSLETTER TYPOGRAPHY +/*------------------------------------------*/ + +.newsletter-txt h2 { + margin-bottom: 35px; +} + +#newsletter-4 .newsletter-txt h2 { + margin-bottom: 40px; +} + +.newsletter-txt h4, +.newsletter-txt h3, +#newsletter-5 .newsletter-txt h2 { + margin-bottom: 0; +} + +.newsletter-txt p.p-sm { + margin-bottom: 0; +} + +#newsletter-4 .newsletter-txt p { + padding: 0 10%; +} + +#newsletter-5 .newsletter-txt p { + margin-top: 20px; + margin-bottom: 0; +} + +.newsletter-txt a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* NEWSLETTER FORM +/*------------------------------------------*/ + +#newsletter-1 .newsletter-form { + padding-left: 15%; + margin-top: 30px; +} + +#newsletter-2 .newsletter-form { + margin-top: 25px; + padding-left: 12%; +} + +#newsletter-4 .newsletter-form { + padding: 0 5%; +} + +#newsletter-5 .newsletter-form { + margin-top: 35px; + padding: 0 10%; +} + +/*------------------------------------------*/ +/* Newsletter Form Input +/*------------------------------------------*/ + +.newsletter-section .form-control { + height: 56px; + background-color: #fff; + border: 1px solid #ccc; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin-right: 12px; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +#newsletter-1.newsletter-section .form-control { + height: 54px; + font-size: 0.975rem; +} + +#newsletter-5.newsletter-section .form-control { + height: 62px; + font-size: 1.0625rem; +} + +.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.newsletter-section .form-control:focus { + background-color: #fff; + outline: 0; + box-shadow: none; + border-color: #1680fb; +} + +.newsletter-section .purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Placeholder +/*------------------------------------------*/ + +.newsletter-section .form-control::-moz-placeholder { color: #aaa; } +.newsletter-section .form-control:-ms-input-placeholder { color: #aaa; } +.newsletter-section .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.newsletter-section .btn { + display: block; + width: 100%!important; + height: 56px; +} + +#newsletter-1 .btn { + height: 54px; + font-size: 0.925rem; + padding: 0.7rem 1.3rem; +} + +#newsletter-5.newsletter-section .btn { + height: 62px; +} + +/*------------------------------------------*/ +/* Newsletter Form Notification +/*------------------------------------------*/ + +.newsletter-section .form-notification { + color: #3eb1ff; + font-size: 0.9rem; + font-weight: 400; + line-height: 1; + margin-top: 15px; + margin-left: 5px; +} + +.newsletter-section .text-center .form-notification { + margin-left: 0; +} + +.bg--color.newsletter-section .form-notification { + color: #fff; +} + +.newsletter-section .form-notification.valid, +.newsletter-section .form-notification.error { + color: #fc2f4b; +} + +.newsletter-section .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* NEWSLETTER IMAGE +/*------------------------------------------*/ + +#newsletter-3 .newsletter-img { + margin-top: -50px; + margin-bottom: -50px; +} + +#newsletter-3 .col-lg-6 .newsletter-img { + padding-left: 40px; +} + + + +/* ========================================================================== + 25. BLOG + =========================================================================== */ + +/*------------------------------------------*/ +/* BLOG POST TAG +/*------------------------------------------*/ + +.post-tag { + display: block; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.75rem; + font-weight: 600; + letter-spacing: 0; + text-transform: uppercase; + margin-bottom: 20px; +} + +#single-post .post-tag { + font-size: 0.85rem; +} + +/*------------------------------------------*/ +/* BLOG POST META +/*------------------------------------------*/ + +.post-meta-list li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.post-meta-list p { + color: #353f4f; + line-height: 1; + margin-bottom: 0; +} + +.bg--black-400 .post-meta-list p { + color: #f8f9f9; +} + +.meta-list-divider { + position: relative; + top: 0px; + transform: rotate(-90deg); + padding: 0 1px; +} + +/*------------------------------------------*/ +/* BLOG POST TYPOGRAPHY +/*------------------------------------------*/ + +.blog-post-txt h6 { + margin-bottom: 15px; +} + +.blog-post-txt p { + margin-bottom: 0; +} + +.blog-post-txt a { + color: #353f4f; +} + +.blog-post-txt a:hover { + text-decoration: underline; +} + +.bg--black-400 .blog-post-txt a { + color: #f8f9f9; +} + +.bg--black-400 .blog-post-txt a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 26. BLOG LISTING + =========================================================================== */ + +.wide-post { + margin-bottom: 100px; +} + +.wide-post .blog-post-img { + padding-right: 15px; +} + +.wide-post .blog-post-txt { + padding-left: 15px; +} + +.square-post { + margin-top: 60px; + margin-bottom: 40px; +} + +.square-post-wrapper { + overflow: hidden; +} + +.square-post .blog-post-txt { + padding: 0 30px 0 60px; +} + +/*------------------------------------------*/ +/* BLOG POSTS CATEGORY +/*------------------------------------------*/ + +.posts-category { + margin-top: 40px; + margin-bottom: 60px; +} + +.posts-category h4 { + line-height: 1; + margin-bottom: 0; +} + +.posts-category span { + position: relative; + top: 1px; +} + + + + +/* ========================================================================== + 27. SINGLE BLOG POST + =========================================================================== */ + +/*------------------------------------------*/ +/* Single Post Title +/*------------------------------------------*/ + +.single-post-title h3, +.single-post-title h2 { + padding: 0 10px; +} + +/*------------------------------------------*/ +/* Single Post Text +/*------------------------------------------*/ + +.single-post-txt h5, +.single-post-txt h4 { + margin-top: 30px; + margin-bottom: 30px; +} + +.single-post-txt h5 span { + display: block; +} + +/*------------------------------------------*/ +/* Single Post Code +/*------------------------------------------*/ + +.txt-code { + background-color: #f8f9fa; + padding: 20px 18px; + margin: 30px 0; +} + +.txt-code p { + color: #383a42; + font-size: 1rem; + line-height: 1.75; + margin-bottom: 0; +} + +.single-post-txt p a { + font-weight: 500; + text-decoration: underline; +} + +.txt-code span.code-property, +.txt-code p code.code-language-js { + color: #151515; +} + +.txt-code span.code-variable, +.txt-code span.code-attribute { + color: #986801; +} + +.txt-code span.code-string { + color: #50a14f; +} + +/*------------------------------------------*/ +/* Single Post Blockquote +/*------------------------------------------*/ + +.single-post-txt figure { + margin-bottom: 40px; +} + +.single-post-txt .blockquote p { + font-size: 1.5rem; + line-height: 1.45; + margin-bottom: 40px; +} + +.single-post-txt .blockquote-footer { + font-size: 1.125rem; +} + +/*------------------------------------------*/ +/* Single Post Image +/*------------------------------------------*/ + +.post-inner-img { + text-align: center; + margin-top: 50px; + margin-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE LINKS +/*------------------------------------------*/ + +.post-share-list { + margin-top: 50px; + padding-bottom: 50px; +} + +/*------------------------------------------*/ +/* POST SHARE ICONS +/*-----------------------------------------*/ + +.share-social-icons { + display: inline-block; + padding-left: 0; +} + +.share-social-icons li { + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + padding: 0; +} + +.share-social-icons a.share-ico span { + opacity: .75; + margin-right: 25px; + -webkit-transition: all 450ms ease-in-out; + -moz-transition: all 450ms ease-in-out; + -o-transition: all 450ms ease-in-out; + -ms-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} + +.share-social-icons a.share-ico:hover span { + opacity: 1; +} + +/*------------------------------------------*/ +/* POST AUTHOR +/*------------------------------------------*/ + +.post-author { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch!important; + justify-content: flex-start; +} + +.post-author-avatar { + position: relative; + text-align: center; + margin-right: 35px; +} + +.post-author-avatar img { + width: 100px; + height: 100px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.post-author-txt { + overflow: hidden; + flex: 1; + max-width: 100%; +} + +.post-author-txt h5 { + margin-bottom: 20px; +} + +.post-author-txt p { + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* Follow Button +/*------------------------------------------*/ + +.author-follow-btn { + display: inline-block; + position: absolute; + padding: 6px 15px; + line-height: 1; + top: 80px; + right: 10px; + border: 2px solid #ddd; +} + +.author-follow-btn a { + color: #666; + font-size: 0.935rem; + font-weight: 400; +} + +/*------------------------------------------*/ +/* POST COMMENTS +/*------------------------------------------*/ + +.post-comments { + padding-top: 100px; +} + +.post-comments hr { + margin-top: 24px; + margin-bottom: 40px; +} + +.post-comments h5 { + margin-bottom: 60px; +} + +.post-comments img { + width: 68px; + height: 68px; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; +} + +.comment-body { + margin-left: 25px; +} + +.comment-meta { + margin-bottom: 10px; +} + +.comment-meta h6 { + line-height: 1; + margin-bottom: 0; +} + +.comment-date { + font-size: 16px; + font-weight: 400; + margin-bottom: 5px; +} + +/*------------------------------------------*/ +/* Comment Reply +/*------------------------------------------*/ + +.btn-reply { + margin-left: 3px; +} + +.btn-reply a { + font-size: 17px; + font-weight: 400; +} + +.btn-reply span { + position: relative; + top: 3px; + margin-right: 4px; + left: 3px; +} + +.btn-reply.ico-20 [class*="flaticon-"]:before, +.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; } + +.btn-reply a:hover { + color: #222; +} + +/*------------------------------------------*/ +/* SINGLE POST COMMENT FORM +/*------------------------------------------*/ + +.post-comments #leave-comment h5 { + padding-bottom: 0; + margin-top: 80px; + margin-bottom: 10px; + border: none; +} + +.comment-form { + position: relative; + margin-top: 60px; +} + +.comment-form p { + position: relative; + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 15px; + padding-left: 8px; + display: block; +} + +.comment-form p span { + position: relative; + color: #ff3366; + top: -3px; +} + +.comment-form .form-control { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #353f4f; + font-size: 1rem; + line-height: 1; + font-weight: 400; + padding: 0 20px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.comment-form textarea { min-height: 220px; } +.comment-form textarea.form-control { + padding: 25px 20px; +} + +/*------------------------------------------*/ +/* Comment Form Input Focus +/*------------------------------------------*/ + +.comment-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Comment Form Button +/*------------------------------------------*/ + +.comment-form .btn { + margin-top: 15px; +} + +.comment-form .btn:focus { + outline: 0px none; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +.comment-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +.comment-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; +} + +.comment-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 28. CONTACTS + =========================================================================== */ + +#contacts-1 .contact-form p { + color: #353f4f; + line-height: 1; + font-weight: 500; + margin-bottom: 10px; + padding-left: 8px; +} + +#contacts-1 .contact-form .col-md-12 span { + display: block; + font-size: 0.95rem; + line-height: 1; + font-weight: 300; + margin-bottom: 20px; + padding-left: 8px; +} + +#contacts-1 .contact-form .contact-form-notice p { + font-size: 0.835rem; + font-weight: 300; + line-height: 1.5555; + padding-left: 0; + margin-top: 40px; +} + +.contact-form-notice p a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* CONTACT FORM INPUT +/*------------------------------------------*/ + +.contact-form .form-control, +.contact-form .form-select { + height: 62px; + background-color: #f5f6f8; + border: 1px solid transparent; + box-shadow: 0 0 0 0; + color: #3a4a56; + font-size: 1rem; + font-weight: 400; + padding: 0 15px; + margin-bottom: 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.bg--snow .contact-form .form-control, +.bg--snow .contact-form .form-select { + background-color: #fff; + border: 1px solid #ccc; +} + +.contact-form .form-select { + display: inline-block; + width: 100%; + color: #998da0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Contact Form Textarea +/*------------------------------------------*/ + +.contact-form textarea { min-height: 220px; } +.contact-form textarea.form-control { + padding: 20px 15px; +} + +/*------------------------------------------*/ +/* Contact Form Placeholder +/*------------------------------------------*/ + +.contact-form .form-control::-moz-placeholder { color: #999; } +.contact-form .form-control:-ms-input-placeholder { color: #999; } +.contact-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* Contact Form Input Focus +/*------------------------------------------*/ + +.contact-form .form-control:focus, +.contact-form .form-select:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* Contact Form Message +/*------------------------------------------*/ + +.contact-form-msg { + width: 100%!important; + display: block; + margin-top: 20px; + padding-left: 0; +} + +.contact-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.contact-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 29. FOOTER + =========================================================================== */ + +.footer { + padding-bottom: 50px; +} + +.footer-info, +.footer-links { + margin-bottom: 40px; +} + +#footer-10 .footer-info { + margin-bottom: 40px; + padding-bottom: 55px; + border-bottom: 1px solid #dbdddf; +} + +#footer-10 .footer-links { + margin-bottom: 30px; +} + +/*------------------------------------------*/ +/* FOOTER LOGO +/*------------------------------------------*/ + +img.footer-logo, +img.footer-logo-dark { + width: auto; + max-width: inherit; + max-height: 40px; +} + +#footer-10 img.footer-logo { + max-height: 46px; +} + +#footer-1 .footer-logo, +#footer-5 .footer-logo, +#footer-6 .footer-logo, +#footer-7 .footer-logo { + margin-bottom: 25px; +} + +/*------------------------------------------*/ +/* FOOTER TYPOGRAPHY +/*------------------------------------------*/ + +.footer h6 { + line-height: 1; + margin-bottom: 25px; +} + +#footer-9.footer h6 { + line-height: 1.5; +} + +.bg--black.footer h6 { + color: #fff; +} + +/*------------------------------------------*/ +/* FOOTER INFO +/*------------------------------------------*/ + +.footer-info-copyright p { + margin-bottom: 0; +} + +.footer-info-copyright p span { + position: relative; + top: 2px; + padding: 0 2px; +} + +.footer-info-copyright.ico-15 [class*="flaticon-"]:before, +.footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } + +/*------------------------------------------*/ +/* FOOTER MAIL LINK +/*------------------------------------------*/ + +.footer .footer-mail-link { + margin-left: 3px; + margin-bottom: 0; +} + +#footer-1 .footer-info .footer-mail-link { + margin-top: 10px; +} + +#footer-2 .footer-links .footer-mail-link, +#footer-3 .footer-links .footer-mail-link { + margin-left: 0; + margin-bottom: 20px; +} + +.footer-mail-link a { + font-weight: 400; +} + +.footer-mail-link span { + position: relative; + top: 4px; + right: 3px; +} + +.footer-mail-link.ico-20 [class*="flaticon-"]:before, +.footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } + +.bg--black.footer .footer-mail-link a { + color: #a0a7b1; +} + +.bg--black.footer .footer-mail-link a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER LINKS +/*------------------------------------------*/ + +#footer-2 .footer-links { + padding-left: 10%; +} + +.foo-links li { + width: auto!important; + display: block!important; + vertical-align: top; + clear: none !important; + margin: 0; + padding: 0; +} + +.foo-links.ico-10 li span { + position: relative; + top: 1.5px; + right: 3px; +} + +#footer-8 .foo-links li { + display: inline-block!important; + padding-left: 20px; +} + +#footer-8 .foo-links li.first-li { + padding-left: 0; +} + +#footer-10 .foo-links li { + display: inline-block!important; + padding: 0 10px; +} + +.footer .foo-links li p { + font-weight: 400; + margin-bottom: 10px; +} + +.footer .foo-links li:last-child p { + margin-bottom: 0; +} + +.foo-links li a span.ext-link { + display: inline-block; + position: relative; + left: 3px; + top: 1.5px; + transform: rotate(-60deg); +} + +.foo-links.ico-15 [class*="flaticon-"]:before, +.foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +.bg--black.footer .foo-links li p a { + color: #a0a7b1; +} + +.bg--black.footer .foo-links li p a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER SOCIAL +/*------------------------------------------*/ + +.footer-socials { + margin: 0; + display: inline-block; +} + +.footer-socials li { + float: left; + width: auto !important; + display: inline-block !important; + vertical-align: top; + clear: none !important; + margin: 0; +} + +.footer-socials a { + display: block; + margin-right: 15px; +} + +.footer-socials.ico-20 a, +.footer-socials.ico-25 a { + margin-right: 16px; +} + +.footer-socials.ico-25 [class*="flaticon-"]:before, +.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; } + +.bg--black.footer .footer-socials li a { + color: #a0a7b1; +} + +.bg--black.footer .footer-socials li a:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* FOOTER STORE BAGES +/*------------------------------------------*/ + +.footer .store { + float: none; + margin-right: 0; + margin-bottom: 15px; +} + +/*------------------------------------------*/ +/* FOOTER NEWSLETTER FORM +/*------------------------------------------*/ + +.footer-form { + margin-bottom: 20px; +} + +#footer-7 .footer-form { + padding-left: 8%; +} + +.footer-form .newsletter-form .input-group { + background-color: #f4f4f4; + border: 1px solid transparent; + padding: 9px 2px; +} + +.footer-form .form-control { + height: 32px; + background-color: transparent; + border: none; + color: #666; + font-size: 1rem; + font-weight: 400; + padding: 0 10px; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Newsletter Form Input Focus +/*------------------------------------------*/ + +.footer-form .form-control:focus { + border: none; + border-right: none; + outline: 0; + box-shadow: none; +} + +/*------------------------------------------*/ +/* Footer Form Placeholder +/*------------------------------------------*/ + +.footer-form .form-control::-moz-placeholder { color: #6c757d; } +.footer-form .form-control:-ms-input-placeholder { color: #6c757d; } +.footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } + +/*------------------------------------------*/ +/* Newsletter Form Button +/*------------------------------------------*/ + +.footer-form .btn { + height: 32px; + padding: 0 10px; +} + +.footer-form .ico-15 [class*="flaticon-"]:before, +.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; } + +/*------------------------------------------*/ +/* Footer Form Notification +/*------------------------------------------*/ + +.footer-form .form-notification { + color: #1680fb; + font-size: 0.85rem; + line-height: 1.25; + font-weight: 400; + margin-top: 12px; + margin-left: 5px; +} + +.footer-form .form-notification.valid, +.footer-form .form-notification.error { + color: #fc2f4b; +} + +.footer-form .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER +/*------------------------------------------*/ + +.footer hr { + margin-top: 30px; + margin-bottom: 50px; +} + +#footer-8 .bottom-footer, +#footer-9 .bottom-footer { + margin-top: 20px; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER COPYRIGHT +/*------------------------------------------*/ + +.footer-copyright p { + margin-bottom: 0; +} + +.bg--black.footer .footer-copyright p { + color: #a0a7b1; +} + +/*------------------------------------------*/ +/* BOTTOM FOOTER SECONDARY LINK +/*------------------------------------------*/ + +.bottom-secondary-link p { + margin-bottom: 0; +} + +.bottom-secondary-link p span { + position: relative; + top: 1px; + padding: 0 2px; +} + +.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, +.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } + +/*------------------------------------------*/ +/* BOTTOM FOOTER LINKS +/*------------------------------------------*/ + +.bottom-footer-list li, +.bottom-footer-socials li, +.bottom-footer-payment li { + width: auto!important; + display: inline-block!important; + vertical-align: top; + clear: none !important; +} + +.bottom-footer-socials li { + padding-left: 14px; +} + +#footer-4 .bottom-footer-list li, +#footer-9 .bottom-footer-list li { + padding-left: 15px; +} + +#footer-4 .bottom-footer-list li.first-li, +#footer-9 .bottom-footer-list li.first-li { + padding-left: 0; +} + +#footer-10 .bottom-footer-socials li { + padding: 0 15px; +} + +.footer-list-divider { + position: relative; + top: -0.5px; + transform: rotate(-90deg); + margin-left: 4px; +} + +.bottom-footer-list.ico-15 [class*="flaticon-"]:before, +.bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; } + +.bottom-footer-list li p { + display: inline-block; + float: left; + margin-bottom: 0; +} + +.bottom-footer-socials li span { + position: relative; + top: 4px; + opacity: .8; +} + +.bottom-footer-payment li span { + line-height: 1!important; + position: relative; + top: 4px; + opacity: .8; +} + +#footer-4 .bottom-footer-list li span, +#footer-9 .bottom-footer-list li span { + margin-top: 1px; + margin-right: 2px; +} + +.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.115rem; } + +.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, +.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } + +.bg--black.footer .bottom-footer-list li p a { + color: #a0a7b1; +} + +.bg--black.footer .bottom-footer-list li p a:hover { + color: #fff!important; +} + + + + +/* ========================================================================== + 30. INNER PAGE WRAPPER + =========================================================================== */ + +.inner-page-hero { + padding-top: 180px; +} + +.page-hero-section-overlay { + position: relative; + width: 100%; + padding-top: 150px; +} + +.page-hero-section-overlay .txt-block { + margin-top: -40px; +} + +.page-hero-section .wave-shape-bottom path { + fill: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE TITLE +/*------------------------------------------*/ + +.inner-page-title { + text-align: center; + margin-bottom: 80px; +} + +.inner-page-title h2 { + margin-bottom: 0; +} + +.inner-page-title p { + font-size: 1.1875rem; + line-height: 1; + margin-top: 20px; + margin-bottom: 0; +} + +.page-hero-section h2 { + line-height: 1.15; + margin-bottom: 30px; +} + + + + +/* ========================================================================== + 31. PAGE PAGINATION + =========================================================================== */ + +.page-link { + color: #6c757d; + font-size: 1.1rem; + font-weight: 500; + padding: 2px 14px; + margin: 0 8px; + background-color: transparent; + border: 2px solid transparent; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-transition: all 400ms ease-in-out; + -moz-transition: all 400ms ease-in-out; + -o-transition: all 400ms ease-in-out; + -ms-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; +} + +.pagination.ico-20 [class*="flaticon-"]:before, +.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } + +.page-item:first-child .page-link { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.page-item:last-child .page-link { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.blue-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #1680fb; + border: 2px solid #1680fb; +} + +.green-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #0fbc49; + border: 2px solid #0fbc49; +} + +.pink-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #f74780; + border: 2px solid #f74780; +} + +.purple-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #7b5dd6; + border: 2px solid #7b5dd6; +} + +.red-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #ff1e1a; + border: 2px solid #ff1e1a; +} + +.violet-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #be6cbe; + border: 2px solid #be6cbe; +} + +.yellow-pagination .page-item.active .page-link { + color: #353f4f!important; + background-color: #ffba01; + border: 2px solid #ffba01; +} + +.page-item.disabled .page-link { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; +} + +.page-link:hover { + color: #6c757d; + background-color: transparent; + border: 2px solid #ccc; +} + +.page-link:focus { + color: #6c757d; + background-color: transparent; + border: 2px solid transparent; + box-shadow: 0 0; +} + + + + +/* ========================================================================== + 32. TERMS, PRIVACY, COOKIES PAGES + =========================================================================== */ + +/*------------------------------------------*/ +/* TERMS PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.txt-block.legal-info h5 { + margin-top: 30px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 { + margin-top: 80px; + margin-bottom: 30px; +} + +.txt-block.legal-info h4 span, +.txt-block.legal-info h5 span { + margin-right: 4px; +} + +.legal-info p span { + color: #353f4f; + font-weight: 500; +} + +.legal-info a { + font-weight: 500; + text-decoration: underline; +} + + + + +/* ========================================================================== + 33. SIGN-IN / SIGN-UP PAGE + =========================================================================== */ + +#login, +#signup { + background: url(../images/login.jpg); + background-position: bottom left; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 80px; +} + +#reset-password { + background: url(../images/reset-password.jpg); + background-position: center center; + min-height: 100vh; + padding-top: 80px; + padding-bottom: 100px; +} + +.register-page-wrapper { + overflow: hidden; + position: relative; + z-index: 1; + -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); + box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12); +} + +#login .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: left top; +} + +#signup .register-page-wrapper { + background: url(../images/login-wrapper.jpg); + background-position: right center; +} + +#login .register-page-wrapper:after, +#signup .register-page-wrapper:after { + position: absolute; + content: ''; + z-index: -1; + width: 50%; + height: 100%; + top: 0; + background-color: #fff; +} + +#login .register-page-wrapper:after { + left: 50%; +} + +#signup .register-page-wrapper:after { + left: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE LOGO +/*------------------------------------------*/ + +.register-page-txt img { + width: auto; + max-width: inherit; + max-height: 32px; + margin-bottom: 55px; +} + +.login-page-logo { + text-align: center; + margin-bottom: 45px; +} + +.login-page-logo img { + width: auto; + max-width: inherit; + max-height: 45px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TITLE +/*------------------------------------------*/ + +.register-form-title { + text-align: center; + margin-bottom: 40px; +} + +.register-form-title h3 { + line-height: 1; + margin-bottom: 10px; +} + +.register-form-title p { + margin-bottom: 0; +} + +.register-form-title a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE TEXT +/*------------------------------------------*/ + +#login .register-page-txt, +#signup .register-page-txt { + padding: 70px 60px; +} + +.register-page-txt h2 { + line-height: 1.15; + font-weight: 700; + margin-bottom: 6px; +} + +#login .register-page-copyright { + position: absolute; + left: 60px; + bottom: 45px; +} + +#signup .register-page-copyright { + position: absolute; + right: 60px; + bottom: 45px; +} + +.register-page-copyright p { + font-size: 0.85rem; + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title { + margin-bottom: 30px; +} + +.reset-form-title h5 { + line-height: 1; + margin-bottom: 0; +} + +.reset-form-title p.p-sm { + font-size: 0.9rem; + margin-top: 25px; + margin-bottom: 0; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM +/*------------------------------------------*/ + +.register-page-form { + padding: 60px; +} + +.login-1 .register-page-form, +.signup-1 .register-page-form { + padding: 20px 30px; +} + +.reset-page-wrapper { + margin: 0 10px; +} + +.reset-page-wrapper form { + background: #fff; + border: 1px solid #fafafa; + padding: 50px 30px 25px; + -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); + box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); +} + +/*------------------------------------------*/ +/* REGISTER PAGE TYPOGRAPHY +/*------------------------------------------*/ + +.register-page-form p.input-header { + position: relative; + color: #353f4f; + font-size: 0.85rem; + line-height: 1; + font-weight: 500; + margin-bottom: 12px; + padding-left: 5px; +} + +.reset-password-link p { + position: relative; + font-size: 0.9rem; + line-height: 1; + margin-top: -8px; + margin-bottom: 10px; +} + +.form-data span { + display: block; + font-size: 0.85rem; + margin-bottom: 0; +} + +.form-data span a { + color: #353f4f; + font-weight: 500; + text-decoration: underline; +} + +.register-page-form p.create-account { + font-size: 0.925rem; + line-height: 1; + margin-top: 30px; + margin-bottom: 0; +} + +.register-page-form p.create-account a { + font-weight: 500; + text-decoration: underline; +} + +/*------------------------------------------*/ +/* REGISTER PAGE SEPARATOR LINE +/*------------------------------------------*/ + +.separator-line { + display: flex; + width: 100%; + -webkit-box-pack: center; + justify-content: center; + -webkit-box-align: center; + align-items: center; + text-align: center; + font-family: 'Plus Jakarta Sans', sans-serif; + font-size: 0.9rem; + font-weight: 500; + margin: 25px 0px 30px; +} + +.separator-line::before, +.separator-line::after { + content: ""; + border-top: 2px solid rgba(0, 0, 0, .1); + margin: 0 15px 0 0; + flex: 1 0 20px; +} + +.separator-line::after { + margin: 0 0 0 15px; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM INPUT +/*------------------------------------------*/ + +.reset-page-wrapper .form-control, +.register-page-form .form-control { + height: 60px; + background-color: #f5f6f8; + border: 1px solid transparent; + color: #353f4f; + font-size: 0.95rem; + line-height: 1; + font-weight: 400; + margin-bottom: 25px; + padding: 5px 20px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + -ms-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.login-1 .form-control, +.signup-1 .form-control { + background-color: #fff; + border: 1px solid #ccc; +} + +.reset-page-wrapper .form-control { + text-align: center; +} + +.register-page-form .form-control::-moz-placeholder { color: #999; } +.register-page-form .form-control:-ms-input-placeholder { color: #999; } +.register-page-form .form-control::-webkit-input-placeholder { color: #999; } + +/*------------------------------------------*/ +/* REGISTER PAGE FORM FOCUS +/*------------------------------------------*/ + +.reset-page-wrapper .form-control:focus, +.register-page-form .form-control:focus { + outline: 0px none; + box-shadow: none; + background-color: #fcfdfd; + border-color: #1680fb; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM BUTTON +/*------------------------------------------*/ + +#signup .register-page-form .btn.submit, +#login .register-page-form .btn.submit { + width: 100%; + height: 60px; + margin-top: 20px; +} + +.reset-page-wrapper .btn.submit { + width: 100%; + margin-bottom: 20px; +} + +.register-page-form .btn-google { + width: 100%; + color: #333; + font-size: 0.95rem; + background-color: #fff; + border: 1px solid #ccc; +} + +.btn-google img { + position: relative; + width: 22px; + height: 22px; + top: -2px; + right: 5px; +} + +.register-page-form .btn-google:hover { + border: 1px solid #333; +} + +/*------------------------------------------*/ +/* REGISTER PAGE FORM MESSAGE +/*------------------------------------------*/ + +.reset-form-msg { + text-align: center; + width: 100%!important; + display: block; +} + +.reset-password-form .loading { + color: #00b2e4; + font-size: 1.0625rem; + line-height: 1; + font-weight: 500; + padding-left: 15px; +} + +.reset-password-form .error { + position: relative; + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + top: -10px; + margin-bottom: 12px; + padding-left: 10px; +} + +/*------------------------------------------*/ +/* FORM HIDE PASSWORD +/*------------------------------------------*/ + +.wrap-input { + position: relative; +} + +.btn-show-pass { + color: #999999; + align-items: center; + position: absolute; + height: 100%; + top: 20px; + right: 20px; + cursor: pointer; + -webkit-transition: all 0.4s; + -o-transition: all 0.4s; + -moz-transition: all 0.4s; + transition: all 0.4s; +} + +.btn-show-pass.ico-20 [class^="flaticon-"]:before, +.btn-show-pass.ico-20 [class^="flaticon-"]:after { + font-size: 1.125rem; +} + +.btn-show-pass:hover { + color: #0195ff; +} + +.btn-show-pass.active { + color: #6a7dfe; +} + + + + +/* ========================================================================== + 34. PAGE 404 + =========================================================================== */ + +.page-404-txt { + padding-top: 180px; + padding-bottom: 100px; +} + +.page-404-txt h2 { + margin-bottom: 20px; +} + +.page-404-txt h6 { + line-height: 1.6; + font-weight: 400; + padding: 0 5%; + margin-bottom: 30px; +} + +.page-404-img { + padding: 0 5%; + margin-bottom: 60px; +} + + + + +/* ========================================================================== + 35. MODAL + ========================================================================== */ + +.modal-body { + padding: 0!important; +} + +#modal-1 .modal-dialog { + max-width: 700px; +} + +#modal-2 .modal-dialog { + width: 440px; +} + +#modal-3 .modal-dialog.modal-xl { + width: 750px; +} + +#modal-2.modal .modal-content, +#modal-3.modal .modal-content { + overflow: hidden; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; +} + +#modal-3.modal .bg-img { + background: url(../images/modal-request.jpg); + background-position: left center; +} + +#modal-2 .modal-body-content { + padding: 35px 40px 15px; +} + +#modal-3 .modal-body-content { + padding: 60px 35px 50px; +} + +/*------------------------------------------*/ +/* MODAL WINDOW CLOSE BUTTON +/*------------------------------------------*/ + +.modal .btn-close { + position: absolute; + z-index: 1; + right: 15px!important; + top: 15px!important; + height: 1.5rem; + width: 1.5rem; + background: rgba(255, 255, 255, 1)!important; + border-radius: 50%; + padding: 0; + opacity: .9; + z-index: 9999; +} + +#modal-3.modal .btn-close { + background: rgba(14, 14, 14, .3)!important; +} + +.btn-close span { + position: relative; + line-height: 24px!important; + top: -2px; +} + +.modal .btn-close.ico-10 [class^="flaticon-"]:before, +.modal .btn-close.ico-10 [class^="flaticon-"]:after { + font-size: 0.6rem; +} + +button.btn-close:focus { + outline: none!important; + text-decoration: none!important; +} + +/*------------------------------------------*/ +/* MODAL WINDOW NEWSLETTER FORM +/*------------------------------------------*/ + +.modal-body .newsletter-form { + margin-top: 25px; +} + +.modal .newsletter-form .form-control { + text-align: center; + height: 56px; + background-color: #f5f6f8; + border: 1px solid transparent; + font-size: 1rem; + color: #353f4f; + font-weight: 400; + padding: 0 15px; + margin: 0 0 15px 0; + box-shadow: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +/*------------------------------------------*/ +/* Form Input Focus +/*------------------------------------------*/ + +.modal .newsletter-form .form-control:focus { + outline: 0; + box-shadow: none; + border-color: #1e90ff; +} + +.modal .newsletter-form.purple-focus .form-control:focus { + border-color: #8863ee; +} + +/*------------------------------------------*/ +/* Form Input Placeholder +/*------------------------------------------*/ + +.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } +.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } +.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } + +/*------------------------------------------*/ +/* Form Button +/*------------------------------------------*/ + +.modal .input-group-btn { + display: block; + width: 100%!important; +} + +.modal .newsletter-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Form Notification +/*------------------------------------------*/ + +.modal .form-notification { + text-align: center; + color: #1680fb; + font-size: 0.85rem; + font-weight: 400; + line-height: 1; + margin-top: 12px; +} + +.modal .form-notification.valid, +.modal .form-notification.error { + color: #fc2f4b; +} + +.modal .newsletter-form.valid { + color: #0fbc49; +} + +/*------------------------------------------*/ +/* MODAL WINDOW REQUEST FORM +/*------------------------------------------*/ + +#modal-3 .request-form { + margin: 0; +} + +#modal-3 .request-form .col-md-12 { + padding: 0; +} + +#modal-3 .request-form-title p { + margin-top: 18px; + margin-bottom: 25px; +} + +#modal-3 .request-form .form-control { + text-align: left; + margin: 0 0 25px 0; +} + +#modal-3 .request-form .btn { + display: block; + width: 100%!important; + height: 56px; + margin: 0; +} + +/*------------------------------------------*/ +/* Comment Form Message +/*------------------------------------------*/ + +#modal-3 .request-form-msg { + width: 100%!important; + display: block; + margin-top: 15px; + padding-left: 0; +} + +#modal-3 .request-form .loading { + color: #1680fb; + font-size: 1.0625rem; + line-height: 1; + font-weight: 400; +} + +#modal-3 .request-form .error { + color: #e74c3c; + font-size: 0.85rem; + line-height: 1; + font-weight: 400; + margin-bottom: 10px; + padding-left: 10px; +} + + + + +/* ========================================================================== + 36. DARK MODE + ========================================================================== */ + +body.theme--dark, +.theme--dark .bg--white-100 { + background-color: #232734!important; +} + +body.theme--dark { + color: #b1b7cd; +} + +.theme--dark .block-shadow { + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +.theme--dark .block-border { + border: 1px solid #e7e7e7; +} + +.theme--dark .block-border.block-shadow { + border: 1px solid #f5f6f6; +} + +.theme--dark .x-border { border-top: 1px solid #1d212c; border-bottom: 1px solid #1d212c; } +.theme--dark .top-border { border-top: 1px solid #1d212c; } +.theme--dark .bottom-border { border-bottom: 1px solid #1d212c; } + +.theme--dark .bg--white-300, +.theme--dark .bg--white-400, +.theme--dark .bg--purple-100, +.theme--dark .shape--purple-100:after, +.theme--dark .shape--white-500:after, +.theme--dark .shape--white-400:after, +.theme--dark .shape--white-300:after, +.theme--dark .shape--white-200:after { + background-color: #1d212c; +} + +.theme--dark .bg--02, +.theme--dark .bg--04, +.theme--dark .gr--smoke, +.theme--dark .gr--ghost, +.theme--dark .shape--whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55) 100%); +} + +.theme--dark .gr--whitesmoke, +.theme--dark .shape--gr-whitesmoke:after { + background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%); +} +/*------------------------------------------*/ +/* SECTION DIVIDER +/*------------------------------------------*/ + +.theme--dark hr.divider, +.theme--dark .footer hr { + background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); +} + +.theme--dark hr.divider.divider-light { + background-color: #fff; + background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%); + opacity: 1; +} + +/*------------------------------------------*/ +/* TYPOGRAPHY +/*------------------------------------------*/ + +.theme--dark h1, +.theme--dark h2, +.theme--dark h3, +.theme--dark h4, +.theme--dark h5, +.theme--dark h6 { + color: #fff; +} + +.theme--dark a { color: #b1b7cd; } +.theme--dark a:hover, .theme--dark a.tra-link:hover span { color: #f7f8f9!important; } + +/*------------------------------------------*/ +/* BUTTONS +/*------------------------------------------*/ + +.theme--dark .btn--tra-black, +.theme--dark .hover--tra-black:hover { + color: #b1b7cd!important; + background-color:transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .navbar-dark .hover--tra-black:hover { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark .white-scroll .hover--tra-black:hover { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +.theme--dark .navbar-dark .scroll .hover--tra-black:hover { + color: #fff!important; + background-color:transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--white, +.theme--dark .hover--white:hover { + color: #353f4f!important; + background-color: #fff!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-white, +.theme--dark .hover--tra-white:hover { + color: #f1f1f1!important; + background-color: transparent!important; + border-color: #f1f1f1!important; +} + +.theme--dark .white-scroll .scroll .hover--tra-white:hover { + color: #fff!important; + background-color: transparent!important; + border-color: #fff!important; +} + +.theme--dark .btn--tra-grey, +.theme--dark .hover--tra-grey:hover, +.theme--dark .white-scroll .scroll .hover--tra-grey:hover, +.theme--dark .black-scroll .scroll .hover--tra-grey:hover { + color: #b1b7cd!important; + background-color: transparent!important; + border-color: #b1b7cd!important; +} + +.theme--dark .btn--blue-500, +.theme--dark .hover--blue-500:hover, +.theme--dark .white-scroll .scroll .hover--blue-500:hover, +.theme--dark .black-scroll .scroll .hover--blue-500:hover { + color: #fff!important; + border-color: #185abd!important; + background-color: #185abd!important; +} + +.theme--dark .btn--blue-400, +.theme--dark .hover--blue-400:hover, +.theme--dark .white-scroll .scroll .hover--blue-400:hover, +.theme--dark .black-scroll .scroll .hover--blue-400:hover { + color: #fff!important; + border-color: #1680fb!important; + background-color: #1680fb!important; +} + +.theme--dark .btn--blue-300, +.theme--dark .hover--blue-300:hover, +.theme--dark .white-scroll .scroll .hover--blue-300:hover, +.theme--dark .black-scroll .scroll .hover--blue-300:hover { + color: #fff!important; + border-color: #3eb1ff!important; + background-color: #3eb1ff!important; +} + +.theme--dark .btn--pink-500, +.theme--dark .hover--pink-500:hover, +.theme--dark .white-scroll .scroll .hover--pink-500:hover, +.theme--dark .black-scroll .scroll .hover--pink-500:hover { + color: #fff!important; + border-color: #ff149c!important; + background-color: #ff149c!important; +} + +.theme--dark .btn--pink-400, +.theme--dark .hover--pink-400:hover, +.white-scroll .scroll .hover--pink-400:hover, +.black-scroll .scroll .hover--pink-400:hover { + color: #fff!important; + border-color: #f74780!important; + background-color: #f74780!important; +} + +.theme--dark .btn--pink-300, +.theme--dark .hover--pink-300:hover, +.theme--dark .white-scroll .scroll .hover--pink-300:hover, +.theme--dark .black-scroll .scroll .hover--pink-300:hover { + color: #fff!important; + border-color: #fcb5cc!important; + background-color: #fcb5cc!important; +} + +.theme--dark .btn--purple-500, +.theme--dark .hover--purple-500:hover, +.theme--dark .white-scroll .scroll .hover--purple-500:hover, +.theme--dark .black-scroll .scroll .hover--purple-500:hover { + color: #fff!important; + border-color: #663ae9!important; + background-color: #663ae9!important; +} + +.theme--dark .btn--purple-400, +.theme--dark .hover--purple-400:hover, +.theme--dark .white-scroll .scroll .hover--purple-400:hover, +.theme--dark .black-scroll .scroll .hover--purple-400:hover { + color: #fff!important; + border-color: #7b5dd6!important; + background-color: #7b5dd6!important; +} + +.theme--dark .btn--purple-300, +.theme--dark .hover--purple-300:hover, +.theme--dark .white-scroll .scroll .hover--purple-300:hover, +.theme--dark .black-scroll .scroll .hover--purple-300:hover { + color: #fff!important; + border-color: #bdaeea!important; + background-color: #bdaeea!important; +} + +.theme--dark .btn--violet-500, +.theme--dark .hover--violet-500:hover, +.theme--dark .white-scroll .scroll .hover--violet-500:hover, +.theme--dark .black-scroll .scroll .hover--violet-500:hover { + color: #fff!important; + border-color: #c73e9b!important; + background-color: #c73e9b!important; +} + +.theme--dark .btn--violet-400, +.theme--dark .hover--violet-400:hover, +.theme--dark .white-scroll .scroll .hover--violet-400:hover, +.theme--dark .black-scroll .scroll .hover--violet-400:hover { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.theme--dark .btn--violet-300, +.theme--dark .hover--violet-300:hover, +.theme--dark .white-scroll .scroll .hover--violet-300:hover, +.theme--dark .black-scroll .scroll .hover--violet-300:hover { + color: #fff!important; + border-color: #e2bde2!important; + background-color: #e2bde2!important; +} + +.theme--dark .section-id { + color: #eee; +} + +.theme--dark .color--black, +.theme--dark .color--black h2, +.theme--dark .color--black h3, +.theme--dark .color--black h4, +.theme--dark .color--black h5, +.theme--dark .color--black h6, +.theme--dark .color--black p, +.theme--dark .color--black a, +.theme--dark .color--black li, +.theme--dark .color--black i, +.theme--dark .color--black span, +.theme--dar .color--white .color--black { color: #fff; } + +.theme--dark .color--grey, +.theme--dark .color--grey h2, +.theme--dark .color--grey h3, +.theme--dark .color--grey h4, +.theme--dark .color--grey h5, +.theme--dark .color--grey h6, +.theme--dark .color--grey p, +.theme--dark .color--grey a, +.theme--dark .color--grey li, +.theme--dark .color--grey i, +.theme--dark .color--grey span, +.theme--dark .color--white .color--grey { color: #b1b7cd; } + +/*------------------------------------------*/ +/* NAVIGATION MENU +/*------------------------------------------*/ + +.theme--dark .dark-menu .wsmainfull, +.theme--dark .white-menu .wsmainfull { + background-color: #1d222f!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +/*------------------------------------------*/ +/* HEADER LINK +/*------------------------------------------*/ + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a { + color: #fff; +} + +.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover, +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover, +.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover { + color: #eee!important; +} + +.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover { + color: #fff!important; +} + +/*------------------------------------------*/ +/* HEADER SUBMENU / MEGAMENU +/*------------------------------------------*/ + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { + background-color: #2c3142!important; + border: solid 1px #2c3142!important; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before, +.theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before { + background-color: #2c3142; + border-left: solid 1px #2c3142; + border-top: solid 1px #2c3142; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; + background-color: transparent!important; +} + +.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, +.theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NAVBAR SCROLL +/*------------------------------------------*/ + +.theme--dark .tra-menu .wsmainfull.scroll, +.theme--dark .white-menu .wsmainfull.scroll, +.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll { + background-color: #1d222f!important; + padding: 0; + -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); + box-shadow: 0 2px 3px rgba(1, 1, 1, .1); +} + +.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a, +.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, +.theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link { + color: #b1b7cd; +} + +.theme--dark .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link:hover { + color: #fff!important; +} + +.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + background-color: rgba(0, 0, 0, .12)!important; +} + +.theme--dark .navbar-light .scroll .btn.btn--tra-white { + color: #fff!important; + border-color: #fff!important; + background-color: transparent!important; +} + +/*------------------------------------------*/ +/* Logo Image +/*------------------------------------------*/ + +.theme--dark .navbar-light .scroll .logo-black, +.theme--dark .navbar-dark.light-hero-header .logo-black, +.theme--dark .navbar-dark.inner-page-header .logo-black { + display: none; +} + +.theme--dark .navbar-light .scroll .logo-white, +.theme--dark .navbar-dark.light-hero-header .logo-white, +.theme--dark .navbar-dark.inner-page-header .logo-white { + display: block; +} + +.theme--dark .navbar-dark .scroll .logo-black { + display: none; +} + +.theme--dark .navbar-dark .scroll .logo-white { + display: block; +} + +/*------------------------------------------*/ +/* HERO SECTION +/*------------------------------------------*/ + +.theme--dark .hero-section .color--black, +.theme--dark .hero-section .color--black h2, +.theme--dark .hero-section .color--black h3, +.theme--dark .hero-section .color--black h4, +.theme--dark .hero-section .color--black h5, +.theme--dark .hero-section .color--black h6, +.theme--dark .hero-section .color--black p, +.theme--dark .hero-section .color--black a, +.theme--dark .hero-section .color--black li, +.theme--dark .hero-section .color--black i, +.theme--dark .hero-section .color--black span, +.theme--dark .hero-section .color--white .color--black { color: #353f4f; } + +.theme--dark .hero-section p { color: #6c757d; } +.theme--dark .hero-section .color--white p { color: #fff; } +.theme--dark .hero-section.gr--whitesmoke p {color: #b1b7cd; } +.theme--dark .hero-section .section-id.color--grey { color: #6c757d; } + +.theme--dark .hero-5-txt p, +.theme--dark .hero-6-txt p, +.theme--dark .hero-10-txt p, +.theme--dark .hero-15-txt p, +.theme--dark .hero-16-txt p, +.theme--dark .hero-17-txt p, +.theme--dark .hero-18-txt p, +.theme--dark .hero-19-txt p, +.theme--dark .hero-20-txt p, +.theme--dark .hero-21-txt p, +.theme--dark .hero-23-txt p, +.theme--dark .hero-25-txt p { color: #b1b7cd; } + +.theme--dark .hero-section .quick-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control, +.theme--dark #hero-24.hero-section .quick-form .form-control, +.theme--dark #hero-26.hero-section .quick-form .form-control { + color: #666; + background-color: #fff; +} + +.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder { color: #999; } +.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder { color: #999; } + +.theme--dark .hero-section .quick-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-14.hero-section .quick-form .form-control:focus, +.theme--dark #hero-24.hero-section .quick-form .form-control:focus, +.theme--dark #hero-26.hero-section .quick-form .form-control:focus { + background-color: #fff; + border-color: transparent; +} + +.theme--dark .hero-section .request-form .form-control { + color: #fff; + background-color: #363f54; +} + +.theme--dark .hero-section .request-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .hero-section .request-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark #hero-3:after, +.theme--dark #hero-4:after { + background-color: #232734; +} + +.theme--dark .hero-4-txt h2 { + color: #353f4f; +} + +.theme--dark .hero-4-txt .btn.btn--tra-black { + color: #353f4f!important; + background-color:transparent!important; + border-color: #353f4f!important; +} + +.theme--dark #hero-5 { + background-image: url(../images/hero-5-dark.jpg); +} + +.theme--dark .hero-6-wrapper { + background-image: linear-gradient(90deg, #1d212c, #1d212c); +} + +.theme--dark #hero-8-form { + background-color: #1d222f; + border: 1px solid #1d222f; +} + +.theme--dark #hero-8-form p { + color: #b1b7cd; +} + +.theme--dark #hero-5 .wave-shape-bottom svg path, +.theme--dark #hero-8 .wave-shape-bottom svg path, +.theme--dark #hero-14 .wave-shape-bottom svg path, +.theme--dark #hero-16 .wave-shape-bottom svg path, +.theme--dark #hero-22 .wave-shape-bottom svg path, +.theme--dark #hero-23 .wave-shape-bottom svg path, +.theme--dark #hero-26 .wave-shape-bottom svg path { + fill: #232734; +} + +.theme--dark #hero-10 { + background-image: url(../images/hero-10-dark.jpg); +} + +.theme--dark #hero-15 { + background-image: url(../images/hero-15-dark.jpg); +} + +.theme--dark #hero-16 { + background-image: url(../images/hero-16-dark.jpg); +} + +.theme--dark #hero-17 { + background-image: url(../images/hero-17-dark.jpg); +} + +.theme--dark #hero-18:after { + background-image: url(../images/hero-18-dark.jpg); +} + +.theme--dark #hero-20:after { + background-image: linear-gradient(180deg, #1d212c, #232734); +} + +.theme--dark #hero-21 .hero-overlay { + background-image: url(../images/hero-21-dark.jpg); +} + +.theme--dark #hero-23 { + background-image: url(../images/hero-23-dark.jpg); +} + +.theme--dark .hero-23-txt p span.color--black { color: #fff; } + +.theme--dark #hero-25 { + background-image: url(../images/hero-25-dark.jpg); +} + +.theme--dark #hero-27 .hero-overlay { + background-image: url(../images/hero-27-dark.png); +} + +/*------------------------------------------*/ +/* FEATURES +/*------------------------------------------*/ + +.theme--dark .features-section path { + opacity: .05; +} + +.theme--dark .fbox-7 { + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* CONTENT +/*------------------------------------------*/ + +.theme--dark .cbox-2-line { + background-color: #363f54; +} + +/*------------------------------------------*/ +/* STATISTIC +/*------------------------------------------*/ + +.theme--dark #statistic-5 .statistic-digit { + border-bottom: 1px solid #505c77; +} + +/*------------------------------------------*/ +/* REVIEWS +/*------------------------------------------*/ + +.theme--dark #reviews-2 .review-2.bg--white-100 { + background-color: #1d212c!important; +} + +.theme--dark .owl-theme .owl-dots .owl-dot span { + background: #1d212c; +} + +.theme--dark .owl-theme .owl-dots .owl-dot.active span { + background: #b1b7cd; +} + +.theme--dark .review-3.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* PROJECT DETAILS +/*------------------------------------------*/ + +.theme--dark .project-title h2 { + border-bottom: 1px solid #363f54; +} + +.theme--dark .project-data p span { color: #fff; } + +.theme--dark .project-description .more-projects span { + color: #fff; +} + +/*------------------------------------------*/ +/* RATING +/*------------------------------------------*/ + +.theme--dark .rbox-1 .star-rating { + background-color: #1d212c!important; + border: 1px solid #1d212c; + -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13); +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .pricing-discount h6 { + color: #353f4f; +} + +.theme--dark .table>:not(caption)>*>* { + color: #b1b7cd; + background-color: #232734; +} + +.theme--dark .comp-table .table thead th { + color: #fff; + border-color: #363f54; +} + +.theme--dark .comp-table tbody th { + border-bottom: 1px solid #363f54!important; +} + +.theme--dark .comp-table .table tr td { + border-bottom: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* INTEGRATIONS +/*------------------------------------------*/ + +.theme--dark .integrations-1-wrapper .in_tool { + background-color: #1d212c; + border: 1px solid #1d212c; +} + +/*------------------------------------------*/ +/* PRICING +/*------------------------------------------*/ + +.theme--dark .switcher.bg--grey { + background-color: #363f54; + border: 2px solid #363f54; +} + +/*------------------------------------------*/ +/* BANNER +/*------------------------------------------*/ + +.theme--dark .banner-16-wrapper.bg--white-100.block-border { + border-color: #363f54; +} + +/*------------------------------------------*/ +/* DOWNLOAD +/*------------------------------------------*/ + +.theme--dark .release-data { + border-bottom: 1px dashed #656565; +} + +.theme--dark span.version-data, +.theme--dark span.release-date span { + color: #f1f1f1; +} + +.theme--dark span.release-date { + color: #ccc; +} + +/*------------------------------------------*/ +/* FAQs +/*------------------------------------------*/ + +.theme--dark .faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item, +.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb { + border-bottom: 1px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li { + border: 2px solid #363f54; +} + +.theme--dark .faqs-section .tabs-1 li span, +.theme--dark .faqs-section .tabs-1 li { + color: #b1b7cd; +} + +.theme--dark .faqs-section .accordion-item .accordion-thumb:after, +.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after { + color: #b1b7cd; +} + +/*------------------------------------------*/ +/* NEWSLETTER +/*------------------------------------------*/ + +.theme--dark .newsletter-section .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .newsletter-section .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .newsletter-section .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* BLOG +/*------------------------------------------*/ + +.theme--dark .post-meta-list p, +.theme--dark .blog-post-txt a { + color: #fff; +} + +.theme--dark .blog-post-txt a:hover { + color: #ddd!important; +} + +/*------------------------------------------*/ +/* SINGLE POST +/*------------------------------------------*/ + +.theme--dark .txt-code { + background-color: #1d212c; +} + +.theme--dark .txt-code kbd { + background-color: #363f54; +} + +.theme--dark .txt-code p { + color: #b1b7cd; +} + +.theme--dark .comment-form p, +.theme--dark .blockquote-footer, +.theme--dark .txt-code span.code-property, +.theme--dark .txt-code p code.code-language-js { + color: #fff; +} + +.theme--dark .comment-form .form-control { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .comment-form .form-control:focus { + background-color: #505c77; + border-color: transparent; +} + +.theme--dark .comment-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .comment-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +/*------------------------------------------*/ +/* CONTACTS +/*------------------------------------------*/ + +.theme--dark .contact-form-notice p a, +.theme--dark #contacts-1 .contact-form p { + color: #fff; +} + +.theme--dark .contact-form .form-control, +.theme--dark .contact-form .form-select { + color: #f1f1f1; + background-color: #363f54; +} + +.theme--dark .contact-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .contact-form .form-control:focus, +.theme--dark .contact-form .form-select:focus { + background-color: #505c77; + border-color: transparent; +} + +/*------------------------------------------*/ +/* FOOTER +/*------------------------------------------*/ + +.theme--dark #footer-10 .footer-info { + border-bottom: 1px solid #363f54; +} + +.theme--dark .footer-form .newsletter-form .btn.dark-color span { + color: #2f353e!important; +} + +.theme--dark .footer-form .newsletter-form .input-group { + background-color: #282d3c; + border: 1px solid #505c77; +} + +.theme--dark .footer-form .form-control { + color: #fff; +} + +.theme--dark .footer-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .footer-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .legal-info p span { + color: #fff; +} + +/*------------------------------------------*/ +/* INNER PAGE +/*------------------------------------------*/ + +.theme--dark .page-hero-section .wave-shape-bottom path { + fill: #232734; +} + +/*------------------------------------------*/ +/* MODAL +/*------------------------------------------*/ + +.theme--dark #modal-2 .modal-body-content h5, +.theme--dark #modal-3 .modal-body-content h3 { + color: #353f4f; +} + +/*------------------------------------------*/ +/* PAGE 404 +/*------------------------------------------*/ + +.theme--dark #page-404.bg--white-300, .theme--dark #footer-11.bg--white-300 { background-color: #f7f8f9; } +.theme--dark #page-404 .color--dark { color: #353f4f; } + +.theme--dark #page-404 h6.color--grey, .theme--dark #footer-11.bg--white-300, +.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a { color: #6c757d; } + +/*------------------------------------------*/ +/* LOGIN +/*------------------------------------------*/ + +.theme--dark #login, .theme--dark #signup { + background: url(../images/login_dark.jpg); +} + +.theme--dark #reset-password { + background: url(../images/reset-password-dark.jpg); +} + +.theme--dark #login .register-page-wrapper:after, +.theme--dark #signup .register-page-wrapper:after { + background-color: #1d212c; +} + +.theme--dark .form-data span a, +.theme--dark .register-page-form p.input-header { + color: #fff; +} + +.theme--dark .separator-line::before, +.theme--dark .separator-line::after { + border-top: 2px solid rgba(255, 255, 255, .15); +} + +.theme--dark .reset-page-wrapper .form-control, +.theme--dark .register-page-form .form-control { + color: #f1f1f1; + background-color: #363f54; + border: 1px solid #363f54; +} + +.theme--dark .reset-page-wrapper form { + background: #1d212c; + border: 1px solid #1d212c; +} + +.theme--dark .register-page-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .register-page-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .reset-password-form .form-control::-moz-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control:-ms-input-placeholder { color: #b1b7cd; } +.theme--dark .reset-password-form .form-control::-webkit-input-placeholder { color: #b1b7cd; } + +.theme--dark .register-page-form .btn-google { + color: #b1b7cd; + background-color: #363f54; + border: 1px solid #363f54; +} + + + + +/* ========================================================================== + 37. COLOR SCHEME + ========================================================================== */ + +.bg--theme, +.shape--blue-400:after { + background-color: #be6cbe; +} + +.btn--theme { + color: #fff!important; + border-color: #be6cbe!important; + background-color: #be6cbe!important; +} + +.hover--theme:hover, +.white-scroll .scroll .hover--theme:hover, +.black-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #a959a9!important; + background-color: #a959a9!important; +} + +.theme--dark .white-scroll .scroll .hover--theme:hover { + color: #fff!important; + border-color: #a959a9!important; + background-color: #a959a9!important; +} + +.theme--dark .white-scroll .hover--theme:hover { + color: #fff!important; + border-color: #a959a9!important; + background-color: #a959a9!important; +} + +.color--theme, +.color--theme h1, +.color--theme h2, +.color--theme h3, +.color--theme h4, +.color--theme h5, +.color--theme h6, +.color--theme p, +.color--theme a, +.color--theme li, +.color--theme i, +.color--theme span, +.color--white .color--theme { color: #be6cbe!important; } + +.loading--theme .loader { + border-color: transparent #be6cbe; +} + +.loading--theme .loader::after { + border-color: transparent rgba(190, 108, 190, .15); +} + +.nav-theme .sm-info { + background-color: #be6cbe; +} + +.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, +.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { + color: #be6cbe!important; +} + +.hero-section .quick-form .form-control:focus { + border-color: #be6cbe; +} + +.cbox-2:hover .cbox-2-ico.bg--theme { + color: #be6cbe; + border-color: #be6cbe; +} + +.tabs-1.tabs--theme, +.tabs-1.tabs--theme li.current:hover { + color: #be6cbe; + border-color: #be6cbe; +} + +.faqs-section .tabs--theme .tabs-1 li.current, +.faqs-section .tabs--theme .tabs-1 li.current:hover { + background-color: #be6cbe; + border-color: #be6cbe!important; +} + +.switch-wrap input:checked + .switcher.switcher--theme { + background-color: #be6cbe; + border-color: #be6cbe; +} + +.shape-ico.color--theme path, +.shape-ico.color--theme path, +.shape-ico.color--theme path { + fill: #f7e4f1; +} + +.newsletter-section .form-control:focus { + background-color: #fff; + border-color: #353f4f; +} + +.theme-pagination .page-item.active .page-link { + color: #fff!important; + background-color: #be6cbe; + border: 2px solid #be6cbe; +} + + + diff --git a/static/download/.DS_Store b/static/download/.DS_Store new file mode 100644 index 0000000..802b805 Binary files /dev/null and b/static/download/.DS_Store differ diff --git a/static/download/example.zip b/static/download/example.zip new file mode 100644 index 0000000..f75ee6d Binary files /dev/null and b/static/download/example.zip differ diff --git a/static/fonts/.DS_Store b/static/fonts/.DS_Store new file mode 100644 index 0000000..d0b05c3 Binary files /dev/null and b/static/fonts/.DS_Store differ diff --git a/static/fonts/flaticon.eot b/static/fonts/flaticon.eot new file mode 100644 index 0000000..f1e5b09 Binary files /dev/null and b/static/fonts/flaticon.eot differ diff --git a/static/fonts/flaticon.svg b/static/fonts/flaticon.svg new file mode 100644 index 0000000..2122a9d --- /dev/null +++ b/static/fonts/flaticon.svg @@ -0,0 +1,747 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/fonts/flaticon.ttf b/static/fonts/flaticon.ttf new file mode 100644 index 0000000..8eb56aa Binary files /dev/null and b/static/fonts/flaticon.ttf differ diff --git a/static/fonts/flaticon.woff b/static/fonts/flaticon.woff new file mode 100644 index 0000000..387e366 Binary files /dev/null and b/static/fonts/flaticon.woff differ diff --git a/static/fonts/flaticon.woff2 b/static/fonts/flaticon.woff2 new file mode 100644 index 0000000..304ea75 Binary files /dev/null and b/static/fonts/flaticon.woff2 differ diff --git a/static/images/.DS_Store b/static/images/.DS_Store new file mode 100644 index 0000000..8944aa8 Binary files /dev/null and b/static/images/.DS_Store differ diff --git a/static/images/a2-1.jpg b/static/images/a2-1.jpg new file mode 100644 index 0000000..a45166a Binary files /dev/null and b/static/images/a2-1.jpg differ diff --git a/static/images/a2-2.jpg b/static/images/a2-2.jpg new file mode 100644 index 0000000..18628f4 Binary files /dev/null and b/static/images/a2-2.jpg differ diff --git a/static/images/a2-3.jpg b/static/images/a2-3.jpg new file mode 100644 index 0000000..f539b9e Binary files /dev/null and b/static/images/a2-3.jpg differ diff --git a/static/images/a2-4.jpg b/static/images/a2-4.jpg new file mode 100644 index 0000000..31b2e2c Binary files /dev/null and b/static/images/a2-4.jpg differ diff --git a/static/images/a4-1.png b/static/images/a4-1.png new file mode 100644 index 0000000..0746d08 Binary files /dev/null and b/static/images/a4-1.png differ diff --git a/static/images/a4-2.png b/static/images/a4-2.png new file mode 100644 index 0000000..47b5aee Binary files /dev/null and b/static/images/a4-2.png differ diff --git a/static/images/apple-touch-icon-120x120.png b/static/images/apple-touch-icon-120x120.png new file mode 100644 index 0000000..1e55037 Binary files /dev/null and b/static/images/apple-touch-icon-120x120.png differ diff --git a/static/images/apple-touch-icon-152x152.png b/static/images/apple-touch-icon-152x152.png new file mode 100644 index 0000000..efd4840 Binary files /dev/null and b/static/images/apple-touch-icon-152x152.png differ diff --git a/static/images/apple-touch-icon-76x76.png b/static/images/apple-touch-icon-76x76.png new file mode 100644 index 0000000..78df55e Binary files /dev/null and b/static/images/apple-touch-icon-76x76.png differ diff --git a/static/images/apple-touch-icon.png b/static/images/apple-touch-icon.png new file mode 100644 index 0000000..e6668b8 Binary files /dev/null and b/static/images/apple-touch-icon.png differ diff --git a/static/images/bg-01.jpg b/static/images/bg-01.jpg new file mode 100644 index 0000000..f4a08af Binary files /dev/null and b/static/images/bg-01.jpg differ diff --git a/static/images/bg-02.jpg b/static/images/bg-02.jpg new file mode 100644 index 0000000..2f6ba13 Binary files /dev/null and b/static/images/bg-02.jpg differ diff --git a/static/images/bg-03.jpg b/static/images/bg-03.jpg new file mode 100644 index 0000000..f0d85f8 Binary files /dev/null and b/static/images/bg-03.jpg differ diff --git a/static/images/bg-04.jpg b/static/images/bg-04.jpg new file mode 100644 index 0000000..5f360c9 Binary files /dev/null and b/static/images/bg-04.jpg differ diff --git a/static/images/bg-05.jpg b/static/images/bg-05.jpg new file mode 100644 index 0000000..15db46d Binary files /dev/null and b/static/images/bg-05.jpg differ diff --git a/static/images/blog/.DS_Store b/static/images/blog/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/static/images/blog/.DS_Store differ diff --git a/static/images/blog/post-1-img.jpg b/static/images/blog/post-1-img.jpg new file mode 100644 index 0000000..15907f2 Binary files /dev/null and b/static/images/blog/post-1-img.jpg differ diff --git a/static/images/blog/post-10-img.jpg b/static/images/blog/post-10-img.jpg new file mode 100644 index 0000000..9f3a727 Binary files /dev/null and b/static/images/blog/post-10-img.jpg differ diff --git a/static/images/blog/post-11-img.jpg b/static/images/blog/post-11-img.jpg new file mode 100644 index 0000000..0d61f51 Binary files /dev/null and b/static/images/blog/post-11-img.jpg differ diff --git a/static/images/blog/post-12-img.jpg b/static/images/blog/post-12-img.jpg new file mode 100644 index 0000000..be7889b Binary files /dev/null and b/static/images/blog/post-12-img.jpg differ diff --git a/static/images/blog/post-13-img.jpg b/static/images/blog/post-13-img.jpg new file mode 100644 index 0000000..7db4ea9 Binary files /dev/null and b/static/images/blog/post-13-img.jpg differ diff --git a/static/images/blog/post-14-img.jpg b/static/images/blog/post-14-img.jpg new file mode 100644 index 0000000..313f3b9 Binary files /dev/null and b/static/images/blog/post-14-img.jpg differ diff --git a/static/images/blog/post-2-img.jpg b/static/images/blog/post-2-img.jpg new file mode 100644 index 0000000..e84efcd Binary files /dev/null and b/static/images/blog/post-2-img.jpg differ diff --git a/static/images/blog/post-3-img.jpg b/static/images/blog/post-3-img.jpg new file mode 100644 index 0000000..92a57ff Binary files /dev/null and b/static/images/blog/post-3-img.jpg differ diff --git a/static/images/blog/post-4-img.jpg b/static/images/blog/post-4-img.jpg new file mode 100644 index 0000000..49d7517 Binary files /dev/null and b/static/images/blog/post-4-img.jpg differ diff --git a/static/images/blog/post-5-img.jpg b/static/images/blog/post-5-img.jpg new file mode 100644 index 0000000..dba7d92 Binary files /dev/null and b/static/images/blog/post-5-img.jpg differ diff --git a/static/images/blog/post-6-img.jpg b/static/images/blog/post-6-img.jpg new file mode 100644 index 0000000..195955f Binary files /dev/null and b/static/images/blog/post-6-img.jpg differ diff --git a/static/images/blog/post-7-img.jpg b/static/images/blog/post-7-img.jpg new file mode 100644 index 0000000..5b426c1 Binary files /dev/null and b/static/images/blog/post-7-img.jpg differ diff --git a/static/images/blog/post-8-img.jpg b/static/images/blog/post-8-img.jpg new file mode 100644 index 0000000..4f8c735 Binary files /dev/null and b/static/images/blog/post-8-img.jpg differ diff --git a/static/images/blog/post-9-img.jpg b/static/images/blog/post-9-img.jpg new file mode 100644 index 0000000..ecfb639 Binary files /dev/null and b/static/images/blog/post-9-img.jpg differ diff --git a/static/images/blur-purple.png b/static/images/blur-purple.png new file mode 100644 index 0000000..bdf84ec Binary files /dev/null and b/static/images/blur-purple.png differ diff --git a/static/images/brand-1-white.png b/static/images/brand-1-white.png new file mode 100644 index 0000000..a493226 Binary files /dev/null and b/static/images/brand-1-white.png differ diff --git a/static/images/brand-1.png b/static/images/brand-1.png new file mode 100644 index 0000000..73e8201 Binary files /dev/null and b/static/images/brand-1.png differ diff --git a/static/images/brand-10.png b/static/images/brand-10.png new file mode 100644 index 0000000..58d36b7 Binary files /dev/null and b/static/images/brand-10.png differ diff --git a/static/images/brand-2.png b/static/images/brand-2.png new file mode 100644 index 0000000..7679c86 Binary files /dev/null and b/static/images/brand-2.png differ diff --git a/static/images/brand-21-white.png b/static/images/brand-21-white.png new file mode 100644 index 0000000..19d01b9 Binary files /dev/null and b/static/images/brand-21-white.png differ diff --git a/static/images/brand-21.png b/static/images/brand-21.png new file mode 100644 index 0000000..8001d89 Binary files /dev/null and b/static/images/brand-21.png differ diff --git a/static/images/brand-22-white.png b/static/images/brand-22-white.png new file mode 100644 index 0000000..8e3521c Binary files /dev/null and b/static/images/brand-22-white.png differ diff --git a/static/images/brand-22.png b/static/images/brand-22.png new file mode 100644 index 0000000..3dffcb6 Binary files /dev/null and b/static/images/brand-22.png differ diff --git a/static/images/brand-23-white.png b/static/images/brand-23-white.png new file mode 100644 index 0000000..a946799 Binary files /dev/null and b/static/images/brand-23-white.png differ diff --git a/static/images/brand-23.png b/static/images/brand-23.png new file mode 100644 index 0000000..e87b233 Binary files /dev/null and b/static/images/brand-23.png differ diff --git a/static/images/brand-3-white.png b/static/images/brand-3-white.png new file mode 100644 index 0000000..d72622e Binary files /dev/null and b/static/images/brand-3-white.png differ diff --git a/static/images/brand-3.png b/static/images/brand-3.png new file mode 100644 index 0000000..33eb3ec Binary files /dev/null and b/static/images/brand-3.png differ diff --git a/static/images/brand-4-white.png b/static/images/brand-4-white.png new file mode 100644 index 0000000..52db7b3 Binary files /dev/null and b/static/images/brand-4-white.png differ diff --git a/static/images/brand-4.png b/static/images/brand-4.png new file mode 100644 index 0000000..416eb8b Binary files /dev/null and b/static/images/brand-4.png differ diff --git a/static/images/brand-5-white.png b/static/images/brand-5-white.png new file mode 100644 index 0000000..2e44de3 Binary files /dev/null and b/static/images/brand-5-white.png differ diff --git a/static/images/brand-5.png b/static/images/brand-5.png new file mode 100644 index 0000000..029b1c7 Binary files /dev/null and b/static/images/brand-5.png differ diff --git a/static/images/brand-6-white.png b/static/images/brand-6-white.png new file mode 100644 index 0000000..7d41c6c Binary files /dev/null and b/static/images/brand-6-white.png differ diff --git a/static/images/brand-6.png b/static/images/brand-6.png new file mode 100644 index 0000000..7d4c7e2 Binary files /dev/null and b/static/images/brand-6.png differ diff --git a/static/images/brand-7-white.png b/static/images/brand-7-white.png new file mode 100644 index 0000000..41ed9b7 Binary files /dev/null and b/static/images/brand-7-white.png differ diff --git a/static/images/brand-7.png b/static/images/brand-7.png new file mode 100644 index 0000000..fb5c741 Binary files /dev/null and b/static/images/brand-7.png differ diff --git a/static/images/brand-8-white.png b/static/images/brand-8-white.png new file mode 100644 index 0000000..3e6f9d3 Binary files /dev/null and b/static/images/brand-8-white.png differ diff --git a/static/images/brand-8.png b/static/images/brand-8.png new file mode 100644 index 0000000..0afbaea Binary files /dev/null and b/static/images/brand-8.png differ diff --git a/static/images/brand-9-white.png b/static/images/brand-9-white.png new file mode 100644 index 0000000..de235ff Binary files /dev/null and b/static/images/brand-9-white.png differ diff --git a/static/images/brand-9.png b/static/images/brand-9.png new file mode 100644 index 0000000..b52d75b Binary files /dev/null and b/static/images/brand-9.png differ diff --git a/static/images/color-scheme/.DS_Store b/static/images/color-scheme/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/static/images/color-scheme/.DS_Store differ diff --git a/static/images/color-scheme/blue.jpg b/static/images/color-scheme/blue.jpg new file mode 100644 index 0000000..ae6e5ed Binary files /dev/null and b/static/images/color-scheme/blue.jpg differ diff --git a/static/images/color-scheme/crocus.jpg b/static/images/color-scheme/crocus.jpg new file mode 100644 index 0000000..7e29e55 Binary files /dev/null and b/static/images/color-scheme/crocus.jpg differ diff --git a/static/images/color-scheme/green.jpg b/static/images/color-scheme/green.jpg new file mode 100644 index 0000000..c705d01 Binary files /dev/null and b/static/images/color-scheme/green.jpg differ diff --git a/static/images/color-scheme/magenta.jpg b/static/images/color-scheme/magenta.jpg new file mode 100644 index 0000000..df69f25 Binary files /dev/null and b/static/images/color-scheme/magenta.jpg differ diff --git a/static/images/color-scheme/pink.jpg b/static/images/color-scheme/pink.jpg new file mode 100644 index 0000000..2ab302d Binary files /dev/null and b/static/images/color-scheme/pink.jpg differ diff --git a/static/images/color-scheme/purple.jpg b/static/images/color-scheme/purple.jpg new file mode 100644 index 0000000..8151dac Binary files /dev/null and b/static/images/color-scheme/purple.jpg differ diff --git a/static/images/color-scheme/red.jpg b/static/images/color-scheme/red.jpg new file mode 100644 index 0000000..cdcc43e Binary files /dev/null and b/static/images/color-scheme/red.jpg differ diff --git a/static/images/color-scheme/skyblue.jpg b/static/images/color-scheme/skyblue.jpg new file mode 100644 index 0000000..3803b10 Binary files /dev/null and b/static/images/color-scheme/skyblue.jpg differ diff --git a/static/images/color-scheme/violet.jpg b/static/images/color-scheme/violet.jpg new file mode 100644 index 0000000..49eef00 Binary files /dev/null and b/static/images/color-scheme/violet.jpg differ diff --git a/static/images/comment-author-1.jpg b/static/images/comment-author-1.jpg new file mode 100644 index 0000000..024edef Binary files /dev/null and b/static/images/comment-author-1.jpg differ diff --git a/static/images/comment-author-2.jpg b/static/images/comment-author-2.jpg new file mode 100644 index 0000000..b627341 Binary files /dev/null and b/static/images/comment-author-2.jpg differ diff --git a/static/images/comment-author-3.jpg b/static/images/comment-author-3.jpg new file mode 100644 index 0000000..f57fcc9 Binary files /dev/null and b/static/images/comment-author-3.jpg differ diff --git a/static/images/comment-author-4.jpg b/static/images/comment-author-4.jpg new file mode 100644 index 0000000..abc44fb Binary files /dev/null and b/static/images/comment-author-4.jpg differ diff --git a/static/images/dashboard-01.png b/static/images/dashboard-01.png new file mode 100644 index 0000000..1f9774c Binary files /dev/null and b/static/images/dashboard-01.png differ diff --git a/static/images/dashboard-02.png b/static/images/dashboard-02.png new file mode 100644 index 0000000..8eb1182 Binary files /dev/null and b/static/images/dashboard-02.png differ diff --git a/static/images/dashboard-03.png b/static/images/dashboard-03.png new file mode 100644 index 0000000..ed220c1 Binary files /dev/null and b/static/images/dashboard-03.png differ diff --git a/static/images/dashboard-04.png b/static/images/dashboard-04.png new file mode 100644 index 0000000..c293874 Binary files /dev/null and b/static/images/dashboard-04.png differ diff --git a/static/images/dashboard-05.png b/static/images/dashboard-05.png new file mode 100644 index 0000000..03ab0bb Binary files /dev/null and b/static/images/dashboard-05.png differ diff --git a/static/images/dashboard-06.png b/static/images/dashboard-06.png new file mode 100644 index 0000000..87af3f0 Binary files /dev/null and b/static/images/dashboard-06.png differ diff --git a/static/images/dashboard-07.png b/static/images/dashboard-07.png new file mode 100644 index 0000000..034f86f Binary files /dev/null and b/static/images/dashboard-07.png differ diff --git a/static/images/dashboard-08.png b/static/images/dashboard-08.png new file mode 100644 index 0000000..21536e5 Binary files /dev/null and b/static/images/dashboard-08.png differ diff --git a/static/images/dashboard-09.png b/static/images/dashboard-09.png new file mode 100644 index 0000000..aac38fb Binary files /dev/null and b/static/images/dashboard-09.png differ diff --git a/static/images/error-404.png b/static/images/error-404.png new file mode 100644 index 0000000..e0d0e61 Binary files /dev/null and b/static/images/error-404.png differ diff --git a/static/images/f_01.png b/static/images/f_01.png new file mode 100644 index 0000000..c7a6a3a Binary files /dev/null and b/static/images/f_01.png differ diff --git a/static/images/f_01_dark.png b/static/images/f_01_dark.png new file mode 100644 index 0000000..fa15b2c Binary files /dev/null and b/static/images/f_01_dark.png differ diff --git a/static/images/f_02.png b/static/images/f_02.png new file mode 100644 index 0000000..be5ea27 Binary files /dev/null and b/static/images/f_02.png differ diff --git a/static/images/f_02_dark.png b/static/images/f_02_dark.png new file mode 100644 index 0000000..3136c82 Binary files /dev/null and b/static/images/f_02_dark.png differ diff --git a/static/images/f_03.png b/static/images/f_03.png new file mode 100644 index 0000000..444a0d5 Binary files /dev/null and b/static/images/f_03.png differ diff --git a/static/images/f_03_dark.png b/static/images/f_03_dark.png new file mode 100644 index 0000000..7219c74 Binary files /dev/null and b/static/images/f_03_dark.png differ diff --git a/static/images/f_04.png b/static/images/f_04.png new file mode 100644 index 0000000..9cacaa7 Binary files /dev/null and b/static/images/f_04.png differ diff --git a/static/images/f_04_dark.png b/static/images/f_04_dark.png new file mode 100644 index 0000000..de47caf Binary files /dev/null and b/static/images/f_04_dark.png differ diff --git a/static/images/f_05.png b/static/images/f_05.png new file mode 100644 index 0000000..83b74a1 Binary files /dev/null and b/static/images/f_05.png differ diff --git a/static/images/f_05_dark.png b/static/images/f_05_dark.png new file mode 100644 index 0000000..30d95fe Binary files /dev/null and b/static/images/f_05_dark.png differ diff --git a/static/images/f_06.png b/static/images/f_06.png new file mode 100644 index 0000000..714c0a8 Binary files /dev/null and b/static/images/f_06.png differ diff --git a/static/images/f_06_dark.png b/static/images/f_06_dark.png new file mode 100644 index 0000000..76ea901 Binary files /dev/null and b/static/images/f_06_dark.png differ diff --git a/static/images/f_07.png b/static/images/f_07.png new file mode 100644 index 0000000..9b4df7d Binary files /dev/null and b/static/images/f_07.png differ diff --git a/static/images/f_07_dark.png b/static/images/f_07_dark.png new file mode 100644 index 0000000..3aff937 Binary files /dev/null and b/static/images/f_07_dark.png differ diff --git a/static/images/f_08.png b/static/images/f_08.png new file mode 100644 index 0000000..5b422e4 Binary files /dev/null and b/static/images/f_08.png differ diff --git a/static/images/f_08_dark.png b/static/images/f_08_dark.png new file mode 100644 index 0000000..92c389f Binary files /dev/null and b/static/images/f_08_dark.png differ diff --git a/static/images/f_09.png b/static/images/f_09.png new file mode 100644 index 0000000..151ff58 Binary files /dev/null and b/static/images/f_09.png differ diff --git a/static/images/f_09_dark.png b/static/images/f_09_dark.png new file mode 100644 index 0000000..2a019fc Binary files /dev/null and b/static/images/f_09_dark.png differ diff --git a/static/images/f_10.png b/static/images/f_10.png new file mode 100644 index 0000000..20d7754 Binary files /dev/null and b/static/images/f_10.png differ diff --git a/static/images/f_11.png b/static/images/f_11.png new file mode 100644 index 0000000..1580974 Binary files /dev/null and b/static/images/f_11.png differ diff --git a/static/images/f_11_dark.png b/static/images/f_11_dark.png new file mode 100644 index 0000000..b2b158f Binary files /dev/null and b/static/images/f_11_dark.png differ diff --git a/static/images/favicon.ico b/static/images/favicon.ico new file mode 100644 index 0000000..2087003 Binary files /dev/null and b/static/images/favicon.ico differ diff --git a/static/images/help.png b/static/images/help.png new file mode 100644 index 0000000..14291de Binary files /dev/null and b/static/images/help.png differ diff --git a/static/images/hero-1-img.png b/static/images/hero-1-img.png new file mode 100644 index 0000000..cda49e8 Binary files /dev/null and b/static/images/hero-1-img.png differ diff --git a/static/images/hero-1.jpg b/static/images/hero-1.jpg new file mode 100644 index 0000000..fc1f553 Binary files /dev/null and b/static/images/hero-1.jpg differ diff --git a/static/images/hero-10-dark.jpg b/static/images/hero-10-dark.jpg new file mode 100644 index 0000000..1a0b061 Binary files /dev/null and b/static/images/hero-10-dark.jpg differ diff --git a/static/images/hero-10.jpg b/static/images/hero-10.jpg new file mode 100644 index 0000000..871ca17 Binary files /dev/null and b/static/images/hero-10.jpg differ diff --git a/static/images/hero-11-img.png b/static/images/hero-11-img.png new file mode 100644 index 0000000..7590978 Binary files /dev/null and b/static/images/hero-11-img.png differ diff --git a/static/images/hero-11.jpg b/static/images/hero-11.jpg new file mode 100644 index 0000000..6a2fe1b Binary files /dev/null and b/static/images/hero-11.jpg differ diff --git a/static/images/hero-12.jpg b/static/images/hero-12.jpg new file mode 100644 index 0000000..6c11374 Binary files /dev/null and b/static/images/hero-12.jpg differ diff --git a/static/images/hero-13-img.png b/static/images/hero-13-img.png new file mode 100644 index 0000000..20961dc Binary files /dev/null and b/static/images/hero-13-img.png differ diff --git a/static/images/hero-14.jpg b/static/images/hero-14.jpg new file mode 100644 index 0000000..3d4ecf6 Binary files /dev/null and b/static/images/hero-14.jpg differ diff --git a/static/images/hero-15-dark.jpg b/static/images/hero-15-dark.jpg new file mode 100644 index 0000000..1f73034 Binary files /dev/null and b/static/images/hero-15-dark.jpg differ diff --git a/static/images/hero-15-img.png b/static/images/hero-15-img.png new file mode 100644 index 0000000..d71b514 Binary files /dev/null and b/static/images/hero-15-img.png differ diff --git a/static/images/hero-15.jpg b/static/images/hero-15.jpg new file mode 100644 index 0000000..8ab5a95 Binary files /dev/null and b/static/images/hero-15.jpg differ diff --git a/static/images/hero-16-dark.jpg b/static/images/hero-16-dark.jpg new file mode 100644 index 0000000..1a0b061 Binary files /dev/null and b/static/images/hero-16-dark.jpg differ diff --git a/static/images/hero-16.jpg b/static/images/hero-16.jpg new file mode 100644 index 0000000..33755cb Binary files /dev/null and b/static/images/hero-16.jpg differ diff --git a/static/images/hero-17-dark.jpg b/static/images/hero-17-dark.jpg new file mode 100644 index 0000000..d017d64 Binary files /dev/null and b/static/images/hero-17-dark.jpg differ diff --git a/static/images/hero-17.jpg b/static/images/hero-17.jpg new file mode 100644 index 0000000..10cc2ac Binary files /dev/null and b/static/images/hero-17.jpg differ diff --git a/static/images/hero-18-dark.jpg b/static/images/hero-18-dark.jpg new file mode 100644 index 0000000..03380e9 Binary files /dev/null and b/static/images/hero-18-dark.jpg differ diff --git a/static/images/hero-18-img.png b/static/images/hero-18-img.png new file mode 100644 index 0000000..c5be4f2 Binary files /dev/null and b/static/images/hero-18-img.png differ diff --git a/static/images/hero-18.jpg b/static/images/hero-18.jpg new file mode 100644 index 0000000..871ca17 Binary files /dev/null and b/static/images/hero-18.jpg differ diff --git a/static/images/hero-2-img.png b/static/images/hero-2-img.png new file mode 100644 index 0000000..82ab01d Binary files /dev/null and b/static/images/hero-2-img.png differ diff --git a/static/images/hero-2.jpg b/static/images/hero-2.jpg new file mode 100644 index 0000000..5f360c9 Binary files /dev/null and b/static/images/hero-2.jpg differ diff --git a/static/images/hero-20.jpg b/static/images/hero-20.jpg new file mode 100644 index 0000000..3460f73 Binary files /dev/null and b/static/images/hero-20.jpg differ diff --git a/static/images/hero-21-dark.jpg b/static/images/hero-21-dark.jpg new file mode 100644 index 0000000..03380e9 Binary files /dev/null and b/static/images/hero-21-dark.jpg differ diff --git a/static/images/hero-21-img.png b/static/images/hero-21-img.png new file mode 100644 index 0000000..80f1ba9 Binary files /dev/null and b/static/images/hero-21-img.png differ diff --git a/static/images/hero-21.jpg b/static/images/hero-21.jpg new file mode 100644 index 0000000..5f360c9 Binary files /dev/null and b/static/images/hero-21.jpg differ diff --git a/static/images/hero-22.jpg b/static/images/hero-22.jpg new file mode 100644 index 0000000..69a991e Binary files /dev/null and b/static/images/hero-22.jpg differ diff --git a/static/images/hero-23-dark.jpg b/static/images/hero-23-dark.jpg new file mode 100644 index 0000000..1a0b061 Binary files /dev/null and b/static/images/hero-23-dark.jpg differ diff --git a/static/images/hero-23.jpg b/static/images/hero-23.jpg new file mode 100644 index 0000000..90a24a8 Binary files /dev/null and b/static/images/hero-23.jpg differ diff --git a/static/images/hero-24.jpg b/static/images/hero-24.jpg new file mode 100644 index 0000000..d807864 Binary files /dev/null and b/static/images/hero-24.jpg differ diff --git a/static/images/hero-25-dark.jpg b/static/images/hero-25-dark.jpg new file mode 100644 index 0000000..1a0b061 Binary files /dev/null and b/static/images/hero-25-dark.jpg differ diff --git a/static/images/hero-25-img.png b/static/images/hero-25-img.png new file mode 100644 index 0000000..23982e9 Binary files /dev/null and b/static/images/hero-25-img.png differ diff --git a/static/images/hero-25.jpg b/static/images/hero-25.jpg new file mode 100644 index 0000000..581a006 Binary files /dev/null and b/static/images/hero-25.jpg differ diff --git a/static/images/hero-26-img.png b/static/images/hero-26-img.png new file mode 100644 index 0000000..12e7f76 Binary files /dev/null and b/static/images/hero-26-img.png differ diff --git a/static/images/hero-26.jpg b/static/images/hero-26.jpg new file mode 100644 index 0000000..f0d85f8 Binary files /dev/null and b/static/images/hero-26.jpg differ diff --git a/static/images/hero-27-dark.png b/static/images/hero-27-dark.png new file mode 100644 index 0000000..4a58f1d Binary files /dev/null and b/static/images/hero-27-dark.png differ diff --git a/static/images/hero-27.png b/static/images/hero-27.png new file mode 100644 index 0000000..fafc891 Binary files /dev/null and b/static/images/hero-27.png differ diff --git a/static/images/hero-3.jpg b/static/images/hero-3.jpg new file mode 100644 index 0000000..cc0482f Binary files /dev/null and b/static/images/hero-3.jpg differ diff --git a/static/images/hero-4.jpg b/static/images/hero-4.jpg new file mode 100644 index 0000000..fc78600 Binary files /dev/null and b/static/images/hero-4.jpg differ diff --git a/static/images/hero-5-dark.jpg b/static/images/hero-5-dark.jpg new file mode 100644 index 0000000..1a0b061 Binary files /dev/null and b/static/images/hero-5-dark.jpg differ diff --git a/static/images/hero-5.jpg b/static/images/hero-5.jpg new file mode 100644 index 0000000..871ca17 Binary files /dev/null and b/static/images/hero-5.jpg differ diff --git a/static/images/hero-8.jpg b/static/images/hero-8.jpg new file mode 100644 index 0000000..33c1f69 Binary files /dev/null and b/static/images/hero-8.jpg differ diff --git a/static/images/img-01.png b/static/images/img-01.png new file mode 100644 index 0000000..f3c3ddd Binary files /dev/null and b/static/images/img-01.png differ diff --git a/static/images/img-02.png b/static/images/img-02.png new file mode 100644 index 0000000..0a63b5d Binary files /dev/null and b/static/images/img-02.png differ diff --git a/static/images/img-03.png b/static/images/img-03.png new file mode 100644 index 0000000..4a936f5 Binary files /dev/null and b/static/images/img-03.png differ diff --git a/static/images/img-04.png b/static/images/img-04.png new file mode 100644 index 0000000..1a78bbc Binary files /dev/null and b/static/images/img-04.png differ diff --git a/static/images/img-05.png b/static/images/img-05.png new file mode 100644 index 0000000..3f45aba Binary files /dev/null and b/static/images/img-05.png differ diff --git a/static/images/img-06.png b/static/images/img-06.png new file mode 100644 index 0000000..3fc127a Binary files /dev/null and b/static/images/img-06.png differ diff --git a/static/images/img-07-dark.png b/static/images/img-07-dark.png new file mode 100644 index 0000000..2e353c9 Binary files /dev/null and b/static/images/img-07-dark.png differ diff --git a/static/images/img-07.png b/static/images/img-07.png new file mode 100644 index 0000000..a5c2adc Binary files /dev/null and b/static/images/img-07.png differ diff --git a/static/images/img-08.png b/static/images/img-08.png new file mode 100644 index 0000000..fc28fac Binary files /dev/null and b/static/images/img-08.png differ diff --git a/static/images/img-09.png b/static/images/img-09.png new file mode 100644 index 0000000..3b80b9b Binary files /dev/null and b/static/images/img-09.png differ diff --git a/static/images/img-10.png b/static/images/img-10.png new file mode 100644 index 0000000..23982e9 Binary files /dev/null and b/static/images/img-10.png differ diff --git a/static/images/img-11.png b/static/images/img-11.png new file mode 100644 index 0000000..9e8015f Binary files /dev/null and b/static/images/img-11.png differ diff --git a/static/images/img-12.png b/static/images/img-12.png new file mode 100644 index 0000000..ec1b97a Binary files /dev/null and b/static/images/img-12.png differ diff --git a/static/images/img-13.png b/static/images/img-13.png new file mode 100644 index 0000000..033f57e Binary files /dev/null and b/static/images/img-13.png differ diff --git a/static/images/img-14.png b/static/images/img-14.png new file mode 100644 index 0000000..55fce65 Binary files /dev/null and b/static/images/img-14.png differ diff --git a/static/images/img-15.png b/static/images/img-15.png new file mode 100644 index 0000000..a730e56 Binary files /dev/null and b/static/images/img-15.png differ diff --git a/static/images/img-16.png b/static/images/img-16.png new file mode 100644 index 0000000..a9e0159 Binary files /dev/null and b/static/images/img-16.png differ diff --git a/static/images/img-17.jpg b/static/images/img-17.jpg new file mode 100644 index 0000000..1ae1329 Binary files /dev/null and b/static/images/img-17.jpg differ diff --git a/static/images/img-18.png b/static/images/img-18.png new file mode 100644 index 0000000..714e5c8 Binary files /dev/null and b/static/images/img-18.png differ diff --git a/static/images/img-19.png b/static/images/img-19.png new file mode 100644 index 0000000..98cb558 Binary files /dev/null and b/static/images/img-19.png differ diff --git a/static/images/login-wrapper.jpg b/static/images/login-wrapper.jpg new file mode 100644 index 0000000..7c9d4ab Binary files /dev/null and b/static/images/login-wrapper.jpg differ diff --git a/static/images/login.jpg b/static/images/login.jpg new file mode 100644 index 0000000..fd486bb Binary files /dev/null and b/static/images/login.jpg differ diff --git a/static/images/login_dark.jpg b/static/images/login_dark.jpg new file mode 100644 index 0000000..d697316 Binary files /dev/null and b/static/images/login_dark.jpg differ diff --git a/static/images/logo-black.png b/static/images/logo-black.png new file mode 100644 index 0000000..513b9a9 Binary files /dev/null and b/static/images/logo-black.png differ diff --git a/static/images/logo-blog-white.png b/static/images/logo-blog-white.png new file mode 100644 index 0000000..710eaf6 Binary files /dev/null and b/static/images/logo-blog-white.png differ diff --git a/static/images/logo-blog.png b/static/images/logo-blog.png new file mode 100644 index 0000000..f81f163 Binary files /dev/null and b/static/images/logo-blog.png differ diff --git a/static/images/logo-blue-white.png b/static/images/logo-blue-white.png new file mode 100644 index 0000000..cc7a821 Binary files /dev/null and b/static/images/logo-blue-white.png differ diff --git a/static/images/logo-blue.png b/static/images/logo-blue.png new file mode 100644 index 0000000..5a4c201 Binary files /dev/null and b/static/images/logo-blue.png differ diff --git a/static/images/logo-magenta-white.png b/static/images/logo-magenta-white.png new file mode 100644 index 0000000..e89f196 Binary files /dev/null and b/static/images/logo-magenta-white.png differ diff --git a/static/images/logo-magenta.png b/static/images/logo-magenta.png new file mode 100644 index 0000000..f18b281 Binary files /dev/null and b/static/images/logo-magenta.png differ diff --git a/static/images/logo-pink-white.png b/static/images/logo-pink-white.png new file mode 100644 index 0000000..1919034 Binary files /dev/null and b/static/images/logo-pink-white.png differ diff --git a/static/images/logo-pink.png b/static/images/logo-pink.png new file mode 100644 index 0000000..64911a5 Binary files /dev/null and b/static/images/logo-pink.png differ diff --git a/static/images/logo-purple-white.png b/static/images/logo-purple-white.png new file mode 100644 index 0000000..436378c Binary files /dev/null and b/static/images/logo-purple-white.png differ diff --git a/static/images/logo-purple.png b/static/images/logo-purple.png new file mode 100644 index 0000000..59a71a8 Binary files /dev/null and b/static/images/logo-purple.png differ diff --git a/static/images/logo-skyblue-white.png b/static/images/logo-skyblue-white.png new file mode 100644 index 0000000..dc7d807 Binary files /dev/null and b/static/images/logo-skyblue-white.png differ diff --git a/static/images/logo-skyblue.png b/static/images/logo-skyblue.png new file mode 100644 index 0000000..1d53aac Binary files /dev/null and b/static/images/logo-skyblue.png differ diff --git a/static/images/logo-violet-white.png b/static/images/logo-violet-white.png new file mode 100644 index 0000000..2593c8a Binary files /dev/null and b/static/images/logo-violet-white.png differ diff --git a/static/images/logo-violet.png b/static/images/logo-violet.png new file mode 100644 index 0000000..93a90a8 Binary files /dev/null and b/static/images/logo-violet.png differ diff --git a/static/images/logo-white.png b/static/images/logo-white.png new file mode 100644 index 0000000..62723e3 Binary files /dev/null and b/static/images/logo-white.png differ diff --git a/static/images/modal-1-img.jpg b/static/images/modal-1-img.jpg new file mode 100644 index 0000000..1319eed Binary files /dev/null and b/static/images/modal-1-img.jpg differ diff --git a/static/images/modal-2-img.jpg b/static/images/modal-2-img.jpg new file mode 100644 index 0000000..dfbc935 Binary files /dev/null and b/static/images/modal-2-img.jpg differ diff --git a/static/images/modal-newsletter-blue.jpg b/static/images/modal-newsletter-blue.jpg new file mode 100644 index 0000000..6ca61e6 Binary files /dev/null and b/static/images/modal-newsletter-blue.jpg differ diff --git a/static/images/modal-newsletter-purple.jpg b/static/images/modal-newsletter-purple.jpg new file mode 100644 index 0000000..09df431 Binary files /dev/null and b/static/images/modal-newsletter-purple.jpg differ diff --git a/static/images/modal-newsletter-violet.jpg b/static/images/modal-newsletter-violet.jpg new file mode 100644 index 0000000..30dca80 Binary files /dev/null and b/static/images/modal-newsletter-violet.jpg differ diff --git a/static/images/modal-request.jpg b/static/images/modal-request.jpg new file mode 100644 index 0000000..363956e Binary files /dev/null and b/static/images/modal-request.jpg differ diff --git a/static/images/pattern-01.png b/static/images/pattern-01.png new file mode 100644 index 0000000..7296fc1 Binary files /dev/null and b/static/images/pattern-01.png differ diff --git a/static/images/pattern-02.png b/static/images/pattern-02.png new file mode 100644 index 0000000..50c6c00 Binary files /dev/null and b/static/images/pattern-02.png differ diff --git a/static/images/pattern-03.png b/static/images/pattern-03.png new file mode 100644 index 0000000..83b0307 Binary files /dev/null and b/static/images/pattern-03.png differ diff --git a/static/images/pattern-04.png b/static/images/pattern-04.png new file mode 100644 index 0000000..cd9fc52 Binary files /dev/null and b/static/images/pattern-04.png differ diff --git a/static/images/png_icons/.DS_Store b/static/images/png_icons/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/static/images/png_icons/.DS_Store differ diff --git a/static/images/png_icons/am.png b/static/images/png_icons/am.png new file mode 100644 index 0000000..faaeb8b Binary files /dev/null and b/static/images/png_icons/am.png differ diff --git a/static/images/png_icons/bitcoin.png b/static/images/png_icons/bitcoin.png new file mode 100644 index 0000000..95f0a59 Binary files /dev/null and b/static/images/png_icons/bitcoin.png differ diff --git a/static/images/png_icons/citi.png b/static/images/png_icons/citi.png new file mode 100644 index 0000000..ae416cd Binary files /dev/null and b/static/images/png_icons/citi.png differ diff --git a/static/images/png_icons/discover.png b/static/images/png_icons/discover.png new file mode 100644 index 0000000..c24dbae Binary files /dev/null and b/static/images/png_icons/discover.png differ diff --git a/static/images/png_icons/ebay.png b/static/images/png_icons/ebay.png new file mode 100644 index 0000000..919d39c Binary files /dev/null and b/static/images/png_icons/ebay.png differ diff --git a/static/images/png_icons/google.png b/static/images/png_icons/google.png new file mode 100644 index 0000000..d3c4c90 Binary files /dev/null and b/static/images/png_icons/google.png differ diff --git a/static/images/png_icons/ideal.png b/static/images/png_icons/ideal.png new file mode 100644 index 0000000..2858872 Binary files /dev/null and b/static/images/png_icons/ideal.png differ diff --git a/static/images/png_icons/jcb.png b/static/images/png_icons/jcb.png new file mode 100644 index 0000000..b563e2a Binary files /dev/null and b/static/images/png_icons/jcb.png differ diff --git a/static/images/png_icons/loud-speaker.png b/static/images/png_icons/loud-speaker.png new file mode 100644 index 0000000..731b13a Binary files /dev/null and b/static/images/png_icons/loud-speaker.png differ diff --git a/static/images/png_icons/mac-os.png b/static/images/png_icons/mac-os.png new file mode 100644 index 0000000..1c060b7 Binary files /dev/null and b/static/images/png_icons/mac-os.png differ diff --git a/static/images/png_icons/paypal.png b/static/images/png_icons/paypal.png new file mode 100644 index 0000000..3c90aff Binary files /dev/null and b/static/images/png_icons/paypal.png differ diff --git a/static/images/png_icons/shopify.png b/static/images/png_icons/shopify.png new file mode 100644 index 0000000..1e6f328 Binary files /dev/null and b/static/images/png_icons/shopify.png differ diff --git a/static/images/png_icons/tool-1.png b/static/images/png_icons/tool-1.png new file mode 100644 index 0000000..80ba568 Binary files /dev/null and b/static/images/png_icons/tool-1.png differ diff --git a/static/images/png_icons/tool-10.png b/static/images/png_icons/tool-10.png new file mode 100644 index 0000000..c223a78 Binary files /dev/null and b/static/images/png_icons/tool-10.png differ diff --git a/static/images/png_icons/tool-11.png b/static/images/png_icons/tool-11.png new file mode 100644 index 0000000..b18eb07 Binary files /dev/null and b/static/images/png_icons/tool-11.png differ diff --git a/static/images/png_icons/tool-12.png b/static/images/png_icons/tool-12.png new file mode 100644 index 0000000..4f9a08a Binary files /dev/null and b/static/images/png_icons/tool-12.png differ diff --git a/static/images/png_icons/tool-13.png b/static/images/png_icons/tool-13.png new file mode 100644 index 0000000..df575d9 Binary files /dev/null and b/static/images/png_icons/tool-13.png differ diff --git a/static/images/png_icons/tool-14.png b/static/images/png_icons/tool-14.png new file mode 100644 index 0000000..5644fa8 Binary files /dev/null and b/static/images/png_icons/tool-14.png differ diff --git a/static/images/png_icons/tool-2.png b/static/images/png_icons/tool-2.png new file mode 100644 index 0000000..58db646 Binary files /dev/null and b/static/images/png_icons/tool-2.png differ diff --git a/static/images/png_icons/tool-3.png b/static/images/png_icons/tool-3.png new file mode 100644 index 0000000..648f047 Binary files /dev/null and b/static/images/png_icons/tool-3.png differ diff --git a/static/images/png_icons/tool-4.png b/static/images/png_icons/tool-4.png new file mode 100644 index 0000000..fcd68e9 Binary files /dev/null and b/static/images/png_icons/tool-4.png differ diff --git a/static/images/png_icons/tool-5.png b/static/images/png_icons/tool-5.png new file mode 100644 index 0000000..53e7942 Binary files /dev/null and b/static/images/png_icons/tool-5.png differ diff --git a/static/images/png_icons/tool-6.png b/static/images/png_icons/tool-6.png new file mode 100644 index 0000000..b5526f9 Binary files /dev/null and b/static/images/png_icons/tool-6.png differ diff --git a/static/images/png_icons/tool-7.png b/static/images/png_icons/tool-7.png new file mode 100644 index 0000000..cea5ff4 Binary files /dev/null and b/static/images/png_icons/tool-7.png differ diff --git a/static/images/png_icons/tool-8.png b/static/images/png_icons/tool-8.png new file mode 100644 index 0000000..daabfe4 Binary files /dev/null and b/static/images/png_icons/tool-8.png differ diff --git a/static/images/png_icons/tool-9.png b/static/images/png_icons/tool-9.png new file mode 100644 index 0000000..0a2b4f2 Binary files /dev/null and b/static/images/png_icons/tool-9.png differ diff --git a/static/images/png_icons/visa.png b/static/images/png_icons/visa.png new file mode 100644 index 0000000..9e16fc0 Binary files /dev/null and b/static/images/png_icons/visa.png differ diff --git a/static/images/png_icons/windows.png b/static/images/png_icons/windows.png new file mode 100644 index 0000000..bb76e89 Binary files /dev/null and b/static/images/png_icons/windows.png differ diff --git a/static/images/png_icons/wu.png b/static/images/png_icons/wu.png new file mode 100644 index 0000000..8dd8d8a Binary files /dev/null and b/static/images/png_icons/wu.png differ diff --git a/static/images/post-author.jpg b/static/images/post-author.jpg new file mode 100644 index 0000000..12597d3 Binary files /dev/null and b/static/images/post-author.jpg differ diff --git a/static/images/projects/.DS_Store b/static/images/projects/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/static/images/projects/.DS_Store differ diff --git a/static/images/projects/project-01.jpg b/static/images/projects/project-01.jpg new file mode 100644 index 0000000..4f8c735 Binary files /dev/null and b/static/images/projects/project-01.jpg differ diff --git a/static/images/projects/project-02.jpg b/static/images/projects/project-02.jpg new file mode 100644 index 0000000..e2fa50b Binary files /dev/null and b/static/images/projects/project-02.jpg differ diff --git a/static/images/projects/project-03.jpg b/static/images/projects/project-03.jpg new file mode 100644 index 0000000..e4d6ec2 Binary files /dev/null and b/static/images/projects/project-03.jpg differ diff --git a/static/images/projects/project-04.jpg b/static/images/projects/project-04.jpg new file mode 100644 index 0000000..dba7d92 Binary files /dev/null and b/static/images/projects/project-04.jpg differ diff --git a/static/images/projects/project-05.jpg b/static/images/projects/project-05.jpg new file mode 100644 index 0000000..e84efcd Binary files /dev/null and b/static/images/projects/project-05.jpg differ diff --git a/static/images/projects/project-06.jpg b/static/images/projects/project-06.jpg new file mode 100644 index 0000000..195955f Binary files /dev/null and b/static/images/projects/project-06.jpg differ diff --git a/static/images/projects/project-07.jpg b/static/images/projects/project-07.jpg new file mode 100644 index 0000000..0291117 Binary files /dev/null and b/static/images/projects/project-07.jpg differ diff --git a/static/images/projects/project-08.jpg b/static/images/projects/project-08.jpg new file mode 100644 index 0000000..d2bf66a Binary files /dev/null and b/static/images/projects/project-08.jpg differ diff --git a/static/images/projects/project-09.jpg b/static/images/projects/project-09.jpg new file mode 100644 index 0000000..f509a79 Binary files /dev/null and b/static/images/projects/project-09.jpg differ diff --git a/static/images/projects/project-10.jpg b/static/images/projects/project-10.jpg new file mode 100644 index 0000000..cf37ae1 Binary files /dev/null and b/static/images/projects/project-10.jpg differ diff --git a/static/images/projects/project-10a.jpg b/static/images/projects/project-10a.jpg new file mode 100644 index 0000000..5f3edf8 Binary files /dev/null and b/static/images/projects/project-10a.jpg differ diff --git a/static/images/projects/project-11.jpg b/static/images/projects/project-11.jpg new file mode 100644 index 0000000..a0f9c5d Binary files /dev/null and b/static/images/projects/project-11.jpg differ diff --git a/static/images/projects/project-11a.jpg b/static/images/projects/project-11a.jpg new file mode 100644 index 0000000..99f0a9f Binary files /dev/null and b/static/images/projects/project-11a.jpg differ diff --git a/static/images/reset-password.jpg b/static/images/reset-password.jpg new file mode 100644 index 0000000..91fb4f4 Binary files /dev/null and b/static/images/reset-password.jpg differ diff --git a/static/images/reset-password_dark.jpg b/static/images/reset-password_dark.jpg new file mode 100644 index 0000000..15ab37b Binary files /dev/null and b/static/images/reset-password_dark.jpg differ diff --git a/static/images/review-author-1.jpg b/static/images/review-author-1.jpg new file mode 100644 index 0000000..7e07084 Binary files /dev/null and b/static/images/review-author-1.jpg differ diff --git a/static/images/review-author-2.jpg b/static/images/review-author-2.jpg new file mode 100644 index 0000000..abc44fb Binary files /dev/null and b/static/images/review-author-2.jpg differ diff --git a/static/images/review-author-3.jpg b/static/images/review-author-3.jpg new file mode 100644 index 0000000..550142f Binary files /dev/null and b/static/images/review-author-3.jpg differ diff --git a/static/images/review-author-4.jpg b/static/images/review-author-4.jpg new file mode 100644 index 0000000..024edef Binary files /dev/null and b/static/images/review-author-4.jpg differ diff --git a/static/images/review-author-5.jpg b/static/images/review-author-5.jpg new file mode 100644 index 0000000..f57fcc9 Binary files /dev/null and b/static/images/review-author-5.jpg differ diff --git a/static/images/review-author-6.jpg b/static/images/review-author-6.jpg new file mode 100644 index 0000000..55e171d Binary files /dev/null and b/static/images/review-author-6.jpg differ diff --git a/static/images/review-author-7.jpg b/static/images/review-author-7.jpg new file mode 100644 index 0000000..1ae4218 Binary files /dev/null and b/static/images/review-author-7.jpg differ diff --git a/static/images/review-author-8.jpg b/static/images/review-author-8.jpg new file mode 100644 index 0000000..12597d3 Binary files /dev/null and b/static/images/review-author-8.jpg differ diff --git a/static/images/square-logo.png b/static/images/square-logo.png new file mode 100644 index 0000000..6c325d7 Binary files /dev/null and b/static/images/square-logo.png differ diff --git a/static/images/store_badges/.DS_Store b/static/images/store_badges/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/static/images/store_badges/.DS_Store differ diff --git a/static/images/store_badges/amazon-01.png b/static/images/store_badges/amazon-01.png new file mode 100644 index 0000000..80ffa0e Binary files /dev/null and b/static/images/store_badges/amazon-01.png differ diff --git a/static/images/store_badges/amazon-02.png b/static/images/store_badges/amazon-02.png new file mode 100644 index 0000000..0f90c04 Binary files /dev/null and b/static/images/store_badges/amazon-02.png differ diff --git a/static/images/store_badges/android.png b/static/images/store_badges/android.png new file mode 100644 index 0000000..7bb44a6 Binary files /dev/null and b/static/images/store_badges/android.png differ diff --git a/static/images/store_badges/appstore-white.png b/static/images/store_badges/appstore-white.png new file mode 100644 index 0000000..4948736 Binary files /dev/null and b/static/images/store_badges/appstore-white.png differ diff --git a/static/images/store_badges/appstore.png b/static/images/store_badges/appstore.png new file mode 100644 index 0000000..5b5e0c5 Binary files /dev/null and b/static/images/store_badges/appstore.png differ diff --git a/static/images/store_badges/chrome.png b/static/images/store_badges/chrome.png new file mode 100644 index 0000000..564703c Binary files /dev/null and b/static/images/store_badges/chrome.png differ diff --git a/static/images/store_badges/galaxystore.png b/static/images/store_badges/galaxystore.png new file mode 100644 index 0000000..4d9a4e1 Binary files /dev/null and b/static/images/store_badges/galaxystore.png differ diff --git a/static/images/store_badges/googleplay-white.png b/static/images/store_badges/googleplay-white.png new file mode 100644 index 0000000..3625fdd Binary files /dev/null and b/static/images/store_badges/googleplay-white.png differ diff --git a/static/images/store_badges/googleplay.png b/static/images/store_badges/googleplay.png new file mode 100644 index 0000000..8a3f226 Binary files /dev/null and b/static/images/store_badges/googleplay.png differ diff --git a/static/images/store_badges/huawei.png b/static/images/store_badges/huawei.png new file mode 100644 index 0000000..c70e803 Binary files /dev/null and b/static/images/store_badges/huawei.png differ diff --git a/static/images/store_badges/macstore.png b/static/images/store_badges/macstore.png new file mode 100644 index 0000000..5bdadc0 Binary files /dev/null and b/static/images/store_badges/macstore.png differ diff --git a/static/images/store_badges/microsoft-01.png b/static/images/store_badges/microsoft-01.png new file mode 100644 index 0000000..6d08cde Binary files /dev/null and b/static/images/store_badges/microsoft-01.png differ diff --git a/static/images/store_badges/microsoft-02.png b/static/images/store_badges/microsoft-02.png new file mode 100644 index 0000000..815929c Binary files /dev/null and b/static/images/store_badges/microsoft-02.png differ diff --git a/static/images/store_badges/shopify.png b/static/images/store_badges/shopify.png new file mode 100644 index 0000000..eb5185b Binary files /dev/null and b/static/images/store_badges/shopify.png differ diff --git a/static/images/store_badges/windows-10.png b/static/images/store_badges/windows-10.png new file mode 100644 index 0000000..561ac6d Binary files /dev/null and b/static/images/store_badges/windows-10.png differ diff --git a/static/images/tablet-01.png b/static/images/tablet-01.png new file mode 100644 index 0000000..80f1ba9 Binary files /dev/null and b/static/images/tablet-01.png differ diff --git a/static/images/tablet-02.png b/static/images/tablet-02.png new file mode 100644 index 0000000..b052465 Binary files /dev/null and b/static/images/tablet-02.png differ diff --git a/static/images/tablet-03.png b/static/images/tablet-03.png new file mode 100644 index 0000000..7e7f27a Binary files /dev/null and b/static/images/tablet-03.png differ diff --git a/static/images/tablet-04.png b/static/images/tablet-04.png new file mode 100644 index 0000000..f761a2e Binary files /dev/null and b/static/images/tablet-04.png differ diff --git a/static/images/tablet-05.png b/static/images/tablet-05.png new file mode 100644 index 0000000..eeaf109 Binary files /dev/null and b/static/images/tablet-05.png differ diff --git a/static/images/team-1.jpg b/static/images/team-1.jpg new file mode 100644 index 0000000..295ef5d Binary files /dev/null and b/static/images/team-1.jpg differ diff --git a/static/images/team-10.jpg b/static/images/team-10.jpg new file mode 100644 index 0000000..5570eaf Binary files /dev/null and b/static/images/team-10.jpg differ diff --git a/static/images/team-11.jpg b/static/images/team-11.jpg new file mode 100644 index 0000000..af1b9d7 Binary files /dev/null and b/static/images/team-11.jpg differ diff --git a/static/images/team-12.jpg b/static/images/team-12.jpg new file mode 100644 index 0000000..f0f0b7f Binary files /dev/null and b/static/images/team-12.jpg differ diff --git a/static/images/team-13.jpg b/static/images/team-13.jpg new file mode 100644 index 0000000..2d012c3 Binary files /dev/null and b/static/images/team-13.jpg differ diff --git a/static/images/team-2.jpg b/static/images/team-2.jpg new file mode 100644 index 0000000..d396d36 Binary files /dev/null and b/static/images/team-2.jpg differ diff --git a/static/images/team-3.jpg b/static/images/team-3.jpg new file mode 100644 index 0000000..b6293ad Binary files /dev/null and b/static/images/team-3.jpg differ diff --git a/static/images/team-4.jpg b/static/images/team-4.jpg new file mode 100644 index 0000000..d99e9a6 Binary files /dev/null and b/static/images/team-4.jpg differ diff --git a/static/images/team-5.jpg b/static/images/team-5.jpg new file mode 100644 index 0000000..072d257 Binary files /dev/null and b/static/images/team-5.jpg differ diff --git a/static/images/team-6.jpg b/static/images/team-6.jpg new file mode 100644 index 0000000..a0623f0 Binary files /dev/null and b/static/images/team-6.jpg differ diff --git a/static/images/team-7.jpg b/static/images/team-7.jpg new file mode 100644 index 0000000..207dd5d Binary files /dev/null and b/static/images/team-7.jpg differ diff --git a/static/images/team-8.jpg b/static/images/team-8.jpg new file mode 100644 index 0000000..176fd01 Binary files /dev/null and b/static/images/team-8.jpg differ diff --git a/static/images/team-9.jpg b/static/images/team-9.jpg new file mode 100644 index 0000000..d766acd Binary files /dev/null and b/static/images/team-9.jpg differ diff --git a/static/js/.DS_Store b/static/js/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/static/js/.DS_Store differ diff --git a/static/js/bootstrap.min.js b/static/js/bootstrap.min.js new file mode 100644 index 0000000..3303677 --- /dev/null +++ b/static/js/bootstrap.min.js @@ -0,0 +1,7 @@ +/*! + * Bootstrap v5.3.0 (https://getbootstrap.com/) + * Copyright 2011-2023 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("@popperjs/core")):"function"==typeof define&&define.amd?define(["@popperjs/core"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).bootstrap=e(t.Popper)}(this,(function(t){"use strict";function e(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const s in t)if("default"!==s){const i=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,i.get?i:{enumerable:!0,get:()=>t[s]})}return e.default=t,Object.freeze(e)}const s=e(t),i=new Map,n={set(t,e,s){i.has(t)||i.set(t,new Map);const n=i.get(t);n.has(e)||0===n.size?n.set(e,s):console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(n.keys())[0]}.`)},get:(t,e)=>i.has(t)&&i.get(t).get(e)||null,remove(t,e){if(!i.has(t))return;const s=i.get(t);s.delete(e),0===s.size&&i.delete(t)}},o="transitionend",r=t=>(t&&window.CSS&&window.CSS.escape&&(t=t.replace(/#([^\s"#']+)/g,((t,e)=>`#${CSS.escape(e)}`))),t),a=t=>{t.dispatchEvent(new Event(o))},l=t=>!(!t||"object"!=typeof t)&&(void 0!==t.jquery&&(t=t[0]),void 0!==t.nodeType),c=t=>l(t)?t.jquery?t[0]:t:"string"==typeof t&&t.length>0?document.querySelector(r(t)):null,h=t=>{if(!l(t)||0===t.getClientRects().length)return!1;const e="visible"===getComputedStyle(t).getPropertyValue("visibility"),s=t.closest("details:not([open])");if(!s)return e;if(s!==t){const e=t.closest("summary");if(e&&e.parentNode!==s)return!1;if(null===e)return!1}return e},d=t=>!t||t.nodeType!==Node.ELEMENT_NODE||!!t.classList.contains("disabled")||(void 0!==t.disabled?t.disabled:t.hasAttribute("disabled")&&"false"!==t.getAttribute("disabled")),u=t=>{if(!document.documentElement.attachShadow)return null;if("function"==typeof t.getRootNode){const e=t.getRootNode();return e instanceof ShadowRoot?e:null}return t instanceof ShadowRoot?t:t.parentNode?u(t.parentNode):null},_=()=>{},g=t=>{t.offsetHeight},f=()=>window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null,m=[],p=()=>"rtl"===document.documentElement.dir,b=t=>{var e;e=()=>{const e=f();if(e){const s=t.NAME,i=e.fn[s];e.fn[s]=t.jQueryInterface,e.fn[s].Constructor=t,e.fn[s].noConflict=()=>(e.fn[s]=i,t.jQueryInterface)}},"loading"===document.readyState?(m.length||document.addEventListener("DOMContentLoaded",(()=>{for(const t of m)t()})),m.push(e)):e()},v=(t,e=[],s=t)=>"function"==typeof t?t(...e):s,y=(t,e,s=!0)=>{if(!s)return void v(t);const i=(t=>{if(!t)return 0;let{transitionDuration:e,transitionDelay:s}=window.getComputedStyle(t);const i=Number.parseFloat(e),n=Number.parseFloat(s);return i||n?(e=e.split(",")[0],s=s.split(",")[0],1e3*(Number.parseFloat(e)+Number.parseFloat(s))):0})(e)+5;let n=!1;const r=({target:s})=>{s===e&&(n=!0,e.removeEventListener(o,r),v(t))};e.addEventListener(o,r),setTimeout((()=>{n||a(e)}),i)},w=(t,e,s,i)=>{const n=t.length;let o=t.indexOf(e);return-1===o?!s&&i?t[n-1]:t[0]:(o+=s?1:-1,i&&(o=(o+n)%n),t[Math.max(0,Math.min(o,n-1))])},A=/[^.]*(?=\..*)\.|.*/,E=/\..*/,C=/::\d+$/,T={};let k=1;const S={mouseenter:"mouseover",mouseleave:"mouseout"},L=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function O(t,e){return e&&`${e}::${k++}`||t.uidEvent||k++}function I(t){const e=O(t);return t.uidEvent=e,T[e]=T[e]||{},T[e]}function D(t,e,s=null){return Object.values(t).find((t=>t.callable===e&&t.delegationSelector===s))}function N(t,e,s){const i="string"==typeof e,n=i?s:e||s;let o=j(t);return L.has(o)||(o=t),[i,n,o]}function P(t,e,s,i,n){if("string"!=typeof e||!t)return;let[o,r,a]=N(e,s,i);if(e in S){const t=t=>function(e){if(!e.relatedTarget||e.relatedTarget!==e.delegateTarget&&!e.delegateTarget.contains(e.relatedTarget))return t.call(this,e)};r=t(r)}const l=I(t),c=l[a]||(l[a]={}),h=D(c,r,o?s:null);if(h)return void(h.oneOff=h.oneOff&&n);const d=O(r,e.replace(A,"")),u=o?function(t,e,s){return function i(n){const o=t.querySelectorAll(e);for(let{target:r}=n;r&&r!==this;r=r.parentNode)for(const a of o)if(a===r)return $(n,{delegateTarget:r}),i.oneOff&&F.off(t,n.type,e,s),s.apply(r,[n])}}(t,s,r):function(t,e){return function s(i){return $(i,{delegateTarget:t}),s.oneOff&&F.off(t,i.type,e),e.apply(t,[i])}}(t,r);u.delegationSelector=o?s:null,u.callable=r,u.oneOff=n,u.uidEvent=d,c[d]=u,t.addEventListener(a,u,o)}function x(t,e,s,i,n){const o=D(e[s],i,n);o&&(t.removeEventListener(s,o,Boolean(n)),delete e[s][o.uidEvent])}function M(t,e,s,i){const n=e[s]||{};for(const[o,r]of Object.entries(n))o.includes(i)&&x(t,e,s,r.callable,r.delegationSelector)}function j(t){return t=t.replace(E,""),S[t]||t}const F={on(t,e,s,i){P(t,e,s,i,!1)},one(t,e,s,i){P(t,e,s,i,!0)},off(t,e,s,i){if("string"!=typeof e||!t)return;const[n,o,r]=N(e,s,i),a=r!==e,l=I(t),c=l[r]||{},h=e.startsWith(".");if(void 0===o){if(h)for(const s of Object.keys(l))M(t,l,s,e.slice(1));for(const[s,i]of Object.entries(c)){const n=s.replace(C,"");a&&!e.includes(n)||x(t,l,r,i.callable,i.delegationSelector)}}else{if(!Object.keys(c).length)return;x(t,l,r,o,n?s:null)}},trigger(t,e,s){if("string"!=typeof e||!t)return null;const i=f();let n=null,o=!0,r=!0,a=!1;e!==j(e)&&i&&(n=i.Event(e,s),i(t).trigger(n),o=!n.isPropagationStopped(),r=!n.isImmediatePropagationStopped(),a=n.isDefaultPrevented());const l=$(new Event(e,{bubbles:o,cancelable:!0}),s);return a&&l.preventDefault(),r&&t.dispatchEvent(l),l.defaultPrevented&&n&&n.preventDefault(),l}};function $(t,e={}){for(const[s,i]of Object.entries(e))try{t[s]=i}catch(e){Object.defineProperty(t,s,{configurable:!0,get:()=>i})}return t}function z(t){if("true"===t)return!0;if("false"===t)return!1;if(t===Number(t).toString())return Number(t);if(""===t||"null"===t)return null;if("string"!=typeof t)return t;try{return JSON.parse(decodeURIComponent(t))}catch(e){return t}}function H(t){return t.replace(/[A-Z]/g,(t=>`-${t.toLowerCase()}`))}const B={setDataAttribute(t,e,s){t.setAttribute(`data-bs-${H(e)}`,s)},removeDataAttribute(t,e){t.removeAttribute(`data-bs-${H(e)}`)},getDataAttributes(t){if(!t)return{};const e={},s=Object.keys(t.dataset).filter((t=>t.startsWith("bs")&&!t.startsWith("bsConfig")));for(const i of s){let s=i.replace(/^bs/,"");s=s.charAt(0).toLowerCase()+s.slice(1,s.length),e[s]=z(t.dataset[i])}return e},getDataAttribute:(t,e)=>z(t.getAttribute(`data-bs-${H(e)}`))};class q{static get Default(){return{}}static get DefaultType(){return{}}static get NAME(){throw new Error('You have to implement the static method "NAME", for each component!')}_getConfig(t){return t=this._mergeConfigObj(t),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}_configAfterMerge(t){return t}_mergeConfigObj(t,e){const s=l(e)?B.getDataAttribute(e,"config"):{};return{...this.constructor.Default,..."object"==typeof s?s:{},...l(e)?B.getDataAttributes(e):{},..."object"==typeof t?t:{}}}_typeCheckConfig(t,e=this.constructor.DefaultType){for(const[i,n]of Object.entries(e)){const e=t[i],o=l(e)?"element":null==(s=e)?`${s}`:Object.prototype.toString.call(s).match(/\s([a-z]+)/i)[1].toLowerCase();if(!new RegExp(n).test(o))throw new TypeError(`${this.constructor.NAME.toUpperCase()}: Option "${i}" provided type "${o}" but expected type "${n}".`)}var s}}class W extends q{constructor(t,e){super(),(t=c(t))&&(this._element=t,this._config=this._getConfig(e),n.set(this._element,this.constructor.DATA_KEY,this))}dispose(){n.remove(this._element,this.constructor.DATA_KEY),F.off(this._element,this.constructor.EVENT_KEY);for(const t of Object.getOwnPropertyNames(this))this[t]=null}_queueCallback(t,e,s=!0){y(t,e,s)}_getConfig(t){return t=this._mergeConfigObj(t,this._element),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}static getInstance(t){return n.get(c(t),this.DATA_KEY)}static getOrCreateInstance(t,e={}){return this.getInstance(t)||new this(t,"object"==typeof e?e:null)}static get VERSION(){return"5.3.0"}static get DATA_KEY(){return`bs.${this.NAME}`}static get EVENT_KEY(){return`.${this.DATA_KEY}`}static eventName(t){return`${t}${this.EVENT_KEY}`}}const R=t=>{let e=t.getAttribute("data-bs-target");if(!e||"#"===e){let s=t.getAttribute("href");if(!s||!s.includes("#")&&!s.startsWith("."))return null;s.includes("#")&&!s.startsWith("#")&&(s=`#${s.split("#")[1]}`),e=s&&"#"!==s?s.trim():null}return r(e)},K={find:(t,e=document.documentElement)=>[].concat(...Element.prototype.querySelectorAll.call(e,t)),findOne:(t,e=document.documentElement)=>Element.prototype.querySelector.call(e,t),children:(t,e)=>[].concat(...t.children).filter((t=>t.matches(e))),parents(t,e){const s=[];let i=t.parentNode.closest(e);for(;i;)s.push(i),i=i.parentNode.closest(e);return s},prev(t,e){let s=t.previousElementSibling;for(;s;){if(s.matches(e))return[s];s=s.previousElementSibling}return[]},next(t,e){let s=t.nextElementSibling;for(;s;){if(s.matches(e))return[s];s=s.nextElementSibling}return[]},focusableChildren(t){const e=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map((t=>`${t}:not([tabindex^="-"])`)).join(",");return this.find(e,t).filter((t=>!d(t)&&h(t)))},getSelectorFromElement(t){const e=R(t);return e&&K.findOne(e)?e:null},getElementFromSelector(t){const e=R(t);return e?K.findOne(e):null},getMultipleElementsFromSelector(t){const e=R(t);return e?K.find(e):[]}},V=(t,e="hide")=>{const s=`click.dismiss${t.EVENT_KEY}`,i=t.NAME;F.on(document,s,`[data-bs-dismiss="${i}"]`,(function(s){if(["A","AREA"].includes(this.tagName)&&s.preventDefault(),d(this))return;const n=K.getElementFromSelector(this)||this.closest(`.${i}`);t.getOrCreateInstance(n)[e]()}))};class Q extends W{static get NAME(){return"alert"}close(){if(F.trigger(this._element,"close.bs.alert").defaultPrevented)return;this._element.classList.remove("show");const t=this._element.classList.contains("fade");this._queueCallback((()=>this._destroyElement()),this._element,t)}_destroyElement(){this._element.remove(),F.trigger(this._element,"closed.bs.alert"),this.dispose()}static jQueryInterface(t){return this.each((function(){const e=Q.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}V(Q,"close"),b(Q);const X='[data-bs-toggle="button"]';class Y extends W{static get NAME(){return"button"}toggle(){this._element.setAttribute("aria-pressed",this._element.classList.toggle("active"))}static jQueryInterface(t){return this.each((function(){const e=Y.getOrCreateInstance(this);"toggle"===t&&e[t]()}))}}F.on(document,"click.bs.button.data-api",X,(t=>{t.preventDefault();const e=t.target.closest(X);Y.getOrCreateInstance(e).toggle()})),b(Y);const U={endCallback:null,leftCallback:null,rightCallback:null},G={endCallback:"(function|null)",leftCallback:"(function|null)",rightCallback:"(function|null)"};class J extends q{constructor(t,e){super(),this._element=t,t&&J.isSupported()&&(this._config=this._getConfig(e),this._deltaX=0,this._supportPointerEvents=Boolean(window.PointerEvent),this._initEvents())}static get Default(){return U}static get DefaultType(){return G}static get NAME(){return"swipe"}dispose(){F.off(this._element,".bs.swipe")}_start(t){this._supportPointerEvents?this._eventIsPointerPenTouch(t)&&(this._deltaX=t.clientX):this._deltaX=t.touches[0].clientX}_end(t){this._eventIsPointerPenTouch(t)&&(this._deltaX=t.clientX-this._deltaX),this._handleSwipe(),v(this._config.endCallback)}_move(t){this._deltaX=t.touches&&t.touches.length>1?0:t.touches[0].clientX-this._deltaX}_handleSwipe(){const t=Math.abs(this._deltaX);if(t<=40)return;const e=t/this._deltaX;this._deltaX=0,e&&v(e>0?this._config.rightCallback:this._config.leftCallback)}_initEvents(){this._supportPointerEvents?(F.on(this._element,"pointerdown.bs.swipe",(t=>this._start(t))),F.on(this._element,"pointerup.bs.swipe",(t=>this._end(t))),this._element.classList.add("pointer-event")):(F.on(this._element,"touchstart.bs.swipe",(t=>this._start(t))),F.on(this._element,"touchmove.bs.swipe",(t=>this._move(t))),F.on(this._element,"touchend.bs.swipe",(t=>this._end(t))))}_eventIsPointerPenTouch(t){return this._supportPointerEvents&&("pen"===t.pointerType||"touch"===t.pointerType)}static isSupported(){return"ontouchstart"in document.documentElement||navigator.maxTouchPoints>0}}const Z="next",tt="prev",et="left",st="right",it="slid.bs.carousel",nt="carousel",ot="active",rt={ArrowLeft:st,ArrowRight:et},at={interval:5e3,keyboard:!0,pause:"hover",ride:!1,touch:!0,wrap:!0},lt={interval:"(number|boolean)",keyboard:"boolean",pause:"(string|boolean)",ride:"(boolean|string)",touch:"boolean",wrap:"boolean"};class ct extends W{constructor(t,e){super(t,e),this._interval=null,this._activeElement=null,this._isSliding=!1,this.touchTimeout=null,this._swipeHelper=null,this._indicatorsElement=K.findOne(".carousel-indicators",this._element),this._addEventListeners(),this._config.ride===nt&&this.cycle()}static get Default(){return at}static get DefaultType(){return lt}static get NAME(){return"carousel"}next(){this._slide(Z)}nextWhenVisible(){!document.hidden&&h(this._element)&&this.next()}prev(){this._slide(tt)}pause(){this._isSliding&&a(this._element),this._clearInterval()}cycle(){this._clearInterval(),this._updateInterval(),this._interval=setInterval((()=>this.nextWhenVisible()),this._config.interval)}_maybeEnableCycle(){this._config.ride&&(this._isSliding?F.one(this._element,it,(()=>this.cycle())):this.cycle())}to(t){const e=this._getItems();if(t>e.length-1||t<0)return;if(this._isSliding)return void F.one(this._element,it,(()=>this.to(t)));const s=this._getItemIndex(this._getActive());if(s===t)return;const i=t>s?Z:tt;this._slide(i,e[t])}dispose(){this._swipeHelper&&this._swipeHelper.dispose(),super.dispose()}_configAfterMerge(t){return t.defaultInterval=t.interval,t}_addEventListeners(){this._config.keyboard&&F.on(this._element,"keydown.bs.carousel",(t=>this._keydown(t))),"hover"===this._config.pause&&(F.on(this._element,"mouseenter.bs.carousel",(()=>this.pause())),F.on(this._element,"mouseleave.bs.carousel",(()=>this._maybeEnableCycle()))),this._config.touch&&J.isSupported()&&this._addTouchEventListeners()}_addTouchEventListeners(){for(const t of K.find(".carousel-item img",this._element))F.on(t,"dragstart.bs.carousel",(t=>t.preventDefault()));const t={leftCallback:()=>this._slide(this._directionToOrder(et)),rightCallback:()=>this._slide(this._directionToOrder(st)),endCallback:()=>{"hover"===this._config.pause&&(this.pause(),this.touchTimeout&&clearTimeout(this.touchTimeout),this.touchTimeout=setTimeout((()=>this._maybeEnableCycle()),500+this._config.interval))}};this._swipeHelper=new J(this._element,t)}_keydown(t){if(/input|textarea/i.test(t.target.tagName))return;const e=rt[t.key];e&&(t.preventDefault(),this._slide(this._directionToOrder(e)))}_getItemIndex(t){return this._getItems().indexOf(t)}_setActiveIndicatorElement(t){if(!this._indicatorsElement)return;const e=K.findOne(".active",this._indicatorsElement);e.classList.remove(ot),e.removeAttribute("aria-current");const s=K.findOne(`[data-bs-slide-to="${t}"]`,this._indicatorsElement);s&&(s.classList.add(ot),s.setAttribute("aria-current","true"))}_updateInterval(){const t=this._activeElement||this._getActive();if(!t)return;const e=Number.parseInt(t.getAttribute("data-bs-interval"),10);this._config.interval=e||this._config.defaultInterval}_slide(t,e=null){if(this._isSliding)return;const s=this._getActive(),i=t===Z,n=e||w(this._getItems(),s,i,this._config.wrap);if(n===s)return;const o=this._getItemIndex(n),r=e=>F.trigger(this._element,e,{relatedTarget:n,direction:this._orderToDirection(t),from:this._getItemIndex(s),to:o});if(r("slide.bs.carousel").defaultPrevented)return;if(!s||!n)return;const a=Boolean(this._interval);this.pause(),this._isSliding=!0,this._setActiveIndicatorElement(o),this._activeElement=n;const l=i?"carousel-item-start":"carousel-item-end",c=i?"carousel-item-next":"carousel-item-prev";n.classList.add(c),g(n),s.classList.add(l),n.classList.add(l),this._queueCallback((()=>{n.classList.remove(l,c),n.classList.add(ot),s.classList.remove(ot,c,l),this._isSliding=!1,r(it)}),s,this._isAnimated()),a&&this.cycle()}_isAnimated(){return this._element.classList.contains("slide")}_getActive(){return K.findOne(".active.carousel-item",this._element)}_getItems(){return K.find(".carousel-item",this._element)}_clearInterval(){this._interval&&(clearInterval(this._interval),this._interval=null)}_directionToOrder(t){return p()?t===et?tt:Z:t===et?Z:tt}_orderToDirection(t){return p()?t===tt?et:st:t===tt?st:et}static jQueryInterface(t){return this.each((function(){const e=ct.getOrCreateInstance(this,t);if("number"!=typeof t){if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}else e.to(t)}))}}F.on(document,"click.bs.carousel.data-api","[data-bs-slide], [data-bs-slide-to]",(function(t){const e=K.getElementFromSelector(this);if(!e||!e.classList.contains(nt))return;t.preventDefault();const s=ct.getOrCreateInstance(e),i=this.getAttribute("data-bs-slide-to");return i?(s.to(i),void s._maybeEnableCycle()):"next"===B.getDataAttribute(this,"slide")?(s.next(),void s._maybeEnableCycle()):(s.prev(),void s._maybeEnableCycle())})),F.on(window,"load.bs.carousel.data-api",(()=>{const t=K.find('[data-bs-ride="carousel"]');for(const e of t)ct.getOrCreateInstance(e)})),b(ct);const ht="show",dt="collapse",ut="collapsing",_t='[data-bs-toggle="collapse"]',gt={parent:null,toggle:!0},ft={parent:"(null|element)",toggle:"boolean"};class mt extends W{constructor(t,e){super(t,e),this._isTransitioning=!1,this._triggerArray=[];const s=K.find(_t);for(const t of s){const e=K.getSelectorFromElement(t),s=K.find(e).filter((t=>t===this._element));null!==e&&s.length&&this._triggerArray.push(t)}this._initializeChildren(),this._config.parent||this._addAriaAndCollapsedClass(this._triggerArray,this._isShown()),this._config.toggle&&this.toggle()}static get Default(){return gt}static get DefaultType(){return ft}static get NAME(){return"collapse"}toggle(){this._isShown()?this.hide():this.show()}show(){if(this._isTransitioning||this._isShown())return;let t=[];if(this._config.parent&&(t=this._getFirstLevelChildren(".collapse.show, .collapse.collapsing").filter((t=>t!==this._element)).map((t=>mt.getOrCreateInstance(t,{toggle:!1})))),t.length&&t[0]._isTransitioning)return;if(F.trigger(this._element,"show.bs.collapse").defaultPrevented)return;for(const e of t)e.hide();const e=this._getDimension();this._element.classList.remove(dt),this._element.classList.add(ut),this._element.style[e]=0,this._addAriaAndCollapsedClass(this._triggerArray,!0),this._isTransitioning=!0;const s=`scroll${e[0].toUpperCase()+e.slice(1)}`;this._queueCallback((()=>{this._isTransitioning=!1,this._element.classList.remove(ut),this._element.classList.add(dt,ht),this._element.style[e]="",F.trigger(this._element,"shown.bs.collapse")}),this._element,!0),this._element.style[e]=`${this._element[s]}px`}hide(){if(this._isTransitioning||!this._isShown())return;if(F.trigger(this._element,"hide.bs.collapse").defaultPrevented)return;const t=this._getDimension();this._element.style[t]=`${this._element.getBoundingClientRect()[t]}px`,g(this._element),this._element.classList.add(ut),this._element.classList.remove(dt,ht);for(const t of this._triggerArray){const e=K.getElementFromSelector(t);e&&!this._isShown(e)&&this._addAriaAndCollapsedClass([t],!1)}this._isTransitioning=!0,this._element.style[t]="",this._queueCallback((()=>{this._isTransitioning=!1,this._element.classList.remove(ut),this._element.classList.add(dt),F.trigger(this._element,"hidden.bs.collapse")}),this._element,!0)}_isShown(t=this._element){return t.classList.contains(ht)}_configAfterMerge(t){return t.toggle=Boolean(t.toggle),t.parent=c(t.parent),t}_getDimension(){return this._element.classList.contains("collapse-horizontal")?"width":"height"}_initializeChildren(){if(!this._config.parent)return;const t=this._getFirstLevelChildren(_t);for(const e of t){const t=K.getElementFromSelector(e);t&&this._addAriaAndCollapsedClass([e],this._isShown(t))}}_getFirstLevelChildren(t){const e=K.find(":scope .collapse .collapse",this._config.parent);return K.find(t,this._config.parent).filter((t=>!e.includes(t)))}_addAriaAndCollapsedClass(t,e){if(t.length)for(const s of t)s.classList.toggle("collapsed",!e),s.setAttribute("aria-expanded",e)}static jQueryInterface(t){const e={};return"string"==typeof t&&/show|hide/.test(t)&&(e.toggle=!1),this.each((function(){const s=mt.getOrCreateInstance(this,e);if("string"==typeof t){if(void 0===s[t])throw new TypeError(`No method named "${t}"`);s[t]()}}))}}F.on(document,"click.bs.collapse.data-api",_t,(function(t){("A"===t.target.tagName||t.delegateTarget&&"A"===t.delegateTarget.tagName)&&t.preventDefault();for(const t of K.getMultipleElementsFromSelector(this))mt.getOrCreateInstance(t,{toggle:!1}).toggle()})),b(mt);const pt="dropdown",bt="ArrowUp",vt="ArrowDown",yt="click.bs.dropdown.data-api",wt="keydown.bs.dropdown.data-api",At="show",Et='[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)',Ct=`${Et}.show`,Tt=".dropdown-menu",kt=p()?"top-end":"top-start",St=p()?"top-start":"top-end",Lt=p()?"bottom-end":"bottom-start",Ot=p()?"bottom-start":"bottom-end",It=p()?"left-start":"right-start",Dt=p()?"right-start":"left-start",Nt={autoClose:!0,boundary:"clippingParents",display:"dynamic",offset:[0,2],popperConfig:null,reference:"toggle"},Pt={autoClose:"(boolean|string)",boundary:"(string|element)",display:"string",offset:"(array|string|function)",popperConfig:"(null|object|function)",reference:"(string|element|object)"};class xt extends W{constructor(t,e){super(t,e),this._popper=null,this._parent=this._element.parentNode,this._menu=K.next(this._element,Tt)[0]||K.prev(this._element,Tt)[0]||K.findOne(Tt,this._parent),this._inNavbar=this._detectNavbar()}static get Default(){return Nt}static get DefaultType(){return Pt}static get NAME(){return pt}toggle(){return this._isShown()?this.hide():this.show()}show(){if(d(this._element)||this._isShown())return;const t={relatedTarget:this._element};if(!F.trigger(this._element,"show.bs.dropdown",t).defaultPrevented){if(this._createPopper(),"ontouchstart"in document.documentElement&&!this._parent.closest(".navbar-nav"))for(const t of[].concat(...document.body.children))F.on(t,"mouseover",_);this._element.focus(),this._element.setAttribute("aria-expanded",!0),this._menu.classList.add(At),this._element.classList.add(At),F.trigger(this._element,"shown.bs.dropdown",t)}}hide(){if(d(this._element)||!this._isShown())return;const t={relatedTarget:this._element};this._completeHide(t)}dispose(){this._popper&&this._popper.destroy(),super.dispose()}update(){this._inNavbar=this._detectNavbar(),this._popper&&this._popper.update()}_completeHide(t){if(!F.trigger(this._element,"hide.bs.dropdown",t).defaultPrevented){if("ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))F.off(t,"mouseover",_);this._popper&&this._popper.destroy(),this._menu.classList.remove(At),this._element.classList.remove(At),this._element.setAttribute("aria-expanded","false"),B.removeDataAttribute(this._menu,"popper"),F.trigger(this._element,"hidden.bs.dropdown",t)}}_getConfig(t){if("object"==typeof(t=super._getConfig(t)).reference&&!l(t.reference)&&"function"!=typeof t.reference.getBoundingClientRect)throw new TypeError(`${pt.toUpperCase()}: Option "reference" provided type "object" without a required "getBoundingClientRect" method.`);return t}_createPopper(){if(void 0===s)throw new TypeError("Bootstrap's dropdowns require Popper (https://popper.js.org)");let t=this._element;"parent"===this._config.reference?t=this._parent:l(this._config.reference)?t=c(this._config.reference):"object"==typeof this._config.reference&&(t=this._config.reference);const e=this._getPopperConfig();this._popper=s.createPopper(t,this._menu,e)}_isShown(){return this._menu.classList.contains(At)}_getPlacement(){const t=this._parent;if(t.classList.contains("dropend"))return It;if(t.classList.contains("dropstart"))return Dt;if(t.classList.contains("dropup-center"))return"top";if(t.classList.contains("dropdown-center"))return"bottom";const e="end"===getComputedStyle(this._menu).getPropertyValue("--bs-position").trim();return t.classList.contains("dropup")?e?St:kt:e?Ot:Lt}_detectNavbar(){return null!==this._element.closest(".navbar")}_getOffset(){const{offset:t}=this._config;return"string"==typeof t?t.split(",").map((t=>Number.parseInt(t,10))):"function"==typeof t?e=>t(e,this._element):t}_getPopperConfig(){const t={placement:this._getPlacement(),modifiers:[{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"offset",options:{offset:this._getOffset()}}]};return(this._inNavbar||"static"===this._config.display)&&(B.setDataAttribute(this._menu,"popper","static"),t.modifiers=[{name:"applyStyles",enabled:!1}]),{...t,...v(this._config.popperConfig,[t])}}_selectMenuItem({key:t,target:e}){const s=K.find(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",this._menu).filter((t=>h(t)));s.length&&w(s,e,t===vt,!s.includes(e)).focus()}static jQueryInterface(t){return this.each((function(){const e=xt.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}static clearMenus(t){if(2===t.button||"keyup"===t.type&&"Tab"!==t.key)return;const e=K.find(Ct);for(const s of e){const e=xt.getInstance(s);if(!e||!1===e._config.autoClose)continue;const i=t.composedPath(),n=i.includes(e._menu);if(i.includes(e._element)||"inside"===e._config.autoClose&&!n||"outside"===e._config.autoClose&&n)continue;if(e._menu.contains(t.target)&&("keyup"===t.type&&"Tab"===t.key||/input|select|option|textarea|form/i.test(t.target.tagName)))continue;const o={relatedTarget:e._element};"click"===t.type&&(o.clickEvent=t),e._completeHide(o)}}static dataApiKeydownHandler(t){const e=/input|textarea/i.test(t.target.tagName),s="Escape"===t.key,i=[bt,vt].includes(t.key);if(!i&&!s)return;if(e&&!s)return;t.preventDefault();const n=this.matches(Et)?this:K.prev(this,Et)[0]||K.next(this,Et)[0]||K.findOne(Et,t.delegateTarget.parentNode),o=xt.getOrCreateInstance(n);if(i)return t.stopPropagation(),o.show(),void o._selectMenuItem(t);o._isShown()&&(t.stopPropagation(),o.hide(),n.focus())}}F.on(document,wt,Et,xt.dataApiKeydownHandler),F.on(document,wt,Tt,xt.dataApiKeydownHandler),F.on(document,yt,xt.clearMenus),F.on(document,"keyup.bs.dropdown.data-api",xt.clearMenus),F.on(document,yt,Et,(function(t){t.preventDefault(),xt.getOrCreateInstance(this).toggle()})),b(xt);const Mt="show",jt="mousedown.bs.backdrop",Ft={className:"modal-backdrop",clickCallback:null,isAnimated:!1,isVisible:!0,rootElement:"body"},$t={className:"string",clickCallback:"(function|null)",isAnimated:"boolean",isVisible:"boolean",rootElement:"(element|string)"};class zt extends q{constructor(t){super(),this._config=this._getConfig(t),this._isAppended=!1,this._element=null}static get Default(){return Ft}static get DefaultType(){return $t}static get NAME(){return"backdrop"}show(t){if(!this._config.isVisible)return void v(t);this._append();const e=this._getElement();this._config.isAnimated&&g(e),e.classList.add(Mt),this._emulateAnimation((()=>{v(t)}))}hide(t){this._config.isVisible?(this._getElement().classList.remove(Mt),this._emulateAnimation((()=>{this.dispose(),v(t)}))):v(t)}dispose(){this._isAppended&&(F.off(this._element,jt),this._element.remove(),this._isAppended=!1)}_getElement(){if(!this._element){const t=document.createElement("div");t.className=this._config.className,this._config.isAnimated&&t.classList.add("fade"),this._element=t}return this._element}_configAfterMerge(t){return t.rootElement=c(t.rootElement),t}_append(){if(this._isAppended)return;const t=this._getElement();this._config.rootElement.append(t),F.on(t,jt,(()=>{v(this._config.clickCallback)})),this._isAppended=!0}_emulateAnimation(t){y(t,this._getElement(),this._config.isAnimated)}}const Ht=".bs.focustrap",Bt="backward",qt={autofocus:!0,trapElement:null},Wt={autofocus:"boolean",trapElement:"element"};class Rt extends q{constructor(t){super(),this._config=this._getConfig(t),this._isActive=!1,this._lastTabNavDirection=null}static get Default(){return qt}static get DefaultType(){return Wt}static get NAME(){return"focustrap"}activate(){this._isActive||(this._config.autofocus&&this._config.trapElement.focus(),F.off(document,Ht),F.on(document,"focusin.bs.focustrap",(t=>this._handleFocusin(t))),F.on(document,"keydown.tab.bs.focustrap",(t=>this._handleKeydown(t))),this._isActive=!0)}deactivate(){this._isActive&&(this._isActive=!1,F.off(document,Ht))}_handleFocusin(t){const{trapElement:e}=this._config;if(t.target===document||t.target===e||e.contains(t.target))return;const s=K.focusableChildren(e);0===s.length?e.focus():this._lastTabNavDirection===Bt?s[s.length-1].focus():s[0].focus()}_handleKeydown(t){"Tab"===t.key&&(this._lastTabNavDirection=t.shiftKey?Bt:"forward")}}const Kt=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",Vt=".sticky-top",Qt="padding-right",Xt="margin-right";class Yt{constructor(){this._element=document.body}getWidth(){const t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}hide(){const t=this.getWidth();this._disableOverFlow(),this._setElementAttributes(this._element,Qt,(e=>e+t)),this._setElementAttributes(Kt,Qt,(e=>e+t)),this._setElementAttributes(Vt,Xt,(e=>e-t))}reset(){this._resetElementAttributes(this._element,"overflow"),this._resetElementAttributes(this._element,Qt),this._resetElementAttributes(Kt,Qt),this._resetElementAttributes(Vt,Xt)}isOverflowing(){return this.getWidth()>0}_disableOverFlow(){this._saveInitialAttribute(this._element,"overflow"),this._element.style.overflow="hidden"}_setElementAttributes(t,e,s){const i=this.getWidth();this._applyManipulationCallback(t,(t=>{if(t!==this._element&&window.innerWidth>t.clientWidth+i)return;this._saveInitialAttribute(t,e);const n=window.getComputedStyle(t).getPropertyValue(e);t.style.setProperty(e,`${s(Number.parseFloat(n))}px`)}))}_saveInitialAttribute(t,e){const s=t.style.getPropertyValue(e);s&&B.setDataAttribute(t,e,s)}_resetElementAttributes(t,e){this._applyManipulationCallback(t,(t=>{const s=B.getDataAttribute(t,e);null!==s?(B.removeDataAttribute(t,e),t.style.setProperty(e,s)):t.style.removeProperty(e)}))}_applyManipulationCallback(t,e){if(l(t))e(t);else for(const s of K.find(t,this._element))e(s)}}const Ut=".bs.modal",Gt="hidden.bs.modal",Jt="show.bs.modal",Zt="modal-open",te="show",ee="modal-static",se={backdrop:!0,focus:!0,keyboard:!0},ie={backdrop:"(boolean|string)",focus:"boolean",keyboard:"boolean"};class ne extends W{constructor(t,e){super(t,e),this._dialog=K.findOne(".modal-dialog",this._element),this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._isShown=!1,this._isTransitioning=!1,this._scrollBar=new Yt,this._addEventListeners()}static get Default(){return se}static get DefaultType(){return ie}static get NAME(){return"modal"}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){this._isShown||this._isTransitioning||F.trigger(this._element,Jt,{relatedTarget:t}).defaultPrevented||(this._isShown=!0,this._isTransitioning=!0,this._scrollBar.hide(),document.body.classList.add(Zt),this._adjustDialog(),this._backdrop.show((()=>this._showElement(t))))}hide(){this._isShown&&!this._isTransitioning&&(F.trigger(this._element,"hide.bs.modal").defaultPrevented||(this._isShown=!1,this._isTransitioning=!0,this._focustrap.deactivate(),this._element.classList.remove(te),this._queueCallback((()=>this._hideModal()),this._element,this._isAnimated())))}dispose(){F.off(window,Ut),F.off(this._dialog,Ut),this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}handleUpdate(){this._adjustDialog()}_initializeBackDrop(){return new zt({isVisible:Boolean(this._config.backdrop),isAnimated:this._isAnimated()})}_initializeFocusTrap(){return new Rt({trapElement:this._element})}_showElement(t){document.body.contains(this._element)||document.body.append(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.scrollTop=0;const e=K.findOne(".modal-body",this._dialog);e&&(e.scrollTop=0),g(this._element),this._element.classList.add(te),this._queueCallback((()=>{this._config.focus&&this._focustrap.activate(),this._isTransitioning=!1,F.trigger(this._element,"shown.bs.modal",{relatedTarget:t})}),this._dialog,this._isAnimated())}_addEventListeners(){F.on(this._element,"keydown.dismiss.bs.modal",(t=>{"Escape"===t.key&&(this._config.keyboard?this.hide():this._triggerBackdropTransition())})),F.on(window,"resize.bs.modal",(()=>{this._isShown&&!this._isTransitioning&&this._adjustDialog()})),F.on(this._element,"mousedown.dismiss.bs.modal",(t=>{F.one(this._element,"click.dismiss.bs.modal",(e=>{this._element===t.target&&this._element===e.target&&("static"!==this._config.backdrop?this._config.backdrop&&this.hide():this._triggerBackdropTransition())}))}))}_hideModal(){this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._backdrop.hide((()=>{document.body.classList.remove(Zt),this._resetAdjustments(),this._scrollBar.reset(),F.trigger(this._element,Gt)}))}_isAnimated(){return this._element.classList.contains("fade")}_triggerBackdropTransition(){if(F.trigger(this._element,"hidePrevented.bs.modal").defaultPrevented)return;const t=this._element.scrollHeight>document.documentElement.clientHeight,e=this._element.style.overflowY;"hidden"===e||this._element.classList.contains(ee)||(t||(this._element.style.overflowY="hidden"),this._element.classList.add(ee),this._queueCallback((()=>{this._element.classList.remove(ee),this._queueCallback((()=>{this._element.style.overflowY=e}),this._dialog)}),this._dialog),this._element.focus())}_adjustDialog(){const t=this._element.scrollHeight>document.documentElement.clientHeight,e=this._scrollBar.getWidth(),s=e>0;if(s&&!t){const t=p()?"paddingLeft":"paddingRight";this._element.style[t]=`${e}px`}if(!s&&t){const t=p()?"paddingRight":"paddingLeft";this._element.style[t]=`${e}px`}}_resetAdjustments(){this._element.style.paddingLeft="",this._element.style.paddingRight=""}static jQueryInterface(t,e){return this.each((function(){const s=ne.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===s[t])throw new TypeError(`No method named "${t}"`);s[t](e)}}))}}F.on(document,"click.bs.modal.data-api",'[data-bs-toggle="modal"]',(function(t){const e=K.getElementFromSelector(this);["A","AREA"].includes(this.tagName)&&t.preventDefault(),F.one(e,Jt,(t=>{t.defaultPrevented||F.one(e,Gt,(()=>{h(this)&&this.focus()}))}));const s=K.findOne(".modal.show");s&&ne.getInstance(s).hide(),ne.getOrCreateInstance(e).toggle(this)})),V(ne),b(ne);const oe="show",re="showing",ae="hiding",le=".offcanvas.show",ce="hidePrevented.bs.offcanvas",he="hidden.bs.offcanvas",de={backdrop:!0,keyboard:!0,scroll:!1},ue={backdrop:"(boolean|string)",keyboard:"boolean",scroll:"boolean"};class _e extends W{constructor(t,e){super(t,e),this._isShown=!1,this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._addEventListeners()}static get Default(){return de}static get DefaultType(){return ue}static get NAME(){return"offcanvas"}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){this._isShown||F.trigger(this._element,"show.bs.offcanvas",{relatedTarget:t}).defaultPrevented||(this._isShown=!0,this._backdrop.show(),this._config.scroll||(new Yt).hide(),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.classList.add(re),this._queueCallback((()=>{this._config.scroll&&!this._config.backdrop||this._focustrap.activate(),this._element.classList.add(oe),this._element.classList.remove(re),F.trigger(this._element,"shown.bs.offcanvas",{relatedTarget:t})}),this._element,!0))}hide(){this._isShown&&(F.trigger(this._element,"hide.bs.offcanvas").defaultPrevented||(this._focustrap.deactivate(),this._element.blur(),this._isShown=!1,this._element.classList.add(ae),this._backdrop.hide(),this._queueCallback((()=>{this._element.classList.remove(oe,ae),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._config.scroll||(new Yt).reset(),F.trigger(this._element,he)}),this._element,!0)))}dispose(){this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}_initializeBackDrop(){const t=Boolean(this._config.backdrop);return new zt({className:"offcanvas-backdrop",isVisible:t,isAnimated:!0,rootElement:this._element.parentNode,clickCallback:t?()=>{"static"!==this._config.backdrop?this.hide():F.trigger(this._element,ce)}:null})}_initializeFocusTrap(){return new Rt({trapElement:this._element})}_addEventListeners(){F.on(this._element,"keydown.dismiss.bs.offcanvas",(t=>{"Escape"===t.key&&(this._config.keyboard?this.hide():F.trigger(this._element,ce))}))}static jQueryInterface(t){return this.each((function(){const e=_e.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}F.on(document,"click.bs.offcanvas.data-api",'[data-bs-toggle="offcanvas"]',(function(t){const e=K.getElementFromSelector(this);if(["A","AREA"].includes(this.tagName)&&t.preventDefault(),d(this))return;F.one(e,he,(()=>{h(this)&&this.focus()}));const s=K.findOne(le);s&&s!==e&&_e.getInstance(s).hide(),_e.getOrCreateInstance(e).toggle(this)})),F.on(window,"load.bs.offcanvas.data-api",(()=>{for(const t of K.find(le))_e.getOrCreateInstance(t).show()})),F.on(window,"resize.bs.offcanvas",(()=>{for(const t of K.find("[aria-modal][class*=show][class*=offcanvas-]"))"fixed"!==getComputedStyle(t).position&&_e.getOrCreateInstance(t).hide()})),V(_e),b(_e);const ge={"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],div:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]},fe=new Set(["background","cite","href","itemtype","longdesc","poster","src","xlink:href"]),me=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i,pe=(t,e)=>{const s=t.nodeName.toLowerCase();return e.includes(s)?!fe.has(s)||Boolean(me.test(t.nodeValue)):e.filter((t=>t instanceof RegExp)).some((t=>t.test(s)))},be={allowList:ge,content:{},extraClass:"",html:!1,sanitize:!0,sanitizeFn:null,template:"
"},ve={allowList:"object",content:"object",extraClass:"(string|function)",html:"boolean",sanitize:"boolean",sanitizeFn:"(null|function)",template:"string"},ye={entry:"(string|element|function|null)",selector:"(string|element)"};class we extends q{constructor(t){super(),this._config=this._getConfig(t)}static get Default(){return be}static get DefaultType(){return ve}static get NAME(){return"TemplateFactory"}getContent(){return Object.values(this._config.content).map((t=>this._resolvePossibleFunction(t))).filter(Boolean)}hasContent(){return this.getContent().length>0}changeContent(t){return this._checkContent(t),this._config.content={...this._config.content,...t},this}toHtml(){const t=document.createElement("div");t.innerHTML=this._maybeSanitize(this._config.template);for(const[e,s]of Object.entries(this._config.content))this._setContent(t,s,e);const e=t.children[0],s=this._resolvePossibleFunction(this._config.extraClass);return s&&e.classList.add(...s.split(" ")),e}_typeCheckConfig(t){super._typeCheckConfig(t),this._checkContent(t.content)}_checkContent(t){for(const[e,s]of Object.entries(t))super._typeCheckConfig({selector:e,entry:s},ye)}_setContent(t,e,s){const i=K.findOne(s,t);i&&((e=this._resolvePossibleFunction(e))?l(e)?this._putElementInTemplate(c(e),i):this._config.html?i.innerHTML=this._maybeSanitize(e):i.textContent=e:i.remove())}_maybeSanitize(t){return this._config.sanitize?function(t,e,s){if(!t.length)return t;if(s&&"function"==typeof s)return s(t);const i=(new window.DOMParser).parseFromString(t,"text/html"),n=[].concat(...i.body.querySelectorAll("*"));for(const t of n){const s=t.nodeName.toLowerCase();if(!Object.keys(e).includes(s)){t.remove();continue}const i=[].concat(...t.attributes),n=[].concat(e["*"]||[],e[s]||[]);for(const e of i)pe(e,n)||t.removeAttribute(e.nodeName)}return i.body.innerHTML}(t,this._config.allowList,this._config.sanitizeFn):t}_resolvePossibleFunction(t){return v(t,[this])}_putElementInTemplate(t,e){if(this._config.html)return e.innerHTML="",void e.append(t);e.textContent=t.textContent}}const Ae=new Set(["sanitize","allowList","sanitizeFn"]),Ee="fade",Ce="show",Te=".modal",ke="hide.bs.modal",Se="hover",Le="focus",Oe={AUTO:"auto",TOP:"top",RIGHT:p()?"left":"right",BOTTOM:"bottom",LEFT:p()?"right":"left"},Ie={allowList:ge,animation:!0,boundary:"clippingParents",container:!1,customClass:"",delay:0,fallbackPlacements:["top","right","bottom","left"],html:!1,offset:[0,6],placement:"top",popperConfig:null,sanitize:!0,sanitizeFn:null,selector:!1,template:'',title:"",trigger:"hover focus"},De={allowList:"object",animation:"boolean",boundary:"(string|element)",container:"(string|element|boolean)",customClass:"(string|function)",delay:"(number|object)",fallbackPlacements:"array",html:"boolean",offset:"(array|string|function)",placement:"(string|function)",popperConfig:"(null|object|function)",sanitize:"boolean",sanitizeFn:"(null|function)",selector:"(string|boolean)",template:"string",title:"(string|element|function)",trigger:"string"};class Ne extends W{constructor(t,e){if(void 0===s)throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org)");super(t,e),this._isEnabled=!0,this._timeout=0,this._isHovered=null,this._activeTrigger={},this._popper=null,this._templateFactory=null,this._newContent=null,this.tip=null,this._setListeners(),this._config.selector||this._fixTitle()}static get Default(){return Ie}static get DefaultType(){return De}static get NAME(){return"tooltip"}enable(){this._isEnabled=!0}disable(){this._isEnabled=!1}toggleEnabled(){this._isEnabled=!this._isEnabled}toggle(){this._isEnabled&&(this._activeTrigger.click=!this._activeTrigger.click,this._isShown()?this._leave():this._enter())}dispose(){clearTimeout(this._timeout),F.off(this._element.closest(Te),ke,this._hideModalHandler),this._element.getAttribute("data-bs-original-title")&&this._element.setAttribute("title",this._element.getAttribute("data-bs-original-title")),this._disposePopper(),super.dispose()}show(){if("none"===this._element.style.display)throw new Error("Please use show on visible elements");if(!this._isWithContent()||!this._isEnabled)return;const t=F.trigger(this._element,this.constructor.eventName("show")),e=(u(this._element)||this._element.ownerDocument.documentElement).contains(this._element);if(t.defaultPrevented||!e)return;this._disposePopper();const s=this._getTipElement();this._element.setAttribute("aria-describedby",s.getAttribute("id"));const{container:i}=this._config;if(this._element.ownerDocument.documentElement.contains(this.tip)||(i.append(s),F.trigger(this._element,this.constructor.eventName("inserted"))),this._popper=this._createPopper(s),s.classList.add(Ce),"ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))F.on(t,"mouseover",_);this._queueCallback((()=>{F.trigger(this._element,this.constructor.eventName("shown")),!1===this._isHovered&&this._leave(),this._isHovered=!1}),this.tip,this._isAnimated())}hide(){if(this._isShown()&&!F.trigger(this._element,this.constructor.eventName("hide")).defaultPrevented){if(this._getTipElement().classList.remove(Ce),"ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))F.off(t,"mouseover",_);this._activeTrigger.click=!1,this._activeTrigger.focus=!1,this._activeTrigger.hover=!1,this._isHovered=null,this._queueCallback((()=>{this._isWithActiveTrigger()||(this._isHovered||this._disposePopper(),this._element.removeAttribute("aria-describedby"),F.trigger(this._element,this.constructor.eventName("hidden")))}),this.tip,this._isAnimated())}}update(){this._popper&&this._popper.update()}_isWithContent(){return Boolean(this._getTitle())}_getTipElement(){return this.tip||(this.tip=this._createTipElement(this._newContent||this._getContentForTemplate())),this.tip}_createTipElement(t){const e=this._getTemplateFactory(t).toHtml();if(!e)return null;e.classList.remove(Ee,Ce),e.classList.add(`bs-${this.constructor.NAME}-auto`);const s=(t=>{do{t+=Math.floor(1e6*Math.random())}while(document.getElementById(t));return t})(this.constructor.NAME).toString();return e.setAttribute("id",s),this._isAnimated()&&e.classList.add(Ee),e}setContent(t){this._newContent=t,this._isShown()&&(this._disposePopper(),this.show())}_getTemplateFactory(t){return this._templateFactory?this._templateFactory.changeContent(t):this._templateFactory=new we({...this._config,content:t,extraClass:this._resolvePossibleFunction(this._config.customClass)}),this._templateFactory}_getContentForTemplate(){return{".tooltip-inner":this._getTitle()}}_getTitle(){return this._resolvePossibleFunction(this._config.title)||this._element.getAttribute("data-bs-original-title")}_initializeOnDelegatedTarget(t){return this.constructor.getOrCreateInstance(t.delegateTarget,this._getDelegateConfig())}_isAnimated(){return this._config.animation||this.tip&&this.tip.classList.contains(Ee)}_isShown(){return this.tip&&this.tip.classList.contains(Ce)}_createPopper(t){const e=v(this._config.placement,[this,t,this._element]),i=Oe[e.toUpperCase()];return s.createPopper(this._element,t,this._getPopperConfig(i))}_getOffset(){const{offset:t}=this._config;return"string"==typeof t?t.split(",").map((t=>Number.parseInt(t,10))):"function"==typeof t?e=>t(e,this._element):t}_resolvePossibleFunction(t){return v(t,[this._element])}_getPopperConfig(t){const e={placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:this._config.fallbackPlacements}},{name:"offset",options:{offset:this._getOffset()}},{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"arrow",options:{element:`.${this.constructor.NAME}-arrow`}},{name:"preSetPlacement",enabled:!0,phase:"beforeMain",fn:t=>{this._getTipElement().setAttribute("data-popper-placement",t.state.placement)}}]};return{...e,...v(this._config.popperConfig,[e])}}_setListeners(){const t=this._config.trigger.split(" ");for(const e of t)if("click"===e)F.on(this._element,this.constructor.eventName("click"),this._config.selector,(t=>{this._initializeOnDelegatedTarget(t).toggle()}));else if("manual"!==e){const t=e===Se?this.constructor.eventName("mouseenter"):this.constructor.eventName("focusin"),s=e===Se?this.constructor.eventName("mouseleave"):this.constructor.eventName("focusout");F.on(this._element,t,this._config.selector,(t=>{const e=this._initializeOnDelegatedTarget(t);e._activeTrigger["focusin"===t.type?Le:Se]=!0,e._enter()})),F.on(this._element,s,this._config.selector,(t=>{const e=this._initializeOnDelegatedTarget(t);e._activeTrigger["focusout"===t.type?Le:Se]=e._element.contains(t.relatedTarget),e._leave()}))}this._hideModalHandler=()=>{this._element&&this.hide()},F.on(this._element.closest(Te),ke,this._hideModalHandler)}_fixTitle(){const t=this._element.getAttribute("title");t&&(this._element.getAttribute("aria-label")||this._element.textContent.trim()||this._element.setAttribute("aria-label",t),this._element.setAttribute("data-bs-original-title",t),this._element.removeAttribute("title"))}_enter(){this._isShown()||this._isHovered?this._isHovered=!0:(this._isHovered=!0,this._setTimeout((()=>{this._isHovered&&this.show()}),this._config.delay.show))}_leave(){this._isWithActiveTrigger()||(this._isHovered=!1,this._setTimeout((()=>{this._isHovered||this.hide()}),this._config.delay.hide))}_setTimeout(t,e){clearTimeout(this._timeout),this._timeout=setTimeout(t,e)}_isWithActiveTrigger(){return Object.values(this._activeTrigger).includes(!0)}_getConfig(t){const e=B.getDataAttributes(this._element);for(const t of Object.keys(e))Ae.has(t)&&delete e[t];return t={...e,..."object"==typeof t&&t?t:{}},t=this._mergeConfigObj(t),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}_configAfterMerge(t){return t.container=!1===t.container?document.body:c(t.container),"number"==typeof t.delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),t}_getDelegateConfig(){const t={};for(const[e,s]of Object.entries(this._config))this.constructor.Default[e]!==s&&(t[e]=s);return t.selector=!1,t.trigger="manual",t}_disposePopper(){this._popper&&(this._popper.destroy(),this._popper=null),this.tip&&(this.tip.remove(),this.tip=null)}static jQueryInterface(t){return this.each((function(){const e=Ne.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}b(Ne);const Pe={...Ne.Default,content:"",offset:[0,8],placement:"right",template:'',trigger:"click"},xe={...Ne.DefaultType,content:"(null|string|element|function)"};class Me extends Ne{static get Default(){return Pe}static get DefaultType(){return xe}static get NAME(){return"popover"}_isWithContent(){return this._getTitle()||this._getContent()}_getContentForTemplate(){return{".popover-header":this._getTitle(),".popover-body":this._getContent()}}_getContent(){return this._resolvePossibleFunction(this._config.content)}static jQueryInterface(t){return this.each((function(){const e=Me.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}b(Me);const je="click.bs.scrollspy",Fe="active",$e="[href]",ze={offset:null,rootMargin:"0px 0px -25%",smoothScroll:!1,target:null,threshold:[.1,.5,1]},He={offset:"(number|null)",rootMargin:"string",smoothScroll:"boolean",target:"element",threshold:"array"};class Be extends W{constructor(t,e){super(t,e),this._targetLinks=new Map,this._observableSections=new Map,this._rootElement="visible"===getComputedStyle(this._element).overflowY?null:this._element,this._activeTarget=null,this._observer=null,this._previousScrollData={visibleEntryTop:0,parentScrollTop:0},this.refresh()}static get Default(){return ze}static get DefaultType(){return He}static get NAME(){return"scrollspy"}refresh(){this._initializeTargetsAndObservables(),this._maybeEnableSmoothScroll(),this._observer?this._observer.disconnect():this._observer=this._getNewObserver();for(const t of this._observableSections.values())this._observer.observe(t)}dispose(){this._observer.disconnect(),super.dispose()}_configAfterMerge(t){return t.target=c(t.target)||document.body,t.rootMargin=t.offset?`${t.offset}px 0px -30%`:t.rootMargin,"string"==typeof t.threshold&&(t.threshold=t.threshold.split(",").map((t=>Number.parseFloat(t)))),t}_maybeEnableSmoothScroll(){this._config.smoothScroll&&(F.off(this._config.target,je),F.on(this._config.target,je,$e,(t=>{const e=this._observableSections.get(t.target.hash);if(e){t.preventDefault();const s=this._rootElement||window,i=e.offsetTop-this._element.offsetTop;if(s.scrollTo)return void s.scrollTo({top:i,behavior:"smooth"});s.scrollTop=i}})))}_getNewObserver(){const t={root:this._rootElement,threshold:this._config.threshold,rootMargin:this._config.rootMargin};return new IntersectionObserver((t=>this._observerCallback(t)),t)}_observerCallback(t){const e=t=>this._targetLinks.get(`#${t.target.id}`),s=t=>{this._previousScrollData.visibleEntryTop=t.target.offsetTop,this._process(e(t))},i=(this._rootElement||document.documentElement).scrollTop,n=i>=this._previousScrollData.parentScrollTop;this._previousScrollData.parentScrollTop=i;for(const o of t){if(!o.isIntersecting){this._activeTarget=null,this._clearActiveClass(e(o));continue}const t=o.target.offsetTop>=this._previousScrollData.visibleEntryTop;if(n&&t){if(s(o),!i)return}else n||t||s(o)}}_initializeTargetsAndObservables(){this._targetLinks=new Map,this._observableSections=new Map;const t=K.find($e,this._config.target);for(const e of t){if(!e.hash||d(e))continue;const t=K.findOne(decodeURI(e.hash),this._element);h(t)&&(this._targetLinks.set(decodeURI(e.hash),e),this._observableSections.set(e.hash,t))}}_process(t){this._activeTarget!==t&&(this._clearActiveClass(this._config.target),this._activeTarget=t,t.classList.add(Fe),this._activateParents(t),F.trigger(this._element,"activate.bs.scrollspy",{relatedTarget:t}))}_activateParents(t){if(t.classList.contains("dropdown-item"))K.findOne(".dropdown-toggle",t.closest(".dropdown")).classList.add(Fe);else for(const e of K.parents(t,".nav, .list-group"))for(const t of K.prev(e,".nav-link, .nav-item > .nav-link, .list-group-item"))t.classList.add(Fe)}_clearActiveClass(t){t.classList.remove(Fe);const e=K.find("[href].active",t);for(const t of e)t.classList.remove(Fe)}static jQueryInterface(t){return this.each((function(){const e=Be.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}))}}F.on(window,"load.bs.scrollspy.data-api",(()=>{for(const t of K.find('[data-bs-spy="scroll"]'))Be.getOrCreateInstance(t)})),b(Be);const qe="ArrowLeft",We="ArrowRight",Re="ArrowUp",Ke="ArrowDown",Ve="active",Qe="fade",Xe="show",Ye='[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]',Ue=`.nav-link:not(.dropdown-toggle), .list-group-item:not(.dropdown-toggle), [role="tab"]:not(.dropdown-toggle), ${Ye}`;class Ge extends W{constructor(t){super(t),this._parent=this._element.closest('.list-group, .nav, [role="tablist"]'),this._parent&&(this._setInitialAttributes(this._parent,this._getChildren()),F.on(this._element,"keydown.bs.tab",(t=>this._keydown(t))))}static get NAME(){return"tab"}show(){const t=this._element;if(this._elemIsActive(t))return;const e=this._getActiveElem(),s=e?F.trigger(e,"hide.bs.tab",{relatedTarget:t}):null;F.trigger(t,"show.bs.tab",{relatedTarget:e}).defaultPrevented||s&&s.defaultPrevented||(this._deactivate(e,t),this._activate(t,e))}_activate(t,e){t&&(t.classList.add(Ve),this._activate(K.getElementFromSelector(t)),this._queueCallback((()=>{"tab"===t.getAttribute("role")?(t.removeAttribute("tabindex"),t.setAttribute("aria-selected",!0),this._toggleDropDown(t,!0),F.trigger(t,"shown.bs.tab",{relatedTarget:e})):t.classList.add(Xe)}),t,t.classList.contains(Qe)))}_deactivate(t,e){t&&(t.classList.remove(Ve),t.blur(),this._deactivate(K.getElementFromSelector(t)),this._queueCallback((()=>{"tab"===t.getAttribute("role")?(t.setAttribute("aria-selected",!1),t.setAttribute("tabindex","-1"),this._toggleDropDown(t,!1),F.trigger(t,"hidden.bs.tab",{relatedTarget:e})):t.classList.remove(Xe)}),t,t.classList.contains(Qe)))}_keydown(t){if(![qe,We,Re,Ke].includes(t.key))return;t.stopPropagation(),t.preventDefault();const e=[We,Ke].includes(t.key),s=w(this._getChildren().filter((t=>!d(t))),t.target,e,!0);s&&(s.focus({preventScroll:!0}),Ge.getOrCreateInstance(s).show())}_getChildren(){return K.find(Ue,this._parent)}_getActiveElem(){return this._getChildren().find((t=>this._elemIsActive(t)))||null}_setInitialAttributes(t,e){this._setAttributeIfNotExists(t,"role","tablist");for(const t of e)this._setInitialAttributesOnChild(t)}_setInitialAttributesOnChild(t){t=this._getInnerElement(t);const e=this._elemIsActive(t),s=this._getOuterElement(t);t.setAttribute("aria-selected",e),s!==t&&this._setAttributeIfNotExists(s,"role","presentation"),e||t.setAttribute("tabindex","-1"),this._setAttributeIfNotExists(t,"role","tab"),this._setInitialAttributesOnTargetPanel(t)}_setInitialAttributesOnTargetPanel(t){const e=K.getElementFromSelector(t);e&&(this._setAttributeIfNotExists(e,"role","tabpanel"),t.id&&this._setAttributeIfNotExists(e,"aria-labelledby",`${t.id}`))}_toggleDropDown(t,e){const s=this._getOuterElement(t);if(!s.classList.contains("dropdown"))return;const i=(t,i)=>{const n=K.findOne(t,s);n&&n.classList.toggle(i,e)};i(".dropdown-toggle",Ve),i(".dropdown-menu",Xe),s.setAttribute("aria-expanded",e)}_setAttributeIfNotExists(t,e,s){t.hasAttribute(e)||t.setAttribute(e,s)}_elemIsActive(t){return t.classList.contains(Ve)}_getInnerElement(t){return t.matches(Ue)?t:K.findOne(Ue,t)}_getOuterElement(t){return t.closest(".nav-item, .list-group-item")||t}static jQueryInterface(t){return this.each((function(){const e=Ge.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}))}}F.on(document,"click.bs.tab",Ye,(function(t){["A","AREA"].includes(this.tagName)&&t.preventDefault(),d(this)||Ge.getOrCreateInstance(this).show()})),F.on(window,"load.bs.tab",(()=>{for(const t of K.find('.active[data-bs-toggle="tab"], .active[data-bs-toggle="pill"], .active[data-bs-toggle="list"]'))Ge.getOrCreateInstance(t)})),b(Ge);const Je="hide",Ze="show",ts="showing",es={animation:"boolean",autohide:"boolean",delay:"number"},ss={animation:!0,autohide:!0,delay:5e3};class is extends W{constructor(t,e){super(t,e),this._timeout=null,this._hasMouseInteraction=!1,this._hasKeyboardInteraction=!1,this._setListeners()}static get Default(){return ss}static get DefaultType(){return es}static get NAME(){return"toast"}show(){F.trigger(this._element,"show.bs.toast").defaultPrevented||(this._clearTimeout(),this._config.animation&&this._element.classList.add("fade"),this._element.classList.remove(Je),g(this._element),this._element.classList.add(Ze,ts),this._queueCallback((()=>{this._element.classList.remove(ts),F.trigger(this._element,"shown.bs.toast"),this._maybeScheduleHide()}),this._element,this._config.animation))}hide(){this.isShown()&&(F.trigger(this._element,"hide.bs.toast").defaultPrevented||(this._element.classList.add(ts),this._queueCallback((()=>{this._element.classList.add(Je),this._element.classList.remove(ts,Ze),F.trigger(this._element,"hidden.bs.toast")}),this._element,this._config.animation)))}dispose(){this._clearTimeout(),this.isShown()&&this._element.classList.remove(Ze),super.dispose()}isShown(){return this._element.classList.contains(Ze)}_maybeScheduleHide(){this._config.autohide&&(this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout((()=>{this.hide()}),this._config.delay)))}_onInteraction(t,e){switch(t.type){case"mouseover":case"mouseout":this._hasMouseInteraction=e;break;case"focusin":case"focusout":this._hasKeyboardInteraction=e}if(e)return void this._clearTimeout();const s=t.relatedTarget;this._element===s||this._element.contains(s)||this._maybeScheduleHide()}_setListeners(){F.on(this._element,"mouseover.bs.toast",(t=>this._onInteraction(t,!0))),F.on(this._element,"mouseout.bs.toast",(t=>this._onInteraction(t,!1))),F.on(this._element,"focusin.bs.toast",(t=>this._onInteraction(t,!0))),F.on(this._element,"focusout.bs.toast",(t=>this._onInteraction(t,!1)))}_clearTimeout(){clearTimeout(this._timeout),this._timeout=null}static jQueryInterface(t){return this.each((function(){const e=is.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}return V(is),b(is),{Alert:Q,Button:Y,Carousel:ct,Collapse:mt,Dropdown:xt,Modal:ne,Offcanvas:_e,Popover:Me,ScrollSpy:Be,Tab:Ge,Toast:is,Tooltip:Ne}})); +//# sourceMappingURL=bootstrap.min.js.map \ No newline at end of file diff --git a/static/js/comment-form.js b/static/js/comment-form.js new file mode 100644 index 0000000..fdc7376 --- /dev/null +++ b/static/js/comment-form.js @@ -0,0 +1,99 @@ +// JavaScript Document +$(document).ready(function() { + + "use strict"; + + /*----------------------------------------------------*/ + /* Comment Form Send Function + /*----------------------------------------------------*/ + + $(".comment-form").submit(function(e) { + e.preventDefault(); + var name = $(".name"); + var email = $(".email"); + var msg = $(".message"); + var flag = false; + if (name.val() == "") { + name.closest(".form-control").addClass("error"); + name.focus(); + flag = false; + return false; + } else { + name.closest(".form-control").removeClass("error").addClass("success"); + } if (email.val() == "") { + email.closest(".form-control").addClass("error"); + email.focus(); + flag = false; + return false; + } else { + email.closest(".form-control").removeClass("error").addClass("success"); + } if (msg.val() == "") { + msg.closest(".form-control").addClass("error"); + msg.focus(); + flag = false; + return false; + } else { + msg.closest(".form-control").removeClass("error").addClass("success"); + flag = true; + } + var dataString = "name=" + name.val() + "&email=" + email.val() + "&msg=" + msg.val(); + $(".loading").fadeIn("slow").html("Loading..."); + $.ajax({ + type: "POST", + data: dataString, + url: "php/commentForm.php", + cache: false, + success: function (d) { + $(".form-control").removeClass("success"); + if(d == 'success') // Message Sent? Show the 'Thank You' message and hide the form + $('.loading').fadeIn('slow').html('Mail sent Successfully.').delay(3000).fadeOut('slow'); + else + $('.loading').fadeIn('slow').html('Mail not sent.').delay(3000).fadeOut('slow'); + document.commentform.reset(); + } + }); + return false; + }); + + $("#reset").on('click', function() { + $(".form-control").removeClass("success").removeClass("error"); + }); + + /*----------------------------------------------------*/ + /* Comment Form Validation + /*----------------------------------------------------*/ + + $(".comment-form").validate({ + rules:{ + name:{ + required: true, + minlength: 1, + maxlength: 16, + }, + email:{ + required: true, + email: true, + }, + message:{ + required: true, + minlength: 2, + } + }, + messages:{ + name:{ + required: "Please enter no less than (1) characters" + }, + email:{ + required: "We need your email address to contact you", + email: "Your email address must be in the format of name@domain.com" + }, + message:{ + required: "Please enter no less than (2) characters" + }, + } + }); + +}) + + + diff --git a/static/js/contact-form.js b/static/js/contact-form.js new file mode 100644 index 0000000..a36c72f --- /dev/null +++ b/static/js/contact-form.js @@ -0,0 +1,100 @@ +// JavaScript Document +$(document).ready(function() { + + "use strict"; + + /*----------------------------------------------------*/ + /* Cntact Form Send Function + /*----------------------------------------------------*/ + + $(".contact-form").submit(function(e) { + e.preventDefault(); + var name = $(".name"); + var email = $(".email"); + var subject = $(".subject"); + var msg = $(".message"); + var flag = false; + if (name.val() == "") { + name.closest(".form-control").addClass("error"); + name.focus(); + flag = false; + return false; + } else { + name.closest(".form-control").removeClass("error").addClass("success"); + } if (email.val() == "") { + email.closest(".form-control").addClass("error"); + email.focus(); + flag = false; + return false; + } else { + email.closest(".form-control").removeClass("error").addClass("success"); + } if (msg.val() == "") { + msg.closest(".form-control").addClass("error"); + msg.focus(); + flag = false; + return false; + } else { + msg.closest(".form-control").removeClass("error").addClass("success"); + flag = true; + } + var dataString = "name=" + name.val() + "&email=" + email.val() + "&subject=" + subject.val() + "&msg=" + msg.val(); + $(".loading").fadeIn("slow").html("Loading..."); + $.ajax({ + type: "POST", + data: dataString, + url: "php/contactForm.php", + cache: false, + success: function (d) { + $(".form-control").removeClass("success"); + if(d == 'success') // Message Sent? Show the 'Thank You' message and hide the form + $('.loading').fadeIn('slow').html('Mail sent Successfully.').delay(3000).fadeOut('slow'); + else + $('.loading').fadeIn('slow').html('Mail not sent.').delay(3000).fadeOut('slow'); + document.contactform.reset(); + } + }); + return false; + }); + + $("#reset").on('click', function() { + $(".form-control").removeClass("success").removeClass("error"); + }); + + /*----------------------------------------------------*/ + /* Contact Form Validation + /*----------------------------------------------------*/ + + $(".contact-form").validate({ + rules:{ + name:{ + required: true, + minlength: 1, + maxlength: 16, + }, + email:{ + required: true, + email: true, + }, + message:{ + required: true, + minlength: 2, + } + }, + messages:{ + name:{ + required: "Please enter no less than (1) characters" + }, + email:{ + required: "We need your email address to contact you", + email: "Your email address must be in the format of name@domain.com" + }, + message:{ + required: "Please enter no less than (2) characters" + }, + } + }); + +}) + + + diff --git a/static/js/custom.js b/static/js/custom.js new file mode 100644 index 0000000..0d2bf4a --- /dev/null +++ b/static/js/custom.js @@ -0,0 +1,336 @@ +// JavaScript Document + + + $(window).on('load', function() { + + "use strict"; + + /*----------------------------------------------------*/ + /* Preloader + /*----------------------------------------------------*/ + + var preloader = $('#loading'), + loader = preloader.find('#loading-center'); + loader.fadeOut(); + preloader.delay(400).fadeOut('slow'); + + + /*----------------------------------------------------*/ + /* Modal Window + /*----------------------------------------------------*/ + + setTimeout(function () { + $(".modal:not(.auto-off)").modal("show"); + },3600); + + }); + + + $(window).on('scroll', function() { + + "use strict"; + + /*----------------------------------------------------*/ + /* Navigtion Menu Scroll + /*----------------------------------------------------*/ + + var b = $(window).scrollTop(); + + if( b > 80 ){ + $(".wsmainfull").addClass("scroll"); + } else { + $(".wsmainfull").removeClass("scroll"); + } + + }); + + + $(document).ready(function() { + + "use strict"; + + + new WOW().init(); + + + /*----------------------------------------------------*/ + /* Mobile Menu Toggle + /*----------------------------------------------------*/ + + if ( $(window).outerWidth() < 992 ) { + $('.wsmenu-list li.nl-simple, .wsmegamenu li, .sub-menu li').on('click', function() { + $('body').removeClass("wsactive"); + $('.sub-menu').slideUp('slow'); + $('.wsmegamenu').slideUp('slow'); + $('.wsmenu-click').removeClass("ws-activearrow"); + $('.wsmenu-click02 > i').removeClass("wsmenu-rotate"); + }); + } + + if ( $(window).outerWidth() < 992 ) { + $('.wsanimated-arrow').on('click', function() { + $('.sub-menu').slideUp('slow'); + $('.wsmegamenu').slideUp('slow'); + $('.wsmenu-click').removeClass("ws-activearrow"); + $('.wsmenu-click02 > i').removeClass("wsmenu-rotate"); + }); + } + + + /*----------------------------------------------------*/ + /* Accordion + /*----------------------------------------------------*/ + + $(".accordion > .accordion-item.is-active").children(".accordion-panel").slideDown(); + + $(".accordion > .accordion-item").on('click', function() { + $(this).siblings(".accordion-item").removeClass("is-active").children(".accordion-panel").slideUp(); + $(this).toggleClass("is-active").children(".accordion-panel").slideToggle("ease-out"); + }); + + + /*----------------------------------------------------*/ + /* Tabs + /*----------------------------------------------------*/ + + $('ul.tabs-1 li').on('click', function(){ + var tab_id = $(this).attr('data-tab'); + + $('ul.tabs-1 li').removeClass('current'); + $('.tab-content').removeClass('current'); + + $(this).addClass('current'); + $("#"+tab_id).addClass('current'); + }); + + + /*----------------------------------------------------*/ + /* Single Image Lightbox + /*----------------------------------------------------*/ + + $('.image-link').magnificPopup({ + type: 'image' + }); + + + /*----------------------------------------------------*/ + /* Video Link #1 Lightbox + /*----------------------------------------------------*/ + + $('.video-popup1').magnificPopup({ + type: 'iframe', + iframe: { + patterns: { + youtube: { + index: 'youtube.com', + src: 'https://www.youtube.com/embed/SZEflIVnhH8' + } + } + } + }); + + + /*----------------------------------------------------*/ + /* Video Link #2 Lightbox + /*----------------------------------------------------*/ + + $('.video-popup2').magnificPopup({ + type: 'iframe', + iframe: { + patterns: { + youtube: { + index: 'youtube.com', + src: 'https://www.youtube.com/embed/7e90gBu4pas' + } + } + } + }); + + + /*----------------------------------------------------*/ + /* Video Link #3 Lightbox + /*----------------------------------------------------*/ + + $('.video-popup3').magnificPopup({ + type: 'iframe', + iframe: { + patterns: { + youtube: { + index: 'youtube.com', + src: 'https://www.youtube.com/embed/0gv7OC9L2s8' + } + } + } + }); + + + /*----------------------------------------------------*/ + /* Statistic Counter + /*----------------------------------------------------*/ + + $('.count-element').each(function () { + $(this).appear(function() { + $(this).prop('Counter',0).animate({ + Counter: $(this).text() + }, { + duration: 4000, + easing: 'swing', + step: function (now) { + $(this).text(Math.ceil(now)); + } + }); + },{accX: 0, accY: 0}); + }); + + + /*----------------------------------------------------*/ + /* Testimonials Rotator + /*----------------------------------------------------*/ + + var owl = $('.reviews-1-wrapper'); + owl.owlCarousel({ + items: 3, + loop:true, + autoplay:true, + navBy: 1, + autoplayTimeout: 4500, + autoplayHoverPause: true, + smartSpeed: 1500, + responsive:{ + 0:{ + items:1 + }, + 767:{ + items:1 + }, + 768:{ + items:2 + }, + 991:{ + items:3 + }, + 1000:{ + items:3 + } + } + }); + + + /*----------------------------------------------------*/ + /* Brands Logo Rotator + /*----------------------------------------------------*/ + + var owl = $('.brands-carousel-5'); + owl.owlCarousel({ + items: 5, + loop:true, + autoplay:true, + navBy: 1, + nav:false, + autoplayTimeout: 4000, + autoplayHoverPause: false, + smartSpeed: 2000, + responsive:{ + 0:{ + items:2 + }, + 550:{ + items:3 + }, + 767:{ + items:3 + }, + 768:{ + items:6 + }, + 991:{ + items:6 + }, + 1000:{ + items:5 + } + } + }); + + + /*----------------------------------------------------*/ + /* Brands Logo Rotator + /*----------------------------------------------------*/ + + var owl = $('.brands-carousel-6'); + owl.owlCarousel({ + items: 5, + loop:true, + autoplay:true, + navBy: 1, + nav:false, + autoplayTimeout: 4000, + autoplayHoverPause: false, + smartSpeed: 2000, + responsive:{ + 0:{ + items:2 + }, + 550:{ + items:3 + }, + 767:{ + items:3 + }, + 768:{ + items:5 + }, + 991:{ + items:6 + }, + 1000:{ + items:6 + } + } + }); + + + /*----------------------------------------------------*/ + /* Show Password + /*----------------------------------------------------*/ + + var showPass = 0; + $('.btn-show-pass').on('click', function(){ + if(showPass == 0) { + $(this).next('input').attr('type','text'); + $(this).find('span.eye-pass').removeClass('flaticon-visibility'); + $(this).find('span.eye-pass').addClass('flaticon-invisible'); + showPass = 1; + } + else { + $(this).next('input').attr('type','password'); + $(this).find('span.eye-pass').addClass('flaticon-visibility'); + $(this).find('span.eye-pass').removeClass('flaticon-invisible'); + showPass = 0; + } + + }); + + + /*----------------------------------------------------*/ + /* Newsletter Subscribe Form + /*----------------------------------------------------*/ + + $('.newsletter-form').ajaxChimp({ + language: 'cm', + url: 'https://dsathemes.us3.list-manage.com/subscribe/post?u=af1a6c0b23340d7b339c085b4&id=344a494a6e' + //http://xxx.xxx.list-manage.com/subscribe/post?u=xxx&id=xxx + }); + + $.ajaxChimp.translations.cm = { + 'submit': 'Submitting...', + 0: 'We have sent you a confirmation email', + 1: 'Please enter your email address', + 2: 'An email address must contain a single @', + 3: 'The domain portion of the email address is invalid (the portion after the @: )', + 4: 'The username portion of the email address is invalid (the portion before the @: )', + 5: 'This email address looks fake or invalid. Please enter a real email address' + }; + + + }); diff --git a/static/js/jquery-3.7.0.min.js b/static/js/jquery-3.7.0.min.js new file mode 100644 index 0000000..e7e29d5 --- /dev/null +++ b/static/js/jquery-3.7.0.min.js @@ -0,0 +1,2 @@ +/*! jQuery v3.7.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */ +!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(ie,e){"use strict";var oe=[],r=Object.getPrototypeOf,ae=oe.slice,g=oe.flat?function(e){return oe.flat.call(e)}:function(e){return oe.concat.apply([],e)},s=oe.push,se=oe.indexOf,n={},i=n.toString,ue=n.hasOwnProperty,o=ue.toString,a=o.call(Object),le={},v=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},y=function(e){return null!=e&&e===e.window},C=ie.document,u={type:!0,src:!0,nonce:!0,noModule:!0};function m(e,t,n){var r,i,o=(n=n||C).createElement("script");if(o.text=e,t)for(r in u)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[i.call(e)]||"object":typeof e}var t="3.7.0",l=/HTML$/i,ce=function(e,t){return new ce.fn.init(e,t)};function c(e){var t=!!e&&"length"in e&&e.length,n=x(e);return!v(e)&&!y(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+ge+")"+ge+"*"),x=new RegExp(ge+"|>"),j=new RegExp(g),A=new RegExp("^"+t+"$"),D={ID:new RegExp("^#("+t+")"),CLASS:new RegExp("^\\.("+t+")"),TAG:new RegExp("^("+t+"|[*])"),ATTR:new RegExp("^"+p),PSEUDO:new RegExp("^"+g),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+ge+"*(even|odd|(([+-]|)(\\d*)n|)"+ge+"*(?:([+-]|)"+ge+"*(\\d+)|))"+ge+"*\\)|)","i"),bool:new RegExp("^(?:"+f+")$","i"),needsContext:new RegExp("^"+ge+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+ge+"*((?:-\\d)?\\d*)"+ge+"*\\)|)(?=[^-]|$)","i")},N=/^(?:input|select|textarea|button)$/i,q=/^h\d$/i,L=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,H=/[+~]/,O=new RegExp("\\\\[\\da-fA-F]{1,6}"+ge+"?|\\\\([^\\r\\n\\f])","g"),P=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},R=function(){V()},M=J(function(e){return!0===e.disabled&&fe(e,"fieldset")},{dir:"parentNode",next:"legend"});try{k.apply(oe=ae.call(ye.childNodes),ye.childNodes),oe[ye.childNodes.length].nodeType}catch(e){k={apply:function(e,t){me.apply(e,ae.call(t))},call:function(e){me.apply(e,ae.call(arguments,1))}}}function I(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(V(e),e=e||T,C)){if(11!==p&&(u=L.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return k.call(n,a),n}else if(f&&(a=f.getElementById(i))&&I.contains(e,a)&&a.id===i)return k.call(n,a),n}else{if(u[2])return k.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&e.getElementsByClassName)return k.apply(n,e.getElementsByClassName(i)),n}if(!(h[t+" "]||d&&d.test(t))){if(c=t,f=e,1===p&&(x.test(t)||m.test(t))){(f=H.test(t)&&z(e.parentNode)||e)==e&&le.scope||((s=e.getAttribute("id"))?s=ce.escapeSelector(s):e.setAttribute("id",s=S)),o=(l=Y(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+Q(l[o]);c=l.join(",")}try{return k.apply(n,f.querySelectorAll(c)),n}catch(e){h(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return re(t.replace(ve,"$1"),e,n,r)}function W(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function F(e){return e[S]=!0,e}function $(e){var t=T.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function B(t){return function(e){return fe(e,"input")&&e.type===t}}function _(t){return function(e){return(fe(e,"input")||fe(e,"button"))&&e.type===t}}function X(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&M(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function U(a){return F(function(o){return o=+o,F(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function z(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}function V(e){var t,n=e?e.ownerDocument||e:ye;return n!=T&&9===n.nodeType&&n.documentElement&&(r=(T=n).documentElement,C=!ce.isXMLDoc(T),i=r.matches||r.webkitMatchesSelector||r.msMatchesSelector,ye!=T&&(t=T.defaultView)&&t.top!==t&&t.addEventListener("unload",R),le.getById=$(function(e){return r.appendChild(e).id=ce.expando,!T.getElementsByName||!T.getElementsByName(ce.expando).length}),le.disconnectedMatch=$(function(e){return i.call(e,"*")}),le.scope=$(function(){return T.querySelectorAll(":scope")}),le.cssHas=$(function(){try{return T.querySelector(":has(*,:jqfake)"),!1}catch(e){return!0}}),le.getById?(b.filter.ID=function(e){var t=e.replace(O,P);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(O,P);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){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[]}}),b.find.TAG=function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):t.querySelectorAll(e)},b.find.CLASS=function(e,t){if("undefined"!=typeof t.getElementsByClassName&&C)return t.getElementsByClassName(e)},d=[],$(function(e){var t;r.appendChild(e).innerHTML="",e.querySelectorAll("[selected]").length||d.push("\\["+ge+"*(?:value|"+f+")"),e.querySelectorAll("[id~="+S+"-]").length||d.push("~="),e.querySelectorAll("a#"+S+"+*").length||d.push(".#.+[+~]"),e.querySelectorAll(":checked").length||d.push(":checked"),(t=T.createElement("input")).setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),r.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&d.push(":enabled",":disabled"),(t=T.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||d.push("\\["+ge+"*name"+ge+"*="+ge+"*(?:''|\"\")")}),le.cssHas||d.push(":has"),d=d.length&&new RegExp(d.join("|")),l=function(e,t){if(e===t)return a=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!le.sortDetached&&t.compareDocumentPosition(e)===n?e===T||e.ownerDocument==ye&&I.contains(ye,e)?-1:t===T||t.ownerDocument==ye&&I.contains(ye,t)?1:o?se.call(o,e)-se.call(o,t):0:4&n?-1:1)}),T}for(e in I.matches=function(e,t){return I(e,null,null,t)},I.matchesSelector=function(e,t){if(V(e),C&&!h[t+" "]&&(!d||!d.test(t)))try{var n=i.call(e,t);if(n||le.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){h(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(O,P),e[3]=(e[3]||e[4]||e[5]||"").replace(O,P),"~="===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]||I.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]&&I.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return D.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&j.test(n)&&(t=Y(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(O,P).toLowerCase();return"*"===e?function(){return!0}:function(e){return fe(e,t)}},CLASS:function(e){var t=s[e+" "];return t||(t=new RegExp("(^|"+ge+")"+e+"("+ge+"|$)"))&&s(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=I.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function T(e,n,r){return v(n)?ce.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?ce.grep(e,function(e){return e===n!==r}):"string"!=typeof n?ce.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(ce.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||k,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:S.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof ce?t[0]:t,ce.merge(this,ce.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:C,!0)),w.test(r[1])&&ce.isPlainObject(t))for(r in t)v(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=C.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):v(e)?void 0!==n.ready?n.ready(e):e(ce):ce.makeArray(e,this)}).prototype=ce.fn,k=ce(C);var E=/^(?:parents|prev(?:Until|All))/,j={children:!0,contents:!0,next:!0,prev:!0};function A(e,t){while((e=e[t])&&1!==e.nodeType);return e}ce.fn.extend({has:function(e){var t=ce(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,Ce=/^$|^module$|\/(?:java|ecma)script/i;xe=C.createDocumentFragment().appendChild(C.createElement("div")),(be=C.createElement("input")).setAttribute("type","radio"),be.setAttribute("checked","checked"),be.setAttribute("name","t"),xe.appendChild(be),le.checkClone=xe.cloneNode(!0).cloneNode(!0).lastChild.checked,xe.innerHTML="",le.noCloneChecked=!!xe.cloneNode(!0).lastChild.defaultValue,xe.innerHTML="",le.option=!!xe.lastChild;var ke={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function Se(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&fe(e,t)?ce.merge([e],n):n}function Ee(e,t){for(var n=0,r=e.length;n",""]);var je=/<|&#?\w+;/;function Ae(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function Me(e,t){return fe(e,"table")&&fe(11!==t.nodeType?t:t.firstChild,"tr")&&ce(e).children("tbody")[0]||e}function Ie(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function We(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Fe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(_.hasData(e)&&(s=_.get(e).events))for(i in _.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),C.head.appendChild(r[0])},abort:function(){i&&i()}}});var Jt,Kt=[],Zt=/(=)\?(?=&|$)|\?\?/;ce.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Kt.pop()||ce.expando+"_"+jt.guid++;return this[e]=!0,e}}),ce.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Zt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Zt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=v(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Zt,"$1"+r):!1!==e.jsonp&&(e.url+=(At.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||ce.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=ie[r],ie[r]=function(){o=arguments},n.always(function(){void 0===i?ce(ie).removeProp(r):ie[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Kt.push(r)),o&&v(i)&&i(o[0]),o=i=void 0}),"script"}),le.createHTMLDocument=((Jt=C.implementation.createHTMLDocument("").body).innerHTML="
",2===Jt.childNodes.length),ce.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(le.createHTMLDocument?((r=(t=C.implementation.createHTMLDocument("")).createElement("base")).href=C.location.href,t.head.appendChild(r)):t=C),o=!n&&[],(i=w.exec(e))?[t.createElement(i[1])]:(i=Ae([e],t,o),o&&o.length&&ce(o).remove(),ce.merge([],i.childNodes)));var r,i,o},ce.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(ce.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},ce.expr.pseudos.animated=function(t){return ce.grep(ce.timers,function(e){return t===e.elem}).length},ce.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=ce.css(e,"position"),c=ce(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=ce.css(e,"top"),u=ce.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),v(t)&&(t=t.call(e,n,ce.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},ce.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){ce.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===ce.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===ce.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=ce(e).offset()).top+=ce.css(e,"borderTopWidth",!0),i.left+=ce.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-ce.css(r,"marginTop",!0),left:t.left-i.left-ce.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===ce.css(e,"position"))e=e.offsetParent;return e||J})}}),ce.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;ce.fn[t]=function(e){return R(this,function(e,t,n){var r;if(y(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),ce.each(["top","left"],function(e,n){ce.cssHooks[n]=Ye(le.pixelPosition,function(e,t){if(t)return t=Ge(e,n),_e.test(t)?ce(e).position()[n]+"px":t})}),ce.each({Height:"height",Width:"width"},function(a,s){ce.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){ce.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return R(this,function(e,t,n){var r;return y(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?ce.css(e,t,i):ce.style(e,t,n,i)},s,n?e:void 0,n)}})}),ce.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){ce.fn[t]=function(e){return this.on(t,e)}}),ce.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),ce.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){ce.fn[n]=function(e,t){return 0