diff --git a/.gitignore b/.gitignore index 3a3cfe2a..7bd9c798 100644 --- a/.gitignore +++ b/.gitignore @@ -24,4 +24,4 @@ media .sass-cache server.log .vscode -static \ No newline at end of file +staticfiles \ No newline at end of file diff --git a/.runcode.yaml b/.runcode.yaml index 09a9a803..1f21edf9 100644 --- a/.runcode.yaml +++ b/.runcode.yaml @@ -1,4 +1,5 @@ onCreate: + - sudo rm /etc/apt/sources.list.d/nodesource.list* - sudo apt-get update -y - sudo apt install python-is-python3 xvfb libfontconfig wkhtmltopdf libpq-dev python3-dev python3-pip build-essential libssl-dev libffi-dev python3-venv redis-server redis-tools virtualenv zsh python3-virtualenv -y - | @@ -21,4 +22,4 @@ onStart: . ../venv/bin/activate WS_DOMAIN=`cat /home/ubuntu/runcode/ws-url-domain.txt` printf "\nGO TO THIS URL TO VIEW PAGE \033[4;34m https://8000-${WS_DOMAIN}\033[0;30m\n\n" - python manage.py runserver \ No newline at end of file + python manage.py runserver diff --git a/README.md b/README.md index 90ec5675..dff93950 100644 --- a/README.md +++ b/README.md @@ -18,7 +18,7 @@ This is divided into three parts - Open below link to create django-crm workspace on [RunCode](https://runcode.io/ "RunCode"). It will cretae django-crm API -[![RunCode](https://runcode-app-public.s3.amazonaws.com/images/dark_btn.png)](https://runcode.io/) + [![RunCode](https://runcode-app-public.s3.amazonaws.com/images/dark_btn.png)](https://runcode.io) - After running API, Go to Frontend UI [React CRM](https://github.com/MicroPyramid/react-crm "React CRM") project to cretae new workpsace with runcode. @@ -106,7 +106,7 @@ python manage.py runserver ## Start celery worker in another terminal window -celery -A tasks worker --loglevel=INFO +celery -A crm worker --loglevel=INFO ### Useful tools and packages @@ -114,6 +114,7 @@ celery -A tasks worker --loglevel=INFO pipdeptree # to see pip dependancy tree black # to format code to meet python coding standards pip-check -H # to see upgradable packages +isort # to sort imports in python ``` ### Community diff --git a/accounts/migrations/0001_initial.py b/accounts/migrations/0001_initial.py index 99074af8..ee30193d 100644 --- a/accounts/migrations/0001_initial.py +++ b/accounts/migrations/0001_initial.py @@ -1,7 +1,7 @@ # Generated by Django 2.1.2 on 2019-01-28 07:07 -from django.db import migrations, models import phonenumber_field.modelfields +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/accounts/migrations/0002_auto_20190128_1237.py b/accounts/migrations/0002_auto_20190128_1237.py index fe09456e..493678df 100644 --- a/accounts/migrations/0002_auto_20190128_1237.py +++ b/accounts/migrations/0002_auto_20190128_1237.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.2 on 2019-01-28 07:07 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/accounts/migrations/0005_auto_20190212_1334.py b/accounts/migrations/0005_auto_20190212_1334.py index 6f87ec3a..261d2b45 100644 --- a/accounts/migrations/0005_auto_20190212_1334.py +++ b/accounts/migrations/0005_auto_20190212_1334.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.5 on 2019-02-12 08:04 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/accounts/migrations/0007_email.py b/accounts/migrations/0007_email.py index 614acab3..57b6146b 100644 --- a/accounts/migrations/0007_email.py +++ b/accounts/migrations/0007_email.py @@ -1,7 +1,7 @@ # Generated by Django 2.1.7 on 2019-04-30 08:13 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/accounts/migrations/0009_auto_20190809_1659.py b/accounts/migrations/0009_auto_20190809_1659.py index e40d735a..37665349 100644 --- a/accounts/migrations/0009_auto_20190809_1659.py +++ b/accounts/migrations/0009_auto_20190809_1659.py @@ -1,8 +1,8 @@ # Generated by Django 2.2.3 on 2019-08-09 11:29 -from django.db import migrations, models import django.db.models.deletion import django.utils.timezone +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/accounts/migrations/0011_account_company.py b/accounts/migrations/0011_account_company.py index 4661b643..42012501 100644 --- a/accounts/migrations/0011_account_company.py +++ b/accounts/migrations/0011_account_company.py @@ -1,7 +1,7 @@ # Generated by Django 2.2.10 on 2020-04-23 10:20 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/accounts/migrations/0013_auto_20210913_1918.py b/accounts/migrations/0013_auto_20210913_1918.py index 5531f09d..3832eda1 100644 --- a/accounts/migrations/0013_auto_20210913_1918.py +++ b/accounts/migrations/0013_auto_20210913_1918.py @@ -1,7 +1,7 @@ # Generated by Django 3.2 on 2021-09-13 13:48 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/accounts/migrations/0015_alter_account_org.py b/accounts/migrations/0015_alter_account_org.py index b856780b..8008c9d3 100644 --- a/accounts/migrations/0015_alter_account_org.py +++ b/accounts/migrations/0015_alter_account_org.py @@ -1,7 +1,7 @@ # Generated by Django 3.2.7 on 2021-10-06 07:21 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/accounts/models.py b/accounts/models.py index dae25f4a..13b57a2c 100644 --- a/accounts/models.py +++ b/accounts/models.py @@ -1,15 +1,15 @@ import arrow from django.db import models -from django.utils.translation import pgettext_lazy -from django.utils.translation import gettext_lazy as _ - -from common.models import Org, Profile -from common.utils import INDCHOICES, COUNTRIES -from phonenumber_field.modelfields import PhoneNumberField from django.utils.text import slugify +from django.utils.translation import gettext_lazy as _ +from django.utils.translation import pgettext_lazy +from phonenumber_field.modelfields import PhoneNumberField + +from common import utils +from common.models import Org, Profile +from common.utils import COUNTRIES, INDCHOICES from contacts.models import Contact from teams.models import Teams -from common import utils class Tags(models.Model): diff --git a/accounts/serializer.py b/accounts/serializer.py index b99e9f64..b7ca32c1 100644 --- a/accounts/serializer.py +++ b/accounts/serializer.py @@ -1,13 +1,11 @@ from rest_framework import serializers + from accounts.models import Account, Email, Tags -from common.serializer import ( - ProfileSerializer, - AttachmentsSerializer, - OrganizationSerializer, -) +from common.serializer import (AttachmentsSerializer, OrganizationSerializer, + ProfileSerializer) +from contacts.serializer import ContactSerializer from leads.serializer import LeadSerializer from teams.serializer import TeamsSerializer -from contacts.serializer import ContactSerializer class TagsSerailizer(serializers.ModelSerializer): diff --git a/accounts/tests_celery_tasks.py b/accounts/tests_celery_tasks.py index 4185e141..c1b17af5 100644 --- a/accounts/tests_celery_tasks.py +++ b/accounts/tests_celery_tasks.py @@ -4,11 +4,8 @@ from django.test import TestCase from django.test.utils import override_settings from accounts.models import Email -from accounts.tasks import ( - send_email, - send_email_to_assigned_user, - send_scheduled_emails, -) +from accounts.tasks import (send_email, send_email_to_assigned_user, + send_scheduled_emails) from accounts.tests import AccountCreateTest diff --git a/accounts/urls.py b/accounts/urls.py index d7e1bb55..a6f7090c 100644 --- a/accounts/urls.py +++ b/accounts/urls.py @@ -1,4 +1,5 @@ from django.urls import path + from accounts import views app_name = "api_accounts" diff --git a/accounts/views.py b/accounts/views.py index 7c559deb..3aeaeb3d 100644 --- a/accounts/views.py +++ b/accounts/views.py @@ -1,46 +1,34 @@ -from django.db.models import Q -from accounts.models import Account, Tags -from accounts.tasks import send_email_to_assigned_user, send_email -from accounts import swagger_params -from accounts.serializer import ( - AccountSerializer, - AccountCreateSerializer, -) -from common.models import Profile, Attachments, Comment - -# from common.custom_auth import JSONWebTokenAuthentication -from common.serializer import ( - ProfileSerializer, - CommentSerializer, - AttachmentsSerializer, -) -from common.utils import ( - CASE_TYPE, - COUNTRIES, - CURRENCY_CODES, - INDCHOICES, - PRIORITY_CHOICE, - STATUS_CHOICE, -) -from django.shortcuts import get_object_or_404 -from contacts.models import Contact -from opportunity.models import SOURCES, STAGES, Opportunity -from cases.serializer import CaseSerializer -from contacts.serializer import ContactSerializer -from tasks.serializer import TaskSerializer -from opportunity.serializer import OpportunitySerializer -from invoices.serializer import InvoiceSerailizer -from accounts.serializer import EmailSerializer, TagsSerailizer -from teams.models import Teams - -from rest_framework import status -from rest_framework.views import APIView -from rest_framework.response import Response -from rest_framework.permissions import IsAuthenticated -from rest_framework.pagination import LimitOffsetPagination -from drf_yasg.utils import swagger_auto_schema import json +from django.db.models import Q +from django.shortcuts import get_object_or_404 +from drf_yasg.utils import swagger_auto_schema +from rest_framework import status +from rest_framework.pagination import LimitOffsetPagination +from rest_framework.permissions import IsAuthenticated +from rest_framework.response import Response +from rest_framework.views import APIView + +from accounts import swagger_params +from accounts.models import Account, Tags +from accounts.serializer import (AccountCreateSerializer, AccountSerializer, + EmailSerializer, TagsSerailizer) +from accounts.tasks import send_email, send_email_to_assigned_user +from cases.serializer import CaseSerializer +from common.models import Attachments, Comment, Profile +# from common.custom_auth import JSONWebTokenAuthentication +from common.serializer import (AttachmentsSerializer, CommentSerializer, + ProfileSerializer) +from common.utils import (CASE_TYPE, COUNTRIES, CURRENCY_CODES, INDCHOICES, + PRIORITY_CHOICE, STATUS_CHOICE) +from contacts.models import Contact +from contacts.serializer import ContactSerializer +from invoices.serializer import InvoiceSerailizer +from opportunity.models import SOURCES, STAGES, Opportunity +from opportunity.serializer import OpportunitySerializer +from tasks.serializer import TaskSerializer +from teams.models import Teams + class AccountsListView(APIView, LimitOffsetPagination): @@ -49,11 +37,7 @@ class AccountsListView(APIView, LimitOffsetPagination): model = Account def get_context_data(self, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data queryset = self.model.objects.filter(org=self.request.org).order_by("-id") if self.request.profile.role != "ADMIN" and not self.request.profile.is_admin: queryset = queryset.filter( @@ -130,7 +114,7 @@ class AccountsListView(APIView, LimitOffsetPagination): tags=["Accounts"], manual_parameters=swagger_params.account_post_params ) def post(self, request, *args, **kwargs): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data serializer = AccountCreateSerializer( data=params, request_obj=request, account=True ) @@ -202,7 +186,7 @@ class AccountDetailView(APIView): tags=["Accounts"], manual_parameters=swagger_params.account_post_params ) def put(self, request, pk, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data account_object = self.get_object(pk=pk) if account_object.org != request.org: return Response( @@ -413,11 +397,7 @@ class AccountDetailView(APIView): tags=["Accounts"], manual_parameters=swagger_params.account_detail_get_params ) def post(self, request, pk, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data context = {} self.account_obj = Account.objects.get(pk=pk) if self.account_obj.org != request.org: @@ -484,7 +464,7 @@ class AccountCommentView(APIView): tags=["Accounts"], manual_parameters=swagger_params.account_comment_edit_params ) def put(self, request, pk, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data obj = self.get_object(pk) if ( request.profile.role == "ADMIN" @@ -574,7 +554,7 @@ class AccountCreateMailView(APIView): tags=["Accounts"], manual_parameters=swagger_params.account_mail_params ) def post(self, request, pk, *args, **kwargs): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data scheduled_later = params.get("scheduled_later") scheduled_date_time = params.get("scheduled_date_time") account = Account.objects.filter(id=pk).first() diff --git a/cases/migrations/0001_initial.py b/cases/migrations/0001_initial.py index 9fc06936..80a5a53c 100644 --- a/cases/migrations/0001_initial.py +++ b/cases/migrations/0001_initial.py @@ -1,7 +1,7 @@ # Generated by Django 2.1.2 on 2019-01-28 07:07 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/cases/migrations/0002_auto_20190128_1237.py b/cases/migrations/0002_auto_20190128_1237.py index dfb03fce..b4c389d2 100644 --- a/cases/migrations/0002_auto_20190128_1237.py +++ b/cases/migrations/0002_auto_20190128_1237.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.2 on 2019-01-28 07:07 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/cases/migrations/0003_auto_20190212_1334.py b/cases/migrations/0003_auto_20190212_1334.py index 0a7b52d6..a6ff26a8 100644 --- a/cases/migrations/0003_auto_20190212_1334.py +++ b/cases/migrations/0003_auto_20190212_1334.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.5 on 2019-02-12 08:04 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/cases/migrations/0005_case_company.py b/cases/migrations/0005_case_company.py index d3dc0002..ef226470 100644 --- a/cases/migrations/0005_case_company.py +++ b/cases/migrations/0005_case_company.py @@ -1,7 +1,7 @@ # Generated by Django 2.2.10 on 2020-04-27 12:13 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/cases/migrations/0006_auto_20210323_1747.py b/cases/migrations/0006_auto_20210323_1747.py index 0612ae21..3c6fce55 100644 --- a/cases/migrations/0006_auto_20210323_1747.py +++ b/cases/migrations/0006_auto_20210323_1747.py @@ -1,7 +1,7 @@ # Generated by Django 3.1.7 on 2021-03-23 12:17 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/cases/migrations/0008_auto_20210913_1918.py b/cases/migrations/0008_auto_20210913_1918.py index a0e9fd43..6147e5ae 100644 --- a/cases/migrations/0008_auto_20210913_1918.py +++ b/cases/migrations/0008_auto_20210913_1918.py @@ -1,7 +1,7 @@ # Generated by Django 3.2 on 2021-09-13 13:48 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/cases/migrations/0010_alter_case_org.py b/cases/migrations/0010_alter_case_org.py index ae310016..c7471c02 100644 --- a/cases/migrations/0010_alter_case_org.py +++ b/cases/migrations/0010_alter_case_org.py @@ -1,7 +1,7 @@ # Generated by Django 3.2.7 on 2021-10-06 07:21 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/cases/models.py b/cases/models.py index 709b95d2..4b54ccfd 100644 --- a/cases/models.py +++ b/cases/models.py @@ -1,12 +1,13 @@ import arrow -from django.db import models -from django.utils.translation import pgettext_lazy -from django.utils.translation import gettext_lazy as _ from django.contrib.contenttypes.models import ContentType +from django.db import models +from django.utils.translation import gettext_lazy as _ +from django.utils.translation import pgettext_lazy + from accounts.models import Account -from contacts.models import Contact from common.models import Org, Profile from common.utils import CASE_TYPE, PRIORITY_CHOICE, STATUS_CHOICE +from contacts.models import Contact from planner.models import Event from teams.models import Teams diff --git a/cases/serializer.py b/cases/serializer.py index bfc4971e..08e57483 100644 --- a/cases/serializer.py +++ b/cases/serializer.py @@ -1,9 +1,10 @@ from rest_framework import serializers -from cases.models import Case -from common.serializer import ProfileSerializer, OrganizationSerializer -from teams.serializer import TeamsSerializer + from accounts.serializer import AccountSerializer +from cases.models import Case +from common.serializer import OrganizationSerializer, ProfileSerializer from contacts.serializer import ContactSerializer +from teams.serializer import TeamsSerializer class CaseSerializer(serializers.ModelSerializer): diff --git a/cases/urls.py b/cases/urls.py index 2dc6505c..30ef3e7f 100644 --- a/cases/urls.py +++ b/cases/urls.py @@ -1,4 +1,5 @@ from django.urls import path + from cases import views app_name = "api_cases" diff --git a/cases/views.py b/cases/views.py index 2a2c3665..7d40447a 100644 --- a/cases/views.py +++ b/cases/views.py @@ -1,38 +1,27 @@ -from django.db.models import Q +import json + +from django.db.models import Q +from drf_yasg.utils import swagger_auto_schema +from rest_framework import status +from rest_framework.pagination import LimitOffsetPagination +from rest_framework.permissions import IsAuthenticated +from rest_framework.response import Response +from rest_framework.views import APIView -from cases.models import Case -from cases.tasks import send_email_to_assigned_user -from cases import swagger_params -from cases.serializer import ( - CaseSerializer, - CaseCreateSerializer, -) from accounts.models import Account from accounts.serializer import AccountSerializer +from cases import swagger_params +from cases.models import Case +from cases.serializer import CaseCreateSerializer, CaseSerializer +from cases.tasks import send_email_to_assigned_user from common.models import Attachments, Comment, Profile - # from common.custom_auth import JSONWebTokenAuthentication -from common.serializer import ( - CommentSerializer, - AttachmentsSerializer, -) -from common.utils import ( - STATUS_CHOICE, - PRIORITY_CHOICE, - CASE_TYPE, -) +from common.serializer import AttachmentsSerializer, CommentSerializer +from common.utils import CASE_TYPE, PRIORITY_CHOICE, STATUS_CHOICE from contacts.models import Contact from contacts.serializer import ContactSerializer from teams.models import Teams -from rest_framework import status -from rest_framework.views import APIView -from rest_framework.response import Response -from rest_framework.permissions import IsAuthenticated -from rest_framework.pagination import LimitOffsetPagination -from drf_yasg.utils import swagger_auto_schema -import json - class CaseListView(APIView, LimitOffsetPagination): @@ -41,11 +30,7 @@ class CaseListView(APIView, LimitOffsetPagination): model = Case def get_context_data(self, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data queryset = self.model.objects.filter(org=self.request.org).order_by("-id") accounts = Account.objects.filter(org=self.request.org).order_by("-id") contacts = Contact.objects.filter(org=self.request.org).order_by("-id") @@ -108,7 +93,7 @@ class CaseListView(APIView, LimitOffsetPagination): tags=["Cases"], manual_parameters=swagger_params.cases_create_post_params ) def post(self, request, *args, **kwargs): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data serializer = CaseCreateSerializer(data=params, request_obj=request) if serializer.is_valid(): cases_obj = serializer.save( @@ -174,7 +159,7 @@ class CaseDetailView(APIView): tags=["Cases"], manual_parameters=swagger_params.cases_create_post_params ) def put(self, request, pk, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data cases_object = self.get_object(pk=pk) if cases_object.org != request.org: return Response( @@ -351,11 +336,7 @@ class CaseDetailView(APIView): tags=["Cases"], manual_parameters=swagger_params.cases_detail_get_params ) def post(self, request, pk, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data self.cases_obj = Case.objects.get(pk=pk) if self.cases_obj.org != request.org: return Response( @@ -416,7 +397,7 @@ class CaseCommentView(APIView): tags=["Cases"], manual_parameters=swagger_params.cases_comment_edit_params ) def put(self, request, pk, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data obj = self.get_object(pk) if ( request.profile.role == "ADMIN" diff --git a/cms/__init__.py b/cms/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/cms/admin.py b/cms/admin.py new file mode 100644 index 00000000..8c38f3f3 --- /dev/null +++ b/cms/admin.py @@ -0,0 +1,3 @@ +from django.contrib import admin + +# Register your models here. diff --git a/cms/apps.py b/cms/apps.py new file mode 100644 index 00000000..a3f8532e --- /dev/null +++ b/cms/apps.py @@ -0,0 +1,6 @@ +from django.apps import AppConfig + + +class CmsConfig(AppConfig): + default_auto_field = 'django.db.models.BigAutoField' + name = 'cms' diff --git a/cms/blocks.py b/cms/blocks.py new file mode 100644 index 00000000..0e90ed68 --- /dev/null +++ b/cms/blocks.py @@ -0,0 +1,221 @@ +from django.db import models +from modelcluster.models import ClusterableModel +from wagtail.blocks import CharBlock, ListBlock, RichTextBlock, TextBlock +from wagtail.core import blocks +from wagtail.core.blocks import StructBlock +from wagtail.core.models import Orderable +from wagtail.fields import RichTextField +from wagtail.images.blocks import ImageChooserBlock +from wagtail.snippets.blocks import SnippetChooserBlock +from wagtail.snippets.models import register_snippet + + +class RightImageLeftText(blocks.StructBlock): + heading = blocks.CharBlock(required=False) + paragraph = blocks.RichTextBlock(required=False) + image = ImageChooserBlock() + links = blocks.ListBlock( + blocks.StructBlock( + [ + ("cta_url", blocks.URLBlock(required=False)), + ("cta_page", blocks.PageChooserBlock(required=False)), + ( + "cta_text", + blocks.CharBlock(required=False, default="Submit", max_length="50"), + ), + ("cta_image", ImageChooserBlock(required=False)), + ] + ) + ) + + class Meta: + template = "cms/streams/right_image_left_content.html" + icon = "image" + label = "Right Image Left Content" + + +class AboutApp(blocks.StructBlock): + heading = blocks.CharBlock(required=False) + paragraph = blocks.RichTextBlock(required=False) + image = ImageChooserBlock() + sub_heading = blocks.CharBlock(required=False) + sub_paragraph = blocks.RichTextBlock(required=False) + cta_url = blocks.URLBlock(required=False) + cta_page = blocks.PageChooserBlock(required=False) + cta_text = blocks.CharBlock(required=False, default="Submit", max_length="50") + links = blocks.ListBlock( + blocks.StructBlock( + [ + ("text", blocks.CharBlock(required=False)), + ] + ) + ) + + class Meta: + template = "cms/streams/aboutapp.html" + icon = "image" + label = "About App" + + +class Count(blocks.StructBlock): + links = blocks.ListBlock( + blocks.StructBlock( + [ + ("count", blocks.CharBlock(required=False, default=85)), + ("count_value", blocks.CharBlock(required=False)), + ("text", blocks.CharBlock(required=False)), + ] + ) + ) + + class Meta: + template = "cms/streams/count.html" + icon = "image" + label = "Count" + + +class AppFeatures(blocks.StructBlock): + heading = blocks.CharBlock(required=False) + description = blocks.RichTextBlock(required=False) + cards = blocks.ListBlock( + blocks.StructBlock( + [ + ("icon", blocks.CharBlock(required=False)), + ("card_heading", blocks.CharBlock(required=False)), + ("card_description", blocks.CharBlock(required=False)), + ] + ) + ) + + class Meta: + template = "cms/streams/app_features.html" + icon = "image" + label = "App Features" + + +class Pricing(blocks.StructBlock): + heading = blocks.CharBlock(required=False) + description = blocks.RichTextBlock(required=False) + cards = blocks.ListBlock( + blocks.StructBlock( + [ + ("card_heading", blocks.CharBlock(required=False)), + ("card_price", blocks.CharBlock(required=False)), + ("card_description", blocks.RichTextBlock(required=False)), + ("cta_url", blocks.URLBlock(required=False)), + ("cta_page", blocks.PageChooserBlock(required=False)), + ( + "cta_text", + blocks.CharBlock( + required=False, default="Choose Plan", max_length="50" + ), + ), + ] + ) + ) + + class Meta: + template = "cms/streams/pricing.html" + icon = "image" + label = "Pricing" + + +class Carousel(blocks.StructBlock): + sliders = blocks.ListBlock( + blocks.StructBlock( + [ + ("description", blocks.RichTextBlock(required=False)), + ("image", ImageChooserBlock()), + ("author", blocks.CharBlock(required=False)), + ("role", blocks.CharBlock(required=False)), + ] + ) + ) + + class Meta: + template = "cms/streams/carousel.html" + icon = "image" + label = "Carousel" + + +class LeftImageRightText(blocks.StructBlock): + heading = blocks.CharBlock(required=False) + paragraph = blocks.RichTextBlock(required=False) + image = ImageChooserBlock() + links = blocks.ListBlock( + blocks.StructBlock( + [ + ("cta_url", blocks.URLBlock(required=False)), + ("cta_page", blocks.PageChooserBlock(required=False)), + ( + "cta_text", + blocks.CharBlock(required=False, default="Submit", max_length="50"), + ), + ("cta_image", ImageChooserBlock(required=False)), + ] + ) + ) + + class Meta: + template = "cms/streams/left_image_right_content.html" + icon = "image" + label = "Left Image Right Content" + + +class HomeBlog(blocks.StructBlock): + heading = blocks.CharBlock(required=False) + description = blocks.RichTextBlock(required=False) + cards = blocks.ListBlock( + blocks.StructBlock( + [ + ("image", ImageChooserBlock()), + ("blog_tag", blocks.CharBlock(required=False)), + ("blog_heading", blocks.CharBlock(required=False)), + ("cta_url", blocks.URLBlock(required=False)), + ("cta_page", blocks.PageChooserBlock(required=False)), + ( + "cta_text", + blocks.CharBlock( + required=False, default="Read More", max_length="50" + ), + ), + ] + ) + ) + + class Meta: + template = "cms/streams/home_blog.html" + icon = "image" + label = "Home Blog" + + +class BlogContentTitleBlock(CharBlock): + title = CharBlock(required=True, help_text="add your title") + + class Meta: + template = "cms/streams/blog/content_title.html" + label = "Content Title" + + +class BlogCodeBlock(TextBlock): + code = CharBlock(required=True, help_text="add your title") + + class Meta: + template = "cms/streams/blog/code_block.html" + label = "Code Block" + + +class BlogRichTextBlock(RichTextBlock): + text = CharBlock(required=True, help_text="add your title") + + class Meta: + template = "cms/streams/blog/rich_text.html" + label = "Rich Text" + + +class BlogImageBlock(ImageChooserBlock): + image = ImageChooserBlock(required=True, help_text="add your title") + + class Meta: + template = "cms/streams/blog/image.html" + label = "Image" diff --git a/cms/migrations/0001_initial.py b/cms/migrations/0001_initial.py new file mode 100644 index 00000000..f83f0e22 --- /dev/null +++ b/cms/migrations/0001_initial.py @@ -0,0 +1,91 @@ +# Generated by Django 4.1.1 on 2022-10-11 12:11 + +import django.db.models.deletion +import django_extensions.db.fields +import modelcluster.fields +import wagtail.blocks +import wagtail.fields +import wagtail.images.blocks +from django.db import migrations, models + + +class Migration(migrations.Migration): + + initial = True + + dependencies = [ + ('wagtailcore', '0077_alter_revision_user'), + ('wagtailimages', '0024_index_image_file_hash'), + ] + + operations = [ + migrations.CreateModel( + name='HomePage', + fields=[ + ('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.page')), + ('content', wagtail.fields.StreamField([('right_image_left_content', wagtail.blocks.StructBlock([('heading', wagtail.blocks.CharBlock(required=False)), ('paragraph', wagtail.blocks.RichTextBlock(required=False)), ('image', wagtail.images.blocks.ImageChooserBlock()), ('links', wagtail.blocks.ListBlock(wagtail.blocks.StructBlock([('cta_url', wagtail.blocks.URLBlock(required=False)), ('cta_page', wagtail.blocks.PageChooserBlock(required=False)), ('cta_text', wagtail.blocks.CharBlock(default='Submit', max_length='50', required=False)), ('cta_image', wagtail.images.blocks.ImageChooserBlock(required=False))])))])), ('aboutapp', wagtail.blocks.StructBlock([('heading', wagtail.blocks.CharBlock(required=False)), ('paragraph', wagtail.blocks.RichTextBlock(required=False)), ('image', wagtail.images.blocks.ImageChooserBlock()), ('sub_heading', wagtail.blocks.CharBlock(required=False)), ('sub_paragraph', wagtail.blocks.RichTextBlock(required=False)), ('cta_url', wagtail.blocks.URLBlock(required=False)), ('cta_page', wagtail.blocks.PageChooserBlock(required=False)), ('cta_text', wagtail.blocks.CharBlock(default='Submit', max_length='50', required=False)), ('links', wagtail.blocks.ListBlock(wagtail.blocks.StructBlock([('text', wagtail.blocks.CharBlock(required=False))])))])), ('count', wagtail.blocks.StructBlock([('links', wagtail.blocks.ListBlock(wagtail.blocks.StructBlock([('count', wagtail.blocks.CharBlock(default=85, required=False)), ('count_value', wagtail.blocks.CharBlock(required=False)), ('text', wagtail.blocks.CharBlock(required=False))])))])), ('appfeatures', wagtail.blocks.StructBlock([('heading', wagtail.blocks.CharBlock(required=False)), ('description', wagtail.blocks.RichTextBlock(required=False)), ('cards', wagtail.blocks.ListBlock(wagtail.blocks.StructBlock([('icon', wagtail.blocks.CharBlock(required=False)), ('card_heading', wagtail.blocks.CharBlock(required=False)), ('card_description', wagtail.blocks.CharBlock(required=False))])))])), ('pricing', wagtail.blocks.StructBlock([('heading', wagtail.blocks.CharBlock(required=False)), ('description', wagtail.blocks.RichTextBlock(required=False)), ('cards', wagtail.blocks.ListBlock(wagtail.blocks.StructBlock([('card_heading', wagtail.blocks.CharBlock(required=False)), ('card_price', wagtail.blocks.CharBlock(required=False)), ('card_description', wagtail.blocks.RichTextBlock(required=False)), ('cta_url', wagtail.blocks.URLBlock(required=False)), ('cta_page', wagtail.blocks.PageChooserBlock(required=False)), ('cta_text', wagtail.blocks.CharBlock(default='Choose Plan', max_length='50', required=False))])))])), ('carousel', wagtail.blocks.StructBlock([('sliders', wagtail.blocks.ListBlock(wagtail.blocks.StructBlock([('description', wagtail.blocks.RichTextBlock(required=False)), ('image', wagtail.images.blocks.ImageChooserBlock()), ('author', wagtail.blocks.CharBlock(required=False)), ('role', wagtail.blocks.CharBlock(required=False))])))])), ('leftimagerighttext', wagtail.blocks.StructBlock([('heading', wagtail.blocks.CharBlock(required=False)), ('paragraph', wagtail.blocks.RichTextBlock(required=False)), ('image', wagtail.images.blocks.ImageChooserBlock()), ('links', wagtail.blocks.ListBlock(wagtail.blocks.StructBlock([('cta_url', wagtail.blocks.URLBlock(required=False)), ('cta_page', wagtail.blocks.PageChooserBlock(required=False)), ('cta_text', wagtail.blocks.CharBlock(default='Submit', max_length='50', required=False)), ('cta_image', wagtail.images.blocks.ImageChooserBlock(required=False))])))])), ('homeblog', wagtail.blocks.StructBlock([('heading', wagtail.blocks.CharBlock(required=False)), ('description', wagtail.blocks.RichTextBlock(required=False)), ('cards', wagtail.blocks.ListBlock(wagtail.blocks.StructBlock([('image', wagtail.images.blocks.ImageChooserBlock()), ('blog_tag', wagtail.blocks.CharBlock(required=False)), ('blog_heading', wagtail.blocks.CharBlock(required=False)), ('cta_url', wagtail.blocks.URLBlock(required=False)), ('cta_page', wagtail.blocks.PageChooserBlock(required=False)), ('cta_text', wagtail.blocks.CharBlock(default='Read More', max_length='50', required=False))])))]))], null=True, use_json_field=True)), + ], + options={ + 'abstract': False, + }, + bases=('wagtailcore.page',), + ), + migrations.CreateModel( + name='Menu', + fields=[ + ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('title', models.CharField(max_length=100, verbose_name='link_title')), + ('slug', django_extensions.db.fields.AutoSlugField(blank=True, editable=False, populate_from='title')), + ], + options={ + 'abstract': False, + }, + ), + migrations.CreateModel( + name='MenuItem', + fields=[ + ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('sort_order', models.IntegerField(blank=True, editable=False, null=True)), + ('link_title', models.CharField(blank=True, max_length=50, null=True, verbose_name='link_title')), + ('link_url', models.CharField(blank=True, max_length=500)), + ('open_in_new_tab', models.BooleanField(blank=True, default=False)), + ('link_page', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, related_name='+', to='wagtailcore.page')), + ('page', modelcluster.fields.ParentalKey(on_delete=django.db.models.deletion.CASCADE, related_name='menu_items', to='cms.menu')), + ], + options={ + 'ordering': ['sort_order'], + 'abstract': False, + }, + ), + migrations.CreateModel( + name='SubMenuItem', + fields=[ + ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('sort_order', models.IntegerField(blank=True, editable=False, null=True)), + ('link_title', models.CharField(blank=True, max_length=50, null=True, verbose_name='link_title')), + ('link_url', models.CharField(blank=True, max_length=500)), + ('open_in_new_tab', models.BooleanField(blank=True, default=False)), + ('link_page', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, related_name='+', to='wagtailcore.page')), + ('page', modelcluster.fields.ParentalKey(on_delete=django.db.models.deletion.CASCADE, related_name='sub_menu_items', to='cms.menuitem')), + ], + options={ + 'ordering': ['sort_order'], + 'abstract': False, + }, + ), + migrations.CreateModel( + name='SiteSettings', + fields=[ + ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('github', models.URLField(blank=True, help_text='Github URL', null=True)), + ('twitter', models.URLField(blank=True, help_text='Twitter URL', null=True)), + ('linkedin', models.URLField(blank=True, help_text='linkedin URL', null=True)), + ('sitemap', models.URLField(blank=True, help_text='Sitemap rss.xml', null=True)), + ('logo', models.ForeignKey(blank=True, default=None, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.image')), + ('site', models.OneToOneField(editable=False, on_delete=django.db.models.deletion.CASCADE, to='wagtailcore.site')), + ], + options={ + 'abstract': False, + }, + ), + ] diff --git a/cms/migrations/0002_blogdetailpage_bloglistpage.py b/cms/migrations/0002_blogdetailpage_bloglistpage.py new file mode 100644 index 00000000..89868d49 --- /dev/null +++ b/cms/migrations/0002_blogdetailpage_bloglistpage.py @@ -0,0 +1,41 @@ +# Generated by Django 4.1.1 on 2022-10-31 06:50 + +from django.db import migrations, models +import django.db.models.deletion +import wagtail.contrib.routable_page.models +import wagtail.fields + + +class Migration(migrations.Migration): + + dependencies = [ + ('wagtailcore', '0077_alter_revision_user'), + ('cms', '0001_initial'), + ] + + operations = [ + migrations.CreateModel( + name='BlogDetailPage', + fields=[ + ('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.page')), + ('excerpt', wagtail.fields.RichTextField()), + ('show_legend', models.BooleanField(default=False)), + ('content', wagtail.fields.StreamField([], use_json_field=None)), + ], + options={ + 'abstract': False, + }, + bases=('wagtailcore.page',), + ), + migrations.CreateModel( + name='BlogListPage', + fields=[ + ('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.page')), + ('intro', wagtail.fields.RichTextField(blank=True)), + ], + options={ + 'abstract': False, + }, + bases=(wagtail.contrib.routable_page.models.RoutablePageMixin, 'wagtailcore.page'), + ), + ] diff --git a/cms/migrations/0003_remove_blogdetailpage_show_legend_and_more.py b/cms/migrations/0003_remove_blogdetailpage_show_legend_and_more.py new file mode 100644 index 00000000..afe82cd5 --- /dev/null +++ b/cms/migrations/0003_remove_blogdetailpage_show_legend_and_more.py @@ -0,0 +1,24 @@ +# Generated by Django 4.1.1 on 2022-10-31 09:01 + +import cms.blocks +from django.db import migrations +import wagtail.fields + + +class Migration(migrations.Migration): + + dependencies = [ + ('cms', '0002_blogdetailpage_bloglistpage'), + ] + + operations = [ + migrations.RemoveField( + model_name='blogdetailpage', + name='show_legend', + ), + migrations.AlterField( + model_name='blogdetailpage', + name='content', + field=wagtail.fields.StreamField([('content_title', cms.blocks.BlogContentTitleBlock()), ('code', cms.blocks.BlogCodeBlock()), ('rich_text', cms.blocks.BlogRichTextBlock()), ('image', cms.blocks.BlogImageBlock())], use_json_field=None), + ), + ] diff --git a/cms/migrations/__init__.py b/cms/migrations/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/cms/models.py b/cms/models.py new file mode 100644 index 00000000..49b1b229 --- /dev/null +++ b/cms/models.py @@ -0,0 +1,293 @@ +from django.core.paginator import EmptyPage, PageNotAnInteger, Paginator +from django.db import models +from django.utils.translation import gettext_lazy as _ +from django_extensions.db.fields import AutoSlugField +from modelcluster.fields import ParentalKey +from modelcluster.models import ClusterableModel +from wagtail.admin.edit_handlers import (FieldPanel, InlinePanel, + MultiFieldPanel, PageChooserPanel) +from wagtail.contrib.settings.models import BaseSiteSetting, register_setting +from wagtail.core import blocks +from wagtail.core.fields import StreamField +from wagtail.core.models import Orderable, Page +from wagtail.images.edit_handlers import ImageChooserPanel +from wagtail.snippets.models import register_snippet +from wagtail.contrib.routable_page.models import RoutablePageMixin, route +from wagtail.fields import RichTextField +from django.shortcuts import render + +from cms import blocks + + +class HomePage(Page): + + content = StreamField( + [ + ("right_image_left_content", blocks.RightImageLeftText()), + ("aboutapp", blocks.AboutApp()), + ("count", blocks.Count()), + ("appfeatures", blocks.AppFeatures()), + ("pricing", blocks.Pricing()), + ("carousel", blocks.Carousel()), + ("leftimagerighttext", blocks.LeftImageRightText()), + ("homeblog", blocks.HomeBlog()), + ], + null=True, + blank=False, + use_json_field=True, + ) + + content_panels = Page.content_panels + [FieldPanel("content")] + + +# class BlogCategory(models.Model): +# name = models.CharField(max_length=255) +# slug = models.SlugField(max_length=255) + +# def __str__(self): +# return self.name + +# panels = [FieldPanel("name"), FieldPanel("slug")] + +# class Meta: +# ordering = ["name"] + +# register_snippet(BlogCategory) + + +class BlogListPage(RoutablePageMixin, Page): + + template = "cms/blog/blog_list_page.html" + max_count = 1 + intro = RichTextField(blank=True) + + @route(r"^(?P\d+)") + def get_context(self, request, *args, **kwargs): + # Update context to include only published posts, ordered by reverse-chron + # request.session.clear() + context = super().get_context(request, *args, **kwargs) + + all_posts = ( + BlogDetailPage.objects.live().public().order_by("-first_published_at") + ) + + paginator = Paginator(all_posts, 1) + + page = int(kwargs.get("page_num", 1)) + + try: + posts = paginator.page(page) + except PageNotAnInteger: + posts = paginator.page(1) + except EmptyPage: + posts = paginator.page(paginator.num_pages) + # context["category_count"] = BlogCategory.objects.annotate( + # num_posts=Count("blogdetailpage") + # ) + context["posts"] = posts + # context["categories"] = BlogCategory.objects.all() + if kwargs.get("page_num"): + return render(request, "cms/blog/blog_list_page.html", context) + else: + return context + + # @route(r"^category/(?P[-\w]*)/$", name="category_view") + # def category_view(self, request, cat_slug): + # context = self.get_context(request) + # category = BlogCategory.objects.get(slug=cat_slug) + # category_posts = ( + # BlogDetailPage.objects.live().public().filter(category=category) + # ) + + # paginator = Paginator(category_posts, 10) + + # # page = int(kwargs.get('page_num', 1)) + # page = 1 + + # try: + # category_posts = paginator.page(page) + # except PageNotAnInteger: + # category_posts = paginator.page(1) + # except EmptyPage: + # category_posts = paginator.page(paginator.num_pages) + + # context["category_posts"] = category_posts + # context["current_category"] = category + # return render(request, "blog/blog_category.html", context) + + # content_panels = Page.content_panels + [ + # FieldPanel("intro", classname="full"), + # ] + + +class BlogDetailPage(Page): + template = "cms/blog/blog_detail_page.html" + excerpt = RichTextField() + # show_legend = models.BooleanField(default=False) + # category = models.ForeignKey(BlogCategory, null=True, on_delete=models.SET_NULL) + + content = StreamField( + [ + ("content_title", blocks.BlogContentTitleBlock()), + ("code", blocks.BlogCodeBlock()), + ("rich_text", blocks.BlogRichTextBlock()), + ("image", blocks.BlogImageBlock()), + ], + null=True, + blank=False, + use_json_field=True, + ) + + content_panels = Page.content_panels + [ + # FieldPanel("category"), + # FieldPanel("show_legend"), + FieldPanel("excerpt"), + FieldPanel("content"), + ] + + +# ============================ Navigation Menu =============================================== + + +@register_snippet +class Menu(ClusterableModel): + """The main menu clusterable model.""" + + title = models.CharField(_("link_title"), max_length=100) + slug = AutoSlugField(populate_from="title", editable=True) + + panels = [ + MultiFieldPanel( + [ + FieldPanel("title"), + FieldPanel("slug"), + ], + heading="Menu", + ), + InlinePanel("menu_items", label="Menu Item"), + ] + + def __str__(self): + return self.title + + +class MenuItem(Orderable, ClusterableModel): + """The First level menu of the Navigationbar.""" + + link_title = models.CharField(_("link_title"), blank=True, null=True, max_length=50) + link_url = models.CharField(max_length=500, blank=True) + link_page = models.ForeignKey( + "wagtailcore.Page", + null=True, + blank=True, + related_name="+", + on_delete=models.CASCADE, + ) + open_in_new_tab = models.BooleanField(default=False, blank=True) + + page = ParentalKey("Menu", related_name="menu_items") + + panels = [ + MultiFieldPanel( + [ + FieldPanel("link_title"), + FieldPanel("link_url"), + PageChooserPanel("link_page"), + FieldPanel("open_in_new_tab"), + ], + heading="MenuItem", + ), + InlinePanel("sub_menu_items", label="Sub Menu Item"), + ] + + @property + def link(self): + if self.link_page: + return self.link_page.url + elif self.link_url: + return self.link_url + return "#" + + @property + def title(self): + if self.link_page and not self.link_title: + return self.link_page.title + elif self.link_title: + return self.link_title + return "Missing Title" + + +class SubMenuItem(Orderable): + """The Second level menu of the Navigationbar.""" + + link_title = models.CharField(_("link_title"), blank=True, null=True, max_length=50) + link_url = models.CharField(max_length=500, blank=True) + link_page = models.ForeignKey( + "wagtailcore.Page", + null=True, + blank=True, + related_name="+", + on_delete=models.CASCADE, + ) + + open_in_new_tab = models.BooleanField(default=False, blank=True) + + page = ParentalKey("MenuItem", related_name="sub_menu_items") + + panels = [ + MultiFieldPanel( + [ + FieldPanel("link_title"), + FieldPanel("link_url"), + PageChooserPanel("link_page"), + FieldPanel("open_in_new_tab"), + ], + heading="SubMenuItem", + ), + ] + + @property + def link(self): + if self.link_page: + return self.link_page.url + elif self.link_url: + return self.link_url + return "#" + + @property + def title(self): + if self.link_page and not self.link_title: + return self.link_page.title + elif self.link_title: + return self.link_title + return "Missing Title" + + +@register_setting +class SiteSettings(BaseSiteSetting): + """Site settings for our custom website.""" + + logo = models.ForeignKey( + "wagtailimages.Image", + null=True, + blank=True, + default=None, + on_delete=models.SET_NULL, + related_name="+", + ) + github = models.URLField(blank=True, null=True, help_text="Github URL") + twitter = models.URLField(blank=True, null=True, help_text="Twitter URL") + linkedin = models.URLField(blank=True, null=True, help_text="linkedin URL") + sitemap = models.URLField(blank=True, null=True, help_text="Sitemap rss.xml") + panels = [ + MultiFieldPanel( + [ + FieldPanel("github"), + FieldPanel("twitter"), + FieldPanel("linkedin"), + FieldPanel("sitemap"), + FieldPanel("logo"), + ], + heading="Site Settings", + ) + ] diff --git a/cms/templatetags/menus_tags.py b/cms/templatetags/menus_tags.py new file mode 100644 index 00000000..b1fccaa2 --- /dev/null +++ b/cms/templatetags/menus_tags.py @@ -0,0 +1,10 @@ +from django import template + +from ..models import Menu + +register = template.Library() + + +@register.simple_tag() +def get_menu(slug): + return Menu.objects.get(slug=slug) diff --git a/cms/tests.py b/cms/tests.py new file mode 100644 index 00000000..7ce503c2 --- /dev/null +++ b/cms/tests.py @@ -0,0 +1,3 @@ +from django.test import TestCase + +# Create your tests here. diff --git a/cms/views.py b/cms/views.py new file mode 100644 index 00000000..91ea44a2 --- /dev/null +++ b/cms/views.py @@ -0,0 +1,3 @@ +from django.shortcuts import render + +# Create your views here. diff --git a/common/admin.py b/common/admin.py index 01a7e78a..9604d04b 100644 --- a/common/admin.py +++ b/common/admin.py @@ -1,5 +1,6 @@ from django.contrib import admin -from common.models import User, Address, Comment, Comment_Files + +from common.models import Address, Comment, Comment_Files, User # Register your models here. diff --git a/common/middleware/get_company.py b/common/middleware/get_company.py index 9fddd48e..31f93e1a 100644 --- a/common/middleware/get_company.py +++ b/common/middleware/get_company.py @@ -1,10 +1,11 @@ -from rest_framework.response import Response -from rest_framework import status -from django.contrib.auth import logout -from common.models import Org, Profile, User -from django.conf import settings -from django.core.exceptions import ValidationError import jwt +from django.conf import settings +from django.contrib.auth import logout +from django.core.exceptions import ValidationError +from rest_framework import status +from rest_framework.response import Response + +from common.models import Org, Profile, User def set_profile_request(request, org, token): diff --git a/common/middleware/swagger_post.py b/common/middleware/swagger_post.py new file mode 100644 index 00000000..8d5bef33 --- /dev/null +++ b/common/middleware/swagger_post.py @@ -0,0 +1,14 @@ +class SwaggerMiddleware: + def __init__(self, get_response): + self.get_response = get_response + + def __call__(self, request,*args,**kwargs): + request.body # just add this line BEFORE get_response + + request.post_data=request.GET if len(request.POST) == 0 else request.POST # for swagger + + if request.post_data=={} and request.body: #<--- for raw data (import) + request.post_data=json.loads(request.body) + + response = self.get_response(request) + return response \ No newline at end of file diff --git a/common/migrations/0001_initial.py b/common/migrations/0001_initial.py index 1777dc05..f7f26010 100644 --- a/common/migrations/0001_initial.py +++ b/common/migrations/0001_initial.py @@ -1,10 +1,11 @@ # Generated by Django 2.1.2 on 2019-01-28 07:07 -import common.models -from django.conf import settings import django.contrib.auth.models -from django.db import migrations, models import django.db.models.deletion +from django.conf import settings +from django.db import migrations, models + +import common.models class Migration(migrations.Migration): diff --git a/common/migrations/0002_auto_20190128_1237.py b/common/migrations/0002_auto_20190128_1237.py index c03e89db..5fde899a 100644 --- a/common/migrations/0002_auto_20190128_1237.py +++ b/common/migrations/0002_auto_20190128_1237.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.2 on 2019-01-28 07:07 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/common/migrations/0003_document.py b/common/migrations/0003_document.py index d4059c42..0603c223 100644 --- a/common/migrations/0003_document.py +++ b/common/migrations/0003_document.py @@ -1,9 +1,10 @@ # Generated by Django 2.1.5 on 2019-01-28 07:28 -import common.models +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion + +import common.models class Migration(migrations.Migration): diff --git a/common/migrations/0004_attachments_case.py b/common/migrations/0004_attachments_case.py index 1ac3bab2..d8540037 100644 --- a/common/migrations/0004_attachments_case.py +++ b/common/migrations/0004_attachments_case.py @@ -1,7 +1,7 @@ # Generated by Django 2.1.5 on 2019-01-29 08:02 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/common/migrations/0006_comment_user.py b/common/migrations/0006_comment_user.py index e3b16f4f..a518ed1a 100644 --- a/common/migrations/0006_comment_user.py +++ b/common/migrations/0006_comment_user.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.5 on 2019-02-08 07:09 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/common/migrations/0007_auto_20190212_1334.py b/common/migrations/0007_auto_20190212_1334.py index 0fd62566..62308d85 100644 --- a/common/migrations/0007_auto_20190212_1334.py +++ b/common/migrations/0007_auto_20190212_1334.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.5 on 2019-02-12 08:04 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/common/migrations/0008_google.py b/common/migrations/0008_google.py index 075fbd4d..4a836713 100644 --- a/common/migrations/0008_google.py +++ b/common/migrations/0008_google.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.7 on 2019-02-14 05:51 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/common/migrations/0010_apisettings.py b/common/migrations/0010_apisettings.py index c723555c..efd668e7 100644 --- a/common/migrations/0010_apisettings.py +++ b/common/migrations/0010_apisettings.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.5 on 2019-02-13 13:09 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/common/migrations/0013_auto_20190508_1540.py b/common/migrations/0013_auto_20190508_1540.py index 3fb22d06..6163b023 100644 --- a/common/migrations/0013_auto_20190508_1540.py +++ b/common/migrations/0013_auto_20190508_1540.py @@ -1,7 +1,7 @@ # Generated by Django 2.1.7 on 2019-05-08 10:10 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/common/migrations/0014_auto_20190524_1113.py b/common/migrations/0014_auto_20190524_1113.py index ceddf6ef..e24aeaf9 100644 --- a/common/migrations/0014_auto_20190524_1113.py +++ b/common/migrations/0014_auto_20190524_1113.py @@ -1,7 +1,7 @@ # Generated by Django 2.1.7 on 2019-05-24 05:43 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/common/migrations/0015_auto_20190604_1830.py b/common/migrations/0015_auto_20190604_1830.py index 61e7b674..b7a49377 100644 --- a/common/migrations/0015_auto_20190604_1830.py +++ b/common/migrations/0015_auto_20190604_1830.py @@ -1,7 +1,7 @@ # Generated by Django 2.1.7 on 2019-06-04 13:00 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/common/migrations/0016_auto_20190624_1816.py b/common/migrations/0016_auto_20190624_1816.py index 5d0b445d..00b7eb33 100644 --- a/common/migrations/0016_auto_20190624_1816.py +++ b/common/migrations/0016_auto_20190624_1816.py @@ -1,7 +1,7 @@ # Generated by Django 2.2.2 on 2019-06-24 12:46 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/common/migrations/0017_auto_20190722_1443.py b/common/migrations/0017_auto_20190722_1443.py index e9056741..a1e17c02 100644 --- a/common/migrations/0017_auto_20190722_1443.py +++ b/common/migrations/0017_auto_20190722_1443.py @@ -1,8 +1,8 @@ # Generated by Django 2.2.2 on 2019-07-22 09:13 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/common/migrations/0019_auto_20200401_0941.py b/common/migrations/0019_auto_20200401_0941.py index 66fc6d94..b7fd5001 100644 --- a/common/migrations/0019_auto_20200401_0941.py +++ b/common/migrations/0019_auto_20200401_0941.py @@ -1,7 +1,7 @@ # Generated by Django 2.2.10 on 2020-04-01 04:11 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/common/migrations/0021_document_company.py b/common/migrations/0021_document_company.py index 039aac93..b3e805a0 100644 --- a/common/migrations/0021_document_company.py +++ b/common/migrations/0021_document_company.py @@ -1,7 +1,7 @@ # Generated by Django 2.2.10 on 2020-04-27 11:40 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/common/migrations/0022_auto_20200609_1203.py b/common/migrations/0022_auto_20200609_1203.py index bd9fcc41..0005fd27 100644 --- a/common/migrations/0022_auto_20200609_1203.py +++ b/common/migrations/0022_auto_20200609_1203.py @@ -1,7 +1,7 @@ # Generated by Django 3.0.6 on 2020-06-09 06:33 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/common/migrations/0023_apisettings_company.py b/common/migrations/0023_apisettings_company.py index dc6357dd..d919c2ae 100644 --- a/common/migrations/0023_apisettings_company.py +++ b/common/migrations/0023_apisettings_company.py @@ -1,7 +1,7 @@ # Generated by Django 3.1 on 2021-01-13 11:24 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/common/migrations/0027_auto_20210418_1112.py b/common/migrations/0027_auto_20210418_1112.py index 8e3c08ba..ff983c1d 100644 --- a/common/migrations/0027_auto_20210418_1112.py +++ b/common/migrations/0027_auto_20210418_1112.py @@ -1,8 +1,8 @@ # Generated by Django 3.2 on 2021-04-18 05:42 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/common/migrations/0028_user_phone.py b/common/migrations/0028_user_phone.py index 85e8abad..93f029c3 100644 --- a/common/migrations/0028_user_phone.py +++ b/common/migrations/0028_user_phone.py @@ -1,7 +1,7 @@ # Generated by Django 3.2 on 2021-06-18 07:33 -from django.db import migrations import phonenumber_field.modelfields +from django.db import migrations class Migration(migrations.Migration): diff --git a/common/migrations/0029_auto_20210730_1328.py b/common/migrations/0029_auto_20210730_1328.py index 36c19e42..2a7ec83d 100644 --- a/common/migrations/0029_auto_20210730_1328.py +++ b/common/migrations/0029_auto_20210730_1328.py @@ -1,8 +1,8 @@ # Generated by Django 3.2.5 on 2021-07-30 07:58 -from django.db import migrations, models import django.db.models.deletion import phonenumber_field.modelfields +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/common/migrations/0034_auto_20210913_1918.py b/common/migrations/0034_auto_20210913_1918.py index 70cd5aa3..c9b92d80 100644 --- a/common/migrations/0034_auto_20210913_1918.py +++ b/common/migrations/0034_auto_20210913_1918.py @@ -1,9 +1,9 @@ # Generated by Django 3.2 on 2021-09-13 13:48 -from django.conf import settings -from django.db import migrations, models import django.db.models.deletion import phonenumber_field.modelfields +from django.conf import settings +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/common/migrations/0037_alter_profile_org.py b/common/migrations/0037_alter_profile_org.py index 30a5e10f..cee7e0ae 100644 --- a/common/migrations/0037_alter_profile_org.py +++ b/common/migrations/0037_alter_profile_org.py @@ -1,7 +1,7 @@ # Generated by Django 3.2.7 on 2021-10-06 07:21 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/common/migrations/0038_auto_20220120_1318.py b/common/migrations/0038_auto_20220120_1318.py index e7014bcd..c8fd0af0 100644 --- a/common/migrations/0038_auto_20220120_1318.py +++ b/common/migrations/0038_auto_20220120_1318.py @@ -1,8 +1,8 @@ # Generated by Django 3.2.8 on 2022-01-20 07:48 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/common/migrations/0039_auto_20220202_2023.py b/common/migrations/0039_auto_20220202_2023.py index 0465ed61..c62735c5 100644 --- a/common/migrations/0039_auto_20220202_2023.py +++ b/common/migrations/0039_auto_20220202_2023.py @@ -1,7 +1,7 @@ # Generated by Django 3.2.11 on 2022-02-02 14:53 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/common/models.py b/common/models.py index 6c938380..2fcab04f 100644 --- a/common/models.py +++ b/common/models.py @@ -1,24 +1,25 @@ -import arrow import binascii import datetime import os import time + +import arrow +from django.contrib.auth.models import (AbstractBaseUser, PermissionsMixin, + UserManager) from django.db import models -from django.utils.translation import gettext_lazy as _ -from django.contrib.auth.models import AbstractBaseUser, PermissionsMixin, UserManager -from phonenumber_field.modelfields import PhoneNumberField -from common.templatetags.common_tags import ( - is_document_file_image, - is_document_file_audio, - is_document_file_video, - is_document_file_pdf, - is_document_file_code, - is_document_file_text, - is_document_file_sheet, - is_document_file_zip, -) -from common.utils import COUNTRIES, ROLES from django.utils import timezone +from django.utils.translation import gettext_lazy as _ +from phonenumber_field.modelfields import PhoneNumberField + +from common.templatetags.common_tags import (is_document_file_audio, + is_document_file_code, + is_document_file_image, + is_document_file_pdf, + is_document_file_sheet, + is_document_file_text, + is_document_file_video, + is_document_file_zip) +from common.utils import COUNTRIES, ROLES def img_url(self, filename): diff --git a/common/serializer.py b/common/serializer.py index fe385678..2d5ca4c7 100644 --- a/common/serializer.py +++ b/common/serializer.py @@ -1,20 +1,14 @@ import re -from django.contrib.auth.hashers import check_password -from rest_framework import serializers + from django.contrib.auth import authenticate -from rest_framework_simplejwt.tokens import AccessToken, RefreshToken -from common.models import ( - User, - Org, - Comment, - Address, - Attachments, - Document, - APISettings, - Profile, -) -from django.utils.http import urlsafe_base64_decode +from django.contrib.auth.hashers import check_password from django.contrib.auth.tokens import default_token_generator +from django.utils.http import urlsafe_base64_decode +from rest_framework import serializers +from rest_framework_simplejwt.tokens import AccessToken, RefreshToken + +from common.models import (Address, APISettings, Attachments, Comment, + Document, Org, Profile, User) class LoginSealizer(serializers.Serializer): diff --git a/common/tasks.py b/common/tasks.py index 8ecfc5ff..f6654c81 100644 --- a/common/tasks.py +++ b/common/tasks.py @@ -1,13 +1,13 @@ import datetime -from celery import Celery +from celery import Celery from django.conf import settings +from django.contrib.auth.tokens import default_token_generator from django.core.mail import EmailMessage from django.template.loader import render_to_string from django.utils import timezone from django.utils.encoding import force_bytes from django.utils.http import urlsafe_base64_encode -from django.contrib.auth.tokens import default_token_generator from common.models import Comment, Profile, User from common.token_generator import account_activation_token diff --git a/common/tests_celery_tasks.py b/common/tests_celery_tasks.py index 7567d4a2..58fff6f3 100644 --- a/common/tests_celery_tasks.py +++ b/common/tests_celery_tasks.py @@ -5,14 +5,10 @@ from django.test.utils import override_settings from accounts.tests import AccountCreateTest from cases.tests import CaseCreation -from common.models import User, Comment -from common.tasks import ( - resend_activation_link_to_user, - send_email_to_new_user, - send_email_user_delete, - send_email_user_mentions, - send_email_user_status, -) +from common.models import Comment, User +from common.tasks import (resend_activation_link_to_user, + send_email_to_new_user, send_email_user_delete, + send_email_user_mentions, send_email_user_status) from common.tests import ObjectsCreation from contacts.tests import ContactObjectsCreation from events.tests import EventObjectTest diff --git a/common/token_generator.py b/common/token_generator.py index 7f0fae40..db49b198 100644 --- a/common/token_generator.py +++ b/common/token_generator.py @@ -1,7 +1,6 @@ -from django.contrib.auth.tokens import PasswordResetTokenGenerator - # from django.utils import six import six +from django.contrib.auth.tokens import PasswordResetTokenGenerator class TokenGenerator(PasswordResetTokenGenerator): diff --git a/common/urls.py b/common/urls.py index 8a276ca8..68d8996b 100644 --- a/common/urls.py +++ b/common/urls.py @@ -1,7 +1,8 @@ from django.urls import path -from common import views from rest_framework_simplejwt import views as jwt_views +from common import views + app_name = "api_common" diff --git a/common/views.py b/common/views.py index 60810f3a..5b309fb8 100644 --- a/common/views.py +++ b/common/views.py @@ -1,64 +1,53 @@ +import json from multiprocessing import context from re import template + import requests from django.conf import settings -from django.db import transaction -from common import serializer -from drf_yasg.utils import swagger_auto_schema -from django.shortcuts import get_object_or_404, render -from rest_framework import status -from django.views import View -from rest_framework.authtoken.models import Token -from accounts.serializer import AccountSerializer -from contacts.serializer import ContactSerializer -from opportunity.serializer import OpportunitySerializer -from django.http.response import JsonResponse -from leads.serializer import LeadSerializer -from teams.serializer import TeamsSerializer -from common.serializer import * -from cases.serializer import CaseSerializer -from accounts.models import Account, Contact from django.contrib.auth import authenticate, login -from opportunity.models import Opportunity -from accounts.models import Tags -from cases.models import Case -from leads.models import Lead -from teams.models import Teams -from common.utils import ROLES -from django.views.decorators.csrf import csrf_exempt -from common.serializer import ( - RegisterOrganizationSerializer, - CreateUserSerializer, - PasswordChangeSerializer, -) -from django.views.decorators.http import require_http_methods -from common.models import User, Org, Document, APISettings, Profile -from common.tasks import ( - resend_activation_link_to_user, - send_email_to_new_user, - send_email_user_delete, - send_email_to_reset_password, -) -from django.utils.translation import gettext as _ - -from rest_framework.views import APIView -from rest_framework.response import Response - -# from rest_framework_jwt.serializers import jwt_encode_handler -from common.utils import jwt_payload_handler -from rest_framework.permissions import IsAuthenticated -from rest_framework.pagination import LimitOffsetPagination - -##from common.custom_auth import JSONWebTokenAuthentication -from common import swagger_params +from django.contrib.auth.hashers import make_password +from django.db import transaction from django.db.models import Q -import json +from django.http.response import JsonResponse +from django.shortcuts import get_object_or_404, render +from django.utils import timezone from django.utils.encoding import force_str from django.utils.http import urlsafe_base64_decode +from django.utils.translation import gettext as _ +from django.views import View +from django.views.decorators.csrf import csrf_exempt +from django.views.decorators.http import require_http_methods +from drf_yasg.utils import swagger_auto_schema +from rest_framework import status +from rest_framework.authtoken.models import Token +from rest_framework.pagination import LimitOffsetPagination +from rest_framework.permissions import IsAuthenticated +from rest_framework.response import Response +from rest_framework.views import APIView + +from accounts.models import Account, Contact, Tags +from accounts.serializer import AccountSerializer +from cases.models import Case +from cases.serializer import CaseSerializer +##from common.custom_auth import JSONWebTokenAuthentication +from common import serializer, swagger_params +from common.models import APISettings, Document, Org, Profile, User +from common.serializer import * +from common.serializer import (CreateUserSerializer, PasswordChangeSerializer, + RegisterOrganizationSerializer) +from common.tasks import (resend_activation_link_to_user, + send_email_to_new_user, send_email_to_reset_password, + send_email_user_delete) from common.token_generator import account_activation_token -from django.utils import timezone -from common.utils import COUNTRIES -from django.contrib.auth.hashers import make_password +# from rest_framework_jwt.serializers import jwt_encode_handler +from common.utils import COUNTRIES, ROLES, jwt_payload_handler +from contacts.serializer import ContactSerializer +from leads.models import Lead +from leads.serializer import LeadSerializer +from opportunity.models import Opportunity +from opportunity.serializer import OpportunitySerializer +from teams.models import Teams +from teams.serializer import TeamsSerializer class GetTeamsAndUsersView(APIView): @@ -135,7 +124,7 @@ class UserDetailView(APIView): tags=["Users"], manual_parameters=swagger_params.user_update_params ) def put(self, request, pk, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data profile = self.get_object(pk) address_obj = profile.address if ( @@ -220,7 +209,7 @@ class ChangePasswordView(APIView): manual_parameters=swagger_params.change_password_params, ) def post(self, request, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data context = {"user": request.user} serializer = PasswordChangeSerializer(data=params, context=context) if serializer.is_valid(): @@ -291,7 +280,7 @@ class LoginView(APIView): manual_parameters=swagger_params.login_page_params, ) def post(self, request): - serializer = self.serializer_class(data=request.data) + serializer = self.serializer_class(data=request.post_data) #<------ serializer.is_valid(raise_exception=True) return Response( { @@ -313,11 +302,11 @@ class RegistrationView(APIView): ) def post(self, request, format=None): - serializer = self.serializer_class(data=request.data) + serializer = self.serializer_class(data=request.post_data) if serializer.is_valid(): user_obj = serializer.save() - password = request.data.get("password") + password = request.post_data.get("password") user_obj.password = make_password(password) user_obj.save() # sending mail for confirm password @@ -351,9 +340,9 @@ class OrgProfileCreateView(APIView): manual_parameters=swagger_params.post_org_creation_page_params, ) def post(self, request, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data - serializer = self.serializer_class(data=request.data) + serializer = self.serializer_class(data=request.post_data) if serializer.is_valid(): org_obj = serializer.save() @@ -430,7 +419,7 @@ class UsersListView(APIView, LimitOffsetPagination): status=status.HTTP_403_FORBIDDEN, ) else: - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data if params: user_serializer = CreateUserSerializer(data=params, org=request.org) address_serializer = BillingAddressSerializer(data=params) @@ -484,11 +473,7 @@ class UsersListView(APIView, LimitOffsetPagination): status=status.HTTP_403_FORBIDDEN, ) queryset = Profile.objects.filter(org=request.org).order_by("-id") - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data if params: if params.get("email"): queryset = queryset.filter(user__email__icontains=params.get("email")) @@ -548,11 +533,7 @@ class DocumentListView(APIView, LimitOffsetPagination): model = Document def get_context_data(self, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data queryset = self.model.objects.filter(org=self.request.org).order_by("-id") if self.request.user.is_superuser or self.request.profile.role == "ADMIN": queryset = queryset @@ -650,7 +631,7 @@ class DocumentListView(APIView, LimitOffsetPagination): tags=["documents"], manual_parameters=swagger_params.document_create_params ) def post(self, request, *args, **kwargs): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data serializer = DocumentCreateSerializer(data=params, request_obj=request) if serializer.is_valid(): doc = serializer.save( @@ -768,7 +749,7 @@ class DocumentDetailView(APIView): ) def put(self, request, pk, format=None): self.object = self.get_object(pk) - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data if not self.object: return Response( {"error": True, "errors": "Document does not exist"}, @@ -830,7 +811,7 @@ class ForgotPasswordView(APIView): tags=["Auth"], manual_parameters=swagger_params.forgot_password_params ) def post(self, request, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data serializer = ForgotPasswordSerializer(data=params) if serializer.is_valid(): user = get_object_or_404(User, email=params.get("email")) @@ -859,7 +840,7 @@ class ResetPasswordView(APIView): tags=["Auth"], manual_parameters=swagger_params.reset_password_params ) def post(self, request, uid, token, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data try: uid = force_str(urlsafe_base64_decode(uid)) user_obj = User.objects.get(pk=uid) @@ -907,7 +888,7 @@ class UserStatusView(APIView): }, status=status.HTTP_403_FORBIDDEN, ) - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data profiles = Profile.objects.filter(org=request.org) profile = profiles.get(id=pk) @@ -960,11 +941,7 @@ class DomainList(APIView): tags=["Settings"], manual_parameters=swagger_params.api_setting_create_params ) def post(self, request, *args, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data assign_to_list = [] if params.get("lead_assigned_to"): assign_to_list = json.loads(params.get("lead_assigned_to")) @@ -1010,11 +987,7 @@ class DomainDetailView(APIView): ) def put(self, request, pk, **kwargs): api_setting = self.get_object(pk) - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data assign_to_list = [] if params.get("lead_assigned_to"): assign_to_list = json.loads(params.get("lead_assigned_to")) @@ -1135,7 +1108,7 @@ class ResendActivationLinkView(APIView): tags=["Auth"], manual_parameters=swagger_params.forgot_password_params ) def post(self, request, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data user = get_object_or_404(User, email=params.get("email")) if user.is_active: return Response( diff --git a/contacts/admin.py b/contacts/admin.py index 5a0b6c4f..603cd58e 100644 --- a/contacts/admin.py +++ b/contacts/admin.py @@ -1,4 +1,5 @@ from django.contrib import admin + from contacts.models import Contact admin.site.register(Contact) diff --git a/contacts/migrations/0001_initial.py b/contacts/migrations/0001_initial.py index 65474dfd..d1c54310 100644 --- a/contacts/migrations/0001_initial.py +++ b/contacts/migrations/0001_initial.py @@ -1,9 +1,9 @@ # Generated by Django 2.1.2 on 2019-01-28 07:07 -from django.conf import settings -from django.db import migrations, models import django.db.models.deletion import phonenumber_field.modelfields +from django.conf import settings +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/contacts/migrations/0002_auto_20190212_1334.py b/contacts/migrations/0002_auto_20190212_1334.py index 65f3c625..1d3110f5 100644 --- a/contacts/migrations/0002_auto_20190212_1334.py +++ b/contacts/migrations/0002_auto_20190212_1334.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.5 on 2019-02-12 08:04 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/contacts/migrations/0005_contact_company.py b/contacts/migrations/0005_contact_company.py index f748e1ee..dc7259f1 100644 --- a/contacts/migrations/0005_contact_company.py +++ b/contacts/migrations/0005_contact_company.py @@ -1,7 +1,7 @@ # Generated by Django 2.2.10 on 2020-04-23 10:29 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/contacts/migrations/0007_auto_20210716_1554.py b/contacts/migrations/0007_auto_20210716_1554.py index 0b8a4856..5b47eb1b 100644 --- a/contacts/migrations/0007_auto_20210716_1554.py +++ b/contacts/migrations/0007_auto_20210716_1554.py @@ -1,7 +1,7 @@ # Generated by Django 3.2.5 on 2021-07-16 10:24 -from django.db import migrations, models import phonenumber_field.modelfields +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/contacts/migrations/0008_auto_20210913_1918.py b/contacts/migrations/0008_auto_20210913_1918.py index 2da51150..0b88f211 100644 --- a/contacts/migrations/0008_auto_20210913_1918.py +++ b/contacts/migrations/0008_auto_20210913_1918.py @@ -1,7 +1,7 @@ # Generated by Django 3.2 on 2021-09-13 13:48 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/contacts/models.py b/contacts/models.py index 1510b20e..dafe9366 100644 --- a/contacts/models.py +++ b/contacts/models.py @@ -1,11 +1,11 @@ import arrow from django.db import models from django.utils.translation import gettext_lazy as _ +from phonenumber_field.modelfields import PhoneNumberField from common.models import Address, Org, Profile -from phonenumber_field.modelfields import PhoneNumberField -from teams.models import Teams from common.utils import COUNTRIES +from teams.models import Teams class Contact(models.Model): diff --git a/contacts/serializer.py b/contacts/serializer.py index f23a3987..cacacc48 100644 --- a/contacts/serializer.py +++ b/contacts/serializer.py @@ -1,11 +1,8 @@ from rest_framework import serializers + +from common.serializer import (AttachmentsSerializer, BillingAddressSerializer, + OrganizationSerializer, ProfileSerializer) from contacts.models import Contact -from common.serializer import ( - ProfileSerializer, - BillingAddressSerializer, - AttachmentsSerializer, - OrganizationSerializer, -) from teams.serializer import TeamsSerializer diff --git a/contacts/urls.py b/contacts/urls.py index adcb8ba0..6c38f619 100644 --- a/contacts/urls.py +++ b/contacts/urls.py @@ -1,4 +1,5 @@ from django.urls import path + from contacts import views app_name = "api_contacts" diff --git a/contacts/views.py b/contacts/views.py index 8bd8dde8..99aaa2c1 100644 --- a/contacts/views.py +++ b/contacts/views.py @@ -1,27 +1,25 @@ -from rest_framework import status -from common.models import Attachments, Comment, Profile -from contacts.models import Contact, Profile -from teams.models import Teams +import json + from django.db.models import Q from django.shortcuts import get_object_or_404 from drf_yasg.utils import swagger_auto_schema +from rest_framework import status +from rest_framework.pagination import LimitOffsetPagination from rest_framework.permissions import IsAuthenticated from rest_framework.response import Response -from rest_framework.pagination import LimitOffsetPagination +from rest_framework.views import APIView +from common.models import Attachments, Comment, Profile +from common.serializer import (AttachmentsSerializer, BillingAddressSerializer, + CommentSerializer) +from common.utils import COUNTRIES # from common.custom_auth import JSONWebTokenAuthentication from contacts import swagger_params +from contacts.models import Contact, Profile from contacts.serializer import * -from rest_framework.views import APIView -from common.utils import COUNTRIES -from common.serializer import ( - CommentSerializer, - AttachmentsSerializer, - BillingAddressSerializer, -) -from tasks.serializer import TaskSerializer from contacts.tasks import send_email_to_assigned_user -import json +from tasks.serializer import TaskSerializer +from teams.models import Teams class ContactsListView(APIView, LimitOffsetPagination): @@ -30,11 +28,7 @@ class ContactsListView(APIView, LimitOffsetPagination): model = Contact def get_context_data(self, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data queryset = self.model.objects.filter(org=self.request.org).order_by("-id") if self.request.profile.role != "ADMIN" and not self.request.profile.is_admin: queryset = queryset.filter( @@ -91,7 +85,7 @@ class ContactsListView(APIView, LimitOffsetPagination): tags=["contacts"], manual_parameters=swagger_params.contact_create_post_params ) def post(self, request, *args, **kwargs): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data contact_serializer = CreateContactSerializer(data=params, request_obj=request) address_serializer = BillingAddressSerializer(data=params) @@ -154,7 +148,7 @@ class ContactDetailView(APIView): tags=["contacts"], manual_parameters=swagger_params.contact_create_post_params ) def put(self, request, pk, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data contact_obj = self.get_object(pk=pk) address_obj = contact_obj.address if contact_obj.org != request.org: @@ -343,11 +337,7 @@ class ContactDetailView(APIView): tags=["contacts"], manual_parameters=swagger_params.contact_detail_get_params ) def post(self, request, pk, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data context = {} self.contact_obj = Contact.objects.get(pk=pk) if self.request.profile.role != "ADMIN" and not self.request.profile.is_admin: @@ -407,7 +397,7 @@ class ContactCommentView(APIView): tags=["contacts"], manual_parameters=swagger_params.contact_comment_edit_params ) def put(self, request, pk, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data obj = self.get_object(pk) if ( request.profile.role == "ADMIN" diff --git a/crm/celery.py b/crm/celery.py index b8dd3064..21a92730 100644 --- a/crm/celery.py +++ b/crm/celery.py @@ -1,5 +1,7 @@ from __future__ import absolute_import, unicode_literals + import os + from celery import Celery # set the default Django settings module for the 'celery' program. diff --git a/crm/server_settings.py b/crm/server_settings.py index f88fca1e..1e23df76 100644 --- a/crm/server_settings.py +++ b/crm/server_settings.py @@ -1,4 +1,5 @@ import os + import sentry_sdk from sentry_sdk.integrations.django import DjangoIntegration diff --git a/crm/settings.py b/crm/settings.py index bc7103ff..fed4c58a 100644 --- a/crm/settings.py +++ b/crm/settings.py @@ -1,8 +1,9 @@ import os -from dotenv import load_dotenv -from corsheaders.defaults import default_headers from datetime import timedelta +from corsheaders.defaults import default_headers +from dotenv import load_dotenv + # Build paths inside the project like this: os.path.join(BASE_DIR, ...) BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) @@ -18,6 +19,25 @@ DEBUG = True ALLOWED_HOSTS = ["*"] INSTALLED_APPS = [ + + 'wagtail.contrib.forms', + 'wagtail.contrib.redirects', + 'wagtail.embeds', + 'wagtail.sites', + 'wagtail.users', + 'wagtail.snippets', + 'wagtail.documents', + 'wagtail.images', + 'wagtail.search', + 'wagtail.admin', + 'wagtail', + 'cms', + 'wagtail.contrib.settings', + + + 'modelcluster', + 'taggit', + "django.contrib.auth", "django.contrib.contenttypes", "django.contrib.messages", @@ -54,6 +74,9 @@ MIDDLEWARE = [ "corsheaders.middleware.CorsMiddleware", # "common.custom_auth.TokenAuthMiddleware", "common.middleware.get_company.GetProfileAndOrg", + 'wagtail.contrib.redirects.middleware.RedirectMiddleware', + 'common.middleware.swagger_post.SwaggerMiddleware', + ] ROOT_URLCONF = "crm.urls" @@ -73,6 +96,8 @@ TEMPLATES = [ "django.contrib.messages.context_processors.messages", "common.context_processors.common.app_name", # "django_settings_export.settings_export", + 'wagtail.contrib.settings.context_processors.settings', + ], }, }, @@ -126,8 +151,12 @@ USE_TZ = True EMAIL_BACKEND = "django.core.mail.backends.console.EmailBackend" AUTH_USER_MODEL = "common.User" -STATIC_ROOT = os.path.join(BASE_DIR, "static") + +STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles') STATIC_URL = "/static/" +STATICFILES_DIRS = [ + os.path.join(BASE_DIR, 'static') +] ENV_TYPE = os.environ["ENV_TYPE"] print(">>> ENV_TYPE", ENV_TYPE) @@ -208,6 +237,9 @@ LOGGING = { APPLICATION_NAME = "bottlecrm" +WAGTAIL_SITE_NAME = 'bottlecrm' + +WAGTAILADMIN_BASE_URL = "https://bottlecrm.com" SETTINGS_EXPORT = ["APPLICATION_NAME"] @@ -231,6 +263,7 @@ SWAGGER_SETTINGS = { CORS_ALLOW_HEADERS = default_headers + ("org",) CORS_ORIGIN_ALLOW_ALL = True +CSRF_TRUSTED_ORIGINS = ['https://*.runcode.io', 'http://*'] SECURE_HSTS_SECONDS = 3600 SECURE_HSTS_INCLUDE_SUBDOMAINS = True @@ -240,6 +273,7 @@ SECURE_CONTENT_TYPE_NOSNIFF = True DEFAULT_AUTO_FIELD = "django.db.models.AutoField" STATICFILES_STORAGE = "whitenoise.storage.CompressedManifestStaticFilesStorage" +# STATICFILES_STORAGE = 'django.contrib.staticfiles.storage.ManifestStaticFilesStorage' DOMAIN_NAME = os.getenv("DOMAIN_NAME") @@ -267,3 +301,4 @@ JWT_ALGO = "HS256" DOMAIN_NAME = os.environ["DOMAIN_NAME"] SWAGGER_ROOT_URL = os.environ["SWAGGER_ROOT_URL"] + diff --git a/crm/urls.py b/crm/urls.py index e098441f..c3cdc315 100644 --- a/crm/urls.py +++ b/crm/urls.py @@ -1,13 +1,17 @@ import os + from django.conf import settings from django.conf.urls.static import static from django.contrib.auth import views -from django.urls import include, path, re_path as url +from django.urls import include, path +from django.urls import re_path as url from django.views.generic import TemplateView -from drf_yasg.views import get_schema_view from drf_yasg import openapi +from drf_yasg.views import get_schema_view from rest_framework import permissions - +from wagtail import urls as wagtail_urls +from wagtail.admin import urls as wagtailadmin_urls +from wagtail.documents import urls as wagtaildocs_urls openapi_info = openapi.Info( title="Crm API", @@ -47,10 +51,20 @@ urlpatterns = [ path( "logout/", views.LogoutView.as_view(), {"next_page": "/login/"}, name="logout" ), + path('admin/', include(wagtailadmin_urls)), + path('documents/', include(wagtaildocs_urls)), + path('', include(wagtail_urls)) + ] if settings.DEBUG: - urlpatterns = urlpatterns + static( - settings.MEDIA_URL, document_root=settings.MEDIA_ROOT - ) + from django.conf.urls.static import static + from django.contrib.staticfiles.urls import staticfiles_urlpatterns + + urlpatterns += staticfiles_urlpatterns() + urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) + + # urlpatterns = urlpatterns + static( + # settings.MEDIA_URL, document_root=settings.MEDIA_ROOT + # ) diff --git a/crm/wsgi.py b/crm/wsgi.py index f10a4dfd..d3a86933 100644 --- a/crm/wsgi.py +++ b/crm/wsgi.py @@ -1,7 +1,7 @@ import os import sys -from django.core.wsgi import get_wsgi_application +from django.core.wsgi import get_wsgi_application PROJECT_DIR = os.path.abspath(__file__) sys.path.append(PROJECT_DIR) diff --git a/emails/admin.py b/emails/admin.py index c168f93f..56b8b709 100644 --- a/emails/admin.py +++ b/emails/admin.py @@ -1,4 +1,5 @@ from django.contrib import admin + from emails.models import Email # Register your models here. diff --git a/emails/forms.py b/emails/forms.py index e4854cf1..903defb7 100644 --- a/emails/forms.py +++ b/emails/forms.py @@ -1,4 +1,5 @@ from django import forms + from .models import Email diff --git a/emails/serializer.py b/emails/serializer.py index 769cbf24..0cecab1e 100644 --- a/emails/serializer.py +++ b/emails/serializer.py @@ -1,4 +1,5 @@ from rest_framework import serializers + from emails.models import Email diff --git a/emails/tests.py b/emails/tests.py index dae87326..1d0d3c02 100644 --- a/emails/tests.py +++ b/emails/tests.py @@ -1,8 +1,8 @@ -from django.test import TestCase -from django.test import Client -from common.models import User, Org -from emails.models import Email +from django.test import Client, TestCase + +from common.models import Org, User from emails.forms import EmailForm +from emails.models import Email class UserCreation(TestCase): diff --git a/emails/urls.py b/emails/urls.py index f4c8fc02..14bcf41d 100644 --- a/emails/urls.py +++ b/emails/urls.py @@ -1,7 +1,8 @@ -from django.conf.urls import url -from . import views -from django.conf.urls.static import static from django.conf import settings +from django.conf.urls import url +from django.conf.urls.static import static + +from . import views app_name = "emails" diff --git a/emails/views.py b/emails/views.py index 58e00c97..90564927 100644 --- a/emails/views.py +++ b/emails/views.py @@ -1,12 +1,12 @@ -from django.http import HttpResponseRedirect -from django.urls import reverse -from django.shortcuts import render -from django.shortcuts import get_object_or_404 -from emails.models import Email -from emails.forms import EmailForm +from datetime import datetime, timedelta + from django.core.mail import EmailMessage -from datetime import datetime -from datetime import timedelta +from django.http import HttpResponseRedirect +from django.shortcuts import get_object_or_404, render +from django.urls import reverse + +from emails.forms import EmailForm +from emails.models import Email def emails_list(request): diff --git a/events/migrations/0001_initial.py b/events/migrations/0001_initial.py index 4d6cbfde..9c4064fc 100644 --- a/events/migrations/0001_initial.py +++ b/events/migrations/0001_initial.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.7 on 2019-06-03 05:58 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/events/migrations/0004_event_company.py b/events/migrations/0004_event_company.py index 2d97e717..8b1bdefa 100644 --- a/events/migrations/0004_event_company.py +++ b/events/migrations/0004_event_company.py @@ -1,7 +1,7 @@ # Generated by Django 2.2.10 on 2020-04-24 08:40 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/events/migrations/0006_auto_20210913_1918.py b/events/migrations/0006_auto_20210913_1918.py index 8ca487f7..794648b8 100644 --- a/events/migrations/0006_auto_20210913_1918.py +++ b/events/migrations/0006_auto_20210913_1918.py @@ -1,7 +1,7 @@ # Generated by Django 3.2 on 2021-09-13 13:48 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/events/models.py b/events/models.py index ba024c1f..1f417762 100644 --- a/events/models.py +++ b/events/models.py @@ -1,7 +1,7 @@ import arrow - from django.db import models from django.utils.translation import gettext_lazy as _ + from common.models import Org, Profile from contacts.models import Contact from teams.models import Teams diff --git a/events/serializer.py b/events/serializer.py index 04b11fa7..10950ab3 100644 --- a/events/serializer.py +++ b/events/serializer.py @@ -1,15 +1,13 @@ -from rest_framework import serializers -from events.models import Event -from common.serializer import ( - ProfileSerializer, - AttachmentsSerializer, - CommentSerializer, - OrganizationSerializer, -) -from contacts.serializer import ContactSerializer -from teams.serializer import TeamsSerializer from datetime import datetime, timedelta +from rest_framework import serializers + +from common.serializer import (AttachmentsSerializer, CommentSerializer, + OrganizationSerializer, ProfileSerializer) +from contacts.serializer import ContactSerializer +from events.models import Event +from teams.serializer import TeamsSerializer + class EventSerializer(serializers.ModelSerializer): created_by = ProfileSerializer() diff --git a/events/tasks.py b/events/tasks.py index 24e4410a..f92cd717 100644 --- a/events/tasks.py +++ b/events/tasks.py @@ -2,6 +2,7 @@ from celery import Celery from django.conf import settings from django.core.mail import EmailMessage from django.template.loader import render_to_string + from common.models import Profile from events.models import Event diff --git a/events/urls.py b/events/urls.py index f78483ce..61eec081 100644 --- a/events/urls.py +++ b/events/urls.py @@ -1,4 +1,5 @@ from django.urls import path + from events import views app_name = "api_events" diff --git a/events/views.py b/events/views.py index edd93026..a55a2250 100644 --- a/events/views.py +++ b/events/views.py @@ -1,31 +1,27 @@ -from django.db.models import Q -from contacts.models import Contact -from contacts.serializer import ContactSerializer - -from common.models import User, Attachments, Comment, Profile - -# from common.custom_auth import JSONWebTokenAuthentication -from common.serializer import ( - ProfileSerializer, - CommentSerializer, - AttachmentsSerializer, -) -from events import swagger_params -from events.models import Event -from events.serializer import EventSerializer, EventCreateSerializer -from events.tasks import send_email - -from teams.serializer import TeamsSerializer -from teams.models import Teams -from rest_framework import status -from rest_framework.views import APIView -from rest_framework.response import Response -from rest_framework.permissions import IsAuthenticated -from rest_framework.pagination import LimitOffsetPagination -from drf_yasg.utils import swagger_auto_schema import json from datetime import datetime, timedelta +from django.db.models import Q +from drf_yasg.utils import swagger_auto_schema +from rest_framework import status +from rest_framework.pagination import LimitOffsetPagination +from rest_framework.permissions import IsAuthenticated +from rest_framework.response import Response +from rest_framework.views import APIView + +from common.models import Attachments, Comment, Profile, User +# from common.custom_auth import JSONWebTokenAuthentication +from common.serializer import (AttachmentsSerializer, CommentSerializer, + ProfileSerializer) +from contacts.models import Contact +from contacts.serializer import ContactSerializer +from events import swagger_params +from events.models import Event +from events.serializer import EventCreateSerializer, EventSerializer +from events.tasks import send_email +from teams.models import Teams +from teams.serializer import TeamsSerializer + WEEKDAYS = ( ("Monday", "Monday"), ("Tuesday", "Tuesday"), @@ -43,11 +39,7 @@ class EventListView(APIView, LimitOffsetPagination): permission_classes = (IsAuthenticated,) def get_context_data(self, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data queryset = self.model.objects.filter(org=self.request.org).order_by("-id") contacts = Contact.objects.filter(org=self.request.org) if self.request.profile.role != "ADMIN" and not self.request.profile.is_admin: @@ -98,11 +90,7 @@ class EventListView(APIView, LimitOffsetPagination): tags=["Events"], manual_parameters=swagger_params.event_create_post_params ) def post(self, request, *args, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data data = {} serializer = EventCreateSerializer(data=params, request_obj=request) if serializer.is_valid(): @@ -316,11 +304,7 @@ class EventDetailView(APIView): tags=["Events"], manual_parameters=swagger_params.event_detail_post_params ) def post(self, request, pk, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data context = {} self.event_obj = Event.objects.get(pk=pk) if self.event_obj.org != request.org: @@ -377,11 +361,7 @@ class EventDetailView(APIView): tags=["Events"], manual_parameters=swagger_params.event_create_post_params ) def put(self, request, pk, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data data = {} self.event_obj = self.get_object(pk) if self.event_obj.org != request.org: @@ -473,7 +453,7 @@ class EventCommentView(APIView): tags=["Events"], manual_parameters=swagger_params.event_comment_edit_params ) def put(self, request, pk, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data obj = self.get_object(pk) if ( request.profile.role == "ADMIN" diff --git a/invoices/api_urls.py b/invoices/api_urls.py index 84f3e986..48cde523 100644 --- a/invoices/api_urls.py +++ b/invoices/api_urls.py @@ -1,4 +1,5 @@ from django.urls import path + from invoices import api_views app_name = "api_invoices" diff --git a/invoices/api_views.py b/invoices/api_views.py index 7eab7867..13ee501b 100644 --- a/invoices/api_views.py +++ b/invoices/api_views.py @@ -1,45 +1,31 @@ +import json + import pytz from django.conf import settings from django.contrib.sites.shortcuts import get_current_site from django.db.models import Q -from invoices.models import Invoice -from invoices.tasks import ( - send_email, - send_invoice_email, - send_invoice_email_cancel, - create_invoice_history, -) -from invoices import swagger_params -from invoices.serializer import ( - InvoiceSerailizer, - InvoiceHistorySerializer, - InvoiceCreateSerializer, -) +from drf_yasg.utils import swagger_auto_schema +from rest_framework import status +from rest_framework.pagination import LimitOffsetPagination +from rest_framework.permissions import IsAuthenticated +from rest_framework.response import Response +from rest_framework.views import APIView + from accounts.models import Account from accounts.serializer import AccountSerializer -from common.models import User, Attachments, Comment - +from common.models import Attachments, Comment, User # from common.custom_auth import JSONWebTokenAuthentication -from common.serializer import ( - UserSerializer, - CommentSerializer, - AttachmentsSerializer, - BillingAddressSerializer, -) -from common.utils import ( - COUNTRIES, - CURRENCY_CODES, -) -from teams.serializer import TeamsSerializer +from common.serializer import (AttachmentsSerializer, BillingAddressSerializer, + CommentSerializer, UserSerializer) +from common.utils import COUNTRIES, CURRENCY_CODES +from invoices import swagger_params +from invoices.models import Invoice +from invoices.serializer import (InvoiceCreateSerializer, + InvoiceHistorySerializer, InvoiceSerailizer) +from invoices.tasks import (create_invoice_history, send_email, + send_invoice_email, send_invoice_email_cancel) from teams.models import Teams - -from rest_framework import status -from rest_framework.views import APIView -from rest_framework.response import Response -from rest_framework.permissions import IsAuthenticated -from rest_framework.pagination import LimitOffsetPagination -from drf_yasg.utils import swagger_auto_schema -import json +from teams.serializer import TeamsSerializer INVOICE_STATUS = ( ("Draft", "Draft"), @@ -57,11 +43,7 @@ class InvoiceListView(APIView, LimitOffsetPagination): model = Invoice def get_context_data(self, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data queryset = self.model.objects.filter(company=self.request.company) accounts = Account.objects.filter(company=self.request.company) if self.request.user.role != "ADMIN" and not self.request.user.is_superuser: @@ -148,7 +130,7 @@ class InvoiceListView(APIView, LimitOffsetPagination): tags=["Invoices"], manual_parameters=swagger_params.invoice_create_post_params ) def post(self, request, *args, **kwargs): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data data = {} serializer = InvoiceCreateSerializer(data=params, request_obj=request) from_address_serializer = BillingAddressSerializer(data=params) @@ -261,7 +243,7 @@ class InvoiceDetailView(APIView): tags=["Invoices"], manual_parameters=swagger_params.invoice_create_post_params ) def put(self, request, pk, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data invoice_obj = self.get_object(pk=pk) from_address_obj = invoice_obj.from_address to_address_obj = invoice_obj.to_address @@ -498,11 +480,7 @@ class InvoiceDetailView(APIView): tags=["Invoices"], manual_parameters=swagger_params.invoice_detail_post_params ) def post(self, request, pk, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data context = {} self.invoice_obj = Invoice.objects.get(pk=pk) if self.invoice_obj.company != request.company: @@ -564,7 +542,7 @@ class InvoiceCommentView(APIView): tags=["Invoices"], manual_parameters=swagger_params.invoice_comment_edit_params ) def put(self, request, pk, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data obj = self.get_object(pk) if ( request.user.role == "ADMIN" diff --git a/invoices/forms.py b/invoices/forms.py index 0409c58b..250d707b 100644 --- a/invoices/forms.py +++ b/invoices/forms.py @@ -1,9 +1,10 @@ from django import forms -from invoices.models import Invoice -from common.models import User, Comment, Attachments, Address from django.db.models import Q -from teams.models import Teams + from accounts.models import Account +from common.models import Address, Attachments, Comment, User +from invoices.models import Invoice +from teams.models import Teams class InvoiceForm(forms.ModelForm): diff --git a/invoices/migrations/0001_initial.py b/invoices/migrations/0001_initial.py index ea2005bf..847191a5 100644 --- a/invoices/migrations/0001_initial.py +++ b/invoices/migrations/0001_initial.py @@ -1,9 +1,9 @@ # Generated by Django 2.1.7 on 2019-05-23 09:48 -from django.conf import settings -from django.db import migrations, models import django.db.models.deletion import phonenumber_field.modelfields +from django.conf import settings +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/invoices/migrations/0005_invoicehistory.py b/invoices/migrations/0005_invoicehistory.py index 13b2226d..a075b272 100644 --- a/invoices/migrations/0005_invoicehistory.py +++ b/invoices/migrations/0005_invoicehistory.py @@ -1,9 +1,9 @@ # Generated by Django 2.2.2 on 2019-07-24 05:46 -from django.conf import settings -from django.db import migrations, models import django.db.models.deletion import phonenumber_field.modelfields +from django.conf import settings +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/invoices/migrations/0009_invoice_company.py b/invoices/migrations/0009_invoice_company.py index ec5fff6b..8c40bc59 100644 --- a/invoices/migrations/0009_invoice_company.py +++ b/invoices/migrations/0009_invoice_company.py @@ -1,7 +1,7 @@ # Generated by Django 2.2.10 on 2020-04-27 12:35 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/invoices/models.py b/invoices/models.py index d1ed8e19..83602ed5 100644 --- a/invoices/models.py +++ b/invoices/models.py @@ -1,11 +1,13 @@ import datetime + import arrow from django.db import models from django.utils.translation import gettext_lazy as _ -from common.models import Address, User, Org -from common.utils import CURRENCY_CODES -from accounts.models import Account from phonenumber_field.modelfields import PhoneNumberField + +from accounts.models import Account +from common.models import Address, Org, User +from common.utils import CURRENCY_CODES from teams.models import Teams diff --git a/invoices/serializer.py b/invoices/serializer.py index 4380f54a..de06f80e 100644 --- a/invoices/serializer.py +++ b/invoices/serializer.py @@ -1,10 +1,8 @@ from rest_framework import serializers + +from common.serializer import (BillingAddressSerializer, + OrganizationSerializer, UserSerializer) from invoices.models import Invoice, InvoiceHistory -from common.serializer import ( - UserSerializer, - OrganizationSerializer, - BillingAddressSerializer, -) from teams.serializer import TeamsSerializer diff --git a/invoices/tests.py b/invoices/tests.py index 78b221cb..ee970f1a 100644 --- a/invoices/tests.py +++ b/invoices/tests.py @@ -5,7 +5,7 @@ from django.test import TestCase from django.urls import reverse from accounts.models import Account -from common.models import Address, Attachments, Comment, User, Company +from common.models import Address, Attachments, Comment, Company, User from invoices.models import Invoice, InvoiceHistory from teams.models import Teams diff --git a/invoices/tests_celery_tasks.py b/invoices/tests_celery_tasks.py index 3ea287aa..221c9ab4 100644 --- a/invoices/tests_celery_tasks.py +++ b/invoices/tests_celery_tasks.py @@ -1,7 +1,8 @@ from django.test import TestCase from django.test.utils import override_settings -from invoices.tasks import send_email, send_invoice_email, send_invoice_email_cancel +from invoices.tasks import (send_email, send_invoice_email, + send_invoice_email_cancel) from invoices.tests import InvoiceCreateTest diff --git a/leads/admin.py b/leads/admin.py index c833f4da..3766c1a9 100644 --- a/leads/admin.py +++ b/leads/admin.py @@ -2,5 +2,4 @@ from django.contrib import admin from leads.models import Lead - admin.site.register(Lead) diff --git a/leads/forms.py b/leads/forms.py index b4260d38..b8aeb970 100644 --- a/leads/forms.py +++ b/leads/forms.py @@ -1,5 +1,6 @@ import csv import re + from django import forms email_regex = "^[_a-zA-Z0-9-]+(\.[_a-zA-Z0-9-]+)*@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*(\.[a-zA-Z]{2,4})$" diff --git a/leads/migrations/0001_initial.py b/leads/migrations/0001_initial.py index 1686a88e..19a780c5 100644 --- a/leads/migrations/0001_initial.py +++ b/leads/migrations/0001_initial.py @@ -1,9 +1,9 @@ # Generated by Django 2.1.2 on 2019-01-28 07:07 -from django.conf import settings -from django.db import migrations, models import django.db.models.deletion import phonenumber_field.modelfields +from django.conf import settings +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/leads/migrations/0004_auto_20190212_1334.py b/leads/migrations/0004_auto_20190212_1334.py index 290f9382..193f6dda 100644 --- a/leads/migrations/0004_auto_20190212_1334.py +++ b/leads/migrations/0004_auto_20190212_1334.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.5 on 2019-02-12 08:04 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/leads/migrations/0012_lead_company.py b/leads/migrations/0012_lead_company.py index 87f53cf0..a6a6d0ee 100644 --- a/leads/migrations/0012_lead_company.py +++ b/leads/migrations/0012_lead_company.py @@ -1,7 +1,7 @@ # Generated by Django 2.2.10 on 2020-04-27 10:41 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/leads/migrations/0015_auto_20210913_1918.py b/leads/migrations/0015_auto_20210913_1918.py index 65db5ad4..03a71386 100644 --- a/leads/migrations/0015_auto_20210913_1918.py +++ b/leads/migrations/0015_auto_20210913_1918.py @@ -1,7 +1,7 @@ # Generated by Django 3.2 on 2021-09-13 13:48 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/leads/migrations/0017_alter_lead_org.py b/leads/migrations/0017_alter_lead_org.py index c1b1827d..d6fc1a3f 100644 --- a/leads/migrations/0017_alter_lead_org.py +++ b/leads/migrations/0017_alter_lead_org.py @@ -1,7 +1,7 @@ # Generated by Django 3.2.7 on 2021-10-06 07:21 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/leads/migrations/0018_auto_20211022_1731.py b/leads/migrations/0018_auto_20211022_1731.py index 29a844be..f6dbbef6 100644 --- a/leads/migrations/0018_auto_20211022_1731.py +++ b/leads/migrations/0018_auto_20211022_1731.py @@ -1,7 +1,7 @@ # Generated by Django 3.2.8 on 2021-10-22 12:01 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/leads/models.py b/leads/models.py index ce59eac2..5a8867b1 100644 --- a/leads/models.py +++ b/leads/models.py @@ -1,18 +1,13 @@ import arrow from django.db import models -from django.utils.translation import pgettext_lazy from django.utils.translation import gettext_lazy as _ +from django.utils.translation import pgettext_lazy from phonenumber_field.modelfields import PhoneNumberField from accounts.models import Tags from common.models import Org, Profile -from common.utils import ( - COUNTRIES, - LEAD_SOURCE, - LEAD_STATUS, - return_complete_address, - INDCHOICES, -) +from common.utils import (COUNTRIES, INDCHOICES, LEAD_SOURCE, LEAD_STATUS, + return_complete_address) from contacts.models import Contact from teams.models import Teams diff --git a/leads/serializer.py b/leads/serializer.py index 1eadfd1e..6eec4aea 100644 --- a/leads/serializer.py +++ b/leads/serializer.py @@ -1,14 +1,11 @@ from rest_framework import serializers -from leads.models import Lead, Company -from accounts.models import Tags, Account -from common.serializer import ( - ProfileSerializer, - AttachmentsSerializer, - LeadCommentSerializer, - OrganizationSerializer, -) -from teams.serializer import TeamsSerializer + +from accounts.models import Account, Tags +from common.serializer import (AttachmentsSerializer, LeadCommentSerializer, + OrganizationSerializer, ProfileSerializer) from contacts.serializer import ContactSerializer +from leads.models import Company, Lead +from teams.serializer import TeamsSerializer class TagsSerializer(serializers.ModelSerializer): diff --git a/leads/tasks.py b/leads/tasks.py index c2a5de64..30fcbd5a 100644 --- a/leads/tasks.py +++ b/leads/tasks.py @@ -7,10 +7,9 @@ from django.core.mail import EmailMessage, EmailMultiAlternatives from django.db.models import Q from django.template.loader import render_to_string -from common.models import Profile, Org +from common.models import Org, Profile from leads.models import Lead - app = Celery("redis://") diff --git a/leads/tests_celery_tasks.py b/leads/tests_celery_tasks.py index ade0e3aa..f657209b 100644 --- a/leads/tests_celery_tasks.py +++ b/leads/tests_celery_tasks.py @@ -1,12 +1,9 @@ from django.test import TestCase from django.test.utils import override_settings -from leads.tasks import ( - create_lead_from_file, - send_email, - send_email_to_assigned_user, - send_lead_assigned_emails, -) +from leads.tasks import (create_lead_from_file, send_email, + send_email_to_assigned_user, + send_lead_assigned_emails) from leads.tests import TestLeadModel diff --git a/leads/urls.py b/leads/urls.py index dc13c7c9..a5552675 100644 --- a/leads/urls.py +++ b/leads/urls.py @@ -1,4 +1,5 @@ from django.urls import path + from leads import views app_name = "api_leads" diff --git a/leads/views.py b/leads/views.py index 9217785e..3636fe8a 100644 --- a/leads/views.py +++ b/leads/views.py @@ -1,40 +1,30 @@ +import json + from django.db.models import Q from django.shortcuts import get_object_or_404 +from drf_yasg.utils import swagger_auto_schema +from rest_framework import status +from rest_framework.pagination import LimitOffsetPagination +from rest_framework.permissions import IsAuthenticated +from rest_framework.response import Response +from rest_framework.views import APIView + from accounts.models import Account, Tags +from common.models import APISettings, Attachments, Comment, Profile +# from common.custom_auth import JSONWebTokenAuthentication +from common.serializer import (AttachmentsSerializer, CommentSerializer, + LeadCommentSerializer, ProfileSerializer) +from common.utils import COUNTRIES, INDCHOICES, LEAD_SOURCE, LEAD_STATUS from contacts.models import Contact from leads import swagger_params -from common.models import Attachments, Comment, APISettings, Profile -from common.utils import COUNTRIES, LEAD_SOURCE, LEAD_STATUS, INDCHOICES - -# from common.custom_auth import JSONWebTokenAuthentication -from common.serializer import ( - ProfileSerializer, - CommentSerializer, - AttachmentsSerializer, - LeadCommentSerializer, -) -from leads.models import Lead, Company from leads.forms import LeadListForm -from leads.serializer import ( - LeadSerializer, - LeadCreateSerializer, - CompanySerializer, - TagsSerializer, -) -from leads.tasks import ( - create_lead_from_file, - send_email_to_assigned_user, - send_lead_assigned_emails, -) -from teams.serializer import TeamsSerializer +from leads.models import Company, Lead +from leads.serializer import (CompanySerializer, LeadCreateSerializer, + LeadSerializer, TagsSerializer) +from leads.tasks import (create_lead_from_file, send_email_to_assigned_user, + send_lead_assigned_emails) from teams.models import Teams -from rest_framework import status -from rest_framework.views import APIView -from rest_framework.response import Response -from rest_framework.permissions import IsAuthenticated -from rest_framework.pagination import LimitOffsetPagination -from drf_yasg.utils import swagger_auto_schema -import json +from teams.serializer import TeamsSerializer class LeadListView(APIView, LimitOffsetPagination): @@ -43,11 +33,7 @@ class LeadListView(APIView, LimitOffsetPagination): permission_classes = (IsAuthenticated,) def get_context_data(self, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data queryset = ( self.model.objects.filter(org=self.request.org) .exclude(status="converted") @@ -154,11 +140,7 @@ class LeadListView(APIView, LimitOffsetPagination): tags=["Leads"], manual_parameters=swagger_params.lead_create_post_params ) def post(self, request, *args, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data serializer = LeadCreateSerializer(data=params, request_obj=request) if serializer.is_valid(): lead_obj = serializer.save(created_by=request.profile, org=request.org) @@ -265,11 +247,7 @@ class LeadDetailView(APIView): return get_object_or_404(Lead, id=pk) def get_context_data(self, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data context = {} user_assgn_list = [ assigned_to.id for assigned_to in self.lead_obj.assigned_to.all() @@ -369,11 +347,7 @@ class LeadDetailView(APIView): tags=["Leads"], manual_parameters=swagger_params.lead_detail_get_params ) def post(self, request, pk, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data context = {} self.lead_obj = Lead.objects.get(pk=pk) if self.lead_obj.org != request.org: @@ -426,11 +400,7 @@ class LeadDetailView(APIView): tags=["Leads"], manual_parameters=swagger_params.lead_create_post_params ) def put(self, request, pk, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data self.lead_obj = self.get_object(pk) if self.lead_obj.org != request.org: return Response( @@ -618,7 +588,7 @@ class LeadCommentView(APIView): tags=["Leads"], manual_parameters=swagger_params.lead_comment_edit_params ) def put(self, request, pk, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data obj = self.get_object(pk) if ( request.profile.role == "ADMIN" @@ -703,7 +673,7 @@ class CreateLeadFromSite(APIView): tags=["Leads"], manual_parameters=swagger_params.create_lead_from_site ) def post(self, request, *args, **kwargs): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data api_key = params.get("apikey") # api_setting = APISettings.objects.filter( # website=website_address, apikey=api_key).first() diff --git a/opportunity/admin.py b/opportunity/admin.py index 15da3748..17acadb3 100644 --- a/opportunity/admin.py +++ b/opportunity/admin.py @@ -1,4 +1,5 @@ from django.contrib import admin + from opportunity.models import Opportunity admin.site.register(Opportunity) diff --git a/opportunity/migrations/0001_initial.py b/opportunity/migrations/0001_initial.py index 4cc6bf95..369039c2 100644 --- a/opportunity/migrations/0001_initial.py +++ b/opportunity/migrations/0001_initial.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.2 on 2019-01-28 07:07 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/opportunity/migrations/0003_auto_20190212_1334.py b/opportunity/migrations/0003_auto_20190212_1334.py index 133764a4..384259c0 100644 --- a/opportunity/migrations/0003_auto_20190212_1334.py +++ b/opportunity/migrations/0003_auto_20190212_1334.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.5 on 2019-02-12 08:04 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/opportunity/migrations/0005_opportunity_company.py b/opportunity/migrations/0005_opportunity_company.py index a7d05dfa..ce743c9c 100644 --- a/opportunity/migrations/0005_opportunity_company.py +++ b/opportunity/migrations/0005_opportunity_company.py @@ -1,7 +1,7 @@ # Generated by Django 2.2.10 on 2020-04-27 12:03 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/opportunity/migrations/0007_auto_20210913_1918.py b/opportunity/migrations/0007_auto_20210913_1918.py index 401a369f..749dafce 100644 --- a/opportunity/migrations/0007_auto_20210913_1918.py +++ b/opportunity/migrations/0007_auto_20210913_1918.py @@ -1,7 +1,7 @@ # Generated by Django 3.2 on 2021-09-13 13:48 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/opportunity/migrations/0009_auto_20211006_1251.py b/opportunity/migrations/0009_auto_20211006_1251.py index 224bdb73..7b4c5c57 100644 --- a/opportunity/migrations/0009_auto_20211006_1251.py +++ b/opportunity/migrations/0009_auto_20211006_1251.py @@ -1,7 +1,7 @@ # Generated by Django 3.2.7 on 2021-10-06 07:21 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/opportunity/models.py b/opportunity/models.py index 13c7709a..0ef725a1 100644 --- a/opportunity/models.py +++ b/opportunity/models.py @@ -1,12 +1,12 @@ import arrow from django.db import models -from django.utils.translation import pgettext_lazy from django.utils.translation import gettext_lazy as _ +from django.utils.translation import pgettext_lazy from accounts.models import Account, Tags -from contacts.models import Contact from common.models import Org, Profile -from common.utils import STAGES, SOURCES, CURRENCY_CODES +from common.utils import CURRENCY_CODES, SOURCES, STAGES +from contacts.models import Contact from teams.models import Teams diff --git a/opportunity/serializer.py b/opportunity/serializer.py index d5d592a3..e10ec748 100644 --- a/opportunity/serializer.py +++ b/opportunity/serializer.py @@ -1,10 +1,11 @@ from rest_framework import serializers -from opportunity.models import Opportunity -from accounts.serializer import AccountSerializer -from contacts.serializer import ContactSerializer -from teams.serializer import TeamsSerializer -from common.serializer import ProfileSerializer, AttachmentsSerializer + from accounts.models import Tags +from accounts.serializer import AccountSerializer +from common.serializer import AttachmentsSerializer, ProfileSerializer +from contacts.serializer import ContactSerializer +from opportunity.models import Opportunity +from teams.serializer import TeamsSerializer class TagsSerializer(serializers.ModelSerializer): diff --git a/opportunity/tasks.py b/opportunity/tasks.py index c789c8d6..089a464c 100644 --- a/opportunity/tasks.py +++ b/opportunity/tasks.py @@ -2,6 +2,7 @@ from celery import Celery from django.conf import settings from django.core.mail import EmailMessage from django.template.loader import render_to_string + from common.models import Profile from opportunity.models import Opportunity diff --git a/opportunity/urls.py b/opportunity/urls.py index e33225d3..19cd4916 100644 --- a/opportunity/urls.py +++ b/opportunity/urls.py @@ -1,4 +1,5 @@ from django.urls import path + from opportunity import views app_name = "api_opportunities" diff --git a/opportunity/views.py b/opportunity/views.py index 571b9756..e4df4b70 100644 --- a/opportunity/views.py +++ b/opportunity/views.py @@ -1,38 +1,29 @@ +import json + from django.db.models import Q -from opportunity.models import Opportunity -from opportunity.tasks import send_email_to_assigned_user -from opportunity import swagger_params -from opportunity.serializer import ( - OpportunitySerializer, - OpportunityCreateSerializer, -) +from drf_yasg.utils import swagger_auto_schema +from rest_framework import status +from rest_framework.pagination import LimitOffsetPagination +from rest_framework.permissions import IsAuthenticated +from rest_framework.response import Response +from rest_framework.views import APIView + from accounts.models import Account, Tags from accounts.serializer import AccountSerializer, TagsSerailizer from common.models import Attachments, Comment, Profile - # from common.custom_auth import JSONWebTokenAuthentication -from common.serializer import ( - ProfileSerializer, - CommentSerializer, - AttachmentsSerializer, -) -from common.utils import ( - STAGES, - SOURCES, - CURRENCY_CODES, -) +from common.serializer import (AttachmentsSerializer, CommentSerializer, + ProfileSerializer) +from common.utils import CURRENCY_CODES, SOURCES, STAGES from contacts.models import Contact from contacts.serializer import ContactSerializer +from opportunity import swagger_params +from opportunity.models import Opportunity +from opportunity.serializer import (OpportunityCreateSerializer, + OpportunitySerializer) +from opportunity.tasks import send_email_to_assigned_user from teams.models import Teams -from rest_framework import status -from rest_framework.views import APIView -from rest_framework.response import Response -from rest_framework.permissions import IsAuthenticated -from rest_framework.pagination import LimitOffsetPagination -from drf_yasg.utils import swagger_auto_schema -import json - class OpportunityListView(APIView, LimitOffsetPagination): @@ -41,11 +32,7 @@ class OpportunityListView(APIView, LimitOffsetPagination): model = Opportunity def get_context_data(self, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data queryset = self.model.objects.filter(org=self.request.org).order_by("-id") accounts = Account.objects.filter(org=self.request.org) contacts = Contact.objects.filter(org=self.request.org) @@ -119,7 +106,7 @@ class OpportunityListView(APIView, LimitOffsetPagination): manual_parameters=swagger_params.opportunity_create_post_params, ) def post(self, request, *args, **kwargs): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data serializer = OpportunityCreateSerializer(data=params, request_obj=request) if serializer.is_valid(): opportunity_obj = serializer.save( @@ -202,7 +189,7 @@ class OpportunityDetailView(APIView): manual_parameters=swagger_params.opportunity_create_post_params, ) def put(self, request, pk, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data opportunity_object = self.get_object(pk=pk) if opportunity_object.org != request.org: return Response( @@ -403,11 +390,7 @@ class OpportunityDetailView(APIView): manual_parameters=swagger_params.opportunity_detail_get_params, ) def post(self, request, pk, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data context = {} self.opportunity_obj = Opportunity.objects.get(pk=pk) if self.opportunity_obj.org != request.org: @@ -474,7 +457,7 @@ class OpportunityCommentView(APIView): manual_parameters=swagger_params.opportunity_comment_edit_params, ) def put(self, request, pk, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data obj = self.get_object(pk) if ( request.profile.role == "ADMIN" diff --git a/planner/forms.py b/planner/forms.py index 851747ed..b2d481bb 100644 --- a/planner/forms.py +++ b/planner/forms.py @@ -1,6 +1,6 @@ from django import forms -from planner.models import Reminder +from planner.models import Reminder # class EventForm(forms.ModelForm): # class Meta: diff --git a/planner/migrations/0001_initial.py b/planner/migrations/0001_initial.py index 93652bed..46522269 100644 --- a/planner/migrations/0001_initial.py +++ b/planner/migrations/0001_initial.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.2 on 2019-01-28 07:07 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/planner/migrations/0002_auto_20190212_1334.py b/planner/migrations/0002_auto_20190212_1334.py index 33444253..286c5623 100644 --- a/planner/migrations/0002_auto_20190212_1334.py +++ b/planner/migrations/0002_auto_20190212_1334.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.5 on 2019-02-12 08:04 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/planner/models.py b/planner/models.py index 3e4b2d6e..81bc7943 100644 --- a/planner/models.py +++ b/planner/models.py @@ -1,13 +1,13 @@ -from django.db import models -from django.utils.translation import pgettext_lazy -from django.utils.translation import gettext_lazy as _ -from django.contrib.contenttypes.models import ContentType from django.contrib.contenttypes.fields import GenericForeignKey +from django.contrib.contenttypes.models import ContentType +from django.db import models +from django.utils.translation import gettext_lazy as _ +from django.utils.translation import pgettext_lazy -from leads.models import Lead -from contacts.models import Contact from common.models import User from common.utils import EVENT_PARENT_TYPE, EVENT_STATUS +from contacts.models import Contact +from leads.models import Lead class Reminder(models.Model): diff --git a/requirements.txt b/requirements.txt index a7580db5..b73499aa 100644 --- a/requirements.txt +++ b/requirements.txt @@ -10,6 +10,9 @@ psycopg2-binary==2.9.3 whitenoise==6.2.0 sentry-sdk==1.9.8 +wagtail>=4.0.2,<4.0.3 +django_extensions==3.2.1 + # remove it django-phonenumber-field==6.3.0 arrow==1.2.3 diff --git a/setup.py b/setup.py index d4fc0633..156644d8 100644 --- a/setup.py +++ b/setup.py @@ -1,5 +1,6 @@ import os -from setuptools import setup, find_packages + +from setuptools import find_packages, setup with open(os.path.join(os.path.dirname(__file__), "README.rst")) as readme: README = readme.read() diff --git a/static/assets/css/animate.min.css b/static/assets/css/animate.min.css new file mode 100644 index 00000000..ab93d29b --- /dev/null +++ b/static/assets/css/animate.min.css @@ -0,0 +1,7 @@ +@charset "UTF-8";/*! + * animate.css - https://animate.style/ + * Version - 4.1.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2020 Animate.css + */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} \ No newline at end of file diff --git a/static/assets/css/bootstrap.min.css b/static/assets/css/bootstrap.min.css new file mode 100644 index 00000000..526a50e9 --- /dev/null +++ b/static/assets/css/bootstrap.min.css @@ -0,0 +1,7 @@ +@charset "UTF-8";/*! + * Bootstrap v5.0.0-beta1 (https://getbootstrap.com/) + * Copyright 2011-2020 The Bootstrap Authors + * Copyright 2011-2020 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */:root{--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-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--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-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",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))}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.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}.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[data-bs-original-title],abbr[title]{text-decoration:underline;-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:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}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;direction:ltr;unicode-bidi:bidi-override}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:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}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:#6c757d;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{outline:dotted 1px;outline:-webkit-focus-ring-color auto 5px}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}[list]::-webkit-calendar-picker-indicator{display:none}[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}::file-selector-button{font:inherit}::-webkit-file-upload-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:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:#6c757d}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);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}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);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.3333333333%}.col-2{flex:0 0 auto;width:16.6666666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333333%}.col-5{flex:0 0 auto;width:41.6666666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.3333333333%}.col-8{flex:0 0 auto;width:66.6666666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.3333333333%}.col-11{flex:0 0 auto;width:91.6666666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}.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.3333333333%}.col-sm-2{flex:0 0 auto;width:16.6666666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.3333333333%}.col-sm-5{flex:0 0 auto;width:41.6666666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.3333333333%}.col-sm-8{flex:0 0 auto;width:66.6666666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.3333333333%}.col-sm-11{flex:0 0 auto;width:91.6666666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}.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.3333333333%}.col-md-2{flex:0 0 auto;width:16.6666666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.3333333333%}.col-md-5{flex:0 0 auto;width:41.6666666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.3333333333%}.col-md-8{flex:0 0 auto;width:66.6666666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.3333333333%}.col-md-11{flex:0 0 auto;width:91.6666666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}.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.3333333333%}.col-lg-2{flex:0 0 auto;width:16.6666666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.3333333333%}.col-lg-5{flex:0 0 auto;width:41.6666666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.3333333333%}.col-lg-8{flex:0 0 auto;width:66.6666666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.3333333333%}.col-lg-11{flex:0 0 auto;width:91.6666666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}.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.3333333333%}.col-xl-2{flex:0 0 auto;width:16.6666666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.3333333333%}.col-xl-5{flex:0 0 auto;width:41.6666666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.3333333333%}.col-xl-8{flex:0 0 auto;width:66.6666666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.3333333333%}.col-xl-11{flex:0 0 auto;width:91.6666666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}.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.3333333333%}.col-xxl-2{flex:0 0 auto;width:16.6666666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.3333333333%}.col-xxl-5{flex:0 0 auto;width:41.6666666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.3333333333%}.col-xxl-8{flex:0 0 auto;width:66.6666666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.3333333333%}.col-xxl-11{flex:0 0 auto;width:91.6666666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.3333333333%}.offset-xxl-2{margin-left:16.6666666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.3333333333%}.offset-xxl-5{margin-left:41.6666666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.3333333333%}.offset-xxl-8{margin-left:66.6666666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.3333333333%}.offset-xxl-11{margin-left:91.6666666667%}.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-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);background-image:linear-gradient(var(--bs-table-accent-bg),var(--bs-table-accent-bg));border-bottom-width:1px}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-striped>tbody>tr:nth-of-type(odd){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-bg:#cfe2ff;--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:#000;border-color:#bacbe6}.table-secondary{--bs-table-bg:#e2e3e5;--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:#000;border-color:#cbccce}.table-success{--bs-table-bg:#d1e7dd;--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:#000;border-color:#bcd0c7}.table-info{--bs-table-bg:#cff4fc;--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:#000;border-color:#badce3}.table-warning{--bs-table-bg:#fff3cd;--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:#000;border-color:#e6dbb9}.table-danger{--bs-table-bg:#f8d7da;--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:#000;border-color:#dfc2c4}.table-light{--bs-table-bg:#f8f9fa;--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:#000;border-color:#dfe0e1}.table-dark{--bs-table-bg:#212529;--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:#fff;border-color:#373b3e}.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 + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;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:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;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::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;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}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 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 + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}textarea.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}.form-control-color{max-width:3rem;height:auto;padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{height:1.5em;border-radius:.25rem}.form-control-color::-webkit-color-swatch{height:1.5em;border-radius:.25rem}.form-select{display:block;width:100%;padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;vertical-align:middle;background-color:#fff;background-image: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 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance: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{color:#6c757d;background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.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-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;transition:background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-check-input{transition:none}}.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]{background-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 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-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;background-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{opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image: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");background-position:left center;border-radius:2em}.form-switch .form-check-input:focus{background-image: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;background-image: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-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}.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:#dee2e6;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:#dee2e6;border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);padding:1rem .75rem}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px 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::-webkit-input-placeholder{color:transparent}.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.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{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.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:.3rem}.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:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){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>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){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:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}.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:rgba(25,135,84,.9);border-radius:.25rem}.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:#198754;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.73L.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:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.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:#198754;padding-right:calc(.75em + 2.3125rem);background-image: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 5l6 6 6-6'/%3e%3c/svg%3e"),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.73L.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-position:right .75rem center,center right 1.75rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.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:rgba(220,53,69,.9);border-radius:.25rem}.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:#dc3545;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:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.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:#dc3545;padding-right:calc(.75em + 2.3125rem);background-image: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 5l6 6 6-6'/%3e%3c/svg%3e"),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-position:right .75rem center,center right 1.75rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;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:#212529}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#fff;background-color:#5c636a;border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#565e64;border-color:#51585e}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-success{color:#fff;background-color:#198754;border-color:#198754}.btn-success:hover{color:#fff;background-color:#157347;border-color:#146c43}.btn-check:focus+.btn-success,.btn-success:focus{color:#fff;background-color:#157347;border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#146c43;border-color:#13653f}.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#198754;border-color:#198754}.btn-info{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-info:hover{color:#000;background-color:#31d2f2;border-color:#25cff2}.btn-check:focus+.btn-info,.btn-info:focus{color:#000;background-color:#31d2f2;border-color:#25cff2;box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#000;background-color:#3dd5f3;border-color:#25cff2}.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-info.disabled,.btn-info:disabled{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-warning{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}.btn-check:focus+.btn-warning,.btn-warning:focus{color:#000;background-color:#ffca2c;border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#000;background-color:#ffcd39;border-color:#ffc720}.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}.btn-check:focus+.btn-danger,.btn-danger:focus{color:#fff;background-color:#bb2d3b;border-color:#b02a37;box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#b02a37;border-color:#a52834}.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-light{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:focus+.btn-light,.btn-light:focus{color:#000;background-color:#f9fafb;border-color:#f9fafb;box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-light.disabled,.btn-light:disabled{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-dark{color:#fff;background-color:#212529;border-color:#212529}.btn-dark:hover{color:#fff;background-color:#1c1f23;border-color:#1a1e21}.btn-check:focus+.btn-dark,.btn-dark:focus{color:#fff;background-color:#1c1f23;border-color:#1a1e21;box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1a1e21;border-color:#191c1f}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#212529;border-color:#212529}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-success{color:#198754;border-color:#198754}.btn-outline-success:hover{color:#fff;background-color:#198754;border-color:#198754}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#198754;border-color:#198754}.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#198754;background-color:transparent}.btn-outline-info{color:#0dcaf0;border-color:#0dcaf0}.btn-outline-info:hover{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#0dcaf0;background-color:transparent}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-dark{color:#212529;border-color:#212529}.btn-outline-dark:hover{color:#fff;background-color:#212529;border-color:#212529}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#212529;border-color:#212529}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212529;background-color:transparent}.btn-link{font-weight:400;color:#0d6efd;text-decoration:underline}.btn-link:hover{color:#0a58ca}.btn-link.disabled,.btn-link:disabled{color:#6c757d}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.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}}.dropdown,.dropend,.dropstart,.dropup{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{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu[style]{right:auto!important}.dropdown-menu-start{--bs-position:start;right:auto;left:0}.dropdown-menu-end{--bs-position:end;right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start;right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end;right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start;right:auto;left:0}.dropdown-menu-md-end{--bs-position:end;right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start;right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end;right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start;right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end;right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start;right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end;right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.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{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.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{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.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:.5rem 0;overflow:hidden;border-top:1px solid rgba(0,0,0,.15)}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#212529}.dropdown-menu-dark{color:#dee2e6;background-color:#343a40;border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item{color:#dee2e6}.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover{color:#fff;background-color:rgba(255,255,255,.15)}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#fff;background-color:#0d6efd}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#adb5bd}.dropdown-menu-dark .dropdown-divider{border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item-text{color:#dee2e6}.dropdown-menu-dark .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>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.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:-1px}.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{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;text-decoration:none;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.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}.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}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.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:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{align-items:center;width:100%}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:box-shadow .15s ease-in-out}@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 .25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}@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:.5rem;padding-left:.5rem}.navbar-expand-sm .navbar-collapse{display:flex!important}.navbar-expand-sm .navbar-toggler{display:none}}@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:.5rem;padding-left:.5rem}.navbar-expand-md .navbar-collapse{display:flex!important}.navbar-expand-md .navbar-toggler{display:none}}@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:.5rem;padding-left:.5rem}.navbar-expand-lg .navbar-collapse{display:flex!important}.navbar-expand-lg .navbar-toggler{display:none}}@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:.5rem;padding-left:.5rem}.navbar-expand-xl .navbar-collapse{display:flex!important}.navbar-expand-xl .navbar-toggler{display:none}}@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:.5rem;padding-left:.5rem}.navbar-expand-xxl .navbar-collapse{display:flex!important}.navbar-expand-xxl .navbar-toggler{display:none}}.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:.5rem;padding-left:.5rem}.navbar-expand .navbar-collapse{display:flex!important}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.55);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.55)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image: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")}.navbar-dark .navbar-text{color:rgba(255,255,255,.55)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.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:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1rem}.card-header{padding:.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.5rem;margin-bottom:-.5rem;margin-left:-.5rem;border-bottom:0}.card-header-pills{margin-right:-.5rem;margin-left:-.5rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-group>.card{margin-bottom:.75rem}@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-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;background-color:transparent;border:1px solid rgba(0,0,0,.125);border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button.collapsed{border-bottom-width:0}.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%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");transform:rotate(180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image: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");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.accordion-header{margin-bottom:0}.accordion-item:first-of-type .accordion-button{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-width:1px;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-item:last-of-type .accordion-collapse{border-bottom-width:1px;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-collapse{border:solid rgba(0,0,0,.125);border-width:0 1px}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-button{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item:first-of-type .accordion-button{border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.accordion-flush .accordion-item:last-of-type .accordion-button.collapsed{border-bottom-width:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;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:#0a58ca;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;color:#0a58ca;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}.page-link{padding:.375rem .75rem}.page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}.alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.alert-success .alert-link{color:#0c4128}.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.alert-info .alert-link{color:#04414d}.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}.alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}.alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}.alert-dark .alert-link{color:#101214}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;transition:width .6s ease}@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:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.5rem 1rem;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.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:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#084298;background-color:#cfe2ff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}.list-group-item-secondary{color:#41464b;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}.list-group-item-success{color:#0f5132;background-color:#d1e7dd}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}.list-group-item-info{color:#055160;background-color:#cff4fc}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}.list-group-item-warning{color:#664d03;background-color:#fff3cd}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}.list-group-item-danger{color:#842029;background-color:#f8d7da}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}.list-group-item-light{color:#636464;background-color:#fefefe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}.list-group-item-dark{color:#141619;background-color:#d3d3d4}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent 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 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{width:350px;max-width:100%;font-size:.875rem;pointer-events:auto;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.25rem}.toast:not(.showing):not(.show){opacity:0}.toast.hide{display:none}.toast-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:.75rem}.toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-header .btn-close{margin-right:-.375rem;margin-left:.75rem}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;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% - 1rem)}.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% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-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-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@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-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@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-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@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-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@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-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@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-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;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;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;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;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[data-popper-placement^=top],.bs-popover-top{margin-bottom:.5rem!important}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[data-popper-placement^=right],.bs-popover-end{margin-left:.5rem!important}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[data-popper-placement^=bottom],.bs-popover-bottom{margin-top:.5rem!important}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.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:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f0f0f0}.bs-popover-auto[data-popper-placement^=left],.bs-popover-start{margin-right:.5rem!important}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1rem;background-color:#f0f0f0;border-bottom:1px solid #d8d8d8;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#212529}.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%;color:#fff;text-align:center;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-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{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 li{background-color:#000}.carousel-dark .carousel-caption{color:#000}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#0d6efd}.link-primary:focus,.link-primary:hover{color:#0a58ca}.link-secondary{color:#6c757d}.link-secondary:focus,.link-secondary:hover{color:#565e64}.link-success{color:#198754}.link-success:focus,.link-success:hover{color:#146c43}.link-info{color:#0dcaf0}.link-info:focus,.link-info:hover{color:#3dd5f3}.link-warning{color:#ffc107}.link-warning:focus,.link-warning:hover{color:#ffcd39}.link-danger{color:#dc3545}.link-danger:focus,.link-danger:hover{color:#b02a37}.link-light{color:#f8f9fa}.link-light:focus,.link-light:hover{color:#f9fafb}.link-dark{color:#212529}.link-dark:focus,.link-dark:hover{color:#1a1e21}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--aspect-ratio:100%}.ratio-4x3{--aspect-ratio:calc(3 / 4 * 100%)}.ratio-16x9{--aspect-ratio:calc(9 / 16 * 100%)}.ratio-21x9{--aspect-ratio:calc(9 / 21 * 100%)}.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}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.visually-hidden,.visually-hidden-focusable:not(:focus){position:absolute!important;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}.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}.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}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow: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-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}.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:1px solid #dee2e6!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #dee2e6!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #dee2e6!important}.border-start-0{border-left:0!important}.border-primary{border-color:#0d6efd!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#198754!important}.border-info{border-color:#0dcaf0!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#212529!important}.border-white{border-color:#fff!important}.border-0{border-width:0!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}.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}.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}.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}.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-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-primary{color:#0d6efd!important}.text-secondary{color:#6c757d!important}.text-success{color:#198754!important}.text-info{color:#0dcaf0!important}.text-warning{color:#ffc107!important}.text-danger{color:#dc3545!important}.text-light{color:#f8f9fa!important}.text-dark{color:#212529!important}.text-white{color:#fff!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-reset{color:inherit!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}.bg-primary{background-color:#0d6efd!important}.bg-secondary{background-color:#6c757d!important}.bg-success{background-color:#198754!important}.bg-info{background-color:#0dcaf0!important}.bg-warning{background-color:#ffc107!important}.bg-danger{background-color:#dc3545!important}.bg-light{background-color:#f8f9fa!important}.bg-dark{background-color:#212529!important}.bg-body{background-color:#fff!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.bg-gradient{background-image:var(--bs-gradient)!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!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-break{word-wrap:break-word!important;word-break:break-word!important}.font-monospace{font-family:var(--bs-font-monospace)!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:.25rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:.25rem!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-end{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-start{border-bottom-left-radius:.25rem!important;border-top-left-radius:.25rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float: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-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}.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}.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}.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}.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-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}.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}.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}.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}.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-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}.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}.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}.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}.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-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}.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}.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}.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}.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-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}.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}.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}.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}.fs-sm-1{font-size:2.5rem!important}.fs-sm-2{font-size:2rem!important}.fs-sm-3{font-size:1.75rem!important}.fs-sm-4{font-size:1.5rem!important}.fs-md-1{font-size:2.5rem!important}.fs-md-2{font-size:2rem!important}.fs-md-3{font-size:1.75rem!important}.fs-md-4{font-size:1.5rem!important}.fs-lg-1{font-size:2.5rem!important}.fs-lg-2{font-size:2rem!important}.fs-lg-3{font-size:1.75rem!important}.fs-lg-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-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/assets/css/bootstrap.min.css.map b/static/assets/css/bootstrap.min.css.map new file mode 100644 index 00000000..e69de29b diff --git a/static/assets/css/flaticon.css b/static/assets/css/flaticon.css new file mode 100644 index 00000000..af40b678 --- /dev/null +++ b/static/assets/css/flaticon.css @@ -0,0 +1,179 @@ +/* +Flaticon icon font: Flaticon +*/ +@font-face { + font-family: "Flaticon"; + src: url("../../assets/webfonts/Flaticon.eot"); + src: url("../../assets/webfonts/Flaticon.eot?#iefix") format("embedded-opentype"), + url("../../assets/webfonts/Flaticon.woff2") format("woff2"), + url("../../assets/webfonts/Flaticon.woff") format("woff"), + url("../../assets/webfonts/Flaticon.ttf") format("truetype"), + url("../../assets/webfonts/Flaticon.svg#Flaticon") format("svg"); + font-weight: normal; + font-style: normal; +} +@media screen and (-webkit-min-device-pixel-ratio:0) { + @font-face { + font-family: "Flaticon"; + src: url("../../assets/webfonts/Flaticon.svg#Flaticon") format("svg"); + } +} +[class^="flaticon-"]:before, [class*=" flaticon-"]:before, +[class^="flaticon-"]:after, [class*=" flaticon-"]:after { + font-family: Flaticon; + font-style: normal; +} + +.flaticon-video-conference:before { content: "\f100"; } +.flaticon-bank:before { content: "\f101"; } +.flaticon-manufacturing:before { content: "\f102"; } +.flaticon-oil:before { content: "\f103"; } +.flaticon-oil-1:before { content: "\f104"; } +.flaticon-suitcase:before { content: "\f105"; } +.flaticon-refresh:before { content: "\f106"; } +.flaticon-checking:before { content: "\f107"; } +.flaticon-hacker:before { content: "\f108"; } +.flaticon-antivirus:before { content: "\f109"; } +.flaticon-internet:before { content: "\f10a"; } +.flaticon-edit:before { content: "\f10b"; } +.flaticon-promotion:before { content: "\f10c"; } +.flaticon-email:before { content: "\f10d"; } +.flaticon-education:before { content: "\f10e"; } +.flaticon-project-management:before { content: "\f10f"; } +.flaticon-social-media:before { content: "\f110"; } +.flaticon-sketch:before { content: "\f111"; } +.flaticon-enterprise:before { content: "\f112"; } +.flaticon-verified:before { content: "\f113"; } +.flaticon-www:before { content: "\f114"; } +.flaticon-data:before { content: "\f115"; } +.flaticon-book:before { content: "\f116"; } +.flaticon-heart:before { content: "\f117"; } +.flaticon-growth:before { content: "\f118"; } +.flaticon-fast-time:before { content: "\f119"; } +.flaticon-domain:before { content: "\f11a"; } +.flaticon-brain:before { content: "\f11b"; } +.flaticon-innovation:before { content: "\f11c"; } +.flaticon-chip:before { content: "\f11d"; } +.flaticon-tools:before { content: "\f11e"; } +.flaticon-startup:before { content: "\f11f"; } +.flaticon-smartphone:before { content: "\f120"; } +.flaticon-process:before { content: "\f121"; } +.flaticon-calendar:before { content: "\f122"; } +.flaticon-shopping-cart:before { content: "\f123"; } +.flaticon-calendar-1:before { content: "\f124"; } +.flaticon-coin:before { content: "\f125"; } +.flaticon-idea:before { content: "\f126"; } +.flaticon-thinking:before { content: "\f127"; } +.flaticon-paper-plane:before { content: "\f128"; } +.flaticon-debit-card:before { content: "\f129"; } +.flaticon-checklist:before { content: "\f12a"; } +.flaticon-university:before { content: "\f12b"; } +.flaticon-database:before { content: "\f12c"; } +.flaticon-promotion-1:before { content: "\f12d"; } +.flaticon-wifi:before { content: "\f12e"; } +.flaticon-soap:before { content: "\f12f"; } +.flaticon-diamond:before { content: "\f130"; } +.flaticon-planet-earth:before { content: "\f131"; } +.flaticon-folder:before { content: "\f132"; } +.flaticon-online-shop:before { content: "\f133"; } +.flaticon-quality:before { content: "\f134"; } +.flaticon-darts:before { content: "\f135"; } +.flaticon-garbage:before { content: "\f136"; } +.flaticon-idea-1:before { content: "\f137"; } +.flaticon-rating:before { content: "\f138"; } +.flaticon-key:before { content: "\f139"; } +.flaticon-discuss-issue:before { content: "\f13a"; } +.flaticon-megaphone:before { content: "\f13b"; } +.flaticon-target:before { content: "\f13c"; } +.flaticon-megaphone-1:before { content: "\f13d"; } +.flaticon-push-pin:before { content: "\f13e"; } +.flaticon-cloud-computing:before { content: "\f13f"; } +.flaticon-megaphone-2:before { content: "\f140"; } +.flaticon-around:before { content: "\f141"; } +.flaticon-rating-1:before { content: "\f142"; } +.flaticon-cake:before { content: "\f143"; } +.flaticon-research:before { content: "\f144"; } +.flaticon-locked:before { content: "\f145"; } +.flaticon-fingerprint:before { content: "\f146"; } +.flaticon-mental-health:before { content: "\f147"; } +.flaticon-folder-1:before { content: "\f148"; } +.flaticon-customer-service:before { content: "\f149"; } +.flaticon-analysis-1:before { content: "\f14a"; } +.flaticon-compose:before { content: "\f14b"; } +.flaticon-graduation-cap:before { content: "\f14c"; } +.flaticon-credit-card:before { content: "\f14d"; } +.flaticon-online-course:before { content: "\f14e"; } +.flaticon-stats:before { content: "\f14f"; } +.flaticon-business-and-trade:before { content: "\f150"; } +.flaticon-business-plan:before { content: "\f151"; } +.flaticon-money:before { content: "\f152"; } +.flaticon-goal:before { content: "\f153"; } +.flaticon-employee:before { content: "\f154"; } +.flaticon-business:before { content: "\f155"; } +.flaticon-money-1:before { content: "\f156"; } +.flaticon-business-1:before { content: "\f157"; } +.flaticon-launch:before { content: "\f158"; } +.flaticon-strategy:before { content: "\f159"; } +.flaticon-contract:before { content: "\f15a"; } +.flaticon-stock-market:before { content: "\f15b"; } +.flaticon-profits:before { content: "\f15c"; } +.flaticon-development:before { content: "\f15d"; } +.flaticon-puzzle-pieces:before { content: "\f15e"; } +.flaticon-benefit:before { content: "\f15f"; } +.flaticon-handcuff:before { content: "\f160"; } +.flaticon-piggy-bank:before { content: "\f161"; } +.flaticon-chat:before { content: "\f162"; } +.flaticon-planning:before { content: "\f163"; } +.flaticon-development-1:before { content: "\f164"; } +.flaticon-solution:before { content: "\f165"; } +.flaticon-contract-1:before { content: "\f166"; } +.flaticon-consultant-services:before { content: "\f167"; } +.flaticon-file:before { content: "\f168"; } +.flaticon-rating-2:before { content: "\f169"; } +.flaticon-group:before { content: "\f16a"; } +.flaticon-trophy:before { content: "\f16b"; } +.flaticon-digital-marketing:before { content: "\f16c"; } +.flaticon-statistics:before { content: "\f16d"; } +.flaticon-consulting:before { content: "\f16e"; } +.flaticon-graphic-design:before { content: "\f16f"; } +.flaticon-development-2:before { content: "\f170"; } +.flaticon-play-button:before { content: "\f171"; } +.flaticon-log-in:before { content: "\f172"; } +.flaticon-automation:before { content: "\f173"; } +.flaticon-customer-support:before { content: "\f174"; } +.flaticon-cloud-storage:before { content: "\f175"; } +.flaticon-mobile-app:before { content: "\f176"; } +.flaticon-ux:before { content: "\f177"; } +.flaticon-seo:before { content: "\f178"; } +.flaticon-application:before { content: "\f179"; } +.flaticon-bullhorn:before { content: "\f17a"; } +.flaticon-web-development:before { content: "\f17b"; } +.flaticon-development-3:before { content: "\f17c"; } +.flaticon-digital-marketing-1:before { content: "\f17d"; } +.flaticon-analytics:before { content: "\f17e"; } +.flaticon-solution-1:before { content: "\f17f"; } +.flaticon-consulting-1:before { content: "\f180"; } +.flaticon-analysis-2:before { content: "\f181"; } +.flaticon-project-management-1:before { content: "\f182"; } +.flaticon-analytics-1:before { content: "\f183"; } +.flaticon-innovation-1:before { content: "\f184"; } +.flaticon-growth-1:before { content: "\f185"; } +.flaticon-consultation:before { content: "\f186"; } +.flaticon-product-design:before { content: "\f187"; } +.flaticon-web-design:before { content: "\f188"; } +.flaticon-logo:before { content: "\f189"; } +.flaticon-print:before { content: "\f18a"; } +.flaticon-graphic-design-1:before { content: "\f18b"; } +.flaticon-motion-graphic:before { content: "\f18c"; } +.flaticon-engineering:before { content: "\f18d"; } +.flaticon-secure-data:before { content: "\f18e"; } +.flaticon-license:before { content: "\f18f"; } +.flaticon-planning-1:before { content: "\f190"; } +.flaticon-analytics-2:before { content: "\f191"; } +.flaticon-scalable:before { content: "\f192"; } +.flaticon-system-update:before { content: "\f193"; } +.flaticon-left-arrow:before { content: "\f194"; } +.flaticon-right-arrow:before { content: "\f195"; } +.flaticon-quotation:before { content: "\f196"; } +.flaticon-apple:before { content: "\f197"; } +.flaticon-play-store:before { content: "\f198"; } \ No newline at end of file diff --git a/static/assets/css/fontawesome.min.css b/static/assets/css/fontawesome.min.css new file mode 100644 index 00000000..656a5074 --- /dev/null +++ b/static/assets/css/fontawesome.min.css @@ -0,0 +1,5 @@ +/*! + * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900} \ No newline at end of file diff --git a/static/assets/css/magnific-popup.min.css b/static/assets/css/magnific-popup.min.css new file mode 100644 index 00000000..c00c6ff9 --- /dev/null +++ b/static/assets/css/magnific-popup.min.css @@ -0,0 +1 @@ +.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.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:-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:0;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:.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:.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:.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}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}.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){.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 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} \ No newline at end of file diff --git a/static/assets/css/meanmenu.min.css b/static/assets/css/meanmenu.min.css new file mode 100644 index 00000000..3a73cd9a --- /dev/null +++ b/static/assets/css/meanmenu.min.css @@ -0,0 +1,8 @@ +/*! ####################################################################### + + MeanMenu 2.0.7 + -------- + + To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/) + +####################################################################### */a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding:4px 0;min-height:42px;z-index:999999}.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:32px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important} \ No newline at end of file diff --git a/static/assets/css/odometer.min.css b/static/assets/css/odometer.min.css new file mode 100644 index 00000000..ac13c6f6 --- /dev/null +++ b/static/assets/css/odometer.min.css @@ -0,0 +1,2 @@ +/*! odometer 0.4.8 */ +.odometer.odometer-auto-theme,.odometer.odometer-theme-default{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;position:relative}.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s}.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value{text-align:center} \ No newline at end of file diff --git a/static/assets/css/owl.carousel.min.css b/static/assets/css/owl.carousel.min.css new file mode 100644 index 00000000..1b3ecda6 --- /dev/null +++ b/static/assets/css/owl.carousel.min.css @@ -0,0 +1,6 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ + .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;touch-action:manipulation;-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;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.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{-ms-touch-action:pan-y;touch-action:pan-y;-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 .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.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/assets/css/owl.theme.default.min.css b/static/assets/css/owl.theme.default.min.css new file mode 100644 index 00000000..d86a30fa --- /dev/null +++ b/static/assets/css/owl.theme.default.min.css @@ -0,0 +1,6 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ + .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/assets/css/owl.video.play.png b/static/assets/css/owl.video.play.png new file mode 100644 index 00000000..5d0218d4 Binary files /dev/null and b/static/assets/css/owl.video.play.png differ diff --git a/static/assets/css/rangeSlider.min.css b/static/assets/css/rangeSlider.min.css new file mode 100644 index 00000000..0ed3591f --- /dev/null +++ b/static/assets/css/rangeSlider.min.css @@ -0,0 +1,4 @@ +/* +!Ion.RangeSlider, 2.3.0, © Denis Ineshin, 2010 - 2018, IonDen.com, Build date: 2018-12-12 00:07:25 +*/ +.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px} \ No newline at end of file diff --git a/static/assets/css/responsive.css b/static/assets/css/responsive.css new file mode 100644 index 00000000..3ce36649 --- /dev/null +++ b/static/assets/css/responsive.css @@ -0,0 +1,4956 @@ +/* Max width 767px */ +@media only screen and (max-width: 767px) { + body { + font-size: 13.5px; + } + p { + font-size: 13.5px; + } + .ptb-100 { + padding-top: 60px; + padding-bottom: 60px; + } + .pt-100 { + padding-top: 60px; + } + .pb-100 { + padding-bottom: 60px; + } + .ptb-70 { + padding-top: 30px; + padding-bottom: 30px; + } + .pt-70 { + padding-top: 30px; + } + .pb-70 { + padding-bottom: 30px; + } + .default-btn { + padding: 11px 40px 11px 25px; + font-size: 13.5px; + } + .default-btn i { + right: 25px; + font-size: 12px; + } + .default-btn:hover i { + right: 20px; + } + .section-title { + max-width: 100%; + margin-left: 0; + margin-right: 0; + margin-bottom: 40px; + margin-top: -2px; + } + .section-title .sub-title { + font-size: 13px; + } + .section-title h2 { + font-size: 22px; + } + .section-title p { + max-width: 100%; + margin-top: 12px; + } + .section-title.style-two { + padding-left: 0; + text-align: center; + margin-bottom: 40px; + } + .section-title.style-two h2 { + font-size: 22px; + } + .section-title.style-two h2::before { + display: none; + } + .section-title.style-two p { + max-width: 100%; + } + .section-title.style-three h2 span { + padding-left: 10px; + padding-right: 10px; + } + .section-title.style-four { + text-align: center; + margin-bottom: 40px; + } + .section-title.style-four h2 { + font-size: 22px; + } + .section-title.style-four::before { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + } + .form-control { + font-size: 13.5px; + } + .top-header-area { + text-align: center; + } + .top-header-area .container-fluid { + max-width: 100%; + } + .top-header-area.top-header-style-two .container-fluid { + max-width: 100%; + } + .top-header-area.top-header-style-three .container-fluid { + max-width: 100%; + } + .top-header-contact-info { + text-align: center !important; + } + .top-header-contact-info .email { + padding-left: 20px; + margin-right: 10px; + margin-top: 10px; + } + .top-header-contact-info .email i { + top: 4.5px; + } + .top-header-contact-info .number { + padding-left: 20px; + margin-top: 10px; + } + .top-header-contact-info .number i { + top: 4px; + } + .top-header-contact-info .lang-switcher { + padding-left: 18px; + margin-left: 10px; + margin-top: 10px; + } + .search-overlay .search-overlay-form { + max-width: 290px; + width: 290px; + } + .search-overlay .search-overlay-form form .input-search { + height: 50px; + font-size: 15px; + } + .search-overlay .search-overlay-form form button { + font-size: 18px; + } + .header-area.p-responsive-relative { + position: relative; + } + .startup-banner-area .container-fluid { + max-width: 100%; + padding-left: 0; + padding-right: 0; + } + .startup-banner-inner { + padding-top: 60px; + padding-left: 15px; + padding-right: 15px; + padding-bottom: 60px; + } + .startup-banner-content { + padding-right: 0; + text-align: center; + } + .startup-banner-content .sub-title { + font-size: 13px; + } + .startup-banner-content h1 { + margin-bottom: 18px; + font-size: 25px; + } + .startup-banner-content p { + max-width: 100%; + } + .startup-banner-content .default-btn { + margin-top: 5px; + } + .startup-banner-image { + padding-left: 0; + margin-top: 30px; + } + .marketing-banner-area { + padding-top: 60px; + padding-bottom: 60px; + } + .marketing-banner-content { + text-align: center; + padding-right: 0; + } + .marketing-banner-content .sub-title { + font-size: 13px; + } + .marketing-banner-content h1 { + margin-bottom: 18px; + font-size: 25px; + } + .marketing-banner-content p { + max-width: 100%; + } + .marketing-banner-content .default-btn { + margin-top: 5px; + } + .marketing-banner-image { + margin-top: 30px; + } + .business-banner-area { + padding-top: 60px; + padding-bottom: 60px; + } + .business-banner-area .container { + max-width: 100%; + } + .business-banner-area::before { + display: none; + } + .business-banner-content { + padding-right: 0; + text-align: center; + max-width: 100%; + } + .business-banner-content .sub-title { + font-size: 13px; + } + .business-banner-content h1 { + margin-bottom: 12px; + font-size: 25px; + } + .business-banner-content p { + max-width: 100%; + } + .business-banner-content .default-btn { + margin-top: 5px; + } + .business-banner-image { + margin-top: 30px; + } + .business-banner-image img { + border-radius: 0; + } + .app-banner-area { + padding-top: 60px; + padding-bottom: 60px; + } + .app-banner-area .container { + max-width: 100%; + } + .app-banner-content { + text-align: center; + } + .app-banner-content h1 { + margin-bottom: 20px; + font-size: 25px; + } + .app-banner-content .btn-box { + margin-top: 25px; + } + .app-banner-content .btn-box .store-btn { + padding: 10px 10px 10px 45px; + font-size: 12px; + text-align: start; + margin-left: 3px; + margin-right: 3px; + } + .app-banner-content .btn-box .store-btn:first-child { + margin-left: 0; + } + .app-banner-content .btn-box .store-btn img { + left: 10px; + width: 25px; + } + .app-banner-content .btn-box .store-btn span { + font-size: 14px; + } + .app-banner-image { + padding-left: 0; + margin-top: 35px; + } + .saas-banner-area { + padding-top: 60px; + } + .saas-banner-area .container-fluid { + padding-left: 15px; + padding-right: 15px; + } + .saas-banner-content { + text-align: center; + max-width: 100%; + margin-left: 0; + } + .saas-banner-content .sub-title { + font-size: 13px; + } + .saas-banner-content h1 { + margin-bottom: 18px; + font-size: 25px; + } + .saas-banner-content p { + max-width: 100%; + } + .saas-banner-content .default-btn { + margin-top: 5px; + } + .saas-banner-image { + margin-top: 35px; + } + .personal-portfolio-banner-area { + padding-top: 60px; + padding-bottom: 60px; + } + .personal-portfolio-banner-area .container { + max-width: 100%; + } + .personal-portfolio-banner-content { + text-align: center; + } + .personal-portfolio-banner-content .sub-title { + font-size: 13px; + padding-left: 0; + } + .personal-portfolio-banner-content .sub-title::before { + display: none; + } + .personal-portfolio-banner-content h1 { + margin-bottom: 15px; + font-size: 25px; + } + .personal-portfolio-banner-content h4 { + margin-bottom: 15px; + font-size: 16px; + } + .personal-portfolio-banner-content p { + max-width: 100%; + } + .personal-portfolio-banner-image { + margin-top: 30px; + } + .consulting-banner-area { + padding-top: 235px; + padding-bottom: 60px; + } + .consulting-banner-area .container { + max-width: 100%; + } + .consulting-banner-area::before { + display: block; + } + .consulting-banner-content { + text-align: center; + max-width: 100%; + } + .consulting-banner-content h1 { + margin-bottom: 15px; + font-size: 25px; + } + .consulting-banner-content p { + max-width: 100%; + } + .consulting-banner-content .default-btn { + margin-top: 5px; + } + .it-agency-banner-area .it-agency-inner-banner { + padding-top: 230px; + padding-bottom: 60px; + } + .it-agency-banner-content { + max-width: 100%; + } + .it-agency-banner-content h1 { + margin-bottom: 15px; + font-size: 25px; + } + .it-agency-banner-content p { + max-width: 100%; + } + .it-agency-banner-content .default-btn { + margin-top: 5px; + } + .banner-video-box { + max-width: 100%; + margin-top: 60px; + } + .banner-video-box .video-btn { + width: 60px; + height: 60px; + font-size: 25px; + } + .shop-banner-area { + background-position: left center; + padding-top: 60px; + padding-bottom: 60px; + } + .shop-banner-content .sub-title { + font-size: 15px; + margin-bottom: 8px; + } + .shop-banner-content h1 { + margin-bottom: 12px; + font-size: 25px; + } + .shop-banner-content h4 { + font-size: 16px; + } + .shop-banner-content .default-btn { + margin-top: 20px; + } + .blog-banner-area { + padding-top: 60px; + padding-bottom: 60px; + } + .blog-banner-item { + margin-bottom: 30px; + } + .blog-banner-item .content { + max-width: 100%; + padding: 20px 15px; + top: 0; + background-color: white; + position: relative; + -webkit-transform: translateY(0); + transform: translateY(0); + } + .blog-banner-item .content h3 { + font-size: 16px; + } + .blog-banner-item .content .meta li a i { + top: 6px; + } + .blog-banner-item-list .single-blog-banner-item .image { + height: auto; + background-image: unset !important; + } + .blog-banner-item-list .single-blog-banner-item .image img { + display: inline-block; + } + .blog-banner-item-list .single-blog-banner-item .content { + padding-left: 0; + padding-bottom: 0; + padding-top: 20px; + } + .blog-banner-item-list .single-blog-banner-item .content h3 { + margin-bottom: 12px; + font-size: 16px; + } + .blog-banner-item-list .single-blog-banner-item .content .date i { + top: 2px; + } + .furniture-banner-item { + padding-top: 60px; + padding-bottom: 95px; + } + .furniture-banner-content { + padding: 20px 15px; + max-width: 100%; + text-align: center; + border-width: 2px; + } + .furniture-banner-content h1 { + margin-bottom: 12px; + font-size: 25px; + } + .furniture-banner-content .default-btn { + margin-top: 5px; + } + .furniture-banner-slides.owl-theme .owl-dots { + top: auto; + -webkit-transform: translateY(0); + transform: translateY(0); + bottom: 30px; + left: 0; + right: 0; + } + .furniture-banner-slides.owl-theme .owl-dots .owl-dot { + display: inline-block; + margin: 0 5px; + } + .furniture-banner-slides.owl-theme .owl-dots .owl-dot span { + width: 35px; + } + .minimal-portfolio-banner-area { + padding-top: 150px; + padding-bottom: 140px; + } + .minimal-portfolio-banner-content { + max-width: 100%; + } + .minimal-portfolio-banner-content .typewrite { + margin-bottom: 25px; + padding: 6px 15px; + font-size: 13px; + } + .minimal-portfolio-banner-content h1 { + font-size: 25px; + margin-bottom: 25px; + } + .shape1, .shape13, .shape2, .shape3, .shape4, .shape5, .shape6, .shape7, .shape8, .shape9, .shape16, .shape17, .divider, .shape18, .shape19 { + display: none !important; + } + .shape10 { + max-width: 290px; + } + .features-area { + padding-top: 60px; + padding-bottom: 30px; + } + .single-features-box { + padding-left: 0; + padding-right: 0; + } + .single-features-box .icon { + font-size: 40px; + margin-bottom: 20px; + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .single-features-box h3 { + font-size: 16px; + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .single-features-box p { + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .single-features-box .link-btn { + left: 0; + bottom: 0 !important; + opacity: 1; + -webkit-transform: unset; + transform: unset; + margin-top: 15px; + position: relative; + visibility: visible; + } + .single-features-box .link-btn i { + top: 5px; + font-size: 11px; + } + .features-box { + padding: 20px 15px; + } + .features-box h3 { + font-size: 16px; + } + .features-box .icon { + width: 60px; + height: 60px; + font-size: 30px; + line-height: 60px; + margin-bottom: 20px; + } + .single-features-item { + text-align: center; + padding-left: 0; + } + .single-features-item .icon { + position: relative; + font-size: 35px; + display: inline-block; + margin-bottom: 15px; + } + .single-features-item h3 { + font-size: 16px; + } + .single-features-item h3 br { + display: none; + } + .shape15 { + display: none; + } + .features-item { + padding: 20px 15px; + } + .features-item h3 { + font-size: 16px; + } + .features-item .icon { + font-size: 25px; + margin-right: 10px; + } + .startup-about-area { + border-bottom: 1px solid #eeeeee; + margin-bottom: 60px; + } + .startup-about-area .container-fluid { + max-width: 100%; + } + .startup-about-image { + margin-right: 0; + padding: 0; + } + .startup-about-image .video-btn { + left: 50%; + width: 60px; + height: 60px; + font-size: 22px; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + } + .startup-about-image .video-btn::after, .startup-about-image .video-btn::before { + border-width: 1px; + } + .startup-about-content { + padding-left: 0; + text-align: center; + margin-top: 30px; + max-width: 100%; + } + .startup-about-content .sub-title { + font-size: 13px; + } + .startup-about-content h2 { + font-size: 22px; + } + .startup-about-content .features-list { + padding-left: 0; + list-style-type: none; + } + .startup-about-content .features-list li { + font-weight: 600; + } + .marketing-about-image { + margin-right: 0; + } + .marketing-about-content { + padding-left: 0; + text-align: center; + margin-top: 30px; + } + .marketing-about-content .sub-title { + font-size: 13px; + } + .marketing-about-content h2 { + font-size: 22px; + } + .marketing-about-content .features-list { + padding-left: 0; + list-style-type: none; + } + .marketing-about-content .features-list li { + font-weight: 600; + } + .business-about-image { + padding-right: 0; + } + .business-about-content { + padding-left: 0; + text-align: center; + margin-top: 30px; + } + .business-about-content .sub-title { + font-size: 13px; + } + .business-about-content h2 { + font-size: 22px; + } + .shape11, .shape12 { + display: none; + } + .app-about-content { + padding-right: 0; + } + .app-about-content h3 { + margin-bottom: 15px; + font-size: 16px; + } + .app-about-content .default-btn { + margin-top: 5px; + } + .app-about-image { + padding-left: 0; + margin-top: 30px; + } + .saas-about-image { + padding-right: 0; + margin-bottom: 30px; + } + .saas-about-content { + padding-left: 0; + } + .saas-about-content .sub-title { + font-size: 13px; + } + .saas-about-content h2 { + font-size: 22px; + } + .it-agency-about-image { + margin-right: 0; + text-align: end; + padding-right: 0; + padding-bottom: 0; + } + .it-agency-about-image .main-image { + padding-bottom: 100px; + padding-right: 0; + padding-left: 80px; + } + .it-agency-about-image .main-image img:nth-child(2) { + right: 0; + left: 0; + position: relative; + top: 0; + } + .it-agency-about-image .main-image img:nth-child(1) { + left: 0; + bottom: 0; + z-index: 2; + max-width: 200px; + position: absolute; + } + .it-agency-about-content { + padding-left: 0; + text-align: center; + margin-top: 30px; + } + .it-agency-about-content .sub-title { + font-size: 13px; + } + .it-agency-about-content h2 { + font-size: 22px; + } + .it-agency-about-content .features-list { + padding-left: 0; + list-style-type: none; + } + .it-agency-about-content .features-list li { + font-weight: 600; + } + .single-services-box .content { + padding: 15px; + } + .single-services-box .content .icon { + font-size: 35px; + margin-bottom: 15px; + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .single-services-box .content h3 { + font-size: 16px; + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .single-services-box .content p { + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .single-services-box .content .link-btn { + left: 0; + bottom: 0 !important; + opacity: 1; + -webkit-transform: unset; + transform: unset; + margin-top: 13px; + position: relative; + visibility: visible; + } + .single-services-box .content .link-btn i { + top: 5px; + font-size: 11px; + } + .single-services-box::before { + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(35, 35, 37, 0.9)), color-stop(50%, rgba(35, 35, 37, 0.7)), color-stop(75%, rgba(22, 22, 23, 0)), to(rgba(0, 0, 0, 0))); + background: linear-gradient(to top, rgba(35, 35, 37, 0.9) 0, rgba(35, 35, 37, 0.7) 50%, rgba(22, 22, 23, 0) 75%, rgba(0, 0, 0, 0) 100%); + } + .single-services-item .content { + padding-top: 20px; + padding-left: 0; + padding-right: 0; + } + .single-services-item .content h3 { + font-size: 16px; + } + .services-tabs .nav { + margin-bottom: 20px; + border-bottom: 1px solid #eeeeee; + padding-bottom: 10px; + } + .services-tabs .nav .nav-item { + margin-left: 10px; + margin-right: 10px; + margin-bottom: 20px; + } + .services-tabs .nav .nav-item .nav-link { + font-size: 14px; + } + .services-tabs .nav .nav-item .nav-link .icon { + width: 60px; + height: 60px; + line-height: 60px; + font-size: 25px; + padding-right: 5px; + margin-bottom: 12px; + } + .single-main-services .content { + padding-right: 0; + text-align: center; + margin-bottom: 30px; + } + .single-main-services .content h3 { + font-size: 19px; + } + .single-main-services .content p { + max-width: 100%; + } + .services-box { + padding: 20px 15px; + } + .services-box .icon { + font-size: 40px; + margin-bottom: 20px; + } + .services-box h3 { + font-size: 16px; + } + .services-item h3 { + font-size: 16px; + margin-top: 20px; + } + .services-item .hover-content { + padding: 20px 15px; + } + .services-item .hover-content .link-btn i { + top: 6px; + } + .col-lg-3:nth-child(2) .services-box, .col-lg-3:nth-child(4) .services-box { + margin-top: 0; + } + .col-lg-3:nth-child(5) .services-box, .col-lg-3:nth-child(7) .services-box { + margin-top: 0; + } + .single-it-services-box { + padding: 20px 15px; + text-align: center; + } + .single-it-services-box .icon { + left: 0; + top: 0; + font-size: 35px; + display: block; + position: relative; + margin-bottom: 20px; + } + .single-it-services-box h3 { + font-size: 16px; + } + .services-details-desc h3 { + font-size: 17px; + } + .screenshot-wrap .screenshot-frame { + display: none; + } + .screenshot-slides.owl-theme { + padding-top: 40px; + } + .screenshot-slides.owl-theme .owl-nav [class*=owl-] { + left: 15px; + width: 30px; + line-height: 30px; + height: 30px; + font-size: 15px; + top: 0; + -webkit-transform: translateY(0); + transform: translateY(0); + } + .screenshot-slides.owl-theme .owl-nav [class*=owl-].owl-next { + left: auto; + right: 15px; + } + .expertise-box { + text-align: center; + } + .expertise-box .icon { + width: 60px; + height: 60px; + font-size: 30px; + line-height: 60px; + margin-left: auto; + margin-right: auto; + margin-bottom: 20px; + } + .expertise-box h3 { + font-size: 16px; + } + .categories-box h3 { + font-size: 16px; + padding-left: 15px; + padding-right: 15px; + } + .categories-slides.owl-theme .owl-nav { + opacity: 1; + visibility: visible; + margin-bottom: 30px; + } + .categories-slides.owl-theme .owl-nav [class*=owl-] { + margin: 0 5px; + position: relative; + left: 0; + top: 0; + width: 30px; + height: 30px; + line-height: 30px; + -webkit-transform: unset; + transform: unset; + } + .categories-slides.owl-theme .owl-nav [class*=owl-].owl-next { + right: 0; + } + .who-we-are-content { + padding: 20px 15px; + text-align: center; + } + .who-we-are-content .sub-title { + font-size: 13px; + } + .who-we-are-content h2 { + font-size: 16px; + } + .who-we-are-content .default-btn { + margin-top: 5px; + } + .who-we-are-image .video-btn { + width: 60px; + height: 60px; + font-size: 20px; + } + .categories-area { + border-bottom: 1px solid #eeeeee; + margin-bottom: 55px; + } + .single-categories-box h3 { + top: 15px; + left: 15px; + font-size: 15px; + padding: 7px 20px; + } + .startup-works-area { + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #eeeeee; + padding-top: 60px; + margin-bottom: 60px; + } + .startup-works-area .section-title { + padding-top: 0; + text-align: center; + margin-bottom: 40px; + } + .startup-works-area .section-title h2 { + font-size: 22px; + } + .startup-works-content { + text-align: center; + position: relative; + border-top: 1px solid #eeeeee; + margin-top: 15px; + padding-top: 50px; + padding-right: 0; + } + .startup-works-content h3 { + font-size: 16px; + margin-bottom: 12px; + } + .startup-works-content .custom-owl-nav { + margin-top: 0; + } + .startup-works-content .custom-owl-nav [class*=owl-] { + margin: 0 3px; + font-size: 13px; + padding: 6px 20px 6px !important; + position: absolute; + left: 0; + top: -15px; + } + .startup-works-content .custom-owl-nav [class*=owl-].custom-owl-next { + left: auto; + right: 0; + } + .startup-works-image { + margin-left: 0; + margin-top: 15px; + padding-top: 0; + padding-right: 0; + padding-bottom: 0; + } + .single-works-box .works-image .works-overlay h3 { + font-size: 16px; + } + .works-box h3 { + opacity: 1; + visibility: visible; + top: auto; + -webkit-transform: translateY(0); + transform: translateY(0); + bottom: 0; + font-size: 16px; + padding: 10px; + margin-left: 0; + margin-right: 0; + margin-top: 0; + } + .works-box-btn { + margin-top: 5px; + } + .single-works-item .content { + padding-left: 15px; + padding-right: 15px; + } + .single-works-item .content .link-btn { + width: 40px; + height: 40px; + line-height: 40px; + } + .single-works-item .content h3 { + font-size: 16px; + } + .how-it-works-content { + padding-right: 0; + } + .how-it-works-content ul li { + padding-left: 50px; + } + .how-it-works-content ul li i { + font-size: 30px; + } + .how-it-works-content ul li h3 { + font-size: 16px; + } + .how-it-works-image { + margin-top: 30px; + } + .single-process-box { + padding: 25px 15px; + } + .single-process-box h3 { + font-size: 16px; + } + .funfacts-inner { + padding-left: 15px; + padding-right: 15px; + } + .funfacts-inner.border-radius.ptb-70 { + padding-bottom: 10px; + } + .single-funfacts-box { + text-align: center; + padding: 20px 10px; + } + .single-funfacts-box .icon { + position: relative; + top: 0; + line-height: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + left: 0; + font-size: 30px; + margin-bottom: 15px; + display: block; + } + .single-funfacts-box h3 { + font-size: 30px; + } + .single-funfacts-box.without-bg-color { + border-right: none; + margin-right: 0; + padding: 0; + } + .single-funfacts-box.text-center { + border-right: none; + padding: 0; + } + .single-products-box .image .buttons-list li { + -webkit-transform: translateY(0); + transform: translateY(0); + visibility: visible; + opacity: 1; + } + .single-products-box .image .buttons-list li a .tooltip-label::before { + bottom: -12px; + } + .single-products-box .image .buttons-list li a:hover .tooltip-label { + top: -40px; + } + .single-products-box .content h3 { + font-size: 16px; + } + .single-products-box .content .rating { + margin-bottom: 10px; + font-size: 12px; + } + .single-products-box .content .price span { + font-size: 14px; + } + .startup-testimonials-area .container-fluid { + max-width: 100%; + } + .startup-testimonials-image { + padding: 0; + } + .startup-testimonials-image .main-image { + -webkit-animation: unset !important; + animation: unset !important; + } + .startup-testimonials-content { + padding-left: 15px; + padding-right: 15px; + padding-bottom: 30px; + padding-top: 30px; + } + .startup-testimonials-content .icon { + margin-bottom: 15px; + font-size: 30px; + } + .startup-testimonials-content p { + font-size: 15px; + } + .startup-testimonials-content .info { + margin-top: 20px; + padding-top: 20px; + } + .startup-testimonials-content .info h3 { + font-size: 15px; + margin-bottom: 7px; + } + .startup-testimonials-slides.owl-theme .owl-nav { + right: 0; + bottom: 0; + -webkit-transform: unset; + transform: unset; + position: relative; + padding-bottom: 30px; + } + .startup-testimonials-slides.owl-theme .owl-nav [class*=owl-] { + margin: 0 3px; + font-size: 13px; + padding: 6px 20px 6px !important; + } + .marketing-testimonials-image { + margin-left: 0; + margin-right: 0; + margin-bottom: 30px; + } + .marketing-testimonials-content { + padding-bottom: 0; + } + .marketing-testimonials-content .icon { + margin-bottom: 15px; + font-size: 30px; + } + .marketing-testimonials-content p { + font-size: 15px; + } + .marketing-testimonials-content .info { + margin-top: 20px; + } + .marketing-testimonials-content .info h3 { + font-size: 15px; + margin-bottom: 7px; + } + .marketing-testimonials-slides.owl-theme .owl-nav { + right: 0; + bottom: 0; + margin-top: 25px; + -webkit-transform: unset; + transform: unset; + position: relative; + } + .marketing-testimonials-slides.owl-theme .owl-nav [class*=owl-] { + margin: 0 3px; + font-size: 13px; + padding: 6px 20px 6px !important; + } + .business-testimonials-image { + margin-right: 0; + margin-bottom: 40px; + } + .business-testimonials-content .icon { + margin-bottom: 15px; + font-size: 30px; + } + .business-testimonials-content p { + font-size: 15px; + } + .business-testimonials-content .info { + margin-top: 20px; + } + .business-testimonials-content .info h3 { + font-size: 15px; + margin-bottom: 7px; + } + .testimonials-slides.owl-theme { + padding-left: 0; + padding-right: 0; + } + .testimonials-slides.owl-theme .owl-nav { + margin-top: 30px; + } + .testimonials-slides.owl-theme .owl-nav [class*=owl-] { + padding: 6px 20px 6px !important; + left: 0; + top: 0; + -webkit-transform: unset; + transform: unset; + position: relative; + font-size: 13px; + margin: 0 4px; + } + .testimonials-inner { + padding-left: 15px; + padding-right: 15px; + } + .testimonials-inner .testimonials-slides.owl-theme .owl-nav [class*=owl-] { + margin: 0 5px; + font-size: 15px; + width: 35px; + height: 35px; + line-height: 35px; + } + .testimonials-inner.it-agency-color { + padding-left: 0; + padding-right: 0; + } + .testimonials-inner.minimal-portfolio-color { + padding-left: 0; + padding-right: 0; + } + .testimonials-inner.shop-color { + padding-left: 0; + padding-right: 0; + } + .testimonials-item { + max-width: 100%; + } + .testimonials-item .icon { + margin-bottom: 15px; + font-size: 30px; + } + .testimonials-item p { + font-size: 15px; + } + .testimonials-item .info { + margin-top: 20px; + } + .testimonials-item .info img { + width: 70px !important; + height: 70px; + } + .testimonials-item .info .title h3 { + font-size: 15px; + margin-bottom: 7px; + } + .saas-testimonials-slides.owl-theme { + margin-top: 30px; + padding-left: 0; + padding-right: 0; + } + .saas-testimonials-slides.owl-theme .owl-nav { + margin-top: 20px; + } + .saas-testimonials-slides.owl-theme .owl-nav [class*=owl-] { + top: 0; + left: 0; + margin: 0 6px; + font-size: 20px; + -webkit-transform: unset; + transform: unset; + position: relative; + } + .saas-testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next { + right: 0; + } + .saas-testimonials-item { + padding: 20px 15px; + text-align: center; + } + .saas-testimonials-item .info { + margin-bottom: 20px; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: start; + } + .saas-testimonials-item .info img { + width: 65px !important; + height: 65px; + } + .saas-testimonials-item .info .title { + text-align: start; + } + .saas-testimonials-item .info .title h3 { + font-size: 15px; + } + .saas-testimonials-item p { + font-size: 14px; + } + .testimonials-box { + padding: 20px 15px; + } + .testimonials-box .icon { + width: 60px; + height: 60px; + line-height: 60px; + font-size: 25px; + margin-bottom: 15px; + } + .testimonials-box p { + font-size: 14px; + } + .testimonials-box .info { + margin-top: 20px; + } + .testimonials-box .info h3 { + font-size: 15px; + } + .single-skills-box { + padding: 20px; + } + .short-brief-area .row .col-lg-6:last-child .short-brief-content { + border-bottom: none; + margin-bottom: 0; + } + .short-brief-content { + border-bottom: 1px solid #eeeeee; + padding-bottom: 30px; + } + .short-brief-content .timeline-content h3 { + font-size: 16px; + margin-bottom: 12px; + } + .short-brief-content .timeline-item { + padding-left: 30px; + } + .short-brief-content .timeline-info .sub-title { + margin-bottom: 10px; + } + .short-brief-content .timeline-info .sub-title span { + font-size: 15px; + } + .video-box .video-btn { + top: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + width: 55px; + height: 55px; + font-size: 20px; + } + .single-team-member .content { + padding: 20px 15px; + } + .single-team-member .content::before { + opacity: 1; + visibility: visible; + } + .single-team-member .content h3 { + font-size: 16px; + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .single-team-member .content span { + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .single-team-member .content .social { + bottom: auto; + opacity: 1; + visibility: visible; + top: -30px; + } + .single-team-member .content .social li a { + font-size: 15px; + } + .single-team-box .image .social { + margin-bottom: 0; + opacity: 1; + visibility: visible; + padding: 20px; + } + .single-team-box .content { + margin-top: 20px; + } + .single-team-box .content h3 { + font-size: 16px; + } + .team-member .content { + padding: 20px 15px; + margin-top: 0; + } + .team-member .content::before { + opacity: 1; + visibility: visible; + } + .team-member .content h3 { + font-size: 16px; + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .team-member .content span { + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .team-member .content .social { + visibility: visible; + bottom: auto; + opacity: 1; + top: -30px; + } + .team-member .content .social li a { + font-size: 15px; + } + .team-box .content { + visibility: visible; + position: relative; + padding: 20px 15px; + opacity: 1; + bottom: 0; + } + .team-box .content h3 { + font-size: 16px; + } + .team-box .content .social li a { + font-size: 17px; + } + .single-pricing-box { + text-align: center; + padding: 20px 15px; + } + .single-pricing-box .pricing-header { + margin-bottom: 20px; + padding-bottom: 20px; + } + .single-pricing-box .pricing-header h3 { + font-size: 30px; + } + .single-pricing-box .pricing-header h3 span { + font-size: 13px; + } + .single-pricing-box .features-list { + max-width: 176px; + text-align: start; + margin-bottom: 20px; + margin-left: auto; + margin-right: auto; + } + .single-pricing-box .features-list li { + padding-left: 20px; + } + .single-pricing-box .features-list li i { + top: 3.5px; + } + .pricing-box { + padding: 25px; + } + .pricing-box .pricing-header { + margin: -25px -25px 25px; + padding: 25px; + } + .pricing-box .pricing-header h3 { + font-size: 16px; + } + .pricing-box .pricing-header .price { + font-size: 30px; + } + .pricing-box .pricing-header .price span { + font-size: 13px; + } + .pricing-box .features-list { + margin-bottom: 25px; + } + .pricing-box.bg-black .pricing-header { + padding: 0 0 25px; + } + .pricing-tabs { + margin-top: 0; + } + .pricing-tabs .nav { + margin-bottom: 40px; + } + .pricing-tabs .nav .nav-item .nav-link { + padding: 11px 30px; + font-size: 14px; + } + .pricing-item { + padding: 20px 15px; + } + .pricing-item .pricing-header { + margin: -20px 0 20px; + padding: 20px 15px; + } + .pricing-item .pricing-header h3 { + font-size: 16px; + } + .pricing-item .pricing-header .price { + font-size: 30px; + } + .pricing-item .pricing-header .price span { + font-size: 13px; + } + .pricing-item .features-list { + margin-bottom: 20px; + } + .single-clients-box a { + padding: 10px; + } + .services-details-content { + text-align: center; + } + .services-details-content h2 { + font-size: 22px; + } + .services-details-video { + margin-left: 0; + margin-top: 30px; + } + .services-details-video iframe { + height: 162px; + } + .showMoreItemsList + .button-box button { + margin-top: 0; + padding: 11px 30px; + font-size: 14px; + } + .single-featured-video-box .content h3 { + font-size: 16px; + } + .featured-video-item-list .single-featured-video-item .image { + height: auto; + background-image: unset !important; + } + .featured-video-item-list .single-featured-video-item .image img { + display: inline-block; + } + .featured-video-item-list .single-featured-video-item .content { + padding-top: 20px; + padding-left: 0; + padding-bottom: 0; + } + .featured-video-item-list .single-featured-video-item .content h3 { + font-size: 16px; + } + .latest-posts-area .widget-area { + margin-top: 10px; + margin-bottom: 30px; + } + .single-latest-post-box .post-content { + padding-top: 20px; + padding-left: 0; + padding-right: 0; + } + .single-latest-post-box .post-content h3 { + font-size: 16px; + } + .single-latest-post-box .post-content .link-btn i { + top: 6px; + } + .what-we-do-content { + text-align: center; + } + .what-we-do-content .section-title { + text-align: center; + margin-bottom: 0; + } + .what-we-do-content .section-title p { + margin-top: 12px; + } + .what-we-do-content .single-what-we-do-box { + margin-top: 30px; + } + .single-what-we-do-box .icon { + font-size: 35px; + margin-bottom: 20px; + } + .single-what-we-do-box h3 { + font-size: 16px; + } + .what-we-do-image { + margin-top: 30px; + } + .shorting-menu { + margin-bottom: 15px; + } + .shorting-menu .filter { + font-size: 14px; + margin-bottom: 15px; + margin-right: 10px; + margin-left: 10px; + } + .works-slides-style-one.owl-theme .owl-nav, .works-slides-style-two.owl-theme .owl-nav { + opacity: 1; + visibility: visible; + } + .works-slides-style-one.owl-theme .owl-nav [class*=owl-], .works-slides-style-two.owl-theme .owl-nav [class*=owl-] { + left: 15px; + width: 35px; + height: 35px; + line-height: 35px; + font-size: 16px; + } + .works-slides-style-one.owl-theme .owl-nav [class*=owl-].owl-next, .works-slides-style-two.owl-theme .owl-nav [class*=owl-].owl-next { + left: auto; + right: 15px; + } + .works-slides-style-one.owl-theme .owl-dots, .works-slides-style-two.owl-theme .owl-dots { + margin-top: 30px; + } + .works-slides-style-one.owl-theme .owl-dots .owl-dot span, .works-slides-style-two.owl-theme .owl-dots .owl-dot span { + width: 15px; + height: 15px; + margin: 0 3px; + } + .portfolio-details-desc h3 { + font-size: 17px; + } + .portfolio-details-desc .image { + padding-right: 0; + } + .portfolio-details-desc .content { + margin-top: 0; + margin-bottom: 15px; + } + .portfolio-details-info { + padding: 20px; + margin-left: 0; + margin-top: 30px; + } + .portfolio-details-info ul li .icon { + top: 6px; + font-size: 20px; + } + .portfolio-details-info ul li span { + margin-bottom: 8px; + font-size: 15px; + } + .portfolio-details-slides.owl-theme .owl-nav { + opacity: 1; + visibility: visible; + } + .portfolio-details-slides.owl-theme .owl-nav [class*=owl-] { + left: 15px; + width: 35px; + height: 35px; + line-height: 35px; + font-size: 16px; + } + .portfolio-details-slides.owl-theme .owl-nav [class*=owl-].owl-next { + left: auto; + right: 15px; + } + .portfolio-details-left a { + padding-left: 20px; + font-size: 13px; + } + .menu-icon { + font-size: 18px; + } + .portfolio-details-right a { + padding-right: 20px; + font-size: 13px; + } + .widget-area { + margin-top: 40px; + } + .widget-area .widget .widget-title { + font-size: 16px; + padding-bottom: 10px; + } + .widget-area .widget_service_categories ul li a i { + font-size: 11px; + } + .widget-area .widget_about_author .about-author { + padding: 20px 15px; + } + .widget-area .widget_noke_posts_thumb .item { + padding-left: 95px; + } + .widget-area .widget_noke_posts_thumb .item .thumb { + width: 80px; + } + .widget-area .widget_noke_posts_thumb .item .thumb .fullimage { + width: 80px; + } + .widget-area .widget_noke_posts_thumb .item .info .title { + font-size: 13px; + } + .widget-area .widget_recent_posts .item .title { + font-size: 14px; + } + .widget-area .widget_newsletter { + padding: 20px 15px; + } + .widget-area .widget_newsletter h4 { + font-size: 17px; + } + .widget-area .widget_tag_cloud .tagcloud a { + font-size: 13px !important; + } + .widget-area.extra-padding { + padding-left: 0; + } + .widget-area.extra-padding.left-sidebar { + padding-right: 0; + margin-top: 0; + margin-bottom: 40px; + } + .widget-area .widget_price_filter .collection_filter_by_price { + padding-right: 15px; + } + .widget-area .widget_colors ul li a span:nth-child(1) { + width: 15px; + height: 15px; + } + .widget-area .widget_top_rated_products .item .info .title { + margin-bottom: 6px; + font-size: 13px; + } + .products-details-desc { + padding-left: 0; + margin-top: 30px; + } + .products-details-desc h3 { + margin-bottom: 15px; + font-size: 16px; + } + .products-details-desc .products-review .rating { + font-size: 13px; + } + .products-details-desc .price { + font-size: 14px; + } + .products-details-tabs { + margin-top: 30px; + } + .products-details-tabs .single-tabs-box h2 { + font-size: 17px; + } + .products-details-tabs .single-tabs-box .inner-box h3 { + font-size: 16px; + margin-bottom: 15px; + } + .products-details-tabs .single-tabs-box .inner-box .table-striped tbody tr td { + font-size: 13px; + white-space: nowrap; + } + .products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review { + padding-left: 0; + } + .products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review .sub-comment { + margin-bottom: 6px; + } + .products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review img { + top: 0; + left: 0; + position: relative; + margin-bottom: 15px; + } + .products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form button { + margin-top: 20px; + font-size: 14px; + } + .cart-table-desc table thead tr th { + font-size: 14px; + white-space: nowrap; + } + .cart-table-desc table tbody tr td { + padding-right: 20px; + white-space: nowrap; + font-size: 13px; + text-align: center; + } + .cart-buttons-desc .shopping-coupon-code .form-control { + padding-left: 10px; + } + .cart-buttons-desc .shopping-coupon-code button { + padding: 0 15px; + font-size: 12px; + } + .cart-buttons-desc .text-end { + text-align: center !important; + margin-top: 30px; + } + .cart-totals-desc { + margin-top: 30px; + padding: 20px 15px; + } + .cart-totals-desc h3 { + font-size: 16px; + padding-top: 15px; + padding-left: 15px; + padding-right: 15px; + padding-bottom: 14px; + margin-left: -15px; + margin-right: -15px; + margin-bottom: 20px; + margin-top: -20px; + } + .cart-totals-desc .default-btn { + margin-top: 20px; + } + .billing-details-desc { + padding: 20px 15px; + } + .billing-details-desc h3 { + font-size: 16px; + padding-top: 15px; + padding-left: 15px; + padding-right: 15px; + padding-bottom: 14px; + margin-left: -15px; + margin-right: -15px; + margin-bottom: 20px; + margin-top: -20px; + } + .billing-details-desc .form-group .nice-select { + font-size: 13px; + } + .billing-details-desc .form-group .nice-select .list .option { + font-size: 14px; + } + .order-details-desc { + margin-top: 30px; + padding: 20px 15px; + } + .order-details-desc h3 { + font-size: 16px; + padding-top: 15px; + padding-left: 15px; + padding-right: 15px; + padding-bottom: 14px; + margin-left: -15px; + margin-right: -15px; + margin-bottom: 20px; + margin-top: -20px; + } + .order-details-desc .default-btn { + margin-top: 20px; + } + .blog-details-desc .article-content .entry-meta { + margin-top: -10px; + } + .blog-details-desc .article-content .entry-meta ul li { + margin-right: 10px; + margin-top: 10px; + } + .blog-details-desc .article-content h3 { + font-size: 16px; + line-height: 1.5; + margin-bottom: 12px; + margin-top: 20px; + } + .blog-details-desc .article-footer { + text-align: center; + } + .blog-details-desc .article-footer .article-tags { + -webkit-box-flex: 0; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .blog-details-desc .article-footer .article-tags .d-flex { + display: block !important; + } + .blog-details-desc .article-footer .article-tags p { + display: block; + margin-bottom: 0; + } + .blog-details-desc .article-footer .article-tags a { + margin-top: 10px; + } + .blog-details-desc .article-footer .article-share { + -webkit-box-flex: 0; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + margin-top: 20px; + } + .blog-details-desc .article-footer .article-share .social { + text-align: center; + } + blockquote { + padding: 20px !important; + } + blockquote::after, blockquote::after { + width: 1px; + } + blockquote p { + font-size: 14px !important; + } + .comments-area { + margin-top: 25px; + } + .comments-area .comments-title { + font-size: 16px; + } + .comments-area .comment-author { + font-size: 14px; + } + .comments-area .comment-author .avatar { + top: 0; + left: 0; + display: block; + position: relative; + margin-bottom: 12px; + } + .comments-area .comment-body .reply a { + font-size: 12px; + } + .comments-area .comment-body { + padding-left: 0; + } + .comments-area .comment-respond { + margin-top: 25px; + } + .comments-area .comment-respond .comment-reply-title { + font-size: 16px; + } + .comments-area .comment-respond .comment-form-author { + width: 100%; + padding-right: 0; + } + .comments-area .comment-respond .comment-form-email { + width: 100%; + padding-left: 0; + } + .comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea { + font-size: 14px; + padding-left: 12px; + } + .comments-area .comment-respond textarea { + padding-top: 12px; + } + .comments-area .comment-respond .comment-form-cookies-consent label { + font-size: 14px; + } + .comments-area .comment-respond .form-submit input { + font-size: 13px; + } + .faq-accordion .accordion-item .accordion-button { + padding: 15px 15px 15px 40px; + font-size: 14px; + } + .faq-accordion .accordion-item .accordion-button::after { + left: 15px; + top: 20px; + width: 12px; + height: 12px; + background-size: 12px; + } + .faq-accordion .accordion-item .accordion-body { + padding: 0 15px 15px 40px; + } + .facility-content { + padding-right: 0; + margin-bottom: 30px; + } + .facility-content .item { + padding-left: 0; + text-align: center; + } + .facility-content .item i { + line-height: 1; + font-size: 35px; + position: relative; + margin-bottom: 20px; + display: inline-block; + } + .facility-content .item h3 { + font-size: 16px; + } + .cta-content { + max-width: 100%; + } + .cta-content h2 { + font-size: 22px; + } + .cta-content p { + max-width: 100%; + margin-top: 15px; + } + .cta-content .default-btn { + margin-top: 10px; + } + .call-to-action-content { + text-align: center; + } + .call-to-action-content h2 { + font-size: 22px; + } + .call-to-action-btn { + text-align: center; + margin-top: 25px; + } + .call-to-action-inner { + padding-left: 15px; + padding-right: 15px; + } + .profile-authentication-area { + height: auto; + padding-bottom: 70px; + padding-top: 130px; + } + .signin-form { + max-width: 100%; + text-align: center; + padding: 20px 15px; + } + .signin-form h2 { + font-size: 25px; + margin-bottom: 25px; + } + .signin-form form .lost-your-password-wrap { + text-align: start; + margin-top: 15px; + } + .signin-form form .form-group { + margin-bottom: 15px; + } + .signin-form form button { + padding: 12px 30px; + font-size: 14px; + } + .signin-form form .dont-account { + margin-top: 20px; + } + .signin-form form .sign-in-with-button { + margin-top: 20px; + } + .signup-form { + max-width: 100%; + text-align: center; + padding: 20px 15px; + } + .signup-form h2 { + font-size: 25px; + margin-bottom: 25px; + } + .signup-form form .lost-your-password-wrap { + text-align: start; + margin-top: 15px; + } + .signup-form form .form-group { + margin-bottom: 15px; + } + .signup-form form button { + padding: 12px 30px; + font-size: 14px; + } + .signup-form form .dont-account { + margin-top: 20px; + } + .signup-form form .sign-in-with-button { + margin-top: 20px; + } + .noke-grid-sorting { + margin-bottom: 30px; + text-align: center; + } + .noke-grid-sorting .ordering { + text-align: center; + margin-top: 15px; + } + .noke-grid-sorting .ordering select { + font-size: 14px; + } + .app-download-area .col-lg-6:nth-child(1) { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .app-download-area .col-lg-6:nth-child(2) { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .app-download-content { + text-align: center; + } + .app-download-content .sub-title { + font-size: 13px; + } + .app-download-content h2 { + font-size: 22px; + } + .app-download-content .btn-box { + margin-top: 25px; + } + .app-download-content .btn-box .store-btn { + padding: 10px 10px 10px 45px; + font-size: 12px; + text-align: start; + margin-left: 3px; + margin-right: 3px; + } + .app-download-content .btn-box .store-btn:first-child { + margin-left: 0; + } + .app-download-content .btn-box .store-btn img { + left: 10px; + width: 25px; + } + .app-download-content .btn-box .store-btn span { + font-size: 14px; + } + .app-download-image { + padding-right: 0; + margin-top: 30px; + } + .trending-style-image { + margin-right: 0; + padding-bottom: 0; + padding-right: 0; + } + .trending-style-image img:nth-child(2) { + position: relative; + margin-top: 30px; + width: auto; + } + .trending-style-content { + text-align: center; + padding-left: 0; + margin-top: 30px; + } + .trending-style-content .sub-title { + font-size: 13px; + } + .trending-style-content h2 { + margin-bottom: 13px; + font-size: 22px; + } + .trending-style-content h3 { + font-size: 15px; + margin-bottom: 13px; + } + .trending-style-content .default-btn { + margin-top: 5px; + } + .page-title-area { + padding-top: 60px; + padding-bottom: 70px; + } + .page-title-area.style-three { + padding-top: 60px; + padding-bottom: 60px; + } + .page-title-area.style-four { + padding-top: 60px; + padding-bottom: 60px; + } + .page-title-area.style-four::before { + background-image: unset !important; + background-color: rgba(255, 255, 255, 0.85); + } + .page-title-area.style-two { + padding-bottom: 60px; + padding-top: 245px; + } + .page-title-content.text-start { + text-align: center !important; + } + .page-title-content h2 { + font-size: 25px; + } + .page-title-content ul { + margin-top: 10px; + } + .page-title-content ul li { + font-size: 14px; + } + .privacy-policy-content h3 { + font-size: 16px; + margin-bottom: 13px; + } + .terms-conditions-content h3 { + font-size: 16px; + margin-bottom: 13px; + } + .error-content h3 { + font-size: 20px; + margin-bottom: 15px; + margin-top: 30px; + } + .error-content .default-btn { + margin-top: 20px; + } + .coming-soon-image { + height: auto; + background-image: unset !important; + } + .coming-soon-image img { + display: inline-block; + } + .coming-soon-content { + height: auto; + padding-top: 60px; + padding-bottom: 60px; + padding-left: 15px; + padding-right: 15px; + } + .coming-soon-content h2 { + font-size: 25px; + margin-top: 25px; + } + .coming-soon-content #timer { + margin-top: 10px; + } + .coming-soon-content #timer div { + width: 95px; + height: 100px; + font-size: 30px; + margin-top: 20px; + } + .coming-soon-content #timer div span { + font-size: 14px; + } + .coming-soon-content #timer div:first-child { + margin-left: 10px; + } + .coming-soon-content #timer div:last-child { + margin-right: 10px; + } + .coming-soon-content form { + max-width: 100%; + margin-top: 30px; + } + .coming-soon-content form .default-btn { + position: relative; + right: 0; + bottom: 0; + display: block; + width: 100%; + padding: 13px 20px; + margin-top: 15px; + } + .coming-soon-content form .input-newsletter { + padding: 0 0 0 15px; + height: 50px; + font-size: 13px; + } + .single-blog-post .content { + padding: 15px; + } + .single-blog-post .content .meta li i { + top: 3px; + } + .single-blog-post .content h3 { + font-size: 16px; + } + .single-post-item .post-content { + padding: 20px 15px; + } + .single-post-item .post-content .meta { + margin-bottom: 3px; + } + .single-post-item .post-content .meta li { + padding-left: 19px; + margin-right: 10px; + margin-bottom: 10px; + } + .single-post-item .post-content .tag { + margin-bottom: 12px; + } + .single-post-item .post-content h3 { + font-size: 16px; + } + .single-post-item .post-content .link-btn i { + top: 6px; + } + .single-post-item.without-box-shadow .post-content { + padding-left: 0; + padding-right: 0; + } + .blog-section-title { + text-align: center; + margin-bottom: 40px; + } + .blog-section-title .sub-title { + font-size: 13px; + } + .blog-section-title h2 { + font-size: 22px; + } + .blog-section-title .default-btn { + margin-top: 5px; + } + .pagination-area { + margin-top: 10px; + } + .pagination-area .page-numbers { + width: 35px; + height: 35px; + line-height: 33px; + font-size: 15px; + } + .single-contact-info-box { + padding: 20px 15px; + text-align: center; + } + .single-contact-info-box .icon { + font-size: 30px; + margin-bottom: 20px; + } + .single-contact-info-box h3 { + font-size: 16px; + margin-bottom: 12px; + } + .single-contact-info-box.style-two .icon { + width: 60px; + height: 60px; + font-size: 25px; + margin-bottom: 20px; + } + .contact-form { + padding: 20px; + } + .footer-area { + padding-top: 60px; + } + .footer-area.marketing-footer .footer-top { + margin-bottom: 60px; + padding-bottom: 0; + } + .footer-area.business-footer .footer-top { + margin-bottom: 60px; + padding-top: 50px; + padding-bottom: 50px; + } + .footer-top { + text-align: center; + padding-bottom: 30px; + margin-bottom: 30px; + } + .footer-top .logo { + margin-bottom: 25px; + } + .footer-top .content.d-flex { + display: block !important; + } + .footer-top .content h3 { + font-size: 16px; + margin-bottom: 25px; + } + .single-footer-widget h3 { + font-size: 16px; + } + .single-footer-widget.pl-4 { + padding-left: 0; + } + .single-footer-widget.pl-2 { + padding-left: 0; + } + .single-footer-widget.style-two h3 { + padding-left: 0; + } + .single-footer-widget.style-two h3::before { + display: none; + } + .copyright-area { + margin-top: 30px; + padding-top: 20px; + padding-bottom: 20px; + } + .copyright-area .text-start { + text-align: center !important; + margin-bottom: 15px; + } + .copyright-area .social-links { + text-align: center; + margin-top: 15px; + } + .go-top { + width: 38px; + height: 38px; + font-size: 15px; + } + .productsQuickView .modal-dialog { + max-width: 100%; + } + .productsQuickView .modal-content { + padding: 15px; + } + .productsQuickView .modal-content button.btn-close { + font-size: 15px; + } + .productsQuickView .modal-content .products-content { + margin-top: 25px; + } + .productsQuickView .modal-content .products-content h3 { + font-size: 16px; + } + .productsQuickView .modal-content .products-content .price { + font-size: 14px; + } + .productsQuickView .modal-content .products-content .products-add-to-cart { + margin-top: 20px; + } + .productsQuickView .modal-content .products-content .social-share { + margin-top: 25px; + } +} + +/* Min width 576px to Max width 767px */ +@media only screen and (min-width: 576px) and (max-width: 767px) { + .top-header-area .container-fluid { + max-width: 540px; + } + .top-header-area.top-header-style-two .container-fluid { + max-width: 540px; + } + .top-header-area.top-header-style-three .container-fluid { + max-width: 540px; + } + .startup-banner-inner { + padding-left: 25px; + padding-right: 25px; + } + .startup-banner-content { + max-width: 540px; + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; + } + .startup-banner-image { + max-width: 540px; + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; + } + .business-banner-area .container { + max-width: 540px; + } + .app-banner-area .container { + max-width: 540px; + } + .saas-banner-area .container-fluid { + max-width: 540px; + } + .personal-portfolio-banner-area .container { + max-width: 540px; + } + .consulting-banner-area .container { + max-width: 540px; + } + .screenshot-wrap .screenshot-frame { + display: block; + height: 500px; + width: 240px; + top: 40px; + } + .screenshot-slides.owl-theme .owl-nav [class*=owl-] { + left: 0; + } + .screenshot-slides.owl-theme .owl-nav [class*=owl-].owl-next { + left: auto; + right: 0; + } + .startup-about-area .container-fluid { + max-width: 540px; + } + .single-services-box .content { + padding: 25px; + } + .single-blog-post .content { + padding: 25px; + } + .works-area .container-fluid { + max-width: 540px; + } + .facility-content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; + margin-bottom: 0; + } + .facility-content .item { + -webkit-box-flex: 0; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + margin-bottom: 30px !important; + padding-left: 15px; + padding-right: 15px; + } + .startup-testimonials-area .container-fluid { + max-width: 540px; + } + .trending-style-image { + padding-right: 100px; + padding-bottom: 80px; + } + .trending-style-image img:nth-child(2) { + position: absolute; + margin-top: 0; + width: 250px; + } + .productsQuickView .modal-dialog { + max-width: 430px; + } + .productsQuickView .modal-content { + padding: 30px; + } +} + +/* Min width 768px to Max width 991px */ +@media only screen and (min-width: 768px) and (max-width: 991px) { + body { + font-size: 14.5px; + } + p { + font-size: 14.5px; + } + .ptb-100 { + padding-top: 80px; + padding-bottom: 80px; + } + .pt-100 { + padding-top: 80px; + } + .pb-100 { + padding-bottom: 80px; + } + .ptb-70 { + padding-top: 50px; + padding-bottom: 50px; + } + .pt-70 { + padding-top: 50px; + } + .pb-70 { + padding-bottom: 50px; + } + .default-btn { + font-size: 14.5px; + } + .section-title { + max-width: 550px; + margin-bottom: 50px; + } + .section-title h2 { + font-size: 30px; + } + .section-title.style-two { + text-align: center; + padding-left: 0; + margin-left: auto; + margin-right: auto; + margin-bottom: 50px; + } + .section-title.style-two h2::before { + display: none; + } + .section-title.style-four { + text-align: center; + } + .section-title.style-four h2 { + font-size: 25px; + } + .section-title.style-four::before { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + } + .top-header-area .container-fluid { + max-width: 720px; + } + .top-header-area.top-header-style-two .container-fluid { + max-width: 720px; + } + .top-header-area.top-header-style-three .container-fluid { + max-width: 720px; + } + .noke-responsive-nav .others-option { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } + .others-option-for-responsive { + display: none; + } + .startup-banner-area .container-fluid { + max-width: 100%; + padding-left: 0; + padding-right: 0; + } + .startup-banner-inner { + padding-top: 80px; + padding-bottom: 80px; + padding-left: 25px; + padding-right: 25px; + } + .startup-banner-content { + max-width: 720px; + text-align: center; + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; + } + .startup-banner-content p { + margin-left: auto; + margin-right: auto; + } + .startup-banner-content h1 { + margin-bottom: 20px; + font-size: 35px; + } + .startup-banner-content .default-btn { + margin-top: 5px; + } + .startup-banner-image { + max-width: 720px; + padding-left: 15px; + padding-right: 15px; + margin-left: auto; + margin-right: auto; + margin-top: 30px; + } + .marketing-banner-area { + padding-top: 70px; + padding-bottom: 70px; + } + .marketing-banner-content { + padding-right: 0; + text-align: center; + } + .marketing-banner-content p { + margin-left: auto; + margin-right: auto; + } + .marketing-banner-content h1 { + margin-bottom: 15px; + font-size: 35px; + } + .marketing-banner-content .default-btn { + margin-top: 5px; + } + .marketing-banner-image { + margin-top: 30px; + } + .business-banner-area { + padding-top: 80px; + padding-bottom: 80px; + } + .business-banner-area .container { + max-width: 720px; + } + .business-banner-area::before { + display: none; + } + .business-banner-content { + padding-right: 0; + text-align: center; + max-width: 100%; + } + .business-banner-content p { + margin-left: auto; + margin-right: auto; + } + .business-banner-content h1 { + margin-bottom: 15px; + font-size: 36px; + } + .business-banner-content .default-btn { + margin-top: 5px; + } + .business-banner-image { + margin-top: 30px; + } + .app-banner-area { + padding-top: 80px; + padding-bottom: 80px; + } + .app-banner-area .container { + max-width: 720px; + } + .app-banner-content { + text-align: center; + } + .app-banner-content p { + margin-left: auto; + margin-right: auto; + } + .app-banner-content h1 { + margin-bottom: 15px; + font-size: 40px; + } + .app-banner-content .btn-box { + margin-top: 20px; + } + .app-banner-content .btn-box .store-btn { + text-align: start; + } + .app-banner-content .btn-box .store-btn span { + font-size: 16px; + } + .app-banner-image { + padding-left: 0; + margin-top: 35px; + } + .personal-portfolio-banner-area { + padding-top: 80px; + padding-bottom: 80px; + } + .personal-portfolio-banner-area .container { + max-width: 720px; + } + .personal-portfolio-banner-content { + text-align: center; + } + .personal-portfolio-banner-content .sub-title { + padding-left: 0; + font-size: 16px; + } + .personal-portfolio-banner-content .sub-title::before { + display: none; + } + .personal-portfolio-banner-content p { + margin-left: auto; + margin-right: auto; + } + .personal-portfolio-banner-content h4 { + margin-bottom: 15px; + font-size: 20px; + } + .personal-portfolio-banner-content h1 { + margin-bottom: 15px; + font-size: 40px; + } + .personal-portfolio-banner-content .default-btn { + margin-top: 5px; + } + .personal-portfolio-banner-image { + margin-top: 30px; + } + .personal-portfolio-banner-image img { + width: 100%; + } + .shape1, .shape2, .shape3, .shape4, .shape5, .shape6, .shape7, .shape8, .shape9, .shape16, .shape17, .shape18, .shape19 { + display: none !important; + } + .saas-banner-area { + padding-top: 80px; + } + .saas-banner-area .container-fluid { + max-width: 720px; + padding-left: 15px; + padding-right: 15px; + } + .saas-banner-content { + margin-left: 0; + text-align: center; + max-width: 100%; + } + .saas-banner-content h1 { + margin-bottom: 15px; + font-size: 40px; + } + .saas-banner-content p { + margin-left: auto; + margin-right: auto; + } + .saas-banner-image { + margin-top: 35px; + } + .consulting-banner-area { + padding-top: 215px; + padding-bottom: 80px; + } + .consulting-banner-area .container { + max-width: 720px; + } + .consulting-banner-area::before { + display: block; + } + .consulting-banner-content { + text-align: center; + max-width: 100%; + } + .consulting-banner-content h1 { + margin-bottom: 15px; + font-size: 35px; + } + .consulting-banner-content p { + margin-left: auto; + margin-right: auto; + } + .consulting-banner-content .default-btn { + margin-top: 5px; + } + .it-agency-banner-area .it-agency-inner-banner { + padding-top: 200px; + padding-bottom: 230px; + } + .it-agency-banner-content { + max-width: 100%; + } + .it-agency-banner-content h1 { + font-size: 40px; + margin-bottom: 15px; + } + .it-agency-banner-content .default-btn { + margin-top: 8px; + } + .banner-video-box { + max-width: 100%; + margin-top: -130px; + } + .shop-banner-area { + padding-top: 100px; + padding-bottom: 100px; + } + .shop-banner-content .sub-title { + font-size: 20px; + } + .shop-banner-content h1 { + margin-bottom: 15px; + font-size: 40px; + } + .shop-banner-content h4 { + font-size: 20px; + } + .shop-banner-content .default-btn { + margin-top: 25px; + } + .blog-banner-area { + padding-top: 80px; + padding-bottom: 80px; + } + .blog-banner-item { + margin-bottom: 30px; + } + .blog-banner-item .content { + padding: 25px; + max-width: 510px; + } + .blog-banner-item .content h3 { + font-size: 20px; + } + .blog-banner-item-list .single-blog-banner-item .image { + background-image: unset !important; + height: auto; + } + .blog-banner-item-list .single-blog-banner-item .image img { + display: inline-block; + } + .blog-banner-item-list .single-blog-banner-item .content { + padding-top: 20px; + padding-bottom: 0; + padding-left: 0; + } + .blog-banner-item-list .single-blog-banner-item .content h3 { + font-size: 18px; + } + .furniture-banner-item { + padding-top: 100px; + padding-bottom: 100px; + } + .furniture-banner-content { + border-left-width: 3px; + padding: 30px; + } + .furniture-banner-content h1 { + font-size: 35px; + } + .minimal-portfolio-banner-area { + padding-bottom: 170px; + padding-top: 200px; + } + .minimal-portfolio-banner-content { + max-width: 600px; + } + .minimal-portfolio-banner-content .typewrite { + padding: 8px 20px; + margin-bottom: 25px; + font-size: 15px; + } + .minimal-portfolio-banner-content h1 { + font-size: 35px; + margin-bottom: 25px; + } + .features-area.ptb-70 { + padding-bottom: 20px; + } + .single-features-box { + padding-left: 0; + padding-right: 0; + } + .single-features-box .icon { + font-size: 40px; + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .single-features-box h3 { + font-size: 18px; + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .single-features-box p { + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .single-features-box .link-btn { + left: 0; + opacity: 1; + -webkit-transform: unset; + transform: unset; + margin-top: 13px; + position: relative; + visibility: visible; + bottom: 0 !important; + } + .single-features-box .link-btn i { + top: 6.5px; + } + .features-box { + padding: 25px 20px; + } + .features-box h3 { + font-size: 18px; + } + .features-box .icon { + width: 80px; + height: 80px; + font-size: 40px; + line-height: 80px; + } + .single-features-item { + padding-left: 55px; + } + .single-features-item .icon { + font-size: 40px; + } + .single-features-item h3 { + font-size: 17px; + } + .features-item { + padding: 25px 20px; + } + .features-item .icon { + font-size: 30px; + } + .features-item h3 { + font-size: 18px; + } + .startup-about-area { + border-bottom: 1px solid #eeeeee; + margin-bottom: 80px; + } + .startup-about-area .container-fluid { + max-width: 720px; + } + .startup-about-image { + margin-right: 0; + padding: 0; + } + .startup-about-image .video-btn { + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + } + .startup-about-content { + padding-left: 0; + text-align: center; + max-width: 100%; + margin-top: 30px; + } + .startup-about-content h2 { + font-size: 30px; + } + .startup-about-content .features-list { + padding-left: 0; + list-style-type: none; + } + .startup-about-content .features-list li { + font-weight: 600; + } + .marketing-about-image { + margin-right: 0; + } + .marketing-about-content { + padding-left: 0; + text-align: center; + margin-top: 30px; + } + .marketing-about-content h2 { + font-size: 30px; + } + .marketing-about-content .features-list { + padding-left: 0; + list-style-type: none; + } + .marketing-about-content .features-list li { + font-weight: 600; + } + .business-about-image { + padding-right: 0; + margin-bottom: 30px; + } + .business-about-content { + padding-left: 0; + text-align: center; + } + .business-about-content h2 { + font-size: 30px; + } + .app-about-content { + padding-right: 0; + } + .app-about-content h3 { + font-size: 19px; + margin-bottom: 15px; + } + .app-about-image { + padding-left: 0; + margin-top: 30px; + } + .saas-about-image { + padding-right: 0; + margin-bottom: 30px; + } + .saas-about-content { + padding-left: 0; + } + .saas-about-content h2 { + font-size: 30px; + } + .it-agency-about-image { + padding-right: 0; + margin-right: 0; + padding-bottom: 0; + } + .it-agency-about-content { + padding-left: 0; + text-align: center; + margin-top: 35px; + } + .it-agency-about-content h2 { + font-size: 30px; + } + .it-agency-about-content .features-list { + padding-left: 0; + list-style-type: none; + } + .it-agency-about-content .features-list li { + font-weight: 600; + } + .expertise-box { + text-align: center; + } + .expertise-box .icon { + width: 70px; + height: 70px; + line-height: 70px; + font-size: 35px; + margin-left: auto; + margin-right: auto; + } + .expertise-box h3 { + font-size: 18px; + } + .who-we-are-content { + text-align: center; + padding: 30px; + } + .who-we-are-content h2 { + font-size: 20px; + } + .who-we-are-content .default-btn { + margin-top: 5px; + } + .single-services-box .content { + padding: 20px; + } + .single-services-box .content .icon { + font-size: 40px; + margin-bottom: 15px; + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .single-services-box .content h3 { + font-size: 18px; + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .single-services-box .content p { + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .single-services-box .content .link-btn { + left: 0; + opacity: 1; + -webkit-transform: unset; + transform: unset; + margin-top: 13px; + position: relative; + visibility: visible; + bottom: 0 !important; + } + .single-services-box .content .link-btn i { + top: 6px; + } + .single-services-box::before { + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(35, 35, 37, 0.9)), color-stop(50%, rgba(35, 35, 37, 0.7)), color-stop(75%, rgba(22, 22, 23, 0)), to(rgba(0, 0, 0, 0))); + background: linear-gradient(to top, rgba(35, 35, 37, 0.9) 0, rgba(35, 35, 37, 0.7) 50%, rgba(22, 22, 23, 0) 75%, rgba(0, 0, 0, 0) 100%); + } + .single-services-item .content { + padding-left: 0; + padding-right: 0; + } + .single-services-item .content h3 { + font-size: 18px; + } + .services-tabs .nav { + margin-bottom: 35px; + border-bottom: 1px solid #eeeeee; + padding-bottom: 20px; + } + .services-tabs .nav .nav-item { + margin-left: 15px; + margin-right: 15px; + margin-bottom: 30px; + } + .services-tabs .nav .nav-item .nav-link { + font-size: 16px; + } + .services-tabs .nav .nav-item .nav-link .icon { + width: 70px; + height: 70px; + font-size: 30px; + line-height: 70px; + margin-bottom: 15px; + } + .single-main-services .content { + padding-right: 0; + text-align: center; + } + .single-main-services .content h3 { + font-size: 21px; + } + .single-main-services .content p { + max-width: 100%; + } + .single-main-services .image { + margin-top: 30px; + } + .services-box { + padding: 25px 20px; + } + .services-box .icon { + font-size: 50px; + } + .services-box h3 { + font-size: 18px; + } + .col-lg-3:nth-child(2) .services-box, .col-lg-3:nth-child(4) .services-box { + margin-top: 0; + } + .col-lg-3:nth-child(5) .services-box, .col-lg-3:nth-child(7) .services-box { + margin-top: 0; + } + .services-item h3 { + font-size: 18px; + margin-top: 20px; + } + .services-item .hover-content { + padding: 20px; + } + .single-it-services-box { + padding: 25px 20px 25px 70px; + } + .single-it-services-box .icon { + left: 20px; + top: 25px; + font-size: 35px; + } + .single-it-services-box h3 { + font-size: 18px; + } + .single-categories-box h3 { + font-size: 16px; + left: 20px; + top: 20px; + } + .categories-box h3 { + font-size: 17px; + padding-left: 15px; + padding-right: 15px; + } + .categories-slides.owl-theme .owl-nav { + opacity: 1; + visibility: visible; + margin-bottom: 30px; + } + .categories-slides.owl-theme .owl-nav [class*=owl-] { + margin: 0 5px; + position: relative; + left: 0; + top: 0; + -webkit-transform: unset; + transform: unset; + } + .categories-slides.owl-theme .owl-nav [class*=owl-].owl-next { + right: 0; + } + .startup-works-area { + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #eeeeee; + padding-top: 80px; + margin-bottom: 80px; + } + .startup-works-area .section-title { + padding-top: 0; + text-align: center; + margin-bottom: 50px; + margin-left: auto; + margin-right: auto; + } + .startup-works-area .section-title h2 { + font-size: 30px; + } + .startup-works-content { + margin-top: 18px; + position: relative; + text-align: center; + border-top: 1px solid #eeeeee; + padding-right: 0; + padding-top: 55px; + } + .startup-works-content h3 { + font-size: 18px; + } + .startup-works-content .custom-owl-nav { + margin-top: 0; + } + .startup-works-content .custom-owl-nav [class*=owl-] { + margin: 0 3px; + font-size: 13px; + padding: 6px 20px 6px !important; + position: absolute; + left: 0; + top: -18px; + } + .startup-works-content .custom-owl-nav [class*=owl-].custom-owl-next { + left: auto; + right: 0; + } + .startup-works-image { + padding: 0; + margin-left: 0; + margin-top: 15px; + } + .single-works-box .works-image .works-overlay h3 { + font-size: 18px; + } + .works-box h3 { + top: auto; + -webkit-transform: translateY(0); + transform: translateY(0); + bottom: 0; + font-size: 18px; + opacity: 1; + visibility: visible; + margin-top: 0; + margin-right: 0; + margin-left: 0; + } + .single-featured-video-box .content h3 { + font-size: 18px; + } + .featured-video-item-list .single-featured-video-item .image { + height: auto; + background-image: unset !important; + } + .featured-video-item-list .single-featured-video-item .image img { + display: inline-block; + } + .featured-video-item-list .single-featured-video-item .content { + padding-bottom: 0; + padding-left: 0; + padding-top: 20px; + } + .featured-video-item-list .single-featured-video-item .content h3 { + font-size: 18px; + } + .latest-posts-area .widget-area { + margin-top: 10px; + } + .single-latest-post-box .post-content { + padding-top: 20px; + padding-right: 0; + padding-left: 0; + } + .single-latest-post-box .post-content h3 { + font-size: 18px; + } + .facility-content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-right: 0; + margin-right: -15px; + margin-left: -15px; + margin-bottom: 0; + } + .facility-content .item { + -webkit-box-flex: 0; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + margin-bottom: 30px !important; + text-align: center; + padding-left: 15px; + padding-right: 15px; + } + .facility-content .item i { + line-height: 1; + position: relative; + margin-bottom: 20px; + display: inline-block; + font-size: 40px; + } + .facility-content .item h3 { + font-size: 18px; + } + .short-brief-area .row .col-lg-6:last-child .short-brief-content { + border-bottom: none; + margin-bottom: 0; + } + .short-brief-content { + border-bottom: 1px solid #eeeeee; + padding-bottom: 30px; + } + .short-brief-content .timeline-content h3 { + font-size: 18px; + margin-bottom: 12px; + } + .short-brief-content .timeline-info .sub-title { + margin-bottom: 10px; + } + .short-brief-content .timeline-info .sub-title span { + font-size: 17px; + } + .shorting-menu .filter { + font-size: 15px; + margin-left: 15px; + margin-right: 15px; + } + .widget-area { + margin-top: 40px; + } + .widget-area .widget .widget-title { + font-size: 17px; + } + .widget-area .widget_about_author .about-author { + padding: 25px; + } + .widget-area .widget_noke_posts_thumb .item .info .title { + font-size: 14px; + } + .widget-area .widget_newsletter h4 { + font-size: 18px; + } + .widget-area .widget_tag_cloud .tagcloud a { + font-size: 13px !important; + } + .widget-area .widget_recent_posts .item .title { + font-size: 14px; + } + .widget-area.extra-padding { + padding-left: 0; + } + .widget-area.extra-padding.left-sidebar { + padding-right: 0; + margin-top: 0; + margin-bottom: 40px; + } + .services-details-content { + text-align: center; + } + .services-details-content h2 { + font-size: 30px; + } + .services-details-video { + margin-left: 0; + margin-top: 30px; + } + .services-details-video iframe { + height: 387px; + } + .single-funfacts-box { + text-align: center; + padding: 30px; + } + .single-funfacts-box .icon { + position: relative; + left: 0; + line-height: 1; + top: 0; + -webkit-transform: translateY(0); + transform: translateY(0); + font-size: 40px; + display: block; + margin-bottom: 15px; + } + .single-funfacts-box h3 { + margin-bottom: 5px; + font-size: 35px; + } + .single-funfacts-box.without-bg-color { + margin-right: -15px; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 0; + } + .single-funfacts-box.text-center { + padding: 0; + border-right: none; + } + .funfacts-inner { + padding-left: 20px; + padding-right: 20px; + } + .funfacts-inner.border-radius.ptb-70 { + padding-bottom: 20px; + } + .single-skills-box { + padding: 25px 20px; + } + .how-it-works-content { + padding-right: 0; + } + .how-it-works-content ul li { + padding-left: 60px; + } + .how-it-works-content ul li h3 { + font-size: 18px; + } + .how-it-works-content ul li i { + font-size: 40px; + } + .how-it-works-image { + margin-top: 30px; + } + .short-brief-content h3 { + font-size: 18px; + margin-bottom: 13px; + } + .screenshot-wrap .screenshot-frame { + border-radius: 20px; + width: 215px; + height: 448px; + } + .screenshot-slides.owl-theme .owl-nav [class*=owl-] { + left: -27px; + width: 30px; + line-height: 30px; + height: 30px; + font-size: 15px; + } + .screenshot-slides.owl-theme .owl-nav [class*=owl-].owl-next { + left: auto; + right: -27px; + } + .single-post-item .post-content { + padding: 20px 0 0; + } + .single-clients-box a { + padding: 20px; + } + .what-we-do-content .section-title { + text-align: center; + margin-bottom: 0; + } + .what-we-do-content .section-title p { + max-width: 540px; + margin-left: auto; + margin-right: auto; + } + .what-we-do-content .single-what-we-do-box { + margin-top: 30px; + } + .single-what-we-do-box { + text-align: center; + } + .single-what-we-do-box .icon { + font-size: 35px; + margin-bottom: 25px; + } + .single-what-we-do-box h3 { + font-size: 18px; + } + .what-we-do-image { + margin-top: 30px; + } + .single-process-box { + padding: 30px 20px; + } + .single-process-box h3 { + font-size: 18px; + } + .startup-testimonials-area .container-fluid { + max-width: 720px; + } + .startup-testimonials-content { + padding: 40px 30px; + } + .startup-testimonials-content .icon { + font-size: 40px; + } + .startup-testimonials-content p { + font-size: 16px; + } + .startup-testimonials-content .info h3 { + font-size: 16px; + } + .startup-testimonials-image { + padding: 0; + } + .startup-testimonials-slides.owl-theme .owl-nav { + margin-top: 0; + position: relative; + right: 0; + bottom: 0; + -webkit-transform: unset; + transform: unset; + padding-bottom: 40px; + } + .startup-testimonials-slides.owl-theme .owl-nav [class*=owl-] { + margin: 0 3px; + font-size: 13px; + padding: 6px 20px 6px !important; + } + .marketing-testimonials-image { + margin-left: 30px; + margin-right: 30px; + margin-bottom: 40px; + } + .marketing-testimonials-content { + padding-bottom: 0; + } + .marketing-testimonials-content .icon { + font-size: 40px; + } + .marketing-testimonials-content p { + font-size: 16px; + } + .marketing-testimonials-content .info h3 { + font-size: 16px; + } + .marketing-testimonials-slides.owl-theme .owl-nav { + margin-top: 30px; + position: relative; + right: 0; + bottom: 0; + -webkit-transform: unset; + transform: unset; + } + .marketing-testimonials-slides.owl-theme .owl-nav [class*=owl-] { + margin: 0 3px; + font-size: 13px; + padding: 6px 20px 6px !important; + } + .business-testimonials-area { + background-repeat: repeat; + background-size: contain; + } + .business-testimonials-image { + margin-right: 0; + margin-bottom: 35px; + } + .business-testimonials-content .icon { + font-size: 40px; + } + .business-testimonials-content p { + font-size: 16px; + } + .business-testimonials-content .info h3 { + font-size: 16px; + } + .testimonials-slides.owl-theme { + padding-left: 90px; + padding-right: 90px; + } + .testimonials-slides.owl-theme .owl-nav [class*=owl-] { + margin: 0 3px; + font-size: 13px; + padding: 6px 20px 6px !important; + } + .testimonials-inner { + padding-left: 25px; + padding-right: 25px; + } + .testimonials-inner .testimonials-slides.owl-theme .owl-nav [class*=owl-] { + font-size: 17px; + width: 40px; + height: 40px; + line-height: 40px; + } + .testimonials-item .icon { + font-size: 40px; + } + .testimonials-item p { + font-size: 16px; + } + .testimonials-item .info { + margin-top: 20px; + } + .testimonials-item .info .title h3 { + font-size: 16px; + } + .saas-testimonials-item { + padding: 25px; + } + .saas-testimonials-item .info .title h3 { + font-size: 16px; + } + .saas-testimonials-item p { + font-size: 15px; + } + .saas-testimonials-slides.owl-theme { + margin-top: -50px; + padding-left: 40px; + padding-right: 40px; + } + .saas-testimonials-slides.owl-theme .owl-nav [class*=owl-] { + left: 0; + font-size: 18px; + } + .saas-testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next { + left: auto; + right: 0; + } + .testimonials-box { + padding: 25px 20px; + } + .testimonials-box .icon { + width: 70px; + height: 70px; + font-size: 30px; + line-height: 70px; + } + .testimonials-box p { + font-size: 15px; + } + .testimonials-box .info { + margin-top: 20px; + } + .testimonials-box .info h3 { + font-size: 16px; + } + .single-products-box .image .buttons-list li { + -webkit-transform: translateY(0); + transform: translateY(0); + visibility: visible; + opacity: 1; + } + .single-products-box .image .buttons-list li a .tooltip-label::before { + bottom: -12px; + } + .single-products-box .image .buttons-list li a:hover .tooltip-label { + top: -40px; + } + .single-products-box .content h3 { + font-size: 18px; + } + .single-products-box .content .rating { + margin-bottom: 10px; + font-size: 15px; + } + .single-products-box .content .price span { + font-size: 16px; + } + .trending-style-image { + margin-right: 0; + } + .trending-style-content { + padding-left: 0; + text-align: center; + margin-top: 30px; + } + .trending-style-content .sub-title { + font-size: 13px; + } + .trending-style-content h2 { + font-size: 30px; + } + .trending-style-content h3 { + font-size: 17px; + } + .single-pricing-box { + padding: 30px; + } + .single-pricing-box .pricing-header { + margin-bottom: 20px; + padding-bottom: 20px; + } + .single-pricing-box .pricing-header h3 { + font-size: 35px; + } + .pricing-box .pricing-header h3 { + font-size: 18px; + } + .pricing-box .pricing-header .price { + font-size: 35px; + } + .pricing-tabs .nav .nav-item .nav-link { + font-size: 14px; + } + .pricing-item .pricing-header h3 { + font-size: 18px; + } + .pricing-item .pricing-header .price { + font-size: 35px; + } + .single-team-member .content::before { + opacity: 1; + visibility: visible; + } + .single-team-member .content h3 { + font-size: 18px; + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .single-team-member .content span { + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .single-team-member .content .social { + bottom: auto; + opacity: 1; + visibility: visible; + top: -30px; + } + .single-team-member .content .social li a { + font-size: 15px; + } + .single-team-box .image .social { + margin-bottom: 0; + opacity: 1; + visibility: visible; + padding: 20px; + } + .single-team-box .content { + margin-top: 20px; + } + .single-team-box .content h3 { + font-size: 18px; + } + .team-member .content { + margin-top: 0; + } + .team-member .content::before { + opacity: 1; + visibility: visible; + } + .team-member .content h3 { + font-size: 18px; + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .team-member .content span { + -webkit-transform: translateY(0) !important; + transform: translateY(0) !important; + } + .team-member .content .social { + bottom: auto; + opacity: 1; + visibility: visible; + top: -30px; + } + .team-member .content .social li a { + font-size: 15px; + } + .team-box .content { + visibility: visible; + position: relative; + opacity: 1; + bottom: 0; + } + .team-box .content h3 { + font-size: 18px; + } + .video-box .video-btn { + width: 70px; + height: 70px; + font-size: 25px; + } + .cta-content h2 { + font-size: 30px; + } + .cta-content p { + margin-top: 15px; + } + .cta-content .default-btn { + margin-top: 10px; + } + .call-to-action-content { + text-align: center; + } + .call-to-action-content h2 { + font-size: 30px; + } + .call-to-action-btn { + text-align: center; + margin-top: 30px; + } + .call-to-action-inner { + padding-left: 25px; + padding-right: 25px; + } + .blog-section-title { + text-align: center; + margin-bottom: 50px; + } + .blog-section-title h2 { + font-size: 30px; + } + .single-blog-post .content { + padding: 20px; + } + .single-blog-post .content h3 { + font-size: 18px; + } + .single-post-item .post-content .meta { + margin-bottom: 3px; + } + .single-post-item .post-content .meta li { + padding-left: 20px; + margin-right: 10px; + margin-bottom: 10px; + } + .single-post-item .post-content h3 { + margin-bottom: 12px; + font-size: 18px; + } + .single-post-item .post-content .link-btn i { + top: 6px; + } + .app-download-area .col-lg-6:nth-child(1) { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .app-download-area .col-lg-6:nth-child(2) { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .app-download-content { + text-align: center; + margin-bottom: 35px; + } + .app-download-content h2 { + font-size: 30px; + } + .app-download-content p { + max-width: 540px; + margin-left: auto; + margin-right: auto; + } + .app-download-content .btn-box .store-btn { + text-align: start; + } + .app-download-content .btn-box .store-btn span { + font-size: 16px; + } + .app-download-image { + padding-right: 0; + } + .works-area .container-fluid { + max-width: 720px; + } + .single-works-item .content h3 { + font-size: 18px; + } + .portfolio-details-desc h3 { + font-size: 20px; + } + .portfolio-details-info { + padding: 30px; + margin-left: 0; + margin-top: 30px; + } + .portfolio-details-info ul li { + padding-left: 38px; + } + .portfolio-details-info ul li span { + font-size: 16px; + } + .portfolio-details-slides.owl-theme .owl-nav { + opacity: 1; + visibility: visible; + } + .page-title-area { + padding-top: 100px; + padding-bottom: 110px; + } + .page-title-area.style-four { + padding-top: 100px; + padding-bottom: 100px; + } + .page-title-area.style-two { + padding-top: 210px; + padding-bottom: 100px; + } + .page-title-area.style-three { + padding-top: 240px; + padding-bottom: 100px; + } + .page-title-content h2 { + margin-bottom: 0; + font-size: 35px; + } + .page-title-content ul { + margin-top: 15px; + } + .page-title-content ul li { + font-size: 15px; + } + .pagination-area { + margin-top: 15px; + } + .pagination-area .page-numbers { + width: 40px; + height: 40px; + line-height: 38px; + font-size: 16px; + } + .services-details-desc h3 { + font-size: 20px; + } + .faq-accordion .accordion-item .accordion-button { + font-size: 16px; + } + .products-details-desc { + padding-left: 0; + margin-top: 30px; + } + .products-details-desc h3 { + font-size: 18px; + } + .products-details-desc .products-review .rating { + font-size: 13px; + } + .products-details-desc .price { + font-size: 15px; + } + .products-details-tabs { + margin-top: 40px; + } + .products-details-tabs .single-tabs-box h2 { + font-size: 20px; + } + .products-details-tabs .single-tabs-box .inner-box h3 { + font-size: 18px; + } + .products-details-tabs .single-tabs-box .inner-box .table-striped tbody tr td { + font-size: 15px; + } + .cart-table-desc table tbody tr td { + white-space: nowrap; + } + .cart-totals-desc { + margin-top: 30px; + } + .billing-details-desc h3 { + font-size: 18px; + } + .order-details-desc { + margin-top: 30px; + } + .order-details-desc h3 { + font-size: 18px; + } + .profile-authentication-area { + height: auto; + padding-bottom: 100px; + padding-top: 160px; + } + .signin-form { + padding: 35px; + text-align: center; + } + .signin-form form .remember-me-wrap { + text-align: start; + } + .signup-form { + padding: 35px; + text-align: center; + } + .signup-form form .remember-me-wrap { + text-align: start; + } + .privacy-policy-content h3 { + font-size: 18px; + } + .terms-conditions-content h3 { + font-size: 18px; + } + .error-content h3 { + font-size: 22px; + margin-bottom: 15px; + margin-top: 35px; + } + .error-content .default-btn { + margin-top: 20px; + } + .coming-soon-image { + height: auto; + background-image: unset !important; + } + .coming-soon-image img { + display: inline-block; + } + .coming-soon-content { + height: auto; + padding-top: 100px; + padding-bottom: 100px; + } + .coming-soon-content h2 { + font-size: 30px; + } + .works-slides-style-one.owl-theme .owl-nav, .works-slides-style-two.owl-theme .owl-nav { + opacity: 1; + visibility: visible; + } + .blog-details-desc .article-content h3 { + font-size: 20px; + } + .comments-area .comments-title { + font-size: 20px; + } + .comments-area .comment-respond .comment-reply-title { + font-size: 20px; + } + .single-contact-info-box { + padding: 30px; + text-align: center; + } + .single-contact-info-box .icon { + font-size: 35px; + margin-bottom: 20px; + } + .single-contact-info-box h3 { + font-size: 18px; + margin-bottom: 12px; + } + .single-contact-info-box.style-two .icon { + width: 70px; + height: 70px; + font-size: 30px; + margin-bottom: 20px; + } + .footer-area { + padding-top: 80px; + } + .footer-area.business-footer .footer-top { + margin-bottom: 80px; + padding-top: 60px; + padding-bottom: 60px; + } + .footer-top { + text-align: center; + margin-bottom: 50px; + padding-bottom: 50px; + } + .footer-top .logo { + margin-bottom: 30px; + } + .footer-top .content { + text-align: start; + } + .footer-top .content h3 { + font-size: 18px; + } + .single-footer-widget h3 { + font-size: 18px; + } + .single-footer-widget.pl-4 { + padding-left: 0; + } + .single-footer-widget.pl-2 { + padding-left: 0; + } + .single-footer-widget.style-two h3 { + padding-left: 0; + } + .single-footer-widget.style-two h3::before { + display: none; + } + .copyright-area { + margin-top: 50px; + } + .copyright-area .text-start { + text-align: center !important; + margin-bottom: 15px; + } + .copyright-area .social-links { + text-align: center; + margin-top: 15px; + } + .productsQuickView .modal-dialog { + max-width: 700px; + } + .productsQuickView .modal-content { + padding: 20px; + } + .productsQuickView .modal-content button.btn-close { + font-size: 15px; + } + .productsQuickView .modal-content .products-content h3 { + font-size: 18px; + } + .productsQuickView .modal-content .products-content .price { + font-size: 15px; + } +} + +/* Min width 992px to Max width 1199px */ +@media only screen and (min-width: 992px) and (max-width: 1199px) { + body { + font-size: 15px; + } + p { + font-size: 15px; + } + .ptb-100 { + padding-top: 90px; + padding-bottom: 90px; + } + .pt-100 { + padding-top: 90px; + } + .pb-100 { + padding-bottom: 90px; + } + .ptb-70 { + padding-top: 60px; + padding-bottom: 60px; + } + .pt-70 { + padding-top: 60px; + } + .pb-70 { + padding-bottom: 60px; + } + .top-header-area .container-fluid { + max-width: 960px; + } + .top-header-area.top-header-style-two .container-fluid { + max-width: 960px; + } + .top-header-area.top-header-style-three .container-fluid { + max-width: 960px; + } + .noke-responsive-nav .others-option { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } + .others-option-for-responsive { + display: none; + } + .startup-banner-area .container-fluid { + max-width: 960px; + } + .startup-banner-content { + padding-right: 0; + } + .startup-banner-content h1 { + font-size: 50px; + } + .startup-banner-inner { + padding-top: 100px; + padding-bottom: 100px; + padding-left: 30px; + padding-right: 30px; + } + .startup-banner-image { + padding-left: 0; + } + .marketing-banner-content { + padding-right: 0; + } + .marketing-banner-content h1 { + font-size: 50px; + margin-bottom: 20px; + } + .marketing-banner-content p { + max-width: 100%; + } + .business-banner-area { + padding-top: 90px; + padding-bottom: 90px; + } + .business-banner-area .container { + max-width: 960px; + } + .business-banner-area::before { + opacity: 0.3; + } + .business-banner-content { + padding-right: 0; + max-width: 100%; + } + .business-banner-content h1 { + font-size: 48px; + margin-bottom: 20px; + } + .business-banner-content p { + max-width: 100%; + } + .app-banner-area .container { + max-width: 990px; + } + .app-banner-content h1 { + font-size: 50px; + margin-bottom: 20px; + } + .app-banner-content p { + max-width: 100%; + } + .app-banner-content .btn-box { + margin-top: 20px; + } + .app-banner-content .btn-box .store-btn span { + font-size: 16px; + } + .app-banner-image { + padding-left: 0; + } + .saas-banner-area .container-fluid { + max-width: 990px; + padding-left: 15px; + padding-right: 15px; + } + .saas-banner-content { + margin-left: 0; + max-width: 100%; + } + .saas-banner-content h1 { + font-size: 50px; + margin-bottom: 20px; + } + .saas-banner-content p { + max-width: 100%; + } + .personal-portfolio-banner-area .container { + max-width: 960px; + } + .personal-portfolio-banner-content h1 { + font-size: 52px; + } + .personal-portfolio-banner-content h4 { + font-size: 25px; + } + .consulting-banner-area { + padding-top: 270px; + padding-bottom: 150px; + } + .consulting-banner-area .container { + max-width: 960px; + } + .consulting-banner-content { + max-width: 635px; + } + .consulting-banner-content h1 { + font-size: 40px; + margin-bottom: 20px; + } + .consulting-banner-content .default-btn { + margin-top: 5px; + } + .it-agency-banner-area .it-agency-inner-banner { + padding-top: 250px; + padding-bottom: 300px; + } + .it-agency-banner-content { + max-width: 100%; + } + .it-agency-banner-content h1 { + font-size: 50px; + } + .banner-video-box { + max-width: 100%; + } + .shop-banner-area { + padding-top: 150px; + padding-bottom: 150px; + } + .shop-banner-content .sub-title { + font-size: 25px; + } + .shop-banner-content h1 { + font-size: 50px; + } + .shop-banner-content h4 { + font-size: 25px; + } + .blog-banner-item .content { + padding: 20px; + max-width: 480px; + } + .blog-banner-item .content h3 { + font-size: 22px; + } + .blog-banner-item-list .single-blog-banner-item .content { + padding-top: 0; + padding-bottom: 0; + padding-left: 15px; + } + .blog-banner-item-list .single-blog-banner-item .content h3 { + margin-bottom: 12px; + font-size: 15px; + } + .furniture-banner-item { + padding-top: 150px; + padding-bottom: 150px; + } + .furniture-banner-content h1 { + margin-bottom: 15px; + font-size: 40px; + } + .minimal-portfolio-banner-area { + padding-top: 230px; + padding-bottom: 200px; + } + .minimal-portfolio-banner-content { + max-width: 730px; + } + .minimal-portfolio-banner-content .typewrite { + font-size: 18px; + } + .minimal-portfolio-banner-content h1 { + font-size: 50px; + margin-bottom: 30px; + } + .single-features-box { + padding-left: 0; + padding-right: 0; + } + .single-features-item { + padding-left: 65px; + } + .features-item { + padding: 25px; + } + .startup-about-area .container-fluid { + max-width: 960px; + } + .startup-about-image { + margin-right: 0; + padding-top: 60px; + padding-left: 29px; + padding-bottom: 60px; + } + .startup-about-image .video-btn { + left: 55%; + -webkit-transform: translateY(-50%) translateX(-55%); + transform: translateY(-50%) translateX(-55%); + } + .startup-about-content { + padding-left: 0; + max-width: 100%; + } + .startup-about-content h2 { + font-size: 38px; + } + .marketing-about-image { + margin-right: 0; + } + .marketing-about-content { + padding-left: 0; + } + .business-about-image { + padding-right: 0; + } + .business-about-content { + padding-left: 0; + } + .saas-about-image { + padding-right: 0; + } + .saas-about-content { + padding-left: 0; + } + .it-agency-about-image { + margin-right: 0; + padding: 0; + } + .it-agency-about-image .main-image { + padding-bottom: 100px; + } + .it-agency-about-image .main-image img:nth-child(2) { + max-width: 300px; + } + .it-agency-about-content { + padding-left: 0; + } + .startup-works-area .section-title { + max-width: 650px; + text-align: center; + padding-top: 0; + margin-left: auto; + margin-right: auto; + margin-bottom: 60px; + } + .startup-works-area .section-title h2 { + font-size: 40px; + } + .startup-works-content { + padding-top: 0; + padding-right: 0; + } + .startup-works-image { + margin-left: 0; + padding: 0; + } + .startup-works-slides .row { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + .single-services-item .content { + padding-left: 0; + padding-right: 0; + } + .services-tabs .nav { + margin-bottom: 50px; + } + .services-tabs .nav .nav-item { + margin-left: 16px; + margin-right: 16px; + } + .services-tabs .nav .nav-item .nav-link { + font-size: 17px; + } + .single-main-services .content { + padding-right: 0; + } + .single-main-services .content h3 { + font-size: 30px; + } + .single-main-services .content p { + max-width: 100%; + } + .col-lg-3:nth-child(2) .services-box, .col-lg-3:nth-child(4) .services-box { + margin-top: 0; + } + .col-lg-3:nth-child(5) .services-box, .col-lg-3:nth-child(7) .services-box { + margin-top: 0; + } + .services-item h3 { + font-size: 20px; + } + .services-item .hover-content { + padding: 20px; + } + .facility-content { + padding-right: 0; + } + .single-funfacts-box { + padding-top: 30px; + padding-bottom: 30px; + padding-left: 75px; + padding-right: 20px; + } + .single-funfacts-box .icon { + left: 20px; + font-size: 40px; + } + .single-funfacts-box h3 { + font-size: 35px; + } + .single-funfacts-box .sub-title { + font-size: 14.5px; + } + .single-funfacts-box.without-bg-color { + margin-right: 0; + padding-left: 60px; + } + .app-screenshot-area::before { + height: 100px; + } + .screenshot-slides.owl-theme .owl-nav [class*=owl-] { + left: -25px; + width: 35px; + line-height: 35px; + height: 35px; + font-size: 15px; + } + .screenshot-slides.owl-theme .owl-nav [class*=owl-].owl-next { + left: auto; + right: -25px; + } + .screenshot-wrap .screenshot-frame { + width: 175px; + height: 355px; + } + .categories-box h3 { + padding-left: 20px; + padding-right: 20px; + } + .categories-slides.owl-theme .owl-nav [class*=owl-] { + left: -40px; + } + .categories-slides.owl-theme .owl-nav [class*=owl-].owl-next { + left: auto; + right: -40px; + } + .startup-testimonials-area .container-fluid { + max-width: 960px; + } + .startup-testimonials-image { + background-color: transparent; + padding-top: 0; + padding-bottom: 23px; + padding-left: 0; + } + .startup-testimonials-image .main-image { + -webkit-animation: unset !important; + animation: unset !important; + margin-bottom: 15px; + } + .startup-testimonials-content { + padding-left: 0; + padding-right: 0; + padding-bottom: 30px; + padding-top: 30px; + } + .startup-testimonials-content p { + font-size: 15px; + } + .startup-testimonials-content .info { + margin-top: 20px; + padding-top: 20px; + } + .startup-testimonials-content .info h3 { + font-size: 17px; + } + .startup-testimonials-slides.owl-theme .owl-nav { + bottom: 0; + right: 80%; + -webkit-transform: translateX(80%); + transform: translateX(80%); + } + .marketing-testimonials-image { + margin-right: 30px; + margin-left: 0; + } + .marketing-testimonials-content { + padding-bottom: 50px; + } + .marketing-testimonials-content p { + font-size: 16px; + } + .marketing-testimonials-content .info { + margin-top: 20px; + } + .marketing-testimonials-content .info h3 { + font-size: 17px; + } + .marketing-testimonials-slides.owl-theme .owl-nav { + bottom: 40px; + right: 20%; + -webkit-transform: translateX(20%); + transform: translateX(20%); + } + .business-testimonials-image { + margin-right: 0; + } + .testimonials-slides.owl-theme { + padding-left: 100px; + padding-right: 100px; + } + .business-testimonials-content p { + font-size: 18px; + } + .saas-testimonials-slides.owl-theme { + margin-top: -65px; + } + .testimonials-box { + padding: 20px; + } + .shape1, .shape2, .shape3, .shape4, .shape5, .shape6, .shape7, .shape8, .shape9, .shape16 { + display: none !important; + } + .page-title-area { + padding-top: 100px; + padding-bottom: 110px; + } + .page-title-area.style-three { + padding-top: 250px; + padding-bottom: 110px; + } + .page-title-area.style-two { + padding-bottom: 100px; + padding-top: 220px; + } + .page-title-area.style-four { + padding-top: 120px; + padding-bottom: 120px; + } + .who-we-are-content { + padding: 25px; + } + .who-we-are-content h2 { + font-size: 20px; + } + .who-we-are-content .default-btn { + margin-top: 5px; + } + .app-download-area .row.align-items-center { + -webkit-box-align: unset !important; + -ms-flex-align: unset !important; + align-items: unset !important; + } + .call-to-action-inner { + padding-left: 30px; + padding-right: 30px; + } + .services-details-content h2 { + font-size: 38px; + } + .services-details-video { + margin-left: 0; + } + .services-details-video iframe { + height: 251px; + } + .single-pricing-box { + padding: 30px; + } + .single-pricing-box .pricing-header h3 { + font-size: 40px; + } + .featured-video-item-list .single-featured-video-item .content { + padding-top: 5px; + padding-bottom: 5px; + padding-left: 15px; + } + .featured-video-item-list .single-featured-video-item .content h3 { + font-size: 17px; + } + .single-clients-box a { + padding: 20px; + } + .coming-soon-content { + padding-left: 15px; + padding-right: 15px; + } + .coming-soon-content #timer div { + width: 100px; + height: 100px; + font-size: 30px; + } + .coming-soon-content form { + max-width: 100%; + } + .trending-style-content { + padding-left: 0; + } + .trending-style-image { + padding-right: 80px; + margin-right: 0; + } + .trending-style-image img:nth-child(2) { + width: 250px; + } + .widget-area .widget_about_author .about-author { + padding: 20px; + } + .widget-area .widget_noke_posts_thumb .item { + padding-left: 95px; + } + .widget-area .widget_noke_posts_thumb .item .thumb { + width: 80px; + } + .widget-area .widget_noke_posts_thumb .item .thumb .fullimage { + width: 80px; + } + .widget-area .widget_noke_posts_thumb .item .info .title { + font-size: 14px; + } + .blog-section-title h2 { + font-size: 35px; + } + .single-blog-post .content .meta li i { + top: 2px; + } + .single-post-item .post-content { + padding: 20px; + } + .single-post-item .post-content .meta { + margin-bottom: 3px; + } + .single-post-item .post-content .meta li { + margin-right: 10px; + margin-bottom: 10px; + } + .portfolio-details-info { + padding: 20px; + } + .products-details-desc { + padding-left: 0; + } + .single-contact-info-box { + padding: 25px; + } + .footer-area { + padding-top: 90px; + } + .footer-top { + padding-bottom: 60px; + margin-bottom: 60px; + } + .single-footer-widget.pl-4 { + padding-left: 0; + } + .single-footer-widget.pl-2 { + padding-left: 0; + } + .single-footer-widget.style-two h3 { + padding-left: 40px; + } + .single-footer-widget.style-two h3::before { + width: 25px; + } + .copyright-area { + margin-top: 60px; + } + .productsQuickView .modal-dialog { + max-width: 830px; + } + .productsQuickView .modal-content { + padding: 25px; + } +} + +/* Min width 1200px to Max width 1355px */ +@media only screen and (min-width: 1200px) and (max-width: 1355px) { + .top-header-area .container-fluid { + max-width: 1140px; + } + .top-header-area.top-header-style-two .container-fluid { + max-width: 1140px; + } + .top-header-area.top-header-style-three .container-fluid { + max-width: 1140px; + } + .navbar-area.navbar-style-three .noke-nav .container-fluid { + max-width: 1140px; + } + .navbar-area.navbar-style-two .noke-nav .container-fluid { + max-width: 1140px; + } + .navbar-area.navbar-style-four .noke-nav .container-fluid { + max-width: 1140px; + } + .navbar-area.navbar-style-five .noke-nav .container-fluid { + max-width: 1140px; + } + .noke-nav .container-fluid { + max-width: 1140px; + } + .startup-banner-area .container-fluid { + max-width: 100%; + } + .startup-banner-inner { + padding: 100px 40px; + } + .startup-banner-content h1 { + font-size: 55px; + } + .marketing-banner-content h1 { + font-size: 55px; + } + .marketing-banner-content p { + max-width: 510px; + } + .business-banner-area .container { + max-width: 1140px; + } + .business-banner-content { + padding-right: 0; + max-width: 100%; + } + .business-banner-content h1 { + font-size: 55px; + } + .app-banner-area .container { + max-width: 1140px; + } + .app-banner-content h1 { + font-size: 49px; + } + .personal-portfolio-banner-area .container { + max-width: 1140px; + } + .personal-portfolio-banner-content h1 { + font-size: 60px; + } + .personal-portfolio-banner-content h4 { + font-size: 30px; + } + .consulting-banner-area .container { + max-width: 1140px; + } + .consulting-banner-content { + max-width: 715px; + } + .consulting-banner-content h1 { + font-size: 45px; + } + .it-agency-banner-content h1 { + font-size: 55px; + } + .blog-banner-item-list .single-blog-banner-item .content { + padding-bottom: 3.3px; + padding-top: 3.3px; + } + .blog-banner-item-list .single-blog-banner-item .content h3 { + font-size: 16px; + } + .startup-about-area .container-fluid { + max-width: 100%; + } + .it-agency-about-image .main-image img:nth-child(2) { + max-width: 300px; + } + .startup-testimonials-area .container-fluid { + max-width: 100%; + } + .marketing-testimonials-slides.owl-theme .owl-nav { + right: 20%; + bottom: 55px; + -webkit-transform: translateX(20%); + transform: translateX(20%); + } + .services-tabs .nav .nav-item { + margin-left: 25px; + margin-right: 25px; + } + .single-main-services .content h3 { + font-size: 35px; + } + .who-we-are-content h2 { + font-size: 20px; + } + .app-screenshot-area::before { + height: 150px; + } + .screenshot-wrap .screenshot-frame { + width: 210px; + height: 430px; + } + .screenshot-slides.owl-theme .owl-nav [class*=owl-] { + left: -34px; + } + .screenshot-slides.owl-theme .owl-nav [class*=owl-].owl-next { + left: auto; + right: -34px; + } + .services-box { + padding: 30px 20px; + } + .startup-works-area .section-title { + padding-top: 20px; + margin-bottom: -180px; + } + .startup-works-content { + padding-top: 210px; + } + .featured-video-item-list .single-featured-video-item .content { + padding-top: 6px; + padding-bottom: 6px; + } + .featured-video-item-list .single-featured-video-item .content h3 { + font-size: 17px; + } + .call-to-action-content h2 { + font-size: 35px; + } + .single-post-item .post-content .meta { + margin-bottom: 3px; + } + .single-post-item .post-content .meta li { + margin-right: 10px; + margin-bottom: 10px; + } + .facility-content { + padding-right: 0; + } + .single-funfacts-box.without-bg-color { + margin-right: 15px; + } +} + +/* Min width 1535px */ +@media only screen and (min-width: 1550px) { + .top-header-area.top-header-style-two .container-fluid { + max-width: 1470px; + } + .navbar-area.navbar-style-three .noke-nav .container-fluid { + max-width: 1450px; + } + .navbar-area.navbar-style-four .noke-nav .container-fluid { + max-width: 1470px; + } + .noke-nav .container-fluid { + max-width: 1470px; + } + .startup-banner-area .container-fluid { + max-width: 1470px; + } + .startup-banner-inner { + padding-top: 140px; + padding-bottom: 140px; + padding-left: 120px; + padding-right: 120px; + } + .shape3 { + right: 34.3%; + bottom: 7%; + } + .startup-about-area .container-fluid { + max-width: 1470px; + } + .startup-about-image { + padding-left: 100px; + padding-bottom: 100px; + } + .startup-works-image { + padding-top: 100px; + padding-right: 100px; + padding-bottom: 100px; + } + .shape6 { + top: 67px; + } + .startup-testimonials-area .container-fluid { + max-width: 1470px; + } + .startup-testimonials-image { + padding-top: 100px; + padding-left: 100px; + padding-bottom: 100px; + } + .shape7 { + left: 40px; + top: 30px; + } + .shape8 { + bottom: 70px; + left: 70px; + } + .shape9 { + right: 0; + top: 85px; + } + .shape16 { + right: 150px; + } +} +/*# sourceMappingURL=responsive.css.map */ \ No newline at end of file diff --git a/static/assets/css/responsive.css.map b/static/assets/css/responsive.css.map new file mode 100644 index 00000000..8b137891 --- /dev/null +++ b/static/assets/css/responsive.css.map @@ -0,0 +1 @@ + diff --git a/static/assets/css/responsive.scss b/static/assets/css/responsive.scss new file mode 100644 index 00000000..269a7e15 --- /dev/null +++ b/static/assets/css/responsive.scss @@ -0,0 +1,6664 @@ +$media: screen; +$feature_min: min-width; +$feature_max: max-width; +$value_one: 576px; +$value_two: 767px; +$value_three: 768px; +$value_four: 991px; +$value_five: 992px; +$value_six: 1199px; +$value_seven: 1200px; +$value_eight: 1355px; +$value_nine: 1550px; + +/* Max width 767px */ +@media only #{$media} and ($feature_max : $value_two) { + + body { + font-size: 13.5px; + } + p { + font-size: 13.5px; + } + .ptb-100 { + padding: { + top: 60px; + bottom: 60px; + }; + } + .pt-100 { + padding-top: 60px; + } + .pb-100 { + padding-bottom: 60px; + } + .ptb-70 { + padding: { + top: 30px; + bottom: 30px; + }; + } + .pt-70 { + padding-top: 30px; + } + .pb-70 { + padding-bottom: 30px; + } + .default-btn { + padding: 11px 40px 11px 25px; + font-size: 13.5px; + + i { + right: 25px; + font-size: 12px; + } + &:hover { + i { + right: 20px; + } + } + } + .section-title { + max-width: 100%; + margin: { + left: 0; + right: 0; + bottom: 40px; + top: -2px; + }; + .sub-title { + font-size: 13px; + } + h2 { + font-size: 22px; + } + p { + max-width: 100%; + margin-top: 12px; + } + &.style-two { + padding-left: 0; + text-align: center; + margin-bottom: 40px; + + h2 { + font-size: 22px; + + &::before { + display: none; + } + } + p { + max-width: 100%; + } + } + &.style-three { + h2 { + span { + padding: { + left: 10px; + right: 10px; + }; + } + } + } + &.style-four { + text-align: center; + margin-bottom: 40px; + + h2 { + font-size: 22px; + } + &::before { + left: 50%; + transform: translateX(-50%); + } + } + } + .form-control { + font-size: 13.5px; + } + + .top-header-area { + text-align: center; + + .container-fluid { + max-width: 100%; + } + &.top-header-style-two { + .container-fluid { + max-width: 100%; + } + } + &.top-header-style-three { + .container-fluid { + max-width: 100%; + } + } + } + .top-header-contact-info { + text-align: center !important; + + .email { + padding-left: 20px; + margin: { + right: 10px; + top: 10px; + }; + i { + top: 4.5px; + } + } + .number { + padding-left: 20px; + margin-top: 10px; + + i { + top: 4px; + } + } + .lang-switcher { + padding-left: 18px; + margin: { + left: 10px; + top: 10px; + }; + } + } + + .search-overlay { + .search-overlay-form { + max-width: 290px; + width: 290px; + + form { + .input-search { + height: 50px; + font-size: 15px; + } + button { + font-size: 18px; + } + } + } + } + + .header-area { + &.p-responsive-relative { + position: relative; + } + } + + .startup-banner-area { + .container-fluid { + max-width: 100%; + padding: { + left: 0; + right: 0; + }; + } + } + .startup-banner-inner { + padding: { + top: 60px; + left: 15px; + right: 15px; + bottom: 60px; + }; + } + .startup-banner-content { + padding-right: 0; + text-align: center; + + .sub-title { + font-size: 13px; + } + h1 { + margin-bottom: 18px; + font-size: 25px; + } + p { + max-width: 100%; + } + .default-btn { + margin-top: 5px; + } + } + .startup-banner-image { + padding-left: 0; + margin-top: 30px; + } + .marketing-banner-area { + padding: { + top: 60px; + bottom: 60px; + }; + } + .marketing-banner-content { + text-align: center; + padding-right: 0; + + .sub-title { + font-size: 13px; + } + h1 { + margin-bottom: 18px; + font-size: 25px; + } + p { + max-width: 100%; + } + .default-btn { + margin-top: 5px; + } + } + .marketing-banner-image { + margin-top: 30px; + } + .business-banner-area { + padding: { + top: 60px; + bottom: 60px; + }; + .container { + max-width: 100%; + } + &::before { + display: none; + } + } + .business-banner-content { + padding-right: 0; + text-align: center; + max-width: 100%; + + .sub-title { + font-size: 13px; + } + h1 { + margin-bottom: 12px; + font-size: 25px; + } + p { + max-width: 100%; + } + .default-btn { + margin-top: 5px; + } + } + .business-banner-image { + margin-top: 30px; + + img { + border-radius: 0; + } + } + .app-banner-area { + padding: { + top: 60px; + bottom: 60px; + }; + .container { + max-width: 100%; + } + } + .app-banner-content { + text-align: center; + + h1 { + margin-bottom: 20px; + font-size: 25px; + } + .btn-box { + margin-top: 25px; + + .store-btn { + padding: 10px 10px 10px 45px; + font-size: 12px; + text-align: start; + margin: { + left: 3px; + right: 3px; + }; + &:first-child { + margin-left: 0; + } + img { + left: 10px; + width: 25px; + } + span { + font-size: 14px; + } + } + } + } + .app-banner-image { + padding-left: 0; + margin-top: 35px; + } + .saas-banner-area { + padding-top: 60px; + + .container-fluid { + padding: { + left: 15px; + right: 15px; + }; + } + } + .saas-banner-content { + text-align: center; + max-width: 100%; + margin-left: 0; + + .sub-title { + font-size: 13px; + } + h1 { + margin-bottom: 18px; + font-size: 25px; + } + p { + max-width: 100%; + } + .default-btn { + margin-top: 5px; + } + } + .saas-banner-image { + margin-top: 35px; + } + .personal-portfolio-banner-area { + padding: { + top: 60px; + bottom: 60px; + }; + .container { + max-width: 100%; + } + } + .personal-portfolio-banner-content { + text-align: center; + + .sub-title { + font-size: 13px; + padding-left: 0; + + &::before { + display: none; + } + } + h1 { + margin-bottom: 15px; + font-size: 25px; + } + h4 { + margin-bottom: 15px; + font-size: 16px; + } + p { + max-width: 100%; + } + } + .personal-portfolio-banner-image { + margin-top: 30px; + } + .consulting-banner-area { + padding: { + top: 235px; + bottom: 60px; + }; + .container { + max-width: 100%; + } + &::before { + display: block; + } + } + .consulting-banner-content { + text-align: center; + max-width: 100%; + + h1 { + margin-bottom: 15px; + font-size: 25px; + } + p { + max-width: 100%; + } + .default-btn { + margin-top: 5px; + } + } + .it-agency-banner-area { + .it-agency-inner-banner { + padding: { + top: 230px; + bottom: 60px; + }; + } + } + .it-agency-banner-content { + max-width: 100%; + + h1 { + margin-bottom: 15px; + font-size: 25px; + } + p { + max-width: 100%; + } + .default-btn { + margin-top: 5px; + } + } + .banner-video-box { + max-width: 100%; + margin-top: 60px; + + .video-btn { + width: 60px; + height: 60px; + font-size: 25px; + } + } + .shop-banner-area { + background-position: left center; + padding: { + top: 60px; + bottom: 60px; + }; + } + .shop-banner-content { + .sub-title { + font-size: 15px; + margin-bottom: 8px; + } + h1 { + margin-bottom: 12px; + font-size: 25px; + } + h4 { + font-size: 16px; + } + .default-btn { + margin-top: 20px; + } + } + .blog-banner-area { + padding: { + top: 60px; + bottom: 60px; + }; + } + .blog-banner-item { + margin-bottom: 30px; + + .content { + max-width: 100%; + padding: 20px 15px; + top: 0; + background-color: rgba(255, 255, 255, 1); + position: relative; + transform: translateY(0); + + h3 { + font-size: 16px; + } + .meta { + li { + a { + i { + top: 6px; + } + } + } + } + } + } + .blog-banner-item-list { + .single-blog-banner-item { + .image { + height: auto; + background-image: unset !important; + + img { + display: inline-block; + } + } + .content { + padding: { + left: 0; + bottom: 0; + top: 20px; + }; + h3 { + margin-bottom: 12px; + font-size: 16px; + } + .date { + i { + top: 2px; + } + } + } + } + } + .furniture-banner-item { + padding: { + top: 60px; + bottom: 95px; + }; + } + .furniture-banner-content { + padding: 20px 15px; + max-width: 100%; + text-align: center; + border-width: 2px; + + h1 { + margin-bottom: 12px; + font-size: 25px; + } + .default-btn { + margin-top: 5px; + } + } + .furniture-banner-slides { + &.owl-theme { + .owl-dots { + top: auto; + transform: translateY(0); + bottom: 30px; + left: 0; + right: 0; + + .owl-dot { + display: inline-block; + margin: 0 5px; + + span { + width: 35px; + } + } + } + } + } + .minimal-portfolio-banner-area { + padding: { + top: 150px; + bottom: 140px; + }; + } + .minimal-portfolio-banner-content { + max-width: 100%; + + .typewrite { + margin-bottom: 25px; + padding: 6px 15px; + font-size: 13px; + } + h1 { + font-size: 25px; + margin-bottom: 25px; + } + } + .shape1, .shape13, .shape2, .shape3, .shape4, .shape5, .shape6, .shape7, .shape8, .shape9, .shape16, .shape17, .divider, .shape18, .shape19 { + display: none !important; + } + .shape10 { + max-width: 290px; + } + + .features-area { + padding: { + top: 60px; + bottom: 30px; + }; + } + .single-features-box { + padding: { + left: 0; + right: 0; + }; + .icon { + font-size: 40px; + margin-bottom: 20px; + transform: translateY(0) !important; + } + h3 { + font-size: 16px; + transform: translateY(0) !important; + } + p { + transform: translateY(0) !important; + } + .link-btn { + left: 0; + bottom: 0 !important; + opacity: 1; + transform: unset; + margin-top: 15px; + position: relative; + visibility: visible; + + i { + top: 5px; + font-size: 11px; + } + } + } + .features-box { + padding: 20px 15px; + + h3 { + font-size: 16px; + } + .icon { + width: 60px; + height: 60px; + font-size: 30px; + line-height: 60px; + margin-bottom: 20px; + } + } + .single-features-item { + text-align: center; + padding-left: 0; + + .icon { + position: relative; + font-size: 35px; + display: inline-block; + margin-bottom: 15px; + } + h3 { + font-size: 16px; + + br { + display: none; + } + } + } + .shape15 { + display: none; + } + .features-item { + padding: 20px 15px; + + h3 { + font-size: 16px; + } + .icon { + font-size: 25px; + margin-right: 10px; + } + } + + .startup-about-area { + border-bottom: 1px solid #eeeeee; + margin-bottom: 60px; + + .container-fluid { + max-width: 100%; + } + } + .startup-about-image { + margin-right: 0; + padding: 0; + + .video-btn { + left: 50%; + width: 60px; + height: 60px; + font-size: 22px; + transform: translateY(-50%) translateX(-50%); + + &::after, &::before { + border-width: 1px; + } + } + } + .startup-about-content { + padding-left: 0; + text-align: center; + margin-top: 30px; + max-width: 100%; + + .sub-title { + font-size: 13px; + } + h2 { + font-size: 22px; + } + .features-list { + padding-left: 0; + list-style-type: none; + + li { + font-weight: 600; + } + } + } + .marketing-about-image { + margin-right: 0; + } + .marketing-about-content { + padding-left: 0; + text-align: center; + margin-top: 30px; + + .sub-title { + font-size: 13px; + } + h2 { + font-size: 22px; + } + .features-list { + padding-left: 0; + list-style-type: none; + + li { + font-weight: 600; + } + } + } + .business-about-image { + padding-right: 0; + } + .business-about-content { + padding-left: 0; + text-align: center; + margin-top: 30px; + + .sub-title { + font-size: 13px; + } + h2 { + font-size: 22px; + } + } + .shape11, .shape12 { + display: none; + } + .app-about-content { + padding-right: 0; + + h3 { + margin-bottom: 15px; + font-size: 16px; + } + .default-btn { + margin-top: 5px; + } + } + .app-about-image { + padding-left: 0; + margin-top: 30px; + } + .saas-about-image { + padding-right: 0; + margin-bottom: 30px; + } + .saas-about-content { + padding-left: 0; + + .sub-title { + font-size: 13px; + } + h2 { + font-size: 22px; + } + } + .it-agency-about-image { + margin-right: 0; + text-align: end; + padding: { + right: 0; + bottom: 0; + }; + .main-image { + padding: { + bottom: 100px; + right: 0; + left: 80px; + }; + img { + &:nth-child(2) { + right: 0; + left: 0; + position: relative; + top: 0; + } + &:nth-child(1) { + left: 0; + bottom: 0; + z-index: 2; + max-width: 200px; + position: absolute; + } + } + } + } + .it-agency-about-content { + padding-left: 0; + text-align: center; + margin-top: 30px; + + .sub-title { + font-size: 13px; + } + h2 { + font-size: 22px; + } + .features-list { + padding-left: 0; + list-style-type: none; + + li { + font-weight: 600; + } + } + } + + .single-services-box { + .content { + padding: 15px; + + .icon { + font-size: 35px; + margin-bottom: 15px; + transform: translateY(0) !important; + } + h3 { + font-size: 16px; + transform: translateY(0) !important; + } + p { + transform: translateY(0) !important; + } + .link-btn { + left: 0; + bottom: 0 !important; + opacity: 1; + transform: unset; + margin-top: 13px; + position: relative; + visibility: visible; + + i { + top: 5px; + font-size: 11px; + } + } + } + &::before { + background: linear-gradient(to top, rgba(35, 35, 37, 0.9) 0, rgba(35, 35, 37, 0.7) 50%, rgba(22, 22, 23, 0) 75%, rgba(0, 0, 0, 0) 100%); + } + } + .single-services-item { + .content { + padding: { + top: 20px; + left: 0; + right: 0; + }; + h3 { + font-size: 16px; + } + } + } + .services-tabs { + .nav { + margin-bottom: 20px; + border-bottom: 1px solid #eeeeee; + padding-bottom: 10px; + + .nav-item { + margin: { + left: 10px; + right: 10px; + bottom: 20px; + }; + .nav-link { + font-size: 14px; + + .icon { + width: 60px; + height: 60px; + line-height: 60px; + font-size: 25px; + padding-right: 5px; + margin-bottom: 12px; + } + } + } + } + } + .single-main-services { + .content { + padding-right: 0; + text-align: center; + margin-bottom: 30px; + + h3 { + font-size: 19px; + } + p { + max-width: 100%; + } + } + } + .services-box { + padding: 20px 15px; + + .icon { + font-size: 40px; + margin-bottom: 20px; + } + h3 { + font-size: 16px; + } + } + .services-item { + h3 { + font-size: 16px; + margin-top: 20px; + } + .hover-content { + padding: 20px 15px; + + .link-btn { + i { + top: 6px; + } + } + } + } + .col-lg-3 { + &:nth-child(2), &:nth-child(4) { + .services-box { + margin-top: 0; + } + } + &:nth-child(5), &:nth-child(7) { + .services-box { + margin-top: 0; + } + } + } + .single-it-services-box { + padding: 20px 15px; + text-align: center; + + .icon { + left: 0; + top: 0; + font-size: 35px; + display: block; + position: relative; + margin-bottom: 20px; + } + h3 { + font-size: 16px; + } + } + + .services-details-desc { + h3 { + font-size: 17px; + } + } + + .screenshot-wrap { + .screenshot-frame { + display: none; + } + } + .screenshot-slides { + &.owl-theme { + padding-top: 40px; + + .owl-nav { + [class*=owl-] { + left: 15px; + width: 30px; + line-height: 30px; + height: 30px; + font-size: 15px; + top: 0; + transform: translateY(0); + + &.owl-next { + left: auto; + right: 15px; + } + } + } + } + } + + .expertise-box { + text-align: center; + + .icon { + width: 60px; + height: 60px; + font-size: 30px; + line-height: 60px; + margin: { + left: auto; + right: auto; + bottom: 20px; + }; + } + h3 { + font-size: 16px; + } + } + + .categories-box { + h3 { + font-size: 16px; + padding: { + left: 15px; + right: 15px; + }; + } + } + .categories-slides { + &.owl-theme { + .owl-nav { + opacity: 1; + visibility: visible; + margin-bottom: 30px; + + [class*=owl-] { + margin: 0 5px; + position: relative; + left: 0; + top: 0; + width: 30px; + height: 30px; + line-height: 30px; + transform: unset; + + &.owl-next { + right: 0; + } + } + } + } + } + + .who-we-are-content { + padding: 20px 15px; + text-align: center; + + .sub-title { + font-size: 13px; + } + h2 { + font-size: 16px; + } + .default-btn { + margin-top: 5px; + } + } + .who-we-are-image { + .video-btn { + width: 60px; + height: 60px; + font-size: 20px; + } + } + + .categories-area { + border-bottom: 1px solid #eeeeee; + margin-bottom: 55px; + } + .single-categories-box { + h3 { + top: 15px; + left: 15px; + font-size: 15px; + padding: 7px 20px; + } + } + + .startup-works-area { + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #eeeeee; + padding-top: 60px; + margin-bottom: 60px; + + .section-title { + padding-top: 0; + text-align: center; + margin-bottom: 40px; + + h2 { + font-size: 22px; + } + } + } + .startup-works-content { + text-align: center; + position: relative; + border-top: 1px solid #eeeeee; + margin-top: 15px; + padding: { + top: 50px; + right: 0; + }; + h3 { + font-size: 16px; + margin-bottom: 12px; + } + .custom-owl-nav { + margin-top: 0; + + [class*=owl-] { + margin: 0 3px; + font-size: 13px; + padding: 6px 20px 6px !important; + position: absolute; + left: 0; + top: -15px; + + &.custom-owl-next { + left: auto; + right: 0; + } + } + } + } + .startup-works-image { + margin: { + left: 0; + top: 15px; + }; + padding: { + top: 0; + right: 0; + bottom: 0; + }; + } + .single-works-box { + .works-image { + .works-overlay { + h3 { + font-size: 16px; + } + } + } + } + .works-box { + h3 { + opacity: 1; + visibility: visible; + top: auto; + transform: translateY(0); + bottom: 0; + font-size: 16px; + padding: 10px; + margin: { + left: 0; + right: 0; + top: 0; + }; + } + } + .works-box-btn { + margin-top: 5px; + } + .single-works-item { + .content { + padding: { + left: 15px; + right: 15px; + }; + .link-btn { + width: 40px; + height: 40px; + line-height: 40px; + } + h3 { + font-size: 16px; + } + } + } + + .how-it-works-content { + padding-right: 0; + + ul { + li { + padding-left: 50px; + + i { + font-size: 30px; + } + h3 { + font-size: 16px; + } + } + } + } + .how-it-works-image { + margin-top: 30px; + } + + .single-process-box { + padding: 25px 15px; + + h3 { + font-size: 16px; + } + } + + .funfacts-inner { + padding: { + left: 15px; + right: 15px; + }; + &.border-radius { + &.ptb-70 { + padding-bottom: 10px; + } + } + } + .single-funfacts-box { + text-align: center; + padding: 20px 10px; + + .icon { + position: relative; + top: 0; + line-height: 1; + transform: translateY(0); + left: 0; + font-size: 30px; + margin-bottom: 15px; + display: block; + } + h3 { + font-size: 30px; + } + &.without-bg-color { + border-right: none; + margin-right: 0; + padding: 0; + } + &.text-center { + border-right: none; + padding: 0; + } + } + + .single-products-box { + .image { + .buttons-list { + li { + transform: translateY(0); + visibility: visible; + opacity: 1; + + a { + .tooltip-label { + &::before { + bottom: -12px; + } + } + &:hover { + .tooltip-label { + top: -40px; + } + } + } + } + } + } + .content { + h3 { + font-size: 16px; + } + .rating { + margin-bottom: 10px; + font-size: 12px; + } + .price { + span { + font-size: 14px; + } + } + } + } + + .startup-testimonials-area { + .container-fluid { + max-width: 100%; + } + } + .startup-testimonials-image { + padding: 0; + + .main-image { + animation: unset !important; + } + } + .startup-testimonials-content { + padding: { + left: 15px; + right: 15px; + bottom: 30px; + top: 30px; + }; + .icon { + margin-bottom: 15px; + font-size: 30px; + } + p { + font-size: 15px; + } + .info { + margin-top: 20px; + padding-top: 20px; + + h3 { + font-size: 15px; + margin-bottom: 7px; + } + } + } + .startup-testimonials-slides { + &.owl-theme { + .owl-nav { + right: 0; + bottom: 0; + transform: unset; + position: relative; + padding-bottom: 30px; + + [class*=owl-] { + margin: 0 3px; + font-size: 13px; + padding: 6px 20px 6px !important; + } + } + } + } + .marketing-testimonials-image { + margin: { + left: 0; + right: 0; + bottom: 30px; + }; + } + .marketing-testimonials-content { + padding-bottom: 0; + + .icon { + margin-bottom: 15px; + font-size: 30px; + } + p { + font-size: 15px; + } + .info { + margin-top: 20px; + + h3 { + font-size: 15px; + margin-bottom: 7px; + } + } + } + .marketing-testimonials-slides { + &.owl-theme { + .owl-nav { + right: 0; + bottom: 0; + margin-top: 25px; + transform: unset; + position: relative; + + [class*=owl-] { + margin: 0 3px; + font-size: 13px; + padding: 6px 20px 6px !important; + } + } + } + } + .business-testimonials-image { + margin: { + right: 0; + bottom: 40px; + }; + } + .business-testimonials-content { + .icon { + margin-bottom: 15px; + font-size: 30px; + } + p { + font-size: 15px; + } + .info { + margin-top: 20px; + + h3 { + font-size: 15px; + margin-bottom: 7px; + } + } + } + .testimonials-slides { + &.owl-theme { + padding: { + left: 0; + right: 0; + }; + .owl-nav { + margin-top: 30px; + + [class*=owl-] { + padding: 6px 20px 6px !important; + left: 0; + top: 0; + transform: unset; + position: relative; + font-size: 13px; + margin: 0 4px; + } + } + } + } + .testimonials-inner { + padding: { + left: 15px; + right: 15px; + }; + .testimonials-slides { + &.owl-theme { + .owl-nav { + [class*=owl-] { + margin: 0 5px; + font-size: 15px; + width: 35px; + height: 35px; + line-height: 35px; + } + } + } + } + &.it-agency-color { + padding: { + left: 0; + right: 0; + }; + } + &.minimal-portfolio-color { + padding: { + left: 0; + right: 0; + }; + } + &.shop-color { + padding: { + left: 0; + right: 0; + }; + } + } + .testimonials-item { + max-width: 100%; + + .icon { + margin-bottom: 15px; + font-size: 30px; + } + p { + font-size: 15px; + } + .info { + margin-top: 20px; + + img { + width: 70px !important; + height: 70px; + } + .title { + h3 { + font-size: 15px; + margin-bottom: 7px; + } + } + } + } + .saas-testimonials-slides { + &.owl-theme { + margin-top: 30px; + padding: { + left: 0; + right: 0; + }; + .owl-nav { + margin-top: 20px; + + [class*=owl-] { + top: 0; + left: 0; + margin: 0 6px; + font-size: 20px; + transform: unset; + position: relative; + + &.owl-next { + right: 0; + } + } + } + } + } + .saas-testimonials-item { + padding: 20px 15px; + text-align: center; + + .info { + margin-bottom: 20px; + justify-content: center; + text-align: start; + + img { + width: 65px !important; + height: 65px; + } + .title { + text-align: start; + + h3 { + font-size: 15px; + } + } + } + p { + font-size: 14px; + } + } + .testimonials-box { + padding: 20px 15px; + + .icon { + width: 60px; + height: 60px; + line-height: 60px; + font-size: 25px; + margin-bottom: 15px; + } + p { + font-size: 14px; + } + .info { + margin-top: 20px; + + h3 { + font-size: 15px; + } + } + } + + .single-skills-box { + padding: 20px; + } + + .short-brief-area { + .row { + .col-lg-6 { + &:last-child { + .short-brief-content { + border-bottom: none; + margin-bottom: 0; + } + } + } + } + } + .short-brief-content { + border-bottom: 1px solid #eeeeee; + padding-bottom: 30px; + + .timeline-content { + h3 { + font-size: 16px; + margin-bottom: 12px; + } + } + .timeline-item { + padding-left: 30px; + } + .timeline-info { + .sub-title { + margin-bottom: 10px; + + span { + font-size: 15px; + } + } + } + } + + .video-box { + .video-btn { + top: 50%; + transform: translateY(-50%) translateX(-50%); + width: 55px; + height: 55px; + font-size: 20px; + } + } + + .single-team-member { + .content { + padding: 20px 15px; + + &::before { + opacity: 1; + visibility: visible; + } + h3 { + font-size: 16px; + transform: translateY(0) !important; + } + span { + transform: translateY(0) !important; + } + .social { + bottom: auto; + opacity: 1; + visibility: visible; + top: -30px; + + li { + a { + font-size: 15px; + } + } + } + } + } + .single-team-box { + .image { + .social { + margin-bottom: 0; + opacity: 1; + visibility: visible; + padding: 20px; + } + } + .content { + margin-top: 20px; + + h3 { + font-size: 16px; + } + } + } + .team-member { + .content { + padding: 20px 15px; + margin-top: 0; + + &::before { + opacity: 1; + visibility: visible; + } + h3 { + font-size: 16px; + transform: translateY(0) !important; + } + span { + transform: translateY(0) !important; + } + .social { + visibility: visible; + bottom: auto; + opacity: 1; + top: -30px; + + li { + a { + font-size: 15px; + } + } + } + } + } + .team-box { + .content { + visibility: visible; + position: relative; + padding: 20px 15px; + opacity: 1; + bottom: 0; + + h3 { + font-size: 16px; + } + .social { + li { + a { + font-size: 17px; + } + } + } + } + } + + .single-pricing-box { + text-align: center; + padding: 20px 15px; + + .pricing-header { + margin-bottom: 20px; + padding-bottom: 20px; + + h3 { + font-size: 30px; + + span { + font-size: 13px; + } + } + } + .features-list { + max-width: 176px; + text-align: start; + margin: { + bottom: 20px; + left: auto; + right: auto; + }; + li { + padding-left: 20px; + + i { + top: 3.5px; + } + } + } + } + .pricing-box { + padding: 25px; + + .pricing-header { + margin: -25px -25px 25px; + padding: 25px; + + h3 { + font-size: 16px; + } + .price { + font-size: 30px; + + span { + font-size: 13px; + } + } + } + .features-list { + margin-bottom: 25px; + } + &.bg-black { + .pricing-header { + padding: 0 0 25px; + } + } + } + .pricing-tabs { + margin-top: 0; + + .nav { + margin-bottom: 40px; + + .nav-item { + .nav-link { + padding: 11px 30px; + font-size: 14px; + } + } + } + } + .pricing-item { + padding: 20px 15px; + + .pricing-header { + margin: -20px 0 20px; + padding: 20px 15px; + + h3 { + font-size: 16px; + } + .price { + font-size: 30px; + + span { + font-size: 13px; + } + } + } + .features-list { + margin-bottom: 20px; + } + } + + .single-clients-box { + a { + padding: 10px; + } + } + + .services-details-content { + text-align: center; + + h2 { + font-size: 22px; + } + } + .services-details-video { + margin: { + left: 0; + top: 30px; + }; + iframe { + height: 162px; + } + } + + .showMoreItemsList + .button-box button { + margin-top: 0; + padding: 11px 30px; + font-size: 14px; + } + + .single-featured-video-box { + .content { + h3 { + font-size: 16px; + } + } + } + .featured-video-item-list { + .single-featured-video-item { + .image { + height: auto; + background-image: unset !important; + + img { + display: inline-block; + } + } + .content { + padding: { + top: 20px; + left: 0; + bottom: 0; + }; + h3 { + font-size: 16px; + } + } + } + } + + .latest-posts-area { + .widget-area { + margin: { + top: 10px; + bottom: 30px; + }; + } + } + .single-latest-post-box { + .post-content { + padding: { + top: 20px; + left: 0; + right: 0; + }; + h3 { + font-size: 16px; + } + .link-btn { + i { + top: 6px; + } + } + } + } + + .what-we-do-content { + text-align: center; + + .section-title { + text-align: center; + margin-bottom: 0; + + p { + margin-top: 12px; + } + } + .single-what-we-do-box { + margin-top: 30px; + } + } + .single-what-we-do-box { + .icon { + font-size: 35px; + margin-bottom: 20px; + } + h3 { + font-size: 16px; + } + } + .what-we-do-image { + margin-top: 30px; + } + + .shorting-menu { + margin-bottom: 15px; + + .filter { + font-size: 14px; + margin: { + bottom: 15px; + right: 10px; + left: 10px; + }; + } + } + .works-slides-style-one, .works-slides-style-two { + &.owl-theme { + .owl-nav { + opacity: 1; + visibility: visible; + + [class*=owl-] { + left: 15px; + width: 35px; + height: 35px; + line-height: 35px; + font-size: 16px; + + &.owl-next { + left: auto; + right: 15px; + } + } + } + .owl-dots { + margin-top: 30px; + + .owl-dot { + span { + width: 15px; + height: 15px; + margin: 0 3px; + } + } + } + } + } + + .portfolio-details-desc { + h3 { + font-size: 17px; + } + .image { + padding-right: 0; + } + .content { + margin-top: 0; + margin-bottom: 15px; + } + } + .portfolio-details-info { + padding: 20px; + margin: { + left: 0; + top: 30px; + }; + ul { + li { + .icon { + top: 6px; + font-size: 20px; + } + span { + margin-bottom: 8px; + font-size: 15px; + } + } + } + } + .portfolio-details-slides { + &.owl-theme { + .owl-nav { + opacity: 1; + visibility: visible; + + [class*=owl-] { + left: 15px; + width: 35px; + height: 35px; + line-height: 35px; + font-size: 16px; + + &.owl-next { + left: auto; + right: 15px; + } + } + } + } + } + + .portfolio-details-left { + a { + padding-left: 20px; + font-size: 13px; + } + } + .menu-icon { + font-size: 18px; + } + .portfolio-details-right { + a { + padding-right: 20px; + font-size: 13px; + } + } + + .widget-area { + margin-top: 40px; + + .widget { + .widget-title { + font-size: 16px; + padding-bottom: 10px; + } + } + .widget_service_categories { + ul { + li { + a { + i { + font-size: 11px; + } + } + } + } + } + .widget_about_author { + .about-author { + padding: 20px 15px; + } + } + .widget_noke_posts_thumb { + .item { + padding-left: 95px; + + .thumb { + width: 80px; + + .fullimage { + width: 80px; + } + } + .info { + .title { + font-size: 13px; + } + } + } + } + .widget_recent_posts { + .item { + .title { + font-size: 14px; + } + } + } + .widget_newsletter { + padding: 20px 15px; + + h4 { + font-size: 17px; + } + } + .widget_tag_cloud { + .tagcloud { + a { + font-size: 13px !important; + } + } + } + &.extra-padding { + padding-left: 0; + + &.left-sidebar { + padding-right: 0; + margin: { + top: 0; + bottom: 40px; + }; + } + } + .widget_price_filter { + .collection_filter_by_price { + padding-right: 15px; + } + } + .widget_colors { + ul { + li { + a { + span { + &:nth-child(1) { + width: 15px; + height: 15px; + } + } + } + } + } + } + .widget_top_rated_products { + .item { + .info { + .title { + margin-bottom: 6px; + font-size: 13px; + } + } + } + } + } + + .products-details-desc { + padding-left: 0; + margin-top: 30px; + + h3 { + margin-bottom: 15px; + font-size: 16px; + } + .products-review { + .rating { + font-size: 13px; + } + } + .price { + font-size: 14px; + } + } + .products-details-tabs { + margin-top: 30px; + + .single-tabs-box { + h2 { + font-size: 17px; + } + .inner-box { + h3 { + font-size: 16px; + margin-bottom: 15px; + } + .table-striped { + tbody tr td { + font-size: 13px; + white-space: nowrap; + } + } + .products-review-comments { + .user-review { + padding-left: 0; + + .sub-comment { + margin-bottom: 6px; + } + img { + top: 0; + left: 0; + position: relative; + margin-bottom: 15px; + } + } + } + .review-form-wrapper { + form { + button { + margin-top: 20px; + font-size: 14px; + } + } + } + } + } + } + + .cart-table-desc { + table { + thead { + tr { + th { + font-size: 14px; + white-space: nowrap; + } + } + } + tbody { + tr { + td { + padding-right: 20px; + white-space: nowrap; + font-size: 13px; + text-align: center; + } + } + } + } + } + .cart-buttons-desc { + .shopping-coupon-code { + .form-control { + padding-left: 10px; + } + button { + padding: 0 15px; + font-size: 12px; + } + } + .text-end { + text-align: center !important; + margin-top: 30px; + } + } + .cart-totals-desc { + margin-top: 30px; + padding: 20px 15px; + + h3 { + font-size: 16px; + padding: { + top: 15px; + left: 15px; + right: 15px; + bottom: 14px; + }; + margin: { + left: -15px; + right: -15px; + bottom: 20px; + top: -20px; + }; + } + .default-btn { + margin-top: 20px; + } + } + + .billing-details-desc { + padding: 20px 15px; + + h3 { + font-size: 16px; + padding: { + top: 15px; + left: 15px; + right: 15px; + bottom: 14px; + }; + margin: { + left: -15px; + right: -15px; + bottom: 20px; + top: -20px; + }; + } + .form-group { + .nice-select { + font-size: 13px; + + .list { + .option { + font-size: 14px; + } + } + } + } + } + .order-details-desc { + margin-top: 30px; + padding: 20px 15px; + + h3 { + font-size: 16px; + padding: { + top: 15px; + left: 15px; + right: 15px; + bottom: 14px; + }; + margin: { + left: -15px; + right: -15px; + bottom: 20px; + top: -20px; + }; + } + .default-btn { + margin-top: 20px; + } + } + + .blog-details-desc { + .article-content { + .entry-meta { + margin-top: -10px; + + ul { + li { + margin: { + right: 10px; + top: 10px; + }; + } + } + } + h3 { + font-size: 16px; + line-height: 1.5; + margin: { + bottom: 12px; + top: 20px; + }; + } + } + .article-footer { + text-align: center; + + .article-tags { + flex: 0 0 100%; + max-width: 100%; + + .d-flex { + display: block !important; + } + p { + display: block; + margin-bottom: 0; + } + a { + margin-top: 10px; + } + } + .article-share { + flex: 0 0 100%; + max-width: 100%; + margin-top: 20px; + + .social { + text-align: center; + } + } + } + } + blockquote { + padding: 20px !important; + + &::after, &::after { + width: 1px; + } + p { + font-size: 14px !important; + } + } + .comments-area { + margin-top: 25px; + + .comments-title { + font-size: 16px; + } + .comment-author { + font-size: 14px; + + .avatar { + top: 0; + left: 0; + display: block; + position: relative; + margin-bottom: 12px; + } + } + .comment-body { + .reply { + a { + font-size: 12px; + } + } + } + .comment-body { + padding-left: 0; + } + .comment-respond { + margin-top: 25px; + + .comment-reply-title { + font-size: 16px; + } + .comment-form-author { + width: 100%; + padding-right: 0; + } + .comment-form-email { + width: 100%; + padding-left: 0; + } + input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea { + font-size: 14px; + padding-left: 12px; + } + textarea { + padding-top: 12px; + } + .comment-form-cookies-consent { + label { + font-size: 14px; + } + } + .form-submit { + input { + font-size: 13px; + } + } + } + } + + .faq-accordion { + .accordion-item { + .accordion-button { + padding: 15px 15px 15px 40px; + font-size: 14px; + + &::after { + left: 15px; + top: 20px; + width: 12px; + height: 12px; + background-size: 12px; + } + } + .accordion-body { + padding: 0 15px 15px 40px; + } + } + } + + .facility-content { + padding-right: 0; + margin-bottom: 30px; + + .item { + padding-left: 0; + text-align: center; + + i { + line-height: 1; + font-size: 35px; + position: relative; + margin-bottom: 20px; + display: inline-block; + } + h3 { + font-size: 16px; + } + } + } + + .cta-content { + max-width: 100%; + + h2 { + font-size: 22px; + } + p { + max-width: 100%; + margin-top: 15px; + } + .default-btn { + margin-top: 10px; + } + } + .call-to-action-content { + text-align: center; + + h2 { + font-size: 22px; + } + } + .call-to-action-btn { + text-align: center; + margin-top: 25px; + } + .call-to-action-inner { + padding: { + left: 15px; + right: 15px; + }; + } + + .profile-authentication-area { + height: auto; + padding: { + bottom: 70px; + top: 130px; + }; + } + .signin-form { + max-width: 100%; + text-align: center; + padding: 20px 15px; + + h2 { + font-size: 25px; + margin-bottom: 25px; + } + form { + .lost-your-password-wrap { + text-align: start; + margin-top: 15px; + } + .form-group { + margin-bottom: 15px; + } + button { + padding: 12px 30px; + font-size: 14px; + } + .dont-account { + margin-top: 20px; + } + .sign-in-with-button { + margin-top: 20px; + } + } + } + .signup-form { + max-width: 100%; + text-align: center; + padding: 20px 15px; + + h2 { + font-size: 25px; + margin-bottom: 25px; + } + form { + .lost-your-password-wrap { + text-align: start; + margin-top: 15px; + } + .form-group { + margin-bottom: 15px; + } + button { + padding: 12px 30px; + font-size: 14px; + } + .dont-account { + margin-top: 20px; + } + .sign-in-with-button { + margin-top: 20px; + } + } + } + + .noke-grid-sorting { + margin-bottom: 30px; + text-align: center; + + .ordering { + text-align: center; + margin-top: 15px; + + select { + font-size: 14px; + } + } + } + + .app-download-area { + .col-lg-6 { + &:nth-child(1) { + order: 2; + } + &:nth-child(2) { + order: 1; + } + } + } + .app-download-content { + text-align: center; + + .sub-title { + font-size: 13px; + } + h2 { + font-size: 22px; + } + .btn-box { + margin-top: 25px; + + .store-btn { + padding: 10px 10px 10px 45px; + font-size: 12px; + text-align: start; + margin: { + left: 3px; + right: 3px; + }; + &:first-child { + margin-left: 0; + } + img { + left: 10px; + width: 25px; + } + span { + font-size: 14px; + } + } + } + } + .app-download-image { + padding-right: 0; + margin-top: 30px; + } + + .trending-style-image { + margin-right: 0; + padding: { + bottom: 0; + right: 0; + }; + img { + &:nth-child(2) { + position: relative; + margin-top: 30px; + width: auto; + } + } + } + .trending-style-content { + text-align: center; + padding-left: 0; + margin-top: 30px; + + .sub-title { + font-size: 13px; + } + h2 { + margin-bottom: 13px; + font-size: 22px; + } + h3 { + font-size: 15px; + margin-bottom: 13px; + } + .default-btn { + margin-top: 5px; + } + } + + .page-title-area { + padding: { + top: 60px; + bottom: 70px; + }; + &.style-three { + padding: { + top: 60px; + bottom: 60px; + }; + } + &.style-four { + padding: { + top: 60px; + bottom: 60px; + }; + &::before { + background: { + image: unset !important; + color: rgba(255, 255, 255, .85); + }; + } + } + &.style-two { + padding: { + bottom: 60px; + top: 245px; + }; + } + } + .page-title-content { + &.text-start { + text-align: center !important; + } + h2 { + font-size: 25px; + } + ul { + margin-top: 10px; + + li { + font-size: 14px; + } + } + } + + .privacy-policy-content { + h3 { + font-size: 16px; + margin-bottom: 13px; + } + } + + .terms-conditions-content { + h3 { + font-size: 16px; + margin-bottom: 13px; + } + } + + .error-content { + h3 { + font-size: 20px; + margin: { + bottom: 15px; + top: 30px; + }; + } + .default-btn { + margin-top: 20px; + } + } + + .coming-soon-image { + height: auto; + background-image: unset !important; + + img { + display: inline-block; + } + } + .coming-soon-content { + height: auto; + padding: { + top: 60px; + bottom: 60px; + left: 15px; + right: 15px; + }; + h2 { + font-size: 25px; + margin-top: 25px; + } + #timer { + margin-top: 10px; + + div { + width: 95px; + height: 100px; + font-size: 30px; + margin-top: 20px; + + span { + font-size: 14px; + } + &:first-child { + margin-left: 10px; + } + &:last-child { + margin-right: 10px; + } + } + } + form { + max-width: 100%; + margin-top: 30px; + + .default-btn { + position: relative; + right: 0; + bottom: 0; + display: block; + width: 100%; + padding: 13px 20px; + margin-top: 15px; + } + .input-newsletter { + padding: 0 0 0 15px; + height: 50px; + font-size: 13px; + } + } + } + + .single-blog-post { + .content { + padding: 15px; + + .meta { + li { + i { + top: 3px; + } + } + } + h3 { + font-size: 16px; + } + } + } + .single-post-item { + .post-content { + padding: 20px 15px; + + .meta { + margin-bottom: 3px; + + li { + padding-left: 19px; + margin: { + right: 10px; + bottom: 10px; + }; + } + } + .tag { + margin-bottom: 12px; + } + h3 { + font-size: 16px; + } + .link-btn { + i { + top: 6px; + } + } + } + &.without-box-shadow { + .post-content { + padding: { + left: 0; + right: 0; + }; + } + } + } + .blog-section-title { + text-align: center; + margin-bottom: 40px; + + .sub-title { + font-size: 13px; + } + h2 { + font-size: 22px; + } + .default-btn { + margin-top: 5px; + } + } + + .pagination-area { + margin-top: 10px; + + .page-numbers { + width: 35px; + height: 35px; + line-height: 33px; + font-size: 15px; + } + } + + .single-contact-info-box { + padding: 20px 15px; + text-align: center; + + .icon { + font-size: 30px; + margin-bottom: 20px; + } + h3 { + font-size: 16px; + margin-bottom: 12px; + } + &.style-two { + .icon { + width: 60px; + height: 60px; + font-size: 25px; + margin-bottom: 20px; + } + } + } + .contact-form { + padding: 20px; + } + + .footer-area { + padding-top: 60px; + + &.marketing-footer { + .footer-top { + margin-bottom: 60px; + padding-bottom: 0; + } + } + &.business-footer { + .footer-top { + margin-bottom: 60px; + padding: { + top: 50px; + bottom: 50px; + }; + } + } + } + .footer-top { + text-align: center; + padding-bottom: 30px; + margin-bottom: 30px; + + .logo { + margin-bottom: 25px; + } + .content { + &.d-flex { + display: block !important; + } + h3 { + font-size: 16px; + margin-bottom: 25px; + } + } + } + .single-footer-widget { + h3 { + font-size: 16px; + } + &.pl-4 { + padding-left: 0; + } + &.pl-2 { + padding-left: 0; + } + &.style-two { + h3 { + padding-left: 0; + + &::before { + display: none; + } + } + } + } + .copyright-area { + margin-top: 30px; + padding: { + top: 20px; + bottom: 20px; + }; + .text-start { + text-align: center!important; + margin-bottom: 15px; + } + .social-links { + text-align: center; + margin-top: 15px; + } + } + .go-top { + width: 38px; + height: 38px; + font-size: 15px; + } + + .productsQuickView { + .modal-dialog { + max-width: 100%; + } + .modal-content { + padding: 15px; + + button { + &.btn-close { + font-size: 15px; + } + } + .products-content { + margin-top: 25px; + + h3 { + font-size: 16px; + } + .price { + font-size: 14px; + } + .products-add-to-cart { + margin-top: 20px; + } + .social-share { + margin-top: 25px; + } + } + } + } + +} + +/* Min width 576px to Max width 767px */ +@media only #{$media} and ($feature_min : $value_one) and ($feature_max : $value_two) { + + .top-header-area { + .container-fluid { + max-width: 540px; + } + &.top-header-style-two { + .container-fluid { + max-width: 540px; + } + } + &.top-header-style-three { + .container-fluid { + max-width: 540px; + } + } + } + + .startup-banner-inner { + padding: { + left: 25px; + right: 25px; + }; + } + .startup-banner-content { + max-width: 540px; + margin: { + left: auto; + right: auto; + }; + padding: { + left: 15px; + right: 15px; + }; + } + .startup-banner-image { + max-width: 540px; + margin: { + left: auto; + right: auto; + }; + padding: { + left: 15px; + right: 15px; + }; + } + .business-banner-area { + .container { + max-width: 540px; + } + } + .app-banner-area { + .container { + max-width: 540px; + } + } + .saas-banner-area { + .container-fluid { + max-width: 540px; + } + } + .personal-portfolio-banner-area { + .container { + max-width: 540px; + } + } + .consulting-banner-area { + .container { + max-width: 540px; + } + } + + .screenshot-wrap { + .screenshot-frame { + display: block; + height: 500px; + width: 240px; + top: 40px; + } + } + .screenshot-slides { + &.owl-theme { + .owl-nav { + [class*=owl-] { + left: 0; + + &.owl-next { + left: auto; + right: 0; + } + } + } + } + } + + .startup-about-area { + .container-fluid { + max-width: 540px; + } + } + + .single-services-box { + .content { + padding: 25px; + } + } + + .single-blog-post { + .content { + padding: 25px; + } + } + + .works-area { + .container-fluid { + max-width: 540px; + } + } + + .facility-content { + display: flex; + flex-wrap: wrap; + margin: { + right: -15px; + left: -15px; + bottom: 0; + }; + .item { + flex: 0 0 50%; + max-width: 50%; + margin-bottom: 30px !important; + padding: { + left: 15px; + right: 15px; + }; + } + } + + .startup-testimonials-area { + .container-fluid { + max-width: 540px; + } + } + + .trending-style-image { + padding: { + right: 100px; + bottom: 80px; + }; + img { + &:nth-child(2) { + position: absolute; + margin-top: 0; + width: 250px; + } + } + } + + .productsQuickView { + .modal-dialog { + max-width: 430px; + } + .modal-content { + padding: 30px; + } + } + +} + +/* Min width 768px to Max width 991px */ +@media only #{$media} and ($feature_min : $value_three) and ($feature_max : $value_four) { + + body { + font-size: 14.5px; + } + p { + font-size: 14.5px; + } + .ptb-100 { + padding: { + top: 80px; + bottom: 80px; + }; + } + .pt-100 { + padding-top: 80px; + } + .pb-100 { + padding-bottom: 80px; + } + .ptb-70 { + padding: { + top: 50px; + bottom: 50px; + }; + } + .pt-70 { + padding-top: 50px; + } + .pb-70 { + padding-bottom: 50px; + } + .default-btn { + font-size: 14.5px; + } + .section-title { + max-width: 550px; + margin-bottom: 50px; + + h2 { + font-size: 30px; + } + &.style-two { + text-align: center; + padding-left: 0; + margin: { + left: auto; + right: auto; + bottom: 50px; + }; + h2 { + &::before { + display: none; + } + } + } + &.style-four { + text-align: center; + + h2 { + font-size: 25px; + } + &::before { + left: 50%; + transform: translateX(-50%); + } + } + } + + .top-header-area { + .container-fluid { + max-width: 720px; + } + &.top-header-style-two { + .container-fluid { + max-width: 720px; + } + } + &.top-header-style-three { + .container-fluid { + max-width: 720px; + } + } + } + + .noke-responsive-nav { + .others-option { + display: flex !important; + } + } + .others-option-for-responsive { + display: none; + } + + .startup-banner-area { + .container-fluid { + max-width: 100%; + padding: { + left: 0; + right: 0; + }; + } + } + .startup-banner-inner { + padding: { + top: 80px; + bottom: 80px; + left: 25px; + right: 25px; + }; + } + .startup-banner-content { + max-width: 720px; + text-align: center; + margin: { + left: auto; + right: auto; + }; + padding: { + left: 15px; + right: 15px; + }; + p { + margin: { + left: auto; + right: auto; + }; + } + h1 { + margin-bottom: 20px; + font-size: 35px; + } + .default-btn { + margin-top: 5px; + } + } + .startup-banner-image { + max-width: 720px; + padding: { + left: 15px; + right: 15px; + }; + margin: { + left: auto; + right: auto; + top: 30px; + }; + } + .marketing-banner-area { + padding: { + top: 70px; + bottom: 70px; + }; + } + .marketing-banner-content { + padding-right: 0; + text-align: center; + + p { + margin: { + left: auto; + right: auto; + }; + } + h1 { + margin-bottom: 15px; + font-size: 35px; + } + .default-btn { + margin-top: 5px; + } + } + .marketing-banner-image { + margin-top: 30px; + } + .business-banner-area { + padding: { + top: 80px; + bottom: 80px; + }; + .container { + max-width: 720px; + } + &::before { + display: none; + } + } + .business-banner-content { + padding-right: 0; + text-align: center; + max-width: 100%; + + p { + margin: { + left: auto; + right: auto; + }; + } + h1 { + margin-bottom: 15px; + font-size: 36px; + } + .default-btn { + margin-top: 5px; + } + } + .business-banner-image { + margin-top: 30px; + } + .app-banner-area { + padding: { + top: 80px; + bottom: 80px; + }; + .container { + max-width: 720px; + } + } + .app-banner-content { + text-align: center; + + p { + margin: { + left: auto; + right: auto; + }; + } + h1 { + margin-bottom: 15px; + font-size: 40px; + } + .btn-box { + margin-top: 20px; + + .store-btn { + text-align: start; + + span { + font-size: 16px; + } + } + } + } + .app-banner-image { + padding-left: 0; + margin-top: 35px; + } + .personal-portfolio-banner-area { + padding: { + top: 80px; + bottom: 80px; + }; + .container { + max-width: 720px; + } + } + .personal-portfolio-banner-content { + text-align: center; + + .sub-title { + padding-left: 0; + font-size: 16px; + + &::before { + display: none; + } + } + p { + margin: { + left: auto; + right: auto; + }; + } + h4 { + margin-bottom: 15px; + font-size: 20px; + } + h1 { + margin-bottom: 15px; + font-size: 40px; + } + .default-btn { + margin-top: 5px; + } + } + .personal-portfolio-banner-image { + margin-top: 30px; + + img { + width: 100%; + } + } + .shape1, .shape2, .shape3, .shape4, .shape5, .shape6, .shape7, .shape8, .shape9, .shape16, .shape17, .shape18, .shape19 { + display: none !important; + } + .saas-banner-area { + padding-top: 80px; + + .container-fluid { + max-width: 720px; + padding: { + left: 15px; + right: 15px; + }; + } + } + .saas-banner-content { + margin-left: 0; + text-align: center; + max-width: 100%; + + h1 { + margin-bottom: 15px; + font-size: 40px; + } + p { + margin: { + left: auto; + right: auto; + }; + } + } + .saas-banner-image { + margin-top: 35px; + } + .consulting-banner-area { + padding: { + top: 215px; + bottom: 80px; + }; + .container { + max-width: 720px; + } + &::before { + display: block; + } + } + .consulting-banner-content { + text-align: center; + max-width: 100%; + + h1 { + margin-bottom: 15px; + font-size: 35px; + } + p { + margin: { + left: auto; + right: auto; + }; + } + .default-btn { + margin-top: 5px; + } + } + .it-agency-banner-area { + .it-agency-inner-banner { + padding: { + top: 200px; + bottom: 230px; + }; + } + } + .it-agency-banner-content { + max-width: 100%; + + h1 { + font-size: 40px; + margin-bottom: 15px; + } + .default-btn { + margin-top: 8px; + } + } + .banner-video-box { + max-width: 100%; + margin-top: -130px; + } + .shop-banner-area { + padding: { + top: 100px; + bottom: 100px; + }; + } + .shop-banner-content { + .sub-title { + font-size: 20px; + } + h1 { + margin-bottom: 15px; + font-size: 40px; + } + h4 { + font-size: 20px; + } + .default-btn { + margin-top: 25px; + } + } + .blog-banner-area { + padding: { + top: 80px; + bottom: 80px; + }; + } + .blog-banner-item { + margin-bottom: 30px; + + .content { + padding: 25px; + max-width: 510px; + + h3 { + font-size: 20px; + } + } + } + .blog-banner-item-list { + .single-blog-banner-item { + .image { + background-image: unset !important; + height: auto; + + img { + display: inline-block; + } + } + .content { + padding: { + top: 20px; + bottom: 0; + left: 0; + }; + h3 { + font-size: 18px; + } + } + } + } + .furniture-banner-item { + padding: { + top: 100px; + bottom: 100px; + }; + } + .furniture-banner-content { + border-left-width: 3px; + padding: 30px; + + h1 { + font-size: 35px; + } + } + .minimal-portfolio-banner-area { + padding: { + bottom: 170px; + top: 200px; + }; + } + .minimal-portfolio-banner-content { + max-width: 600px; + + .typewrite { + padding: 8px 20px; + margin-bottom: 25px; + font-size: 15px; + } + h1 { + font-size: 35px; + margin-bottom: 25px; + } + } + + .features-area { + &.ptb-70 { + padding-bottom: 20px; + } + } + .single-features-box { + padding: { + left: 0; + right: 0; + }; + .icon { + font-size: 40px; + transform: translateY(0) !important; + } + h3 { + font-size: 18px; + transform: translateY(0) !important; + } + p { + transform: translateY(0) !important; + } + .link-btn { + left: 0; + opacity: 1; + transform: unset; + margin-top: 13px; + position: relative; + visibility: visible; + bottom: 0 !important; + + i { + top: 6.5px; + } + } + } + .features-box { + padding: 25px 20px; + + h3 { + font-size: 18px; + } + .icon { + width: 80px; + height: 80px; + font-size: 40px; + line-height: 80px; + } + } + .single-features-item { + padding-left: 55px; + + .icon { + font-size: 40px; + } + h3 { + font-size: 17px; + } + } + .features-item { + padding: 25px 20px; + + .icon { + font-size: 30px; + } + h3 { + font-size: 18px; + } + } + + .startup-about-area { + border-bottom: 1px solid #eeeeee; + margin-bottom: 80px; + + .container-fluid { + max-width: 720px; + } + } + .startup-about-image { + margin-right: 0; + padding: 0; + + .video-btn { + left: 50%; + transform: translateY(-50%) translateX(-50%); + } + } + .startup-about-content { + padding-left: 0; + text-align: center; + max-width: 100%; + margin-top: 30px; + + h2 { + font-size: 30px; + } + .features-list { + padding-left: 0; + list-style-type: none; + + li { + font-weight: 600; + } + } + } + .marketing-about-image { + margin-right: 0; + } + .marketing-about-content { + padding-left: 0; + text-align: center; + margin-top: 30px; + + h2 { + font-size: 30px; + } + .features-list { + padding-left: 0; + list-style-type: none; + + li { + font-weight: 600; + } + } + } + .business-about-image { + padding-right: 0; + margin-bottom: 30px; + } + .business-about-content { + padding-left: 0; + text-align: center; + + h2 { + font-size: 30px; + } + } + .app-about-content { + padding-right: 0; + + h3 { + font-size: 19px; + margin-bottom: 15px; + } + } + .app-about-image { + padding-left: 0; + margin-top: 30px; + } + .saas-about-image { + padding-right: 0; + margin-bottom: 30px; + } + .saas-about-content { + padding-left: 0; + + h2 { + font-size: 30px; + } + } + .it-agency-about-image { + padding-right: 0; + margin-right: 0; + padding-bottom: 0; + } + .it-agency-about-content { + padding-left: 0; + text-align: center; + margin-top: 35px; + + h2 { + font-size: 30px; + } + .features-list { + padding-left: 0; + list-style-type: none; + + li { + font-weight: 600; + } + } + } + + .expertise-box { + text-align: center; + + .icon { + width: 70px; + height: 70px; + line-height: 70px; + font-size: 35px; + margin: { + left: auto; + right: auto; + }; + } + h3 { + font-size: 18px; + } + } + + .who-we-are-content { + text-align: center; + padding: 30px; + + h2 { + font-size: 20px; + } + .default-btn { + margin-top: 5px; + } + } + + .single-services-box { + .content { + padding: 20px; + + .icon { + font-size: 40px; + margin-bottom: 15px; + transform: translateY(0) !important; + } + h3 { + font-size: 18px; + transform: translateY(0) !important; + } + p { + transform: translateY(0) !important; + } + .link-btn { + left: 0; + opacity: 1; + transform: unset; + margin-top: 13px; + position: relative; + visibility: visible; + bottom: 0 !important; + + i { + top: 6px; + } + } + } + &::before { + background: linear-gradient(to top, rgba(35, 35, 37, 0.9) 0, rgba(35, 35, 37, 0.7) 50%, rgba(22, 22, 23, 0) 75%, rgba(0, 0, 0, 0) 100%); + } + } + .single-services-item { + .content { + padding: { + left: 0; + right: 0; + }; + h3 { + font-size: 18px; + } + } + } + .services-tabs { + .nav { + margin-bottom: 35px; + border-bottom: 1px solid #eeeeee; + padding-bottom: 20px; + + .nav-item { + margin: { + left: 15px; + right: 15px; + bottom: 30px; + }; + .nav-link { + font-size: 16px; + + .icon { + width: 70px; + height: 70px; + font-size: 30px; + line-height: 70px; + margin-bottom: 15px; + } + } + } + } + } + .single-main-services { + .content { + padding-right: 0; + text-align: center; + + h3 { + font-size: 21px; + } + p { + max-width: 100%; + } + } + .image { + margin-top: 30px; + } + } + .services-box { + padding: 25px 20px; + + .icon { + font-size: 50px; + } + h3 { + font-size: 18px; + } + } + .col-lg-3 { + &:nth-child(2), &:nth-child(4) { + .services-box { + margin-top: 0; + } + } + &:nth-child(5), &:nth-child(7) { + .services-box { + margin-top: 0; + } + } + } + .services-item { + h3 { + font-size: 18px; + margin-top: 20px; + } + .hover-content { + padding: 20px; + } + } + .single-it-services-box { + padding: 25px 20px 25px 70px; + + .icon { + left: 20px; + top: 25px; + font-size: 35px; + } + h3 { + font-size: 18px; + } + } + + .single-categories-box { + h3 { + font-size: 16px; + left: 20px; + top: 20px; + } + } + .categories-box { + h3 { + font-size: 17px; + padding: { + left: 15px; + right: 15px; + }; + } + } + .categories-slides { + &.owl-theme { + .owl-nav { + opacity: 1; + visibility: visible; + margin-bottom: 30px; + + [class*=owl-] { + margin: 0 5px; + position: relative; + left: 0; + top: 0; + transform: unset; + + &.owl-next { + right: 0; + } + } + } + } + } + + .startup-works-area { + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #eeeeee; + padding-top: 80px; + margin-bottom: 80px; + + .section-title { + padding-top: 0; + text-align: center; + margin: { + bottom: 50px; + left: auto; + right: auto; + }; + h2 { + font-size: 30px; + } + } + } + .startup-works-content { + margin-top: 18px; + position: relative; + text-align: center; + border-top: 1px solid #eeeeee; + padding: { + right: 0; + top: 55px; + }; + h3 { + font-size: 18px; + } + .custom-owl-nav { + margin-top: 0; + + [class*=owl-] { + margin: 0 3px; + font-size: 13px; + padding: 6px 20px 6px !important; + position: absolute; + left: 0; + top: -18px; + + &.custom-owl-next { + left: auto; + right: 0; + } + } + } + } + .startup-works-image { + padding: 0; + margin: { + left: 0; + top: 15px; + }; + } + .single-works-box { + .works-image { + .works-overlay { + h3 { + font-size: 18px; + } + } + } + } + .works-box { + h3 { + top: auto; + transform: translateY(0); + bottom: 0; + font-size: 18px; + opacity: 1; + visibility: visible; + margin: { + top: 0; + right: 0; + left: 0; + }; + } + } + + .single-featured-video-box { + .content { + h3 { + font-size: 18px; + } + } + } + .featured-video-item-list { + .single-featured-video-item { + .image { + height: auto; + background-image: unset !important; + + img { + display: inline-block; + } + } + .content { + padding: { + bottom: 0; + left: 0; + top: 20px; + }; + h3 { + font-size: 18px; + } + } + } + } + + .latest-posts-area { + .widget-area { + margin-top: 10px; + } + } + .single-latest-post-box { + .post-content { + padding: { + top: 20px; + right: 0; + left: 0; + }; + h3 { + font-size: 18px; + } + } + } + + .facility-content { + display: flex; + flex-wrap: wrap; + padding-right: 0; + margin: { + right: -15px; + left: -15px; + bottom: 0; + }; + .item { + flex: 0 0 50%; + max-width: 50%; + margin-bottom: 30px !important; + text-align: center; + padding: { + left: 15px; + right: 15px; + }; + i { + line-height: 1; + position: relative; + margin-bottom: 20px; + display: inline-block; + font-size: 40px; + } + h3 { + font-size: 18px; + } + } + } + + .short-brief-area { + .row { + .col-lg-6 { + &:last-child { + .short-brief-content { + border-bottom: none; + margin-bottom: 0; + } + } + } + } + } + .short-brief-content { + border-bottom: 1px solid #eeeeee; + padding-bottom: 30px; + + .timeline-content { + h3 { + font-size: 18px; + margin-bottom: 12px; + } + } + .timeline-info { + .sub-title { + margin-bottom: 10px; + + span { + font-size: 17px; + } + } + } + } + + .shorting-menu { + .filter { + font-size: 15px; + margin: { + left: 15px; + right: 15px; + }; + } + } + + .widget-area { + margin-top: 40px; + + .widget { + .widget-title { + font-size: 17px; + } + } + .widget_about_author { + .about-author { + padding: 25px; + } + } + .widget_noke_posts_thumb { + .item { + .info { + .title { + font-size: 14px; + } + } + } + } + .widget_newsletter { + h4 { + font-size: 18px; + } + } + .widget_tag_cloud { + .tagcloud { + a { + font-size: 13px !important; + } + } + } + .widget_recent_posts { + .item { + .title { + font-size: 14px; + } + } + } + &.extra-padding { + padding-left: 0; + + &.left-sidebar { + padding-right: 0; + margin: { + top: 0; + bottom: 40px; + }; + } + } + } + + .services-details-content { + text-align: center; + + h2 { + font-size: 30px; + } + } + .services-details-video { + margin: { + left: 0; + top: 30px; + }; + iframe { + height: 387px; + } + } + + .single-funfacts-box { + text-align: center; + padding: 30px; + + .icon { + position: relative; + left: 0; + line-height: 1; + top: 0; + transform: translateY(0); + font-size: 40px; + display: block; + margin-bottom: 15px; + } + h3 { + margin-bottom: 5px; + font-size: 35px; + } + &.without-bg-color { + margin-right: -15px; + padding: { + top: 5px; + bottom: 5px; + left: 0; + }; + } + &.text-center { + padding: 0; + border-right: none; + } + } + .funfacts-inner { + padding: { + left: 20px; + right: 20px; + }; + &.border-radius { + &.ptb-70 { + padding-bottom: 20px; + } + } + } + + .single-skills-box { + padding: 25px 20px; + } + + .how-it-works-content { + padding-right: 0; + + ul { + li { + padding-left: 60px; + + h3 { + font-size: 18px; + } + i { + font-size: 40px; + } + } + } + } + .how-it-works-image { + margin-top: 30px; + } + + .short-brief-content { + h3 { + font-size: 18px; + margin-bottom: 13px; + } + } + + .screenshot-wrap { + .screenshot-frame { + border-radius: 20px; + width: 215px; + height: 448px; + } + } + .screenshot-slides { + &.owl-theme { + .owl-nav { + [class*=owl-] { + left: -27px; + width: 30px; + line-height: 30px; + height: 30px; + font-size: 15px; + + &.owl-next { + left: auto; + right: -27px; + } + } + } + } + } + + .single-post-item { + .post-content { + padding: 20px 0 0; + } + } + + .single-clients-box { + a { + padding: 20px; + } + } + + .what-we-do-content { + .section-title { + text-align: center; + margin-bottom: 0; + + p { + max-width: 540px; + margin: { + left: auto; + right: auto; + }; + } + } + .single-what-we-do-box { + margin-top: 30px; + } + } + .single-what-we-do-box { + text-align: center; + + .icon { + font-size: 35px; + margin-bottom: 25px; + } + h3 { + font-size: 18px; + } + } + .what-we-do-image { + margin-top: 30px; + } + + .single-process-box { + padding: 30px 20px; + + h3 { + font-size: 18px; + } + } + + .startup-testimonials-area { + .container-fluid { + max-width: 720px; + } + } + .startup-testimonials-content { + padding: 40px 30px; + + .icon { + font-size: 40px; + } + p { + font-size: 16px; + } + .info { + h3 { + font-size: 16px; + } + } + } + .startup-testimonials-image { + padding: 0; + } + .startup-testimonials-slides { + &.owl-theme { + .owl-nav { + margin-top: 0; + position: relative; + right: 0; + bottom: 0; + transform: unset; + padding-bottom: 40px; + + [class*=owl-] { + margin: 0 3px; + font-size: 13px; + padding: 6px 20px 6px !important; + } + } + } + } + .marketing-testimonials-image { + margin: { + left: 30px; + right: 30px; + bottom: 40px; + }; + } + .marketing-testimonials-content { + padding-bottom: 0; + + .icon { + font-size: 40px; + } + p { + font-size: 16px; + } + .info { + h3 { + font-size: 16px; + } + } + } + .marketing-testimonials-slides { + &.owl-theme { + .owl-nav { + margin-top: 30px; + position: relative; + right: 0; + bottom: 0; + transform: unset; + + [class*=owl-] { + margin: 0 3px; + font-size: 13px; + padding: 6px 20px 6px !important; + } + } + } + } + .business-testimonials-area { + background: { + repeat: repeat; + size: contain; + }; + } + .business-testimonials-image { + margin: { + right: 0; + bottom: 35px; + }; + } + .business-testimonials-content { + .icon { + font-size: 40px; + } + p { + font-size: 16px; + } + .info { + h3 { + font-size: 16px; + } + } + } + .testimonials-slides { + &.owl-theme { + padding: { + left: 90px; + right: 90px; + }; + .owl-nav { + [class*=owl-] { + margin: 0 3px; + font-size: 13px; + padding: 6px 20px 6px !important; + } + } + } + } + .testimonials-inner { + padding: { + left: 25px; + right: 25px; + }; + .testimonials-slides { + &.owl-theme { + .owl-nav { + [class*=owl-] { + font-size: 17px; + width: 40px; + height: 40px; + line-height: 40px; + } + } + } + } + } + .testimonials-item { + .icon { + font-size: 40px; + } + p { + font-size: 16px; + } + .info { + margin-top: 20px; + + .title { + h3 { + font-size: 16px; + } + } + } + } + .saas-testimonials-item { + padding: 25px; + + .info { + .title { + h3 { + font-size: 16px; + } + } + } + p { + font-size: 15px; + } + } + .saas-testimonials-slides { + &.owl-theme { + margin-top: -50px; + padding: { + left: 40px; + right: 40px; + }; + .owl-nav { + [class*=owl-] { + left: 0; + font-size: 18px; + + &.owl-next { + left: auto; + right: 0; + } + } + } + } + } + .testimonials-box { + padding: 25px 20px; + + .icon { + width: 70px; + height: 70px; + font-size: 30px; + line-height: 70px; + } + p { + font-size: 15px; + } + .info { + margin-top: 20px; + + h3 { + font-size: 16px; + } + } + } + + .single-products-box { + .image { + .buttons-list { + li { + transform: translateY(0); + visibility: visible; + opacity: 1; + + a { + .tooltip-label { + &::before { + bottom: -12px; + } + } + &:hover { + .tooltip-label { + top: -40px; + } + } + } + } + } + } + .content { + h3 { + font-size: 18px; + } + .rating { + margin-bottom: 10px; + font-size: 15px; + } + .price { + span { + font-size: 16px; + } + } + } + } + + .trending-style-image { + margin-right: 0; + } + .trending-style-content { + padding-left: 0; + text-align: center; + margin-top: 30px; + + .sub-title { + font-size: 13px; + } + h2 { + font-size: 30px; + } + h3 { + font-size: 17px; + } + } + + .single-pricing-box { + padding: 30px; + + .pricing-header { + margin-bottom: 20px; + padding-bottom: 20px; + + h3 { + font-size: 35px; + } + } + } + .pricing-box { + .pricing-header { + h3 { + font-size: 18px; + } + .price { + font-size: 35px; + } + } + } + .pricing-tabs { + .nav { + .nav-item { + .nav-link { + font-size: 14px; + } + } + } + } + .pricing-item { + .pricing-header { + h3 { + font-size: 18px; + } + .price { + font-size: 35px; + } + } + } + + .single-team-member { + .content { + &::before { + opacity: 1; + visibility: visible; + } + h3 { + font-size: 18px; + transform: translateY(0) !important; + } + span { + transform: translateY(0) !important; + } + .social { + bottom: auto; + opacity: 1; + visibility: visible; + top: -30px; + + li { + a { + font-size: 15px; + } + } + } + } + } + .single-team-box { + .image { + .social { + margin-bottom: 0; + opacity: 1; + visibility: visible; + padding: 20px; + } + } + .content { + margin-top: 20px; + + h3 { + font-size: 18px; + } + } + } + .team-member { + .content { + margin-top: 0; + + &::before { + opacity: 1; + visibility: visible; + } + h3 { + font-size: 18px; + transform: translateY(0) !important; + } + span { + transform: translateY(0) !important; + } + .social { + bottom: auto; + opacity: 1; + visibility: visible; + top: -30px; + + li { + a { + font-size: 15px; + } + } + } + } + } + .team-box { + .content { + visibility: visible; + position: relative; + opacity: 1; + bottom: 0; + + h3 { + font-size: 18px; + } + } + } + + .video-box { + .video-btn { + width: 70px; + height: 70px; + font-size: 25px; + } + } + + .cta-content { + h2 { + font-size: 30px; + } + p { + margin-top: 15px; + } + .default-btn { + margin-top: 10px; + } + } + .call-to-action-content { + text-align: center; + + h2 { + font-size: 30px; + } + } + .call-to-action-btn { + text-align: center; + margin-top: 30px; + } + .call-to-action-inner { + padding: { + left: 25px; + right: 25px; + }; + } + + .blog-section-title { + text-align: center; + margin-bottom: 50px; + + h2 { + font-size: 30px; + } + } + .single-blog-post { + .content { + padding: 20px; + + h3 { + font-size: 18px; + } + } + } + .single-post-item { + .post-content { + .meta { + margin-bottom: 3px; + + li { + padding-left: 20px; + margin: { + right: 10px; + bottom: 10px; + }; + } + } + h3 { + margin-bottom: 12px; + font-size: 18px; + } + .link-btn { + i { + top: 6px; + } + } + } + } + + .app-download-area { + .col-lg-6 { + &:nth-child(1) { + order: 2; + } + &:nth-child(2) { + order: 1; + } + } + } + .app-download-content { + text-align: center; + margin-bottom: 35px; + + h2 { + font-size: 30px; + } + p { + max-width: 540px; + margin: { + left: auto; + right: auto; + }; + } + .btn-box { + .store-btn { + text-align: start; + + span { + font-size: 16px; + } + } + } + } + .app-download-image { + padding-right: 0; + } + + .works-area { + .container-fluid { + max-width: 720px; + } + } + .single-works-item { + .content { + h3 { + font-size: 18px; + } + } + } + + .portfolio-details-desc { + h3 { + font-size: 20px; + } + } + .portfolio-details-info { + padding: 30px; + margin: { + left: 0; + top: 30px; + }; + ul { + li { + padding-left: 38px; + + span { + font-size: 16px; + } + } + } + } + .portfolio-details-slides { + &.owl-theme { + .owl-nav { + opacity: 1; + visibility: visible; + } + } + } + + .page-title-area { + padding: { + top: 100px; + bottom: 110px; + }; + &.style-four { + padding: { + top: 100px; + bottom: 100px; + }; + } + &.style-two { + padding: { + top: 210px; + bottom: 100px; + }; + } + &.style-three { + padding: { + top: 240px; + bottom: 100px; + }; + } + } + .page-title-content { + h2 { + margin-bottom: 0; + font-size: 35px; + } + ul { + margin-top: 15px; + + li { + font-size: 15px; + } + } + } + + .pagination-area { + margin-top: 15px; + + .page-numbers { + width: 40px; + height: 40px; + line-height: 38px; + font-size: 16px; + } + } + + .services-details-desc { + h3 { + font-size: 20px; + } + } + + .faq-accordion { + .accordion-item { + .accordion-button { + font-size: 16px; + } + } + } + + .products-details-desc { + padding-left: 0; + margin-top: 30px; + + h3 { + font-size: 18px; + } + .products-review { + .rating { + font-size: 13px; + } + } + .price { + font-size: 15px; + } + } + .products-details-tabs { + margin-top: 40px; + + .single-tabs-box { + h2 { + font-size: 20px; + } + .inner-box { + h3 { + font-size: 18px; + } + .table-striped { + tbody { + tr { + td { + font-size: 15px; + } + } + } + } + } + } + } + + .cart-table-desc { + table { + tbody { + tr { + td { + white-space: nowrap; + } + } + } + } + } + .cart-totals-desc { + margin-top: 30px; + } + + .billing-details-desc { + h3 { + font-size: 18px; + } + } + .order-details-desc { + margin-top: 30px; + + h3 { + font-size: 18px; + } + } + + .profile-authentication-area { + height: auto; + padding: { + bottom: 100px; + top: 160px; + }; + } + .signin-form { + padding: 35px; + text-align: center; + + form { + .remember-me-wrap { + text-align: start; + } + } + } + .signup-form { + padding: 35px; + text-align: center; + + form { + .remember-me-wrap { + text-align: start; + } + } + } + + .privacy-policy-content { + h3 { + font-size: 18px; + } + } + + .terms-conditions-content { + h3 { + font-size: 18px; + } + } + + .error-content { + h3 { + font-size: 22px; + margin: { + bottom: 15px; + top: 35px; + }; + } + .default-btn { + margin-top: 20px; + } + } + + .coming-soon-image { + height: auto; + background-image: unset !important; + + img { + display: inline-block; + } + } + .coming-soon-content { + height: auto; + padding: { + top: 100px; + bottom: 100px; + }; + h2 { + font-size: 30px; + } + } + + .works-slides-style-one, .works-slides-style-two { + &.owl-theme { + .owl-nav { + opacity: 1; + visibility: visible; + } + } + } + + .blog-details-desc { + .article-content { + h3 { + font-size: 20px; + } + } + } + .comments-area { + .comments-title { + font-size: 20px; + } + .comment-respond { + .comment-reply-title { + font-size: 20px; + } + } + } + + .single-contact-info-box { + padding: 30px; + text-align: center; + + .icon { + font-size: 35px; + margin-bottom: 20px; + } + h3 { + font-size: 18px; + margin-bottom: 12px; + } + &.style-two { + .icon { + width: 70px; + height: 70px; + font-size: 30px; + margin-bottom: 20px; + } + } + } + + .footer-area { + padding-top: 80px; + + &.business-footer { + .footer-top { + margin-bottom: 80px; + padding: { + top: 60px; + bottom: 60px; + }; + } + } + } + .footer-top { + text-align: center; + margin-bottom: 50px; + padding-bottom: 50px; + + .logo { + margin-bottom: 30px; + } + .content { + text-align: start; + + h3 { + font-size: 18px; + } + } + } + .single-footer-widget { + h3 { + font-size: 18px; + } + &.pl-4 { + padding-left: 0; + } + &.pl-2 { + padding-left: 0; + } + &.style-two { + h3 { + padding-left: 0; + + &::before { + display: none; + } + } + } + } + .copyright-area { + margin-top: 50px; + + .text-start { + text-align: center !important; + margin-bottom: 15px; + } + .social-links { + text-align: center; + margin-top: 15px; + } + } + + .productsQuickView { + .modal-dialog { + max-width: 700px; + } + .modal-content { + padding: 20px; + + button { + &.btn-close { + font-size: 15px; + } + } + .products-content { + h3 { + font-size: 18px; + } + .price { + font-size: 15px; + } + } + } + } + +} + +/* Min width 992px to Max width 1199px */ +@media only #{$media} and ($feature_min : $value_five) and ($feature_max : $value_six) { + + body { + font-size: 15px; + } + p { + font-size: 15px; + } + .ptb-100 { + padding: { + top: 90px; + bottom: 90px; + }; + } + .pt-100 { + padding-top: 90px; + } + .pb-100 { + padding-bottom: 90px; + } + .ptb-70 { + padding: { + top: 60px; + bottom: 60px; + }; + } + .pt-70 { + padding-top: 60px; + } + .pb-70 { + padding-bottom: 60px; + } + + .top-header-area { + .container-fluid { + max-width: 960px; + } + &.top-header-style-two { + .container-fluid { + max-width: 960px; + } + } + &.top-header-style-three { + .container-fluid { + max-width: 960px; + } + } + } + + .noke-responsive-nav { + .others-option { + display: flex !important; + } + } + .others-option-for-responsive { + display: none; + } + + .startup-banner-area { + .container-fluid { + max-width: 960px; + } + } + .startup-banner-content { + padding-right: 0; + + h1 { + font-size: 50px; + } + } + .startup-banner-inner { + padding: { + top: 100px; + bottom: 100px; + left: 30px; + right: 30px; + }; + } + .startup-banner-image { + padding-left: 0; + } + .marketing-banner-content { + padding-right: 0; + + h1 { + font-size: 50px; + margin-bottom: 20px; + } + p { + max-width: 100%; + } + } + .business-banner-area { + padding: { + top: 90px; + bottom: 90px; + }; + .container { + max-width: 960px; + } + &::before { + opacity: 0.3; + } + } + .business-banner-content { + padding-right: 0; + max-width: 100%; + + h1 { + font-size: 48px; + margin-bottom: 20px; + } + p { + max-width: 100%; + } + } + .app-banner-area { + .container { + max-width: 990px; + } + } + .app-banner-content { + h1 { + font-size: 50px; + margin-bottom: 20px; + } + p { + max-width: 100%; + } + .btn-box { + margin-top: 20px; + + .store-btn span { + font-size: 16px; + } + } + } + .app-banner-image { + padding-left: 0; + } + .saas-banner-area { + .container-fluid { + max-width: 990px; + padding: { + left: 15px; + right: 15px; + }; + } + } + .saas-banner-content { + margin-left: 0; + max-width: 100%; + + h1 { + font-size: 50px; + margin-bottom: 20px; + } + p { + max-width: 100%; + } + } + .personal-portfolio-banner-area { + .container { + max-width: 960px; + } + } + .personal-portfolio-banner-content { + h1 { + font-size: 52px; + } + h4 { + font-size: 25px; + } + } + .consulting-banner-area { + padding: { + top: 270px; + bottom: 150px; + }; + .container { + max-width: 960px; + } + } + .consulting-banner-content { + max-width: 635px; + + h1 { + font-size: 40px; + margin-bottom: 20px; + } + .default-btn { + margin-top: 5px; + } + } + .it-agency-banner-area { + .it-agency-inner-banner { + padding: { + top: 250px; + bottom: 300px; + }; + } + } + .it-agency-banner-content { + max-width: 100%; + + h1 { + font-size: 50px; + } + } + .banner-video-box { + max-width: 100%; + } + .shop-banner-area { + padding: { + top: 150px; + bottom: 150px; + }; + } + .shop-banner-content { + .sub-title { + font-size: 25px; + } + h1 { + font-size: 50px; + } + h4 { + font-size: 25px; + } + } + .blog-banner-item { + .content { + padding: 20px; + max-width: 480px; + + h3 { + font-size: 22px; + } + } + } + .blog-banner-item-list { + .single-blog-banner-item { + .content { + padding: { + top: 0; + bottom: 0; + left: 15px; + }; + h3 { + margin-bottom: 12px; + font-size: 15px; + } + } + } + } + .furniture-banner-item { + padding: { + top: 150px; + bottom: 150px; + }; + } + .furniture-banner-content { + h1 { + margin-bottom: 15px; + font-size: 40px; + } + } + .minimal-portfolio-banner-area { + padding: { + top: 230px; + bottom: 200px; + }; + } + .minimal-portfolio-banner-content { + max-width: 730px; + + .typewrite { + font-size: 18px; + } + h1 { + font-size: 50px; + margin-bottom: 30px; + } + } + + .single-features-box { + padding-left: 0; + padding-right: 0; + } + .single-features-item { + padding-left: 65px; + } + .features-item { + padding: 25px; + } + + .startup-about-area { + .container-fluid { + max-width: 960px; + } + } + .startup-about-image { + margin-right: 0; + padding: { + top: 60px; + left: 29px; + bottom: 60px; + }; + .video-btn { + left: 55%; + transform: translateY(-50%) translateX(-55%); + } + } + .startup-about-content { + padding-left: 0; + max-width: 100%; + + h2 { + font-size: 38px; + } + } + .marketing-about-image { + margin-right: 0; + } + .marketing-about-content { + padding-left: 0; + } + .business-about-image { + padding-right: 0; + } + .business-about-content { + padding-left: 0; + } + .saas-about-image { + padding-right: 0; + } + .saas-about-content { + padding-left: 0; + } + .it-agency-about-image { + margin-right: 0; + padding: 0; + + .main-image { + padding-bottom: 100px; + + img { + &:nth-child(2) { + max-width: 300px; + } + } + } + } + .it-agency-about-content { + padding-left: 0; + } + + .startup-works-area { + .section-title { + max-width: 650px; + text-align: center; + padding-top: 0; + margin: { + left: auto; + right: auto; + bottom: 60px; + }; + h2 { + font-size: 40px; + } + } + } + .startup-works-content { + padding-top: 0; + padding-right: 0; + } + .startup-works-image { + margin-left: 0; + padding: 0; + } + .startup-works-slides { + .row { + align-items: center; + } + } + + .single-services-item { + .content { + padding: { + left: 0; + right: 0; + }; + } + } + .services-tabs { + .nav { + margin-bottom: 50px; + + .nav-item { + margin: { + left: 16px; + right: 16px; + }; + .nav-link { + font-size: 17px; + } + } + } + } + .single-main-services { + .content { + padding-right: 0; + + h3 { + font-size: 30px; + } + p { + max-width: 100%; + } + } + } + .col-lg-3 { + &:nth-child(2), &:nth-child(4) { + .services-box { + margin-top: 0; + } + } + &:nth-child(5), &:nth-child(7) { + .services-box { + margin-top: 0; + } + } + } + .services-item { + h3 { + font-size: 20px; + } + .hover-content { + padding: 20px; + } + } + + .facility-content { + padding-right: 0; + } + + .single-funfacts-box { + padding: { + top: 30px; + bottom: 30px; + left: 75px; + right: 20px; + }; + .icon { + left: 20px; + font-size: 40px; + } + h3 { + font-size: 35px; + } + .sub-title { + font-size: 14.5px; + } + &.without-bg-color { + margin-right: 0; + padding-left: 60px; + } + } + + .app-screenshot-area { + &::before { + height: 100px; + } + } + .screenshot-slides { + &.owl-theme { + .owl-nav { + [class*=owl-] { + left: -25px; + width: 35px; + line-height: 35px; + height: 35px; + font-size: 15px; + + &.owl-next { + left: auto; + right: -25px; + } + } + } + } + } + .screenshot-wrap { + .screenshot-frame { + width: 175px; + height: 355px; + } + } + + .categories-box { + h3 { + padding: { + left: 20px; + right: 20px; + }; + } + } + .categories-slides { + &.owl-theme { + .owl-nav { + [class*=owl-] { + left: -40px; + + &.owl-next { + left: auto; + right: -40px; + } + } + } + } + } + + .startup-testimonials-area { + .container-fluid { + max-width: 960px; + } + } + .startup-testimonials-image { + background-color: transparent; + padding: { + top: 0; + bottom: 23px; + left: 0; + }; + .main-image { + animation: unset !important; + margin-bottom: 15px; + } + } + .startup-testimonials-content { + padding: { + left: 0; + right: 0; + bottom: 30px; + top: 30px; + }; + p { + font-size: 15px; + } + .info { + margin-top: 20px; + padding-top: 20px; + + h3 { + font-size: 17px; + } + } + } + .startup-testimonials-slides { + &.owl-theme { + .owl-nav { + bottom: 0; + right: 80%; + transform: translateX(80%); + } + } + } + .marketing-testimonials-image { + margin: { + right: 30px; + left: 0; + }; + } + .marketing-testimonials-content { + padding-bottom: 50px; + + p { + font-size: 16px; + } + .info { + margin-top: 20px; + + h3 { + font-size: 17px; + } + } + } + .marketing-testimonials-slides { + &.owl-theme { + .owl-nav { + bottom: 40px; + right: 20%; + transform: translateX(20%); + } + } + } + .business-testimonials-image { + margin-right: 0; + } + .testimonials-slides { + &.owl-theme { + padding: { + left: 100px; + right: 100px; + }; + } + } + .business-testimonials-content { + p { + font-size: 18px; + } + } + .saas-testimonials-slides { + &.owl-theme { + margin-top: -65px; + } + } + .testimonials-box { + padding: 20px; + } + .shape1, .shape2, .shape3, .shape4, .shape5, .shape6, .shape7, .shape8, .shape9, .shape16 { + display: none !important; + } + + .page-title-area { + padding: { + top: 100px; + bottom: 110px; + }; + &.style-three { + padding: { + top: 250px; + bottom: 110px; + }; + } + &.style-two { + padding: { + bottom: 100px; + top: 220px; + }; + } + &.style-four { + padding: { + top: 120px; + bottom: 120px; + }; + } + } + + .who-we-are-content { + padding: 25px; + + h2 { + font-size: 20px; + } + .default-btn { + margin-top: 5px; + } + } + + .app-download-area { + .row { + &.align-items-center { + align-items: unset !important; + } + } + } + + .call-to-action-inner { + padding: { + left: 30px; + right: 30px; + }; + } + + .services-details-content { + h2 { + font-size: 38px; + } + } + .services-details-video { + margin-left: 0; + + iframe { + height: 251px; + } + } + + .single-pricing-box { + padding: 30px; + + .pricing-header { + h3 { + font-size: 40px; + } + } + } + + .featured-video-item-list { + .single-featured-video-item { + .content { + padding: { + top: 5px; + bottom: 5px; + left: 15px; + }; + h3 { + font-size: 17px; + } + } + } + } + + .single-clients-box { + a { + padding: 20px; + } + } + + .coming-soon-content { + padding: { + left: 15px; + right: 15px; + }; + #timer { + div { + width: 100px; + height: 100px; + font-size: 30px; + } + } + form { + max-width: 100%; + } + } + + .trending-style-content { + padding-left: 0; + } + .trending-style-image { + padding-right: 80px; + margin-right: 0; + + img { + &:nth-child(2) { + width: 250px; + } + } + } + + .widget-area { + .widget_about_author { + .about-author { + padding: 20px; + } + } + .widget_noke_posts_thumb { + .item { + padding-left: 95px; + + .thumb { + width: 80px; + + .fullimage { + width: 80px; + } + } + .info { + .title { + font-size: 14px; + } + } + } + } + } + + .blog-section-title { + h2 { + font-size: 35px; + } + } + .single-blog-post { + .content { + .meta { + li { + i { + top: 2px; + } + } + } + } + } + .single-post-item { + .post-content { + padding: 20px; + + .meta { + margin-bottom: 3px; + + li { + margin: { + right: 10px; + bottom: 10px; + }; + } + } + } + } + + .portfolio-details-info { + padding: 20px; + } + + .products-details-desc { + padding-left: 0; + } + + .single-contact-info-box { + padding: 25px; + } + + .footer-area { + padding-top: 90px; + } + .footer-top { + padding-bottom: 60px; + margin-bottom: 60px; + } + .single-footer-widget { + &.pl-4 { + padding-left: 0; + } + &.pl-2 { + padding-left: 0; + } + &.style-two { + h3 { + padding-left: 40px; + + &::before { + width: 25px; + } + } + } + } + .copyright-area { + margin-top: 60px; + } + + .productsQuickView { + .modal-dialog { + max-width: 830px; + } + .modal-content { + padding: 25px; + } + } + +} + +/* Min width 1200px to Max width 1355px */ +@media only #{$media} and ($feature_min : $value_seven) and ($feature_max : $value_eight) { + + .top-header-area { + .container-fluid { + max-width: 1140px; + } + &.top-header-style-two { + .container-fluid { + max-width: 1140px; + } + } + &.top-header-style-three { + .container-fluid { + max-width: 1140px; + } + } + } + + .navbar-area { + &.navbar-style-three { + .noke-nav { + .container-fluid { + max-width: 1140px; + } + } + } + &.navbar-style-two { + .noke-nav { + .container-fluid { + max-width: 1140px; + } + } + } + &.navbar-style-four { + .noke-nav { + .container-fluid { + max-width: 1140px; + } + } + } + &.navbar-style-five { + .noke-nav { + .container-fluid { + max-width: 1140px; + } + } + } + } + .noke-nav { + .container-fluid { + max-width: 1140px; + } + } + + .startup-banner-area { + .container-fluid { + max-width: 100%; + } + } + .startup-banner-inner { + padding: 100px 40px; + } + .startup-banner-content { + h1 { + font-size: 55px; + } + } + .marketing-banner-content { + h1 { + font-size: 55px; + } + p { + max-width: 510px; + } + } + .business-banner-area { + .container { + max-width: 1140px; + } + } + .business-banner-content { + padding-right: 0; + max-width: 100%; + + h1 { + font-size: 55px; + } + } + .app-banner-area { + .container { + max-width: 1140px; + } + } + .app-banner-content { + h1 { + font-size: 49px; + } + } + .personal-portfolio-banner-area { + .container { + max-width: 1140px; + } + } + .personal-portfolio-banner-content { + h1 { + font-size: 60px; + } + h4 { + font-size: 30px; + } + } + .consulting-banner-area { + .container { + max-width: 1140px; + } + } + .consulting-banner-content { + max-width: 715px; + + h1 { + font-size: 45px; + } + } + .it-agency-banner-content { + h1 { + font-size: 55px; + } + } + .blog-banner-item-list { + .single-blog-banner-item { + .content { + padding: { + bottom: 3.3px; + top: 3.3px; + }; + h3 { + font-size: 16px; + } + } + } + } + + .startup-about-area { + .container-fluid { + max-width: 100%; + } + } + .it-agency-about-image { + .main-image { + img:nth-child(2) { + max-width: 300px; + } + } + } + + .startup-testimonials-area { + .container-fluid { + max-width: 100%; + } + } + .marketing-testimonials-slides { + &.owl-theme { + .owl-nav { + right: 20%; + bottom: 55px; + transform: translateX(20%); + } + } + } + + .services-tabs { + .nav { + .nav-item { + margin: { + left: 25px; + right: 25px; + }; + } + } + } + .single-main-services { + .content { + h3 { + font-size: 35px; + } + } + } + + .who-we-are-content { + h2 { + font-size: 20px; + } + } + + .app-screenshot-area { + &::before { + height: 150px; + } + } + .screenshot-wrap { + .screenshot-frame { + width: 210px; + height: 430px; + } + } + .screenshot-slides { + &.owl-theme { + .owl-nav { + [class*=owl-] { + left: -34px; + + &.owl-next { + left: auto; + right: -34px; + } + } + } + } + } + + .services-box { + padding: 30px 20px; + } + + .startup-works-area { + .section-title { + padding-top: 20px; + margin-bottom: -180px; + } + } + .startup-works-content { + padding-top: 210px; + } + + .featured-video-item-list { + .single-featured-video-item { + .content { + padding: { + top: 6px; + bottom: 6px; + }; + h3 { + font-size: 17px; + } + } + } + } + + .call-to-action-content { + h2 { + font-size: 35px; + } + } + + .single-post-item { + .post-content { + .meta { + margin-bottom: 3px; + + li { + margin: { + right: 10px; + bottom: 10px; + }; + } + } + } + } + + .facility-content { + padding-right: 0; + } + + .single-funfacts-box { + &.without-bg-color { + margin-right: 15px; + } + } + +} + +/* Min width 1535px */ +@media only #{$media} and ($feature_min : $value_nine) { + + .top-header-area { + &.top-header-style-two { + .container-fluid { + max-width: 1470px; + } + } + } + + .navbar-area { + &.navbar-style-three { + .noke-nav { + .container-fluid { + max-width: 1450px; + } + } + } + &.navbar-style-four { + .noke-nav { + .container-fluid { + max-width: 1470px; + } + } + } + } + .noke-nav { + .container-fluid { + max-width: 1470px; + } + } + + .startup-banner-area { + .container-fluid { + max-width: 1470px; + } + } + .startup-banner-inner { + padding: { + top: 140px; + bottom: 140px; + left: 120px; + right: 120px; + }; + } + .shape3 { + right: 34.3%; + bottom: 7%; + } + + .startup-about-area { + .container-fluid { + max-width: 1470px; + } + } + .startup-about-image { + padding: { + left: 100px; + bottom: 100px; + }; + } + + .startup-works-image { + padding: { + top: 100px; + right: 100px; + bottom: 100px; + }; + } + .shape6 { + top: 67px; + } + + .startup-testimonials-area { + .container-fluid { + max-width: 1470px; + } + } + .startup-testimonials-image { + padding: { + top: 100px; + left: 100px; + bottom: 100px; + }; + } + .shape7 { + left: 40px; + top: 30px; + } + .shape8 { + bottom: 70px; + left: 70px; + } + .shape9 { + right: 0; + top: 85px; + } + .shape16 { + right: 150px; + } + +} \ No newline at end of file diff --git a/static/assets/css/showMoreItems-theme.min.css b/static/assets/css/showMoreItems-theme.min.css new file mode 100644 index 00000000..195b28de --- /dev/null +++ b/static/assets/css/showMoreItems-theme.min.css @@ -0,0 +1 @@ +.showMoreItemsList{height: auto;overflow: hidden;list-style: none;}.showMoreItemsList .item{float: left;width: 33.33%;box-sizing: border-box;padding: 0 8px;}.showMoreItemsList .item .box{max-width: 400px;margin: 0 auto 30px;}.showMoreItemsList .item .name{text-align: center;}.showMoreItemsList .item .pic img{max-width: 100%}.showMoreItemsList + .button-box{text-align: center;clear: both;margin-bottom: 50px;}.showMoreItemsList + .button-box button{padding: 8px 20px;border:none;box-shadow: 0 0 0;outline: 0;cursor: pointer;background: #db3434; color: #fff; text-align: center; text-decoration: none; width: 158px; border-radius: 30px;}@media screen and (max-width:1280px){.showMoreItemsList .item{width: 50%;}}@media screen and (max-width:600px){.showMoreItemsList .item{width: 100%;}} \ No newline at end of file diff --git a/static/assets/css/style.css b/static/assets/css/style.css new file mode 100644 index 00000000..e1ca08e9 --- /dev/null +++ b/static/assets/css/style.css @@ -0,0 +1,15936 @@ +/* +@File: Noke Template Styles + +* This file contains the styling for the actual template, this +is the file you need to edit to change the look of the +template. + +This files table contents are outlined below>>>>> + +******************************************* +******************************************* + +** - Default CSS +** - Top Header Area CSS +** - Navbar Area CSS +** - Search Overlay CSS +** - Startup Banner Area CSS +** - Marketing Banner Area CSS +** - Business Banner Area CSS +** - App Banner Area CSS +** - Saas Banner Area CSS +** - Personal Portfolio Banner Area CSS +** - Consulting Banner Area CSS +** - IT Agency Banner Area CSS +** - Shop Banner Area CSS +** - Blog Banner Area CSS +** - Furniture Banner Area CSS +** - Minimal Portfolio Banner Area CSS +** - Features Area CSS +** - About Area CSS +** - Services Area CSS +** - Services Details Area CSS +** - Works Area CSS +** - What We Do Area CSS +** - Categories Area CSS +** - Who We Are Area CSS +** - Video Area CSS +** - Process Area CSS +** - Funfacts Area CSS +** - Products Area CSS +** - Products Details Area CSS +** - Cart Area CSS +** - Checkout Area CSS +** - Testimonials Area CSS +** - Team Area CSS +** - How It Works Area CSS +** - Skills Area CSS +** - Expertise Area CSS +** - CTA Area CSS +** - Timeline/Short Brief Area CSS +** - App Download Area CSS +** - Trending Style Area CSS +** - Pricing Area CSS +** - App Screenshot Area CSS +** - Facility Area CSS +** - Latest Posts Area CSS +** - Partner Area CSS +** - Clients Area CSS +** - Featured Video Area CSS +** - Blog Area CSS +** - Blog Details Area CSS +** - Widget Area CSS +** - Profile Authentication Area CSS +** - Instagram Area CSS +** - Page Title Area CSS +** - Pagination Area CSS +** - Gallery Area CSS +** - Portfolio Details Area CSS +** - Portfolio Details Navigation Area CSS +** - Privacy Policy Area CSS +** - Terms & Conditions Area CSS +** - FAQ Area CSS +** - 404 Error Area CSS +** - Coming Soon Area CSS +** - Contact Area CSS +** - Footer Area CSS +** - Go Top CSS +** - Modal CSS +*/ +/*================================================ +Default CSS +=================================================*/ +@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); +:root { + --fontFamily: 'Manrope', sans-serif; + --headingFontFamily: 'Poppins', sans-serif; + --startupMainColor: #fd5444; + --marketingMainColor: #2f4eac; + --businessMainColor: #5d3dec; + --businessGradientColor: linear-gradient(to right, #4651e6, #5749ed, #693ff3, #7c30f7, #8f11fa); + --appMainColor: #0042bb; + --appGradientColor: linear-gradient(to right bottom, #0042bb, #093ea8, #113a96, #163584, #1a3172); + --saasMainColor: #296dfe; + --saasGradientColor: linear-gradient(to right top, #257ef7, #0094fb, #00a7f5, #00b6ea, #17c3dd); + --personalPortfolioMainColor: #111111; + --itAgencyMainColor: #ff4a17; + --itAgencyGradientColor: linear-gradient(to right, #ff4a17, #fd5d15, #fb6d16, #f87b1a, #f68821); + --consultingMainColor: #4eaf4e; + --shopMainColor: #111111; + --minimalPortfolioColor: #4ab19d; + --optionalColor: #6f6f6f; + --whiteColor: #ffffff; + --blackColor: #2d2d37; + --fontSize: 15.5px; + --transition: .5s; +} + +body { + margin: 0; + padding: 0; + color: var(--blackColor); + font-size: var(--fontSize); + font-family: var(--fontFamily); +} + +.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { + color: var(--blackColor); + font-weight: 600; + font-family: var(--headingFontFamily); +} + +a { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--blackColor); + text-decoration: none; + outline: 0 !important; +} + +a:hover { + color: var(--optionalColor); + text-decoration: none; +} + +:focus { + outline: 0 !important; +} + +.d-table { + width: 100%; + height: 100%; +} + +.d-table-cell { + vertical-align: middle; +} + +img { + max-width: 100%; + height: auto; +} + +p { + color: var(--optionalColor); + margin-bottom: 15px; + line-height: 1.8; + font-weight: 500; + font-size: var(--fontSize); +} + +p:last-child { + margin-bottom: 0; +} + +.ptb-100 { + padding-top: 100px; + padding-bottom: 100px; +} + +.pt-100 { + padding-top: 100px; +} + +.pb-100 { + padding-bottom: 100px; +} + +.ptb-70 { + padding-top: 70px; + padding-bottom: 70px; +} + +.pt-70 { + padding-top: 70px; +} + +.pb-70 { + padding-bottom: 70px; +} + +.bg-f9f4f0 { + background-color: #f9f4f0; +} + +.bg-faf7f2 { + background-color: #faf7f2; +} + +.bg-1b2232 { + background-color: #1b2232; +} + +.bg-f3f4f7 { + background-color: #f3f4f7; +} + +.bg-f9f9f9 { + background-color: #f9f9f9; +} + +.bg-dark { + background-color: #06080e !important; +} + +.bg-dark .section-title { + color: var(--whiteColor); +} + +.bg-dark .section-title h2 { + color: var(--whiteColor); +} + +.bg-dark .section-title p { + color: var(--whiteColor); +} + +.bg-f6f7f9 { + background-color: #f6f7f9; +} + +/*section-title*/ +.section-title { + text-align: center; + max-width: 655px; + margin-bottom: 60px; + margin-left: auto; + margin-right: auto; +} + +.section-title h2 { + margin-bottom: 0; + font-size: 40px; +} + +.section-title p { + max-width: 540px; + margin-top: 15px; + margin-left: auto; + margin-right: auto; +} + +.section-title .sub-title { + display: block; + margin-bottom: 12px; + color: var(--startupMainColor); + font-family: var(--headingFontFamily); + font-weight: 600; + font-size: 14px; +} + +.section-title .sub-title.marketing-color { + color: var(--marketingMainColor); +} + +.section-title .sub-title.business-color { + color: var(--businessMainColor); +} + +.section-title .sub-title.app-color { + color: var(--appMainColor); +} + +.section-title .sub-title.saas-color { + color: var(--saasMainColor); +} + +.section-title .sub-title.consulting-color { + color: var(--consultingMainColor); +} + +.section-title .sub-title.it-agency-color { + color: var(--itAgencyMainColor); +} + +.section-title .sub-title.minimal-portfolio-color { + color: var(--minimalPortfolioColor); +} + +.section-title.style-two { + text-align: start; + padding-left: 90px; + margin-left: 0; + margin-right: 0; + margin-bottom: 50px; +} + +.section-title.style-two h2 { + position: relative; + font-size: 30px; +} + +.section-title.style-two h2::before { + left: -90px; + top: 50%; + width: 70px; + height: 1px; + content: ''; + position: absolute; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--personalPortfolioMainColor); +} + +.section-title.style-two p { + margin-left: 0; + margin-right: 0; +} + +.section-title.style-three { + max-width: 100%; +} + +.section-title.style-three h2 { + position: relative; + z-index: 1; +} + +.section-title.style-three h2 span { + display: inline-block; + background-color: var(--whiteColor); + padding-left: 30px; + padding-right: 30px; +} + +.section-title.style-three h2::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: #cfcfcf; + height: 1px; + z-index: -1; +} + +.section-title.style-four { + border-bottom: 1px solid #eeeeee; + padding-bottom: 12px; + position: relative; + text-align: start; + max-width: 100%; + margin-left: 0; + margin-right: 0; + margin-bottom: 45px; +} + +.section-title.style-four h2 { + font-size: 30px; +} + +.section-title.style-four::before { + content: ''; + position: absolute; + left: 0; + bottom: -1px; + width: 70px; + height: 1px; + background-color: var(--blackColor); +} + +/*default-btn*/ +.default-btn { + -webkit-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1); + -webkit-transition: var(--transition); + transition: var(--transition); + display: inline-block; + background-color: var(--startupMainColor); + color: var(--whiteColor); + position: relative; + border-radius: 5px; + border: none; + padding: 13px 50px 13px 35px; + font-size: var(--fontSize); + font-weight: 700; +} + +.default-btn i { + position: absolute; + right: 35px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + margin-top: 1px; + font-size: 14px; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.default-btn:hover { + color: var(--whiteColor); + background-color: var(--startupMainColor); + -webkit-box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.1), 0 2rem 3rem rgba(0, 0, 0, 0.15); + box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.1), 0 2rem 3rem rgba(0, 0, 0, 0.15); +} + +.default-btn:hover i { + right: 30px; +} + +.default-btn.marketing-color { + background-color: var(--marketingMainColor); + color: var(--whiteColor); +} + +.default-btn.marketing-color:hover { + color: var(--whiteColor); + background-color: var(--marketingMainColor); +} + +.default-btn.business-color { + background: var(--businessGradientColor); +} + +.default-btn.app-color { + background: var(--appGradientColor); +} + +.default-btn.saas-color { + background: var(--saasGradientColor); +} + +.default-btn.personal-portfolio-color { + background: var(--personalPortfolioMainColor); +} + +.default-btn.consulting-color { + background: var(--consultingMainColor); +} + +.default-btn.it-agency-color { + background: var(--itAgencyGradientColor); +} + +.default-btn.shop-color { + background: var(--shopMainColor); +} + +.default-btn.minimal-portfolio-color { + background: var(--minimalPortfolioColor); +} + +/*form-control*/ +.form-control { + border-radius: 0; + background-color: #f5f5f5 !important; + -webkit-box-shadow: unset !important; + box-shadow: unset !important; + -webkit-transition: var(--transition); + transition: var(--transition); + border: none !important; + height: 50px; + padding-left: 15px; + color: var(--blackColor); + font-size: var(--fontSize); + font-weight: 500; +} + +.form-control::-webkit-input-placeholder { + color: #999999; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.form-control:-ms-input-placeholder { + color: #999999; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.form-control::-ms-input-placeholder { + color: #999999; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.form-control::placeholder { + color: #999999; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.form-control:focus::-webkit-input-placeholder { + color: transparent; +} + +.form-control:focus:-ms-input-placeholder { + color: transparent; +} + +.form-control:focus::-ms-input-placeholder { + color: transparent; +} + +.form-control:focus::placeholder { + color: transparent; +} + +textarea.form-control { + padding-top: 15px; + height: auto; +} + +/*================================================ +Top Header Area CSS +=================================================*/ +.header-area.p-absolute { + position: absolute; + left: 0; + right: 0; + top: 0; + height: auto; + z-index: 3; +} + +.header-area.p-absolute .navbar-area { + background-color: transparent; +} + +.top-header-area { + background-color: var(--startupMainColor); + padding-top: 12px; + padding-bottom: 12px; +} + +.top-header-area .container-fluid { + max-width: 1400px; +} + +.top-header-area.business-color { + background: var(--businessGradientColor); +} + +.top-header-area.saas-color { + background: var(--saasGradientColor); +} + +.top-header-area.top-header-style-two .container-fluid { + max-width: 1470px; +} + +.top-header-area.top-header-style-three .container-fluid { + max-width: 1450px; +} + +.top-header-area.it-agency-color { + background: var(--itAgencyGradientColor); +} + +.top-header-area.bg-f3f4f7 { + background: #f3f4f7; +} + +.top-header-area.bg-f3f4f7 .top-header-social-links li a { + color: var(--blackColor); +} + +.top-header-area.bg-f3f4f7 .top-header-social-links li a:hover { + color: var(--startupMainColor); +} + +.top-header-area.bg-f3f4f7 .top-header-contact-info { + color: var(--blackColor); +} + +.top-header-area.bg-f3f4f7 .top-header-contact-info .number { + color: var(--blackColor); +} + +.top-header-area.bg-f3f4f7 .top-header-contact-info .email { + color: var(--blackColor); +} + +.top-header-area.bg-f3f4f7 .top-header-contact-info .lang-switcher label { + color: var(--startupMainColor); +} + +.top-header-area.bg-f3f4f7 .top-header-contact-info .lang-switcher select { + color: var(--blackColor); +} + +.top-header-area.bg-f3f4f7 .top-header-contact-info .lang-switcher select option { + color: var(--blackColor); +} + +.top-header-area.bg-f3f4f7.consulting-color .top-header-social-links li a:hover { + color: var(--consultingMainColor); +} + +.top-header-area.bg-f3f4f7.consulting-color .top-header-contact-info .lang-switcher label { + color: var(--consultingMainColor); +} + +.top-header-area.bg-f3f4f7.consulting-color .top-header-info .number i { + color: var(--consultingMainColor); +} + +.top-header-area.bg-f3f4f7.consulting-color .top-header-info .email i { + color: var(--consultingMainColor); +} + +.top-header-area.shop-color { + background: var(--shopMainColor); +} + +.top-header-info .number { + display: inline-block; + position: relative; + padding-left: 25px; +} + +.top-header-info .number i { + position: absolute; + left: 0; + top: 4px; + color: var(--startupMainColor); +} + +.top-header-info .email { + display: inline-block; + position: relative; + padding-left: 25px; + margin-right: 20px; +} + +.top-header-info .email i { + position: absolute; + left: 0; + top: 4px; + color: var(--startupMainColor); +} + +.top-header-social-links { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.top-header-social-links li { + display: inline-block; + margin-right: 15px; +} + +.top-header-social-links li a { + display: block; + color: var(--whiteColor); +} + +.top-header-social-links li a:hover { + opacity: 0.8; +} + +.top-header-social-links li:last-child { + margin-right: 0; +} + +.top-header-contact-info { + color: var(--whiteColor); +} + +.top-header-contact-info .number { + display: inline-block; + color: var(--whiteColor); + position: relative; + padding-left: 25px; +} + +.top-header-contact-info .number i { + position: absolute; + left: 0; + top: 4px; +} + +.top-header-contact-info .email { + display: inline-block; + color: var(--whiteColor); + position: relative; + padding-left: 25px; + margin-right: 20px; +} + +.top-header-contact-info .email i { + position: absolute; + left: 0; + top: 4px; +} + +.top-header-contact-info .lang-switcher { + display: inline-block; + position: relative; + margin-left: 20px; + padding-left: 20px; +} + +.top-header-contact-info .lang-switcher label { + display: block; + margin-bottom: 0; + position: absolute; + left: 0; + top: 1px; +} + +.top-header-contact-info .lang-switcher select { + cursor: pointer; + background-color: transparent; + color: var(--whiteColor); + border: none; +} + +.top-header-contact-info .lang-switcher select option { + color: var(--blackColor); +} + +/*================================================ +Navbar Area CSS +=================================================*/ +.navbar-area { + padding: 5px 0; + position: relative; + background-color: var(--whiteColor); +} + +.navbar-area.p-absolute { + position: absolute; + left: 0; + right: 0; + top: 0; + height: auto; + z-index: 9; +} + +.navbar-area.is-sticky { + top: 0; + left: 0; + width: 100%; + z-index: 999; + position: fixed; + background-color: var(--whiteColor) !important; + -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09); + box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09); + -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; + animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; +} + +.navbar-area.is-sticky.bg-dark { + background-color: #06080e !important; + -webkit-box-shadow: 0 2px 28px 0 rgba(255, 255, 255, 0.05); + box-shadow: 0 2px 28px 0 rgba(255, 255, 255, 0.05); +} + +.navbar-area.bg-f9faff { + background-color: #f9faff; +} + +.navbar-area.navbar-style-two .noke-nav .container-fluid { + max-width: 1400px; +} + +.navbar-area.navbar-style-three .noke-nav .container-fluid { + max-width: 1450px; +} + +.navbar-area.navbar-style-four .noke-nav .container-fluid { + max-width: 1470px; +} + +.navbar-area.navbar-style-five { + padding-top: 0; + padding-bottom: 0; +} + +.navbar-area.navbar-style-five .noke-nav .container-fluid { + max-width: 1450px; +} + +.navbar-area.navbar-style-five .noke-nav .navbar { + background-color: var(--whiteColor); + padding-left: 25px; + padding-right: 25px; +} + +.navbar-area.bg-dark { + color: var(--whiteColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item a { + color: var(--whiteColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item a:hover, .navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item a:focus, .navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item a.active { + color: var(--startupMainColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item:hover a, .navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item.active a { + color: var(--startupMainColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { + color: var(--blackColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { + color: var(--startupMainColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { + color: var(--startupMainColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--startupMainColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--startupMainColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--startupMainColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--startupMainColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { + color: var(--startupMainColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { + color: var(--startupMainColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--startupMainColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--startupMainColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .option-item .search-icon { + color: var(--startupMainColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .option-item .search-icon:hover { + color: var(--startupMainColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .option-item .social-links li a { + color: var(--whiteColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .option-item .social-links li a:hover { + color: var(--startupMainColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search { + color: var(--whiteColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search::-webkit-input-placeholder { + color: var(--whiteColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search:-ms-input-placeholder { + color: var(--whiteColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search::-ms-input-placeholder { + color: var(--whiteColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search::placeholder { + color: var(--whiteColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search:focus::-webkit-input-placeholder { + color: transparent; +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search:focus:-ms-input-placeholder { + color: transparent; +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search:focus::-ms-input-placeholder { + color: transparent; +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search:focus::placeholder { + color: transparent; +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box button { + color: var(--whiteColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box button:hover { + color: var(--startupMainColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .lang-switcher { + color: var(--whiteColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .lang-switcher select { + color: var(--whiteColor); +} + +.navbar-area.bg-dark .noke-nav .navbar .others-option .lang-switcher select option { + color: var(--blackColor); +} + +.navbar-area.bg-dark .others-option-for-responsive .dot-menu .inner .circle { + background-color: var(--whiteColor); +} + +.navbar-area.bg-dark .others-option-for-responsive .dot-menu:hover .inner .circle { + background-color: var(--startupMainColor); +} + +.navbar-area.color-white.is-sticky { + background-color: #06080e !important; + -webkit-box-shadow: 0 2px 28px 0 rgba(255, 255, 255, 0.05); + box-shadow: 0 2px 28px 0 rgba(255, 255, 255, 0.05); +} + +.noke-responsive-nav { + display: none; +} + +.noke-nav .container-fluid { + max-width: 1400px; +} + +.noke-nav .navbar { + padding: 0; + position: inherit; +} + +.noke-nav .navbar .navbar-brand { + font-size: inherit; + line-height: 1; + padding: 0; +} + +.noke-nav .navbar ul { + padding-left: 0; + list-style-type: none; + margin-bottom: 0; +} + +.noke-nav .navbar .navbar-nav { + margin-left: auto; + position: relative; +} + +.noke-nav .navbar .navbar-nav .nav-item { + position: relative; + margin-left: 15px; + margin-right: 15px; +} + +.noke-nav .navbar .navbar-nav .nav-item a { + position: relative; + color: var(--blackColor); + -webkit-transition: var(--transition); + transition: var(--transition); + font-weight: 700; + font-size: var(--fontSize); + padding-left: 0; + padding-right: 0; + padding-top: 30px; + padding-bottom: 30px; +} + +.noke-nav .navbar .navbar-nav .nav-item a:hover, .noke-nav .navbar .navbar-nav .nav-item a:focus, .noke-nav .navbar .navbar-nav .nav-item a.active { + color: var(--startupMainColor); +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-toggle { + padding-right: 14px; +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-toggle::after { + display: none; +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-toggle::before { + -webkit-font-smoothing: antialiased; + text-rendering: auto; + position: absolute; + content: "\f078"; + line-height: 1; + top: 37px; + right: 0; + font-family: "Font Awesome 5 Free"; + -webkit-font-variant-ligatures: normal; + font-variant-ligatures: normal; + font-variant-caps: normal; + font-style: normal; + font-weight: 900; + font-size: 10px; +} + +.noke-nav .navbar .navbar-nav .nav-item:last-child { + margin-right: 0; +} + +.noke-nav .navbar .navbar-nav .nav-item:first-child { + margin-left: 0; +} + +.noke-nav .navbar .navbar-nav .nav-item:hover a, .noke-nav .navbar .navbar-nav .nav-item.active a { + color: var(--startupMainColor); +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu { + left: 0; + top: 80px; + opacity: 0; + z-index: 99; + border: none; + width: 250px; + margin-top: 0; + display: block; + padding: 10px 0; + border-radius: 0; + position: absolute; + visibility: hidden; + background: var(--whiteColor); + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li { + margin: 0; +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { + display: block; + padding: 9px 20px; + position: relative; + color: var(--blackColor); + font-size: 14.5px; + font-weight: 600; +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a i { + top: 50%; + margin: 0; + right: 15px; + font-size: 11px; + position: absolute; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus { + color: var(--startupMainColor); + padding-left: 25px; +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { + color: var(--startupMainColor); +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { + top: 0; + opacity: 0; + left: auto; + right: 250px; + margin-top: 0; + visibility: hidden; + -webkit-transform: translateX(0); + transform: translateX(0); +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); + padding-left: 20px; +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus { + color: var(--startupMainColor); + padding-left: 25px; +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { + color: var(--startupMainColor); +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { + top: 0; + opacity: 0; + right: 250px; + visibility: hidden; +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); + padding-left: 20px; +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { + padding-left: 25px; + color: var(--startupMainColor); +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--startupMainColor); +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { + top: 0; + opacity: 0; + right: 250px; + visibility: hidden; +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + padding-left: 20px; + color: var(--blackColor); +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { + color: var(--startupMainColor); + padding-left: 25px; +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--startupMainColor); +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--startupMainColor); +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { + opacity: 1; + visibility: visible; +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--startupMainColor); +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { + opacity: 1; + visibility: visible; +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { + color: var(--startupMainColor); +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { + opacity: 1; + visibility: visible; +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { + color: var(--startupMainColor); +} + +.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { + opacity: 1; + margin-top: 0; + visibility: visible; +} + +.noke-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu { + opacity: 1; + visibility: visible; +} + +.noke-nav .navbar .navbar-nav .nav-item.megamenu { + position: unset; +} + +.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu { + left: 0; + top: auto; + width: 100%; + padding: 25px; + margin-top: 0; + position: absolute; + -webkit-transform: unset !important; + transform: unset !important; +} + +.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title { + position: relative; + border-bottom: 1px solid #eeeeee; + padding-bottom: 8px; + text-transform: uppercase; + margin-bottom: 25px; + margin-top: 30px; + font-size: var(--fontSize); + font-weight: 600; +} + +.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + width: 50px; + height: 1px; + content: ''; + position: absolute; + left: 0; + bottom: -1px; + background-color: var(--startupMainColor); +} + +.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title:first-child { + margin-top: 0; +} + +.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu a { + border-bottom: none !important; +} + +.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a { + padding: 0; + margin-top: 18px; + color: var(--blackColor); +} + +.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a .count { + float: right; + width: 20px; + height: 20px; + display: block; + font-size: 12px; + line-height: 20px; + text-align: center; + border-radius: 5px; + background-color: #f4f4f4; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--startupMainColor); +} + +.noke-nav .navbar .others-option { + margin-left: 30px; +} + +.noke-nav .navbar .others-option .option-item { + position: relative; + margin-left: 15px; + top: 1px; +} + +.noke-nav .navbar .others-option .option-item:first-child { + margin-left: 0; +} + +.noke-nav .navbar .others-option .option-item .search-icon { + line-height: 1; + font-size: 18px; + cursor: pointer; + display: inline-block; + color: var(--blackColor); + -webkit-transition: var(--transition); + transition: var(--transition); + border-left: 1px solid rgba(0, 0, 0, 0.2); + border-right: 1px solid rgba(0, 0, 0, 0.2); + padding-left: 15px; + padding-right: 15px; +} + +.noke-nav .navbar .others-option .option-item .search-icon:hover { + color: var(--startupMainColor); +} + +.noke-nav .navbar .others-option .option-item .social-links { + position: relative; + top: -1px; +} + +.noke-nav .navbar .others-option .option-item .social-links span { + display: inline-block; + margin-left: 15px; + line-height: 1; +} + +.noke-nav .navbar .others-option .option-item .social-links span a { + font-size: 17px; + display: block; +} + +.noke-nav .navbar .others-option .option-item .social-links span a:hover { + color: var(--startupMainColor); +} + +.noke-nav .navbar .others-option .option-item .social-links span:first-child { + margin-left: 0; +} + +.noke-nav .navbar .others-option .option-item .link-btn { + display: inline-block; + font-size: 18px; + line-height: 1; +} + +.noke-nav .navbar .others-option .option-item .icon-btn { + position: relative; + font-size: 18px; + line-height: 1; + padding-right: 10px; + margin-left: 5px; +} + +.noke-nav .navbar .others-option .option-item .icon-btn span { + display: inline-block; + position: absolute; + right: 0; + top: -5px; + width: 16px; + height: 16px; + border-radius: 50%; + background-color: red; + text-align: center; + line-height: 17px; + color: var(--whiteColor); + font-weight: 700; + font-size: 9px; +} + +.noke-nav .navbar .others-option .search-box { + position: relative; + width: 200px; +} + +.noke-nav .navbar .others-option .search-box .input-search { + display: block; + width: 100%; + background-color: transparent; + border: none; + border-bottom: 1px solid #eeeeee; + height: auto; + padding-bottom: 8px; + font-size: 14px; + color: var(--blackColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.noke-nav .navbar .others-option .search-box .input-search::-webkit-input-placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); +} + +.noke-nav .navbar .others-option .search-box .input-search:-ms-input-placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); +} + +.noke-nav .navbar .others-option .search-box .input-search::-ms-input-placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); +} + +.noke-nav .navbar .others-option .search-box .input-search::placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); +} + +.noke-nav .navbar .others-option .search-box .input-search:focus { + border-color: var(--startupMainColor); +} + +.noke-nav .navbar .others-option .search-box .input-search:focus::-webkit-input-placeholder { + color: transparent; +} + +.noke-nav .navbar .others-option .search-box .input-search:focus:-ms-input-placeholder { + color: transparent; +} + +.noke-nav .navbar .others-option .search-box .input-search:focus::-ms-input-placeholder { + color: transparent; +} + +.noke-nav .navbar .others-option .search-box .input-search:focus::placeholder { + color: transparent; +} + +.noke-nav .navbar .others-option .search-box button { + position: absolute; + right: 0; + top: 0; + background-color: transparent; + border: none; + color: var(--optionalColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.noke-nav .navbar .others-option .search-box button:hover { + color: var(--startupMainColor); +} + +.noke-nav .navbar .others-option .lang-switcher { + position: relative; + padding-left: 34px; + position: relative; + top: -2px; + border-left: 1px solid rgba(0, 0, 0, 0.2); +} + +.noke-nav .navbar .others-option .lang-switcher label { + display: block; + margin-bottom: 0; + position: absolute; + left: 15px; + top: 0; +} + +.noke-nav .navbar .others-option .lang-switcher select { + background-color: transparent; + cursor: pointer; + border: none; + margin-top: -3px; +} + +.others-option-for-responsive { + display: none; +} + +.others-option-for-responsive .dot-menu { + top: -37px; + right: 60px; + height: 30px; + z-index: 999; + padding: 0 10px; + cursor: pointer; + position: absolute; +} + +.others-option-for-responsive .dot-menu .inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 30px; +} + +.others-option-for-responsive .dot-menu .inner .circle { + height: 5px; + width: 5px; + border-radius: 100%; + margin: 0 2px; + -webkit-transition: var(--transition); + transition: var(--transition); + background-color: var(--blackColor); +} + +.others-option-for-responsive .dot-menu:hover .inner .circle { + background-color: var(--startupMainColor); +} + +.others-option-for-responsive .container { + position: relative; +} + +.others-option-for-responsive .container .container { + right: 0; + top: 15px; + opacity: 0; + z-index: 2; + max-width: 300px; + margin-left: auto; + visibility: hidden; + position: absolute; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transition: var(--transition); + transition: var(--transition); + padding-left: 15px; + padding-right: 15px; +} + +.others-option-for-responsive .container .container.active { + opacity: 1; + visibility: visible; + -webkit-transform: scaleX(1); + transform: scaleX(1); +} + +.others-option-for-responsive .option-inner { + padding: 15px 20px; + -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09); + box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09); + background-color: var(--whiteColor); + text-align: center; +} + +.others-option-for-responsive .option-inner .others-option .option-item { + position: relative; + margin-left: 20px; + display: inline-block; +} + +.others-option-for-responsive .option-inner .others-option .option-item:first-child { + margin-left: 0; +} + +.others-option-for-responsive .option-inner .others-option .option-item .search-icon { + line-height: 1; + font-size: 18px; + cursor: pointer; + display: inline-block; + color: var(--blackColor); + -webkit-transition: var(--transition); + transition: var(--transition); + border-right: 1px solid rgba(0, 0, 0, 0.2); + padding-right: 20px; +} + +.others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover { + color: var(--startupMainColor); +} + +.others-option-for-responsive .option-inner .others-option .option-item .social-links { + position: relative; + top: -1px; +} + +.others-option-for-responsive .option-inner .others-option .option-item .social-links span { + display: inline-block; + margin-left: 15px; + line-height: 1; +} + +.others-option-for-responsive .option-inner .others-option .option-item .social-links span a { + font-size: 17px; + display: block; +} + +.others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover { + color: var(--startupMainColor); +} + +.others-option-for-responsive .option-inner .others-option .option-item .social-links span:first-child { + margin-left: 0; +} + +.others-option-for-responsive .option-inner .others-option .search-box { + position: relative; + width: 100%; +} + +.others-option-for-responsive .option-inner .others-option .search-box .input-search { + display: block; + width: 100%; + background-color: transparent; + border: none; + border-bottom: 1px solid #eeeeee; + height: auto; + padding-bottom: 8px; + font-size: 14px; + color: var(--blackColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.others-option-for-responsive .option-inner .others-option .search-box .input-search::-webkit-input-placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); +} + +.others-option-for-responsive .option-inner .others-option .search-box .input-search:-ms-input-placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); +} + +.others-option-for-responsive .option-inner .others-option .search-box .input-search::-ms-input-placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); +} + +.others-option-for-responsive .option-inner .others-option .search-box .input-search::placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); +} + +.others-option-for-responsive .option-inner .others-option .search-box .input-search:focus { + border-color: var(--startupMainColor); +} + +.others-option-for-responsive .option-inner .others-option .search-box .input-search:focus::-webkit-input-placeholder { + color: transparent; +} + +.others-option-for-responsive .option-inner .others-option .search-box .input-search:focus:-ms-input-placeholder { + color: transparent; +} + +.others-option-for-responsive .option-inner .others-option .search-box .input-search:focus::-ms-input-placeholder { + color: transparent; +} + +.others-option-for-responsive .option-inner .others-option .search-box .input-search:focus::placeholder { + color: transparent; +} + +.others-option-for-responsive .option-inner .others-option .search-box button { + position: absolute; + right: 0; + top: 0; + background-color: transparent; + border: none; + color: var(--optionalColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.others-option-for-responsive .option-inner .others-option .search-box button:hover { + color: var(--startupMainColor); +} + +.others-option-for-responsive .option-inner .others-option .lang-switcher { + top: -2px; + position: relative; + padding-left: 25px; + position: relative; + margin-left: -10px; + border-left: 1px solid rgba(0, 0, 0, 0.2); +} + +.others-option-for-responsive .option-inner .others-option .lang-switcher label { + display: block; + margin-bottom: 0; + position: absolute; + left: 10px; + top: 0; +} + +.others-option-for-responsive .option-inner .others-option .lang-switcher select { + background-color: transparent; + cursor: pointer; + border: none; + margin-top: -3px; +} + +.others-option-for-responsive .option-inner .others-option .link-btn { + display: inline-block; + font-size: 18px; + line-height: 1; +} + +.others-option-for-responsive .option-inner .others-option .icon-btn { + position: relative; + font-size: 18px; + line-height: 1; + padding-right: 10px; + margin-left: 5px; +} + +.others-option-for-responsive .option-inner .others-option .icon-btn span { + display: inline-block; + position: absolute; + right: 0; + top: -5px; + width: 16px; + height: 16px; + border-radius: 50%; + background-color: red; + text-align: center; + line-height: 17px; + color: var(--whiteColor); + font-weight: 700; + font-size: 9px; +} + +.marketing-color .noke-nav .navbar .navbar-nav .nav-item a:hover, .marketing-color .noke-nav .navbar .navbar-nav .nav-item a:focus, .marketing-color .noke-nav .navbar .navbar-nav .nav-item a.active { + color: var(--marketingMainColor); +} + +.marketing-color .noke-nav .navbar .navbar-nav .nav-item:hover a, .marketing-color .noke-nav .navbar .navbar-nav .nav-item.active a { + color: var(--marketingMainColor); +} + +.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { + color: var(--blackColor); +} + +.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { + color: var(--marketingMainColor); +} + +.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { + color: var(--marketingMainColor); +} + +.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--marketingMainColor); +} + +.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--marketingMainColor); +} + +.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--marketingMainColor); +} + +.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--marketingMainColor); +} + +.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { + color: var(--marketingMainColor); +} + +.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { + color: var(--marketingMainColor); +} + +.marketing-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--marketingMainColor); +} + +.marketing-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .marketing-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--marketingMainColor); +} + +.marketing-color .noke-nav .navbar .others-option .option-item .search-icon:hover { + color: var(--marketingMainColor); +} + +.marketing-color .noke-nav .navbar .others-option .option-item .social-links span a:hover { + color: var(--marketingMainColor); +} + +.marketing-color .noke-nav .navbar .others-option .search-box .input-search:focus { + border-color: var(--marketingMainColor); +} + +.marketing-color .noke-nav .navbar .others-option .search-box button:hover { + color: var(--marketingMainColor); +} + +.marketing-color .others-option-for-responsive .dot-menu:hover .inner .circle { + background-color: var(--marketingMainColor); +} + +.marketing-color .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover { + color: var(--marketingMainColor); +} + +.marketing-color .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover { + color: var(--marketingMainColor); +} + +.marketing-color .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus { + border-color: var(--marketingMainColor); +} + +.marketing-color .others-option-for-responsive .option-inner .others-option .search-box button:hover { + color: var(--marketingMainColor); +} + +.business-color .noke-nav .navbar .navbar-nav .nav-item a:hover, .business-color .noke-nav .navbar .navbar-nav .nav-item a:focus, .business-color .noke-nav .navbar .navbar-nav .nav-item a.active { + color: var(--businessMainColor); +} + +.business-color .noke-nav .navbar .navbar-nav .nav-item:hover a, .business-color .noke-nav .navbar .navbar-nav .nav-item.active a { + color: var(--businessMainColor); +} + +.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { + color: var(--blackColor); +} + +.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { + color: var(--businessMainColor); +} + +.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { + color: var(--businessMainColor); +} + +.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--businessMainColor); +} + +.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--businessMainColor); +} + +.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--businessMainColor); +} + +.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--businessMainColor); +} + +.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { + color: var(--businessMainColor); +} + +.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { + color: var(--businessMainColor); +} + +.business-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--businessMainColor); +} + +.business-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .business-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--businessMainColor); +} + +.business-color .noke-nav .navbar .others-option .option-item .search-icon:hover { + color: var(--businessMainColor); +} + +.business-color .noke-nav .navbar .others-option .option-item .social-links span a:hover { + color: var(--businessMainColor); +} + +.business-color .noke-nav .navbar .others-option .search-box .input-search:focus { + border-color: var(--businessMainColor); +} + +.business-color .noke-nav .navbar .others-option .search-box button:hover { + color: var(--businessMainColor); +} + +.business-color .others-option-for-responsive .dot-menu:hover .inner .circle { + background-color: var(--businessMainColor); +} + +.business-color .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover { + color: var(--businessMainColor); +} + +.business-color .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover { + color: var(--businessMainColor); +} + +.business-color .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus { + border-color: var(--businessMainColor); +} + +.business-color .others-option-for-responsive .option-inner .others-option .search-box button:hover { + color: var(--businessMainColor); +} + +.app-color .noke-nav .navbar .navbar-nav .nav-item a:hover, .app-color .noke-nav .navbar .navbar-nav .nav-item a:focus, .app-color .noke-nav .navbar .navbar-nav .nav-item a.active { + color: var(--appMainColor); +} + +.app-color .noke-nav .navbar .navbar-nav .nav-item:hover a, .app-color .noke-nav .navbar .navbar-nav .nav-item.active a { + color: var(--appMainColor); +} + +.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { + color: var(--blackColor); +} + +.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { + color: var(--appMainColor); +} + +.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { + color: var(--appMainColor); +} + +.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--appMainColor); +} + +.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--appMainColor); +} + +.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--appMainColor); +} + +.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--appMainColor); +} + +.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { + color: var(--appMainColor); +} + +.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { + color: var(--appMainColor); +} + +.app-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--appMainColor); +} + +.app-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .app-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--appMainColor); +} + +.app-color .noke-nav .navbar .others-option .option-item .search-icon:hover { + color: var(--appMainColor); +} + +.app-color .noke-nav .navbar .others-option .option-item .social-links span a:hover { + color: var(--appMainColor); +} + +.app-color .noke-nav .navbar .others-option .search-box .input-search:focus { + border-color: var(--appMainColor); +} + +.app-color .noke-nav .navbar .others-option .search-box button:hover { + color: var(--appMainColor); +} + +.app-color .others-option-for-responsive .dot-menu:hover .inner .circle { + background-color: var(--appMainColor); +} + +.app-color .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover { + color: var(--appMainColor); +} + +.app-color .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover { + color: var(--appMainColor); +} + +.app-color .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus { + border-color: var(--appMainColor); +} + +.app-color .others-option-for-responsive .option-inner .others-option .search-box button:hover { + color: var(--appMainColor); +} + +.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item a:hover, .personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item a:focus, .personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item a.active { + color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item:hover a, .personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item.active a { + color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { + color: var(--blackColor); +} + +.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { + color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { + color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { + color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { + color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .noke-nav .navbar .others-option .option-item .search-icon:hover { + color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .noke-nav .navbar .others-option .option-item .social-links span a:hover { + color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .noke-nav .navbar .others-option .search-box .input-search:focus { + border-color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .noke-nav .navbar .others-option .search-box button:hover { + color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .others-option-for-responsive .dot-menu:hover .inner .circle { + background-color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover { + color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover { + color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus { + border-color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-color .others-option-for-responsive .option-inner .others-option .search-box button:hover { + color: var(--personalPortfolioMainColor); +} + +.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item a:hover, .saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item a:focus, .saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item a.active { + color: var(--saasMainColor); +} + +.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item:hover a, .saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item.active a { + color: var(--saasMainColor); +} + +.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { + color: var(--blackColor); +} + +.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { + color: var(--saasMainColor); +} + +.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { + color: var(--saasMainColor); +} + +.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--saasMainColor); +} + +.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--saasMainColor); +} + +.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--saasMainColor); +} + +.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--saasMainColor); +} + +.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { + color: var(--saasMainColor); +} + +.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { + color: var(--saasMainColor); +} + +.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--saasMainColor); +} + +.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--saasMainColor); +} + +.saas-color.bg-dark .noke-nav .navbar .others-option .option-item .search-icon:hover { + color: var(--saasMainColor); +} + +.saas-color.bg-dark .noke-nav .navbar .others-option .option-item .social-links span a:hover { + color: var(--saasMainColor); +} + +.saas-color.bg-dark .noke-nav .navbar .others-option .search-box .input-search:focus { + border-color: var(--saasMainColor); +} + +.saas-color.bg-dark .noke-nav .navbar .others-option .search-box button:hover { + color: var(--saasMainColor); +} + +.saas-color.bg-dark .others-option-for-responsive .dot-menu:hover .inner .circle { + background-color: var(--saasMainColor); +} + +.saas-color.bg-dark .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover { + color: var(--saasMainColor); +} + +.saas-color.bg-dark .others-option-for-responsive .option-inner .others-option .option-item .social-links li a:hover { + color: var(--saasMainColor); +} + +.saas-color.bg-dark .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus { + border-color: var(--saasMainColor); +} + +.saas-color.bg-dark .others-option-for-responsive .option-inner .others-option .search-box button:hover { + color: var(--saasMainColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item a { + color: var(--whiteColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item a:hover, .color-white .noke-nav .navbar .navbar-nav .nav-item a:focus, .color-white .noke-nav .navbar .navbar-nav .nav-item a.active { + color: var(--startupMainColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item:hover a, .color-white .noke-nav .navbar .navbar-nav .nav-item.active a { + color: var(--startupMainColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { + color: var(--blackColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { + color: var(--startupMainColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { + color: var(--startupMainColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--startupMainColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--startupMainColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--startupMainColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--startupMainColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { + color: var(--startupMainColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { + color: var(--startupMainColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--startupMainColor); +} + +.color-white .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .color-white .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--startupMainColor); +} + +.color-white .noke-nav .navbar .others-option .option-item .search-icon { + color: var(--whiteColor); +} + +.color-white .noke-nav .navbar .others-option .option-item .search-icon:hover { + color: var(--startupMainColor); +} + +.color-white .noke-nav .navbar .others-option .option-item .social-links li a { + color: var(--whiteColor); +} + +.color-white .noke-nav .navbar .others-option .option-item .social-links li a:hover { + color: var(--startupMainColor); +} + +.color-white .noke-nav .navbar .others-option .search-box .input-search { + color: var(--whiteColor); +} + +.color-white .noke-nav .navbar .others-option .search-box .input-search::-webkit-input-placeholder { + color: var(--whiteColor); +} + +.color-white .noke-nav .navbar .others-option .search-box .input-search:-ms-input-placeholder { + color: var(--whiteColor); +} + +.color-white .noke-nav .navbar .others-option .search-box .input-search::-ms-input-placeholder { + color: var(--whiteColor); +} + +.color-white .noke-nav .navbar .others-option .search-box .input-search::placeholder { + color: var(--whiteColor); +} + +.color-white .noke-nav .navbar .others-option .search-box .input-search:focus::-webkit-input-placeholder { + color: transparent; +} + +.color-white .noke-nav .navbar .others-option .search-box .input-search:focus:-ms-input-placeholder { + color: transparent; +} + +.color-white .noke-nav .navbar .others-option .search-box .input-search:focus::-ms-input-placeholder { + color: transparent; +} + +.color-white .noke-nav .navbar .others-option .search-box .input-search:focus::placeholder { + color: transparent; +} + +.color-white .noke-nav .navbar .others-option .search-box button { + color: var(--whiteColor); +} + +.color-white .noke-nav .navbar .others-option .search-box button:hover { + color: var(--startupMainColor); +} + +.color-white .noke-nav .navbar .others-option .lang-switcher { + color: var(--whiteColor); +} + +.color-white .noke-nav .navbar .others-option .lang-switcher select { + color: var(--whiteColor); +} + +.color-white .noke-nav .navbar .others-option .lang-switcher select option { + color: var(--blackColor); +} + +.color-white .others-option-for-responsive .dot-menu .inner .circle { + background-color: var(--whiteColor); +} + +.color-white .others-option-for-responsive .dot-menu:hover .inner .circle { + background-color: var(--startupMainColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item a { + color: var(--whiteColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item a:hover, .it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item a:focus, .it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item a.active { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item:hover a, .it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item.active a { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { + color: var(--blackColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .noke-nav .navbar .others-option .option-item .search-icon { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .noke-nav .navbar .others-option .option-item .search-icon:hover { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .noke-nav .navbar .others-option .option-item .social-links li a:hover { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .noke-nav .navbar .others-option .search-box button:hover { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .others-option-for-responsive .dot-menu:hover .inner .circle { + background-color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover { + color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus { + border-color: var(--itAgencyMainColor); +} + +.it-agency-color.color-white .others-option-for-responsive .option-inner .others-option .search-box button:hover { + color: var(--itAgencyMainColor); +} + +.consulting-color .noke-nav .navbar .navbar-nav .nav-item a:hover, .consulting-color .noke-nav .navbar .navbar-nav .nav-item a:focus, .consulting-color .noke-nav .navbar .navbar-nav .nav-item a.active { + color: var(--consultingMainColor); +} + +.consulting-color .noke-nav .navbar .navbar-nav .nav-item:hover a, .consulting-color .noke-nav .navbar .navbar-nav .nav-item.active a { + color: var(--consultingMainColor); +} + +.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { + color: var(--blackColor); +} + +.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { + color: var(--consultingMainColor); +} + +.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { + color: var(--consultingMainColor); +} + +.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--consultingMainColor); +} + +.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--consultingMainColor); +} + +.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--consultingMainColor); +} + +.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--consultingMainColor); +} + +.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { + color: var(--consultingMainColor); +} + +.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { + color: var(--consultingMainColor); +} + +.consulting-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--consultingMainColor); +} + +.consulting-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .consulting-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--consultingMainColor); +} + +.consulting-color .noke-nav .navbar .others-option .option-item .search-icon:hover { + color: var(--consultingMainColor); +} + +.consulting-color .noke-nav .navbar .others-option .option-item .social-links span a:hover { + color: var(--consultingMainColor); +} + +.consulting-color .noke-nav .navbar .others-option .search-box .input-search:focus { + border-color: var(--consultingMainColor); +} + +.consulting-color .noke-nav .navbar .others-option .search-box button:hover { + color: var(--consultingMainColor); +} + +.consulting-color .others-option-for-responsive .dot-menu:hover .inner .circle { + background-color: var(--consultingMainColor); +} + +.consulting-color .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover { + color: var(--consultingMainColor); +} + +.consulting-color .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover { + color: var(--consultingMainColor); +} + +.consulting-color .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus { + border-color: var(--consultingMainColor); +} + +.consulting-color .others-option-for-responsive .option-inner .others-option .search-box button:hover { + color: var(--consultingMainColor); +} + +.shop-color .noke-nav .navbar .navbar-nav .nav-item a:hover, .shop-color .noke-nav .navbar .navbar-nav .nav-item a:focus, .shop-color .noke-nav .navbar .navbar-nav .nav-item a.active { + color: var(--shopMainColor); +} + +.shop-color .noke-nav .navbar .navbar-nav .nav-item:hover a, .shop-color .noke-nav .navbar .navbar-nav .nav-item.active a { + color: var(--shopMainColor); +} + +.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { + color: var(--blackColor); +} + +.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { + color: var(--shopMainColor); +} + +.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { + color: var(--shopMainColor); +} + +.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--shopMainColor); +} + +.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--shopMainColor); +} + +.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--shopMainColor); +} + +.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--shopMainColor); +} + +.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { + color: var(--shopMainColor); +} + +.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { + color: var(--shopMainColor); +} + +.shop-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--shopMainColor); +} + +.shop-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .shop-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--shopMainColor); +} + +.shop-color .noke-nav .navbar .others-option .option-item .search-icon:hover { + color: var(--shopMainColor); +} + +.shop-color .noke-nav .navbar .others-option .option-item .social-links span a:hover { + color: var(--shopMainColor); +} + +.shop-color .noke-nav .navbar .others-option .search-box .input-search:focus { + border-color: var(--shopMainColor); +} + +.shop-color .noke-nav .navbar .others-option .search-box button:hover { + color: var(--shopMainColor); +} + +.shop-color .others-option-for-responsive .dot-menu:hover .inner .circle { + background-color: var(--shopMainColor); +} + +.shop-color .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover { + color: var(--shopMainColor); +} + +.shop-color .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover { + color: var(--shopMainColor); +} + +.shop-color .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus { + border-color: var(--shopMainColor); +} + +.shop-color .others-option-for-responsive .option-inner .others-option .search-box button:hover { + color: var(--shopMainColor); +} + +.blog-color .noke-nav .navbar .navbar-nav .nav-item a:hover, .blog-color .noke-nav .navbar .navbar-nav .nav-item a:focus, .blog-color .noke-nav .navbar .navbar-nav .nav-item a.active { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .navbar-nav .nav-item:hover a, .blog-color .noke-nav .navbar .navbar-nav .nav-item.active a { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .blog-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .others-option .option-item .search-icon:hover { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .others-option .option-item .social-links span a:hover { + color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .others-option .search-box .input-search:focus { + border-color: var(--blackColor); +} + +.blog-color .noke-nav .navbar .others-option .search-box button:hover { + color: var(--blackColor); +} + +.blog-color .others-option-for-responsive .dot-menu:hover .inner .circle { + background-color: var(--blackColor); +} + +.blog-color .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover { + color: var(--blackColor); +} + +.blog-color .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover { + color: var(--blackColor); +} + +.blog-color .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus { + border-color: var(--blackColor); +} + +.blog-color .others-option-for-responsive .option-inner .others-option .search-box button:hover { + color: var(--blackColor); +} + +.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item a:hover, .minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item a:focus, .minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item a.active { + color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item:hover a, .minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item.active a { + color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { + color: var(--blackColor); +} + +.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { + color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { + color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { + color: var(--blackColor); +} + +.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { + color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { + color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { + color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { + color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .noke-nav .navbar .others-option .option-item .search-icon:hover { + color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .noke-nav .navbar .others-option .option-item .social-links span a:hover { + color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .noke-nav .navbar .others-option .search-box .input-search:focus { + border-color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .noke-nav .navbar .others-option .search-box button:hover { + color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .others-option-for-responsive .dot-menu:hover .inner .circle { + background-color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover { + color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover { + color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus { + border-color: var(--minimalPortfolioColor); +} + +.minimal-portfolio-color .others-option-for-responsive .option-inner .others-option .search-box button:hover { + color: var(--minimalPortfolioColor); +} + +@media only screen and (max-width: 1199px) { + .header-area.p-absolute .navbar-area.navbar-style-five { + border-bottom: none; + background-color: var(--whiteColor); + } + .navbar-area { + padding-top: 15px; + padding-bottom: 15px; + } + .navbar-area.is-sticky { + padding-top: 15px; + padding-bottom: 15px; + } + .navbar-area.bg-dark { + border-bottom: 1px solid rgba(255, 255, 255, 0.07); + } + .navbar-area.bg-dark .noke-responsive-nav .mean-container a.meanmenu-reveal { + color: var(--whiteColor); + } + .navbar-area.bg-dark .noke-responsive-nav .mean-container a.meanmenu-reveal span { + background: var(--whiteColor); + } + .navbar-area.bg-dark .noke-responsive-nav .others-option .search-box .input-search { + border-bottom: 1px solid #6e6a6a; + color: var(--whiteColor); + } + .navbar-area.bg-dark .noke-responsive-nav .others-option .search-box .input-search::-webkit-input-placeholder { + color: var(--whiteColor); + } + .navbar-area.bg-dark .noke-responsive-nav .others-option .search-box .input-search:-ms-input-placeholder { + color: var(--whiteColor); + } + .navbar-area.bg-dark .noke-responsive-nav .others-option .search-box .input-search::-ms-input-placeholder { + color: var(--whiteColor); + } + .navbar-area.bg-dark .noke-responsive-nav .others-option .search-box .input-search::placeholder { + color: var(--whiteColor); + } + .navbar-area.bg-dark .noke-responsive-nav .others-option .search-box .input-search:focus { + border-color: var(--whiteColor); + } + .navbar-area.bg-dark .noke-responsive-nav .others-option .search-box button { + color: var(--whiteColor); + } + .navbar-area.bg-dark .noke-responsive-nav .others-option .search-box button:hover { + color: var(--whiteColor); + } + .navbar-area.color-white { + border-bottom: 1px solid rgba(255, 255, 255, 0.07); + } + .navbar-area.color-white .noke-responsive-nav .mean-container a.meanmenu-reveal { + color: var(--whiteColor); + } + .navbar-area.color-white .noke-responsive-nav .mean-container a.meanmenu-reveal span { + background: var(--whiteColor); + } + .navbar-area.color-white .noke-responsive-nav .others-option .search-box .input-search { + border-bottom: 1px solid #6e6a6a; + color: var(--whiteColor); + } + .navbar-area.color-white .noke-responsive-nav .others-option .search-box .input-search::-webkit-input-placeholder { + color: var(--whiteColor); + } + .navbar-area.color-white .noke-responsive-nav .others-option .search-box .input-search:-ms-input-placeholder { + color: var(--whiteColor); + } + .navbar-area.color-white .noke-responsive-nav .others-option .search-box .input-search::-ms-input-placeholder { + color: var(--whiteColor); + } + .navbar-area.color-white .noke-responsive-nav .others-option .search-box .input-search::placeholder { + color: var(--whiteColor); + } + .navbar-area.color-white .noke-responsive-nav .others-option .search-box .input-search:focus { + border-color: var(--whiteColor); + } + .navbar-area.color-white .noke-responsive-nav .others-option .search-box button { + color: var(--whiteColor); + } + .navbar-area.color-white .noke-responsive-nav .others-option .search-box button:hover { + color: var(--whiteColor); + } + .navbar-area.navbar-style-five { + border-bottom: 1px solid #eeeeee; + padding-top: 15px; + padding-bottom: 15px; + } + .noke-responsive-nav { + display: block; + } + .noke-responsive-nav .noke-responsive-menu { + position: relative; + } + .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav { + margin-top: 63px; + background-color: var(--whiteColor); + } + .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul { + font-size: 14px; + border: none !important; + } + .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a { + color: var(--blackColor); + border-top-color: #DBEEFD; + text-transform: unset; + font-weight: 500; + } + .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a i { + display: none; + } + .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.mean-expand { + width: 50%; + height: 28px; + text-align: end; + padding: 11px !important; + background: transparent !important; + border-left: none !important; + border-bottom: none !important; + } + .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active { + color: var(--startupMainColor); + } + .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li li a { + font-size: 14px; + } + .noke-responsive-nav .noke-responsive-menu.mean-container .navbar-nav { + height: 301px; + overflow-y: scroll; + -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1); + } + .noke-responsive-nav .mean-container a.meanmenu-reveal { + top: 0; + padding: 0; + width: 35px; + height: 30px; + padding-top: 13px; + color: var(--blackColor); + font-family: var(--fontFamily); + } + .noke-responsive-nav .mean-container a.meanmenu-reveal span { + background: var(--blackColor); + height: 4px; + margin-top: -6px; + border-radius: 3px; + position: relative; + top: 8px; + } + .noke-responsive-nav .mean-container .mean-bar { + background: transparent; + position: absolute; + z-index: 999; + padding: 0; + } + .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item { + width: 90%; + overflow: hidden; + padding: 1em 5% 5px; + } + .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row { + display: block; + -ms-flex-wrap: unset; + flex-wrap: unset; + margin-left: 0; + margin-right: 0; + margin-top: -20px; + } + .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col { + -ms-flex-preferred-size: unset; + flex-basis: unset; + -webkit-box-flex: unset; + -ms-flex-positive: unset; + flex-grow: unset; + max-width: 100%; + padding-left: 0; + padding-right: 0; + padding-top: 20px; + } + .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col:last-child { + margin-bottom: 15px; + } + .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item a { + width: 100%; + float: unset; + display: block; + } + .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item a.p-0 { + border: none !important; + margin-top: 15px; + } + .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title { + position: relative; + padding-bottom: 8px; + color: var(--blackColor); + text-transform: uppercase; + border-bottom: 1px solid #eeeeee; + margin-bottom: 5px; + margin-top: 25px; + margin-left: 0; + margin-right: 0; + font-size: 12.5px; + font-weight: 600; + } + .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + width: 30px; + height: 1px; + content: ''; + position: absolute; + left: 0; + bottom: -1px; + background-color: var(--startupMainColor); + } + .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title:first-child { + margin-top: 0; + } + .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu a { + border-bottom: none !important; + } + .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .mean-expand { + display: none !important; + } + .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu { + width: auto; + overflow: hidden; + display: block !important; + padding-left: 0; + padding-right: 0; + } + .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a { + padding: 0; + border: none; + margin-top: 15px; + font-weight: 500; + color: var(--blackColor); + } + .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--startupMainColor); + } + .noke-responsive-nav .dropdown-toggle::after { + display: none !important; + } + .noke-responsive-nav .others-option { + display: none !important; + position: absolute; + right: 60px; + top: 16px; + } + .noke-responsive-nav .others-option .option-item { + position: relative; + margin-left: 20px; + display: inline-block; + } + .noke-responsive-nav .others-option .option-item:first-child { + margin-left: 0; + } + .noke-responsive-nav .others-option .option-item .search-icon { + line-height: 1; + font-size: 18px; + cursor: pointer; + display: inline-block; + color: var(--blackColor); + -webkit-transition: var(--transition); + transition: var(--transition); + border-right: 1px solid rgba(0, 0, 0, 0.2); + padding-right: 20px; + } + .noke-responsive-nav .others-option .option-item .search-icon:hover { + color: var(--startupMainColor); + } + .noke-responsive-nav .others-option .option-item .social-links { + position: relative; + top: -1px; + } + .noke-responsive-nav .others-option .option-item .social-links span { + display: inline-block; + margin-left: 15px; + line-height: 1; + } + .noke-responsive-nav .others-option .option-item .social-links span a { + font-size: 17px; + display: block; + } + .noke-responsive-nav .others-option .option-item .social-links span a:hover { + color: var(--startupMainColor); + } + .noke-responsive-nav .others-option .option-item .social-links span:first-child { + margin-left: 0; + } + .noke-responsive-nav .others-option .search-box { + position: relative; + width: 250px; + top: -7px; + } + .noke-responsive-nav .others-option .search-box .input-search { + display: block; + width: 100%; + background-color: transparent; + border: none; + border-bottom: 1px solid #eeeeee; + height: auto; + padding-bottom: 8px; + font-size: 14px; + color: var(--blackColor); + -webkit-transition: var(--transition); + transition: var(--transition); + } + .noke-responsive-nav .others-option .search-box .input-search::-webkit-input-placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); + } + .noke-responsive-nav .others-option .search-box .input-search:-ms-input-placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); + } + .noke-responsive-nav .others-option .search-box .input-search::-ms-input-placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); + } + .noke-responsive-nav .others-option .search-box .input-search::placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); + } + .noke-responsive-nav .others-option .search-box .input-search:focus { + border-color: var(--startupMainColor); + } + .noke-responsive-nav .others-option .search-box .input-search:focus::-webkit-input-placeholder { + color: transparent; + } + .noke-responsive-nav .others-option .search-box .input-search:focus:-ms-input-placeholder { + color: transparent; + } + .noke-responsive-nav .others-option .search-box .input-search:focus::-ms-input-placeholder { + color: transparent; + } + .noke-responsive-nav .others-option .search-box .input-search:focus::placeholder { + color: transparent; + } + .noke-responsive-nav .others-option .search-box button { + position: absolute; + right: 0; + top: 0; + background-color: transparent; + border: none; + color: var(--optionalColor); + -webkit-transition: var(--transition); + transition: var(--transition); + } + .noke-responsive-nav .others-option .search-box button:hover { + color: var(--startupMainColor); + } + .noke-responsive-nav .others-option .lang-switcher { + top: -2px; + position: relative; + padding-left: 25px; + position: relative; + margin-left: -10px; + border-left: 1px solid rgba(0, 0, 0, 0.2); + } + .noke-responsive-nav .others-option .lang-switcher label { + display: block; + margin-bottom: 0; + position: absolute; + left: 10px; + top: 0; + } + .noke-responsive-nav .others-option .lang-switcher select { + background-color: transparent; + cursor: pointer; + border: none; + margin-top: -3px; + } + .noke-responsive-nav .others-option .link-btn { + display: inline-block; + font-size: 18px; + line-height: 1; + } + .noke-responsive-nav .others-option .icon-btn { + position: relative; + font-size: 18px; + line-height: 1; + padding-right: 10px; + margin-left: 5px; + } + .noke-responsive-nav .others-option .icon-btn span { + display: inline-block; + position: absolute; + right: 0; + top: -5px; + width: 16px; + height: 16px; + border-radius: 50%; + background-color: red; + text-align: center; + line-height: 17px; + color: var(--whiteColor); + font-weight: 700; + font-size: 9px; + } + .noke-responsive-nav .logo { + position: relative; + width: 60%; + z-index: 999; + } + .noke-nav { + display: none; + } + .others-option-for-responsive { + display: block; + } + .marketing-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active { + color: var(--marketingMainColor); + } + .marketing-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--marketingMainColor); + } + .marketing-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .marketing-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--marketingMainColor); + } + .marketing-color .noke-responsive-nav .others-option .option-item .search-icon:hover { + color: var(--marketingMainColor); + } + .marketing-color .noke-responsive-nav .others-option .option-item .social-links span a:hover { + color: var(--marketingMainColor); + } + .marketing-color .noke-responsive-nav .others-option .search-box .input-search:focus { + border-color: var(--marketingMainColor); + } + .marketing-color .noke-responsive-nav .others-option .search-box button:hover { + color: var(--marketingMainColor); + } + .business-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active { + color: var(--businessMainColor); + } + .business-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--businessMainColor); + } + .business-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .business-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--businessMainColor); + } + .business-color .noke-responsive-nav .others-option .option-item .search-icon:hover { + color: var(--businessMainColor); + } + .business-color .noke-responsive-nav .others-option .option-item .social-links span a:hover { + color: var(--businessMainColor); + } + .business-color .noke-responsive-nav .others-option .search-box .input-search:focus { + border-color: var(--businessMainColor); + } + .business-color .noke-responsive-nav .others-option .search-box button:hover { + color: var(--businessMainColor); + } + .app-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active { + color: var(--appMainColor); + } + .app-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--appMainColor); + } + .app-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .app-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--appMainColor); + } + .app-color .noke-responsive-nav .others-option .option-item .search-icon:hover { + color: var(--appMainColor); + } + .app-color .noke-responsive-nav .others-option .option-item .social-links span a:hover { + color: var(--appMainColor); + } + .app-color .noke-responsive-nav .others-option .search-box .input-search:focus { + border-color: var(--appMainColor); + } + .app-color .noke-responsive-nav .others-option .search-box button:hover { + color: var(--appMainColor); + } + .it-agency-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active { + color: var(--itAgencyMainColor); + } + .it-agency-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--itAgencyMainColor); + } + .it-agency-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .it-agency-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--itAgencyMainColor); + } + .it-agency-color .noke-responsive-nav .others-option .option-item .search-icon:hover { + color: var(--itAgencyMainColor); + } + .it-agency-color .noke-responsive-nav .others-option .option-item .social-links span a:hover { + color: var(--itAgencyMainColor); + } + .it-agency-color .noke-responsive-nav .others-option .search-box .input-search:focus { + border-color: var(--itAgencyMainColor); + } + .it-agency-color .noke-responsive-nav .others-option .search-box button:hover { + color: var(--itAgencyMainColor); + } + .consulting-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active { + color: var(--consultingMainColor); + } + .consulting-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--consultingMainColor); + } + .consulting-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .consulting-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--consultingMainColor); + } + .consulting-color .noke-responsive-nav .others-option .option-item .search-icon:hover { + color: var(--consultingMainColor); + } + .consulting-color .noke-responsive-nav .others-option .option-item .social-links span a:hover { + color: var(--consultingMainColor); + } + .consulting-color .noke-responsive-nav .others-option .search-box .input-search:focus { + border-color: var(--consultingMainColor); + } + .consulting-color .noke-responsive-nav .others-option .search-box button:hover { + color: var(--consultingMainColor); + } + .saas-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active { + color: var(--saasMainColor); + } + .saas-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--saasMainColor); + } + .saas-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .saas-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--saasMainColor); + } + .saas-color .noke-responsive-nav .others-option .option-item .search-icon:hover { + color: var(--saasMainColor); + } + .saas-color .noke-responsive-nav .others-option .option-item .social-links span a:hover { + color: var(--saasMainColor); + } + .saas-color .noke-responsive-nav .others-option .search-box .input-search:focus { + border-color: var(--saasMainColor); + } + .saas-color .noke-responsive-nav .others-option .search-box button:hover { + color: var(--saasMainColor); + } + .shop-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active { + color: var(--shopMainColor); + } + .shop-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--shopMainColor); + } + .shop-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .shop-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--shopMainColor); + } + .shop-color .noke-responsive-nav .others-option .option-item .search-icon:hover { + color: var(--shopMainColor); + } + .shop-color .noke-responsive-nav .others-option .option-item .social-links span a:hover { + color: var(--shopMainColor); + } + .shop-color .noke-responsive-nav .others-option .search-box .input-search:focus { + border-color: var(--shopMainColor); + } + .shop-color .noke-responsive-nav .others-option .search-box button:hover { + color: var(--shopMainColor); + } + .blog-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active { + color: var(--personalPortfolioMainColor); + } + .blog-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--personalPortfolioMainColor); + } + .blog-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .blog-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--personalPortfolioMainColor); + } + .blog-color .noke-responsive-nav .others-option .option-item .search-icon:hover { + color: var(--personalPortfolioMainColor); + } + .blog-color .noke-responsive-nav .others-option .option-item .social-links span a:hover { + color: var(--personalPortfolioMainColor); + } + .blog-color .noke-responsive-nav .others-option .search-box .input-search:focus { + border-color: var(--personalPortfolioMainColor); + } + .blog-color .noke-responsive-nav .others-option .search-box button:hover { + color: var(--personalPortfolioMainColor); + } + .personal-portfolio-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active { + color: var(--personalPortfolioMainColor); + } + .personal-portfolio-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--personalPortfolioMainColor); + } + .personal-portfolio-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .personal-portfolio-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--personalPortfolioMainColor); + } + .personal-portfolio-color .noke-responsive-nav .others-option .option-item .search-icon:hover { + color: var(--personalPortfolioMainColor); + } + .personal-portfolio-color .noke-responsive-nav .others-option .option-item .social-links span a:hover { + color: var(--personalPortfolioMainColor); + } + .personal-portfolio-color .noke-responsive-nav .others-option .search-box .input-search:focus { + border-color: var(--personalPortfolioMainColor); + } + .personal-portfolio-color .noke-responsive-nav .others-option .search-box button:hover { + color: var(--personalPortfolioMainColor); + } + .minimal-portfolio-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active { + color: var(--minimalPortfolioColor); + } + .minimal-portfolio-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { + background-color: var(--minimalPortfolioColor); + } + .minimal-portfolio-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .minimal-portfolio-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { + color: var(--minimalPortfolioColor); + } + .minimal-portfolio-color .noke-responsive-nav .others-option .option-item .search-icon:hover { + color: var(--minimalPortfolioColor); + } + .minimal-portfolio-color .noke-responsive-nav .others-option .option-item .social-links span a:hover { + color: var(--minimalPortfolioColor); + } + .minimal-portfolio-color .noke-responsive-nav .others-option .search-box .input-search:focus { + border-color: var(--minimalPortfolioColor); + } + .minimal-portfolio-color .noke-responsive-nav .others-option .search-box button:hover { + color: var(--minimalPortfolioColor); + } +} + +/*================================================ +Search Overlay CSS +=================================================*/ +.search-overlay { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 99999; + opacity: 0; + visibility: hidden; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + overflow: hidden; +} + +.search-overlay .search-overlay-layer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 1; + -webkit-transform: translateX(100%); + transform: translateX(100%); +} + +.search-overlay .search-overlay-layer:nth-child(1) { + left: 0; + background-color: rgba(0, 0, 0, 0.5); + -webkit-transition: all 0.3s ease-in-out 0s; + transition: all 0.3s ease-in-out 0s; +} + +.search-overlay .search-overlay-layer:nth-child(2) { + left: 0; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.3s ease-in-out 0.3s; + transition: all 0.3s ease-in-out 0.3s; +} + +.search-overlay .search-overlay-layer:nth-child(3) { + left: 0; + background-color: rgba(0, 0, 0, 0.7); + -webkit-transition: all 0.9s ease-in-out 0.6s; + transition: all 0.9s ease-in-out 0.6s; +} + +.search-overlay .search-overlay-close { + position: absolute; + top: 40px; + right: 40px; + width: 50px; + z-index: 2; + text-align: center; + cursor: pointer; + padding: 10px; + -webkit-transition: all 0.9s ease-in-out 1.5s; + transition: all 0.9s ease-in-out 1.5s; + opacity: 0; + visibility: hidden; +} + +.search-overlay .search-overlay-close .search-overlay-close-line { + width: 100%; + height: 3px; + float: left; + margin-bottom: 5px; + background-color: var(--whiteColor); + -webkit-transition: all 500ms ease; + transition: all 500ms ease; +} + +.search-overlay .search-overlay-close .search-overlay-close-line:nth-child(1) { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +.search-overlay .search-overlay-close .search-overlay-close-line:nth-child(2) { + margin-top: -7px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.search-overlay .search-overlay-close:hover .search-overlay-close-line { + background: red; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} + +.search-overlay .search-overlay-form { + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + -webkit-transition: all 0.9s ease-in-out 1.4s; + transition: all 0.9s ease-in-out 1.4s; + visibility: hidden; + position: absolute; + max-width: 600px; + width: 600px; + opacity: 0; + z-index: 2; + left: 50%; + top: 50%; +} + +.search-overlay .search-overlay-form form { + position: relative; +} + +.search-overlay .search-overlay-form form .input-search { + display: block; + width: 100%; + height: 70px; + border: none; + background-color: transparent; + color: var(--whiteColor); + padding: 0; + -webkit-transition: var(--transition); + transition: var(--transition); + border-bottom: 1px solid rgba(255, 255, 255, 0.4); + font-size: 22px; + font-weight: 500; +} + +.search-overlay .search-overlay-form form .input-search::-webkit-input-placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: rgba(255, 255, 255, 0.6); + font-weight: 100; +} + +.search-overlay .search-overlay-form form .input-search:-ms-input-placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: rgba(255, 255, 255, 0.6); + font-weight: 100; +} + +.search-overlay .search-overlay-form form .input-search::-ms-input-placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: rgba(255, 255, 255, 0.6); + font-weight: 100; +} + +.search-overlay .search-overlay-form form .input-search::placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: rgba(255, 255, 255, 0.6); + font-weight: 100; +} + +.search-overlay .search-overlay-form form .input-search:focus { + border-color: var(--whiteColor); +} + +.search-overlay .search-overlay-form form .input-search:focus::-webkit-input-placeholder { + color: transparent; +} + +.search-overlay .search-overlay-form form .input-search:focus:-ms-input-placeholder { + color: transparent; +} + +.search-overlay .search-overlay-form form .input-search:focus::-ms-input-placeholder { + color: transparent; +} + +.search-overlay .search-overlay-form form .input-search:focus::placeholder { + color: transparent; +} + +.search-overlay .search-overlay-form form button { + position: absolute; + right: 0; + top: 13px; + color: var(--whiteColor); + -webkit-transition: var(--transition); + transition: var(--transition); + background-color: transparent; + border: none; + font-size: 25px; + opacity: 0.7; +} + +.search-overlay .search-overlay-form form button:hover { + opacity: 1; +} + +.search-overlay.search-overlay-active.search-overlay { + opacity: 1; + visibility: visible; +} + +.search-overlay.search-overlay-active.search-overlay .search-overlay-layer { + -webkit-transform: translateX(0); + transform: translateX(0); +} + +.search-overlay.search-overlay-active.search-overlay .search-overlay-close { + opacity: 1; + visibility: visible; +} + +.search-overlay.search-overlay-active.search-overlay .search-overlay-form { + opacity: 1; + visibility: visible; +} + +/*================================================ +Startup Banner Area CSS +=================================================*/ +.startup-banner-area .container-fluid { + max-width: 1400px; +} + +.startup-banner-inner { + position: relative; + z-index: 1; + padding-top: 140px; + padding-bottom: 140px; + padding-left: 100px; + padding-right: 100px; +} + +.startup-banner-content { + padding-right: 15px; +} + +.startup-banner-content .sub-title { + display: block; + margin-bottom: 10px; + color: var(--startupMainColor); + font-family: var(--headingFontFamily); + font-weight: 600; + font-size: 14px; +} + +.startup-banner-content h1 { + margin-bottom: 25px; + font-size: 60px; +} + +.startup-banner-content p { + max-width: 580px; +} + +.startup-banner-content .default-btn { + margin-top: 10px; +} + +.startup-banner-image { + text-align: center; + padding-left: 15px; +} + +/*================================================ +Marketing Banner Area CSS +=================================================*/ +.marketing-banner-area { + z-index: 1; + position: relative; + border-top: 1px solid #f0f0f0; + border-bottom: 1px solid #f0f0f0; + padding-top: 80px; + padding-bottom: 80px; +} + +.marketing-banner-content { + padding-right: 25px; +} + +.marketing-banner-content .sub-title { + display: block; + margin-bottom: 10px; + color: var(--marketingMainColor); + font-family: var(--headingFontFamily); + font-weight: 600; + font-size: 14px; +} + +.marketing-banner-content h1 { + margin-bottom: 25px; + font-size: 60px; +} + +.marketing-banner-content p { + max-width: 550px; +} + +.marketing-banner-content .default-btn { + margin-top: 10px; +} + +.marketing-banner-image { + text-align: center; +} + +/*================================================ +Business Banner Area CSS +=================================================*/ +.business-banner-area { + z-index: 1; + position: relative; + padding-top: 100px; + padding-bottom: 100px; +} + +.business-banner-area::before { + -webkit-animation: moveleftbounce 5s linear infinite; + animation: moveleftbounce 5s linear infinite; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + content: ''; + margin-left: 20px; + margin-right: 20px; + background-image: url(../../assets/img/bg2.jpg); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; +} + +.business-banner-area .container { + max-width: 1400px; +} + +.business-banner-content { + padding-right: 25px; + max-width: 745px; +} + +.business-banner-content .sub-title { + display: block; + margin-bottom: 10px; + color: var(--businessMainColor); + font-family: var(--headingFontFamily); + font-weight: 600; + font-size: 14px; +} + +.business-banner-content h1 { + margin-bottom: 25px; + font-size: 60px; +} + +.business-banner-content p { + max-width: 550px; +} + +.business-banner-content .default-btn { + margin-top: 10px; +} + +.business-banner-image { + text-align: center; +} + +.business-banner-image img { + border-radius: 0 0 0 100px; +} + +/*================================================ +App Banner Area CSS +=================================================*/ +.app-banner-area { + z-index: 1; + position: relative; + background: var(--appGradientColor); + background-image: url(../../assets/img/bg3.jpg); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + padding-top: 100px; + padding-bottom: 100px; +} + +.app-banner-area .container { + max-width: 1450px; +} + +.app-banner-content h1 { + margin-bottom: 25px; + font-size: 60px; + color: var(--whiteColor); +} + +.app-banner-content p { + max-width: 550px; + color: var(--whiteColor); +} + +.app-banner-content .btn-box { + margin-top: 35px; +} + +.app-banner-content .btn-box .store-btn { + display: inline-block; + background-color: var(--whiteColor); + position: relative; + color: var(--optionalColor); + padding: 11px 25px 11px 65px; + margin-right: 15px; + border-radius: 5px; + font-size: 13.5px; + font-weight: 600; +} + +.app-banner-content .btn-box .store-btn img { + position: absolute; + left: 15px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + color: var(--blackColor); + font-size: 40px; + font-weight: normal; +} + +.app-banner-content .btn-box .store-btn span { + display: block; + color: var(--blackColor); + margin-top: 2px; + font-size: 18px; + font-weight: 700; +} + +.app-banner-content .btn-box .store-btn:last-child { + margin-right: 0; +} + +.app-banner-image { + text-align: center; + padding-left: 15px; +} + +/*================================================ +Saas Banner Area CSS +=================================================*/ +.saas-banner-area { + background-color: #06080e; + padding-top: 80px; +} + +.saas-banner-area .container-fluid { + padding-right: 30px; + padding-left: 30px; +} + +.saas-banner-content { + margin-left: auto; + max-width: 710px; +} + +.saas-banner-content h1 { + color: var(--whiteColor); + margin-bottom: 25px; + font-size: 64px; +} + +.saas-banner-content p { + opacity: 0.9; + max-width: 535px; + color: var(--whiteColor); +} + +.saas-banner-content .default-btn { + margin-top: 10px; +} + +.saas-banner-image { + text-align: center; +} + +/*================================================ +Personal Portfolio Banner Area CSS +=================================================*/ +.personal-portfolio-banner-area { + border-bottom: 1px solid #f0f0f0; + position: relative; + z-index: 1; + padding-top: 100px; + padding-bottom: 100px; +} + +.personal-portfolio-banner-area .container { + max-width: 1450px; +} + +.personal-portfolio-banner-content .sub-title { + display: block; + position: relative; + padding-left: 65px; + margin-bottom: 12px; + font-size: 20px; + font-weight: 500; +} + +.personal-portfolio-banner-content .sub-title::before { + left: 0; + top: 50%; + width: 50px; + height: 1px; + content: ''; + position: absolute; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--personalPortfolioMainColor); +} + +.personal-portfolio-banner-content h1 { + margin-bottom: 15px; + font-size: 80px; + font-weight: 700; +} + +.personal-portfolio-banner-content h4 { + margin-bottom: 20px; + font-size: 40px; + font-weight: 500; +} + +.personal-portfolio-banner-content p { + max-width: 535px; +} + +.personal-portfolio-banner-content .default-btn { + margin-top: 10px; +} + +.personal-portfolio-banner-image { + text-align: center; +} + +/*================================================ +Consulting Banner Area CSS +=================================================*/ +.consulting-banner-area { + position: relative; + z-index: 1; + background-size: cover; + background-repeat: no-repeat; + background-position: left center; + background-image: url(../../assets/img/consulting-banner-bg.jpg); + padding-top: 300px; + padding-bottom: 180px; +} + +.consulting-banner-area .container { + max-width: 1450px; +} + +.consulting-banner-area::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background-color: var(--whiteColor); + opacity: 0.85; + display: none; +} + +.consulting-banner-content { + max-width: 790px; +} + +.consulting-banner-content h1 { + margin-bottom: 25px; + font-size: 50px; + font-weight: 700; +} + +.consulting-banner-content p { + max-width: 580px; +} + +.consulting-banner-content .default-btn { + margin-top: 15px; +} + +/*================================================ +IT Agency Banner Area CSS +=================================================*/ +.it-agency-banner-area .it-agency-inner-banner { + position: relative; + z-index: 1; + background-image: url(../../assets/img/it-agency-banner-bg.jpg); + background-position: center center; + background-size: cover; + background-repeat: no-repeat; + padding-top: 280px; + padding-bottom: 330px; +} + +.it-agency-banner-area .it-agency-inner-banner::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background-color: #000000; + opacity: 0.8; +} + +.it-agency-banner-content { + max-width: 1000px; + text-align: center; + color: var(--whiteColor); + margin-left: auto; + margin-right: auto; +} + +.it-agency-banner-content h1 { + color: var(--whiteColor); + margin-bottom: 20px; + line-height: 1.3; + font-size: 60px; +} + +.it-agency-banner-content p { + color: var(--whiteColor); + max-width: 600px; + opacity: 0.9; + margin-left: auto; + margin-right: auto; +} + +.it-agency-banner-content .default-btn { + margin-top: 15px; +} + +.banner-video-box { + z-index: 1; + max-width: 1000px; + position: relative; + text-align: center; + border-radius: 10px; + margin-left: auto; + margin-right: auto; + margin-top: -130px; +} + +.banner-video-box img { + border-radius: 10px; +} + +.banner-video-box .video-btn { + top: 50%; + left: 50%; + width: 80px; + height: 80px; + font-size: 30px; + border-radius: 50%; + position: absolute; + display: inline-block; + color: var(--whiteColor); + background-color: rgba(255, 74, 23, 0.75); + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); +} + +.banner-video-box .video-btn i { + position: absolute; + left: 0; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.banner-video-box .video-btn::after, .banner-video-box .video-btn::before { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + z-index: -1; + bottom: 0; + left: 0; + border-radius: 50%; + border: 1.5px solid var(--whiteColor); +} + +.banner-video-box .video-btn::before { + -webkit-animation: ripple 2s linear infinite; + animation: ripple 2s linear infinite; +} + +.banner-video-box .video-btn::after { + -webkit-animation: ripple 2s linear 1s infinite; + animation: ripple 2s linear 1s infinite; +} + +/*================================================ +Shop Banner Area CSS +=================================================*/ +.shop-banner-area { + padding-top: 200px; + padding-bottom: 200px; + background-image: url(../../assets/img/shop-banner-bg.jpg); + background-position: top center; + background-repeat: no-repeat; + background-size: cover; +} + +.shop-banner-content .sub-title { + display: block; + font-size: 30px; + margin-bottom: 8px; +} + +.shop-banner-content h1 { + margin-bottom: 15px; + font-size: 60px; + font-weight: 700; +} + +.shop-banner-content h4 { + margin-bottom: 0; + font-size: 30px; +} + +.shop-banner-content .default-btn { + margin-top: 30px; +} + +/*================================================ +Blog Banner Area CSS +=================================================*/ +.blog-banner-area { + background-image: url(../../assets/img/bg11.jpg); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + padding-top: 100px; + padding-bottom: 100px; +} + +.blog-banner-item { + position: relative; + text-align: center; + overflow: hidden; +} + +.blog-banner-item img { + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.blog-banner-item .content { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + left: 0; + right: 0; + padding: 30px; + background-color: rgba(255, 255, 255, 0.9); + max-width: 525px; + margin-left: auto; + margin-right: auto; +} + +.blog-banner-item .content .tag { + display: inline-block; + margin-bottom: 12px; + font-weight: 500; +} + +.blog-banner-item .content h3 { + font-size: 25px; + line-height: 1.4; + margin-bottom: 12px; +} + +.blog-banner-item .content p { + margin-bottom: 20px; +} + +.blog-banner-item .content .meta { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.blog-banner-item .content .meta li a { + display: inline-block; + font-weight: 600; + position: relative; + padding-right: 12px; +} + +.blog-banner-item .content .meta li a i { + position: absolute; + right: 0; + top: 7px; + font-size: 12px; +} + +.blog-banner-item .content .meta li a::before { + content: ''; + position: absolute; + right: 0; + bottom: 0; + width: 0%; + height: 1px; + background-color: var(--blackColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.blog-banner-item .content .meta li a:hover { + padding-right: 15px; + color: var(--blackColor); +} + +.blog-banner-item .content .meta li a:hover::before { + width: 100%; + right: auto; + left: 0; +} + +.blog-banner-item .content .meta li.date { + padding-left: 20px; + position: relative; +} + +.blog-banner-item .content .meta li.date i { + position: absolute; + left: 0; + top: 3px; +} + +.blog-banner-item:hover img { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} + +.blog-banner-item-list { + margin-bottom: -30px; +} + +.blog-banner-item-list .single-blog-banner-item { + margin-bottom: 30px; +} + +.blog-banner-item-list .single-blog-banner-item .row { + margin-left: 0; + margin-right: 0; +} + +.blog-banner-item-list .single-blog-banner-item .row .col-lg-4, .blog-banner-item-list .single-blog-banner-item .row .col-lg-8 { + padding-left: 0; + padding-right: 0; +} + +.blog-banner-item-list .single-blog-banner-item .image { + height: 100%; + position: relative; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; +} + +.blog-banner-item-list .single-blog-banner-item .image.bg1 { + background-image: url(../../assets/img/blog-banner/blog-banner-list1.jpg); +} + +.blog-banner-item-list .single-blog-banner-item .image.bg2 { + background-image: url(../../assets/img/blog-banner/blog-banner-list2.jpg); +} + +.blog-banner-item-list .single-blog-banner-item .image.bg3 { + background-image: url(../../assets/img/blog-banner/blog-banner-list3.jpg); +} + +.blog-banner-item-list .single-blog-banner-item .image.bg4 { + background-image: url(../../assets/img/blog-banner/blog-banner-list4.jpg); +} + +.blog-banner-item-list .single-blog-banner-item .image img { + display: none; +} + +.blog-banner-item-list .single-blog-banner-item .image .link-btn { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + display: block; + z-index: 1; +} + +.blog-banner-item-list .single-blog-banner-item .content { + padding-left: 25px; + padding-top: 9.1px; + padding-bottom: 9.1px; +} + +.blog-banner-item-list .single-blog-banner-item .content h3 { + margin-bottom: 15px; + color: var(--whiteColor); + line-height: 1.4; + font-size: 18px; +} + +.blog-banner-item-list .single-blog-banner-item .content h3 a { + color: var(--whiteColor); +} + +.blog-banner-item-list .single-blog-banner-item .content .date { + color: var(--whiteColor); + padding-left: 20px; + position: relative; + opacity: 0.9; +} + +.blog-banner-item-list .single-blog-banner-item .content .date i { + position: absolute; + left: 0; + top: 3px; +} + +/*================================================ +Furniture Banner Area CSS +=================================================*/ +.furniture-banner-item { + padding-top: 200px; + padding-bottom: 200px; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; +} + +.furniture-banner-item.bg-item1 { + background-image: url(../../assets/img/furniture-banner-bg1.jpg); +} + +.furniture-banner-item.bg-item2 { + background-image: url(../../assets/img/furniture-banner-bg2.jpg); +} + +.furniture-banner-item.bg-item3 { + background-image: url(../../assets/img/furniture-banner-bg3.jpg); +} + +.furniture-banner-content { + padding: 40px; + max-width: 560px; + background-color: var(--whiteColor); + border-left: 5px solid var(--blackColor); +} + +.furniture-banner-content h1 { + margin-bottom: 15px; + font-size: 45px; +} + +.furniture-banner-content .default-btn { + margin-top: 10px; +} + +.furniture-banner-slides.owl-theme .owl-nav.disabled + .owl-dots { + margin-top: 0; +} + +.furniture-banner-slides.owl-theme .owl-dots { + position: absolute; + right: 15px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.furniture-banner-slides.owl-theme .owl-dots .owl-dot { + display: block; + margin-top: 10px; + margin-bottom: 10px; +} + +.furniture-banner-slides.owl-theme .owl-dots .owl-dot span { + margin: 0; + border-radius: 0; + width: 50px; + height: 6px; + background-color: var(--whiteColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.furniture-banner-slides.owl-theme .owl-dots .owl-dot:hover span, .furniture-banner-slides.owl-theme .owl-dots .owl-dot.active span { + background-color: var(--blackColor); +} + +/*================================================ +Minimal Portfolio Banner Area CSS +=================================================*/ +.minimal-portfolio-banner-area { + position: relative; + z-index: 1; + padding-top: 250px; + padding-bottom: 220px; +} + +.minimal-portfolio-banner-content { + text-align: center; + max-width: 770px; + margin-left: auto; + margin-right: auto; +} + +.minimal-portfolio-banner-content .typewrite { + margin-bottom: 30px; + display: inline-block; + color: var(--blackColor); + padding: 8px 20px; + line-height: 1; + letter-spacing: 2px; + background-color: #ebebeb; + font-size: 20px; + font-weight: 300; +} + +.minimal-portfolio-banner-content h1 { + font-size: 60px; + margin-bottom: 40px; + text-shadow: -1px 1px 0 var(--minimalPortfolioColor), 1px 1px 0 var(--startupMainColor), 1px -1px 0 var(--consultingMainColor), -1px -1px 0 var(--itAgencyMainColor); +} + +.scroll-container { + left: 50%; + bottom: 0; + width: 30px; + height: 60px; + position: absolute; + border-radius: 15px; + border: 3px solid #eeeeee; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} + +.scroller { + width: 16px; + border-radius: 8px; + background-color: var(--minimalPortfolioColor); + position: absolute; + top: 4px; + left: 4px; + bottom: 34px; + -webkit-animation: scroller 1500ms ease-out infinite; + animation: scroller 1500ms ease-out infinite; +} + +/*================================================ +Features Area CSS +=================================================*/ +.features-area { + position: relative; + z-index: 1; +} + +.features-area.ptb-70 { + padding-bottom: 40px; +} + +.single-features-box { + text-align: center; + margin-bottom: 30px; + -webkit-transition: var(--transition); + transition: var(--transition); + position: relative; + padding-left: 15px; + padding-right: 15px; +} + +.single-features-box .icon { + line-height: 1; + display: block; + font-size: 50px; + margin-bottom: 22px; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-features-box h3 { + font-size: 20px; + margin-bottom: 12px; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-features-box p { + margin-bottom: 0; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-features-box .link-btn { + display: inline-block; + font-weight: 700; + padding-right: 12px; + position: absolute; + left: 50%; + bottom: 0; + opacity: 0; + visibility: hidden; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} + +.single-features-box .link-btn i { + position: absolute; + right: 0; + top: 7px; + font-size: 12px; +} + +.single-features-box .link-btn::before { + content: ''; + position: absolute; + right: 0; + bottom: 0; + width: 0%; + height: 2px; + background-color: #eeeeee; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-features-box .link-btn:hover { + color: var(--startupMainColor); + padding-right: 15px; +} + +.single-features-box .link-btn:hover::before { + width: 100%; + right: auto; + left: 0; +} + +.single-features-box:hover .icon { + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + color: var(--startupMainColor); +} + +.single-features-box:hover h3 { + -webkit-transform: translateY(-20px); + transform: translateY(-20px); +} + +.single-features-box:hover p { + -webkit-transform: translateY(-20px); + transform: translateY(-20px); +} + +.single-features-box:hover .link-btn { + opacity: 1; + bottom: -15px; + visibility: visible; +} + +.features-box { + text-align: center; + margin-bottom: 30px; + background-color: var(--whiteColor); + -webkit-box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); + box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); + padding: 35px 25px; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.features-box .icon { + display: block; + width: 100px; + height: 100px; + position: relative; + font-size: 55px; + line-height: 100px; + z-index: 1; + color: var(--appMainColor); + border-radius: 10px; + -webkit-transition: var(--transition); + transition: var(--transition); + margin-left: auto; + margin-right: auto; + margin-bottom: 25px; +} + +.features-box .icon::after { + content: ''; + position: absolute; + -webkit-transition: var(--transition); + transition: var(--transition); + left: 0; + right: 0; + top: 0; + bottom: 0; + border-radius: 10px; + z-index: -1; + background-color: var(--appMainColor); + opacity: .10; +} + +.features-box .icon.bg-7669ff { + color: #7669ff; +} + +.features-box .icon.bg-7669ff::after { + background-color: #7669ff; +} + +.features-box .icon.bg-ff9f07 { + color: #ff9f07; +} + +.features-box .icon.bg-ff9f07::after { + background-color: #ff9f07; +} + +.features-box .icon.bg-89c111 { + color: #89c111; +} + +.features-box .icon.bg-89c111::after { + background-color: #89c111; +} + +.features-box .icon.bg-2ea7ff { + color: #2ea7ff; +} + +.features-box .icon.bg-2ea7ff::after { + background-color: #2ea7ff; +} + +.features-box .icon.bg-ca83ff { + color: #ca83ff; +} + +.features-box .icon.bg-ca83ff::after { + background-color: #ca83ff; +} + +.features-box .icon.bg-ff5f5f { + color: #ff5f5f; +} + +.features-box .icon.bg-ff5f5f::after { + background-color: #ff5f5f; +} + +.features-box h3 { + margin-bottom: 12px; + font-size: 20px; +} + +.features-box:hover { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); +} + +.features-box:hover .icon { + color: var(--whiteColor); +} + +.features-box:hover .icon::after { + opacity: 1; +} + +.features-box.without-box-shadow { + -webkit-box-shadow: unset; + box-shadow: unset; +} + +.single-features-item { + margin-bottom: 30px; + position: relative; + padding-left: 70px; +} + +.single-features-item .icon { + position: absolute; + left: 0; + line-height: 1; + top: 0; + font-size: 45px; + color: var(--consultingMainColor); +} + +.single-features-item h3 { + margin-bottom: 0; + font-size: 20px; +} + +.single-features-item.color-white h3 { + color: var(--whiteColor); +} + +.single-features-item.startup-color .icon { + color: var(--startupMainColor); +} + +.features-item { + margin-bottom: 30px; + -webkit-transition: var(--transition); + transition: var(--transition); + border-radius: 10px; + position: relative; + padding: 30px; + z-index: 1; +} + +.features-item .icon { + display: block; + line-height: 1; + -webkit-transition: var(--transition); + transition: var(--transition); + font-size: 35px; + color: var(--itAgencyMainColor); + margin-right: 15px; +} + +.features-item h3 { + -webkit-transition: var(--transition); + transition: var(--transition); + position: relative; + font-size: 20px; + margin-bottom: 0; +} + +.features-item p { + -webkit-transition: var(--transition); + transition: var(--transition); + margin-top: 15px; +} + +.features-item::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + border-radius: 10px; + background-color: var(--itAgencyMainColor); + z-index: -1; + -webkit-transition: var(--transition); + transition: var(--transition); + opacity: 0.07; +} + +.features-item::after { + content: ''; + position: absolute; + left: 0; + top: 0; + -webkit-transition: .3s; + transition: .3s; + border-radius: 10px; + height: 0; + width: 100%; + z-index: -1; + background: var(--itAgencyGradientColor); +} + +.features-item.bg-6d5fff .icon { + color: #6d5fff; +} + +.features-item.bg-6d5fff::before { + background-color: #6d5fff; +} + +.features-item.bg-ff9f07 .icon { + color: #ff9f07; +} + +.features-item.bg-ff9f07::before { + background-color: #ff9f07; +} + +.features-item.bg-2ea7ff .icon { + color: #2ea7ff; +} + +.features-item.bg-2ea7ff::before { + background-color: #2ea7ff; +} + +.features-item:hover::before { + opacity: 0; + visibility: hidden; +} + +.features-item:hover::after { + height: 100%; +} + +.features-item:hover p { + color: var(--whiteColor); +} + +.features-item:hover h3 { + color: var(--whiteColor); +} + +.features-item:hover h3 a { + color: var(--whiteColor); +} + +.features-item:hover .icon { + color: var(--whiteColor); +} + +/*================================================ +About Area CSS +=================================================*/ +.about-area.with-border { + border-bottom: 1px solid #f0f0f0; +} + +.startup-about-area .container-fluid { + max-width: 1400px; +} + +.startup-about-image { + z-index: 1; + margin-right: 15px; + text-align: center; + position: relative; + background-color: #f9f4f0; + padding-top: 80px; + padding-left: 80px; + padding-bottom: 80px; +} + +.startup-about-image .video-btn { + position: absolute; + left: 57%; + display: inline-block; + top: 50%; + -webkit-transform: translateY(-50%) translateX(-57%); + transform: translateY(-50%) translateX(-57%); + width: 80px; + height: 80px; + background-color: rgba(0, 0, 0, 0.75); + border-radius: 50%; + color: var(--whiteColor); + font-size: 30px; +} + +.startup-about-image .video-btn i { + position: absolute; + left: 0; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.startup-about-image .video-btn::after, .startup-about-image .video-btn::before { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + z-index: -1; + bottom: 0; + left: 0; + border-radius: 50%; + border: 2px solid var(--whiteColor); +} + +.startup-about-image .video-btn::before { + -webkit-animation: ripple 2s linear infinite; + animation: ripple 2s linear infinite; +} + +.startup-about-image .video-btn::after { + -webkit-animation: ripple 2s linear 1s infinite; + animation: ripple 2s linear 1s infinite; +} + +.startup-about-content { + padding-left: 15px; + max-width: 600px; +} + +.startup-about-content .sub-title { + display: block; + margin-bottom: 12px; + color: var(--startupMainColor); + font-family: var(--headingFontFamily); + font-weight: 600; + font-size: 14px; +} + +.startup-about-content h2 { + margin-bottom: 15px; + font-size: 40px; +} + +.startup-about-content p strong { + color: var(--blackColor); +} + +.startup-about-content .features-list { + padding-left: 0; + margin-left: 16px; + margin-bottom: 0; +} + +.startup-about-content .features-list li { + margin-bottom: 12px; + color: var(--optionalColor); + font-weight: 500; +} + +.startup-about-content .features-list li:last-child { + margin-bottom: 0; +} + +.startup-about-content .default-btn { + margin-top: 5px; +} + +.marketing-about-area { + border-bottom: 1px solid #f0f0f0; +} + +.marketing-about-image { + margin-right: 15px; + text-align: center; +} + +.marketing-about-content { + padding-left: 15px; +} + +.marketing-about-content .sub-title { + display: block; + margin-bottom: 12px; + color: var(--marketingMainColor); + font-family: var(--headingFontFamily); + font-weight: 600; + font-size: 14px; +} + +.marketing-about-content h2 { + margin-bottom: 15px; + font-size: 40px; +} + +.marketing-about-content .default-btn { + margin-top: 10px; +} + +.marketing-about-content .features-list { + padding-left: 0; + margin-left: 16px; + margin-bottom: 0; +} + +.marketing-about-content .features-list li { + margin-bottom: 12px; + color: var(--optionalColor); + font-weight: 500; +} + +.marketing-about-content .features-list li:last-child { + margin-bottom: 0; +} + +.business-about-content { + padding-left: 15px; +} + +.business-about-content .sub-title { + display: block; + margin-bottom: 12px; + color: var(--businessMainColor); + font-family: var(--headingFontFamily); + font-weight: 600; + font-size: 14px; +} + +.business-about-content h2 { + margin-bottom: 15px; + font-size: 40px; +} + +.business-about-content .default-btn { + margin-top: 10px; +} + +.business-about-image { + z-index: 1; + text-align: center; + padding-right: 15px; + position: relative; +} + +.app-about-content { + padding-right: 15px; +} + +.app-about-content h3 { + margin-bottom: 16px; + font-size: 24px; +} + +.app-about-content .features-list { + padding-left: 0; + margin-bottom: 15px; + list-style-type: none; +} + +.app-about-content .features-list li { + margin-bottom: 12px; + position: relative; + color: var(--optionalColor); + font-weight: 500; + padding-left: 24px; +} + +.app-about-content .features-list li i { + position: absolute; + left: 0; + top: 4px; + color: var(--appMainColor); +} + +.app-about-content .features-list li:last-child { + margin-bottom: 0; +} + +.app-about-content .default-btn { + margin-top: 10px; +} + +.app-about-image { + padding-left: 15px; + text-align: center; +} + +.saas-about-content { + padding-left: 15px; +} + +.saas-about-content .sub-title { + display: block; + margin-bottom: 12px; + color: var(--saasMainColor); + font-family: var(--headingFontFamily); + font-weight: 600; + font-size: 14px; +} + +.saas-about-content h2 { + margin-bottom: 15px; + font-size: 40px; +} + +.saas-about-content .features-list { + padding-left: 0; + margin-bottom: 15px; + list-style-type: none; +} + +.saas-about-content .features-list li { + margin-bottom: 12px; + position: relative; + color: var(--optionalColor); + font-weight: 500; + padding-left: 24px; +} + +.saas-about-content .features-list li i { + position: absolute; + left: 0; + top: 4px; + color: var(--saasMainColor); +} + +.saas-about-content .features-list li:last-child { + margin-bottom: 0; +} + +.saas-about-content .default-btn { + margin-top: 10px; +} + +.saas-about-content.white-color { + color: var(--whiteColor); +} + +.saas-about-content.white-color h2 { + color: var(--whiteColor); +} + +.saas-about-content.white-color p { + color: var(--whiteColor); + opacity: 0.9; +} + +.saas-about-content.white-color .features-list li { + color: var(--whiteColor); + opacity: 0.9; +} + +.saas-about-content.white-color .features-list li i { + color: var(--whiteColor); +} + +.saas-about-image { + padding-right: 15px; + text-align: center; +} + +.it-agency-about-content { + padding-left: 15px; +} + +.it-agency-about-content .sub-title { + display: block; + margin-bottom: 12px; + color: var(--itAgencyMainColor); + font-family: var(--headingFontFamily); + font-weight: 600; + font-size: 14px; +} + +.it-agency-about-content h2 { + margin-bottom: 15px; + font-size: 40px; +} + +.it-agency-about-content .default-btn { + margin-top: 10px; +} + +.it-agency-about-content .features-list { + padding-left: 0; + margin-left: 16px; + margin-bottom: 15px; +} + +.it-agency-about-content .features-list li { + margin-bottom: 12px; + color: var(--optionalColor); + font-weight: 500; +} + +.it-agency-about-content .features-list li:last-child { + margin-bottom: 0; +} + +.it-agency-about-image { + text-align: start; + position: relative; + margin-right: 20px; + padding-right: 20px; + padding-bottom: 20px; +} + +.it-agency-about-image .main-image { + position: relative; + padding-bottom: 150px; +} + +.it-agency-about-image .main-image img { + border-radius: 10px; +} + +.it-agency-about-image .main-image img:nth-child(2) { + position: absolute; + right: 0; + bottom: 0; + z-index: 1; +} + +/*================================================ +Services Area CSS +=================================================*/ +.services-area.with-black-border { + border-top: 1px solid #12141a; + border-bottom: 1px solid #12141a; +} + +.single-services-box { + margin-bottom: 30px; + position: relative; + overflow: hidden; +} + +.single-services-box img { + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-services-box .content { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 30px; + z-index: 2; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-services-box .content .icon { + line-height: 1; + display: block; + font-size: 50px; + margin-bottom: 20px; + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--startupMainColor); +} + +.single-services-box .content h3 { + font-size: 20px; + margin-bottom: 10px; + color: var(--whiteColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-services-box .content h3 a { + color: var(--whiteColor); +} + +.single-services-box .content h3 a:hover { + color: var(--startupMainColor); +} + +.single-services-box .content p { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--whiteColor); + margin-bottom: 0; + opacity: 0.9; +} + +.single-services-box .content .link-btn { + font-weight: 700; + padding-right: 12px; + position: absolute; + left: 30px; + display: inline-block; + bottom: 0; + color: var(--whiteColor); + opacity: 0; + visibility: hidden; +} + +.single-services-box .content .link-btn i { + position: absolute; + right: 0; + top: 7px; + font-size: 12px; +} + +.single-services-box .content .link-btn::before { + content: ''; + position: absolute; + right: 0; + bottom: 0; + width: 0%; + height: 2px; + background-color: #eeeeee; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-services-box .content .link-btn:hover { + padding-right: 15px; +} + +.single-services-box .content .link-btn:hover::before { + width: 100%; + right: auto; + left: 0; +} + +.single-services-box::before { + position: absolute; + height: 100%; + content: ""; + width: 100%; + z-index: 1; + left: 0; + top: 0; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(35, 35, 37, 0.9)), color-stop(35%, rgba(35, 35, 37, 0.7)), color-stop(60%, rgba(22, 22, 23, 0)), to(rgba(0, 0, 0, 0))); + background: linear-gradient(to top, rgba(35, 35, 37, 0.9) 0, rgba(35, 35, 37, 0.7) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%); +} + +.single-services-box:hover img { + -webkit-transform: scale(1.05); + transform: scale(1.05); +} + +.single-services-box:hover .content .icon { + -webkit-transform: translateY(-30px); + transform: translateY(-30px); +} + +.single-services-box:hover .content p { + -webkit-transform: translateY(-30px); + transform: translateY(-30px); +} + +.single-services-box:hover .content h3 { + -webkit-transform: translateY(-30px); + transform: translateY(-30px); +} + +.single-services-box:hover .content .link-btn { + opacity: 1; + bottom: 25px; + visibility: visible; +} + +.single-services-item { + margin-bottom: 30px; +} + +.single-services-item .content { + padding-top: 25px; + padding-left: 20px; + padding-right: 20px; +} + +.single-services-item .content h3 { + font-size: 20px; + margin-bottom: 10px; +} + +.services-tabs .nav { + padding-left: 0; + margin-bottom: 60px; + border: none; + list-style-type: none; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.services-tabs .nav .nav-item { + margin-left: 42px; + margin-right: 42px; +} + +.services-tabs .nav .nav-item .nav-link { + display: inline-block; + padding: 0; + border: none; + margin: 0; + font-size: 19px; + font-weight: 700; +} + +.services-tabs .nav .nav-item .nav-link .icon { + display: block; + width: 80px; + height: 80px; + position: relative; + z-index: 1; + line-height: 75px; + color: var(--businessMainColor); + font-weight: normal; + -webkit-transition: var(--transition); + transition: var(--transition); + font-size: 35px; + border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; + padding-right: 10px; + margin-left: auto; + margin-right: auto; + margin-bottom: 15px; +} + +.services-tabs .nav .nav-item .nav-link .icon::after { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; + z-index: -1; + bottom: 0; + background: var(--businessGradientColor); + -webkit-transition: var(--transition); + transition: var(--transition); + opacity: 0.10; +} + +.services-tabs .nav .nav-item .nav-link:hover, .services-tabs .nav .nav-item .nav-link.active { + color: var(--businessMainColor); +} + +.services-tabs .nav .nav-item .nav-link:hover .icon, .services-tabs .nav .nav-item .nav-link.active .icon { + color: var(--whiteColor); +} + +.services-tabs .nav .nav-item .nav-link:hover .icon::after, .services-tabs .nav .nav-item .nav-link.active .icon::after { + opacity: 1; +} + +.services-tabs .nav .nav-item:last-child { + margin-right: 0; +} + +.services-tabs .nav .nav-item:first-child { + margin-left: 0; +} + +.single-main-services { + margin-bottom: 30px; +} + +.single-main-services .content { + padding-right: 50px; +} + +.single-main-services .content h3 { + font-size: 40px; + margin-bottom: 15px; + line-height: 1.4; +} + +.single-main-services .content p { + max-width: 540px; +} + +.single-main-services .content .default-btn { + margin-top: 10px; +} + +.single-main-services .image { + text-align: center; +} + +.services-box { + text-align: center; + margin-bottom: 30px; + border: 1px solid #eeeeee; + background-color: var(--whiteColor); + padding: 35px 30px; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.services-box .icon { + font-size: 60px; + line-height: 1; + background: var(--saasGradientColor); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + margin-bottom: 22px; + display: block; +} + +.services-box h3 { + margin-bottom: 12px; + font-size: 20px; +} + +.services-box h3 a:hover { + color: var(--saasMainColor); +} + +.services-box.color-white { + border-color: #272836; + background-color: #040611; +} + +.services-box.color-white h3 { + color: var(--whiteColor); +} + +.services-box.color-white h3 a { + color: var(--whiteColor); +} + +.services-box.color-white p { + opacity: 0.9; + color: var(--whiteColor); +} + +.services-box:hover { + border-color: var(--saasMainColor) !important; +} + +.services-box.startup-color .icon { + background: var(--startupMainColor); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} + +.services-box.startup-color:hover { + border-color: var(--startupMainColor) !important; +} + +.services-item { + margin-bottom: 30px; + text-align: center; + position: relative; + overflow: hidden; +} + +.services-item img { + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.services-item::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + opacity: 0; + visibility: hidden; + z-index: 1; + -webkit-transition: var(--transition); + transition: var(--transition); + background-color: var(--consultingMainColor); +} + +.services-item h3 { + font-size: 20px; + -webkit-transition: var(--transition); + transition: var(--transition); + margin-top: 25px; + margin-bottom: 0; +} + +.services-item .hover-content { + left: 0; + right: 0; + top: 50%; + padding: 30px; + position: absolute; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 2; + opacity: 0; + visibility: hidden; + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--whiteColor); +} + +.services-item .hover-content h3 { + opacity: 1 !important; + visibility: visible !important; + color: var(--whiteColor); + margin-top: 0; + margin-bottom: 12px; +} + +.services-item .hover-content h3 a { + color: var(--whiteColor); +} + +.services-item .hover-content p { + color: var(--whiteColor); +} + +.services-item .hover-content .link-btn { + font-weight: 700; + position: relative; + display: inline-block; + padding-right: 12px; + color: var(--whiteColor); +} + +.services-item .hover-content .link-btn i { + position: absolute; + right: 0; + top: 7px; + font-size: 12px; +} + +.services-item .hover-content .link-btn::before { + content: ''; + position: absolute; + right: 0; + bottom: 0; + width: 0%; + height: 1px; + background-color: var(--whiteColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.services-item .hover-content .link-btn:hover { + padding-right: 15px; +} + +.services-item .hover-content .link-btn:hover::before { + width: 100%; + right: auto; + left: 0; +} + +.services-item:hover img { + -webkit-transform: scale(1.7); + transform: scale(1.7); +} + +.services-item:hover h3 { + opacity: 0; + visibility: hidden; +} + +.services-item:hover .hover-content { + opacity: 1; + visibility: visible; +} + +.services-item:hover::before { + opacity: .90; + visibility: visible; +} + +.services-item.startup-color::before { + background-color: var(--startupMainColor); +} + +.col-lg-3:nth-child(2) .services-box, .col-lg-3:nth-child(4) .services-box { + margin-top: 30px; +} + +.col-lg-3:nth-child(5) .services-box, .col-lg-3:nth-child(7) .services-box { + margin-top: -30px; +} + +.single-it-services-box { + margin-bottom: 30px; + border-radius: 10px; + position: relative; + padding: 30px 30px 30px 100px; + z-index: 1; +} + +.single-it-services-box .icon { + position: absolute; + left: 30px; + top: 30px; + line-height: 1; + font-size: 45px; + color: var(--itAgencyMainColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-it-services-box h3 { + -webkit-transition: var(--transition); + transition: var(--transition); + margin-bottom: 12px; + font-size: 20px; +} + +.single-it-services-box h3 a { + display: inline-block; +} + +.single-it-services-box h3 a:hover { + color: var(--itAgencyGradientColor); +} + +.single-it-services-box p { + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-it-services-box::before { + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + content: ''; + opacity: .06; + position: absolute; + border-radius: 10px; + -webkit-transition: var(--transition); + transition: var(--transition); + background-color: var(--itAgencyMainColor); +} + +.single-it-services-box.bg-6d5fff .icon { + color: #6d5fff; +} + +.single-it-services-box.bg-6d5fff::before { + background-color: #6d5fff; +} + +.single-it-services-box.bg-ff9f07 .icon { + color: #ff9f07; +} + +.single-it-services-box.bg-ff9f07::before { + background-color: #ff9f07; +} + +.single-it-services-box.bg-89c111 .icon { + color: #89c111; +} + +.single-it-services-box.bg-89c111::before { + background-color: #89c111; +} + +.single-it-services-box.bg-ca83ff .icon { + color: #ca83ff; +} + +.single-it-services-box.bg-ca83ff::before { + background-color: #ca83ff; +} + +.single-it-services-box.bg-ff5f5f .icon { + color: #ff5f5f; +} + +.single-it-services-box.bg-ff5f5f::before { + background-color: #ff5f5f; +} + +.single-it-services-box.bg-2ea7ff .icon { + color: #2ea7ff; +} + +.single-it-services-box.bg-2ea7ff::before { + background-color: #2ea7ff; +} + +.single-it-services-box:hover .icon { + color: var(--whiteColor) !important; +} + +.single-it-services-box:hover h3 { + color: var(--whiteColor) !important; +} + +.single-it-services-box:hover h3 a { + color: var(--whiteColor) !important; +} + +.single-it-services-box:hover p { + color: var(--whiteColor); +} + +.single-it-services-box:hover::before { + opacity: 1; + visibility: visible; +} + +/*================================================ +Services Details Area CSS +=================================================*/ +.services-details-desc h3 { + font-size: 24px; + margin-bottom: 15px; + margin-top: 30px; +} + +.services-details-desc h3:first-child { + margin-top: 0; +} + +.services-details-desc ul li { + margin-bottom: 12px; + color: var(--optionalColor); + font-weight: 500; +} + +.services-details-desc ul li:last-child { + margin-bottom: 0; +} + +.services-details-desc p strong { + color: var(--blackColor); +} + +.services-details-desc p a { + color: var(--startupMainColor); +} + +.services-details-desc p a:hover { + text-decoration: underline; +} + +.services-details-desc img { + margin-top: 20px; + margin-bottom: 20px; +} + +.services-details-content h2 { + font-size: 40px; + line-height: 1.4; + margin-bottom: 15px; +} + +.services-details-video { + margin-left: 30px; + text-align: center; + background-color: #f5f5f5; +} + +.services-details-video iframe { + width: 100%; + border: none; + height: 336px; + display: block; +} + +.services-details-video .default-btn { + margin-top: 20px; + margin-left: 30px; + margin-right: 30px; + margin-bottom: 20px; +} + +.services-details-overview .overview-content h2 { + font-size: 40px; + line-height: 1.4; + margin-bottom: 15px; +} + +/*================================================ +Works Area CSS +=================================================*/ +.startup-works-area .section-title { + max-width: 100%; + text-align: start; + padding-top: 100px; + margin-left: 0; + margin-right: 0; + margin-bottom: -220px; +} + +.startup-works-area .section-title h2 { + font-size: 35px; +} + +.startup-works-content { + padding-top: 245px; + padding-right: 15px; +} + +.startup-works-content h3 { + font-size: 20px; + margin-bottom: 15px; +} + +.startup-works-content h3 a { + display: inline-block; +} + +.startup-works-content h3 a:hover { + color: var(--startupMainColor); +} + +.startup-works-content .custom-owl-nav { + margin-top: 25px; +} + +.startup-works-content .custom-owl-nav [class*=owl-] { + margin: 0 5px; + background-color: var(--startupMainColor); + color: var(--whiteColor); + padding: 8px 25px 7px !important; + border-radius: 0; + -webkit-transition: var(--transition); + transition: var(--transition); + border: none; + cursor: pointer; + font-size: var(--fontSize); +} + +.startup-works-content .custom-owl-nav [class*=owl-] i { + line-height: 1; +} + +.startup-works-content .custom-owl-nav [class*=owl-].owl-prev { + margin-left: 0; +} + +.startup-works-content .custom-owl-nav [class*=owl-].owl-next { + margin-right: 0; +} + +.startup-works-content .custom-owl-nav [class*=owl-]:hover { + background-color: var(--blackColor); + color: var(--whiteColor); +} + +.startup-works-image { + z-index: 1; + margin-left: 15px; + text-align: center; + position: relative; + background-color: #f9f4f0; + padding-top: 80px; + padding-right: 80px; + padding-bottom: 80px; +} + +.startup-works-image .link-btn { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 1; + display: block; +} + +.single-works-box { + overflow: hidden; + position: relative; + margin-bottom: 30px; +} + +.single-works-box .works-image { + position: relative; +} + +.single-works-box .works-image img { + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-works-box .works-image .works-overlay { + position: absolute; + overflow: hidden; + top: 10px; + left: 10px; + right: 10px; + bottom: 10px; +} + +.single-works-box .works-image .works-overlay::before { + content: ''; + -webkit-transition: var(--transition); + transition: var(--transition); + position: absolute; + width: 100%; + bottom: 0; + height: 50%; + background: var(--businessGradientColor); + right: -100%; +} + +.single-works-box .works-image .works-overlay::after { + content: ''; + -webkit-transition: var(--transition); + transition: var(--transition); + position: absolute; + background: var(--businessGradientColor); + top: 0; + height: 50%; + width: 100%; + left: -100%; +} + +.single-works-box .works-image .works-overlay h3 { + color: transparent; + overflow: hidden; + position: absolute; + top: 30px; + text-align: center; + right: 25px; + z-index: 2; + -webkit-transition: var(--transition); + transition: var(--transition); + font-size: 20px; + margin-bottom: 5px; +} + +.single-works-box .works-image .works-overlay h3::before { + content: ''; + background: var(--blackColor); + position: absolute; + width: 100%; + bottom: 0; + -webkit-transition: var(--transition); + transition: var(--transition); + left: 100%; + top: 0; + right: auto; +} + +.single-works-box .works-image .works-overlay span { + color: transparent; + overflow: hidden; + z-index: 2; + position: absolute; + top: 62px; + display: block; + right: 25px; + -webkit-transition: var(--transition); + transition: var(--transition); + text-align: center; +} + +.single-works-box .works-image .works-overlay span::before { + content: ''; + background: var(--whiteColor); + width: 100%; + top: 0; + bottom: 0; + position: absolute; + -webkit-transition: var(--transition); + transition: var(--transition); + right: 100%; +} + +.single-works-box .link-btn { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 5; +} + +.single-works-box:hover .works-image img { + -webkit-transform: scale(1.3); + transform: scale(1.3); +} + +.single-works-box:hover .works-image .works-overlay::before { + right: 0; + opacity: 1; + width: 100%; + height: 50%; + -webkit-transition: all .8s; + transition: all .8s; +} + +.single-works-box:hover .works-image .works-overlay::after { + left: 0; + opacity: 1; + -webkit-transition: all .8s; + transition: all .8s; +} + +.single-works-box:hover .works-image .works-overlay span { + color: var(--whiteColor); +} + +.single-works-box:hover .works-image .works-overlay span::before { + right: -100%; +} + +.single-works-box:hover .works-image .works-overlay h3 { + color: var(--whiteColor); +} + +.single-works-box:hover .works-image .works-overlay h3::before { + left: -100%; +} + +.single-works-box.startup-color .works-image .works-overlay::before { + background: var(--startupMainColor); +} + +.single-works-box.startup-color .works-image .works-overlay::after { + background: var(--startupMainColor); +} + +.works-box { + margin-bottom: 30px; + text-align: center; + position: relative; + overflow: hidden; +} + +.works-box img { + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.works-box .link-btn { + display: block; + left: 0; + right: 0; + top: 0; + bottom: 0; + position: absolute; + z-index: 2; +} + +.works-box h3 { + margin-bottom: 0; + font-size: 20px; + position: absolute; + left: 0; + right: 0; + top: 50%; + opacity: 0; + visibility: hidden; + -webkit-transition: var(--transition); + transition: var(--transition); + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + color: var(--whiteColor); + background-color: rgba(0, 0, 0, 0.75); + padding: 15px; + margin-left: 25px; + margin-right: 25px; + margin-top: 25px; +} + +.works-box:hover img { + -webkit-transform: scale(1.05); + transform: scale(1.05); +} + +.works-box:hover h3 { + margin-top: 0; + visibility: visible; + opacity: 1; +} + +.works-box-btn { + text-align: center; + margin-top: 20px; +} + +.single-works-item { + margin-bottom: 30px; + text-align: center; + position: relative; + overflow: hidden; +} + +.single-works-item img { + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-works-item::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: var(--startupMainColor); + z-index: 1; + opacity: 0; + visibility: hidden; + -webkit-transition: .3s; + transition: .3s; +} + +.single-works-item .content { + position: absolute; + left: 0; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + margin-top: 15px; + -webkit-transition: var(--transition); + transition: var(--transition); + opacity: 0; + visibility: hidden; + z-index: 2; + padding-left: 20px; + padding-right: 20px; +} + +.single-works-item .content .link-btn { + width: 45px; + height: 45px; + line-height: 45px; + color: var(--whiteColor); + border: 1px solid var(--whiteColor); + border-radius: 50%; + margin-bottom: 20px; + display: inline-block; +} + +.single-works-item .content .link-btn:hover { + color: var(--blackColor); + background-color: var(--whiteColor); +} + +.single-works-item .content h3 { + font-size: 22px; + color: var(--whiteColor); + margin-bottom: 12px; +} + +.single-works-item .content h3 a { + color: var(--whiteColor); +} + +.single-works-item .content span { + display: block; + color: var(--whiteColor); + opacity: 0.9; +} + +.single-works-item:hover img { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} + +.single-works-item:hover::before { + opacity: 1; + margin: 10px; + visibility: visible; +} + +.single-works-item:hover .content { + opacity: 1; + visibility: visible; + margin-top: 0; +} + +.single-works-item.minimal-portfolio-color::before { + background-color: var(--minimalPortfolioColor); +} + +.showMoreItemsList + .button-box { + margin-bottom: 0; + text-align: start; +} + +.showMoreItemsList + .button-box button { + background-color: transparent; + border: 1px solid #d6d9dc; + color: var(--blackColor); + padding: 12px 45px; + -webkit-transition: var(--transition); + transition: var(--transition); + display: inline-block; + width: auto; + margin-top: 10px; + border-radius: 0; + font-size: var(--fontSize); + font-weight: 500; +} + +.showMoreItemsList + .button-box button:hover { + background-color: var(--startupMainColor); + border-color: var(--startupMainColor); + color: var(--whiteColor); +} + +.works-slides-style-one.owl-theme .single-works-item, .works-slides-style-one.owl-theme .works-box, .works-slides-style-two.owl-theme .single-works-item, .works-slides-style-two.owl-theme .works-box { + margin-bottom: 0; +} + +.works-slides-style-one.owl-theme .owl-nav, .works-slides-style-two.owl-theme .owl-nav { + opacity: 0; + margin-top: 0; + visibility: hidden; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.works-slides-style-one.owl-theme .owl-nav [class*=owl-], .works-slides-style-two.owl-theme .owl-nav [class*=owl-] { + margin: 0; + background-color: var(--whiteColor); + color: var(--blackColor); + padding: 0 !important; + border-radius: 0; + -webkit-transition: var(--transition); + transition: var(--transition); + border: none; + cursor: pointer; + position: absolute; + left: 25px; + top: 50%; + width: 45px; + height: 45px; + line-height: 45px; + border-radius: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 20px; +} + +.works-slides-style-one.owl-theme .owl-nav [class*=owl-].owl-next, .works-slides-style-two.owl-theme .owl-nav [class*=owl-].owl-next { + left: auto; + right: 25px; +} + +.works-slides-style-one.owl-theme .owl-nav [class*=owl-] i, .works-slides-style-two.owl-theme .owl-nav [class*=owl-] i { + line-height: 1; +} + +.works-slides-style-one.owl-theme .owl-nav [class*=owl-]:hover, .works-slides-style-two.owl-theme .owl-nav [class*=owl-]:hover { + background-color: var(--blackColor); + border-color: var(--blackColor); + color: var(--whiteColor); +} + +.works-slides-style-one.owl-theme:hover .owl-nav, .works-slides-style-two.owl-theme:hover .owl-nav { + opacity: 1; + visibility: visible; +} + +.works-slides-style-one.owl-theme .owl-dots, .works-slides-style-two.owl-theme .owl-dots { + margin-top: 40px; +} + +.works-slides-style-one.owl-theme .owl-dots .owl-dot span, .works-slides-style-two.owl-theme .owl-dots .owl-dot span { + width: 18px; + height: 18px; + border-radius: 50%; + -webkit-transition: var(--transition); + transition: var(--transition); + margin: 0 5px; +} + +.works-slides-style-one.owl-theme .owl-dots .owl-dot:hover span, .works-slides-style-one.owl-theme .owl-dots .owl-dot.active span, .works-slides-style-two.owl-theme .owl-dots .owl-dot:hover span, .works-slides-style-two.owl-theme .owl-dots .owl-dot.active span { + background-color: var(--startupMainColor); +} + +/*================================================ +What We Do Area CSS +=================================================*/ +.what-we-do-content .section-title { + text-align: start; + max-width: 100%; + margin-left: 0; + margin-right: 0; + margin-bottom: 30px; +} + +.what-we-do-content .section-title p { + max-width: 100%; + margin-left: 0; + margin-right: 0; +} + +.what-we-do-content .single-what-we-do-box { + margin-bottom: 0; +} + +.single-what-we-do-box { + margin-bottom: 30px; +} + +.single-what-we-do-box .icon { + display: block; + line-height: 1; + font-size: 45px; + margin-bottom: 25px; + color: var(--consultingMainColor); +} + +.single-what-we-do-box h3 { + font-size: 20px; + margin-bottom: 12px; +} + +/*================================================ +Categories Area CSS +=================================================*/ +.single-categories-box { + margin-bottom: 30px; + overflow: hidden; + position: relative; +} + +.single-categories-box img { + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-categories-box h3 { + margin-bottom: 0; + font-size: 20px; + position: absolute; + left: 25px; + top: 25px; + background-color: var(--whiteColor); + padding: 7px 20px; + -webkit-clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%); + clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-categories-box .link-btn { + display: block; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 2; +} + +.single-categories-box:hover img { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} + +.single-categories-box:hover h3 { + background-color: var(--blackColor); + color: var(--whiteColor); +} + +.categories-box { + margin-bottom: 30px; + position: relative; + text-align: center; + overflow: hidden; +} + +.categories-box img { + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.categories-box h3 { + top: 50%; + left: 50%; + margin-bottom: 0; + position: absolute; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + font-size: 20px; + z-index: 1; + background-color: rgba(255, 255, 255, 0.8); + -webkit-transition: var(--transition); + transition: var(--transition); + padding-top: 5px; + padding-bottom: 5px; + padding-left: 30px; + padding-right: 30px; +} + +.categories-box .link-btn { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + display: block; + z-index: 2; +} + +.categories-box:hover img { + -webkit-transform: scale(1.05); + transform: scale(1.05); +} + +.categories-box:hover h3 { + background-color: var(--whiteColor); +} + +.categories-slides.owl-theme .owl-nav { + margin-top: 0; + opacity: 0; + visibility: hidden; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.categories-slides.owl-theme .owl-nav [class*=owl-] { + margin: 0; + background-color: transparent; + color: var(--optionalColor); + padding: 0 !important; + border-radius: 0; + -webkit-transition: var(--transition); + transition: var(--transition); + border: none; + cursor: pointer; + position: absolute; + left: -45px; + top: 50%; + width: 35px; + height: 35px; + line-height: 35px; + border-radius: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + border: 1px solid var(--optionalColor); + font-size: var(--fontSize); +} + +.categories-slides.owl-theme .owl-nav [class*=owl-].owl-next { + left: auto; + right: -45px; +} + +.categories-slides.owl-theme .owl-nav [class*=owl-] i { + line-height: 1; +} + +.categories-slides.owl-theme .owl-nav [class*=owl-]:hover { + background-color: var(--blackColor); + border-color: var(--blackColor); + color: var(--whiteColor); +} + +.categories-slides.owl-theme:hover .owl-nav { + opacity: 1; + visibility: visible; +} + +/*================================================ +Who We Are Area CSS +=================================================*/ +.who-we-are-area .row { + margin-left: 0; + margin-right: 0; +} + +.who-we-are-area .row .col-lg-6 { + padding-left: 0; + padding-right: 0; +} + +.who-we-are-content { + padding: 40px; + background-color: #f3f4f7; +} + +.who-we-are-content .sub-title { + display: block; + margin-bottom: 10px; + color: var(--consultingMainColor); + font-family: var(--headingFontFamily); + font-weight: 600; + font-size: 14px; +} + +.who-we-are-content h2 { + margin-bottom: 15px; + line-height: 1.5; + font-size: 21px; +} + +.who-we-are-content .default-btn { + margin-top: 10px; +} + +.who-we-are-image { + text-align: center; + position: relative; +} + +.who-we-are-image .video-btn { + top: 50%; + left: 50%; + width: 80px; + height: 80px; + font-size: 30px; + border-radius: 50%; + position: absolute; + display: inline-block; + color: var(--blackColor); + background-color: var(--whiteColor); + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); +} + +.who-we-are-image .video-btn i { + position: absolute; + left: 0; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.who-we-are-image .video-btn::after, .who-we-are-image .video-btn::before { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + z-index: -1; + bottom: 0; + left: 0; + border-radius: 50%; + border: 1.5px solid var(--saasMainColor); +} + +.who-we-are-image .video-btn::before { + -webkit-animation: ripple 2s linear infinite; + animation: ripple 2s linear infinite; +} + +.who-we-are-image .video-btn::after { + -webkit-animation: ripple 2s linear 1s infinite; + animation: ripple 2s linear 1s infinite; +} + +/*================================================ +Video Area CSS +=================================================*/ +.video-box { + text-align: center; + position: relative; +} + +.video-box img { + width: 100%; +} + +.video-box .video-btn { + position: absolute; + left: 50%; + display: inline-block; + top: 40%; + -webkit-transform: translateY(-40%) translateX(-50%); + transform: translateY(-40%) translateX(-50%); + width: 80px; + height: 80px; + background-color: var(--whiteColor); + border-radius: 50%; + color: var(--blackColor); + font-size: 30px; +} + +.video-box .video-btn i { + position: absolute; + left: 0; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.video-box .video-btn::after, .video-box .video-btn::before { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + z-index: -1; + bottom: 0; + left: 0; + border-radius: 50%; + border: 2px solid var(--saasMainColor); +} + +.video-box .video-btn::before { + -webkit-animation: ripple 2s linear infinite; + animation: ripple 2s linear infinite; +} + +.video-box .video-btn::after { + -webkit-animation: ripple 2s linear 1s infinite; + animation: ripple 2s linear 1s infinite; +} + +/*================================================ +Process Area CSS +=================================================*/ +.single-process-box { + margin-bottom: 30px; + text-align: center; + border: 1px dashed #e1e1e1; + -webkit-transition: var(--transition); + transition: var(--transition); + padding: 40px 25px; +} + +.single-process-box img { + margin-bottom: 30px; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-process-box h3 { + margin-bottom: 12px; + font-size: 20px; +} + +.single-process-box:hover { + -webkit-box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); + box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); + border-color: var(--whiteColor); +} + +.single-process-box:hover img { + -webkit-transform: scale(0.9); + transform: scale(0.9); +} + +/*================================================ +Funfacts Area CSS +=================================================*/ +.funfacts-area.bg-business-color { + background: var(--businessGradientColor); +} + +.funfacts-area.bg-startup-color { + background: var(--startupMainColor); +} + +.funfacts-area.bg-startup-color .single-funfacts-box.without-bg-color { + border-color: var(--whiteColor); +} + +.funfacts-area.bg-image { + background-color: var(--blackColor); + background-image: url(../../assets/img/bg8.jpg); + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + +.funfacts-area.bg-f9f9f9 { + position: relative; + z-index: 1; +} + +.funfacts-area.bg-f9f9f9::before { + left: 0; + right: 0; + bottom: 0; + height: 50%; + z-index: -1; + content: ''; + position: absolute; + background-color: var(--whiteColor); +} + +.single-funfacts-box { + margin-bottom: 30px; + color: var(--whiteColor); + position: relative; + z-index: 1; + overflow: hidden; + background-color: var(--blackColor); + padding-top: 40px; + padding-bottom: 40px; + padding-left: 85px; + padding-right: 30px; +} + +.single-funfacts-box .icon { + position: absolute; + left: 25px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + color: var(--startupMainColor); + font-size: 45px; +} + +.single-funfacts-box h3 { + color: var(--whiteColor); + margin-bottom: 4px; + font-size: 40px; +} + +.single-funfacts-box h3 .odometer-formatting-mark { + display: none; +} + +.single-funfacts-box h3 .sign { + position: relative; + top: 1px; +} + +.single-funfacts-box .sub-title { + display: block; + font-weight: 600; +} + +.single-funfacts-box .shape { + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: -1; +} + +.single-funfacts-box.bg-white { + color: var(--optionalColor); + background-color: var(--whiteColor); + -webkit-box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); + box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); +} + +.single-funfacts-box.bg-white .icon.color-fd5444 { + color: #fd5444; +} + +.single-funfacts-box.bg-white .icon.color-3251ad { + color: #3251ad; +} + +.single-funfacts-box.bg-white .icon.color-62bd5e { + color: #62bd5e; +} + +.single-funfacts-box.bg-white .icon.color-ff6720 { + color: #ff6720; +} + +.single-funfacts-box.bg-white h3 { + color: var(--blackColor); +} + +.single-funfacts-box.bg-white .shape { + opacity: .15; +} + +.single-funfacts-box.without-bg-color { + background-color: transparent; + border-right: 1px dashed #a684f5; + margin-right: 40px; + padding-right: 0; + padding-top: 15px; + padding-bottom: 15px; + padding-left: 65px; +} + +.single-funfacts-box.without-bg-color .icon { + left: 0; + color: var(--whiteColor); +} + +.single-funfacts-box.text-center { + border-right: 2px dashed rgba(255, 255, 255, 0.2); + background-color: transparent; + padding-left: 0; + padding-top: 20px; + padding-bottom: 20px; +} + +.single-funfacts-box.consulting-color h3 { + color: var(--consultingMainColor); +} + +.funfacts-inner { + background-color: var(--blackColor); + padding-left: 30px; + padding-right: 30px; +} + +.funfacts-inner.bg-app-image { + background-image: url(../../assets/img/bg4.jpg); + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + +.funfacts-inner.bg-app-image .single-funfacts-box.without-bg-color { + padding: 0; + border: none; + text-align: center; + margin-right: 0; +} + +.funfacts-inner.it-agency-color { + background: var(--itAgencyGradientColor); + background-size: cover; + background-repeat: no-repeat; + background-position: center center; + background-image: url(../../assets/img/bg9.jpg); +} + +.funfacts-inner.border-radius { + border-radius: 10px; +} + +.funfacts-inner.border-radius.ptb-70 { + padding-bottom: 40px; +} + +.row .col-lg-3:last-child .single-funfacts-box.without-bg-color, .row .col-lg-3:last-child .single-funfacts-box.text-center { + border-right: none; +} + +/*================================================ +Products Area CSS +=================================================*/ +.products-area.with-top-border { + border-top: 1px solid #eeeeee; +} + +.single-products-box { + margin-bottom: 30px; + text-align: center; +} + +.single-products-box .image { + position: relative; + overflow: hidden; +} + +.single-products-box .image img { + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-products-box .image .new { + position: absolute; + left: 12px; + top: 12px; + background-color: var(--blackColor); + color: var(--whiteColor); + width: 45px; + height: 45px; + text-align: center; + line-height: 45px; + border-radius: 50%; + z-index: 2; + font-size: 13px; + font-weight: 600; +} + +.single-products-box .image .sale { + position: absolute; + z-index: 2; + right: 12px; + top: 12px; + background-color: red; + color: var(--whiteColor); + width: 45px; + height: 45px; + text-align: center; + line-height: 45px; + border-radius: 50%; + font-size: 13px; + font-weight: 600; +} + +.single-products-box .image .buttons-list { + position: absolute; + text-align: center; + z-index: 1; + left: 0; + right: 0; + bottom: 20px; + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.single-products-box .image .buttons-list li { + opacity: 0; + visibility: hidden; + display: inline-block; + -webkit-transform: translateY(30px); + transform: translateY(30px); + -webkit-transition: all 0.3s ease-in-out 0s; + transition: all 0.3s ease-in-out 0s; + margin-left: 3px; + margin-right: 3px; +} + +.single-products-box .image .buttons-list li a { + display: inline-block; + font-size: 16px; + color: var(--blackColor); + position: relative; + width: 40px; + border-radius: 50%; + line-height: 39px; + background-color: var(--whiteColor); + height: 40px; + border: 1px solid #eeeeee; +} + +.single-products-box .image .buttons-list li a .tooltip-label { + right: 50%; + top: -15px; + -webkit-transform: translateX(50%); + transform: translateX(50%); + position: absolute; + padding: 0 10px; + line-height: 28px; + font-size: 12px; + letter-spacing: .3px; + visibility: hidden; + white-space: nowrap; + opacity: 0; + color: transparent; + background-color: transparent; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + background-color: var(--blackColor); + color: var(--whiteColor); +} + +.single-products-box .image .buttons-list li a .tooltip-label::before { + content: "\f0dd"; + color: var(--blackColor); + left: 50%; + position: absolute; + -webkit-transform: translateX(-50%) rotate(0deg); + transform: translateX(-50%) rotate(0deg); + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + bottom: -12px; + font-family: "Font Awesome 5 Free"; + -webkit-font-variant-ligatures: normal; + font-variant-ligatures: normal; + font-variant-caps: normal; + font-style: normal; + font-weight: 900; + font-size: 20px; +} + +.single-products-box .image .buttons-list li a:hover { + background-color: var(--blackColor); + border-color: var(--blackColor); + color: var(--whiteColor); +} + +.single-products-box .image .buttons-list li a:hover .tooltip-label { + visibility: visible; + opacity: 1; + top: -45px; +} + +.single-products-box .image .buttons-list li:nth-child(1) { + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; +} + +.single-products-box .image .buttons-list li:nth-child(2) { + -webkit-transition-delay: 0.2s; + transition-delay: 0.2s; +} + +.single-products-box .image .buttons-list li:nth-child(3) { + -webkit-transition-delay: 0.3s; + transition-delay: 0.3s; +} + +.single-products-box .content { + margin-top: 25px; +} + +.single-products-box .content .rating { + margin-bottom: 12px; +} + +.single-products-box .content .rating i { + color: #fec900; + line-height: 1; +} + +.single-products-box .content h3 { + margin-bottom: 13px; + font-size: 20px; +} + +.single-products-box .content .price span { + color: var(--blackColor); + font-size: 17px; + font-weight: 700; +} + +.single-products-box .content .price span.old-price { + color: var(--optionalColor); + text-decoration: line-through; +} + +.single-products-box:hover .image img { + -webkit-transform: scale(1.05); + transform: scale(1.05); +} + +.single-products-box:hover .image .buttons-list li { + -webkit-transform: translateY(0); + transform: translateY(0); + visibility: visible; + opacity: 1; +} + +.noke-grid-sorting { + margin-bottom: 40px; +} + +.noke-grid-sorting .result-count p .count { + font-weight: 700; + color: var(--blackColor); +} + +.noke-grid-sorting .ordering { + text-align: end; +} + +.noke-grid-sorting .ordering label { + display: inline-block; + color: var(--optionalColor); + margin-bottom: 0; + margin-right: 5px; +} + +.noke-grid-sorting .ordering select { + width: 215px; + height: 45px; + cursor: pointer; + line-height: 45px; + display: inline-block; + background: #f8f8f8; + border-color: #eeeeee; + color: var(--blackColor); + -webkit-transition: var(--transition); + transition: var(--transition); + padding-top: 1px; + padding-left: 12px; + font-size: var(--fontSize); + font-weight: 600; +} + +/*================================================ +Products Details Area CSS +=================================================*/ +.products-details-desc { + padding-left: 15px; +} + +.products-details-desc h3 { + margin-bottom: 15px; + font-size: 20px; +} + +.products-details-desc .price { + color: var(--blackColor); + margin-top: 15px; + margin-bottom: 12px; + font-weight: 700; + font-size: 17px; +} + +.products-details-desc .price .old-price { + text-decoration: line-through; + color: #9b9494; + font-weight: normal; +} + +.products-details-desc .products-review .rating { + display: inline-block; + padding-right: 3px; + font-size: 14px; +} + +.products-details-desc .products-review .rating i { + display: inline-block; + color: #f49f0b; + line-height: 1; +} + +.products-details-desc .products-review .rating-count { + display: inline-block; + color: var(--optionalColor); + line-height: initial; + position: relative; + top: 1px; +} + +.products-details-desc .products-review .rating-count:hover { + color: var(--blackColor); +} + +.products-details-desc .products-meta { + margin-top: 20px; +} + +.products-details-desc .products-meta span { + display: block; + font-weight: 500; + margin-bottom: 10px; + color: var(--optionalColor); +} + +.products-details-desc .products-meta span span { + display: inline-block; + margin-bottom: 0; +} + +.products-details-desc .products-meta span span.sku { + color: var(--startupMainColor); +} + +.products-details-desc .products-meta span a { + display: inline-block; + color: var(--blackColor); +} + +.products-details-desc .products-meta span a:hover, .products-details-desc .products-meta span a:focus { + color: var(--startupMainColor); +} + +.products-details-desc .products-meta span.in-stock { + color: green; +} + +.products-details-desc .products-meta span:last-child { + margin-bottom: 0; +} + +.products-details-desc .products-add-to-cart { + margin-top: 25px; +} + +.products-details-desc .products-add-to-cart .quantities { + position: relative; + padding-left: 45px; +} + +.products-details-desc .products-add-to-cart .quantities .sub-title { + left: 0; + top: 50%; + display: block; + font-weight: 600; + position: absolute; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.products-details-desc .products-add-to-cart .input-counter { + display: block; + max-width: 120px; + min-width: 120px; + text-align: center; + position: relative; + margin-bottom: 25px; +} + +.products-details-desc .products-add-to-cart .input-counter span { + top: 0; + width: 35px; + height: 100%; + cursor: pointer; + font-size: 15px; + line-height: 38px; + position: absolute; + color: var(--blackColor); + border: 1px solid #eeeeee; + background-color: transparent; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.products-details-desc .products-add-to-cart .input-counter span i { + position: relative; + top: 1px; +} + +.products-details-desc .products-add-to-cart .input-counter span.minus-btn { + left: 0; +} + +.products-details-desc .products-add-to-cart .input-counter span.plus-btn { + right: 0; +} + +.products-details-desc .products-add-to-cart .input-counter span:hover { + color: var(--optionalColor); +} + +.products-details-desc .products-add-to-cart .input-counter input { + height: 40px; + outline: 0; + width: 100%; + display: block; + text-align: center; + color: var(--blackColor); + border: 1px solid #eeeeee; + background-color: transparent; + font-size: 17px; + font-weight: 600; +} + +.products-details-desc .products-add-to-cart .input-counter input::-webkit-input-placeholder { + color: var(--blackColor); +} + +.products-details-desc .products-add-to-cart .input-counter input:-ms-input-placeholder { + color: var(--blackColor); +} + +.products-details-desc .products-add-to-cart .input-counter input::-ms-input-placeholder { + color: var(--blackColor); +} + +.products-details-desc .products-add-to-cart .input-counter input::placeholder { + color: var(--blackColor); +} + +.products-details-desc .default-btn { + -webkit-box-shadow: unset !important; + box-shadow: unset !important; +} + +.products-details-desc .social-share { + padding-left: 0; + list-style-type: none; + margin-bottom: 0; + margin-top: 30px; +} + +.products-details-desc .social-share li { + display: inline-block; + margin-right: 12px; +} + +.products-details-desc .social-share li span { + font-weight: 600; + position: relative; + top: -1px; +} + +.products-details-desc .social-share li a { + line-height: 1; + font-size: 18px; + color: var(--optionalColor); +} + +.products-details-desc .social-share li a:hover { + color: var(--blackColor); +} + +.products-details-tabs { + margin-top: 50px; +} + +.products-details-tabs .single-tabs-box { + margin-bottom: 40px; +} + +.products-details-tabs .single-tabs-box h2 { + text-align: center; + margin-bottom: 30px; + position: relative; + font-size: 22px; + z-index: 1; +} + +.products-details-tabs .single-tabs-box h2 span { + display: inline-block; + background-color: var(--whiteColor); + padding-left: 20px; + padding-right: 20px; +} + +.products-details-tabs .single-tabs-box h2::before { + left: 0; + right: 0; + top: 50%; + z-index: -1; + height: 1px; + content: ''; + margin-top: 1px; + position: absolute; + background-color: #eeeeee; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.products-details-tabs .single-tabs-box:last-child { + margin-bottom: 0; +} + +.products-details-tabs .single-tabs-box .inner-box { + max-width: 800px; + margin-left: auto; + margin-right: auto; +} + +.products-details-tabs .single-tabs-box .inner-box h3 { + font-size: 20px; + margin-bottom: 15px; +} + +.products-details-tabs .single-tabs-box .inner-box ul { + margin-top: 20px; + margin-bottom: 0; +} + +.products-details-tabs .single-tabs-box .inner-box ul li { + font-weight: 500; + margin-bottom: 12px; + color: var(--optionalColor); +} + +.products-details-tabs .single-tabs-box .inner-box ul li:last-child { + margin-bottom: 0; +} + +.products-details-tabs .single-tabs-box .inner-box .table-striped { + margin-bottom: 0; +} + +.products-details-tabs .single-tabs-box .inner-box .table-striped tbody tr td { + border: none; + padding: 15px; + color: var(--optionalColor); + font-weight: 500; + font-size: var(--fontSize); +} + +.products-details-tabs .single-tabs-box .inner-box .products-review-comments { + margin-top: 40px; +} + +.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review { + position: relative; + margin-bottom: 20px; + padding: 0 0 20px 110px; + border-bottom: 1px solid #eeeeee; +} + +.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review img { + top: 0; + left: 0; + width: 90px; + height: 90px; + border-radius: 5px; + position: absolute; +} + +.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review .sub-comment { + margin-bottom: 8px; + font-weight: 600; + font-family: var(--headingFontFamily); +} + +.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review .review-rating { + display: block; + margin-bottom: 8px; +} + +.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review .review-rating .review-stars { + display: inline-block; +} + +.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review .review-rating .review-stars i { + color: #cecfd2; + display: inline-block; +} + +.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review .review-rating .review-stars i.checked { + color: orange; +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper { + margin-top: 30px; +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper h3 { + margin-bottom: 10px; +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper .comment-notes span { + color: red; +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form { + margin-top: 20px; +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .form-group { + margin-bottom: 25px; + text-align: start; +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .rating { + text-align: start; + overflow: hidden; + max-width: 115px; + margin-top: -5px; + margin-bottom: 25px; +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .rating label { + float: right; + position: relative; + width: 23px; + height: 23px; + cursor: pointer; +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .rating label:not(:first-of-type) { + padding-right: 5px; +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .rating label:before { + content: "\2605"; + -webkit-transition: var(--transition); + transition: var(--transition); + font-size: 27px; + color: #CCCCCC; + line-height: 1; +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .rating input { + display: none; +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .rating input:checked ~ label:before, .products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .rating:not(:checked) > label:hover:before, .products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .rating:not(:checked) > label:hover ~ label:before { + color: #f6b500; +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent { + text-align: start; + margin-bottom: 0; +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked, .products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked) { + display: none; +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked + label, .products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked) + label { + position: relative; + padding-left: 28px; + cursor: pointer; + line-height: 20px; + display: inline-block; + margin-bottom: 0; + color: var(--optionalColor); +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked + label:before, .products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked) + label:before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 19px; + height: 19px; + -webkit-transition: all 0.2s ease; + transition: all 0.2s ease; + border: 1px solid #eeeeee; + border-radius: 3px; + background: var(--whiteColor); +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked + label:after, .products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked) + label:after { + content: ''; + width: 8px; + height: 8px; + background: var(--startupMainColor); + position: absolute; + top: 6.5px; + left: 6px; + -webkit-transition: all 0.2s ease; + transition: all 0.2s ease; +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked) + label:after { + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0); +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked + label:after { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:hover + label:before { + border-color: var(--startupMainColor); +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked + label:before { + border-color: var(--startupMainColor); +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form button { + margin-top: 22px; + border: none; + display: inline-block; + text-align: center; + overflow: hidden; + color: var(--whiteColor); + background-color: var(--startupMainColor); + -webkit-transition: var(--transition); + transition: var(--transition); + border-radius: 5px; + padding: 13px 40px; + -webkit-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1); + font-weight: 700; + font-size: var(--fontSize); +} + +.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form button:hover { + background-color: var(--blackColor); + color: var(--whiteColor); +} + +/*================================================ +Cart Area CSS +=================================================*/ +.cart-table-desc table { + margin-bottom: 0; +} + +.cart-table-desc table thead tr th { + border: none; + padding: 13px 20px; + vertical-align: middle; + color: var(--whiteColor); + background-color: var(--blackColor); + font-family: var(--headingFontFamily); + font-size: var(--fontSize); + font-weight: 600; +} + +.cart-table-desc table tbody tr td { + color: var(--optionalColor); + vertical-align: middle; + font-size: 15px; + font-weight: 600; + padding-left: 0; + padding-right: 0; + padding-top: 15px; + padding-bottom: 15px; + border-left: none; + border-right: none; + border-color: #ebebeb; +} + +.cart-table-desc table tbody tr td.product-thumbnail a { + display: inline-block; +} + +.cart-table-desc table tbody tr td.product-thumbnail a img { + width: 80px; +} + +.cart-table-desc table tbody tr td.product-name a { + display: inline-block; +} + +.cart-table-desc table tbody tr td.product-subtotal .remove { + top: 2px; + color: red; + line-height: 1; + font-size: 20px; + margin-left: 40px; + position: relative; +} + +.cart-table-desc table tbody tr td.product-quantity .input-counter { + max-width: 120px; + min-width: 120px; + text-align: center; + display: inline-block; + position: relative; +} + +.cart-table-desc table tbody tr td.product-quantity .input-counter span { + top: 0; + width: 35px; + height: 100%; + font-size: 14px; + line-height: 37px; + position: absolute; + cursor: pointer; + color: var(--blackColor); + background-color: transparent; + -webkit-transition: var(--transition); + transition: var(--transition); + border: 1px solid #eeeeee; +} + +.cart-table-desc table tbody tr td.product-quantity .input-counter span i { + position: relative; + top: 1px; +} + +.cart-table-desc table tbody tr td.product-quantity .input-counter span.minus-btn { + left: 0; +} + +.cart-table-desc table tbody tr td.product-quantity .input-counter span.plus-btn { + right: 0; +} + +.cart-table-desc table tbody tr td.product-quantity .input-counter span:hover { + color: var(--mainColor); +} + +.cart-table-desc table tbody tr td.product-quantity .input-counter input { + height: 40px; + outline: 0; + width: 100%; + display: block; + text-align: center; + color: var(--blackColor); + border: 1px solid #eeeeee; + background-color: transparent; + font-size: 17px; + font-weight: 600; +} + +.cart-table-desc table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder { + color: var(--blackColor); +} + +.cart-table-desc table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder { + color: var(--blackColor); +} + +.cart-table-desc table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder { + color: var(--blackColor); +} + +.cart-table-desc table tbody tr td.product-quantity .input-counter input::placeholder { + color: var(--blackColor); +} + +.cart-table-desc table tbody tr td.product-subtotal { + overflow: hidden; +} + +.cart-table-desc table tbody tr:last-child td { + border-bottom: none; +} + +.cart-buttons-desc .shopping-coupon-code { + position: relative; +} + +.cart-buttons-desc .shopping-coupon-code .form-control { + height: 50px; +} + +.cart-buttons-desc .shopping-coupon-code button { + top: 0; + right: 0; + height: 50px; + border: none; + padding: 0 25px; + position: absolute; + color: var(--whiteColor); + border-radius: 0 5px 5px 0; + -webkit-transition: var(--transition); + transition: var(--transition); + background-color: var(--blackColor); + font-size: var(--fontSize); + font-weight: 700; +} + +.cart-buttons-desc .shopping-coupon-code button:hover { + background-color: var(--startupMainColor); +} + +.cart-buttons-desc .default-btn { + -webkit-box-shadow: unset; + box-shadow: unset; +} + +.cart-totals-desc { + padding: 30px; + background-color: #f5f5f5; +} + +.cart-totals-desc h3 { + padding: 16px 20px; + margin-bottom: 30px; + color: var(--whiteColor); + font-size: var(--fontSize); + background-color: var(--blackColor); + margin-top: -30px; + margin-left: -30px; + margin-right: -30px; +} + +.cart-totals-desc ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.cart-totals-desc ul li { + overflow: hidden; + display: block; + margin-bottom: 12px; + padding-bottom: 12px; + font-weight: 500; + color: var(--optionalColor); + border-bottom: 1px solid #ebebeb; +} + +.cart-totals-desc ul li span { + float: right; +} + +.cart-totals-desc ul li:last-child { + font-weight: 700; + color: var(--blackColor); + padding-bottom: 0; + margin-bottom: 0; + border-bottom: none; +} + +.cart-totals-desc .default-btn { + margin-top: 25px; + -webkit-box-shadow: unset; + box-shadow: unset; +} + +/*================================================ +Checkout Area CSS +=================================================*/ +.billing-details-desc { + padding: 30px 30px 10px; + background-color: #f5f5f5; +} + +.billing-details-desc h3 { + font-size: 20px; + margin-bottom: 30px; + color: var(--whiteColor); + background-color: var(--blackColor); + padding-top: 17px; + padding-left: 30px; + padding-right: 30px; + padding-bottom: 17px; + margin-right: -30px; + margin-left: -30px; + margin-top: -30px; +} + +.billing-details-desc .form-group { + margin-bottom: 20px; +} + +.billing-details-desc .form-group label { + display: block; + font-weight: 500; + margin-bottom: 12px; + color: var(--blackColor); +} + +.billing-details-desc .form-group label .required { + color: red; +} + +.billing-details-desc .form-group .form-control { + background-color: var(--whiteColor) !important; +} + +.billing-details-desc .form-group select { + background-color: var(--whiteColor); + height: 50px; + cursor: pointer; + border: none; + display: block; + width: 100%; + padding-left: 15px; +} + +.order-details-desc { + padding: 30px; + background-color: #f5f5f5; +} + +.order-details-desc h3 { + font-size: 20px; + margin-bottom: 30px; + color: var(--whiteColor); + background-color: var(--blackColor); + padding-left: 30px; + padding-right: 30px; + padding-top: 17px; + padding-bottom: 17px; + margin-left: -30px; + margin-right: -30px; + margin-top: -30px; +} + +.order-details-desc .order-details { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.order-details-desc .order-details li { + display: block; + font-weight: 500; + overflow: hidden; + margin-bottom: 12px; + padding-bottom: 12px; + color: var(--optionalColor); + border-bottom: 1px solid #ebebeb; +} + +.order-details-desc .order-details li span { + float: right; +} + +.order-details-desc .order-details li:last-child { + font-weight: 700; + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; + color: var(--blackColor); +} + +.order-details-desc .payment-method { + margin-top: 30px; + margin-bottom: 20px; +} + +.order-details-desc .payment-method p { + margin-bottom: 12px; +} + +.order-details-desc .payment-method p:last-child { + margin-bottom: 0; +} + +.order-details-desc .payment-method p [type="radio"]:checked, .order-details-desc .payment-method p [type="radio"]:not(:checked) { + display: none; +} + +.order-details-desc .payment-method p [type="radio"]:checked + label, .order-details-desc .payment-method p [type="radio"]:not(:checked) + label { + padding-left: 27px; + cursor: pointer; + display: block; + color: var(--blackColor); + position: relative; + margin-bottom: 8px; + font-size: var(--fontSize); + font-weight: 700; +} + +.order-details-desc .payment-method p [type="radio"]:checked + label::before, .order-details-desc .payment-method p [type="radio"]:not(:checked) + label::before { + content: ''; + position: absolute; + left: 0; + top: 5px; + width: 18px; + height: 18px; + border: 1px solid #dddddd; + border-radius: 50%; + background: var(--whiteColor); +} + +.order-details-desc .payment-method p [type="radio"]:checked + label::after, .order-details-desc .payment-method p [type="radio"]:not(:checked) + label::after { + content: ''; + width: 12px; + height: 12px; + background: var(--startupMainColor); + position: absolute; + top: 8px; + left: 3px; + border-radius: 50%; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.order-details-desc .payment-method p [type="radio"]:not(:checked) + label::after { + opacity: 0; + visibility: hidden; + -webkit-transform: scale(0); + transform: scale(0); +} + +.order-details-desc .payment-method p [type="radio"]:checked + label::after { + opacity: 1; + visibility: visible; + -webkit-transform: scale(1); + transform: scale(1); +} + +.order-details-desc .form-check { + color: var(--optionalColor); + font-weight: 500; +} + +.order-details-desc .form-check a { + color: var(--startupMainColor); +} + +.order-details-desc .form-check a:hover { + text-decoration: underline; +} + +.order-details-desc .default-btn { + margin-top: 25px; + display: block; + width: 100%; + -webkit-box-shadow: unset; + box-shadow: unset; + border-radius: 5px; + padding-top: 13px; + padding-bottom: 13px; + padding-left: 30px; + padding-right: 30px; +} + +/*================================================ +Testimonials Area CSS +=================================================*/ +.testimonials-area.bg-image { + background-image: url(../../assets/img/bg10.jpg); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; +} + +.testimonials-area.bg-image .section-title.style-three h2 span { + background-color: #f7eee8; +} + +.testimonials-inner { + background-color: var(--blackColor); + padding-left: 60px; + padding-right: 60px; +} + +.testimonials-inner.bg-app-image { + background-image: url(../../assets/img/bg5.jpg); + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + +.testimonials-inner .testimonials-item { + max-width: 650px; + -webkit-box-shadow: unset; + box-shadow: unset; + background-color: transparent; + padding: 0; + margin-left: auto; + margin-right: auto; +} + +.testimonials-inner .testimonials-item .icon { + color: var(--whiteColor); +} + +.testimonials-inner .testimonials-item p { + color: var(--whiteColor); +} + +.testimonials-inner .testimonials-item .info .title h3 { + color: var(--whiteColor); +} + +.testimonials-inner .testimonials-item .info .title span { + color: var(--whiteColor); + opacity: 0.9; +} + +.testimonials-inner .testimonials-slides.owl-theme .owl-nav [class*=owl-] { + margin: 0; + background-color: var(--whiteColor); + color: var(--appMainColor); + padding: 0 !important; + border-radius: 50%; + border: none; + font-size: 20px; + width: 50px; + height: 50px; + line-height: 50px; +} + +.testimonials-inner .testimonials-slides.owl-theme .owl-nav [class*=owl-]:hover { + background-color: var(--blackColor); + color: var(--whiteColor); +} + +.testimonials-inner.it-agency-color { + background-color: transparent; +} + +.testimonials-inner.it-agency-color .testimonials-item .icon { + color: var(--itAgencyMainColor); +} + +.testimonials-inner.it-agency-color .testimonials-item p { + color: var(--blackColor); +} + +.testimonials-inner.it-agency-color .testimonials-item .info .title h3 { + color: var(--blackColor); +} + +.testimonials-inner.it-agency-color .testimonials-item .info .title span { + color: var(--optionalColor); + opacity: 1; +} + +.testimonials-inner.it-agency-color .testimonials-slides.owl-theme .owl-nav [class*=owl-] { + background: var(--itAgencyGradientColor); + color: var(--whiteColor); +} + +.testimonials-inner.minimal-portfolio-color { + background-color: transparent; +} + +.testimonials-inner.minimal-portfolio-color .testimonials-item .icon { + color: var(--minimalPortfolioColor); +} + +.testimonials-inner.minimal-portfolio-color .testimonials-item p { + color: var(--blackColor); +} + +.testimonials-inner.minimal-portfolio-color .testimonials-item .info .title h3 { + color: var(--blackColor); +} + +.testimonials-inner.minimal-portfolio-color .testimonials-item .info .title span { + color: var(--optionalColor); + opacity: 1; +} + +.testimonials-inner.minimal-portfolio-color .testimonials-slides.owl-theme .owl-nav [class*=owl-] { + background: #f9f9f9; + color: var(--blackColor); +} + +.testimonials-inner.minimal-portfolio-color .testimonials-slides.owl-theme .owl-nav [class*=owl-]:hover { + background-color: var(--minimalPortfolioColor); + color: var(--whiteColor); +} + +.testimonials-inner.shop-color { + background-color: transparent; +} + +.testimonials-inner.shop-color .testimonials-item .icon { + color: var(--shopMainColor); +} + +.testimonials-inner.shop-color .testimonials-item p { + color: var(--blackColor); +} + +.testimonials-inner.shop-color .testimonials-item .info .title h3 { + color: var(--blackColor); +} + +.testimonials-inner.shop-color .testimonials-item .info .title span { + color: var(--optionalColor); + opacity: 1; +} + +.testimonials-inner.shop-color .testimonials-slides.owl-theme .owl-nav [class*=owl-] { + background: var(--whiteColor); + color: var(--blackColor); +} + +.testimonials-inner.shop-color .testimonials-slides.owl-theme .owl-nav [class*=owl-]:hover { + background-color: var(--blackColor); + color: var(--whiteColor); +} + +.testimonials-item { + text-align: center; + background-color: var(--whiteColor); + padding: 30px; + -webkit-box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); + box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); +} + +.testimonials-item .icon { + line-height: 1; + margin-bottom: 25px; + color: var(--appMainColor); + display: block; + font-size: 45px; +} + +.testimonials-item p { + color: var(--blackColor); + font-size: 20px; + font-weight: 500; +} + +.testimonials-item .info { + margin-top: 30px; + text-align: start; +} + +.testimonials-item .info img { + display: inline-block !important; + width: 80px !important; + height: 80px; + border-radius: 50%; + margin-right: 10px; +} + +.testimonials-item .info .title { + margin-left: 10px; +} + +.testimonials-item .info .title h3 { + font-size: 18px; + margin-bottom: 8px; +} + +.testimonials-item .info .title span { + display: block; + font-weight: 500; + color: var(--appMainColor); + opacity: .85; +} + +.startup-testimonials-area .container-fluid { + max-width: 1400px; +} + +.startup-testimonials-image { + z-index: 1; + text-align: center; + position: relative; + background-color: #2d2d37; + padding-top: 80px; + padding-left: 80px; + padding-bottom: 80px; +} + +.startup-testimonials-image img { + width: auto !important; + display: inline-block !important; +} + +.startup-testimonials-content { + text-align: center; + padding-left: 40px; + padding-right: 40px; + padding-bottom: 100px; +} + +.startup-testimonials-content .icon { + line-height: 1; + margin-bottom: 20px; + color: var(--startupMainColor); + display: block; + font-size: 45px; +} + +.startup-testimonials-content p { + color: var(--blackColor); + font-size: 18px; + font-weight: 600; +} + +.startup-testimonials-content .info { + margin-top: 25px; + padding-top: 25px; + border-top: 1px solid #eeeeee; +} + +.startup-testimonials-content .info h3 { + font-size: 18px; + margin-bottom: 8px; +} + +.startup-testimonials-content .info span { + display: block; + font-weight: 500; +} + +.startup-testimonials-slides.owl-theme .owl-nav { + margin-top: 0; + position: absolute; + right: 22%; + bottom: 105px; + -webkit-transform: translateX(22%); + transform: translateX(22%); +} + +.startup-testimonials-slides.owl-theme .owl-nav [class*=owl-] { + margin: 0 5px; + background-color: var(--startupMainColor); + color: var(--whiteColor); + padding: 8px 25px 7px !important; + border-radius: 0; + -webkit-transition: var(--transition); + transition: var(--transition); + border: none; + cursor: pointer; + font-size: var(--fontSize); +} + +.startup-testimonials-slides.owl-theme .owl-nav [class*=owl-] i { + line-height: 1; +} + +.startup-testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-prev { + margin-left: 0; +} + +.startup-testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next { + margin-right: 0; +} + +.startup-testimonials-slides.owl-theme .owl-nav [class*=owl-]:hover { + background-color: var(--blackColor); + color: var(--whiteColor); +} + +.marketing-testimonials-area { + border-bottom: 1px solid #f0f0f0; +} + +.marketing-testimonials-image { + text-align: center; + position: relative; + z-index: 2; + margin-right: 50px; + margin-left: 50px; +} + +.marketing-testimonials-image::before { + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + content: ''; + position: absolute; + border-radius: 50%; + background-color: var(--marketingMainColor); +} + +.marketing-testimonials-image::after { + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -2; + content: ''; + position: absolute; + border-radius: 65% 35% 70% 30% / 64% 31% 69% 36%; + background-color: #ffac00; +} + +.marketing-testimonials-image img { + border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; + display: inline-block !important; + width: auto !important; +} + +.marketing-testimonials-content { + text-align: center; + padding-bottom: 60px; +} + +.marketing-testimonials-content .icon { + line-height: 1; + margin-bottom: 20px; + color: var(--marketingMainColor); + display: block; + font-size: 45px; +} + +.marketing-testimonials-content p { + color: var(--blackColor); + font-size: 18px; + font-weight: 600; +} + +.marketing-testimonials-content .info { + margin-top: 25px; +} + +.marketing-testimonials-content .info h3 { + font-size: 18px; + margin-bottom: 8px; +} + +.marketing-testimonials-content .info span { + display: block; + font-weight: 500; +} + +.marketing-testimonials-slides.owl-theme .owl-nav { + right: 22%; + margin-top: 0; + bottom: 100px; + position: absolute; + -webkit-transform: translateX(22%); + transform: translateX(22%); +} + +.marketing-testimonials-slides.owl-theme .owl-nav [class*=owl-] { + margin: 0 5px; + background-color: var(--marketingMainColor); + color: var(--whiteColor); + padding: 8px 25px 7px !important; + border-radius: 0; + -webkit-transition: var(--transition); + transition: var(--transition); + border: none; + cursor: pointer; + font-size: var(--fontSize); +} + +.marketing-testimonials-slides.owl-theme .owl-nav [class*=owl-] i { + line-height: 1; +} + +.marketing-testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-prev { + margin-left: 0; +} + +.marketing-testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next { + margin-right: 0; +} + +.marketing-testimonials-slides.owl-theme .owl-nav [class*=owl-]:hover { + background-color: var(--blackColor); + color: var(--whiteColor); +} + +.business-testimonials-area { + background: var(--businessGradientColor); + background-image: url(../../assets/img/bg1.jpg); + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + +.business-testimonials-image { + text-align: center; + position: relative; + margin-right: 30px; + z-index: 2; +} + +.business-testimonials-image::before { + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + content: ''; + position: absolute; + border-radius: 20% 80% 50% 50% / 20% 50% 50% 80%; + border: 2px solid var(--whiteColor); +} + +.business-testimonials-image::after { + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -2; + content: ''; + position: absolute; + border-radius: 65% 35% 70% 30% / 64% 31% 69% 36%; + background-color: #ffac00; +} + +.business-testimonials-image img { + border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; + display: inline-block !important; + width: auto !important; +} + +.business-testimonials-content { + text-align: center; +} + +.business-testimonials-content .icon { + line-height: 1; + margin-bottom: 25px; + color: var(--whiteColor); + display: block; + font-size: 45px; +} + +.business-testimonials-content p { + color: var(--whiteColor); + font-size: 20px; + font-weight: 500; +} + +.business-testimonials-content .info { + margin-top: 30px; +} + +.business-testimonials-content .info h3 { + font-size: 18px; + margin-bottom: 8px; + color: var(--whiteColor); +} + +.business-testimonials-content .info span { + display: block; + font-weight: 500; + color: var(--whiteColor); + opacity: .85; +} + +.saas-testimonials-item { + border: 1px solid #242532; + background-color: rgba(4, 6, 17, 0.9); + padding: 30px; +} + +.saas-testimonials-item .info { + margin-bottom: 25px; +} + +.saas-testimonials-item .info img { + display: inline-block !important; + width: 80px !important; + height: 80px; + border-radius: 50%; + margin-right: 10px; +} + +.saas-testimonials-item .info .title { + margin-left: 10px; +} + +.saas-testimonials-item .info .title h3 { + font-size: 18px; + margin-bottom: 8px; + color: var(--whiteColor); +} + +.saas-testimonials-item .info .title span { + display: block; + font-weight: 600; + color: var(--saasMainColor); +} + +.saas-testimonials-item p { + font-size: 16px; + color: var(--whiteColor); +} + +.testimonials-slides.owl-theme { + padding-left: 120px; + padding-right: 120px; +} + +.testimonials-slides.owl-theme .owl-nav { + margin-top: 0; +} + +.testimonials-slides.owl-theme .owl-nav [class*=owl-] { + margin: 0; + background-color: transparent; + color: var(--whiteColor); + padding: 8px 25px 6px !important; + border-radius: 0; + -webkit-transition: var(--transition); + transition: var(--transition); + border: none; + cursor: pointer; + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + border: 1px solid var(--whiteColor); + font-size: var(--fontSize); +} + +.testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next { + left: auto; + right: 0; +} + +.testimonials-slides.owl-theme .owl-nav [class*=owl-] i { + line-height: 1; +} + +.testimonials-slides.owl-theme .owl-nav [class*=owl-]:hover { + background-color: var(--whiteColor); + color: var(--blackColor); +} + +.saas-testimonials-slides.owl-theme { + position: relative; + margin-top: -100px; + z-index: 1; + padding-left: 80px; + padding-right: 80px; +} + +.saas-testimonials-slides.owl-theme .owl-nav { + margin-top: 0; +} + +.saas-testimonials-slides.owl-theme .owl-nav [class*=owl-] { + top: 50%; + margin: 0; + left: 30px; + border: none; + font-size: 20px; + cursor: pointer; + border-radius: 0; + position: absolute; + color: var(--whiteColor); + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: var(--transition); + transition: var(--transition); + background-color: transparent !important; +} + +.saas-testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next { + left: auto; + right: 30px; +} + +.saas-testimonials-slides.owl-theme .owl-nav [class*=owl-] i { + line-height: 1; +} + +.saas-testimonials-slides.owl-theme .owl-nav [class*=owl-]:hover { + color: var(--saasMainColor); +} + +.testimonials-box { + text-align: center; + border: 1px solid #d5edff; + padding: 30px; + margin-bottom: 30px; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.testimonials-box .icon { + width: 80px; + height: 80px; + line-height: 82px; + background-color: #d5edff; + border-radius: 50%; + font-size: 35px; + display: block; + color: #2ea7ff; + -webkit-transition: var(--transition); + transition: var(--transition); + margin-left: auto; + margin-right: auto; + margin-bottom: 20px; +} + +.testimonials-box p { + color: var(--blackColor); + font-size: 16px; + font-weight: 500; +} + +.testimonials-box .info { + margin-top: 25px; +} + +.testimonials-box .info h3 { + font-size: 18px; + margin-bottom: 8px; +} + +.testimonials-box .info span { + display: block; + font-weight: 500; + color: var(--personalPortfolioMainColor); + opacity: .85; +} + +.testimonials-box:hover { + border-color: var(--personalPortfolioMainColor) !important; +} + +.testimonials-box:hover .icon { + background-color: #2ea7ff; + color: var(--whiteColor); +} + +.testimonials-box:hover.bg-ca83ff .icon { + color: var(--whiteColor); + background-color: #ca83ff; +} + +.testimonials-box:hover.bg-ff9f07 .icon { + color: var(--whiteColor); + background-color: #ff9f07; +} + +.testimonials-box.bg-ca83ff { + border-color: #faf2ff; +} + +.testimonials-box.bg-ca83ff .icon { + background-color: #faf2ff; + color: #ca83ff; +} + +.testimonials-box.bg-ff9f07 { + border-color: #fff5e6; +} + +.testimonials-box.bg-ff9f07 .icon { + background-color: #fff5e6; + color: #ff9f07; +} + +/*================================================ +Team Area CSS +=================================================*/ +.team-area.with-border { + border-top: 1px solid #f0f0f0; +} + +.single-team-member { + background-color: #f9f4f0; + margin-bottom: 30px; + text-align: center; +} + +.single-team-member .content { + padding: 25px 20px; + z-index: 1; + position: relative; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-team-member .content h3 { + -webkit-transition: var(--transition); + transition: var(--transition); + font-size: 20px; + margin-bottom: 10px; +} + +.single-team-member .content span { + display: block; + color: var(--startupMainColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-team-member .content .social { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + position: absolute; + left: 0; + right: 0; + bottom: 25px; + opacity: 0; + visibility: hidden; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-team-member .content .social li { + display: inline-block; + margin-left: 7px; + margin-right: 7px; +} + +.single-team-member .content .social li a { + display: block; + font-size: 20px; + color: var(--whiteColor); +} + +.single-team-member .content .social li a:hover { + color: var(--startupMainColor); +} + +.single-team-member .content::before { + content: ''; + position: absolute; + left: 0; + right: 0; + height: 40px; + background-color: var(--blackColor); + top: -40px; + z-index: -1; + -webkit-transition: var(--transition); + transition: var(--transition); + opacity: 0; + visibility: hidden; +} + +.single-team-member:hover .content, .single-team-member.active .content { + background-color: var(--blackColor); +} + +.single-team-member:hover .content h3, .single-team-member.active .content h3 { + color: var(--whiteColor); + -webkit-transform: translateY(-40px); + transform: translateY(-40px); +} + +.single-team-member:hover .content span, .single-team-member.active .content span { + color: var(--whiteColor); + -webkit-transform: translateY(-40px); + transform: translateY(-40px); +} + +.single-team-member:hover .content .social, .single-team-member.active .content .social { + opacity: 1; + visibility: visible; +} + +.single-team-member:hover .content::before, .single-team-member.active .content::before { + opacity: 1; + visibility: visible; +} + +.single-team-member.marketing-color .content span { + color: var(--marketingMainColor); +} + +.single-team-member.marketing-color .content .social li a:hover { + color: var(--marketingMainColor); +} + +.single-team-member.marketing-color .content::before { + background-color: var(--marketingMainColor); +} + +.single-team-member.marketing-color:hover .content, .single-team-member.marketing-color.active .content { + background-color: var(--marketingMainColor); +} + +.single-team-member.marketing-color:hover .content span, .single-team-member.marketing-color.active .content span { + color: var(--whiteColor); +} + +.single-team-member.business-color .content { + position: relative; + z-index: 1; +} + +.single-team-member.business-color .content span { + color: var(--businessMainColor); +} + +.single-team-member.business-color .content .social li a:hover { + color: var(--whiteColor); +} + +.single-team-member.business-color .content::after { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background: var(--businessGradientColor); + content: ''; + -webkit-transition: var(--transition); + transition: var(--transition); + opacity: 0; + visibility: hidden; +} + +.single-team-member.business-color .content::before { + background: var(--businessGradientColor); +} + +.single-team-member.business-color:hover .content, .single-team-member.business-color.active .content { + background-color: transparent; +} + +.single-team-member.business-color:hover .content::after, .single-team-member.business-color.active .content::after { + opacity: 1; + visibility: visible; +} + +.single-team-member.business-color:hover .content span, .single-team-member.business-color.active .content span { + color: var(--whiteColor); +} + +.single-team-member.bg-ffefef { + background-color: #ffefef; +} + +.single-team-member.bg-f0efff { + background-color: #f0efff; +} + +.single-team-member.it-agency-color .content { + position: relative; + z-index: 1; +} + +.single-team-member.it-agency-color .content span { + color: var(--itAgencyMainColor); +} + +.single-team-member.it-agency-color .content .social li a:hover { + color: var(--whiteColor); +} + +.single-team-member.it-agency-color .content::after { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background: var(--itAgencyGradientColor); + content: ''; + -webkit-transition: var(--transition); + transition: var(--transition); + opacity: 0; + visibility: hidden; +} + +.single-team-member.it-agency-color .content::before { + background: var(--itAgencyGradientColor); +} + +.single-team-member.it-agency-color:hover .content, .single-team-member.it-agency-color.active .content { + background-color: transparent; +} + +.single-team-member.it-agency-color:hover .content::after, .single-team-member.it-agency-color.active .content::after { + opacity: 1; + visibility: visible; +} + +.single-team-member.it-agency-color:hover .content span, .single-team-member.it-agency-color.active .content span { + color: var(--whiteColor); +} + +.single-team-member.border-radius { + border-radius: 10px; +} + +.single-team-member.border-radius img { + border-radius: 10px 10px 0 0; +} + +.single-team-box { + text-align: center; + margin-bottom: 30px; +} + +.single-team-box .image { + position: relative; +} + +.single-team-box .image .social { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding-left: 0; + margin-bottom: 15px; + list-style-type: none; + -webkit-transition: var(--transition); + transition: var(--transition); + opacity: 0; + visibility: hidden; + padding: 25px; +} + +.single-team-box .image .social li { + display: inline-block; + margin-left: 2px; + margin-right: 2px; +} + +.single-team-box .image .social li a { + display: block; + width: 35px; + height: 35px; + border-radius: 50%; + line-height: 35px; + background-color: var(--whiteColor); + color: var(--blackColor); +} + +.single-team-box .image .social li a:hover { + background-color: var(--startupMainColor); + color: var(--whiteColor); +} + +.single-team-box .content { + margin-top: 22px; +} + +.single-team-box .content h3 { + font-size: 20px; + margin-bottom: 8px; +} + +.single-team-box .content span { + display: block; + color: var(--startupMainColor); +} + +.single-team-box:hover .image .social { + opacity: 1; + margin-bottom: 0; + visibility: visible; +} + +.single-team-box.consulting-color .image .social li a:hover { + background-color: var(--consultingMainColor); +} + +.single-team-box.consulting-color .content span { + color: var(--consultingMainColor); +} + +.team-member { + margin-bottom: 30px; + text-align: center; +} + +.team-member .content { + z-index: 1; + padding: 25px 20px; + position: relative; + -webkit-transition: var(--transition); + transition: var(--transition); + background-color: var(--whiteColor); + -webkit-box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1); + box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1); + margin-left: 15px; + margin-top: -30px; + margin-right: 15px; +} + +.team-member .content h3 { + -webkit-transition: var(--transition); + transition: var(--transition); + font-size: 20px; + margin-bottom: 10px; +} + +.team-member .content span { + display: block; + color: var(--startupMainColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.team-member .content .social { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + position: absolute; + left: 0; + right: 0; + bottom: 25px; + opacity: 0; + visibility: hidden; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.team-member .content .social li { + display: inline-block; + margin-left: 7px; + margin-right: 7px; +} + +.team-member .content .social li a { + display: block; + font-size: 20px; + color: var(--whiteColor); +} + +.team-member .content .social li a:hover { + color: var(--startupMainColor); +} + +.team-member .content::before { + content: ''; + position: absolute; + left: 0; + right: 0; + height: 40px; + background-color: var(--blackColor); + top: -40px; + z-index: -1; + -webkit-transition: var(--transition); + transition: var(--transition); + opacity: 0; + visibility: hidden; +} + +.team-member:hover .content, .team-member.active .content { + background-color: var(--blackColor); +} + +.team-member:hover .content h3, .team-member.active .content h3 { + color: var(--whiteColor); + -webkit-transform: translateY(-40px); + transform: translateY(-40px); +} + +.team-member:hover .content span, .team-member.active .content span { + color: var(--whiteColor); + -webkit-transform: translateY(-40px); + transform: translateY(-40px); +} + +.team-member:hover .content .social, .team-member.active .content .social { + opacity: 1; + visibility: visible; +} + +.team-member:hover .content::before, .team-member.active .content::before { + opacity: 1; + visibility: visible; +} + +.team-member.marketing-color .content span { + color: var(--marketingMainColor); +} + +.team-member.marketing-color .content .social li a:hover { + color: var(--whiteColor); +} + +.team-member.marketing-color .content::before { + background-color: var(--marketingMainColor); +} + +.team-member.marketing-color:hover .content, .team-member.marketing-color.active .content { + background-color: var(--marketingMainColor); +} + +.team-member.marketing-color:hover .content span, .team-member.marketing-color.active .content span { + color: var(--whiteColor); +} + +.team-member.business-color .content { + position: relative; + z-index: 1; +} + +.team-member.business-color .content span { + color: var(--businessMainColor); +} + +.team-member.business-color .content .social li a:hover { + color: var(--whiteColor); +} + +.team-member.business-color .content::after { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background: var(--businessGradientColor); + content: ''; + -webkit-transition: var(--transition); + transition: var(--transition); + opacity: 0; + visibility: hidden; +} + +.team-member.business-color .content::before { + background: var(--businessGradientColor); +} + +.team-member.business-color:hover .content, .team-member.business-color.active .content { + background-color: transparent; +} + +.team-member.business-color:hover .content::after, .team-member.business-color.active .content::after { + opacity: 1; + visibility: visible; +} + +.team-member.business-color:hover .content span, .team-member.business-color.active .content span { + color: var(--whiteColor); +} + +.team-member.bg-ffefef { + background-color: #ffefef; +} + +.team-member.bg-f0efff { + background-color: #f0efff; +} + +.team-member.it-agency-color .content { + position: relative; + z-index: 1; +} + +.team-member.it-agency-color .content span { + color: var(--itAgencyMainColor); +} + +.team-member.it-agency-color .content .social li a:hover { + color: var(--whiteColor); +} + +.team-member.it-agency-color .content::after { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background: var(--itAgencyGradientColor); + content: ''; + -webkit-transition: var(--transition); + transition: var(--transition); + opacity: 0; + visibility: hidden; +} + +.team-member.it-agency-color .content::before { + background: var(--itAgencyGradientColor); +} + +.team-member.it-agency-color:hover .content, .team-member.it-agency-color.active .content { + background-color: transparent; +} + +.team-member.it-agency-color:hover .content::after, .team-member.it-agency-color.active .content::after { + opacity: 1; + visibility: visible; +} + +.team-member.it-agency-color:hover .content span, .team-member.it-agency-color.active .content span { + color: var(--whiteColor); +} + +.team-member.border-radius { + border-radius: 10px; +} + +.team-member.border-radius img { + border-radius: 10px 10px 0 0; +} + +.team-box { + margin-bottom: 30px; + text-align: center; + position: relative; + overflow: hidden; +} + +.team-box img { + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.team-box .content { + left: 0; + right: 0; + z-index: 1; + bottom: -100px; + padding: 25px; + -webkit-transition: .3s; + transition: .3s; + position: absolute; + opacity: 0; + visibility: hidden; + background: var(--startupMainColor); +} + +.team-box .content h3 { + font-size: 20px; + margin-bottom: 12px; + color: var(--whiteColor); +} + +.team-box .content span { + display: block; + color: var(--whiteColor); + margin-bottom: 15px; + font-weight: 600; +} + +.team-box .content .social { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.team-box .content .social li { + display: inline-block; + margin-left: 7px; + margin-right: 7px; +} + +.team-box .content .social li a { + display: block; + font-size: 20px; + color: var(--whiteColor); +} + +.team-box .content .social li a:hover { + color: var(--whiteColor); + opacity: 0.85; +} + +.team-box:hover img, .team-box.active img { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} + +.team-box:hover .content, .team-box.active .content { + bottom: 0; + opacity: 1; + visibility: visible; +} + +.team-box.business-color .content { + background: var(--businessGradientColor); +} + +/*================================================ +How It Works Area CSS +=================================================*/ +.how-it-works-area .section-title { + max-width: 668px; +} + +.how-it-works-content { + padding-right: 30px; +} + +.how-it-works-content ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.how-it-works-content ul li { + margin-bottom: 30px; + position: relative; + padding-left: 65px; +} + +.how-it-works-content ul li i { + position: absolute; + left: 0; + top: 0; + font-size: 45px; + background: var(--saasGradientColor); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} + +.how-it-works-content ul li h3 { + font-size: 20px; + margin-bottom: 12px; +} + +.how-it-works-content ul li:last-child { + margin-bottom: 0; +} + +.how-it-works-content.white-color ul li { + color: var(--whiteColor); +} + +.how-it-works-content.white-color ul li h3 { + color: var(--whiteColor); +} + +.how-it-works-content.white-color ul li p { + color: var(--whiteColor); + opacity: 0.9; +} + +.how-it-works-image { + text-align: center; +} + +/*================================================ +Skills Area CSS +=================================================*/ +.skills-area.with-border { + border-top: 1px solid #f0f0f0; +} + +.single-skills-box { + margin-bottom: 30px; + text-align: center; + padding: 30px; + background-color: #ffefef; +} + +.single-skills-box.bg-eaf6ff { + background-color: #eaf6ff; +} + +.single-skills-box.bg-fff5e6 { + background-color: #fff5e6; +} + +.single-skills-box.bg-f0efff { + background-color: #f0efff; +} + +/*================================================ +Expertise Area CSS +=================================================*/ +.expertise-area { + border-bottom: 1px solid #f0f0f0; +} + +.expertise-box { + margin-bottom: 30px; +} + +.expertise-box .icon { + display: block; + width: 80px; + height: 80px; + font-size: 40px; + line-height: 80px; + color: var(--personalPortfolioMainColor); + border-radius: 10px; + -webkit-transition: var(--transition); + transition: var(--transition); + margin-bottom: 25px; + text-align: center; + background-color: #f0efff; +} + +.expertise-box .icon.bg-fff5e6 { + background-color: #fff5e6; +} + +.expertise-box .icon.bg-f3f9e7 { + background-color: #f3f9e7; +} + +.expertise-box .icon.bg-ffefef { + background-color: #ffefef; +} + +.expertise-box .icon.bg-eaf6ff { + background-color: #eaf6ff; +} + +.expertise-box .icon.bg-faf2ff { + background-color: #faf2ff; +} + +.expertise-box h3 { + font-size: 20px; + margin-bottom: 12px; +} + +.expertise-box:hover .icon { + background-color: var(--personalPortfolioMainColor); + color: var(--whiteColor); +} + +/*================================================ +CTA Area CSS +=================================================*/ +.cta-area { + position: relative; + z-index: 1; + background-color: var(--blackColor); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + background-image: url(../../assets/img/cta-bg1.jpg); +} + +.cta-area::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background-color: #000000; + opacity: .75; +} + +.cta-content { + text-align: center; + max-width: 720px; + margin-left: auto; + margin-right: auto; +} + +.cta-content h2 { + color: var(--whiteColor); + margin-bottom: 0; + line-height: 1.4; + font-size: 40px; +} + +.cta-content p { + color: var(--whiteColor); + max-width: 600px; + opacity: 0.9; + margin-right: auto; + margin-left: auto; + margin-top: 20px; +} + +.cta-content .default-btn { + margin-top: 15px; +} + +.cta-content .default-btn:hover { + background-color: var(--whiteColor); + color: var(--blackColor); +} + +.cta-content .default-btn:hover i { + color: var(--blackColor); +} + +.call-to-action-area.bg-image { + background-image: url(../../assets/img/bg7.jpg); + background-position: right center; + background-repeat: no-repeat; + background-size: cover; +} + +.call-to-action-content { + color: var(--whiteColor); +} + +.call-to-action-content h2 { + color: var(--whiteColor); + margin-bottom: 0; + line-height: 1.4; + font-size: 37px; +} + +.call-to-action-btn { + text-align: end; +} + +.call-to-action-btn .default-btn:hover { + background-color: var(--whiteColor); + color: var(--blackColor); +} + +.call-to-action-btn .default-btn:hover i { + color: var(--blackColor); +} + +.call-to-action-inner { + background-color: var(--blackColor); + border-radius: 10px; + padding-left: 50px; + padding-right: 50px; +} + +.call-to-action-inner.it-agency-color { + background: var(--itAgencyGradientColor); +} + +.call-to-action-inner.it-agency-color .default-btn { + background: var(--whiteColor); + color: var(--blackColor); +} + +.call-to-action-inner.it-agency-color .default-btn i { + color: var(--blackColor); +} + +.call-to-action-inner.it-agency-color .default-btn:hover { + background: var(--blackColor); + color: var(--whiteColor); +} + +.call-to-action-inner.it-agency-color .default-btn:hover i { + color: var(--whiteColor); +} + +.call-to-action-inner.startup-color { + background: var(--startupMainColor); +} + +.call-to-action-inner.startup-color .default-btn { + background: var(--whiteColor); + color: var(--blackColor); +} + +.call-to-action-inner.startup-color .default-btn i { + color: var(--blackColor); +} + +.call-to-action-inner.startup-color .default-btn:hover { + background: var(--blackColor); + color: var(--whiteColor); +} + +.call-to-action-inner.startup-color .default-btn:hover i { + color: var(--whiteColor); +} + +/*================================================ +Timeline/Short Brief Area CSS +=================================================*/ +.short-brief-area { + border-bottom: 1px solid #f0f0f0; +} + +.short-brief-content { + margin-bottom: 30px; +} + +.short-brief-content .timeline { + width: 100%; + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.short-brief-content .timeline-item { + padding-left: 40px; + position: relative; +} + +.short-brief-content .timeline-item:last-child .timeline-content { + padding-bottom: 0; +} + +.short-brief-content .timeline-item:not(.period):hover .timeline-marker::before { + background: transparent; + border: 3px solid var(--blackColor); +} + +.short-brief-content .timeline-marker { + position: absolute; + width: 15px; + bottom: 0; + top: 0; + left: 0; +} + +.short-brief-content .timeline-marker::before { + -webkit-transition: background 0.3s ease-in-out, border 0.3s ease-in-out; + transition: background 0.3s ease-in-out, border 0.3s ease-in-out; + background: var(--blackColor); + border: 3px solid transparent; + border-radius: 100%; + position: absolute; + display: block; + height: 15px; + width: 15px; + content: ""; + top: 4px; + left: 0; +} + +.short-brief-content .timeline-marker::after { + background: #eeeeee; + position: absolute; + display: block; + content: ""; + top: 24px; + bottom: 0; + left: 6px; + width: 3px; +} + +.short-brief-content .timeline-content { + padding-bottom: 30px; +} + +.short-brief-content .timeline-content h3 { + font-size: 20px; + margin-bottom: 13px; +} + +.short-brief-content .timeline-info .sub-title { + color: var(--optionalColor); + margin-bottom: 12px; + font-weight: 500; + display: block; +} + +.short-brief-content .timeline-info .sub-title span { + display: inline-block; + font-size: 18px; + font-weight: 700; +} + +/*================================================ +App Download Area CSS +=================================================*/ +.app-download-area { + background-image: url(../../assets/img/bg6.jpg); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; +} + +.app-download-image { + text-align: center; + padding-right: 30px; +} + +.app-download-content .sub-title { + display: block; + margin-bottom: 12px; + color: var(--businessMainColor); + font-family: var(--headingFontFamily); + font-weight: 600; + font-size: 14px; +} + +.app-download-content h2 { + margin-bottom: 15px; + font-size: 40px; +} + +.app-download-content .btn-box { + margin-top: 25px; +} + +.app-download-content .btn-box .store-btn { + display: inline-block; + background-color: var(--whiteColor); + position: relative; + color: var(--optionalColor); + padding: 11px 30px 11px 70px; + margin-right: 15px; + border-radius: 5px; + -webkit-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.02), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.04); + box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.02), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.04); + font-size: 13.5px; + font-weight: 600; +} + +.app-download-content .btn-box .store-btn img { + position: absolute; + left: 18px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + color: var(--blackColor); + font-size: 40px; + font-weight: normal; +} + +.app-download-content .btn-box .store-btn span { + display: block; + color: var(--blackColor); + margin-top: 2px; + font-size: 18px; + font-weight: 700; +} + +.app-download-content .btn-box .store-btn:last-child { + margin-right: 0; +} + +/*================================================ +Trending Style Area CSS +=================================================*/ +.trending-style-image { + position: relative; + margin-right: 15px; + padding-bottom: 100px; + padding-right: 150px; +} + +.trending-style-image img:nth-child(2) { + position: absolute; + right: 0; + bottom: 0; + width: 315px; +} + +.trending-style-content { + padding-left: 15px; +} + +.trending-style-content .sub-title { + display: block; + margin-bottom: 12px; + color: var(--shopMainColor); + font-family: var(--headingFontFamily); + font-weight: 600; + font-size: 14px; +} + +.trending-style-content h2 { + margin-bottom: 16px; + font-size: 40px; +} + +.trending-style-content h3 { + font-size: 20px; + line-height: 1.4; + margin-bottom: 15px; +} + +.trending-style-content .default-btn { + margin-top: 10px; +} + +/*================================================ +Pricing Area CSS +=================================================*/ +.pricing-area.with-black-border { + border-top: 1px solid #12141a; +} + +.single-pricing-box { + padding: 40px; + margin-bottom: 30px; + border: 1px dashed #eeeeee; + background-color: var(--whiteColor); + -webkit-box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); + box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-pricing-box .pricing-header { + margin-bottom: 25px; + padding-bottom: 25px; + border-bottom: 1px solid #eeeeee; +} + +.single-pricing-box .pricing-header h3 { + color: var(--marketingMainColor); + margin-bottom: 12px; + line-height: 1; + font-weight: 700; + font-size: 45px; +} + +.single-pricing-box .pricing-header h3 span { + color: var(--optionalColor); + font-size: var(--fontSize); + font-weight: normal; +} + +.single-pricing-box .pricing-header .sub-title { + display: block; + font-weight: 700; + color: var(--blackColor); +} + +.single-pricing-box .features-list { + margin-bottom: 25px; + padding-left: 0; + list-style-type: none; +} + +.single-pricing-box .features-list li { + margin-bottom: 12px; + color: var(--optionalColor); + font-family: var(--headingFontFamily); + position: relative; + padding-left: 25px; +} + +.single-pricing-box .features-list li i { + position: absolute; + left: 0; + top: 5px; + color: var(--marketingMainColor); +} + +.single-pricing-box .features-list li i.close { + color: red; +} + +.single-pricing-box .features-list li:last-child { + margin-bottom: 0; +} + +.single-pricing-box .default-btn { + display: block; + width: 100%; + text-align: center; + padding-left: 35px; + padding-right: 35px; + padding-top: 14px; + padding-bottom: 14px; +} + +.single-pricing-box .default-btn:hover { + color: var(--whiteColor); + background-color: #ffac00; +} + +.single-pricing-box:hover { + border-color: var(--marketingMainColor); +} + +.pricing-box { + margin-bottom: 30px; + text-align: center; + background-color: var(--whiteColor); + -webkit-box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); + box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); + padding: 30px; +} + +.pricing-box .pricing-header { + background: var(--appMainColor); + margin: -30px -30px 30px; + padding: 30px; + position: relative; + z-index: 1; + overflow: hidden; +} + +.pricing-box .pricing-header h3 { + margin-bottom: 15px; + font-size: 20px; + color: var(--whiteColor); +} + +.pricing-box .pricing-header .price { + color: var(--whiteColor); + margin-bottom: 12px; + line-height: 1; + font-weight: 700; + font-size: 45px; +} + +.pricing-box .pricing-header .price span { + opacity: 0.9; + font-size: var(--fontSize); + font-weight: normal; +} + +.pricing-box .pricing-header::before { + width: 400px; + height: 400px; + content: ''; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + border-radius: 50%; + bottom: 10px; + background-color: #0084ff; + opacity: 0.1; + z-index: -1; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.pricing-box .features-list { + padding-left: 0; + margin-bottom: 30px; + list-style-type: none; +} + +.pricing-box .features-list li { + margin-bottom: 12px; + color: var(--optionalColor); + font-family: var(--headingFontFamily); + position: relative; +} + +.pricing-box .features-list li.unactive { + text-decoration: line-through; + color: #9b9dbb; +} + +.pricing-box .features-list li:last-child { + margin-bottom: 0; +} + +.pricing-box .default-btn { + background: transparent; + color: var(--blackColor); + border: 1px solid var(--appMainColor); + -webkit-box-shadow: unset; + box-shadow: unset; +} + +.pricing-box .default-btn i { + color: var(--blackColor); +} + +.pricing-box .default-btn:hover { + background: var(--appMainColor); + border-color: var(--appMainColor); + color: var(--whiteColor); +} + +.pricing-box .default-btn:hover i { + color: var(--whiteColor); +} + +.pricing-box.saas-color .pricing-header { + background: var(--saasGradientColor); +} + +.pricing-box.saas-color .pricing-header::before { + background-color: var(--appMainColor); +} + +.pricing-box.saas-color .default-btn { + border-color: #4d4d57; +} + +.pricing-box.saas-color .default-btn:hover { + background: var(--saasMainColor); + border-color: var(--saasMainColor); +} + +.pricing-box.bg-black { + -webkit-box-shadow: unset; + box-shadow: unset; + background-color: #040611; + border: 1px solid #272836; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.pricing-box.bg-black .pricing-header { + -webkit-transition: var(--transition); + transition: var(--transition); + background: transparent; + border-bottom: 1px solid #272836; + padding: 0 0 30px; + margin-top: 0; + margin-left: 0; + margin-right: 0; +} + +.pricing-box.bg-black .pricing-header::before { + display: none; +} + +.pricing-box.bg-black .features-list { + color: var(--whiteColor); +} + +.pricing-box.bg-black .features-list li { + color: var(--whiteColor); +} + +.pricing-box.bg-black .features-list li.unactive { + color: #5c5656; +} + +.pricing-box.bg-black .default-btn { + color: var(--whiteColor); +} + +.pricing-box.bg-black .default-btn i { + color: var(--whiteColor); +} + +.pricing-box:hover .pricing-header::before { + bottom: -185%; +} + +.pricing-box.active .default-btn { + -webkit-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1); + background: var(--appGradientColor); + color: var(--whiteColor); + border: none; +} + +.pricing-box.active .default-btn i { + color: var(--whiteColor); +} + +.pricing-box.active .default-btn.saas-color { + background: var(--saasGradientColor); +} + +.pricing-tabs { + margin-top: -10px; +} + +.pricing-tabs .nav { + padding-left: 0; + margin-bottom: 50px; + list-style-type: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border-bottom: none; +} + +.pricing-tabs .nav .nav-item .nav-link { + background-color: var(--whiteColor); + position: relative; + z-index: 1; + color: var(--blackColor); + border-radius: 0; + border: none; + padding: 11px 35px; + font-size: var(--fontSize); + font-weight: 700; +} + +.pricing-tabs .nav .nav-item .nav-link::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background: var(--saasGradientColor); + -webkit-transition: var(--transition); + transition: var(--transition); + opacity: 0; + visibility: hidden; +} + +.pricing-tabs .nav .nav-item .nav-link:hover, .pricing-tabs .nav .nav-item .nav-link.active { + color: var(--whiteColor); +} + +.pricing-tabs .nav .nav-item .nav-link:hover::before, .pricing-tabs .nav .nav-item .nav-link.active::before { + opacity: 1; + visibility: visible; +} + +.pricing-tabs .nav .nav-item:first-child .nav-link { + border-radius: 5px 0 0 5px; +} + +.pricing-tabs .nav .nav-item:first-child .nav-link::before { + border-radius: 5px 0 0 5px; +} + +.pricing-tabs .nav .nav-item:last-child .nav-link { + border-radius: 0 5px 5px 0; +} + +.pricing-tabs .nav .nav-item:last-child .nav-link::before { + border-radius: 0 5px 5px 0; +} + +.pricing-item { + padding: 30px; + overflow: hidden; + position: relative; + text-align: center; + margin-bottom: 30px; + background-color: #f3f4f7; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.pricing-item .pricing-header { + border-bottom: 1px solid #e5e4e4; + -webkit-transition: var(--transition); + transition: var(--transition); + margin: -30px 0 30px; + padding: 30px; +} + +.pricing-item .pricing-header h3 { + -webkit-transition: var(--transition); + transition: var(--transition); + margin-bottom: 15px; + font-size: 20px; +} + +.pricing-item .pricing-header .price { + color: var(--consultingMainColor); + margin-bottom: 12px; + line-height: 1; + font-weight: 700; + font-size: 45px; +} + +.pricing-item .pricing-header .price span { + opacity: 0.9; + color: var(--optionalColor); + -webkit-transition: var(--transition); + transition: var(--transition); + font-size: var(--fontSize); + font-weight: normal; +} + +.pricing-item .features-list { + padding-left: 0; + margin-bottom: 30px; + list-style-type: none; +} + +.pricing-item .features-list li { + margin-bottom: 12.5px; + font-family: var(--headingFontFamily); +} + +.pricing-item .features-list li.unactive { + text-decoration: line-through; + color: #b0b1c0; +} + +.pricing-item .features-list li:last-child { + margin-bottom: 0; +} + +.pricing-item .ribbon { + top: -10px; + right: -25px; + width: 150px; + height: 150px; + overflow: hidden; + position: absolute; +} + +.pricing-item .ribbon span { + background-color: var(--whiteColor); + text-transform: uppercase; + color: var(--blackColor); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + text-align: center; + position: absolute; + display: block; + width: 225px; + left: -25px; + top: 30px; + padding-top: 8px; + padding-bottom: 8px; + font-size: var(--fontSize); + font-weight: 700; +} + +.pricing-item.active, .pricing-item:hover { + color: var(--whiteColor); + background-color: var(--blackColor); +} + +.pricing-item.active .pricing-header, .pricing-item:hover .pricing-header { + border-bottom-color: #464c59; +} + +.pricing-item.active .pricing-header h3, .pricing-item:hover .pricing-header h3 { + color: var(--whiteColor); +} + +.pricing-item.active .pricing-header .price span, .pricing-item:hover .pricing-header .price span { + color: var(--whiteColor); +} + +.pricing-item.active .default-btn, .pricing-item:hover .default-btn { + background-color: var(--whiteColor); + color: var(--blackColor); +} + +.pricing-item.active .default-btn i, .pricing-item:hover .default-btn i { + color: var(--blackColor); +} + +.pricing-item.border-radius { + border-radius: 10px; + background-color: #f9f9f9; +} + +.pricing-item.it-agency-color .pricing-header { + border-bottom: none; + background-color: #fff5e6; + margin-left: -30px; + margin-right: -30px; +} + +.pricing-item.it-agency-color .pricing-header h3 { + color: var(--blackColor); +} + +.pricing-item.it-agency-color .pricing-header .price { + color: var(--blackColor); +} + +.pricing-item.it-agency-color .features-list { + color: var(--blackColor); +} + +.pricing-item.it-agency-color .features-list li { + color: var(--blackColor); +} + +.pricing-item.it-agency-color .features-list li.unactive { + color: #b0b1c0; +} + +.pricing-item.it-agency-color .default-btn { + background-color: var(--blackColor); + color: var(--whiteColor); +} + +.pricing-item.it-agency-color .default-btn i { + color: var(--whiteColor); +} + +.pricing-item.it-agency-color:hover .pricing-header .price span { + color: var(--optionalColor); +} + +.pricing-item.it-agency-color.active { + background-color: #f9f9f9; +} + +.pricing-item.it-agency-color.active .pricing-header { + background: var(--itAgencyGradientColor); +} + +.pricing-item.it-agency-color.active .pricing-header h3 { + color: var(--whiteColor); +} + +.pricing-item.it-agency-color.active .pricing-header .price { + color: var(--whiteColor); +} + +.pricing-item.it-agency-color.active .pricing-header .price span { + color: var(--whiteColor); +} + +.pricing-item.it-agency-color.active .default-btn { + background: var(--itAgencyGradientColor); + color: var(--whiteColor); +} + +.pricing-item.it-agency-color.active .default-btn i { + color: var(--whiteColor); +} + +.pricing-item.startup-color .pricing-header .price { + color: var(--startupMainColor); +} + +/*================================================ +App Screenshot Area CSS +=================================================*/ +.app-screenshot-area { + background: var(--appGradientColor); + position: relative; + overflow: hidden; + z-index: 1; +} + +.app-screenshot-area .section-title h2 { + color: var(--whiteColor); +} + +.app-screenshot-area .section-title p { + color: var(--whiteColor); +} + +.app-screenshot-area::before { + content: ''; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 200px; + z-index: -1; + background-color: var(--whiteColor); +} + +.app-screenshot-area .overlay { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -2; +} + +.app-screenshot-area .overlay::before { + width: 650px; + height: 650px; + position: absolute; + left: -3%; + border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; + top: -25%; + content: ''; + background-color: #0084ff; + opacity: 0.10; + -webkit-animation: border-transform 10s linear infinite alternate forwards; + animation: border-transform 10s linear infinite alternate forwards; +} + +.app-screenshot-area .overlay::after { + right: -3%; + bottom: 0; + content: ''; + opacity: 0.10; + width: 600px; + height: 600px; + position: absolute; + border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; + background-color: #0084ff; + -webkit-animation: border-transform 10s linear infinite alternate forwards; + animation: border-transform 10s linear infinite alternate forwards; +} + +.single-sccrenshot-item { + text-align: center; +} + +.screenshot-wrap { + position: relative; +} + +.screenshot-wrap .screenshot-frame { + z-index: 2; + border-radius: 20px; + display: block; + width: 241px; + height: 504px; + position: absolute; + top: 0; + bottom: 0; + margin: 10px 0; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + background-image: url(../../assets/img/screenshot/frame.png); + background-repeat: no-repeat; + background-size: 100% 100%; +} + +.screenshot-slides { + margin-top: -10px; + margin-bottom: -10px; +} + +.screenshot-slides.owl-theme .owl-nav { + margin-top: 0; +} + +.screenshot-slides.owl-theme .owl-nav [class*=owl-] { + margin: 0; + background-color: var(--whiteColor); + color: var(--appMainColor); + -webkit-transition: var(--transition); + transition: var(--transition); + border: none; + cursor: pointer; + position: absolute; + left: -40px; + top: 50%; + width: 40px; + line-height: 40px; + height: 40px; + border-radius: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 18px; +} + +.screenshot-slides.owl-theme .owl-nav [class*=owl-].owl-next { + left: auto; + right: -40px; +} + +.screenshot-slides.owl-theme .owl-nav [class*=owl-] i { + line-height: 1; +} + +.screenshot-slides.owl-theme .owl-nav [class*=owl-]:hover { + background-color: var(--blackColor); + color: var(--whiteColor); +} + +/*================================================ +Facility Area CSS +=================================================*/ +.facility-content { + padding-right: 50px; +} + +.facility-content .item { + margin-bottom: 30px; + position: relative; + padding-left: 65px; +} + +.facility-content .item:last-child { + margin-bottom: 0; +} + +.facility-content .item i { + position: absolute; + font-size: 45px; + left: 0; + top: 0; +} + +.facility-content .item h3 { + font-size: 20px; + margin-bottom: 12px; +} + +/*================================================ +Latest Posts Area CSS +=================================================*/ +.latest-posts-area .section-title.style-four { + padding-bottom: 8px; + margin-top: -7px; + margin-bottom: 30px; +} + +.single-latest-post-box { + margin-bottom: 30px; +} + +.single-latest-post-box .post-image { + overflow: hidden; +} + +.single-latest-post-box .post-image img { + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-latest-post-box .post-content { + padding-top: 25px; + padding-left: 25px; + padding-right: 25px; +} + +.single-latest-post-box .post-content .tag { + margin-bottom: 12px; + display: inline-block; + position: relative; + font-weight: 600; + color: var(--blackColor); +} + +.single-latest-post-box .post-content .meta { + padding-left: 0; + margin-bottom: 13px; + list-style-type: none; +} + +.single-latest-post-box .post-content .meta li { + display: inline-block; + margin-right: 15px; + position: relative; + padding-left: 22px; + color: var(--optionalColor); +} + +.single-latest-post-box .post-content .meta li i { + position: absolute; + left: 0; + top: 4px; + color: var(--blackColor); +} + +.single-latest-post-box .post-content .meta li a { + color: var(--optionalColor); +} + +.single-latest-post-box .post-content .meta li a:hover { + color: var(--blackColor); +} + +.single-latest-post-box .post-content h3 { + margin-bottom: 12px; + line-height: 1.4; + font-size: 25px; +} + +.single-latest-post-box .post-content .link-btn { + font-weight: 600; + position: relative; + display: inline-block; + padding-right: 12px; +} + +.single-latest-post-box .post-content .link-btn i { + position: absolute; + right: 0; + top: 7px; + font-size: 12px; +} + +.single-latest-post-box .post-content .link-btn::before { + content: ''; + position: absolute; + right: 0; + bottom: 0; + width: 0%; + height: 1px; + background-color: var(--blackColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-latest-post-box .post-content .link-btn:hover { + padding-right: 15px; + color: var(--blackColor); +} + +.single-latest-post-box .post-content .link-btn:hover::before { + width: 100%; + right: auto; + left: 0; +} + +.single-latest-post-box:hover .post-image img { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} + +/*================================================ +Partner Area CSS +=================================================*/ +.partner-area.bg-business-color { + background: var(--businessGradientColor); +} + +.partner-area.with-top-border { + border-top: 1px solid #f0f0f0; +} + +.partner-area.bg-it-agency-color { + background: var(--itAgencyGradientColor); +} + +.partner-area.bg-1b2232 .section-title h2 { + color: var(--whiteColor); +} + +.partner-item { + text-align: center; +} + +.partner-item a img { + width: auto !important; + display: inline-block !important; +} + +/*================================================ +Clients Area CSS +=================================================*/ +.single-clients-box { + margin-bottom: 30px; + text-align: center; + background-color: var(--whiteColor); +} + +.single-clients-box a { + padding: 30px; +} + +.single-clients-box a img { + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-clients-box:hover a img { + -webkit-transform: scale(1.05); + transform: scale(1.05); +} + +/*================================================ +Featured Video Area CSS +=================================================*/ +.single-featured-video-box { + margin-bottom: 30px; +} + +.single-featured-video-box .image { + position: relative; + overflow: hidden; +} + +.single-featured-video-box .image img { + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-featured-video-box .image .video-btn { + position: absolute; + left: 15px; + bottom: 15px; + color: var(--whiteColor); + font-weight: 600; +} + +.single-featured-video-box .image .video-btn i { + display: inline-block; + width: 40px; + height: 40px; + color: var(--blackColor); + background-color: var(--whiteColor); + text-align: center; + border-radius: 50%; + line-height: 41px; + margin-right: 10px; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-featured-video-box .image .video-btn:hover i { + background-color: var(--blackColor); + color: var(--whiteColor); +} + +.single-featured-video-box .content { + margin-top: 25px; +} + +.single-featured-video-box .content .tag { + margin-bottom: 12px; + display: inline-block; + position: relative; + font-weight: 600; + color: var(--blackColor); +} + +.single-featured-video-box .content .meta { + padding-left: 0; + margin-bottom: 13px; + list-style-type: none; +} + +.single-featured-video-box .content .meta li { + display: inline-block; + margin-right: 15px; + position: relative; + padding-left: 22px; + color: var(--optionalColor); +} + +.single-featured-video-box .content .meta li i { + position: absolute; + left: 0; + top: 4px; + color: var(--blackColor); +} + +.single-featured-video-box .content .meta li a { + color: var(--optionalColor); +} + +.single-featured-video-box .content .meta li a:hover { + color: var(--blackColor); +} + +.single-featured-video-box .content h3 { + margin-bottom: 0; + line-height: 1.4; + font-size: 25px; +} + +.single-featured-video-box:hover img { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} + +.featured-video-item-list .single-featured-video-item { + margin-bottom: 30px; +} + +.featured-video-item-list .single-featured-video-item .row { + margin-left: 0; + margin-right: 0; +} + +.featured-video-item-list .single-featured-video-item .row .col-lg-4, .featured-video-item-list .single-featured-video-item .row .col-lg-8 { + padding-left: 0; + padding-right: 0; +} + +.featured-video-item-list .single-featured-video-item .image { + height: 100%; + position: relative; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; +} + +.featured-video-item-list .single-featured-video-item .image.bg1 { + background-image: url(../../assets/img/featured-video/featured-video2.jpg); +} + +.featured-video-item-list .single-featured-video-item .image.bg2 { + background-image: url(../../assets/img/featured-video/featured-video3.jpg); +} + +.featured-video-item-list .single-featured-video-item .image.bg3 { + background-image: url(../../assets/img/featured-video/featured-video4.jpg); +} + +.featured-video-item-list .single-featured-video-item .image.bg4 { + background-image: url(../../assets/img/featured-video/featured-video5.jpg); +} + +.featured-video-item-list .single-featured-video-item .image img { + display: none; +} + +.featured-video-item-list .single-featured-video-item .image .link-btn { + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 1; + display: block; + position: absolute; +} + +.featured-video-item-list .single-featured-video-item .image .video-btn { + color: var(--whiteColor); + position: absolute; + bottom: 10px; + left: 10px; + z-index: 2; + font-size: 14px; + font-weight: 600; +} + +.featured-video-item-list .single-featured-video-item .image .video-btn i { + display: inline-block; + width: 35px; + height: 35px; + color: var(--blackColor); + background-color: var(--whiteColor); + text-align: center; + border-radius: 50%; + line-height: 36px; + margin-right: 5px; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.featured-video-item-list .single-featured-video-item .image .video-btn:hover i { + background-color: var(--blackColor); + color: var(--whiteColor); +} + +.featured-video-item-list .single-featured-video-item .content { + padding-left: 25px; + padding-top: 9.5px; + padding-bottom: 9.5px; +} + +.featured-video-item-list .single-featured-video-item .content .meta { + padding-left: 0; + margin-bottom: 13px; + list-style-type: none; +} + +.featured-video-item-list .single-featured-video-item .content .meta li { + display: inline-block; + margin-right: 15px; + position: relative; + padding-left: 22px; + color: var(--optionalColor); +} + +.featured-video-item-list .single-featured-video-item .content .meta li i { + position: absolute; + left: 0; + top: 4px; + color: var(--blackColor); +} + +.featured-video-item-list .single-featured-video-item .content .meta li a { + color: var(--optionalColor); +} + +.featured-video-item-list .single-featured-video-item .content .meta li a:hover { + color: var(--blackColor); +} + +.featured-video-item-list .single-featured-video-item .content h3 { + margin-bottom: 0; + line-height: 1.4; + font-size: 20px; +} + +/*================================================ +Blog Area CSS +=================================================*/ +.blog-area.with-border { + border-top: 1px solid #f0f0f0; +} + +.blog-area.with-black-border { + border-top: 1px solid #12141a; +} + +.single-blog-post { + margin-bottom: 30px; + position: relative; + overflow: hidden; +} + +.single-blog-post img { + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-blog-post .content { + left: 0; + right: 0; + bottom: 0; + z-index: 2; + padding: 25px; + position: absolute; +} + +.single-blog-post .content .meta { + padding-left: 0; + margin-bottom: 13px; + list-style-type: none; +} + +.single-blog-post .content .meta li { + display: inline-block; + margin-right: 15px; + color: var(--whiteColor); + position: relative; + padding-left: 22px; +} + +.single-blog-post .content .meta li i { + position: absolute; + left: 0; + top: 4px; + color: var(--startupMainColor); +} + +.single-blog-post .content .meta li a { + color: var(--whiteColor); +} + +.single-blog-post .content h3 { + color: var(--whiteColor); + margin-bottom: 13px; + font-size: 20px; + line-height: 1.4; +} + +.single-blog-post .content h3 a { + color: var(--whiteColor); +} + +.single-blog-post .content h3 a:hover { + color: var(--startupMainColor); +} + +.single-blog-post .content .link-btn { + font-weight: 500; + position: relative; + opacity: 0.85; + color: var(--whiteColor); + padding-right: 12px; + padding-bottom: 2px; +} + +.single-blog-post .content .link-btn i { + position: absolute; + right: 0; + top: 7px; + font-size: 12px; +} + +.single-blog-post .content .link-btn::before { + content: ''; + position: absolute; + right: 0; + bottom: 0; + width: 0%; + height: 1px; + background-color: #eeeeee; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-blog-post .content .link-btn:hover { + opacity: 1; + padding-right: 15px; +} + +.single-blog-post .content .link-btn:hover::before { + width: 100%; + right: auto; + left: 0; +} + +.single-blog-post::before { + position: absolute; + height: 100%; + content: ""; + width: 100%; + z-index: 1; + left: 0; + top: 0; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(35, 35, 37, 0.9)), color-stop(50%, rgba(35, 35, 37, 0.5)), color-stop(75%, rgba(22, 22, 23, 0)), to(rgba(0, 0, 0, 0))); + background: linear-gradient(to top, rgba(35, 35, 37, 0.9) 0, rgba(35, 35, 37, 0.5) 50%, rgba(22, 22, 23, 0) 75%, rgba(0, 0, 0, 0) 100%); +} + +.single-blog-post:hover img { + -webkit-transform: scale(1.05); + transform: scale(1.05); +} + +.blog-section-title { + margin-bottom: 30px; +} + +.blog-section-title h2 { + margin-bottom: 0; + font-size: 40px; +} + +.blog-section-title p { + margin-top: 15px; +} + +.blog-section-title .sub-title { + display: block; + margin-bottom: 12px; + color: var(--startupMainColor); + font-family: var(--headingFontFamily); + font-weight: 600; + font-size: 14px; +} + +.blog-section-title .sub-title.marketing-color { + color: var(--marketingMainColor); +} + +.blog-section-title .default-btn { + margin-top: 10px; +} + +.single-post-item { + margin-bottom: 30px; + background-color: var(--whiteColor); + -webkit-box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); + box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); +} + +.single-post-item .post-content { + padding: 25px; +} + +.single-post-item .post-content .tag { + margin-bottom: 14px; + display: inline-block; + position: relative; + padding-left: 24px; + font-weight: 600; + color: var(--appMainColor); +} + +.single-post-item .post-content .tag i { + position: absolute; + left: 0; + top: 4px; +} + +.single-post-item .post-content .meta { + padding-left: 0; + margin-bottom: 13px; + list-style-type: none; +} + +.single-post-item .post-content .meta li { + display: inline-block; + margin-right: 15px; + position: relative; + padding-left: 22px; + color: var(--optionalColor); +} + +.single-post-item .post-content .meta li i { + position: absolute; + left: 0; + top: 4px; + color: var(--marketingMainColor); +} + +.single-post-item .post-content .meta li a { + color: var(--optionalColor); +} + +.single-post-item .post-content .meta li a:hover { + color: var(--marketingMainColor); +} + +.single-post-item .post-content h3 { + margin-bottom: 14px; + line-height: 1.4; + font-size: 20px; +} + +.single-post-item .post-content .link-btn { + font-weight: 600; + position: relative; + display: inline-block; + padding-right: 12px; +} + +.single-post-item .post-content .link-btn i { + position: absolute; + right: 0; + top: 7px; + font-size: 12px; +} + +.single-post-item .post-content .link-btn::before { + content: ''; + position: absolute; + right: 0; + bottom: 0; + width: 0%; + height: 1px; + background-color: var(--marketingMainColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-post-item .post-content .link-btn:hover { + padding-right: 15px; + color: var(--marketingMainColor); +} + +.single-post-item .post-content .link-btn:hover::before { + width: 100%; + right: auto; + left: 0; +} + +.single-post-item.border-radius { + border-radius: 10px; +} + +.single-post-item.border-radius .post-image { + border-radius: 10px 10px 0 0; +} + +.single-post-item.border-radius .post-image a { + border-radius: 10px 10px 0 0; +} + +.single-post-item.border-radius .post-image a img { + border-radius: 10px 10px 0 0; +} + +.single-post-item.business-color .post-content .meta li i { + color: var(--businessMainColor); +} + +.single-post-item.business-color .post-content .meta li a:hover { + color: var(--businessMainColor); +} + +.single-post-item.business-color .post-content .link-btn::before { + background-color: var(--businessMainColor); +} + +.single-post-item.business-color .post-content .link-btn:hover { + color: var(--businessMainColor); +} + +.single-post-item.app-color .post-content .meta li i { + color: var(--appMainColor); +} + +.single-post-item.app-color .post-content .meta li a:hover { + color: var(--appMainColor); +} + +.single-post-item.app-color .post-content .link-btn::before { + background-color: var(--appMainColor); +} + +.single-post-item.app-color .post-content .link-btn:hover { + color: var(--appMainColor); +} + +.single-post-item.saas-color .post-content .meta li i { + color: var(--saasMainColor); +} + +.single-post-item.saas-color .post-content .meta li a:hover { + color: var(--saasMainColor); +} + +.single-post-item.saas-color .post-content .link-btn::before { + background-color: var(--saasMainColor); +} + +.single-post-item.saas-color .post-content .link-btn:hover { + color: var(--saasMainColor); +} + +.single-post-item.bg-black { + background-color: #040611; + -webkit-box-shadow: unset; + box-shadow: unset; + border: 1px solid #272836; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-post-item.bg-black .post-content .tag { + color: var(--saasMainColor); +} + +.single-post-item.bg-black .post-content .meta { + color: var(--whiteColor); +} + +.single-post-item.bg-black .post-content .meta li { + color: var(--whiteColor); +} + +.single-post-item.bg-black .post-content .meta li i { + color: var(--saasMainColor); +} + +.single-post-item.bg-black .post-content .meta li a { + color: var(--whiteColor); +} + +.single-post-item.bg-black .post-content .meta li a:hover { + color: var(--saasMainColor); +} + +.single-post-item.bg-black .post-content h3 { + color: var(--whiteColor); +} + +.single-post-item.bg-black .post-content h3 a { + color: var(--whiteColor); +} + +.single-post-item.bg-black .post-content h3 a:hover { + color: var(--saasMainColor); +} + +.single-post-item.bg-black .post-content p { + color: var(--whiteColor); + opacity: 0.9; +} + +.single-post-item.bg-black .post-content .link-btn { + color: var(--whiteColor); +} + +.single-post-item.bg-black .post-content .link-btn::before { + background: var(--saasGradientColor); +} + +.single-post-item.bg-black .post-content .link-btn:hover { + color: var(--whiteColor); +} + +.single-post-item.bg-black:hover { + border-color: var(--whiteColor); +} + +.single-post-item.bg-faf2ff { + background-color: #faf2ff; + -webkit-box-shadow: unset; + box-shadow: unset; +} + +.single-post-item.bg-fff5e6 { + background-color: #fff5e6; + -webkit-box-shadow: unset; + box-shadow: unset; +} + +.single-post-item.bg-eaf6ff { + background-color: #eaf6ff; + -webkit-box-shadow: unset; + box-shadow: unset; +} + +.single-post-item.personal-portfolio-color .post-content .meta li i { + color: var(--personalPortfolioMainColor); +} + +.single-post-item.personal-portfolio-color .post-content .meta li a:hover { + color: var(--personalPortfolioMainColor); +} + +.single-post-item.personal-portfolio-color .post-content .link-btn::before { + background-color: var(--personalPortfolioMainColor); +} + +.single-post-item.personal-portfolio-color .post-content .link-btn:hover { + color: var(--personalPortfolioMainColor); +} + +.single-post-item.consulting-color .post-content .meta li i { + color: var(--consultingMainColor); +} + +.single-post-item.consulting-color .post-content .meta li a:hover { + color: var(--consultingMainColor); +} + +.single-post-item.consulting-color .post-content .link-btn::before { + background-color: var(--consultingMainColor); +} + +.single-post-item.consulting-color .post-content .link-btn:hover { + color: var(--consultingMainColor); +} + +.single-post-item.it-agency-color .post-content .tag { + color: var(--optionalColor); +} + +.single-post-item.it-agency-color .post-content .tag i { + color: var(--itAgencyMainColor); +} + +.single-post-item.it-agency-color .post-content .meta li i { + color: var(--itAgencyMainColor); +} + +.single-post-item.it-agency-color .post-content .meta li a:hover { + color: var(--itAgencyMainColor); +} + +.single-post-item.it-agency-color .post-content .link-btn::before { + background-color: var(--itAgencyMainColor); +} + +.single-post-item.it-agency-color .post-content .link-btn:hover { + color: var(--itAgencyMainColor); +} + +.single-post-item.without-box-shadow { + -webkit-box-shadow: unset; + box-shadow: unset; +} + +.single-post-item.without-box-shadow .post-content { + padding-bottom: 0; +} + +.single-post-item.without-box-shadow .post-content .meta li i { + color: var(--blackColor); +} + +.single-post-item.without-box-shadow .post-content .meta li a:hover { + color: var(--blackColor); +} + +.single-post-item.without-box-shadow .post-content .link-btn::before { + background-color: var(--blackColor); +} + +.single-post-item.without-box-shadow .post-content .link-btn:hover { + color: var(--blackColor); +} + +.single-post-item.startup-color .post-content .tag { + color: var(--startupMainColor); +} + +.single-post-item.startup-color .post-content .meta li i { + color: var(--startupMainColor); +} + +.single-post-item.startup-color .post-content .meta li a:hover { + color: var(--startupMainColor); +} + +.single-post-item.startup-color .post-content .link-btn::before { + background-color: var(--startupMainColor); +} + +.single-post-item.startup-color .post-content .link-btn:hover { + color: var(--startupMainColor); +} + +/*================================================ +Blog Details Area CSS +=================================================*/ +.blog-details-desc .article-content { + margin-top: 30px; +} + +.blog-details-desc .article-content .entry-meta { + margin-bottom: 15px; +} + +.blog-details-desc .article-content .entry-meta ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.blog-details-desc .article-content .entry-meta ul li { + display: inline-block; + margin-right: 20px; + color: var(--optionalColor); + font-weight: 500; + position: relative; + padding-left: 22px; +} + +.blog-details-desc .article-content .entry-meta ul li i { + position: absolute; + left: 0; + top: 4px; + color: var(--startupMainColor); +} + +.blog-details-desc .article-content .entry-meta ul li:last-child { + margin-right: 0; +} + +.blog-details-desc .article-content h3 { + font-size: 22px; + margin-bottom: 15px; + margin-top: 25px; +} + +.blog-details-desc .article-content .wp-block-gallery.columns-3 { + padding-left: 0; + list-style-type: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -10px; + margin-left: -10px; + margin-bottom: 30px; + margin-top: 30px; +} + +.blog-details-desc .article-content .wp-block-gallery.columns-3 li { + -webkit-box-flex: 0; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; + max-width: 33.3333%; + padding-right: 10px; + padding-left: 10px; +} + +.blog-details-desc .article-content .wp-block-gallery.columns-3 li figure { + margin-bottom: 0; +} + +.blog-details-desc .article-content .features-list { + margin-top: 25px; + margin-bottom: 30px; +} + +.blog-details-desc .article-content .features-list li { + margin-bottom: 15px; + color: var(--optionalColor); + font-weight: 500; +} + +.blog-details-desc .article-content .features-list li:last-child { + margin-bottom: 0; +} + +.blog-details-desc .article-footer { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-top: 30px; + padding-top: 30px; + border-top: 1px solid #eeeeee; +} + +.blog-details-desc .article-footer .article-tags { + -webkit-box-flex: 0; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; +} + +.blog-details-desc .article-footer .article-tags p { + line-height: 1; + margin-bottom: 0; + color: var(--blackColor); + font-weight: 600; + text-transform: uppercase; +} + +.blog-details-desc .article-footer .article-tags a { + display: inline-block; + margin-left: 10px; + background-color: #f9f9f9; + color: var(--blackColor); + border-radius: 30px; + padding: 7px 20px; +} + +.blog-details-desc .article-footer .article-tags a:hover { + background-color: var(--startupMainColor); + color: var(--whiteColor); +} + +.blog-details-desc .article-footer .article-share { + -webkit-box-flex: 0; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; +} + +.blog-details-desc .article-footer .article-share .social { + padding-left: 0; + list-style-type: none; + text-align: end; + margin-bottom: 0; +} + +.blog-details-desc .article-footer .article-share .social li { + display: inline-block; +} + +.blog-details-desc .article-footer .article-share .social li span { + display: inline-block; + margin-right: 3px; + font-weight: 600; +} + +.blog-details-desc .article-footer .article-share .social li a { + display: block; + width: 32px; + height: 32px; + line-height: 32px; + border-radius: 50%; + background-color: var(--startupMainColor); + color: var(--whiteColor); + border: 1px solid var(--startupMainColor); + text-align: center; + font-size: 14px; + margin-left: 2px; +} + +.blog-details-desc .article-footer .article-share .social li a:hover, .blog-details-desc .article-footer .article-share .social li a:focus { + color: var(--startupMainColor); + background-color: transparent; +} + +.blog-details-desc .article-footer .article-share .social li a.facebook { + background-color: #3b5998; + border-color: #3b5998; + color: var(--whiteColor); +} + +.blog-details-desc .article-footer .article-share .social li a.facebook:hover, .blog-details-desc .article-footer .article-share .social li a.facebook:focus { + color: #3b5998; + background-color: transparent; +} + +.blog-details-desc .article-footer .article-share .social li a.twitter { + background-color: #1da1f2; + border-color: #1da1f2; + color: var(--whiteColor); +} + +.blog-details-desc .article-footer .article-share .social li a.twitter:hover, .blog-details-desc .article-footer .article-share .social li a.twitter:focus { + color: #1da1f2; + background-color: transparent; +} + +.blog-details-desc .article-footer .article-share .social li a.linkedin { + background-color: #007bb5; + border-color: #007bb5; + color: var(--whiteColor); +} + +.blog-details-desc .article-footer .article-share .social li a.linkedin:hover, .blog-details-desc .article-footer .article-share .social li a.linkedin:focus { + color: #007bb5; + background-color: transparent; +} + +.blog-details-desc .article-footer .article-share .social li a.instagram { + background-color: #c13584; + border-color: #c13584; + color: var(--whiteColor); +} + +.blog-details-desc .article-footer .article-share .social li a.instagram:hover, .blog-details-desc .article-footer .article-share .social li a.instagram:focus { + color: #c13584; + background-color: transparent; +} + +blockquote, .blockquote { + z-index: 1; + overflow: hidden; + position: relative; + background-color: #fafafa; + padding: 40px 50px !important; + margin-bottom: 20px; + margin-top: 20px; +} + +blockquote p, .blockquote p { + line-height: 1.7; + margin-bottom: 0; + color: var(--blackColor); + font-weight: 700; + font-style: italic; + font-size: 17px !important; +} + +blockquote cite, .blockquote cite { + display: none; +} + +blockquote::after, .blockquote::after { + top: 0; + left: 0; + bottom: 0; + width: 3px; + content: ''; + position: absolute; + background-color: var(--startupMainColor); + margin-top: 20px; + margin-bottom: 20px; +} + +.comments-area { + margin-top: 30px; +} + +.comments-area .comments-title { + font-size: 22px; + margin-bottom: 30px; + line-height: initial; +} + +.comments-area ol, .comments-area ul { + padding: 0; + margin: 0; + list-style-type: none; +} + +.comments-area .comment-list { + padding: 0; + margin: 0; + list-style-type: none; +} + +.comments-area .children { + margin-left: 20px; +} + +.comments-area .comment-body { + border-bottom: 1px dashed #eeeeee; + padding-left: 70px; + color: var(--blackColor); + margin-bottom: 20px; + padding-bottom: 20px; +} + +.comments-area .comment-body .reply { + margin-top: 15px; +} + +.comments-area .comment-body .reply a { + border: 1px dashed #ded9d9; + color: var(--blackColor); + display: inline-block; + padding: 5px 20px 6px; + border-radius: 30px; + font-size: 13px; + font-weight: 700; +} + +.comments-area .comment-body .reply a:hover { + color: var(--whiteColor); + background-color: var(--startupMainColor); + border-color: var(--startupMainColor); +} + +.comments-area .comment-author { + font-size: 16px; + margin-bottom: 6px; + position: relative; + z-index: 2; +} + +.comments-area .comment-author .avatar { + height: 50px; + left: -65px; + position: absolute; + width: 50px; + top: 4px; +} + +.comments-area .comment-author .says { + display: none; +} + +.comments-area .comment-metadata { + margin-bottom: .7em; + color: var(--optionalColor); + letter-spacing: 0.01em; + font-size: 13px; + font-weight: 500; +} + +.comments-area .comment-respond { + margin-top: 30px; +} + +.comments-area .comment-respond .comment-reply-title { + margin-bottom: 0; + font-size: 22px; +} + +.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link { + display: inline-block; +} + +.comments-area .comment-respond .comment-form { + overflow: hidden; +} + +.comments-area .comment-respond .comment-notes { + margin-bottom: 20px; + margin-top: 10px; +} + +.comments-area .comment-respond .comment-notes .required { + color: red; +} + +.comments-area .comment-respond .comment-form-comment { + float: left; + width: 100%; +} + +.comments-area .comment-respond label { + display: none; +} + +.comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea { + outline: 0; + width: 100%; + border: none; + height: 50px; + display: block; + font-size: 15px; + border-radius: 3px; + padding: 1px 0 0 15px; + color: var(--blackColor); + background-color: #f9f9f9; +} + +.comments-area .comment-respond input[type="date"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="time"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="week"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="month"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="text"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="email"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="url"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="password"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="search"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="tel"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="number"]::-webkit-input-placeholder, .comments-area .comment-respond textarea::-webkit-input-placeholder { + color: var(--optionalColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.comments-area .comment-respond input[type="date"]:-ms-input-placeholder, .comments-area .comment-respond input[type="time"]:-ms-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]:-ms-input-placeholder, .comments-area .comment-respond input[type="week"]:-ms-input-placeholder, .comments-area .comment-respond input[type="month"]:-ms-input-placeholder, .comments-area .comment-respond input[type="text"]:-ms-input-placeholder, .comments-area .comment-respond input[type="email"]:-ms-input-placeholder, .comments-area .comment-respond input[type="url"]:-ms-input-placeholder, .comments-area .comment-respond input[type="password"]:-ms-input-placeholder, .comments-area .comment-respond input[type="search"]:-ms-input-placeholder, .comments-area .comment-respond input[type="tel"]:-ms-input-placeholder, .comments-area .comment-respond input[type="number"]:-ms-input-placeholder, .comments-area .comment-respond textarea:-ms-input-placeholder { + color: var(--optionalColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.comments-area .comment-respond input[type="date"]::-ms-input-placeholder, .comments-area .comment-respond input[type="time"]::-ms-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]::-ms-input-placeholder, .comments-area .comment-respond input[type="week"]::-ms-input-placeholder, .comments-area .comment-respond input[type="month"]::-ms-input-placeholder, .comments-area .comment-respond input[type="text"]::-ms-input-placeholder, .comments-area .comment-respond input[type="email"]::-ms-input-placeholder, .comments-area .comment-respond input[type="url"]::-ms-input-placeholder, .comments-area .comment-respond input[type="password"]::-ms-input-placeholder, .comments-area .comment-respond input[type="search"]::-ms-input-placeholder, .comments-area .comment-respond input[type="tel"]::-ms-input-placeholder, .comments-area .comment-respond input[type="number"]::-ms-input-placeholder, .comments-area .comment-respond textarea::-ms-input-placeholder { + color: var(--optionalColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.comments-area .comment-respond input[type="date"]::placeholder, .comments-area .comment-respond input[type="time"]::placeholder, .comments-area .comment-respond input[type="datetime-local"]::placeholder, .comments-area .comment-respond input[type="week"]::placeholder, .comments-area .comment-respond input[type="month"]::placeholder, .comments-area .comment-respond input[type="text"]::placeholder, .comments-area .comment-respond input[type="email"]::placeholder, .comments-area .comment-respond input[type="url"]::placeholder, .comments-area .comment-respond input[type="password"]::placeholder, .comments-area .comment-respond input[type="search"]::placeholder, .comments-area .comment-respond input[type="tel"]::placeholder, .comments-area .comment-respond input[type="number"]::placeholder, .comments-area .comment-respond textarea::placeholder { + color: var(--optionalColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.comments-area .comment-respond input[type="date"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="time"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="week"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="month"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="text"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="email"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="url"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="password"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="search"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="tel"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="number"]:focus::-webkit-input-placeholder, .comments-area .comment-respond textarea:focus::-webkit-input-placeholder { + color: transparent; +} + +.comments-area .comment-respond input[type="date"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="time"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="week"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="month"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="text"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="email"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="url"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="password"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="search"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="tel"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="number"]:focus:-ms-input-placeholder, .comments-area .comment-respond textarea:focus:-ms-input-placeholder { + color: transparent; +} + +.comments-area .comment-respond input[type="date"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="time"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="week"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="month"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="text"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="email"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="url"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="password"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="search"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="tel"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="number"]:focus::-ms-input-placeholder, .comments-area .comment-respond textarea:focus::-ms-input-placeholder { + color: transparent; +} + +.comments-area .comment-respond input[type="date"]:focus::placeholder, .comments-area .comment-respond input[type="time"]:focus::placeholder, .comments-area .comment-respond input[type="datetime-local"]:focus::placeholder, .comments-area .comment-respond input[type="week"]:focus::placeholder, .comments-area .comment-respond input[type="month"]:focus::placeholder, .comments-area .comment-respond input[type="text"]:focus::placeholder, .comments-area .comment-respond input[type="email"]:focus::placeholder, .comments-area .comment-respond input[type="url"]:focus::placeholder, .comments-area .comment-respond input[type="password"]:focus::placeholder, .comments-area .comment-respond input[type="search"]:focus::placeholder, .comments-area .comment-respond input[type="tel"]:focus::placeholder, .comments-area .comment-respond input[type="number"]:focus::placeholder, .comments-area .comment-respond textarea:focus::placeholder { + color: transparent; +} + +.comments-area .comment-respond textarea { + height: auto !important; + padding-top: 15px; +} + +.comments-area .comment-respond .comment-form-author { + float: left; + width: 50%; + padding-right: 10px; + margin-bottom: 20px; +} + +.comments-area .comment-respond .comment-form-email { + float: left; + width: 50%; + padding-left: 12px; + margin-bottom: 20px; +} + +.comments-area .comment-respond .comment-form-url { + float: left; + width: 100%; + margin-bottom: 20px; +} + +.comments-area .comment-respond .comment-form-cookies-consent { + width: 100%; + float: left; + position: relative; + padding-left: 20px; + margin-bottom: 20px; + margin-top: 15px; +} + +.comments-area .comment-respond .comment-form-cookies-consent input { + position: absolute; + left: 0; + top: 6px; +} + +.comments-area .comment-respond .comment-form-cookies-consent label { + margin: 0; + display: inline-block; + color: var(--optionalColor); + font-weight: normal; + font-size: var(--fontSize); +} + +.comments-area .comment-respond .form-submit { + float: left; + width: 100%; +} + +.comments-area .comment-respond .form-submit input { + border: none; + cursor: pointer; + border-radius: 4px; + padding: 10px 30px; + display: inline-block; + color: var(--whiteColor); + background: var(--startupMainColor); + -webkit-transition: var(--transition); + transition: var(--transition); + font-weight: 700; + font-size: var(--fontSize); +} + +.comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus { + color: var(--whiteColor); + background-color: var(--blackColor); +} + +/*================================================ +Widget Area CSS +=================================================*/ +.widget-area .widget { + margin-bottom: 35px; +} + +.widget-area .widget .widget-title { + border-bottom: 1px solid #eeeeee; + padding-bottom: 12px; + margin-bottom: 30px; + position: relative; + font-size: 20px; +} + +.widget-area .widget .widget-title::before { + left: 0; + width: 70px; + height: 1px; + content: ''; + bottom: -1px; + position: absolute; + background-color: var(--blackColor); +} + +.widget-area .widget:last-child { + margin-bottom: 0; +} + +.widget-area .widget_search { + -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); + box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); + background-color: var(--whiteColor); + padding: 15px; +} + +.widget-area .widget_search form { + position: relative; +} + +.widget-area .widget_search form label { + display: block; + margin-bottom: 0; +} + +.widget-area .widget_search form .screen-reader-text { + display: none; +} + +.widget-area .widget_search form .search-field { + outline: 0; + width: 100%; + height: 50px; + display: block; + padding: 0 0 0 15px; + -webkit-transition: var(--transition); + transition: var(--transition); + border: 1px solid #eeeeee; + background-color: transparent; +} + +.widget-area .widget_search form .search-field:focus { + border-color: var(--startupMainColor); +} + +.widget-area .widget_search form button { + position: absolute; + right: 0; + outline: 0; + bottom: 0; + height: 50px; + width: 50px; + border: none; + color: var(--whiteColor); + background-color: var(--startupMainColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.widget-area .widget_search form button:hover { + color: var(--whiteColor); + background-color: var(--blackColor); +} + +.widget-area .widget_about_author .about-author { + -webkit-transition: var(--transition); + transition: var(--transition); + border: 1px solid #eeeeee; + text-align: center; + padding: 30px; +} + +.widget-area .widget_about_author .about-author .main-image { + width: 100px; +} + +.widget-area .widget_about_author .about-author p { + margin-bottom: 15px; + margin-top: 25px; +} + +.widget-area .widget_about_author .about-author:hover { + border-color: var(--blackColor); +} + +.widget-area .widget_noke_posts_thumb { + position: relative; + overflow: hidden; +} + +.widget-area .widget_noke_posts_thumb .item { + margin-bottom: 20px; + position: relative; + padding-left: 115px; +} + +.widget-area .widget_noke_posts_thumb .item .thumb { + top: 0; + left: 0; + width: 100px; + float: unset; + height: 100%; + display: block; + position: absolute; +} + +.widget-area .widget_noke_posts_thumb .item .thumb .fullimage { + width: 100px; + height: 100%; + display: inline-block; + background-repeat: no-repeat; + background-size: cover !important; + background-position: center center !important; +} + +.widget-area .widget_noke_posts_thumb .item .thumb .fullimage.bg1 { + background-image: url(../../assets/img/blog/blog-img1.jpg); +} + +.widget-area .widget_noke_posts_thumb .item .thumb .fullimage.bg2 { + background-image: url(../../assets/img/blog/blog-img2.jpg); +} + +.widget-area .widget_noke_posts_thumb .item .thumb .fullimage.bg3 { + background-image: url(../../assets/img/blog/blog-img3.jpg); +} + +.widget-area .widget_noke_posts_thumb .item .thumb .fullimage.bg4 { + background-image: url(../../assets/img/blog/blog-img4.jpg); +} + +.widget-area .widget_noke_posts_thumb .item .thumb::before, .widget-area .widget_noke_posts_thumb .item .thumb::after { + content: ''; + z-index: 1; + top: 50%; + left: 50%; + opacity: 0; + position: absolute; + background-color: var(--whiteColor); + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1); + transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1); +} + +.widget-area .widget_noke_posts_thumb .item .thumb::before { + width: 40px; + height: 1px; + left: 100%; +} + +.widget-area .widget_noke_posts_thumb .item .thumb::after { + height: 40px; + width: 1px; + top: 0; +} + +.widget-area .widget_noke_posts_thumb .item .info .title { + font-size: 16px; + line-height: 1.5; + margin-bottom: 8px; +} + +.widget-area .widget_noke_posts_thumb .item .info .title a { + display: inline-block; +} + +.widget-area .widget_noke_posts_thumb .item .info .date { + padding-left: 20px; + position: relative; + color: var(--optionalColor); +} + +.widget-area .widget_noke_posts_thumb .item .info .date i { + position: absolute; + left: 0; + top: 3px; +} + +.widget-area .widget_noke_posts_thumb .item:last-child { + margin-bottom: 0; +} + +.widget-area .widget_noke_posts_thumb .item:hover .thumb::before, .widget-area .widget_noke_posts_thumb .item:hover .thumb::after { + opacity: 1; + top: 50%; + left: 50%; +} + +.widget-area .widget_follow_us ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.widget-area .widget_follow_us ul li { + margin-bottom: 15px; +} + +.widget-area .widget_follow_us ul li a { + display: block; + position: relative; + color: var(--whiteColor); + background-color: var(--blackColor); + padding-right: 15px; + padding-top: 10px; + padding-bottom: 10px; + padding-left: 55px; +} + +.widget-area .widget_follow_us ul li a i { + position: absolute; + left: 14px; + top: 50%; + font-size: 18px; + line-height: 1; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.widget-area .widget_follow_us ul li a::before { + content: ''; + position: absolute; + left: 42px; + top: 0; + height: 100%; + width: 1px; + opacity: 0.3; + background-color: var(--whiteColor); +} + +.widget-area .widget_follow_us ul li a.facebook { + background-color: #39569e; +} + +.widget-area .widget_follow_us ul li a.twitter { + background-color: #52aaf4; +} + +.widget-area .widget_follow_us ul li a.linkedin { + background-color: #0185ae; +} + +.widget-area .widget_follow_us ul li a.instagram { + background-color: #c8359d; +} + +.widget-area .widget_follow_us ul li:last-child { + margin-bottom: 0; +} + +.widget-area .widget_recent_posts .item { + margin-bottom: 15px; + padding-bottom: 15px; + border-bottom: 1px solid #eeeeee; +} + +.widget-area .widget_recent_posts .item .tag { + position: relative; + margin-bottom: 8px; + display: inline-block; + color: var(--blackColor); +} + +.widget-area .widget_recent_posts .item .title { + font-size: 16px; + line-height: 1.5; + margin-bottom: 10px; +} + +.widget-area .widget_recent_posts .item .title a { + display: inline-block; +} + +.widget-area .widget_recent_posts .item .date { + padding-left: 20px; + position: relative; + color: var(--optionalColor); +} + +.widget-area .widget_recent_posts .item .date i { + position: absolute; + left: 0; + top: 3px; +} + +.widget-area .widget_tag_cloud .tagcloud { + margin-bottom: -8px; +} + +.widget-area .widget_tag_cloud .tagcloud a { + display: inline-block; + border: 1px solid #eeeeee; + padding: 6px 15px; + color: var(--optionalColor); + margin-right: 8px; + margin-bottom: 8px; + font-size: 14px !important; + font-weight: 600; +} + +.widget-area .widget_tag_cloud .tagcloud a:hover { + background-color: var(--blackColor); + color: var(--whiteColor); + border-color: var(--blackColor); +} + +.widget-area .widget_newsletter { + background-color: #f6f7f9; + border: 1px solid #eeeeee; + text-align: center; + padding: 30px; +} + +.widget-area .widget_newsletter h4 { + font-size: 20px; + margin-bottom: 10px; +} + +.widget-area .widget_newsletter .newsletter-form { + margin-top: 20px; +} + +.widget-area .widget_newsletter .newsletter-form .input-newsletter { + display: block; + width: 100%; + background-color: var(--whiteColor); + border: 1px solid #eeeeee; + height: 50px; + padding-left: 15px; + color: var(--blackColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.widget-area .widget_newsletter .newsletter-form .input-newsletter:focus { + border-color: var(--blackColor); +} + +.widget-area .widget_newsletter .newsletter-form button { + display: block; + width: 100%; + text-align: center; + margin-top: 15px; + background-color: var(--blackColor); + color: var(--whiteColor); + border: none; + -webkit-transition: var(--transition); + transition: var(--transition); + padding: 13px 30px; + font-size: var(--fontSize); + font-weight: 700; +} + +.widget-area .widget_newsletter .newsletter-form button:hover { + background-color: var(--optionalColor); +} + +.widget-area .widget_categories ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.widget-area .widget_categories ul li { + margin-bottom: 12px; + position: relative; + padding-left: 15px; +} + +.widget-area .widget_categories ul li::before { + left: 0; + top: 50%; + width: 8px; + height: 8px; + content: ''; + position: absolute; + border-radius: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--optionalColor); +} + +.widget-area .widget_categories ul li a { + font-weight: 500; + display: inline-block; + color: var(--optionalColor); +} + +.widget-area .widget_categories ul li a:hover { + color: var(--startupMainColor); +} + +.widget-area .widget_categories ul li:last-child { + margin-bottom: 0; +} + +.widget-area .widget_archive ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.widget-area .widget_archive ul li { + margin-bottom: 12px; + position: relative; + padding-left: 15px; +} + +.widget-area .widget_archive ul li::before { + left: 0; + top: 50%; + width: 8px; + height: 8px; + content: ''; + position: absolute; + border-radius: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--optionalColor); +} + +.widget-area .widget_archive ul li a { + font-weight: 500; + display: inline-block; + color: var(--optionalColor); +} + +.widget-area .widget_archive ul li a:hover { + color: var(--startupMainColor); +} + +.widget-area .widget_archive ul li:last-child { + margin-bottom: 0; +} + +.widget-area .widget_colors ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.widget-area .widget_colors ul li { + display: block; + margin-bottom: 12px; + border-bottom: 1px dashed #eeeeee; + padding-bottom: 12px; +} + +.widget-area .widget_colors ul li a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.widget-area .widget_colors ul li a span { + display: block; + color: var(--optionalColor); +} + +.widget-area .widget_colors ul li a span:nth-child(1) { + width: 17px; + height: 17px; + font-size: 0; + margin-right: 8px; + letter-spacing: 0; + border-radius: 50%; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.widget-area .widget_colors ul li a span:nth-child(1).gray { + background-color: gray; +} + +.widget-area .widget_colors ul li a span:nth-child(1).red { + background-color: red; +} + +.widget-area .widget_colors ul li a span:nth-child(1).green { + background-color: green; +} + +.widget-area .widget_colors ul li a span:nth-child(1).black { + background-color: black; +} + +.widget-area .widget_colors ul li a span:nth-child(1).brown { + background-color: brown; +} + +.widget-area .widget_colors ul li a:hover span:nth-child(1) { + -webkit-transform: scale(1.2); + transform: scale(1.2); +} + +.widget-area .widget_price_filter .collection_filter_by_price .irs-handle { + cursor: pointer; +} + +.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-from, .widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-to, .widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-single { + background-color: var(--startupMainColor); + padding: 1px 5px 1px 11.5px; +} + +.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-from::before, .widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-to::before, .widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-single::before { + border-top-color: var(--startupMainColor); +} + +.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-from::after, .widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-to::after, .widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-single::after { + content: '$'; + position: absolute; + left: 5px; + top: 0.5px; +} + +.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-bar { + background-color: var(--startupMainColor); +} + +.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-handle > i:first-child { + background-color: var(--startupMainColor); +} + +.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-min, .widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-max { + padding: 1px 3px 1px 9.5px; +} + +.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-min::before, .widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-max::before { + content: '$'; + position: absolute; + left: 3px; + top: 0.5px; +} + +.widget-area .widget_top_rated_products .item { + margin-bottom: 15px; + position: relative; + padding-left: 95px; +} + +.widget-area .widget_top_rated_products .item .thumb { + top: 0; + left: 0; + width: 80px; + float: unset; + height: 100%; + display: block; + position: absolute; +} + +.widget-area .widget_top_rated_products .item .thumb .fullimage { + width: 80px; + height: 100%; + display: inline-block; + border: 1px solid #eeeeee; + background-repeat: no-repeat; + background-size: cover !important; + background-position: center center !important; +} + +.widget-area .widget_top_rated_products .item .thumb .fullimage.bg1 { + background-image: url(../../assets/img/products/products-img1.jpg); +} + +.widget-area .widget_top_rated_products .item .thumb .fullimage.bg2 { + background-image: url(../../assets/img/products/products-img2.jpg); +} + +.widget-area .widget_top_rated_products .item .thumb .fullimage.bg3 { + background-image: url(../../assets/img/products/products-img3.jpg); +} + +.widget-area .widget_top_rated_products .item .thumb .fullimage.bg4 { + background-image: url(../../assets/img/products/products-img4.jpg); +} + +.widget-area .widget_top_rated_products .item .info { + padding-top: 5px; + padding-bottom: 5px; +} + +.widget-area .widget_top_rated_products .item .info .title { + margin-bottom: 8px; + line-height: 1.4; + font-size: var(--fontSize); + font-weight: 600; +} + +.widget-area .widget_top_rated_products .item .info .title a { + display: inline-block; +} + +.widget-area .widget_top_rated_products .item .info .star-rating { + font-size: 14px; +} + +.widget-area .widget_top_rated_products .item .info .star-rating i { + color: #f49f0b; +} + +.widget-area .widget_top_rated_products .item .info .price { + margin-top: 8px; + display: block; + color: var(--optionalColor); +} + +.widget-area .widget_top_rated_products .item:last-child { + margin-bottom: 0; +} + +.widget-area .widget_service_categories ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.widget-area .widget_service_categories ul li { + font-weight: 500; + overflow: hidden; + margin-bottom: 13px; + padding-bottom: 13px; + color: var(--optionalColor); + border-bottom: 1px dashed #eeeeee; +} + +.widget-area .widget_service_categories ul li a { + display: block; + position: relative; + color: var(--optionalColor); +} + +.widget-area .widget_service_categories ul li a i { + position: absolute; + right: 5px; + top: 50%; + font-size: 14px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); +} + +.widget-area .widget_service_categories ul li a:hover { + color: var(--startupMainColor); +} + +.widget-area .widget_service_categories ul li a:hover i { + right: 0; + color: var(--startupMainColor); +} + +.widget-area .widget_service_categories ul li:last-child { + margin-bottom: 0; +} + +.widget-area.extra-padding { + padding-left: 15px; +} + +.widget-area.extra-padding.left-sidebar { + padding-left: 0; + padding-right: 15px; +} + +/*================================================ +Profile Authentication Area CSS +=================================================*/ +.profile-authentication-area { + height: 100vh; + position: relative; + background-color: #f3f3f3; +} + +.profile-authentication-area .logo { + left: 0; + right: 0; + top: 20px; + position: absolute; + text-align: center; + display: inline-block; +} + +.signin-form { + max-width: 550px; + border-radius: 5px; + padding: 40px; + background-color: var(--whiteColor); + margin-left: auto; + margin-right: auto; +} + +.signin-form h2 { + font-size: 30px; + margin-bottom: 30px; +} + +.signin-form form .form-group { + margin-bottom: 25px; +} + +.signin-form form .form-group .form-control { + background-color: #f5f5f5 !important; +} + +.signin-form form .remember-me-wrap { + margin-bottom: 0; +} + +.signin-form form .remember-me-wrap [type="checkbox"]:checked, .signin-form form .remember-me-wrap [type="checkbox"]:not(:checked) { + display: none; +} + +.signin-form form .remember-me-wrap [type="checkbox"]:checked + label, .signin-form form .remember-me-wrap [type="checkbox"]:not(:checked) + label { + position: relative; + padding-left: 28px; + cursor: pointer; + line-height: 20px; + display: inline-block; + margin-bottom: 0; + color: var(--optionalColor); +} + +.signin-form form .remember-me-wrap [type="checkbox"]:checked + label:before, .signin-form form .remember-me-wrap [type="checkbox"]:not(:checked) + label:before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 19px; + height: 19px; + -webkit-transition: all 0.2s ease; + transition: all 0.2s ease; + border: 1px solid #f5f5f5; + border-radius: 3px; + background: #f5f5f5; +} + +.signin-form form .remember-me-wrap [type="checkbox"]:checked + label:after, .signin-form form .remember-me-wrap [type="checkbox"]:not(:checked) + label:after { + content: ''; + width: 8px; + height: 8px; + background: var(--startupMainColor); + position: absolute; + top: 5.5px; + left: 6px; + -webkit-transition: all 0.2s ease; + transition: all 0.2s ease; +} + +.signin-form form .remember-me-wrap [type="checkbox"]:not(:checked) + label:after { + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0); +} + +.signin-form form .remember-me-wrap [type="checkbox"]:checked + label:after { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); +} + +.signin-form form .remember-me-wrap [type="checkbox"]:hover + label:before { + border-color: var(--startupMainColor); +} + +.signin-form form .remember-me-wrap [type="checkbox"]:checked + label:before { + border-color: var(--startupMainColor); +} + +.signin-form form .lost-your-password-wrap { + text-align: end; +} + +.signin-form form .lost-your-password-wrap a { + display: inline-block; + position: relative; + line-height: 1.5; + font-weight: 500; +} + +.signin-form form .lost-your-password-wrap a::before { + width: 100%; + height: 1px; + position: absolute; + left: 0; + bottom: 0; + content: ''; + -webkit-transition: var(--transition); + transition: var(--transition); + background-color: #eeeeee; +} + +.signin-form form .lost-your-password-wrap a::after { + width: 0; + height: 1px; + position: absolute; + left: 0; + -webkit-transition: var(--transition); + transition: var(--transition); + bottom: 0; + content: ''; + background-color: var(--startupMainColor); +} + +.signin-form form .lost-your-password-wrap a:hover::before { + width: 0; +} + +.signin-form form .lost-your-password-wrap a:hover::after { + width: 100%; +} + +.signin-form form button { + width: 100%; + border: none; + display: block; + overflow: hidden; + margin-top: 20px; + border-radius: 5px; + text-align: center; + padding: 14px 30px; + color: var(--whiteColor); + -webkit-transition: var(--transition); + transition: var(--transition); + background-color: var(--startupMainColor); + font-size: var(--fontSize); + font-weight: 700; +} + +.signin-form form button:hover { + background-color: var(--blackColor); + color: var(--whiteColor); +} + +.signin-form form .dont-account { + display: block; + margin-top: 25px; + color: var(--optionalColor); +} + +.signin-form form .dont-account a { + font-weight: 600; +} + +.signin-form .sign-in-with-button { + margin-top: 25px; +} + +.signin-form .sign-in-with-button button { + width: 100%; + display: block; + color: #248BD2; + border-radius: 5px; + border: 1px solid #D2D2D2; + background-color: transparent; + -webkit-transition: var(--transition); + transition: var(--transition); + padding-top: 13px; + padding-bottom: 13px; + padding-left: 30px; + padding-right: 30px; +} + +.signin-form .sign-in-with-button button svg { + position: absolute; + margin-left: -25px; + margin-left: -25px; + margin-top: 1.5px; +} + +.signin-form .sign-in-with-button button:hover { + color: var(--blackColor); + background-color: #E9E9E9; +} + +.signup-form { + max-width: 550px; + border-radius: 5px; + padding: 40px; + background-color: var(--whiteColor); + margin-left: auto; + margin-right: auto; +} + +.signup-form h2 { + font-size: 30px; + margin-bottom: 30px; +} + +.signup-form form .form-group { + margin-bottom: 25px; +} + +.signup-form form .form-group label { + display: block; + margin-bottom: 13px; + color: var(--blackColor); + font-weight: 600; +} + +.signup-form form .form-group .form-control { + background-color: #f5f5f5 !important; +} + +.signup-form form .remember-me-wrap { + margin-bottom: 0; +} + +.signup-form form .remember-me-wrap [type="checkbox"]:checked, .signup-form form .remember-me-wrap [type="checkbox"]:not(:checked) { + display: none; +} + +.signup-form form .remember-me-wrap [type="checkbox"]:checked + label, .signup-form form .remember-me-wrap [type="checkbox"]:not(:checked) + label { + position: relative; + padding-left: 28px; + cursor: pointer; + line-height: 20px; + display: inline-block; + margin-bottom: 0; + color: var(--optionalColor); +} + +.signup-form form .remember-me-wrap [type="checkbox"]:checked + label:before, .signup-form form .remember-me-wrap [type="checkbox"]:not(:checked) + label:before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 19px; + height: 19px; + -webkit-transition: all 0.2s ease; + transition: all 0.2s ease; + border: 1px solid #f5f5f5; + border-radius: 3px; + background: #f5f5f5; +} + +.signup-form form .remember-me-wrap [type="checkbox"]:checked + label:after, .signup-form form .remember-me-wrap [type="checkbox"]:not(:checked) + label:after { + content: ''; + width: 8px; + height: 8px; + background: var(--startupMainColor); + position: absolute; + top: 5.5px; + left: 6px; + -webkit-transition: all 0.2s ease; + transition: all 0.2s ease; +} + +.signup-form form .remember-me-wrap [type="checkbox"]:not(:checked) + label:after { + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0); +} + +.signup-form form .remember-me-wrap [type="checkbox"]:checked + label:after { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); +} + +.signup-form form .remember-me-wrap [type="checkbox"]:hover + label:before { + border-color: var(--startupMainColor); +} + +.signup-form form .remember-me-wrap [type="checkbox"]:checked + label:before { + border-color: var(--startupMainColor); +} + +.signup-form form .lost-your-password-wrap { + text-align: end; +} + +.signup-form form .lost-your-password-wrap a { + display: inline-block; + position: relative; + line-height: 1.5; + font-weight: 500; +} + +.signup-form form .lost-your-password-wrap a::before { + width: 100%; + height: 1px; + position: absolute; + left: 0; + bottom: 0; + content: ''; + -webkit-transition: var(--transition); + transition: var(--transition); + background-color: #eeeeee; +} + +.signup-form form .lost-your-password-wrap a::after { + width: 0; + height: 1px; + position: absolute; + left: 0; + -webkit-transition: var(--transition); + transition: var(--transition); + bottom: 0; + content: ''; + background-color: var(--startupMainColor); +} + +.signup-form form .lost-your-password-wrap a:hover::before { + width: 0; +} + +.signup-form form .lost-your-password-wrap a:hover::after { + width: 100%; +} + +.signup-form form button { + width: 100%; + border: none; + display: block; + overflow: hidden; + margin-top: 20px; + border-radius: 5px; + text-align: center; + padding: 14px 30px; + color: var(--whiteColor); + -webkit-transition: var(--transition); + transition: var(--transition); + background-color: var(--startupMainColor); + font-size: var(--fontSize); + font-weight: 700; +} + +.signup-form form button:hover { + background-color: var(--blackColor); + color: var(--whiteColor); +} + +.signup-form form .dont-account { + display: block; + margin-top: 25px; + color: var(--optionalColor); +} + +.signup-form form .dont-account a { + font-weight: 600; +} + +.signup-form .sign-in-with-button { + margin-top: 25px; +} + +.signup-form .sign-in-with-button button { + width: 100%; + display: block; + color: #248BD2; + border-radius: 5px; + border: 1px solid #D2D2D2; + background-color: transparent; + -webkit-transition: var(--transition); + transition: var(--transition); + padding-top: 13px; + padding-bottom: 13px; + padding-left: 30px; + padding-right: 30px; +} + +.signup-form .sign-in-with-button button svg { + position: absolute; + margin-left: -25px; + margin-left: -25px; + margin-top: 1.5px; +} + +.signup-form .sign-in-with-button button:hover { + color: var(--blackColor); + background-color: #E9E9E9; +} + +/*================================================ +Instagram Area CSS +=================================================*/ +.instagram-area .container-fluid { + padding-left: 0; + padding-right: 0; +} + +.instagram-area.bg-dark .section-title { + border-color: rgba(255, 255, 255, 0.08); +} + +.instagram-area.bg-dark .section-title::before { + background-color: var(--whiteColor); +} + +.single-instagram-item { + position: relative; +} + +.single-instagram-item .link-btn { + display: block; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 2; +} + +.single-instagram-item i { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + font-size: 25px; + color: var(--whiteColor); + opacity: 0; + visibility: hidden; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-instagram-item::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: #000000; + opacity: 0; + visibility: hidden; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-instagram-item:hover i { + opacity: 1; + visibility: visible; +} + +.single-instagram-item:hover::before { + opacity: 0.5; + visibility: visible; +} + +/*================================================ +Page Title Area CSS +=================================================*/ +.page-title-area { + background-position: center center; + background-repeat: no-repeat; + background-color: #f9faff; + background-size: cover; + padding-top: 160px; + padding-bottom: 170px; +} + +.page-title-area.transparent-bg1 { + background-image: url(../../assets/img/page-title/page-title-bg1.jpg); +} + +.page-title-area.transparent-bg2 { + background-image: url(../../assets/img/page-title/page-title-bg2.jpg); +} + +.page-title-area.transparent-bg3 { + background-image: url(../../assets/img/page-title/page-title-bg3.jpg); +} + +.page-title-area.transparent-bg4 { + background-image: url(../../assets/img/page-title/page-title-bg4.jpg); +} + +.page-title-area.transparent-bg5 { + background-image: url(../../assets/img/page-title/page-title-bg5.jpg); +} + +.page-title-area.bg-f9faff { + background-color: #f9faff; +} + +.page-title-area.bg-image { + background-color: var(--blackColor); + position: relative; + z-index: 1; +} + +.page-title-area.bg-image .page-title-content { + color: var(--whiteColor); +} + +.page-title-area.bg-image .page-title-content h2 { + color: var(--whiteColor); +} + +.page-title-area.bg-image .page-title-content ul li { + font-weight: 600; +} + +.page-title-area.bg-image .page-title-content ul li::before { + background-color: var(--optionalColor); +} + +.page-title-area.bg-image .page-title-content ul li a { + color: var(--whiteColor); +} + +.page-title-area.bg-image .page-title-content ul li a:hover { + color: var(--startupMainColor); +} + +.page-title-area.bg-image::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background-color: #000000; + opacity: 0.7; +} + +.page-title-area.bg1 { + background-image: url(../../assets/img/page-title/page-title-bg-image1.jpg); +} + +.page-title-area.bg2 { + background-image: url(../../assets/img/page-title/page-title-bg-image2.jpg); +} + +.page-title-area.bg3 { + background-image: url(../../assets/img/page-title/page-title-bg-image3.jpg); +} + +.page-title-area.bg4 { + background-image: url(../../assets/img/page-title/page-title-bg-image4.jpg); +} + +.page-title-area.bg5 { + background-image: url(../../assets/img/page-title/page-title-bg-image5.jpg); +} + +.page-title-area.style-two { + padding-top: 260px; + padding-bottom: 150px; +} + +.page-title-area.style-three { + padding-top: 275px; + padding-bottom: 150px; +} + +.page-title-area.style-four { + position: relative; + z-index: 1; + padding-top: 170px; + padding-bottom: 170px; +} + +.page-title-area.style-four::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background-size: cover; + background-repeat: no-repeat; + background-position: center center; + background-image: url(../../assets/img/bg12.png); +} + +.page-title-content { + text-align: center; +} + +.page-title-content h2 { + margin-bottom: 0; + font-size: 45px; +} + +.page-title-content ul { + padding-left: 0; + list-style-type: none; + margin-bottom: 0; + margin-top: 20px; +} + +.page-title-content ul li { + color: var(--startupMainColor); + display: inline-block; + position: relative; + font-weight: 500; + font-size: 16px; + margin-left: 12px; + margin-right: 12px; +} + +.page-title-content ul li::before { + content: ''; + position: absolute; + right: -18px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + height: 1px; + width: 10px; + background-color: var(--optionalColor); + margin-top: 1px; +} + +.page-title-content ul li a { + color: var(--blackColor); +} + +.page-title-content ul li a:hover { + color: var(--startupMainColor); +} + +.page-title-content ul li:last-child { + margin-right: 0; +} + +.page-title-content ul li:last-child::before { + display: none; +} + +.page-title-content ul li:first-child { + margin-left: 0; +} + +/*================================================ +Pagination Area CSS +=================================================*/ +.pagination-area { + margin-top: 20px; +} + +.pagination-area .page-numbers { + width: 45px; + height: 45px; + line-height: 43px; + position: relative; + text-align: center; + border-radius: 50%; + display: inline-block; + border: 1px solid #eeeeee; + color: var(--blackColor); + background-color: transparent; + font-size: 18px; + font-weight: 600; + margin-left: 3px; + margin-right: 3px; +} + +.pagination-area .page-numbers:hover, .pagination-area .page-numbers.current { + color: var(--whiteColor); + background-color: var(--startupMainColor); + border-color: var(--startupMainColor) !important; +} + +/*================================================ +Gallery Area CSS +=================================================*/ +.single-gallery-item { + margin-bottom: 30px; + position: relative; + text-align: center; + overflow: hidden; +} + +.single-gallery-item img { + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-gallery-item .popup-image { + position: absolute; + left: 0; + -webkit-transform: translateY(-50%) scale(0); + transform: translateY(-50%) scale(0); + top: 50%; + z-index: 2; + right: 0; + width: 45px; + height: 45px; + line-height: 45px; + color: var(--whiteColor); + border: 1px solid var(--whiteColor); + border-radius: 3px; + margin-left: auto; + margin-right: auto; +} + +.single-gallery-item .popup-image:hover { + border-radius: 50%; + color: var(--blackColor); + background-color: var(--whiteColor); +} + +.single-gallery-item::before { + z-index: 1; + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: var(--startupMainColor); + opacity: 0; + visibility: hidden; + -webkit-transition: .3s; + transition: .3s; + margin: 10px; +} + +.single-gallery-item:hover img { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} + +.single-gallery-item:hover::before { + opacity: 1; + margin: 20px; + visibility: visible; +} + +.single-gallery-item:hover .popup-image { + -webkit-transform: translateY(-50%) scale(1); + transform: translateY(-50%) scale(1); +} + +.single-gallery-item.left-overlay::before { + left: 0; + top: 0; + margin: 0; + width: 0%; + height: 100%; + right: auto; + bottom: auto; + opacity: .80; +} + +.single-gallery-item.left-overlay:hover::before { + width: 100%; +} + +.single-gallery-item.top-overlay::before { + left: 0; + top: 0; + margin: 0; + width: 100%; + height: 0%; + right: auto; + bottom: auto; + opacity: .80; +} + +.single-gallery-item.top-overlay:hover::before { + height: 100%; +} + +.shorting .mix { + display: none; +} + +.shorting-menu { + text-align: center; + margin-bottom: 40px; +} + +.shorting-menu .filter { + background-color: transparent; + -webkit-transition: var(--transition); + transition: var(--transition); + letter-spacing: 2px; + color: #b0b0b0; + border: none; + padding: 0; + font-size: var(--fontSize); + font-weight: 500; + margin-left: 20px; + margin-right: 20px; +} + +.shorting-menu .filter:last-child { + margin-right: 0; +} + +.shorting-menu .filter:first-child { + margin-left: 0; +} + +.shorting-menu .filter:hover, .shorting-menu .filter.active { + color: var(--blackColor); +} + +/*================================================ +Portfolio Details Area CSS +=================================================*/ +.portfolio-details-image { + position: relative; + margin-bottom: 30px; + text-align: center; +} + +.portfolio-details-desc h3 { + font-size: 25px; + margin-bottom: 15px; + margin-top: 30px; +} + +.portfolio-details-desc h3:first-child { + margin-top: 0; +} + +.portfolio-details-desc .image { + padding-right: 15px; + border-radius: 5px; + margin-top: 15px; + margin-bottom: 30px; +} + +.portfolio-details-desc .content { + margin-top: 15px; + margin-bottom: 30px; +} + +.portfolio-details-desc .content h3 { + margin-top: 0; + margin-bottom: 25px; +} + +.portfolio-details-desc .content ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.portfolio-details-desc .content ul li { + color: var(--optionalColor); + margin-bottom: 12px; + position: relative; + padding-left: 18px; + font-weight: 500; +} + +.portfolio-details-desc .content ul li::before { + left: 0; + top: 50%; + width: 7px; + height: 7px; + content: ''; + position: absolute; + border-radius: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--startupMainColor); +} + +.portfolio-details-desc .content ul li:last-child { + margin-bottom: 0; +} + +.portfolio-details-info { + -webkit-box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.1); + box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.1); + border-top: 3px solid var(--startupMainColor); + background-color: var(--whiteColor); + border-radius: 5px; + padding: 40px 30px; + margin-left: 15px; +} + +.portfolio-details-info ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.portfolio-details-info ul li { + font-weight: 500; + position: relative; + margin-bottom: 20px; + color: var(--optionalColor); + border-bottom: 1px solid #eeeeee; + padding-left: 35px; + padding-bottom: 20px; +} + +.portfolio-details-info ul li span { + color: var(--blackColor); + margin-bottom: 10px; + display: block; + font-size: 19px; + font-weight: 700; +} + +.portfolio-details-info ul li a { + margin-bottom: 8px; + display: inline-block; + color: var(--optionalColor); +} + +.portfolio-details-info ul li a:last-child { + margin-bottom: 0; +} + +.portfolio-details-info ul li a:hover { + color: var(--startupMainColor); +} + +.portfolio-details-info ul li .icon { + left: 0; + top: 6px; + font-size: 25px; + position: absolute; + color: var(--startupMainColor); +} + +.portfolio-details-info ul li:last-child { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.portfolio-details-slides.owl-theme .owl-nav { + opacity: 0; + margin-top: 0; + visibility: hidden; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.portfolio-details-slides.owl-theme .owl-nav [class*=owl-] { + margin: 0; + background-color: var(--whiteColor); + color: var(--blackColor); + padding: 0 !important; + border-radius: 0; + -webkit-transition: var(--transition); + transition: var(--transition); + border: none; + cursor: pointer; + position: absolute; + left: 25px; + top: 50%; + width: 45px; + height: 45px; + line-height: 45px; + border-radius: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 20px; +} + +.portfolio-details-slides.owl-theme .owl-nav [class*=owl-].owl-next { + left: auto; + right: 25px; +} + +.portfolio-details-slides.owl-theme .owl-nav [class*=owl-] i { + line-height: 1; +} + +.portfolio-details-slides.owl-theme .owl-nav [class*=owl-]:hover { + background-color: var(--blackColor); + border-color: var(--blackColor); + color: var(--whiteColor); +} + +.portfolio-details-slides.owl-theme:hover .owl-nav { + opacity: 1; + visibility: visible; +} + +.portfolio-details-slides.owl-theme .owl-dots { + margin-top: 40px; +} + +.portfolio-details-slides.owl-theme .owl-dots .owl-dot span { + width: 18px; + height: 18px; + border-radius: 50%; + -webkit-transition: var(--transition); + transition: var(--transition); + margin: 0 5px; +} + +.portfolio-details-slides.owl-theme .owl-dots .owl-dot:hover span, .portfolio-details-slides.owl-theme .owl-dots .owl-dot.active span { + background-color: var(--startupMainColor); +} + +/*================================================ +Portfolio Details Navigation Area CSS +=================================================*/ +.portfolio-details-navigation { + background-color: #f7f7f7; + padding-top: 40px; + padding-bottom: 40px; +} + +.portfolio-details-left { + text-transform: uppercase; + font-weight: 600; + line-height: 1; +} + +.portfolio-details-left a { + display: inline-block; + color: var(--optionalColor); + position: relative; + padding-left: 25px; +} + +.portfolio-details-left a i { + position: absolute; + left: 0; + top: 0; +} + +.portfolio-details-left a:hover { + color: var(--startupMainColor); +} + +.menu-icon { + line-height: 1; + font-size: 22px; + color: var(--optionalColor); +} + +.menu-icon:hover { + color: var(--startupMainColor); +} + +.portfolio-details-right { + text-transform: uppercase; + font-weight: 600; + line-height: 1; +} + +.portfolio-details-right a { + display: inline-block; + color: var(--optionalColor); + position: relative; + padding-right: 25px; +} + +.portfolio-details-right a i { + position: absolute; + right: 0; + top: 0; +} + +.portfolio-details-right a:hover { + color: var(--startupMainColor); +} + +/*================================================ +Privacy Policy Area CSS +=================================================*/ +.privacy-policy-content h3 { + font-size: 20px; + margin-bottom: 15px; +} + +.privacy-policy-content h3:not(:first-child) { + margin-top: 25px; +} + +.privacy-policy-content strong { + color: var(--blackColor) !important; +} + +.privacy-policy-content ul li { + color: var(--optionalColor); + margin-bottom: 12px; +} + +.privacy-policy-content ul li:last-child { + margin-bottom: 0; +} + +/*================================================ +Terms & Conditions Area CSS +=================================================*/ +.terms-conditions-content h3 { + font-size: 20px; + margin-bottom: 15px; +} + +.terms-conditions-content h3:not(:first-child) { + margin-top: 25px; +} + +.terms-conditions-content strong { + color: var(--blackColor) !important; +} + +.terms-conditions-content ul li { + color: var(--optionalColor); + margin-bottom: 12px; +} + +.terms-conditions-content ul li:last-child { + margin-bottom: 0; +} + +/*================================================ +FAQ Area CSS +=================================================*/ +.faq-accordion { + max-width: 800px; + margin-left: auto; + margin-right: auto; +} + +.faq-accordion .accordion-item { + margin-bottom: 15px; + border: 1px solid #eeeeee; +} + +.faq-accordion .accordion-item .accordion-button { + border: none; + padding: 20px 20px 20px 45px; + position: relative; + border: none; + -webkit-box-shadow: unset !important; + box-shadow: unset !important; + text-align: start; + margin: 0; + font-size: 18px; + font-weight: 700; +} + +.faq-accordion .accordion-item .accordion-button:not(.collapsed) { + color: var(--blackColor); + background-color: transparent; +} + +.faq-accordion .accordion-item .accordion-button:not(.collapsed)::after { + background-image: 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"); +} + +.faq-accordion .accordion-item .accordion-button::after { + position: absolute; + left: 20px; + top: 25px; + width: 15px; + height: 15px; + background-size: 15px; +} + +.faq-accordion .accordion-item .accordion-collapse { + border: none; +} + +.faq-accordion .accordion-item .accordion-body { + padding: 0 20px 20px 45px; +} + +.faq-accordion .accordion-item .accordion-body p strong { + color: var(--blackColor); +} + +.faq-accordion .accordion-item .accordion-body ul { + margin-bottom: 15px; +} + +.faq-accordion .accordion-item .accordion-body ul li { + margin-bottom: 12px; + color: var(--optionalColor); +} + +.faq-accordion .accordion-item .accordion-body ul li:last-child { + margin-bottom: 0; +} + +.faq-accordion .accordion-item .accordion-body ul:last-child { + margin-bottom: 0; +} + +.faq-accordion .accordion-item:last-child { + margin-bottom: 0; +} + +.faq-accordion .accordion-item:first-of-type .accordion-button { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +/*================================================ +404 Error Area CSS +=================================================*/ +.error-area { + border-top: 1px dashed #eeeeee; + border-bottom: 1px dashed #eeeeee; +} + +.error-content { + text-align: center; +} + +.error-content h3 { + font-size: 30px; + margin-bottom: 20px; + margin-top: 45px; +} + +.error-content p { + max-width: 550px; + margin-left: auto; + margin-right: auto; + margin-bottom: 0; +} + +.error-content .default-btn { + margin-top: 30px; +} + +/*================================================ +Coming Soon Area CSS +=================================================*/ +.coming-soon-area { + height: 100vh; +} + +.coming-soon-image { + height: 100%; + background-image: url(../../assets/img/coming-soon.jpg); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; +} + +.coming-soon-image img { + display: none; +} + +.coming-soon-content { + height: 100vh; + text-align: center; + padding-left: 30px; + padding-right: 30px; +} + +.coming-soon-content .logo { + display: inline-block; +} + +.coming-soon-content h2 { + font-size: 40px; + margin-top: 30px; + margin-bottom: 0; +} + +.coming-soon-content #timer { + margin-top: 35px; +} + +.coming-soon-content #timer div { + width: 120px; + height: 120px; + border-radius: 5px; + color: var(--blackColor); + background-color: #f8f8f8; + font-size: 35px; + font-weight: 700; + margin-left: 10px; + margin-right: 10px; +} + +.coming-soon-content #timer div span { + display: block; + margin-top: 2px; + font-size: var(--fontSize); + font-weight: 500; +} + +.coming-soon-content #timer div:first-child { + margin-left: 0; +} + +.coming-soon-content #timer div:last-child { + margin-right: 0; +} + +.coming-soon-content form { + position: relative; + max-width: 530px; + margin-left: auto; + margin-right: auto; + margin-top: 40px; +} + +.coming-soon-content form .input-newsletter { + padding: 0 0 0 15px; + width: 100%; + height: 60px; + border: none; + display: block; + border-radius: 4px; + color: var(--blackColor); + font-size: var(--fontSize); + -webkit-transition: var(--transition); + transition: var(--transition); + border: 1px solid #eeeeee; +} + +.coming-soon-content form .input-newsletter::-webkit-input-placeholder { + color: var(--optionalColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.coming-soon-content form .input-newsletter:-ms-input-placeholder { + color: var(--optionalColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.coming-soon-content form .input-newsletter::-ms-input-placeholder { + color: var(--optionalColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.coming-soon-content form .input-newsletter::placeholder { + color: var(--optionalColor); + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.coming-soon-content form .input-newsletter:focus { + border-color: var(--startupMainColor); +} + +.coming-soon-content form .input-newsletter:focus::-webkit-input-placeholder { + color: transparent; +} + +.coming-soon-content form .input-newsletter:focus:-ms-input-placeholder { + color: transparent; +} + +.coming-soon-content form .input-newsletter:focus::-ms-input-placeholder { + color: transparent; +} + +.coming-soon-content form .input-newsletter:focus::placeholder { + color: transparent; +} + +.coming-soon-content form .default-btn { + position: absolute; + right: 5px; + -webkit-box-shadow: unset; + box-shadow: unset; + bottom: 6px; + padding-left: 35px; + padding-right: 35px; +} + +.coming-soon-content form .default-btn:hover { + background-color: var(--blackColor); + color: var(--whiteColor); +} + +.coming-soon-content form #validator-newsletter { + position: absolute; + bottom: -32px; + left: 0; +} + +.coming-soon-content form #validator-newsletter.validation-danger { + color: red; +} + +/*================================================ +Contact Area CSS +=================================================*/ +.contact-area { + position: relative; + z-index: 1; +} + +.contact-area.bg-image { + background-image: url(../../assets/img/cta-bg1.jpg); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; +} + +.contact-area.bg-image::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background-color: #000000; + opacity: 0.8; +} + +.contact-area.bg-image .section-title h2 { + color: var(--whiteColor); +} + +.single-contact-info-box { + padding: 35px; + margin-bottom: 30px; + background-color: #F9FAFB; +} + +.single-contact-info-box .icon { + line-height: 1; + font-size: 40px; + margin-bottom: 25px; + color: var(--startupMainColor); +} + +.single-contact-info-box h3 { + font-size: 20px; + margin-bottom: 15px; +} + +.single-contact-info-box p { + margin-bottom: 2px; +} + +.single-contact-info-box p a { + color: var(--optionalColor); + display: inline-block; +} + +.single-contact-info-box p a:hover { + color: var(--startupMainColor); +} + +.single-contact-info-box p:last-child { + margin-bottom: 0; +} + +.single-contact-info-box.style-two { + padding: 0; + text-align: center; + background-color: transparent; +} + +.single-contact-info-box.style-two .icon { + width: 80px; + color: var(--whiteColor); + background-color: var(--blackColor); + border-radius: 50%; + position: relative; + height: 80px; + font-size: 35px; + -webkit-transition: var(--transition); + transition: var(--transition); + margin-left: auto; + margin-right: auto; + margin-bottom: 25px; +} + +.single-contact-info-box.style-two .icon i { + position: absolute; + left: 0; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.single-contact-info-box.style-two:hover .icon { + background-color: var(--startupMainColor); + color: var(--whiteColor); +} + +.contact-form { + padding: 34px; + margin-bottom: 30px; + background-color: var(--whiteColor); + -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); + box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); +} + +.contact-form form .form-group { + margin-bottom: 20px; +} + +.contact-form form .form-group label { + display: block; + margin-bottom: 10px; + color: var(--optionalColor); +} + +.contact-form form .form-group .form-control { + border-radius: 0; + background-color: #f9faff; + border: 1px solid #eeeeee !important; +} + +.contact-form form .form-check { + margin-bottom: 15px; + margin-top: 5px; +} + +.contact-form form .form-check a { + color: var(--startupMainColor); +} + +.contact-form form .form-check a:hover { + color: var(--blackColor); + text-decoration: underline; +} + +.contact-form form .default-btn { + margin-top: 5px; + padding-left: 35px; + padding-right: 35px; +} + +.contact-form form .help-block.with-errors { + color: red; + margin-bottom: 0; + margin-top: 15px; +} + +.contact-form form #msgSubmit { + margin: 0; +} + +.contact-form form #msgSubmit.text-danger { + margin-top: 15px; +} + +#maps iframe { + margin-bottom: -7px; + height: 500px; + border: none; + width: 100%; +} + +/*================================================ +Footer Area CSS +=================================================*/ +.footer-area { + padding-top: 100px; + position: relative; + z-index: 1; +} + +.footer-area.marketing-footer { + border-top: 1px solid #eeeeee; +} + +.footer-area.marketing-footer .footer-top { + border-bottom: none; + margin-bottom: 0; +} + +.footer-area.marketing-footer .copyright-area { + border-top: 1px solid #eeeeee; +} + +.footer-area.marketing-footer .copyright-area p a { + color: var(--marketingMainColor); +} + +.footer-area.marketing-footer .single-footer-widget .footer-contact li i { + color: var(--marketingMainColor); +} + +.footer-area.marketing-footer .single-footer-widget .footer-contact li a:hover { + color: var(--marketingMainColor); +} + +.footer-area.marketing-footer .single-footer-widget .info-links li a:hover { + color: var(--marketingMainColor); +} + +.footer-area.marketing-footer .single-footer-widget .newsletter-form button:hover { + color: var(--whiteColor); + background-color: var(--marketingMainColor); +} + +.footer-area.business-footer { + padding-top: 0; +} + +.footer-area.business-footer .footer-top { + background: var(--businessGradientColor); + margin-bottom: 100px; + border: none; + padding-top: 70px; + padding-bottom: 70px; +} + +.footer-area.business-footer .footer-top .content h3 { + color: var(--whiteColor); +} + +.footer-area.business-footer .footer-top .content .default-btn { + background: transparent; + color: var(--whiteColor); + border: 1px solid var(--whiteColor); + -webkit-box-shadow: unset; + box-shadow: unset; +} + +.footer-area.business-footer .footer-top .content .default-btn i { + color: var(--whiteColor); +} + +.footer-area.business-footer .footer-top .content .default-btn:hover { + background-color: var(--whiteColor); + color: var(--blackColor); +} + +.footer-area.business-footer .footer-top .content .default-btn:hover i { + color: var(--blackColor); +} + +.footer-area.business-footer .copyright-area { + border-top: 1px solid #eeeeee; +} + +.footer-area.business-footer .copyright-area p a { + color: var(--businessMainColor); +} + +.footer-area.business-footer .single-footer-widget .footer-contact li i { + color: var(--businessMainColor); +} + +.footer-area.business-footer .single-footer-widget .footer-contact li a:hover { + color: var(--businessMainColor); +} + +.footer-area.business-footer .single-footer-widget .info-links li a:hover { + color: var(--businessMainColor); +} + +.footer-area.business-footer .single-footer-widget .newsletter-form button:hover { + color: var(--whiteColor); + background-color: var(--businessMainColor); +} + +.footer-area.app-footer { + background: var(--appGradientColor); +} + +.footer-area.app-footer .footer-top { + border-color: #0e49b5; +} + +.footer-area.app-footer .footer-top .content h3 { + color: var(--whiteColor); +} + +.footer-area.app-footer .footer-top .content .default-btn { + background: transparent; + color: var(--whiteColor); + border: 1px solid var(--whiteColor); + -webkit-box-shadow: unset; + box-shadow: unset; +} + +.footer-area.app-footer .footer-top .content .default-btn i { + color: var(--whiteColor); +} + +.footer-area.app-footer .footer-top .content .default-btn:hover { + background-color: var(--whiteColor); + color: var(--blackColor); +} + +.footer-area.app-footer .footer-top .content .default-btn:hover i { + color: var(--blackColor); +} + +.footer-area.app-footer .copyright-area { + opacity: 0.9; + border-top: 1px solid #2c4687; + background: transparent; +} + +.footer-area.app-footer .copyright-area p { + color: var(--whiteColor); +} + +.footer-area.app-footer .copyright-area p a { + color: var(--whiteColor); +} + +.footer-area.app-footer .single-footer-widget h3 { + color: var(--whiteColor); +} + +.footer-area.app-footer .single-footer-widget p { + color: var(--whiteColor); +} + +.footer-area.app-footer .single-footer-widget .footer-contact li { + color: var(--whiteColor); +} + +.footer-area.app-footer .single-footer-widget .footer-contact li i { + color: var(--whiteColor); +} + +.footer-area.app-footer .single-footer-widget .footer-contact li a { + color: var(--whiteColor); +} + +.footer-area.app-footer .single-footer-widget .footer-contact li a:hover { + color: var(--whiteColor); +} + +.footer-area.app-footer .single-footer-widget .info-links li { + color: var(--whiteColor); +} + +.footer-area.app-footer .single-footer-widget .info-links li a { + color: var(--whiteColor); +} + +.footer-area.app-footer .single-footer-widget .info-links li a:hover { + color: var(--whiteColor); +} + +.footer-area.app-footer .single-footer-widget .newsletter-form button { + border-left: 1px solid var(--blackColor); +} + +.footer-area.app-footer .single-footer-widget .newsletter-form button:hover { + color: var(--blackColor); + border-color: #eeeeee; + background-color: var(--whiteColor); +} + +.footer-area.saas-footer { + background: #000000; +} + +.footer-area.saas-footer .footer-top { + border-color: #121419; +} + +.footer-area.saas-footer .footer-top .content h3 { + color: var(--whiteColor); +} + +.footer-area.saas-footer .footer-top .content .default-btn { + background: transparent; + color: var(--whiteColor); + border: 1px solid var(--whiteColor); + -webkit-box-shadow: unset; + box-shadow: unset; +} + +.footer-area.saas-footer .footer-top .content .default-btn i { + color: var(--whiteColor); +} + +.footer-area.saas-footer .footer-top .content .default-btn:hover { + background-color: var(--whiteColor); + color: var(--blackColor); +} + +.footer-area.saas-footer .footer-top .content .default-btn:hover i { + color: var(--blackColor); +} + +.footer-area.saas-footer .copyright-area { + border-top: 1px solid #121419; + background: transparent; +} + +.footer-area.saas-footer .copyright-area p { + color: #959595; +} + +.footer-area.saas-footer .copyright-area p a { + color: var(--whiteColor); +} + +.footer-area.saas-footer .single-footer-widget h3 { + color: var(--whiteColor); +} + +.footer-area.saas-footer .single-footer-widget p { + color: var(--whiteColor); +} + +.footer-area.saas-footer .single-footer-widget .footer-contact li { + color: var(--whiteColor); +} + +.footer-area.saas-footer .single-footer-widget .footer-contact li i { + color: var(--saasMainColor); +} + +.footer-area.saas-footer .single-footer-widget .footer-contact li a { + color: var(--whiteColor); +} + +.footer-area.saas-footer .single-footer-widget .footer-contact li a:hover { + color: var(--saasMainColor); +} + +.footer-area.saas-footer .single-footer-widget .info-links li { + color: var(--whiteColor); +} + +.footer-area.saas-footer .single-footer-widget .info-links li a { + color: var(--whiteColor); +} + +.footer-area.saas-footer .single-footer-widget .info-links li a:hover { + color: var(--saasMainColor); +} + +.footer-area.saas-footer .single-footer-widget .newsletter-form button { + background: var(--saasGradientColor); +} + +.footer-area.personal-portfolio-footer { + border-top: 1px solid #eeeeee; +} + +.footer-area.personal-portfolio-footer .single-footer-widget .footer-contact li i { + color: var(--personalPortfolioMainColor); +} + +.footer-area.personal-portfolio-footer .single-footer-widget .footer-contact li a:hover { + color: var(--personalPortfolioMainColor); +} + +.footer-area.personal-portfolio-footer .single-footer-widget .info-links li a:hover { + color: var(--personalPortfolioMainColor); +} + +.footer-area.personal-portfolio-footer .single-footer-widget .newsletter-form button:hover { + color: var(--whiteColor); + background-color: var(--personalPortfolioMainColor); +} + +.footer-area.personal-portfolio-footer .copyright-area { + border-top: none; + background: #06080e; +} + +.footer-area.personal-portfolio-footer .copyright-area p { + color: #959595; +} + +.footer-area.personal-portfolio-footer .copyright-area p a { + color: var(--whiteColor); +} + +.footer-area.consulting-footer { + overflow: hidden; + background-color: #f3f4f7; +} + +.footer-area.consulting-footer .single-footer-widget .footer-contact li i { + color: var(--consultingMainColor); +} + +.footer-area.consulting-footer .single-footer-widget .footer-contact li a:hover { + color: var(--consultingMainColor); +} + +.footer-area.consulting-footer .single-footer-widget .info-links li a:hover { + color: var(--consultingMainColor); +} + +.footer-area.consulting-footer .single-footer-widget .newsletter-form button:hover { + background-color: var(--consultingMainColor); +} + +.footer-area.consulting-footer .copyright-area { + background-color: transparent; + border-top: 1px solid #e4eaf5; +} + +.footer-area.consulting-footer .copyright-area p a { + color: var(--blackColor); +} + +.footer-area.consulting-footer .copyright-area p a:hover { + color: var(--consultingMainColor); +} + +.footer-area.it-agency-footer { + background-color: #111111; +} + +.footer-area.it-agency-footer .footer-top { + border-color: #272727; +} + +.footer-area.it-agency-footer .footer-top .content h3 { + color: var(--whiteColor); +} + +.footer-area.it-agency-footer .footer-top .content .default-btn { + border: 1px solid var(--whiteColor); + color: var(--whiteColor); + background: transparent; + -webkit-box-shadow: unset; + box-shadow: unset; +} + +.footer-area.it-agency-footer .footer-top .content .default-btn i { + color: var(--whiteColor); +} + +.footer-area.it-agency-footer .footer-top .content .default-btn:hover { + background-color: var(--whiteColor); + color: var(--blackColor); +} + +.footer-area.it-agency-footer .footer-top .content .default-btn:hover i { + color: var(--blackColor); +} + +.footer-area.it-agency-footer .single-footer-widget h3 { + color: var(--whiteColor); +} + +.footer-area.it-agency-footer .single-footer-widget p { + color: var(--whiteColor); +} + +.footer-area.it-agency-footer .single-footer-widget .footer-contact li { + color: var(--whiteColor); +} + +.footer-area.it-agency-footer .single-footer-widget .footer-contact li i { + color: var(--itAgencyMainColor); +} + +.footer-area.it-agency-footer .single-footer-widget .footer-contact li a { + color: var(--whiteColor); +} + +.footer-area.it-agency-footer .single-footer-widget .footer-contact li a:hover { + color: var(--itAgencyMainColor); +} + +.footer-area.it-agency-footer .single-footer-widget .info-links li { + color: var(--whiteColor); +} + +.footer-area.it-agency-footer .single-footer-widget .info-links li a { + color: var(--whiteColor); +} + +.footer-area.it-agency-footer .single-footer-widget .info-links li a:hover { + color: var(--itAgencyMainColor); +} + +.footer-area.it-agency-footer .single-footer-widget .newsletter-form button { + background: var(--itAgencyGradientColor); +} + +.footer-area.it-agency-footer .copyright-area { + border-top: 1px solid #272727; + background-color: transparent; +} + +.footer-area.it-agency-footer .copyright-area p { + color: #c8c5c5; +} + +.footer-area.it-agency-footer .copyright-area p a { + color: var(--whiteColor); +} + +.footer-area.bg-dark .footer-top { + border-color: rgba(255, 255, 255, 0.07); +} + +.footer-area.bg-dark .footer-top .content h3 { + color: var(--whiteColor); +} + +.footer-area.bg-dark .footer-top .content .default-btn { + border: 1px solid var(--whiteColor); + color: var(--whiteColor); + background: transparent; + -webkit-box-shadow: unset; + box-shadow: unset; +} + +.footer-area.bg-dark .footer-top .content .default-btn i { + color: var(--whiteColor); +} + +.footer-area.bg-dark .footer-top .content .default-btn:hover { + background-color: var(--whiteColor); + color: var(--blackColor); +} + +.footer-area.bg-dark .footer-top .content .default-btn:hover i { + color: var(--blackColor); +} + +.footer-area.bg-dark .single-footer-widget { + color: var(--whiteColor); +} + +.footer-area.bg-dark .single-footer-widget h3 { + color: var(--whiteColor); +} + +.footer-area.bg-dark .single-footer-widget p { + color: var(--whiteColor); +} + +.footer-area.bg-dark .single-footer-widget .footer-contact li { + color: var(--whiteColor); +} + +.footer-area.bg-dark .single-footer-widget .footer-contact li i { + color: var(--whiteColor); +} + +.footer-area.bg-dark .single-footer-widget .footer-contact li a { + color: var(--whiteColor); +} + +.footer-area.bg-dark .single-footer-widget .footer-contact li a:hover { + color: var(--whiteColor); +} + +.footer-area.bg-dark .single-footer-widget .info-links li { + color: var(--whiteColor); +} + +.footer-area.bg-dark .single-footer-widget .info-links li a { + color: var(--whiteColor); +} + +.footer-area.bg-dark .single-footer-widget .info-links li a:hover { + color: var(--whiteColor); +} + +.footer-area.bg-dark .single-footer-widget .newsletter-form button { + background-color: var(--optionalColor); + color: var(--whiteColor); +} + +.footer-area.bg-dark .single-footer-widget .newsletter-form button:hover { + color: var(--whiteColor); + background-color: var(--blackColor); +} + +.footer-area.bg-dark .copyright-area { + background-color: #06080e; + border-top: 1px solid #292929; +} + +.footer-area.bg-dark .copyright-area p { + color: #c6c6c6; +} + +.footer-area.bg-dark .copyright-area p a { + font-weight: 800; + color: var(--whiteColor); +} + +.footer-area.bg-dark .copyright-area .social-links li a { + color: var(--whiteColor); +} + +.footer-area.minimal-portfolio-color { + padding: 0; +} + +.footer-area.minimal-portfolio-color .copyright-area { + margin: 0; + padding-top: 50px; + padding-bottom: 50px; +} + +.footer-area.minimal-portfolio-color .copyright-area p a { + color: var(--minimalPortfolioColor); +} + +.footer-top { + border-bottom: 1px solid #eeeeee; + padding-bottom: 70px; + margin-bottom: 70px; +} + +.footer-top .logo { + display: inline-block; +} + +.footer-top .content h3 { + font-size: 20px; + margin-bottom: 0; +} + +.single-footer-widget { + margin-bottom: 30px; +} + +.single-footer-widget h3 { + font-size: 20px; + margin-bottom: 20px; +} + +.single-footer-widget .footer-contact { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.single-footer-widget .footer-contact li { + position: relative; + margin-bottom: 12px; + padding-left: 24px; + color: var(--optionalColor); +} + +.single-footer-widget .footer-contact li i { + position: absolute; + left: 0; + top: 4px; + color: var(--startupMainColor); +} + +.single-footer-widget .footer-contact li a { + display: inline-block; + color: var(--optionalColor); +} + +.single-footer-widget .footer-contact li a:hover { + color: var(--startupMainColor); +} + +.single-footer-widget .footer-contact li:last-child { + margin-bottom: 0; +} + +.single-footer-widget .info-links { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; +} + +.single-footer-widget .info-links li { + margin-bottom: 12px; +} + +.single-footer-widget .info-links li a { + display: inline-block; + color: var(--optionalColor); +} + +.single-footer-widget .info-links li a:hover { + color: var(--startupMainColor); +} + +.single-footer-widget .info-links li:last-child { + margin-bottom: 0; +} + +.single-footer-widget .newsletter-form { + position: relative; +} + +.single-footer-widget .newsletter-form .input-newsletter { + display: block; + width: 100%; + height: 50px; + border: 1px solid #eeeeee; + background-color: var(--whiteColor); + color: var(--blackColor); + padding-left: 15px; +} + +.single-footer-widget .newsletter-form .input-newsletter::-webkit-input-placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); +} + +.single-footer-widget .newsletter-form .input-newsletter:-ms-input-placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); +} + +.single-footer-widget .newsletter-form .input-newsletter::-ms-input-placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); +} + +.single-footer-widget .newsletter-form .input-newsletter::placeholder { + -webkit-transition: var(--transition); + transition: var(--transition); + color: var(--optionalColor); +} + +.single-footer-widget .newsletter-form .input-newsletter:focus::-webkit-input-placeholder { + color: transparent; +} + +.single-footer-widget .newsletter-form .input-newsletter:focus:-ms-input-placeholder { + color: transparent; +} + +.single-footer-widget .newsletter-form .input-newsletter:focus::-ms-input-placeholder { + color: transparent; +} + +.single-footer-widget .newsletter-form .input-newsletter:focus::placeholder { + color: transparent; +} + +.single-footer-widget .newsletter-form button { + position: absolute; + right: 0; + top: 0; + height: 50px; + width: 60px; + background-color: var(--blackColor); + color: var(--whiteColor); + border: none; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.single-footer-widget .newsletter-form button:hover { + color: var(--whiteColor); + background-color: var(--startupMainColor); +} + +.single-footer-widget .newsletter-form #validator-newsletter { + position: absolute; + bottom: -32px; + left: 0; +} + +.single-footer-widget .newsletter-form #validator-newsletter.validation-danger { + color: red; +} + +.single-footer-widget.pl-4 { + padding-left: 4rem; +} + +.single-footer-widget.pl-2 { + padding-left: 2rem; +} + +.single-footer-widget .social-links { + padding-left: 0; + list-style-type: none; + margin-bottom: 0; +} + +.single-footer-widget .social-links li { + display: inline-block; + margin-right: 12px; +} + +.single-footer-widget .social-links li a { + display: inline-block; + font-size: 18px; +} + +.single-footer-widget .social-links li:last-child { + margin-right: 0; +} + +.single-footer-widget .logo { + display: inline-block; + margin-bottom: 15px; +} + +.single-footer-widget.style-two h3 { + position: relative; + padding-left: 55px; +} + +.single-footer-widget.style-two h3::before { + width: 40px; + height: 1px; + background-color: var(--personalPortfolioMainColor); + content: ''; + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.copyright-area { + background-color: var(--whiteColor); + text-align: center; + margin-top: 70px; + padding-top: 25px; + padding-bottom: 25px; +} + +.copyright-area p a { + font-weight: 600; + display: inline-block; + color: var(--startupMainColor); +} + +.copyright-area .social-links { + padding-left: 0; + list-style-type: none; + margin-bottom: 0; + text-align: end; +} + +.copyright-area .social-links li { + display: inline-block; + margin-right: 12px; +} + +.copyright-area .social-links li a { + display: inline-block; + font-size: 18px; +} + +.copyright-area .social-links li:last-child { + margin-right: 0; +} + +.copyright-area.bg-faf7f2 { + background-color: #faf7f2; +} + +/*================================================ +Go Top CSS +=================================================*/ +.go-top { + position: fixed; + cursor: pointer; + bottom: 20px; + right: 20px; + z-index: 4; + width: 43px; + height: 45px; + opacity: 0; + font-size: 20px; + visibility: hidden; + text-align: center; + color: var(--whiteColor); + -webkit-transition: var(--transition); + transition: var(--transition); + background-color: var(--startupMainColor); + -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); + box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); +} + +.go-top i { + right: 0; + left: 0; + top: 50%; + text-align: center; + position: absolute; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + margin-left: auto; + margin-right: auto; +} + +.go-top.active { + opacity: 1; + visibility: visible; + bottom: 20px; +} + +.go-top:hover { + color: var(--whiteColor); + background-color: var(--blackColor) !important; +} + +.go-top.marketing-color { + background-color: var(--marketingMainColor); +} + +.go-top.business-color { + background: var(--businessGradientColor); +} + +.go-top.app-color { + background: var(--appGradientColor); +} + +.go-top.saas-color { + background: var(--saasGradientColor); +} + +.go-top.personal-portfolio-color { + background-color: var(--personalPortfolioMainColor); +} + +.go-top.consulting-color { + background-color: var(--consultingMainColor); +} + +.go-top.it-agency-color { + background: var(--itAgencyGradientColor); +} + +.go-top.shop-color { + background: var(--shopMainColor); +} + +.go-top.minimal-portfolio-color { + background: var(--minimalPortfolioColor); +} + +/*extra-css*/ +.shape1 { + position: absolute; + right: 10%; + top: 5%; + z-index: -1; + -webkit-animation: moveleftbounce 5s linear infinite; + animation: moveleftbounce 5s linear infinite; +} + +.shape2 { + position: absolute; + right: 3%; + bottom: 12%; + z-index: -1; + -webkit-animation-duration: 20s; + animation-duration: 20s; + -webkit-animation-name: rotateme; + animation-name: rotateme; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.shape3 { + position: absolute; + right: 33.6%; + bottom: 7%; + z-index: -1; +} + +.shape4 { + position: absolute; + top: 85px; + left: 20px; + z-index: -1; + -webkit-animation: movebounce 5s linear infinite; + animation: movebounce 5s linear infinite; +} + +.shape5 { + position: absolute; + bottom: 40px; + right: 20px; + z-index: -1; + -webkit-animation: moveleftbounce 5s linear infinite; + animation: moveleftbounce 5s linear infinite; +} + +.shape6 { + position: absolute; + left: 40px; + top: 45px; + -webkit-animation-duration: 20s; + animation-duration: 20s; + -webkit-animation-name: rotateme; + animation-name: rotateme; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.shape7 { + position: absolute; + left: 30px; + top: 20px; + z-index: -1; + -webkit-animation-duration: 20s; + animation-duration: 20s; + -webkit-animation-name: rotateme; + animation-name: rotateme; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.shape8 { + position: absolute; + bottom: 50px; + left: 50px; + z-index: -1; + -webkit-animation-duration: 30s; + animation-duration: 30s; + -webkit-animation-name: rotateme; + animation-name: rotateme; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.shape9 { + position: absolute; + right: 0; + top: 65px; + z-index: -1; + -webkit-animation: moveleftbounce 5s linear infinite; + animation: moveleftbounce 5s linear infinite; +} + +.shape10 { + position: absolute; + left: 0; + top: 0; + z-index: -1; +} + +.shape11 { + position: absolute; + top: 8%; + left: 0; + z-index: -1; + -webkit-animation-duration: 40s; + animation-duration: 40s; + -webkit-animation-name: rotateme2; + animation-name: rotateme2; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.shape12 { + position: absolute; + right: 20px; + bottom: 20px; + z-index: -1; + -webkit-animation-duration: 30s; + animation-duration: 30s; + -webkit-animation-name: rotateme; + animation-name: rotateme; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.shape13 { + position: absolute; + right: 12%; + bottom: 2%; + z-index: -1; + -webkit-animation-duration: 30s; + animation-duration: 30s; + -webkit-animation-name: rotateme; + animation-name: rotateme; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.shape14 { + position: absolute; + left: 0; + bottom: 76px; + z-index: -1; + opacity: 0.23; +} + +.shape15 { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + z-index: -1; +} + +.shape15 img { + -webkit-animation: movescale 5s linear infinite; + animation: movescale 5s linear infinite; +} + +.shape16 { + position: absolute; + right: 5px; + top: 0; + z-index: -1; + -webkit-animation: moveleftbounce 5s linear infinite; + animation: moveleftbounce 5s linear infinite; +} + +.shape17 { + left: 0; + bottom: 98px; + z-index: -1; + opacity: .05; + position: absolute; +} + +.shape18 { + position: absolute; + right: 0; + bottom: 0; + z-index: -1; +} + +.shape19 { + position: absolute; + right: 35%; + top: 12%; + z-index: -1; + -webkit-animation-duration: 30s; + animation-duration: 30s; + -webkit-animation-name: rotateme; + animation-name: rotateme; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.divider { + width: 100%; + position: absolute; + height: 100px; + pointer-events: none; + -webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e"); + -webkit-mask-size: 100% 101%; + mask-size: 100% 101%; + background-color: var(--whiteColor); + bottom: 0; + left: 0; + z-index: -1; +} + +@-webkit-keyframes border-transform { + 0%, 100% { + border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; + } + 14% { + border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; + } + 28% { + border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; + } + 42% { + border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; + } + 56% { + border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; + } + 70% { + border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; + } + 84% { + border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; + } +} + +@keyframes border-transform { + 0%, 100% { + border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; + } + 14% { + border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; + } + 28% { + border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; + } + 42% { + border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; + } + 56% { + border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; + } + 70% { + border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; + } + 84% { + border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; + } +} + +@-webkit-keyframes rotateme { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes rotateme { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@-webkit-keyframes rotateme2 { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } +} + +@keyframes rotateme2 { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } +} + +@-webkit-keyframes movebounce { + 0% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + } + 50% { + -webkit-transform: translateY(20px); + transform: translateY(20px); + } + 100% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + } +} + +@keyframes movebounce { + 0% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + } + 50% { + -webkit-transform: translateY(20px); + transform: translateY(20px); + } + 100% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + } +} + +@-webkit-keyframes moveleftbounce { + 0% { + -webkit-transform: translateX(0px); + transform: translateX(0px); + } + 50% { + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + } + 100% { + -webkit-transform: translateX(0px); + transform: translateX(0px); + } +} + +@keyframes moveleftbounce { + 0% { + -webkit-transform: translateX(0px); + transform: translateX(0px); + } + 50% { + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + } + 100% { + -webkit-transform: translateX(0px); + transform: translateX(0px); + } +} + +@-webkit-keyframes scroller { + 0% { + bottom: 34px; + } + 5% { + top: 4px; + } + 32% { + bottom: 4px; + } + 66% { + top: 34px; + bottom: 4px; + } + 100% { + top: 4px; + bottom: 34px; + } +} + +@keyframes scroller { + 0% { + bottom: 34px; + } + 5% { + top: 4px; + } + 32% { + bottom: 4px; + } + 66% { + top: 34px; + bottom: 4px; + } + 100% { + top: 4px; + bottom: 34px; + } +} + +@-webkit-keyframes movescale { + 0% { + -webkit-transform: scale(0.9); + transform: scale(0.9); + } + 50% { + -webkit-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-transform: scale(0.9); + transform: scale(0.9); + } +} + +@keyframes movescale { + 0% { + -webkit-transform: scale(0.9); + transform: scale(0.9); + } + 50% { + -webkit-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-transform: scale(0.9); + transform: scale(0.9); + } +} + +@-webkit-keyframes rotate3d { + 0% { + -webkit-transform: rotateY(0deg); + transform: rotateY(0deg); + } + 100% { + -webkit-transform: rotateY(360deg); + transform: rotateY(360deg); + } +} + +@keyframes rotate3d { + 0% { + -webkit-transform: rotateY(0deg); + transform: rotateY(0deg); + } + 100% { + -webkit-transform: rotateY(360deg); + transform: rotateY(360deg); + } +} + +@-webkit-keyframes animationFramesOne { + 0% { + -webkit-transform: translate(0px, 0px) rotate(0deg); + transform: translate(0px, 0px) rotate(0deg); + } + 20% { + -webkit-transform: translate(73px, -1px) rotate(36deg); + transform: translate(73px, -1px) rotate(36deg); + } + 40% { + -webkit-transform: translate(141px, 72px) rotate(72deg); + transform: translate(141px, 72px) rotate(72deg); + } + 60% { + -webkit-transform: translate(83px, 122px) rotate(108deg); + transform: translate(83px, 122px) rotate(108deg); + } + 80% { + -webkit-transform: translate(-40px, 72px) rotate(144deg); + transform: translate(-40px, 72px) rotate(144deg); + } + 100% { + -webkit-transform: translate(0px, 0px) rotate(0deg); + transform: translate(0px, 0px) rotate(0deg); + } +} + +@keyframes animationFramesOne { + 0% { + -webkit-transform: translate(0px, 0px) rotate(0deg); + transform: translate(0px, 0px) rotate(0deg); + } + 20% { + -webkit-transform: translate(73px, -1px) rotate(36deg); + transform: translate(73px, -1px) rotate(36deg); + } + 40% { + -webkit-transform: translate(141px, 72px) rotate(72deg); + transform: translate(141px, 72px) rotate(72deg); + } + 60% { + -webkit-transform: translate(83px, 122px) rotate(108deg); + transform: translate(83px, 122px) rotate(108deg); + } + 80% { + -webkit-transform: translate(-40px, 72px) rotate(144deg); + transform: translate(-40px, 72px) rotate(144deg); + } + 100% { + -webkit-transform: translate(0px, 0px) rotate(0deg); + transform: translate(0px, 0px) rotate(0deg); + } +} + +@-webkit-keyframes ripple { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + 75% { + -webkit-transform: scale(1.75); + transform: scale(1.75); + opacity: 1; + } + 100% { + -webkit-transform: scale(2); + transform: scale(2); + opacity: 0; + } +} + +@keyframes ripple { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + 75% { + -webkit-transform: scale(1.75); + transform: scale(1.75); + opacity: 1; + } + 100% { + -webkit-transform: scale(2); + transform: scale(2); + opacity: 0; + } +} + +.owl-item { + overflow: hidden; +} + +.owl-item.active .startup-works-image { + -webkit-animation-duration: .8s; + animation-duration: .8s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; + -webkit-animation-delay: .5s; + animation-delay: .5s; +} + +.owl-item.active .startup-works-image img { + display: inline-block !important; + width: auto !important; +} + +.owl-item.active .startup-testimonials-image { + overflow: hidden; +} + +.owl-item.active .startup-testimonials-image .main-image { + -webkit-animation-duration: .8s; + animation-duration: .8s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; + -webkit-animation-delay: .5s; + animation-delay: .5s; +} + +/*================================================ +Modal CSS +=================================================*/ +.productsQuickView { + padding-right: 0 !important; +} + +.productsQuickView .modal-dialog { + max-width: 900px; + margin: 0 auto; +} + +.productsQuickView .modal-content { + border: none; + padding: 40px; + border-radius: 0; +} + +.productsQuickView .modal-content button.btn-close { + top: 0; + right: 0; + margin: 0; + z-index: 3; + outline: 0; + opacity: 1; + padding: 0; + width: 35px; + height: 35px; + border: none; + font-size: 17px; + line-height: 38px; + -webkit-box-shadow: unset; + box-shadow: unset; + text-shadow: unset; + position: absolute; +} + +.productsQuickView .modal-content .products-content h3 { + margin-bottom: 15px; + font-size: 20px; +} + +.productsQuickView .modal-content .products-content .price { + color: var(--blackColor); + margin-top: 15px; + margin-bottom: 12px; + font-weight: 700; + font-size: 17px; +} + +.productsQuickView .modal-content .products-content .price .old-price { + text-decoration: line-through; + color: #9b9494; + font-weight: normal; +} + +.productsQuickView .modal-content .products-content .products-review .rating { + display: inline-block; + padding-right: 3px; + font-size: 14px; +} + +.productsQuickView .modal-content .products-content .products-review .rating i { + display: inline-block; + color: #f49f0b; + line-height: 1; +} + +.productsQuickView .modal-content .products-content .products-review .rating-count { + display: inline-block; + color: var(--optionalColor); + line-height: initial; + position: relative; + top: 1px; +} + +.productsQuickView .modal-content .products-content .products-review .rating-count:hover { + color: var(--blackColor); +} + +.productsQuickView .modal-content .products-content .products-add-to-cart { + margin-top: 25px; +} + +.productsQuickView .modal-content .products-content .products-add-to-cart .quantities { + position: relative; + padding-left: 45px; +} + +.productsQuickView .modal-content .products-content .products-add-to-cart .quantities .sub-title { + left: 0; + top: 50%; + display: block; + font-weight: 600; + position: absolute; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter { + display: block; + max-width: 120px; + min-width: 120px; + text-align: center; + position: relative; + margin-bottom: 25px; +} + +.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span { + top: 0; + width: 35px; + height: 100%; + cursor: pointer; + font-size: 15px; + line-height: 38px; + position: absolute; + color: var(--blackColor); + border: 1px solid #eeeeee; + background-color: transparent; + -webkit-transition: var(--transition); + transition: var(--transition); +} + +.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span i { + position: relative; + top: 1px; +} + +.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span.minus-btn { + left: 0; +} + +.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span.plus-btn { + right: 0; +} + +.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span:hover { + color: var(--optionalColor); +} + +.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input { + height: 40px; + outline: 0; + width: 100%; + display: block; + text-align: center; + color: var(--blackColor); + border: 1px solid #eeeeee; + background-color: transparent; + font-size: 17px; + font-weight: 600; +} + +.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input::-webkit-input-placeholder { + color: var(--blackColor); +} + +.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input:-ms-input-placeholder { + color: var(--blackColor); +} + +.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input::-ms-input-placeholder { + color: var(--blackColor); +} + +.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input::placeholder { + color: var(--blackColor); +} + +.productsQuickView .modal-content .products-content .default-btn { + -webkit-box-shadow: unset !important; + box-shadow: unset !important; +} + +.productsQuickView .modal-content .products-content .social-share { + padding-left: 0; + list-style-type: none; + margin-bottom: 0; + margin-top: 30px; +} + +.productsQuickView .modal-content .products-content .social-share li { + display: inline-block; + margin-right: 12px; +} + +.productsQuickView .modal-content .products-content .social-share li span { + font-weight: 600; + position: relative; + top: -1px; +} + +.productsQuickView .modal-content .products-content .social-share li a { + line-height: 1; + font-size: 18px; + color: var(--optionalColor); +} + +.productsQuickView .modal-content .products-content .social-share li a:hover { + color: var(--blackColor); +} +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/static/assets/css/style.css.map b/static/assets/css/style.css.map new file mode 100644 index 00000000..e69de29b diff --git a/static/assets/css/style.scss b/static/assets/css/style.scss new file mode 100644 index 00000000..d007e8b3 --- /dev/null +++ b/static/assets/css/style.scss @@ -0,0 +1,16505 @@ +/* +@File: Noke Template Styles + +* This file contains the styling for the actual template, this +is the file you need to edit to change the look of the +template. + +This files table contents are outlined below>>>>> + +******************************************* +******************************************* + +** - Default CSS +** - Top Header Area CSS +** - Navbar Area CSS +** - Search Overlay CSS +** - Startup Banner Area CSS +** - Marketing Banner Area CSS +** - Business Banner Area CSS +** - App Banner Area CSS +** - Saas Banner Area CSS +** - Personal Portfolio Banner Area CSS +** - Consulting Banner Area CSS +** - IT Agency Banner Area CSS +** - Shop Banner Area CSS +** - Blog Banner Area CSS +** - Furniture Banner Area CSS +** - Minimal Portfolio Banner Area CSS +** - Features Area CSS +** - About Area CSS +** - Services Area CSS +** - Services Details Area CSS +** - Works Area CSS +** - What We Do Area CSS +** - Categories Area CSS +** - Who We Are Area CSS +** - Video Area CSS +** - Process Area CSS +** - Funfacts Area CSS +** - Products Area CSS +** - Products Details Area CSS +** - Cart Area CSS +** - Checkout Area CSS +** - Testimonials Area CSS +** - Team Area CSS +** - How It Works Area CSS +** - Skills Area CSS +** - Expertise Area CSS +** - CTA Area CSS +** - Timeline/Short Brief Area CSS +** - App Download Area CSS +** - Trending Style Area CSS +** - Pricing Area CSS +** - App Screenshot Area CSS +** - Facility Area CSS +** - Latest Posts Area CSS +** - Partner Area CSS +** - Clients Area CSS +** - Featured Video Area CSS +** - Blog Area CSS +** - Blog Details Area CSS +** - Widget Area CSS +** - Profile Authentication Area CSS +** - Instagram Area CSS +** - Page Title Area CSS +** - Pagination Area CSS +** - Gallery Area CSS +** - Portfolio Details Area CSS +** - Portfolio Details Navigation Area CSS +** - Privacy Policy Area CSS +** - Terms & Conditions Area CSS +** - FAQ Area CSS +** - 404 Error Area CSS +** - Coming Soon Area CSS +** - Contact Area CSS +** - Footer Area CSS +** - Go Top CSS +** - Modal CSS +*/ + +/*================================================ +Default CSS +=================================================*/ +@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); +:root { + --fontFamily: 'Manrope', sans-serif; + --headingFontFamily: 'Poppins', sans-serif; + --startupMainColor: #fd5444; + --marketingMainColor: #2f4eac; + --businessMainColor: #5d3dec; + --businessGradientColor: linear-gradient(to right, #4651e6, #5749ed, #693ff3, #7c30f7, #8f11fa); + --appMainColor: #0042bb; + --appGradientColor: linear-gradient(to right bottom, #0042bb, #093ea8, #113a96, #163584, #1a3172); + --saasMainColor: #296dfe; + --saasGradientColor: linear-gradient(to right top, #257ef7, #0094fb, #00a7f5, #00b6ea, #17c3dd); + --personalPortfolioMainColor: #111111; + --itAgencyMainColor: #ff4a17; + --itAgencyGradientColor: linear-gradient(to right, #ff4a17, #fd5d15, #fb6d16, #f87b1a, #f68821); + --consultingMainColor: #4eaf4e; + --shopMainColor: #111111; + --minimalPortfolioColor: #4ab19d; + --optionalColor: #6f6f6f; + --whiteColor: #ffffff; + --blackColor: #2d2d37; + --fontSize: 15.5px; + --transition: .5s; +} +body { + margin: 0; + padding: 0; + color: var(--blackColor); + font: { + size: var(--fontSize); + family: var(--fontFamily); + }; +} +.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { + color: var(--blackColor); + font: { + weight: 600; + family: var(--headingFontFamily); + }; +} +a { + transition: var(--transition); + color: var(--blackColor); + text-decoration: none; + outline: 0 !important; + + &:hover { + color: var(--optionalColor); + text-decoration: none; + } +} +:focus { + outline: 0 !important; +} +.d-table { + width: 100%; + height: 100%; + + &-cell { + vertical-align: middle; + } +} +img { + max-width: 100%; + height: auto; +} +p { + color: var(--optionalColor); + margin-bottom: 15px; + line-height: 1.8; + font: { + weight: 500; + size: var(--fontSize); + }; + &:last-child { + margin-bottom: 0; + } +} +.ptb-100 { + padding: { + top: 100px; + bottom: 100px; + }; +} +.pt-100 { + padding-top: 100px; +} +.pb-100 { + padding-bottom: 100px; +} +.ptb-70 { + padding: { + top: 70px; + bottom: 70px; + }; +} +.pt-70 { + padding-top: 70px; +} +.pb-70 { + padding-bottom: 70px; +} +.bg-f9f4f0 { + background-color: #f9f4f0; +} +.bg-faf7f2 { + background-color: #faf7f2; +} +.bg-1b2232 { + background-color: #1b2232; +} +.bg-f3f4f7 { + background-color: #f3f4f7; +} +.bg-f9f9f9 { + background-color: #f9f9f9; +} +.bg-dark { + background-color: #06080e !important; + + .section-title { + color: var(--whiteColor); + + h2 { + color: var(--whiteColor); + } + p { + color: var(--whiteColor); + } + } +} +.bg-f6f7f9 { + background-color: #f6f7f9; +} +/*section-title*/ +.section-title { + text-align: center; + max-width: 655px; + margin: { + bottom: 60px; + left: auto; + right: auto; + }; + h2 { + margin-bottom: 0; + font-size: 40px; + } + p { + max-width: 540px; + margin: { + top: 15px; + left: auto; + right: auto; + }; + } + .sub-title { + display: block; + margin-bottom: 12px; + color: var(--startupMainColor); + font: { + family: var(--headingFontFamily); + weight: 600; + size: 14px; + }; + &.marketing-color { + color: var(--marketingMainColor); + } + &.business-color { + color: var(--businessMainColor); + } + &.app-color { + color: var(--appMainColor); + } + &.saas-color { + color: var(--saasMainColor); + } + &.consulting-color { + color: var(--consultingMainColor); + } + &.it-agency-color { + color: var(--itAgencyMainColor); + } + &.minimal-portfolio-color { + color: var(--minimalPortfolioColor); + } + } + &.style-two { + text-align: start; + padding-left: 90px; + margin: { + left: 0; + right: 0; + bottom: 50px; + }; + h2 { + position: relative; + font-size: 30px; + + &::before { + left: -90px; + top: 50%; + width: 70px; + height: 1px; + content: ''; + position: absolute; + transform: translateY(-50%); + background-color: var(--personalPortfolioMainColor); + } + } + p { + margin: { + left: 0; + right: 0; + }; + } + } + &.style-three { + max-width: 100%; + + h2 { + position: relative; + z-index: 1; + + span { + display: inline-block; + background-color: var(--whiteColor); + padding: { + left: 30px; + right: 30px; + }; + } + &::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 50%; + transform: translateY(-50%); + background-color: #cfcfcf; + height: 1px; + z-index: -1; + } + } + } + &.style-four { + border-bottom: 1px solid #eeeeee; + padding-bottom: 12px; + position: relative; + text-align: start; + max-width: 100%; + margin: { + left: 0; + right: 0; + bottom: 45px; + }; + h2 { + font-size: 30px; + } + &::before { + content: ''; + position: absolute; + left: 0; + bottom: -1px; + width: 70px; + height: 1px; + background-color: var(--blackColor); + } + } +} +/*default-btn*/ +.default-btn { + box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1); + transition: var(--transition); + display: inline-block; + background-color: var(--startupMainColor); + color: var(--whiteColor); + position: relative; + border-radius: 5px; + border: none; + padding: 13px 50px 13px 35px; + font: { + size: var(--fontSize); + weight: 700; + }; + i { + position: absolute; + right: 35px; + top: 50%; + transform: translateY(-50%); + margin-top: 1px; + font-size: 14px; + transition: var(--transition); + } + &:hover { + color: var(--whiteColor); + background-color: var(--startupMainColor); + box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.1), 0 2rem 3rem rgba(0, 0, 0, 0.15); + + i { + right: 30px; + } + } + &.marketing-color { + background-color: var(--marketingMainColor); + color: var(--whiteColor); + + &:hover { + color: var(--whiteColor); + background-color: var(--marketingMainColor); + } + } + &.business-color { + background: var(--businessGradientColor); + } + &.app-color { + background: var(--appGradientColor); + } + &.saas-color { + background: var(--saasGradientColor); + } + &.personal-portfolio-color { + background: var(--personalPortfolioMainColor); + } + &.consulting-color { + background: var(--consultingMainColor); + } + &.it-agency-color { + background: var(--itAgencyGradientColor); + } + &.shop-color { + background: var(--shopMainColor); + } + &.minimal-portfolio-color { + background: var(--minimalPortfolioColor); + } +} +/*form-control*/ +.form-control { + border-radius: 0; + background-color: #f5f5f5 !important; + box-shadow: unset !important; + transition: var(--transition); + border: none !important; + height: 50px; + padding-left: 15px; + color: var(--blackColor); + font: { + size: var(--fontSize); + weight: 500; + }; + &::placeholder { + color: #999999; + transition: var(--transition); + } + &:focus { + &::placeholder { + color: transparent; + } + } +} +textarea.form-control { + padding-top: 15px; + height: auto; +} + +/*================================================ +Top Header Area CSS +=================================================*/ +.header-area { + &.p-absolute { + position: absolute; + left: 0; + right: 0; + top: 0; + height: auto; + z-index: 3; + + .navbar-area { + background-color: transparent; + } + } +} +.top-header-area { + background-color: var(--startupMainColor); + padding: { + top: 12px; + bottom: 12px; + }; + .container-fluid { + max-width: 1400px; + } + &.business-color { + background: var(--businessGradientColor); + } + &.saas-color { + background: var(--saasGradientColor); + } + &.top-header-style-two { + .container-fluid { + max-width: 1470px; + } + } + &.top-header-style-three { + .container-fluid { + max-width: 1450px; + } + } + &.it-agency-color { + background: var(--itAgencyGradientColor); + } + &.bg-f3f4f7 { + background: #f3f4f7; + + .top-header-social-links { + li { + a { + color: var(--blackColor); + + &:hover { + color: var(--startupMainColor); + } + } + } + } + .top-header-contact-info { + color: var(--blackColor); + + .number { + color: var(--blackColor); + } + .email { + color: var(--blackColor); + } + .lang-switcher { + label { + color: var(--startupMainColor); + } + select { + color: var(--blackColor); + + option { + color: var(--blackColor); + } + } + } + } + &.consulting-color { + .top-header-social-links { + li { + a { + &:hover { + color: var(--consultingMainColor); + } + } + } + } + .top-header-contact-info { + .lang-switcher { + label { + color: var(--consultingMainColor); + } + } + } + .top-header-info { + .number { + i { + color: var(--consultingMainColor); + } + } + .email { + i { + color: var(--consultingMainColor); + } + } + } + } + } + &.shop-color { + background: var(--shopMainColor); + } +} +.top-header-info { + .number { + display: inline-block; + position: relative; + padding-left: 25px; + + i { + position: absolute; + left: 0; + top: 4px; + color: var(--startupMainColor); + } + } + .email { + display: inline-block; + position: relative; + padding-left: 25px; + margin-right: 20px; + + i { + position: absolute; + left: 0; + top: 4px; + color: var(--startupMainColor); + } + } +} +.top-header-social-links { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + display: inline-block; + margin-right: 15px; + + a { + display: block; + color: var(--whiteColor); + + &:hover { + opacity: 0.8; + } + } + &:last-child { + margin-right: 0; + } + } +} +.top-header-contact-info { + color: var(--whiteColor); + + .number { + display: inline-block; + color: var(--whiteColor); + position: relative; + padding-left: 25px; + + i { + position: absolute; + left: 0; + top: 4px; + } + } + .email { + display: inline-block; + color: var(--whiteColor); + position: relative; + padding-left: 25px; + margin-right: 20px; + + i { + position: absolute; + left: 0; + top: 4px; + } + } + .lang-switcher { + display: inline-block; + position: relative; + margin-left: 20px; + padding-left: 20px; + + label { + display: block; + margin-bottom: 0; + position: absolute; + left: 0; + top: 1px; + } + select { + cursor: pointer; + background-color: transparent; + color: var(--whiteColor); + border: none; + + option { + color: var(--blackColor); + } + } + } +} + +/*================================================ +Navbar Area CSS +=================================================*/ +.navbar-area { + padding: 5px 0; + position: relative; + background-color: var(--whiteColor); + + &.p-absolute { + position: absolute; + left: 0; + right: 0; + top: 0; + height: auto; + z-index: 9; + } + &.is-sticky { + top: 0; + left: 0; + width: 100%; + z-index: 999; + position: fixed; + background-color: var(--whiteColor) !important; + box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09); + animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; + + &.bg-dark { + background-color: #06080e !important; + box-shadow: 0 2px 28px 0 rgba(255, 255, 255, .05); + } + } + &.bg-f9faff { + background-color: #f9faff; + } + &.navbar-style-two { + .noke-nav { + .container-fluid { + max-width: 1400px; + } + } + } + &.navbar-style-three { + .noke-nav { + .container-fluid { + max-width: 1450px; + } + } + } + &.navbar-style-four { + .noke-nav { + .container-fluid { + max-width: 1470px; + } + } + } + &.navbar-style-five { + padding: { + top: 0; + bottom: 0; + }; + .noke-nav { + .container-fluid { + max-width: 1450px; + } + .navbar { + background-color: var(--whiteColor); + padding: { + left: 25px; + right: 25px; + }; + } + } + } + &.bg-dark { + color: var(--whiteColor); + + .noke-nav { + .navbar { + .navbar-nav { + .nav-item { + a { + color: var(--whiteColor); + + &:hover, &:focus, &.active { + color: var(--startupMainColor); + } + } + &:hover, &.active { + a { + color: var(--startupMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--startupMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--startupMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--startupMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--startupMainColor); + } + } + &.active { + a { + color: var(--startupMainColor); + } + } + } + } + &.active { + a { + color: var(--startupMainColor); + } + } + } + } + &.active { + a { + color: var(--startupMainColor); + } + } + } + } + &.active { + a { + color: var(--startupMainColor); + } + } + } + } + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--startupMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--startupMainColor); + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + color: var(--startupMainColor); + + &:hover { + color: var(--startupMainColor); + } + } + .social-links { + li { + a { + color: var(--whiteColor); + + &:hover { + color: var(--startupMainColor); + } + } + } + } + } + .search-box { + .input-search { + color: var(--whiteColor); + + &::placeholder { + color: var(--whiteColor); + } + &:focus { + &::placeholder { + color: transparent; + } + } + } + button { + color: var(--whiteColor); + + &:hover { + color: var(--startupMainColor); + } + } + } + .lang-switcher { + color: var(--whiteColor); + + select { + color: var(--whiteColor); + + option { + color: var(--blackColor); + } + } + } + } + } + } + .others-option-for-responsive { + .dot-menu { + .inner { + .circle { + background-color: var(--whiteColor); + } + } + &:hover { + .inner { + .circle { + background-color: var(--startupMainColor); + } + } + } + } + } + } + &.color-white { + &.is-sticky { + background-color: #06080e !important; + box-shadow: 0 2px 28px 0 rgba(255, 255, 255, .05); + } + } +} +.noke-responsive-nav { + display: none; +} +.noke-nav { + .container-fluid { + max-width: 1400px; + } + .navbar { + padding: 0; + position: inherit; + + .navbar-brand { + font-size: inherit; + line-height: 1; + padding: 0; + } + ul { + padding-left: 0; + list-style-type: none; + margin-bottom: 0; + } + .navbar-nav { + margin-left: auto; + position: relative; + + .nav-item { + position: relative; + margin: { + left: 15px; + right: 15px; + }; + a { + position: relative; + color: var(--blackColor); + transition: var(--transition); + font: { + weight: 700; + size: var(--fontSize); + }; + padding: { + left: 0; + right: 0; + top: 30px; + bottom: 30px; + }; + &:hover, &:focus, &.active { + color: var(--startupMainColor); + } + } + .dropdown-toggle { + padding-right: 14px; + + &::after { + display: none; + } + &::before { + -webkit-font-smoothing: antialiased; + text-rendering: auto; + position: absolute; + content: "\f078"; + line-height: 1; + top: 37px; + right: 0; + font: { + family: "Font Awesome 5 Free"; + variant-ligatures: normal; + variant-caps: normal; + style: normal; + weight: 900; + size: 10px; + }; + } + } + &:last-child { + margin-right: 0; + } + &:first-child { + margin-left: 0; + } + &:hover, &.active { + a { + color: var(--startupMainColor); + } + } + .dropdown-menu { + left: 0; + top: 80px; + opacity: 0; + z-index: 99; + border: none; + width: 250px; + margin-top: 0; + display: block; + padding: 10px 0; + border-radius: 0; + position: absolute; + visibility: hidden; + background: var(--whiteColor); + transition: all 0.2s ease-in-out; + box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); + + li { + margin: 0; + + a { + display: block; + padding: 9px 20px; + position: relative; + color: var(--blackColor); + font: { + size: 14.5px; + weight: 600; + }; + i { + top: 50%; + margin: 0; + right: 15px; + font-size: 11px; + position: absolute; + transform: translateY(-50%); + } + &:hover, &:focus { + color: var(--startupMainColor); + padding-left: 25px; + } + &.active { + color: var(--startupMainColor); + } + } + .dropdown-menu { + top: 0; + opacity: 0; + left: auto; + right: 250px; + margin-top: 0; + visibility: hidden; + transform: translateX(0); + + li { + a { + color: var(--blackColor); + padding-left: 20px; + + &:hover, &:focus { + color: var(--startupMainColor); + padding-left: 25px; + } + &.active { + color: var(--startupMainColor); + } + } + .dropdown-menu { + top: 0; + opacity: 0; + right: 250px; + visibility: hidden; + + li { + a { + color: var(--blackColor); + padding-left: 20px; + + &:hover, &:focus { + padding-left: 25px; + color: var(--startupMainColor); + } + &.active { + color: var(--startupMainColor); + } + } + .dropdown-menu { + top: 0; + opacity: 0; + right: 250px; + visibility: hidden; + + li { + a { + padding-left: 20px; + color: var(--blackColor); + + &:hover, &:focus { + color: var(--startupMainColor); + padding-left: 25px; + } + &.active { + color: var(--startupMainColor); + } + } + &.active { + a { + color: var(--startupMainColor); + } + } + &:hover { + .dropdown-menu { + opacity: 1; + visibility: visible; + } + } + } + } + &.active { + a { + color: var(--startupMainColor); + } + } + &:hover { + .dropdown-menu { + opacity: 1; + visibility: visible; + } + } + } + } + &.active { + a { + color: var(--startupMainColor); + } + } + &:hover { + .dropdown-menu { + opacity: 1; + visibility: visible; + } + } + } + } + &.active { + a { + color: var(--startupMainColor); + } + } + &:hover { + .dropdown-menu { + opacity: 1; + margin-top: 0; + visibility: visible; + } + } + } + } + &:hover { + .dropdown-menu { + opacity: 1; + visibility: visible; + } + } + &.megamenu { + position: unset; + + .dropdown-menu { + left: 0; + top: auto; + width: 100%; + padding: 25px; + margin-top: 0; + position: absolute; + transform: unset !important; + + .submenu-title { + position: relative; + border-bottom: 1px solid #eeeeee; + padding-bottom: 8px; + text-transform: uppercase; + margin: { + bottom: 25px; + top: 30px; + }; + font: { + size: var(--fontSize); + weight: 600; + }; + &::before { + width: 50px; + height: 1px; + content: ''; + position: absolute; + left: 0; + bottom: -1px; + background-color: var(--startupMainColor); + } + &:first-child { + margin-top: 0; + } + } + a { + border-bottom: none !important; + } + .megamenu-submenu { + li { + a { + padding: 0; + margin-top: 18px; + color: var(--blackColor); + + .count { + float: right; + width: 20px; + height: 20px; + display: block; + font-size: 12px; + line-height: 20px; + text-align: center; + border-radius: 5px; + background-color: #f4f4f4; + transition: var(--transition); + } + &:hover, &.active { + color: var(--startupMainColor); + } + } + } + } + } + } + } + } + .others-option { + margin-left: 30px; + + .option-item { + position: relative; + margin-left: 15px; + top: 1px; + + &:first-child { + margin-left: 0; + } + .search-icon { + line-height: 1; + font-size: 18px; + cursor: pointer; + display: inline-block; + color: var(--blackColor); + transition: var(--transition); + border: { + left: 1px solid rgba(0, 0, 0, 0.20); + right: 1px solid rgba(0, 0, 0, 0.20); + }; + padding: { + left: 15px; + right: 15px; + }; + &:hover { + color: var(--startupMainColor); + } + } + .social-links { + position: relative; + top: -1px; + + span { + display: inline-block; + margin-left: 15px; + line-height: 1; + + a { + font-size: 17px; + display: block; + + &:hover { + color: var(--startupMainColor); + } + } + &:first-child { + margin-left: 0; + } + } + } + .link-btn { + display: inline-block; + font-size: 18px; + line-height: 1; + } + .icon-btn { + position: relative; + font-size: 18px; + line-height: 1; + padding-right: 10px; + margin-left: 5px; + + span { + display: inline-block; + position: absolute; + right: 0; + top: -5px; + width: 16px; + height: 16px; + border-radius: 50%; + background-color: red; + text-align: center; + line-height: 17px; + color: var(--whiteColor); + font: { + weight: 700; + size: 9px; + }; + } + } + } + .search-box { + position: relative; + width: 200px; + + .input-search { + display: block; + width: 100%; + background-color: transparent; + border: none; + border-bottom: 1px solid #eeeeee; + height: auto; + padding-bottom: 8px; + font-size: 14px; + color: var(--blackColor); + transition: var(--transition); + + &::placeholder { + transition: var(--transition); + color: var(--optionalColor); + } + &:focus { + border-color: var(--startupMainColor); + + &::placeholder { + color: transparent; + } + } + } + button { + position: absolute; + right: 0; + top: 0; + background-color: transparent; + border: none; + color: var(--optionalColor); + transition: var(--transition); + + &:hover { + color: var(--startupMainColor); + } + } + } + .lang-switcher { + position: relative; + padding-left: 34px; + position: relative; + top: -2px; + border-left: 1px solid rgba(0, 0, 0, 0.20); + + label { + display: block; + margin-bottom: 0; + position: absolute; + left: 15px; + top: 0; + } + select { + background-color: transparent; + cursor: pointer; + border: none; + margin-top: -3px; + } + } + } + } +} +.others-option-for-responsive { + display: none; + + .dot-menu { + top: -37px; + right: 60px; + height: 30px; + z-index: 999; + padding: 0 10px; + cursor: pointer; + position: absolute; + + .inner { + display: flex; + align-items: center; + height: 30px; + + .circle { + height: 5px; + width: 5px; + border-radius: 100%; + margin: 0 2px; + transition: var(--transition); + background-color: var(--blackColor); + } + } + &:hover { + .inner { + .circle { + background-color: var(--startupMainColor); + } + } + } + } + .container { + position: relative; + + .container { + right: 0; + top: 15px; + opacity: 0; + z-index: 2; + max-width: 300px; + margin-left: auto; + visibility: hidden; + position: absolute; + transform: scaleX(0); + transition: var(--transition); + padding: { + left: 15px; + right: 15px; + }; + &.active { + opacity: 1; + visibility: visible; + transform: scaleX(1); + } + } + } + .option-inner { + padding: 15px 20px; + box-shadow: 0 15px 40px rgba(0,0,0,.09); + background-color: var(--whiteColor); + text-align: center; + + .others-option { + .option-item { + position: relative; + margin-left: 20px; + display: inline-block; + + &:first-child { + margin-left: 0; + } + .search-icon { + line-height: 1; + font-size: 18px; + cursor: pointer; + display: inline-block; + color: var(--blackColor); + transition: var(--transition); + border-right: 1px solid rgba(0, 0, 0, 0.20); + padding-right: 20px; + + &:hover { + color: var(--startupMainColor); + } + } + .social-links { + position: relative; + top: -1px; + + span { + display: inline-block; + margin-left: 15px; + line-height: 1; + + a { + font-size: 17px; + display: block; + + &:hover { + color: var(--startupMainColor); + } + } + &:first-child { + margin-left: 0; + } + } + } + } + .search-box { + position: relative; + width: 100%; + + .input-search { + display: block; + width: 100%; + background-color: transparent; + border: none; + border-bottom: 1px solid #eeeeee; + height: auto; + padding-bottom: 8px; + font-size: 14px; + color: var(--blackColor); + transition: var(--transition); + + &::placeholder { + transition: var(--transition); + color: var(--optionalColor); + } + &:focus { + border-color: var(--startupMainColor); + + &::placeholder { + color: transparent; + } + } + } + button { + position: absolute; + right: 0; + top: 0; + background-color: transparent; + border: none; + color: var(--optionalColor); + transition: var(--transition); + + &:hover { + color: var(--startupMainColor); + } + } + } + .lang-switcher { + top: -2px; + position: relative; + padding-left: 25px; + position: relative; + margin-left: -10px; + border-left: 1px solid rgba(0, 0, 0, 0.20); + + label { + display: block; + margin-bottom: 0; + position: absolute; + left: 10px; + top: 0; + } + select { + background-color: transparent; + cursor: pointer; + border: none; + margin-top: -3px; + } + } + .link-btn { + display: inline-block; + font-size: 18px; + line-height: 1; + } + .icon-btn { + position: relative; + font-size: 18px; + line-height: 1; + padding-right: 10px; + margin-left: 5px; + + span { + display: inline-block; + position: absolute; + right: 0; + top: -5px; + width: 16px; + height: 16px; + border-radius: 50%; + background-color: red; + text-align: center; + line-height: 17px; + color: var(--whiteColor); + font: { + weight: 700; + size: 9px; + }; + } + } + } + } +} +.marketing-color { + .noke-nav { + .navbar { + .navbar-nav { + .nav-item { + a { + &:hover, &:focus, &.active { + color: var(--marketingMainColor); + } + } + &:hover, &.active { + a { + color: var(--marketingMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--marketingMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--marketingMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--marketingMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--marketingMainColor); + } + } + &.active { + a { + color: var(--marketingMainColor); + } + } + } + } + &.active { + a { + color: var(--marketingMainColor); + } + } + } + } + &.active { + a { + color: var(--marketingMainColor); + } + } + } + } + &.active { + a { + color: var(--marketingMainColor); + } + } + } + } + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--marketingMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--marketingMainColor); + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--marketingMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--marketingMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--marketingMainColor); + } + } + button { + &:hover { + color: var(--marketingMainColor); + } + } + } + } + } + } + .others-option-for-responsive { + .dot-menu { + &:hover { + .inner { + .circle { + background-color: var(--marketingMainColor); + } + } + } + } + .option-inner { + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--marketingMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--marketingMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--marketingMainColor); + } + } + button { + &:hover { + color: var(--marketingMainColor); + } + } + } + } + } + } +} +.business-color { + .noke-nav { + .navbar { + .navbar-nav { + .nav-item { + a { + &:hover, &:focus, &.active { + color: var(--businessMainColor); + } + } + &:hover, &.active { + a { + color: var(--businessMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--businessMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--businessMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--businessMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--businessMainColor); + } + } + &.active { + a { + color: var(--businessMainColor); + } + } + } + } + &.active { + a { + color: var(--businessMainColor); + } + } + } + } + &.active { + a { + color: var(--businessMainColor); + } + } + } + } + &.active { + a { + color: var(--businessMainColor); + } + } + } + } + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--businessMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--businessMainColor); + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--businessMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--businessMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--businessMainColor); + } + } + button { + &:hover { + color: var(--businessMainColor); + } + } + } + } + } + } + .others-option-for-responsive { + .dot-menu { + &:hover { + .inner { + .circle { + background-color: var(--businessMainColor); + } + } + } + } + .option-inner { + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--businessMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--businessMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--businessMainColor); + } + } + button { + &:hover { + color: var(--businessMainColor); + } + } + } + } + } + } +} +.app-color { + .noke-nav { + .navbar { + .navbar-nav { + .nav-item { + a { + &:hover, &:focus, &.active { + color: var(--appMainColor); + } + } + &:hover, &.active { + a { + color: var(--appMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--appMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--appMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--appMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--appMainColor); + } + } + &.active { + a { + color: var(--appMainColor); + } + } + } + } + &.active { + a { + color: var(--appMainColor); + } + } + } + } + &.active { + a { + color: var(--appMainColor); + } + } + } + } + &.active { + a { + color: var(--appMainColor); + } + } + } + } + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--appMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--appMainColor); + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--appMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--appMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--appMainColor); + } + } + button { + &:hover { + color: var(--appMainColor); + } + } + } + } + } + } + .others-option-for-responsive { + .dot-menu { + &:hover { + .inner { + .circle { + background-color: var(--appMainColor); + } + } + } + } + .option-inner { + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--appMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--appMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--appMainColor); + } + } + button { + &:hover { + color: var(--appMainColor); + } + } + } + } + } + } +} +.personal-portfolio-color { + .noke-nav { + .navbar { + .navbar-nav { + .nav-item { + a { + &:hover, &:focus, &.active { + color: var(--personalPortfolioMainColor); + } + } + &:hover, &.active { + a { + color: var(--personalPortfolioMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--personalPortfolioMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--personalPortfolioMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--personalPortfolioMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--personalPortfolioMainColor); + } + } + &.active { + a { + color: var(--personalPortfolioMainColor); + } + } + } + } + &.active { + a { + color: var(--personalPortfolioMainColor); + } + } + } + } + &.active { + a { + color: var(--personalPortfolioMainColor); + } + } + } + } + &.active { + a { + color: var(--personalPortfolioMainColor); + } + } + } + } + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--personalPortfolioMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--personalPortfolioMainColor); + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--personalPortfolioMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--personalPortfolioMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--personalPortfolioMainColor); + } + } + button { + &:hover { + color: var(--personalPortfolioMainColor); + } + } + } + } + } + } + .others-option-for-responsive { + .dot-menu { + &:hover { + .inner { + .circle { + background-color: var(--personalPortfolioMainColor); + } + } + } + } + .option-inner { + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--personalPortfolioMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--personalPortfolioMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--personalPortfolioMainColor); + } + } + button { + &:hover { + color: var(--personalPortfolioMainColor); + } + } + } + } + } + } +} +.saas-color { + &.bg-dark { + .noke-nav { + .navbar { + .navbar-nav { + .nav-item { + a { + &:hover, &:focus, &.active { + color: var(--saasMainColor); + } + } + &:hover, &.active { + a { + color: var(--saasMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--saasMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--saasMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--saasMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--saasMainColor); + } + } + &.active { + a { + color: var(--saasMainColor); + } + } + } + } + &.active { + a { + color: var(--saasMainColor); + } + } + } + } + &.active { + a { + color: var(--saasMainColor); + } + } + } + } + &.active { + a { + color: var(--saasMainColor); + } + } + } + } + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--saasMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--saasMainColor); + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--saasMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--saasMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--saasMainColor); + } + } + button { + &:hover { + color: var(--saasMainColor); + } + } + } + } + } + } + .others-option-for-responsive { + .dot-menu { + &:hover { + .inner { + .circle { + background-color: var(--saasMainColor); + } + } + } + } + .option-inner { + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--saasMainColor); + } + } + .social-links { + li { + a { + &:hover { + color: var(--saasMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--saasMainColor); + } + } + button { + &:hover { + color: var(--saasMainColor); + } + } + } + } + } + } + } +} +.color-white { + .noke-nav { + .navbar { + .navbar-nav { + .nav-item { + a { + color: var(--whiteColor); + + &:hover, &:focus, &.active { + color: var(--startupMainColor); + } + } + &:hover, &.active { + a { + color: var(--startupMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--startupMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--startupMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--startupMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--startupMainColor); + } + } + &.active { + a { + color: var(--startupMainColor); + } + } + } + } + &.active { + a { + color: var(--startupMainColor); + } + } + } + } + &.active { + a { + color: var(--startupMainColor); + } + } + } + } + &.active { + a { + color: var(--startupMainColor); + } + } + } + } + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--startupMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--startupMainColor); + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + color: var(--whiteColor); + + &:hover { + color: var(--startupMainColor); + } + } + .social-links { + li { + a { + color: var(--whiteColor); + + &:hover { + color: var(--startupMainColor); + } + } + } + } + } + .search-box { + .input-search { + color: var(--whiteColor); + + &::placeholder { + color: var(--whiteColor); + } + &:focus { + &::placeholder { + color: transparent; + } + } + } + button { + color: var(--whiteColor); + + &:hover { + color: var(--startupMainColor); + } + } + } + .lang-switcher { + color: var(--whiteColor); + + select { + color: var(--whiteColor); + + option { + color: var(--blackColor); + } + } + } + } + } + } + .others-option-for-responsive { + .dot-menu { + .inner { + .circle { + background-color: var(--whiteColor); + } + } + &:hover { + .inner { + .circle { + background-color: var(--startupMainColor); + } + } + } + } + } +} +.it-agency-color { + &.color-white { + .noke-nav { + .navbar { + .navbar-nav { + .nav-item { + a { + color: var(--whiteColor); + + &:hover, &:focus, &.active { + color: var(--itAgencyMainColor); + } + } + &:hover, &.active { + a { + color: var(--itAgencyMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--itAgencyMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--itAgencyMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--itAgencyMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--itAgencyMainColor); + } + } + &.active { + a { + color: var(--itAgencyMainColor); + } + } + } + } + &.active { + a { + color: var(--itAgencyMainColor); + } + } + } + } + &.active { + a { + color: var(--itAgencyMainColor); + } + } + } + } + &.active { + a { + color: var(--itAgencyMainColor); + } + } + } + } + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--itAgencyMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--itAgencyMainColor); + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + color: var(--itAgencyMainColor); + + &:hover { + color: var(--itAgencyMainColor); + } + } + .social-links { + li { + a { + &:hover { + color: var(--itAgencyMainColor); + } + } + } + } + } + .search-box { + button { + &:hover { + color: var(--itAgencyMainColor); + } + } + } + } + } + } + .others-option-for-responsive { + .dot-menu { + &:hover { + .inner { + .circle { + background-color: var(--itAgencyMainColor); + } + } + } + } + .option-inner { + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--itAgencyMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--itAgencyMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--itAgencyMainColor); + } + } + button { + &:hover { + color: var(--itAgencyMainColor); + } + } + } + } + } + } + } +} +.consulting-color { + .noke-nav { + .navbar { + .navbar-nav { + .nav-item { + a { + &:hover, &:focus, &.active { + color: var(--consultingMainColor); + } + } + &:hover, &.active { + a { + color: var(--consultingMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--consultingMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--consultingMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--consultingMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--consultingMainColor); + } + } + &.active { + a { + color: var(--consultingMainColor); + } + } + } + } + &.active { + a { + color: var(--consultingMainColor); + } + } + } + } + &.active { + a { + color: var(--consultingMainColor); + } + } + } + } + &.active { + a { + color: var(--consultingMainColor); + } + } + } + } + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--consultingMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--consultingMainColor); + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--consultingMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--consultingMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--consultingMainColor); + } + } + button { + &:hover { + color: var(--consultingMainColor); + } + } + } + } + } + } + .others-option-for-responsive { + .dot-menu { + &:hover { + .inner { + .circle { + background-color: var(--consultingMainColor); + } + } + } + } + .option-inner { + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--consultingMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--consultingMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--consultingMainColor); + } + } + button { + &:hover { + color: var(--consultingMainColor); + } + } + } + } + } + } +} +.shop-color { + .noke-nav { + .navbar { + .navbar-nav { + .nav-item { + a { + &:hover, &:focus, &.active { + color: var(--shopMainColor); + } + } + &:hover, &.active { + a { + color: var(--shopMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--shopMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--shopMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--shopMainColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--shopMainColor); + } + } + &.active { + a { + color: var(--shopMainColor); + } + } + } + } + &.active { + a { + color: var(--shopMainColor); + } + } + } + } + &.active { + a { + color: var(--shopMainColor); + } + } + } + } + &.active { + a { + color: var(--shopMainColor); + } + } + } + } + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--shopMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--shopMainColor); + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--shopMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--shopMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--shopMainColor); + } + } + button { + &:hover { + color: var(--shopMainColor); + } + } + } + } + } + } + .others-option-for-responsive { + .dot-menu { + &:hover { + .inner { + .circle { + background-color: var(--shopMainColor); + } + } + } + } + .option-inner { + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--shopMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--shopMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--shopMainColor); + } + } + button { + &:hover { + color: var(--shopMainColor); + } + } + } + } + } + } +} +.blog-color { + .noke-nav { + .navbar { + .navbar-nav { + .nav-item { + a { + &:hover, &:focus, &.active { + color: var(--blackColor); + } + } + &:hover, &.active { + a { + color: var(--blackColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--blackColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--blackColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--blackColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--blackColor); + } + } + &.active { + a { + color: var(--blackColor); + } + } + } + } + &.active { + a { + color: var(--blackColor); + } + } + } + } + &.active { + a { + color: var(--blackColor); + } + } + } + } + &.active { + a { + color: var(--blackColor); + } + } + } + } + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--blackColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--blackColor); + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--blackColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--blackColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--blackColor); + } + } + button { + &:hover { + color: var(--blackColor); + } + } + } + } + } + } + .others-option-for-responsive { + .dot-menu { + &:hover { + .inner { + .circle { + background-color: var(--blackColor); + } + } + } + } + .option-inner { + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--blackColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--blackColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--blackColor); + } + } + button { + &:hover { + color: var(--blackColor); + } + } + } + } + } + } +} +.minimal-portfolio-color { + .noke-nav { + .navbar { + .navbar-nav { + .nav-item { + a { + &:hover, &:focus, &.active { + color: var(--minimalPortfolioColor); + } + } + &:hover, &.active { + a { + color: var(--minimalPortfolioColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--minimalPortfolioColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--minimalPortfolioColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--minimalPortfolioColor); + } + } + .dropdown-menu { + li { + a { + color: var(--blackColor); + + &:hover, &:focus, &.active { + color: var(--minimalPortfolioColor); + } + } + &.active { + a { + color: var(--minimalPortfolioColor); + } + } + } + } + &.active { + a { + color: var(--minimalPortfolioColor); + } + } + } + } + &.active { + a { + color: var(--minimalPortfolioColor); + } + } + } + } + &.active { + a { + color: var(--minimalPortfolioColor); + } + } + } + } + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--minimalPortfolioColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--minimalPortfolioColor); + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--minimalPortfolioColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--minimalPortfolioColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--minimalPortfolioColor); + } + } + button { + &:hover { + color: var(--minimalPortfolioColor); + } + } + } + } + } + } + .others-option-for-responsive { + .dot-menu { + &:hover { + .inner { + .circle { + background-color: var(--minimalPortfolioColor); + } + } + } + } + .option-inner { + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--minimalPortfolioColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--minimalPortfolioColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--minimalPortfolioColor); + } + } + button { + &:hover { + color: var(--minimalPortfolioColor); + } + } + } + } + } + } +} +// Mobile and iPad Navbar +@media only screen and (max-width: 1199px) { + + .header-area { + &.p-absolute { + .navbar-area { + &.navbar-style-five { + border-bottom: none; + background-color: var(--whiteColor); + } + } + } + } + .navbar-area { + padding: { + top: 15px; + bottom: 15px; + }; + &.is-sticky { + padding: { + top: 15px; + bottom: 15px; + }; + } + &.bg-dark { + border-bottom: 1px solid rgba(255, 255, 255, .07); + + .noke-responsive-nav { + .mean-container { + a { + &.meanmenu-reveal { + color: var(--whiteColor); + + span { + background: var(--whiteColor); + } + } + } + } + .others-option { + .search-box { + .input-search { + border-bottom: 1px solid #6e6a6a; + color: var(--whiteColor); + + &::placeholder { + color: var(--whiteColor); + } + &:focus { + border-color: var(--whiteColor); + } + } + button { + color: var(--whiteColor); + + &:hover { + color: var(--whiteColor); + } + } + } + } + } + } + &.color-white { + border-bottom: 1px solid rgba(255, 255, 255, .07); + + .noke-responsive-nav { + .mean-container { + a { + &.meanmenu-reveal { + color: var(--whiteColor); + + span { + background: var(--whiteColor); + } + } + } + } + .others-option { + .search-box { + .input-search { + border-bottom: 1px solid #6e6a6a; + color: var(--whiteColor); + + &::placeholder { + color: var(--whiteColor); + } + &:focus { + border-color: var(--whiteColor); + } + } + button { + color: var(--whiteColor); + + &:hover { + color: var(--whiteColor); + } + } + } + } + } + } + &.navbar-style-five { + border-bottom: 1px solid #eeeeee; + padding: { + top: 15px; + bottom: 15px; + }; + } + } + .noke-responsive-nav { + display: block; + + .noke-responsive-menu { + position: relative; + + &.mean-container { + .mean-nav { + margin-top: 63px; + background-color: var(--whiteColor); + + ul { + font-size: 14px; + border: none !important; + + li { + a { + color: var(--blackColor); + border-top-color: #DBEEFD; + text-transform: unset; + font-weight: 500; + + i { + display: none; + } + &.mean-expand { + width: 50%; + height: 28px; + text-align: end; + padding: 11px!important; + background: transparent !important; + border: { + left: none !important; + bottom: none !important; + }; + } + &.active { + color: var(--startupMainColor); + } + } + li { + a { + font-size: 14px; + } + } + } + } + } + .navbar-nav { + height: 301px; + overflow-y: scroll; + box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1); + } + } + } + .mean-container { + a { + &.meanmenu-reveal { + top: 0; + padding: 0; + width: 35px; + height: 30px; + padding-top: 13px; + color: var(--blackColor); + font-family: var(--fontFamily); + + span { + background: var(--blackColor); + height: 4px; + margin-top: -6px; + border-radius: 3px; + position: relative; + top: 8px; + } + } + } + .mean-bar { + background: transparent; + position: absolute; + z-index: 999; + padding: 0; + } + .navbar-nav { + .nav-item { + &.megamenu { + .dropdown-menu { + .nav-item { + width: 90%; + overflow: hidden; + padding: 1em 5% 5px; + + .row { + display: block; + flex-wrap: unset; + margin: { + left: 0; + right: 0; + top: -20px; + }; + .col { + flex-basis: unset; + flex-grow: unset; + max-width: 100%; + padding: { + left: 0; + right: 0; + top: 20px; + }; + &:last-child { + margin-bottom: 15px; + } + } + } + a { + width: 100%; + float: unset; + display: block; + + &.p-0 { + border: none !important; + margin-top: 15px; + } + } + } + .submenu-title { + position: relative; + padding-bottom: 8px; + color: var(--blackColor); + text-transform: uppercase; + border-bottom: 1px solid #eeeeee; + margin: { + bottom: 5px; + top: 25px; + left: 0; + right: 0; + }; + font: { + size: 12.5px; + weight: 600; + }; + &::before { + width: 30px; + height: 1px; + content: ''; + position: absolute; + left: 0; + bottom: -1px; + background-color: var(--startupMainColor); + } + &:first-child { + margin-top: 0; + } + } + a { + border-bottom: none !important; + } + .mean-expand { + display: none !important; + } + .megamenu-submenu { + width: auto; + overflow: hidden; + display: block !important; + padding: { + left: 0; + right: 0; + }; + li { + a { + padding: 0; + border: none; + margin-top: 15px; + font-weight: 500; + color: var(--blackColor); + + &:hover, &.active { + color: var(--startupMainColor); + } + } + } + } + } + } + } + } + } + .dropdown-toggle { + &::after { + display: none !important; + } + } + .others-option { + display: none !important; + position: absolute; + right: 60px; + top: 16px; + + .option-item { + position: relative; + margin-left: 20px; + display: inline-block; + + &:first-child { + margin-left: 0; + } + .search-icon { + line-height: 1; + font-size: 18px; + cursor: pointer; + display: inline-block; + color: var(--blackColor); + transition: var(--transition); + border-right: 1px solid rgba(0, 0, 0, 0.20); + padding-right: 20px; + + &:hover { + color: var(--startupMainColor); + } + } + .social-links { + position: relative; + top: -1px; + + span { + display: inline-block; + margin-left: 15px; + line-height: 1; + + a { + font-size: 17px; + display: block; + + &:hover { + color: var(--startupMainColor); + } + } + &:first-child { + margin-left: 0; + } + } + } + } + .search-box { + position: relative; + width: 250px; + top: -7px; + + .input-search { + display: block; + width: 100%; + background-color: transparent; + border: none; + border-bottom: 1px solid #eeeeee; + height: auto; + padding-bottom: 8px; + font-size: 14px; + color: var(--blackColor); + transition: var(--transition); + + &::placeholder { + transition: var(--transition); + color: var(--optionalColor); + } + &:focus { + border-color: var(--startupMainColor); + + &::placeholder { + color: transparent; + } + } + } + button { + position: absolute; + right: 0; + top: 0; + background-color: transparent; + border: none; + color: var(--optionalColor); + transition: var(--transition); + + &:hover { + color: var(--startupMainColor); + } + } + } + .lang-switcher { + top: -2px; + position: relative; + padding-left: 25px; + position: relative; + margin-left: -10px; + border-left: 1px solid rgba(0, 0, 0, 0.20); + + label { + display: block; + margin-bottom: 0; + position: absolute; + left: 10px; + top: 0; + } + select { + background-color: transparent; + cursor: pointer; + border: none; + margin-top: -3px; + } + } + .link-btn { + display: inline-block; + font-size: 18px; + line-height: 1; + } + .icon-btn { + position: relative; + font-size: 18px; + line-height: 1; + padding-right: 10px; + margin-left: 5px; + + span { + display: inline-block; + position: absolute; + right: 0; + top: -5px; + width: 16px; + height: 16px; + border-radius: 50%; + background-color: red; + text-align: center; + line-height: 17px; + color: var(--whiteColor); + font: { + weight: 700; + size: 9px; + }; + } + } + } + .logo { + position: relative; + width: 60%; + z-index: 999; + } + } + .noke-nav { + display: none; + } + .others-option-for-responsive { + display: block; + } + .marketing-color { + .noke-responsive-nav { + .noke-responsive-menu { + &.mean-container { + .mean-nav { + ul { + li { + a { + &.active { + color: var(--marketingMainColor); + } + } + } + } + } + } + } + .mean-container { + .navbar-nav { + .nav-item { + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--marketingMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--marketingMainColor); + } + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--marketingMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--marketingMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--marketingMainColor); + } + } + button { + &:hover { + color: var(--marketingMainColor); + } + } + } + } + } + } + .business-color { + .noke-responsive-nav { + .noke-responsive-menu { + &.mean-container { + .mean-nav { + ul { + li { + a { + &.active { + color: var(--businessMainColor); + } + } + } + } + } + } + } + .mean-container { + .navbar-nav { + .nav-item { + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--businessMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--businessMainColor); + } + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--businessMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--businessMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--businessMainColor); + } + } + button { + &:hover { + color: var(--businessMainColor); + } + } + } + } + } + } + .app-color { + .noke-responsive-nav { + .noke-responsive-menu { + &.mean-container { + .mean-nav { + ul { + li { + a { + &.active { + color: var(--appMainColor); + } + } + } + } + } + } + } + .mean-container { + .navbar-nav { + .nav-item { + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--appMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--appMainColor); + } + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--appMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--appMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--appMainColor); + } + } + button { + &:hover { + color: var(--appMainColor); + } + } + } + } + } + } + .it-agency-color { + .noke-responsive-nav { + .noke-responsive-menu { + &.mean-container { + .mean-nav { + ul { + li { + a { + &.active { + color: var(--itAgencyMainColor); + } + } + } + } + } + } + } + .mean-container { + .navbar-nav { + .nav-item { + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--itAgencyMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--itAgencyMainColor); + } + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--itAgencyMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--itAgencyMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--itAgencyMainColor); + } + } + button { + &:hover { + color: var(--itAgencyMainColor); + } + } + } + } + } + } + .consulting-color { + .noke-responsive-nav { + .noke-responsive-menu { + &.mean-container { + .mean-nav { + ul { + li { + a { + &.active { + color: var(--consultingMainColor); + } + } + } + } + } + } + } + .mean-container { + .navbar-nav { + .nav-item { + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--consultingMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--consultingMainColor); + } + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--consultingMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--consultingMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--consultingMainColor); + } + } + button { + &:hover { + color: var(--consultingMainColor); + } + } + } + } + } + } + .saas-color { + .noke-responsive-nav { + .noke-responsive-menu { + &.mean-container { + .mean-nav { + ul { + li { + a { + &.active { + color: var(--saasMainColor); + } + } + } + } + } + } + } + .mean-container { + .navbar-nav { + .nav-item { + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--saasMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--saasMainColor); + } + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--saasMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--saasMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--saasMainColor); + } + } + button { + &:hover { + color: var(--saasMainColor); + } + } + } + } + } + } + .shop-color { + .noke-responsive-nav { + .noke-responsive-menu { + &.mean-container { + .mean-nav { + ul { + li { + a { + &.active { + color: var(--shopMainColor); + } + } + } + } + } + } + } + .mean-container { + .navbar-nav { + .nav-item { + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--shopMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--shopMainColor); + } + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--shopMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--shopMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--shopMainColor); + } + } + button { + &:hover { + color: var(--shopMainColor); + } + } + } + } + } + } + .blog-color { + .noke-responsive-nav { + .noke-responsive-menu { + &.mean-container { + .mean-nav { + ul { + li { + a { + &.active { + color: var(--personalPortfolioMainColor); + } + } + } + } + } + } + } + .mean-container { + .navbar-nav { + .nav-item { + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--personalPortfolioMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--personalPortfolioMainColor); + } + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--personalPortfolioMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--personalPortfolioMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--personalPortfolioMainColor); + } + } + button { + &:hover { + color: var(--personalPortfolioMainColor); + } + } + } + } + } + } + .personal-portfolio-color { + .noke-responsive-nav { + .noke-responsive-menu { + &.mean-container { + .mean-nav { + ul { + li { + a { + &.active { + color: var(--personalPortfolioMainColor); + } + } + } + } + } + } + } + .mean-container { + .navbar-nav { + .nav-item { + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--personalPortfolioMainColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--personalPortfolioMainColor); + } + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--personalPortfolioMainColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--personalPortfolioMainColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--personalPortfolioMainColor); + } + } + button { + &:hover { + color: var(--personalPortfolioMainColor); + } + } + } + } + } + } + .minimal-portfolio-color { + .noke-responsive-nav { + .noke-responsive-menu { + &.mean-container { + .mean-nav { + ul { + li { + a { + &.active { + color: var(--minimalPortfolioColor); + } + } + } + } + } + } + } + .mean-container { + .navbar-nav { + .nav-item { + &.megamenu { + .dropdown-menu { + .submenu-title { + &::before { + background-color: var(--minimalPortfolioColor); + } + } + .megamenu-submenu { + li { + a { + &:hover, &.active { + color: var(--minimalPortfolioColor); + } + } + } + } + } + } + } + } + } + .others-option { + .option-item { + .search-icon { + &:hover { + color: var(--minimalPortfolioColor); + } + } + .social-links { + span { + a { + &:hover { + color: var(--minimalPortfolioColor); + } + } + } + } + } + .search-box { + .input-search { + &:focus { + border-color: var(--minimalPortfolioColor); + } + } + button { + &:hover { + color: var(--minimalPortfolioColor); + } + } + } + } + } + } + +} + +/*================================================ +Search Overlay CSS +=================================================*/ +.search-overlay { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 99999; + opacity: 0; + visibility: hidden; + transition: all 0.3s ease-in-out; + overflow: hidden; + + .search-overlay-layer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 1; + transform: translateX(100%); + + &:nth-child(1) { + left: 0; + background-color: rgba(0, 0, 0, 0.5); + transition: all 0.3s ease-in-out 0s; + } + &:nth-child(2) { + left: 0; + background-color: rgba(0, 0, 0, 0.4); + transition: all 0.3s ease-in-out 0.3s; + } + &:nth-child(3) { + left: 0; + background-color: rgba(0, 0, 0, 0.7); + transition: all 0.9s ease-in-out 0.6s; + } + } + .search-overlay-close { + position: absolute; + top: 40px; + right: 40px; + width: 50px; + z-index: 2; + text-align: center; + cursor: pointer; + padding: 10px; + transition: all 0.9s ease-in-out 1.5s; + opacity: 0; + visibility: hidden; + + .search-overlay-close-line { + width: 100%; + height: 3px; + float: left; + margin-bottom: 5px; + background-color: var(--whiteColor); + transition: all 500ms ease; + + &:nth-child(1) { + transform: rotate(45deg); + } + &:nth-child(2) { + margin-top: -7px; + transform: rotate(-45deg); + } + } + &:hover { + .search-overlay-close-line { + background: red; + transform: rotate(180deg); + } + } + } + .search-overlay-form { + transform: translateY(-50%) translateX(-50%); + transition: all 0.9s ease-in-out 1.4s; + visibility: hidden; + position: absolute; + max-width: 600px; + width: 600px; + opacity: 0; + z-index: 2; + left: 50%; + top: 50%; + + form { + position: relative; + + .input-search { + display: block; + width: 100%; + height: 70px; + border: none; + background-color: transparent; + color: var(--whiteColor); + padding: 0; + transition: var(--transition); + border-bottom: 1px solid rgba(255, 255, 255, .40); + font: { + size: 22px; + weight: 500; + }; + &::placeholder { + transition: var(--transition); + color: rgba(255, 255, 255, .60); + font-weight: 100; + } + &:focus { + border-color: var(--whiteColor); + + &::placeholder { + color: transparent; + } + } + } + button { + position: absolute; + right: 0; + top: 13px; + color: var(--whiteColor); + transition: var(--transition); + background-color: transparent; + border: none; + font-size: 25px; + opacity: 0.7; + + &:hover { + opacity: 1; + } + } + } + } + &.search-overlay-active { + &.search-overlay { + opacity: 1; + visibility: visible; + + .search-overlay-layer { + transform: translateX(0); + } + .search-overlay-close { + opacity: 1; + visibility: visible; + } + .search-overlay-form { + opacity: 1; + visibility: visible; + } + } + } +} + +/*================================================ +Startup Banner Area CSS +=================================================*/ +.startup-banner-area { + .container-fluid { + max-width: 1400px; + } +} +.startup-banner-inner { + position: relative; + z-index: 1; + padding: { + top: 140px; + bottom: 140px; + left: 100px; + right: 100px; + }; +} +.startup-banner-content { + padding-right: 15px; + + .sub-title { + display: block; + margin-bottom: 10px; + color: var(--startupMainColor); + font: { + family: var(--headingFontFamily); + weight: 600; + size: 14px; + }; + } + h1 { + margin-bottom: 25px; + font-size: 60px; + } + p { + max-width: 580px; + } + .default-btn { + margin-top: 10px; + } +} +.startup-banner-image { + text-align: center; + padding-left: 15px; +} + +/*================================================ +Marketing Banner Area CSS +=================================================*/ +.marketing-banner-area { + z-index: 1; + position: relative; + border: { + top: 1px solid #f0f0f0; + bottom: 1px solid #f0f0f0; + }; + padding: { + top: 80px; + bottom: 80px; + }; +} +.marketing-banner-content { + padding-right: 25px; + + .sub-title { + display: block; + margin-bottom: 10px; + color: var(--marketingMainColor); + font: { + family: var(--headingFontFamily); + weight: 600; + size: 14px; + }; + } + h1 { + margin-bottom: 25px; + font-size: 60px; + } + p { + max-width: 550px; + } + .default-btn { + margin-top: 10px; + } +} +.marketing-banner-image { + text-align: center; +} + +/*================================================ +Business Banner Area CSS +=================================================*/ +.business-banner-area { + z-index: 1; + position: relative; + padding: { + top: 100px; + bottom: 100px; + }; + &::before { + animation: moveleftbounce 5s linear infinite; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + content: ''; + margin: { + left: 20px; + right: 20px; + }; + background: { + image: url(../../assets/img/bg2.jpg); + position: center center; + repeat: no-repeat; + size: cover; + }; + } + .container { + max-width: 1400px; + } +} +.business-banner-content { + padding-right: 25px; + max-width: 745px; + + .sub-title { + display: block; + margin-bottom: 10px; + color: var(--businessMainColor); + font: { + family: var(--headingFontFamily); + weight: 600; + size: 14px; + }; + } + h1 { + margin-bottom: 25px; + font-size: 60px; + } + p { + max-width: 550px; + } + .default-btn { + margin-top: 10px; + } +} +.business-banner-image { + text-align: center; + + img { + border-radius: 0 0 0 100px; + } +} + +/*================================================ +App Banner Area CSS +=================================================*/ +.app-banner-area { + z-index: 1; + position: relative; + background: var(--appGradientColor); + background: { + image: url(../../assets/img/bg3.jpg); + position: center center; + repeat: no-repeat; + size: cover; + }; + padding: { + top: 100px; + bottom: 100px; + }; + .container { + max-width: 1450px; + } +} +.app-banner-content { + h1 { + margin-bottom: 25px; + font-size: 60px; + color: var(--whiteColor); + } + p { + max-width: 550px; + color: var(--whiteColor); + } + .btn-box { + margin-top: 35px; + + .store-btn { + display: inline-block; + background-color: var(--whiteColor); + position: relative; + color: var(--optionalColor); + padding: 11px 25px 11px 65px; + margin-right: 15px; + border-radius: 5px; + font: { + size: 13.5px; + weight: 600; + }; + img { + position: absolute; + left: 15px; + top: 50%; + transform: translateY(-50%); + color: var(--blackColor); + font: { + size: 40px; + weight: normal; + }; + } + span { + display: block; + color: var(--blackColor); + margin-top: 2px; + font: { + size: 18px; + weight: 700; + }; + } + &:last-child { + margin-right: 0; + } + } + } +} +.app-banner-image { + text-align: center; + padding-left: 15px; +} + +/*================================================ +Saas Banner Area CSS +=================================================*/ +.saas-banner-area { + background-color: #06080e; + padding-top: 80px; + + .container-fluid { + padding: { + right: 30px; + left: 30px; + }; + } +} +.saas-banner-content { + margin-left: auto; + max-width: 710px; + + h1 { + color: var(--whiteColor); + margin-bottom: 25px; + font-size: 64px; + } + p { + opacity: 0.9; + max-width: 535px; + color: var(--whiteColor); + } + .default-btn { + margin-top: 10px; + } +} +.saas-banner-image { + text-align: center; +} + +/*================================================ +Personal Portfolio Banner Area CSS +=================================================*/ +.personal-portfolio-banner-area { + border-bottom: 1px solid #f0f0f0; + position: relative; + z-index: 1; + padding: { + top: 100px; + bottom: 100px; + }; + .container { + max-width: 1450px; + } +} +.personal-portfolio-banner-content { + .sub-title { + display: block; + position: relative; + padding-left: 65px; + margin-bottom: 12px; + font: { + size: 20px; + weight: 500; + }; + &::before { + left: 0; + top: 50%; + width: 50px; + height: 1px; + content: ''; + position: absolute; + transform: translateY(-50%); + background-color: var(--personalPortfolioMainColor); + } + } + h1 { + margin-bottom: 15px; + font: { + size: 80px; + weight: 700; + }; + } + h4 { + margin-bottom: 20px; + font: { + size: 40px; + weight: 500; + }; + } + p { + max-width: 535px; + } + .default-btn { + margin-top: 10px; + } +} +.personal-portfolio-banner-image { + text-align: center; +} + +/*================================================ +Consulting Banner Area CSS +=================================================*/ +.consulting-banner-area { + position: relative; + z-index: 1; + background: { + size: cover; + repeat: no-repeat; + position: left center; + image: url(../../assets/img/consulting-banner-bg.jpg); + }; + padding: { + top: 300px; + bottom: 180px; + }; + .container { + max-width: 1450px; + } + &::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background-color: var(--whiteColor); + opacity: 0.85; + display: none; + } +} +.consulting-banner-content { + max-width: 790px; + + h1 { + margin-bottom: 25px; + font: { + size: 50px; + weight: 700; + }; + } + p { + max-width: 580px; + } + .default-btn { + margin-top: 15px; + } +} + +/*================================================ +IT Agency Banner Area CSS +=================================================*/ +.it-agency-banner-area { + .it-agency-inner-banner { + position: relative; + z-index: 1; + background: { + image: url(../../assets/img/it-agency-banner-bg.jpg); + position: center center; + size: cover; + repeat: no-repeat; + }; + padding: { + top: 280px; + bottom: 330px; + }; + &::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background-color: #000000; + opacity: 0.8; + } + } +} +.it-agency-banner-content { + max-width: 1000px; + text-align: center; + color: var(--whiteColor); + margin: { + left: auto; + right: auto; + }; + h1 { + color: var(--whiteColor); + margin-bottom: 20px; + line-height: 1.3; + font-size: 60px; + } + p { + color: var(--whiteColor); + max-width: 600px; + opacity: 0.9; + margin: { + left: auto; + right: auto; + }; + } + .default-btn { + margin-top: 15px; + } +} +.banner-video-box { + z-index: 1; + max-width: 1000px; + position: relative; + text-align: center; + border-radius: 10px; + margin: { + left: auto; + right: auto; + top: -130px; + }; + img { + border-radius: 10px; + } + .video-btn { + top: 50%; + left: 50%; + width: 80px; + height: 80px; + font-size: 30px; + border-radius: 50%; + position: absolute; + display: inline-block; + color: var(--whiteColor); + background-color: rgba(255, 74, 23, .75); + transform: translateY(-50%) translateX(-50%); + + i { + position: absolute; + left: 0; + right: 0; + top: 50%; + transform: translateY(-50%); + } + &::after, &::before { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + z-index: -1; + bottom: 0; + left: 0; + border-radius: 50%; + border: 1.5px solid var(--whiteColor); + } + &::before { + animation: ripple 2s linear infinite + } + &::after { + animation: ripple 2s linear 1s infinite + } + } +} + +/*================================================ +Shop Banner Area CSS +=================================================*/ +.shop-banner-area { + padding: { + top: 200px; + bottom: 200px; + }; + background: { + image: url(../../assets/img/shop-banner-bg.jpg); + position: top center; + repeat: no-repeat; + size: cover; + }; +} +.shop-banner-content { + .sub-title { + display: block; + font-size: 30px; + margin-bottom: 8px; + } + h1 { + margin-bottom: 15px; + font: { + size: 60px; + weight: 700; + }; + } + h4 { + margin-bottom: 0; + font-size: 30px; + } + .default-btn { + margin-top: 30px; + } +} + +/*================================================ +Blog Banner Area CSS +=================================================*/ +.blog-banner-area { + background: { + image: url(../../assets/img/bg11.jpg); + position: center center; + repeat: no-repeat; + size: cover; + }; + padding: { + top: 100px; + bottom: 100px; + }; +} +.blog-banner-item { + position: relative; + text-align: center; + overflow: hidden; + + img { + transition: var(--transition); + } + .content { + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 0; + right: 0; + padding: 30px; + background-color: rgba(255, 255, 255, .90); + max-width: 525px; + margin: { + left: auto; + right: auto; + }; + .tag { + display: inline-block; + margin-bottom: 12px; + font-weight: 500; + } + h3 { + font-size: 25px; + line-height: 1.4; + margin-bottom: 12px; + } + p { + margin-bottom: 20px; + } + .meta { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + a { + display: inline-block; + font-weight: 600; + position: relative; + padding-right: 12px; + + i { + position: absolute; + right: 0; + top: 7px; + font-size: 12px; + } + &::before { + content: ''; + position: absolute; + right: 0; + bottom: 0; + width: 0%; + height: 1px; + background-color: var(--blackColor); + transition: var(--transition); + } + &:hover { + padding-right: 15px; + color: var(--blackColor); + + &::before { + width: 100%; + right: auto; + left: 0; + } + } + } + &.date { + padding-left: 20px; + position: relative; + + i { + position: absolute; + left: 0; + top: 3px; + } + } + } + } + } + &:hover { + img { + transform: scale(1.1); + } + } +} +.blog-banner-item-list { + margin-bottom: -30px; + + .single-blog-banner-item { + margin-bottom: 30px; + + .row { + margin: { + left: 0; + right: 0; + }; + .col-lg-4, .col-lg-8 { + padding: { + left: 0; + right: 0; + }; + } + } + .image { + height: 100%; + position: relative; + background: { + position: center center; + repeat: no-repeat; + size: cover; + }; + &.bg1 { + background-image: url(../../assets/img/blog-banner/blog-banner-list1.jpg); + } + &.bg2 { + background-image: url(../../assets/img/blog-banner/blog-banner-list2.jpg); + } + &.bg3 { + background-image: url(../../assets/img/blog-banner/blog-banner-list3.jpg); + } + &.bg4 { + background-image: url(../../assets/img/blog-banner/blog-banner-list4.jpg); + } + img { + display: none; + } + .link-btn { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + display: block; + z-index: 1; + } + } + .content { + padding: { + left: 25px; + top: 9.1px; + bottom: 9.1px; + }; + h3 { + margin-bottom: 15px; + color: var(--whiteColor); + line-height: 1.4; + font-size: 18px; + + a { + color: var(--whiteColor); + } + } + .date { + color: var(--whiteColor); + padding-left: 20px; + position: relative; + opacity: 0.9; + + i { + position: absolute; + left: 0; + top: 3px; + } + } + } + } +} + +/*================================================ +Furniture Banner Area CSS +=================================================*/ +.furniture-banner-item { + padding: { + top: 200px; + bottom: 200px; + }; + background: { + position: center center; + repeat: no-repeat; + size: cover; + }; + &.bg-item1 { + background-image: url(../../assets/img/furniture-banner-bg1.jpg); + } + &.bg-item2 { + background-image: url(../../assets/img/furniture-banner-bg2.jpg); + } + &.bg-item3 { + background-image: url(../../assets/img/furniture-banner-bg3.jpg); + } +} +.furniture-banner-content { + padding: 40px; + max-width: 560px; + background-color: var(--whiteColor); + border-left: 5px solid var(--blackColor); + + h1 { + margin-bottom: 15px; + font-size: 45px; + } + .default-btn { + margin-top: 10px; + } +} +.furniture-banner-slides { + &.owl-theme { + .owl-nav.disabled+.owl-dots { + margin-top: 0; + } + .owl-dots { + position: absolute; + right: 15px; + top: 50%; + transform: translateY(-50%); + + .owl-dot { + display: block; + margin: { + top: 10px; + bottom: 10px; + }; + span { + margin: 0; + border-radius: 0; + width: 50px; + height: 6px; + background-color: var(--whiteColor); + transition: var(--transition); + } + &:hover, &.active { + span { + background-color: var(--blackColor); + } + } + } + } + } +} + +/*================================================ +Minimal Portfolio Banner Area CSS +=================================================*/ +.minimal-portfolio-banner-area { + position: relative; + z-index: 1; + padding: { + top: 250px; + bottom: 220px; + }; +} +.minimal-portfolio-banner-content { + text-align: center; + max-width: 770px; + margin: { + left: auto; + right: auto; + }; + .typewrite { + margin-bottom: 30px; + display: inline-block; + color: var(--blackColor); + padding: 8px 20px; + line-height: 1; + letter-spacing: 2px; + background-color: #ebebeb; + font: { + size: 20px; + weight: 300; + }; + } + h1 { + font-size: 60px; + margin-bottom: 40px; + text-shadow: -1px 1px 0 var(--minimalPortfolioColor), 1px 1px 0 var(--startupMainColor), 1px -1px 0 var(--consultingMainColor), -1px -1px 0 var(--itAgencyMainColor); + } +} +.scroll-container { + left: 50%; + bottom: 0; + width: 30px; + height: 60px; + position: absolute; + border-radius: 15px; + border: 3px solid #eeeeee; + transform: translateX(-50%); +} +.scroller { + width: 16px; + border-radius: 8px; + background-color: var(--minimalPortfolioColor); + position: absolute; + top: 4px; + left: 4px; + bottom: 34px; + animation: scroller 1500ms ease-out infinite; +} + +/*================================================ +Features Area CSS +=================================================*/ +.features-area { + position: relative; + z-index: 1; + + &.ptb-70 { + padding-bottom: 40px; + } +} +.single-features-box { + text-align: center; + margin-bottom: 30px; + transition: var(--transition); + position: relative; + padding: { + left: 15px; + right: 15px; + }; + .icon { + line-height: 1; + display: block; + font-size: 50px; + margin-bottom: 22px; + transition: var(--transition); + } + h3 { + font-size: 20px; + margin-bottom: 12px; + transition: var(--transition); + } + p { + margin-bottom: 0; + transition: var(--transition); + } + .link-btn { + display: inline-block; + font-weight: 700; + padding-right: 12px; + position: absolute; + left: 50%; + bottom: 0; + opacity: 0; + visibility: hidden; + transform: translateX(-50%); + + i { + position: absolute; + right: 0; + top: 7px; + font-size: 12px; + } + &::before { + content: ''; + position: absolute; + right: 0; + bottom: 0; + width: 0%; + height: 2px; + background-color: #eeeeee; + transition: var(--transition); + } + &:hover { + color: var(--startupMainColor); + padding-right: 15px; + + &::before { + width: 100%; + right: auto; + left: 0; + } + } + } + &:hover { + .icon { + transform: translateY(-20px); + color: var(--startupMainColor); + } + h3 { + transform: translateY(-20px); + } + p { + transform: translateY(-20px); + } + .link-btn { + opacity: 1; + bottom: -15px; + visibility: visible; + } + } +} +.features-box { + text-align: center; + margin-bottom: 30px; + background-color: var(--whiteColor); + box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, .1); + padding: 35px 25px; + transition: var(--transition); + + .icon { + display: block; + width: 100px; + height: 100px; + position: relative; + font-size: 55px; + line-height: 100px; + z-index: 1; + color: var(--appMainColor); + border-radius: 10px; + transition: var(--transition); + margin: { + left: auto; + right: auto; + bottom: 25px; + }; + &::after { + content: ''; + position: absolute; + transition: var(--transition); + left: 0; + right: 0; + top: 0; + bottom: 0; + border-radius: 10px; + z-index: -1; + background-color: var(--appMainColor); + opacity: .10; + } + &.bg-7669ff { + color: #7669ff; + + &::after { + background-color: #7669ff; + } + } + &.bg-ff9f07 { + color: #ff9f07; + + &::after { + background-color: #ff9f07; + } + } + &.bg-89c111 { + color: #89c111; + + &::after { + background-color: #89c111; + } + } + &.bg-2ea7ff { + color: #2ea7ff; + + &::after { + background-color: #2ea7ff; + } + } + &.bg-ca83ff { + color: #ca83ff; + + &::after { + background-color: #ca83ff; + } + } + &.bg-ff5f5f { + color: #ff5f5f; + + &::after { + background-color: #ff5f5f; + } + } + } + h3 { + margin-bottom: 12px; + font-size: 20px; + } + &:hover { + transform: translateY(-10px); + + .icon { + color: var(--whiteColor); + + &::after { + opacity: 1; + } + } + } + &.without-box-shadow { + box-shadow: unset; + } +} +.single-features-item { + margin-bottom: 30px; + position: relative; + padding-left: 70px; + + .icon { + position: absolute; + left: 0; + line-height: 1; + top: 0; + font-size: 45px; + color: var(--consultingMainColor); + } + h3 { + margin-bottom: 0; + font-size: 20px; + } + &.color-white { + h3 { + color: var(--whiteColor); + } + } + &.startup-color { + .icon { + color: var(--startupMainColor); + } + } +} +.features-item { + margin-bottom: 30px; + transition: var(--transition); + border-radius: 10px; + position: relative; + padding: 30px; + z-index: 1; + + .icon { + display: block; + line-height: 1; + transition: var(--transition); + font-size: 35px; + color: var(--itAgencyMainColor); + margin-right: 15px; + } + h3 { + transition: var(--transition); + position: relative; + font-size: 20px; + margin-bottom: 0; + } + p { + transition: var(--transition); + margin-top: 15px; + } + &::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + border-radius: 10px; + background-color: var(--itAgencyMainColor); + z-index: -1; + transition: var(--transition); + opacity: 0.07; + } + &::after { + content: ''; + position: absolute; + left: 0; + top: 0; + transition: .3s; + border-radius: 10px; + height: 0; + width: 100%; + z-index: -1; + background: var(--itAgencyGradientColor); + } + &.bg-6d5fff { + .icon { + color: #6d5fff; + } + &::before { + background-color: #6d5fff; + } + } + &.bg-ff9f07 { + .icon { + color: #ff9f07; + } + &::before { + background-color: #ff9f07; + } + } + &.bg-2ea7ff { + .icon { + color: #2ea7ff; + } + &::before { + background-color: #2ea7ff; + } + } + &:hover { + &::before { + opacity: 0; + visibility: hidden; + } + &::after { + height: 100%; + } + p { + color: var(--whiteColor); + } + h3 { + color: var(--whiteColor); + + a { + color: var(--whiteColor); + } + } + .icon { + color: var(--whiteColor); + } + } +} + +/*================================================ +About Area CSS +=================================================*/ +.about-area { + &.with-border { + border-bottom: 1px solid #f0f0f0; + } +} +.startup-about-area { + .container-fluid { + max-width: 1400px; + } +} +.startup-about-image { + z-index: 1; + margin-right: 15px; + text-align: center; + position: relative; + background-color: #f9f4f0; + padding: { + top: 80px; + left: 80px; + bottom: 80px; + }; + .video-btn { + position: absolute; + left: 57%; + display: inline-block; + top: 50%; + transform: translateY(-50%) translateX(-57%); + width: 80px; + height: 80px; + background-color: rgba(0, 0, 0, .75); + border-radius: 50%; + color: var(--whiteColor); + font-size: 30px; + + i { + position: absolute; + left: 0; + right: 0; + top: 50%; + transform: translateY(-50%); + } + &::after, &::before { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + z-index: -1; + bottom: 0; + left: 0; + border-radius: 50%; + border: 2px solid var(--whiteColor); + } + &::before { + animation: ripple 2s linear infinite + } + &::after { + animation: ripple 2s linear 1s infinite + } + } +} +.startup-about-content { + padding-left: 15px; + max-width: 600px; + + .sub-title { + display: block; + margin-bottom: 12px; + color: var(--startupMainColor); + font: { + family: var(--headingFontFamily); + weight: 600; + size: 14px; + }; + } + h2 { + margin-bottom: 15px; + font-size: 40px; + } + p { + strong { + color: var(--blackColor); + } + } + .features-list { + padding-left: 0; + margin: { + left: 16px; + bottom: 0; + }; + li { + margin-bottom: 12px; + color: var(--optionalColor); + font-weight: 500; + + &:last-child { + margin-bottom: 0; + } + } + } + .default-btn { + margin-top: 5px; + } +} +.marketing-about-area { + border-bottom: 1px solid #f0f0f0; +} +.marketing-about-image { + margin-right: 15px; + text-align: center; +} +.marketing-about-content { + padding-left: 15px; + + .sub-title { + display: block; + margin-bottom: 12px; + color: var(--marketingMainColor); + font: { + family: var(--headingFontFamily); + weight: 600; + size: 14px; + }; + } + h2 { + margin-bottom: 15px; + font-size: 40px; + } + .default-btn { + margin-top: 10px; + } + .features-list { + padding-left: 0; + margin: { + left: 16px; + bottom: 0; + }; + li { + margin-bottom: 12px; + color: var(--optionalColor); + font-weight: 500; + + &:last-child { + margin-bottom: 0; + } + } + } +} +.business-about-content { + padding-left: 15px; + + .sub-title { + display: block; + margin-bottom: 12px; + color: var(--businessMainColor); + font: { + family: var(--headingFontFamily); + weight: 600; + size: 14px; + }; + } + h2 { + margin-bottom: 15px; + font-size: 40px; + } + .default-btn { + margin-top: 10px; + } +} +.business-about-image { + z-index: 1; + text-align: center; + padding-right: 15px; + position: relative; +} +.app-about-content { + padding-right: 15px; + + h3 { + margin-bottom: 16px; + font-size: 24px; + } + .features-list { + padding-left: 0; + margin-bottom: 15px; + list-style-type: none; + + li { + margin-bottom: 12px; + position: relative; + color: var(--optionalColor); + font-weight: 500; + padding-left: 24px; + + i { + position: absolute; + left: 0; + top: 4px; + color: var(--appMainColor); + } + &:last-child { + margin-bottom: 0; + } + } + } + .default-btn { + margin-top: 10px; + } +} +.app-about-image { + padding-left: 15px; + text-align: center; +} +.saas-about-content { + padding-left: 15px; + + .sub-title { + display: block; + margin-bottom: 12px; + color: var(--saasMainColor); + font: { + family: var(--headingFontFamily); + weight: 600; + size: 14px; + }; + } + h2 { + margin-bottom: 15px; + font-size: 40px; + } + .features-list { + padding-left: 0; + margin-bottom: 15px; + list-style-type: none; + + li { + margin-bottom: 12px; + position: relative; + color: var(--optionalColor); + font-weight: 500; + padding-left: 24px; + + i { + position: absolute; + left: 0; + top: 4px; + color: var(--saasMainColor); + } + &:last-child { + margin-bottom: 0; + } + } + } + .default-btn { + margin-top: 10px; + } + &.white-color { + color: var(--whiteColor); + + h2 { + color: var(--whiteColor); + } + p { + color: var(--whiteColor); + opacity: 0.9; + } + .features-list { + li { + color: var(--whiteColor); + opacity: 0.9; + + i { + color: var(--whiteColor); + } + } + } + } +} +.saas-about-image { + padding-right: 15px; + text-align: center; +} +.it-agency-about-content { + padding-left: 15px; + + .sub-title { + display: block; + margin-bottom: 12px; + color: var(--itAgencyMainColor); + font: { + family: var(--headingFontFamily); + weight: 600; + size: 14px; + }; + } + h2 { + margin-bottom: 15px; + font-size: 40px; + } + .default-btn { + margin-top: 10px; + } + .features-list { + padding-left: 0; + margin: { + left: 16px; + bottom: 15px; + }; + li { + margin-bottom: 12px; + color: var(--optionalColor); + font-weight: 500; + + &:last-child { + margin-bottom: 0; + } + } + } +} +.it-agency-about-image { + text-align: start; + position: relative; + margin-right: 20px; + padding: { + right: 20px; + bottom: 20px; + }; + .main-image { + position: relative; + padding-bottom: 150px; + + img { + border-radius: 10px; + + &:nth-child(2) { + position: absolute; + right: 0; + bottom: 0; + z-index: 1; + } + } + } +} + +/*================================================ +Services Area CSS +=================================================*/ +.services-area { + &.with-black-border { + border-top: 1px solid #12141a; + border-bottom: 1px solid #12141a; + } +} +.single-services-box { + margin-bottom: 30px; + position: relative; + overflow: hidden; + + img { + transition: var(--transition); + } + .content { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 30px; + z-index: 2; + transition: var(--transition); + + .icon { + line-height: 1; + display: block; + font-size: 50px; + margin-bottom: 20px; + transition: var(--transition); + color: var(--startupMainColor); + } + h3 { + font-size: 20px; + margin-bottom: 10px; + color: var(--whiteColor); + transition: var(--transition); + + a { + color: var(--whiteColor); + + &:hover { + color: var(--startupMainColor); + } + } + } + p { + transition: var(--transition); + color: var(--whiteColor); + margin-bottom: 0; + opacity: 0.9; + } + .link-btn { + font-weight: 700; + padding-right: 12px; + position: absolute; + left: 30px; + display: inline-block; + bottom: 0; + color: var(--whiteColor); + opacity: 0; + visibility: hidden; + + i { + position: absolute; + right: 0; + top: 7px; + font-size: 12px; + } + &::before { + content: ''; + position: absolute; + right: 0; + bottom: 0; + width: 0%; + height: 2px; + background-color: #eeeeee; + transition: var(--transition); + } + &:hover { + padding-right: 15px; + + &::before { + width: 100%; + right: auto; + left: 0; + } + } + } + } + &::before { + position: absolute; + height: 100%; + content: ""; + width: 100%; + z-index: 1; + left: 0; + top: 0; + background: linear-gradient(to top, rgba(35, 35, 37, 0.9) 0, rgba(35, 35, 37, 0.7) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%); + } + &:hover { + img { + transform: scale(1.05); + } + .content { + .icon { + transform: translateY(-30px); + } + p { + transform: translateY(-30px); + } + h3 { + transform: translateY(-30px); + } + .link-btn { + opacity: 1; + bottom: 25px; + visibility: visible; + } + } + } +} +.single-services-item { + margin-bottom: 30px; + + .content { + padding: { + top: 25px; + left: 20px; + right: 20px; + }; + h3 { + font-size: 20px; + margin-bottom: 10px; + } + } +} +.services-tabs { + .nav { + padding-left: 0; + margin-bottom: 60px; + border: none; + list-style-type: none; + text-align: center; + justify-content: center; + + .nav-item { + margin: { + left: 42px; + right: 42px; + }; + .nav-link { + display: inline-block; + padding: 0; + border: none; + margin: 0; + font: { + size: 19px; + weight: 700; + }; + .icon { + display: block; + width: 80px; + height: 80px; + position: relative; + z-index: 1; + line-height: 75px; + color: var(--businessMainColor); + font-weight: normal; + transition: var(--transition); + font-size: 35px; + border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; + padding-right: 10px; + margin: { + left: auto; + right: auto; + bottom: 15px; + }; + &::after { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; + z-index: -1; + bottom: 0; + background: var(--businessGradientColor); + transition: var(--transition); + opacity: 0.10; + } + } + &:hover, &.active { + color: var(--businessMainColor); + + .icon { + color: var(--whiteColor); + + &::after { + opacity: 1; + } + } + } + } + &:last-child { + margin-right: 0; + } + &:first-child { + margin-left: 0; + } + } + } +} +.single-main-services { + margin-bottom: 30px; + + .content { + padding-right: 50px; + + h3 { + font-size: 40px; + margin-bottom: 15px; + line-height: 1.4; + } + p { + max-width: 540px; + } + .default-btn { + margin-top: 10px; + } + } + .image { + text-align: center; + } +} +.services-box { + text-align: center; + margin-bottom: 30px; + border: 1px solid #eeeeee; + background-color: var(--whiteColor); + padding: 35px 30px; + transition: var(--transition); + + .icon { + font-size: 60px; + line-height: 1; + background: var(--saasGradientColor); + -webkit-background-clip: text; + -moz-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + margin-bottom: 22px; + display: block; + } + h3 { + margin-bottom: 12px; + font-size: 20px; + + a { + &:hover { + color: var(--saasMainColor); + } + } + } + &.color-white { + border-color: #272836; + background-color: #040611; + + h3 { + color: var(--whiteColor); + + a { + color: var(--whiteColor); + } + } + p { + opacity: 0.9; + color: var(--whiteColor); + } + } + &:hover { + border-color: var(--saasMainColor) !important; + } + &.startup-color { + .icon { + background: var(--startupMainColor); + -webkit-background-clip: text; + -moz-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + } + &:hover { + border-color: var(--startupMainColor) !important; + } + } +} +.services-item { + margin-bottom: 30px; + text-align: center; + position: relative; + overflow: hidden; + + img { + transition: var(--transition); + } + &::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + opacity: 0; + visibility: hidden; + z-index: 1; + transition: var(--transition); + background-color: var(--consultingMainColor); + } + h3 { + font-size: 20px; + transition: var(--transition); + margin: { + top: 25px; + bottom: 0; + }; + } + .hover-content { + left: 0; + right: 0; + top: 50%; + padding: 30px; + position: absolute; + transform: translateY(-50%); + z-index: 2; + opacity: 0; + visibility: hidden; + transition: var(--transition); + color: var(--whiteColor); + + h3 { + opacity: 1 !important; + visibility: visible !important; + color: var(--whiteColor); + margin: { + top: 0; + bottom: 12px; + }; + a { + color: var(--whiteColor); + } + } + p { + color: var(--whiteColor); + } + .link-btn { + font-weight: 700; + position: relative; + display: inline-block; + padding-right: 12px; + color: var(--whiteColor); + + i { + position: absolute; + right: 0; + top: 7px; + font-size: 12px; + } + &::before { + content: ''; + position: absolute; + right: 0; + bottom: 0; + width: 0%; + height: 1px; + background-color: var(--whiteColor); + transition: var(--transition); + } + &:hover { + padding-right: 15px; + + &::before { + width: 100%; + right: auto; + left: 0; + } + } + } + } + &:hover { + img { + transform: scale(1.7); + } + h3 { + opacity: 0; + visibility: hidden; + } + .hover-content { + opacity: 1; + visibility: visible; + } + &::before { + opacity: .90; + visibility: visible; + } + } + &.startup-color { + &::before { + background-color: var(--startupMainColor); + } + } +} +.col-lg-3 { + &:nth-child(2), &:nth-child(4) { + .services-box { + margin-top: 30px; + } + } + &:nth-child(5), &:nth-child(7) { + .services-box { + margin-top: -30px; + } + } +} +.single-it-services-box { + margin-bottom: 30px; + border-radius: 10px; + position: relative; + padding: 30px 30px 30px 100px; + z-index: 1; + + .icon { + position: absolute; + left: 30px; + top: 30px; + line-height: 1; + font-size: 45px; + color: var(--itAgencyMainColor); + transition: var(--transition); + } + h3 { + transition: var(--transition); + margin-bottom: 12px; + font-size: 20px; + + a { + display: inline-block; + + &:hover { + color: var(--itAgencyGradientColor); + } + } + } + p { + transition: var(--transition); + } + &::before { + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + content: ''; + opacity: .06; + position: absolute; + border-radius: 10px; + transition: var(--transition); + background-color: var(--itAgencyMainColor); + } + &.bg-6d5fff { + .icon { + color: #6d5fff; + } + &::before { + background-color: #6d5fff; + } + } + &.bg-ff9f07 { + .icon { + color: #ff9f07; + } + &::before { + background-color: #ff9f07; + } + } + &.bg-89c111 { + .icon { + color: #89c111; + } + &::before { + background-color: #89c111; + } + } + &.bg-ca83ff { + .icon { + color: #ca83ff; + } + &::before { + background-color: #ca83ff; + } + } + &.bg-ff5f5f { + .icon { + color: #ff5f5f; + } + &::before { + background-color: #ff5f5f; + } + } + &.bg-2ea7ff { + .icon { + color: #2ea7ff; + } + &::before { + background-color: #2ea7ff; + } + } + &:hover { + .icon { + color: var(--whiteColor) !important; + } + h3 { + color: var(--whiteColor) !important; + + a { + color: var(--whiteColor) !important; + } + } + p { + color: var(--whiteColor); + } + &::before { + opacity: 1; + visibility: visible; + } + } +} + +/*================================================ +Services Details Area CSS +=================================================*/ +.services-details-desc { + h3 { + font-size: 24px; + margin: { + bottom: 15px; + top: 30px; + }; + &:first-child { + margin-top: 0; + } + } + ul { + li { + margin-bottom: 12px; + color: var(--optionalColor); + font-weight: 500; + + &:last-child { + margin-bottom: 0; + } + } + } + p { + strong { + color: var(--blackColor); + } + a { + color: var(--startupMainColor); + + &:hover { + text-decoration: underline; + } + } + } + img { + margin: { + top: 20px; + bottom: 20px; + }; + } +} +.services-details-content { + h2 { + font-size: 40px; + line-height: 1.4; + margin-bottom: 15px; + } +} +.services-details-video { + margin-left: 30px; + text-align: center; + background-color: #f5f5f5; + + iframe { + width: 100%; + border: none; + height: 336px; + display: block; + } + .default-btn { + margin: { + top: 20px; + left: 30px; + right: 30px; + bottom: 20px; + }; + } +} +.services-details-overview { + .overview-content { + h2 { + font-size: 40px; + line-height: 1.4; + margin-bottom: 15px; + } + } +} + +/*================================================ +Works Area CSS +=================================================*/ +.startup-works-area { + .section-title { + max-width: 100%; + text-align: start; + padding-top: 100px; + margin: { + left: 0; + right: 0; + bottom: -220px; + }; + h2 { + font-size: 35px; + } + } +} +.startup-works-content { + padding: { + top: 245px; + right: 15px; + }; + h3 { + font-size: 20px; + margin-bottom: 15px; + + a { + display: inline-block; + + &:hover { + color: var(--startupMainColor); + } + } + } + .custom-owl-nav { + margin-top: 25px; + + [class*=owl-] { + margin: 0 5px; + background-color: var(--startupMainColor); + color: var(--whiteColor); + padding: 8px 25px 7px !important; + border-radius: 0; + transition: var(--transition); + border: none; + cursor: pointer; + font-size: var(--fontSize); + + i { + line-height: 1; + } + &.owl-prev { + margin-left: 0; + } + &.owl-next { + margin-right: 0; + } + &:hover { + background-color: var(--blackColor); + color: var(--whiteColor); + } + } + } +} +.startup-works-image { + z-index: 1; + margin-left: 15px; + text-align: center; + position: relative; + background-color: #f9f4f0; + padding: { + top: 80px; + right: 80px; + bottom: 80px; + }; + .link-btn { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 1; + display: block; + } +} +.single-works-box { + overflow: hidden; + position: relative; + margin-bottom: 30px; + + .works-image { + position: relative; + + img { + transition: var(--transition); + } + .works-overlay { + position: absolute; + overflow: hidden; + top: 10px; + left: 10px; + right: 10px; + bottom: 10px; + + &::before { + content: ''; + transition: var(--transition); + position: absolute; + width: 100%; + bottom: 0; + height: 50%; + background: var(--businessGradientColor); + right: -100%; + } + &::after { + content: ''; + transition: var(--transition); + position: absolute; + background: var(--businessGradientColor); + top: 0; + height: 50%; + width: 100%; + left: -100%; + } + h3 { + color: transparent; + overflow: hidden; + position: absolute; + top: 30px; + text-align: center; + right: 25px; + z-index: 2; + transition: var(--transition); + font-size: 20px; + margin-bottom: 5px; + + &::before { + content: ''; + background: var(--blackColor); + position: absolute; + width: 100%; + bottom: 0; + transition: var(--transition); + left: 100%; + top: 0; + right: auto; + } + } + span { + color: transparent; + overflow: hidden; + z-index: 2; + position: absolute; + top: 62px; + display: block; + right: 25px; + transition: var(--transition); + text-align: center; + + &::before { + content: ''; + background: var(--whiteColor); + width: 100%; + top: 0; + bottom: 0; + position: absolute; + transition: var(--transition); + right: 100%; + } + } + } + } + .link-btn { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 5; + } + &:hover { + .works-image { + img { + transform: scale(1.3); + } + .works-overlay { + &::before { + right: 0; + opacity: 1; + width: 100%; + height: 50%; + transition: all .8s; + } + &::after { + left: 0; + opacity: 1; + transition: all .8s; + } + span { + color: var(--whiteColor); + + &::before { + right: -100%; + } + } + h3 { + color: var(--whiteColor); + + &::before { + left: -100%; + } + } + } + } + } + &.startup-color { + .works-image { + .works-overlay { + &::before { + background: var(--startupMainColor); + } + &::after { + background: var(--startupMainColor); + } + } + } + } +} +.works-box { + margin-bottom: 30px; + text-align: center; + position: relative; + overflow: hidden; + + img { + transition: var(--transition); + } + .link-btn { + display: block; + left: 0; + right: 0; + top: 0; + bottom: 0; + position: absolute; + z-index: 2; + } + h3 { + margin-bottom: 0; + font-size: 20px; + position: absolute; + left: 0; + right: 0; + top: 50%; + opacity: 0; + visibility: hidden; + transition: var(--transition); + transform: translateY(-50%); + color: var(--whiteColor); + background-color: rgba(0, 0, 0, .75); + padding: 15px; + margin: { + left: 25px; + right: 25px; + top: 25px; + }; + } + &:hover { + img { + transform: scale(1.05); + } + h3 { + margin-top: 0; + visibility: visible; + opacity: 1; + } + } +} +.works-box-btn { + text-align: center; + margin-top: 20px; +} +.single-works-item { + margin-bottom: 30px; + text-align: center; + position: relative; + overflow: hidden; + + img { + transition: var(--transition); + } + &::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: var(--startupMainColor); + z-index: 1; + opacity: 0; + visibility: hidden; + transition: .3s; + } + .content { + position: absolute; + left: 0; + right: 0; + top: 50%; + transform: translateY(-50%); + margin-top: 15px; + transition: var(--transition); + opacity: 0; + visibility: hidden; + z-index: 2; + padding: { + left: 20px; + right: 20px; + }; + .link-btn { + width: 45px; + height: 45px; + line-height: 45px; + color: var(--whiteColor); + border: 1px solid var(--whiteColor); + border-radius: 50%; + margin-bottom: 20px; + display: inline-block; + + &:hover { + color: var(--blackColor); + background-color: var(--whiteColor); + } + } + h3 { + font-size: 22px; + color: var(--whiteColor); + margin-bottom: 12px; + + a { + color: var(--whiteColor); + } + } + span { + display: block; + color: var(--whiteColor); + opacity: 0.9; + } + } + &:hover { + img { + transform: scale(1.1); + } + &::before { + opacity: 1; + margin: 10px; + visibility: visible; + } + .content { + opacity: 1; + visibility: visible; + margin-top: 0; + } + } + &.minimal-portfolio-color { + &::before { + background-color: var(--minimalPortfolioColor); + } + } +} +.showMoreItemsList + .button-box { + margin-bottom: 0; + text-align: start; + + button { + background-color: transparent; + border: 1px solid #d6d9dc; + color: var(--blackColor); + padding: 12px 45px; + transition: var(--transition); + display: inline-block; + width: auto; + margin-top: 10px; + border-radius: 0; + font: { + size: var(--fontSize); + weight: 500; + }; + &:hover { + background-color: var(--startupMainColor); + border-color: var(--startupMainColor); + color: var(--whiteColor); + } + } +} +.works-slides-style-one, .works-slides-style-two { + &.owl-theme { + .single-works-item, .works-box { + margin-bottom: 0; + } + .owl-nav { + opacity: 0; + margin-top: 0; + visibility: hidden; + transition: var(--transition); + + [class*=owl-] { + margin: 0; + background-color: var(--whiteColor); + color: var(--blackColor); + padding: 0 !important; + border-radius: 0; + transition: var(--transition); + border: none; + cursor: pointer; + position: absolute; + left: 25px; + top: 50%; + width: 45px; + height: 45px; + line-height: 45px; + border-radius: 50%; + transform: translateY(-50%); + font-size: 20px; + + &.owl-next { + left: auto; + right: 25px; + } + i { + line-height: 1; + } + &:hover { + background-color: var(--blackColor); + border-color: var(--blackColor); + color: var(--whiteColor); + } + } + } + &:hover { + .owl-nav { + opacity: 1; + visibility: visible; + } + } + .owl-dots { + margin-top: 40px; + + .owl-dot { + span { + width: 18px; + height: 18px; + border-radius: 50%; + transition: var(--transition); + margin: 0 5px; + } + &:hover, &.active { + span { + background-color: var(--startupMainColor); + } + } + } + } + } +} + +/*================================================ +What We Do Area CSS +=================================================*/ +.what-we-do-content { + .section-title { + text-align: start; + max-width: 100%; + margin: { + left: 0; + right: 0; + bottom: 30px; + }; + p { + max-width: 100%; + margin: { + left: 0; + right: 0; + }; + } + } + .single-what-we-do-box { + margin-bottom: 0; + } +} +.single-what-we-do-box { + margin-bottom: 30px; + + .icon { + display: block; + line-height: 1; + font-size: 45px; + margin-bottom: 25px; + color: var(--consultingMainColor); + } + h3 { + font-size: 20px; + margin-bottom: 12px; + } +} + +/*================================================ +Categories Area CSS +=================================================*/ +.single-categories-box { + margin-bottom: 30px; + overflow: hidden; + position: relative; + + img { + transition: var(--transition); + } + h3 { + margin-bottom: 0; + font-size: 20px; + position: absolute; + left: 25px; + top: 25px; + background-color: var(--whiteColor); + padding: 7px 20px; + clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%); + transition: var(--transition); + } + .link-btn { + display: block; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 2; + } + &:hover { + img { + transform: scale(1.1); + } + h3 { + background-color: var(--blackColor); + color: var(--whiteColor); + } + } +} +.categories-box { + margin-bottom: 30px; + position: relative; + text-align: center; + overflow: hidden; + + img { + transition: var(--transition); + } + h3 { + top: 50%; + left: 50%; + margin-bottom: 0; + position: absolute; + transform: translateX(-50%) translateY(-50%); + font-size: 20px; + z-index: 1; + background-color: rgba(255, 255, 255, .80); + transition: var(--transition); + padding: { + top: 5px; + bottom: 5px; + left: 30px; + right: 30px; + }; + } + .link-btn { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + display: block; + z-index: 2; + } + &:hover { + img { + transform: scale(1.05); + } + h3 { + background-color: var(--whiteColor); + } + } +} +.categories-slides { + &.owl-theme { + .owl-nav { + margin-top: 0; + opacity: 0; + visibility: hidden; + transition: var(--transition); + + [class*=owl-] { + margin: 0; + background-color: transparent; + color: var(--optionalColor); + padding: 0 !important; + border-radius: 0; + transition: var(--transition); + border: none; + cursor: pointer; + position: absolute; + left: -45px; + top: 50%; + width: 35px; + height: 35px; + line-height: 35px; + border-radius: 50%; + transform: translateY(-50%); + border: 1px solid var(--optionalColor); + font-size: var(--fontSize); + + &.owl-next { + left: auto; + right: -45px; + } + i { + line-height: 1; + } + &:hover { + background-color: var(--blackColor); + border-color: var(--blackColor); + color: var(--whiteColor); + } + } + } + &:hover { + .owl-nav { + opacity: 1; + visibility: visible; + } + } + } +} + +/*================================================ +Who We Are Area CSS +=================================================*/ +.who-we-are-area { + .row { + margin: { + left: 0; + right: 0; + }; + .col-lg-6 { + padding: { + left: 0; + right: 0; + }; + } + } +} +.who-we-are-content { + padding: 40px; + background-color: #f3f4f7; + + .sub-title { + display: block; + margin-bottom: 10px; + color: var(--consultingMainColor); + font: { + family: var(--headingFontFamily); + weight: 600; + size: 14px; + }; + } + h2 { + margin-bottom: 15px; + line-height: 1.5; + font-size: 21px; + } + .default-btn { + margin-top: 10px; + } +} +.who-we-are-image { + text-align: center; + position: relative; + + .video-btn { + top: 50%; + left: 50%; + width: 80px; + height: 80px; + font-size: 30px; + border-radius: 50%; + position: absolute; + display: inline-block; + color: var(--blackColor); + background-color: var(--whiteColor); + transform: translateY(-50%) translateX(-50%); + + i { + position: absolute; + left: 0; + right: 0; + top: 50%; + transform: translateY(-50%); + } + &::after, &::before { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + z-index: -1; + bottom: 0; + left: 0; + border-radius: 50%; + border: 1.5px solid var(--saasMainColor); + } + &::before { + animation: ripple 2s linear infinite + } + &::after { + animation: ripple 2s linear 1s infinite + } + } +} + +/*================================================ +Video Area CSS +=================================================*/ +.video-box { + text-align: center; + position: relative; + + img { + width: 100%; + } + .video-btn { + position: absolute; + left: 50%; + display: inline-block; + top: 40%; + transform: translateY(-40%) translateX(-50%); + width: 80px; + height: 80px; + background-color: var(--whiteColor); + border-radius: 50%; + color: var(--blackColor); + font-size: 30px; + + i { + position: absolute; + left: 0; + right: 0; + top: 50%; + transform: translateY(-50%); + } + &::after, &::before { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + z-index: -1; + bottom: 0; + left: 0; + border-radius: 50%; + border: 2px solid var(--saasMainColor); + } + &::before { + animation: ripple 2s linear infinite + } + &::after { + animation: ripple 2s linear 1s infinite + } + } +} + +/*================================================ +Process Area CSS +=================================================*/ +.single-process-box { + margin-bottom: 30px; + text-align: center; + border: 1px dashed #e1e1e1; + transition: var(--transition); + padding: 40px 25px; + + img { + margin-bottom: 30px; + transition: var(--transition); + } + h3 { + margin-bottom: 12px; + font-size: 20px; + } + &:hover { + box-shadow: 3px 5px 25px 0 rgba(0,0,0,.1); + border-color: var(--whiteColor); + + img { + transform: scale(0.9); + } + } +} + +/*================================================ +Funfacts Area CSS +=================================================*/ +.funfacts-area { + &.bg-business-color { + background: var(--businessGradientColor); + } + &.bg-startup-color { + background: var(--startupMainColor); + + .single-funfacts-box { + &.without-bg-color { + border-color: var(--whiteColor); + } + } + } + &.bg-image { + background: { + color: var(--blackColor); + image: url(../../assets/img/bg8.jpg); + position: center center; + size: cover; + repeat: no-repeat; + }; + } + &.bg-f9f9f9 { + position: relative; + z-index: 1; + + &::before { + left: 0; + right: 0; + bottom: 0; + height: 50%; + z-index: -1; + content: ''; + position: absolute; + background-color: var(--whiteColor); + } + } +} +.single-funfacts-box { + margin-bottom: 30px; + color: var(--whiteColor); + position: relative; + z-index: 1; + overflow: hidden; + background-color: var(--blackColor); + padding: { + top: 40px; + bottom: 40px; + left: 85px; + right: 30px; + }; + .icon { + position: absolute; + left: 25px; + top: 50%; + transform: translateY(-50%); + color: var(--startupMainColor); + font-size: 45px; + } + h3 { + color: var(--whiteColor); + margin-bottom: 4px; + font-size: 40px; + + .odometer-formatting-mark { + display: none; + } + .sign { + position: relative; + top: 1px; + } + } + .sub-title { + display: block; + font-weight: 600; + } + .shape { + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + z-index: -1; + } + &.bg-white { + color: var(--optionalColor); + background-color: var(--whiteColor); + box-shadow: 3px 5px 25px 0 rgba(0,0,0,.1); + + .icon { + &.color-fd5444 { + color: #fd5444; + } + &.color-3251ad { + color: #3251ad; + } + &.color-62bd5e { + color: #62bd5e; + } + &.color-ff6720 { + color: #ff6720; + } + } + h3 { + color: var(--blackColor); + } + .shape { + opacity: .15; + } + } + &.without-bg-color { + background-color: transparent; + border-right: 1px dashed #a684f5; + margin-right: 40px; + padding: { + right: 0; + top: 15px; + bottom: 15px; + left: 65px; + }; + .icon { + left: 0; + color: var(--whiteColor); + } + } + &.text-center { + border-right: 2px dashed rgba(255, 255, 255, .20); + background-color: transparent; + padding: { + left: 0; + top: 20px; + bottom: 20px; + }; + } + &.consulting-color { + h3 { + color: var(--consultingMainColor); + } + } +} +.funfacts-inner { + background-color: var(--blackColor); + padding: { + left: 30px; + right: 30px; + }; + &.bg-app-image { + background: { + image: url(../../assets/img/bg4.jpg); + position: center center; + size: cover; + repeat: no-repeat; + }; + .single-funfacts-box { + &.without-bg-color { + padding: 0; + border: none; + text-align: center; + margin-right: 0; + } + } + } + &.it-agency-color { + background: var(--itAgencyGradientColor); + background: { + size: cover; + repeat: no-repeat; + position: center center; + image: url(../../assets/img/bg9.jpg); + }; + } + &.border-radius { + border-radius: 10px; + + &.ptb-70 { + padding-bottom: 40px; + } + } +} +.row { + .col-lg-3 { + &:last-child { + .single-funfacts-box { + &.without-bg-color, &.text-center { + border-right: none; + } + } + } + } +} + +/*================================================ +Products Area CSS +=================================================*/ +.products-area { + &.with-top-border { + border-top: 1px solid #eeeeee; + } +} +.single-products-box { + margin-bottom: 30px; + text-align: center; + + .image { + position: relative; + overflow: hidden; + + img { + transition: var(--transition); + } + .new { + position: absolute; + left: 12px; + top: 12px; + background-color: var(--blackColor); + color: var(--whiteColor); + width: 45px; + height: 45px; + text-align: center; + line-height: 45px; + border-radius: 50%; + z-index: 2; + font: { + size: 13px; + weight: 600; + }; + } + .sale { + position: absolute; + z-index: 2; + right: 12px; + top: 12px; + background-color: red; + color: var(--whiteColor); + width: 45px; + height: 45px; + text-align: center; + line-height: 45px; + border-radius: 50%; + font: { + size: 13px; + weight: 600; + }; + } + .buttons-list { + position: absolute; + text-align: center; + z-index: 1; + left: 0; + right: 0; + bottom: 20px; + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + opacity: 0; + visibility: hidden; + display: inline-block; + transform: translateY(30px); + transition: all 0.3s ease-in-out 0s; + margin: { + left: 3px; + right: 3px; + }; + a { + display: inline-block; + font-size: 16px; + color: var(--blackColor); + position: relative; + width: 40px; + border-radius: 50%; + line-height: 39px; + background-color: var(--whiteColor); + height: 40px; + border: 1px solid #eeeeee; + + .tooltip-label { + right: 50%; + top: -15px; + transform: translateX(50%); + position: absolute; + padding: 0 10px; + line-height: 28px; + font-size: 12px; + letter-spacing: .3px; + visibility: hidden; + white-space: nowrap; + opacity: 0; + color: transparent; + background-color: transparent; + transition: all .2s ease-in-out; + background-color: var(--blackColor); + color: var(--whiteColor); + + &::before { + content: "\f0dd"; + color: var(--blackColor); + left: 50%; + position: absolute; + transform: translateX(-50%) rotate(0deg); + transition: all .2s ease-in-out; + bottom: -12px; + font: { + family: "Font Awesome 5 Free"; + variant-ligatures: normal; + variant-caps: normal; + style: normal; + weight: 900; + size: 20px; + }; + } + } + &:hover { + background-color: var(--blackColor); + border-color: var(--blackColor); + color: var(--whiteColor); + + .tooltip-label { + visibility: visible; + opacity: 1; + top: -45px; + } + } + } + &:nth-child(1) { + transition-delay: 0.1s; + } + &:nth-child(2) { + transition-delay: 0.2s; + } + &:nth-child(3) { + transition-delay: 0.3s; + } + } + } + } + .content { + margin-top: 25px; + + .rating { + margin-bottom: 12px; + + i { + color: #fec900; + line-height: 1; + } + } + h3 { + margin-bottom: 13px; + font-size: 20px; + } + .price { + span { + color: var(--blackColor); + font: { + size: 17px; + weight: 700; + }; + &.old-price { + color: var(--optionalColor); + text-decoration: line-through; + } + } + } + } + &:hover { + .image { + img { + transform: scale(1.05); + } + .buttons-list { + li { + transform: translateY(0); + visibility: visible; + opacity: 1; + } + } + } + } +} +.noke-grid-sorting { + margin-bottom: 40px; + + .result-count { + p { + .count { + font-weight: 700; + color: var(--blackColor); + } + } + } + .ordering { + text-align: end; + + label { + display: inline-block; + color: var(--optionalColor); + margin: { + bottom: 0; + right: 5px; + }; + } + select { + width: 215px; + height: 45px; + cursor: pointer; + line-height: 45px; + display: inline-block; + background: #f8f8f8; + border-color: #eeeeee; + color: var(--blackColor); + transition: var(--transition); + padding: { + top: 1px; + left: 12px; + }; + font: { + size: var(--fontSize); + weight: 600; + }; + } + } +} + +/*================================================ +Products Details Area CSS +=================================================*/ +.products-details-desc { + padding-left: 15px; + + h3 { + margin-bottom: 15px; + font-size: 20px; + } + .price { + color: var(--blackColor); + margin: { + top: 15px; + bottom: 12px; + }; + font: { + weight: 700; + size: 17px; + }; + .old-price { + text-decoration: line-through; + color: #9b9494; + font-weight: normal; + } + } + .products-review { + .rating { + display: inline-block; + padding-right: 3px; + font-size: 14px; + + i { + display: inline-block; + color: #f49f0b; + line-height: 1; + } + } + .rating-count { + display: inline-block; + color: var(--optionalColor); + line-height: initial; + position: relative; + top: 1px; + + &:hover { + color: var(--blackColor); + } + } + } + .products-meta { + margin-top: 20px; + + span { + display: block; + font-weight: 500; + margin-bottom: 10px; + color: var(--optionalColor); + + span { + display: inline-block; + margin-bottom: 0; + + &.sku { + color: var(--startupMainColor); + } + } + a { + display: inline-block; + color: var(--blackColor); + + &:hover, &:focus { + color: var(--startupMainColor); + } + } + &.in-stock { + color: green; + } + &:last-child { + margin-bottom: 0; + } + } + } + .products-add-to-cart { + margin-top: 25px; + + .quantities { + position: relative; + padding-left: 45px; + + .sub-title { + left: 0; + top: 50%; + display: block; + font-weight: 600; + position: absolute; + transform: translateY(-50%); + } + } + .input-counter { + display: block; + max-width: 120px; + min-width: 120px; + text-align: center; + position: relative; + margin-bottom: 25px; + + span { + top: 0; + width: 35px; + height: 100%; + cursor: pointer; + font-size: 15px; + line-height: 38px; + position: absolute; + color: var(--blackColor); + border: 1px solid #eeeeee; + background-color: transparent; + transition: var(--transition); + + i { + position: relative; + top: 1px; + } + &.minus-btn { + left: 0; + } + &.plus-btn { + right: 0; + } + &:hover { + color: var(--optionalColor); + } + } + input { + height: 40px; + outline: 0; + width: 100%; + display: block; + text-align: center; + color: var(--blackColor); + border: 1px solid #eeeeee; + background-color: transparent; + font: { + size: 17px; + weight: 600; + } + &::placeholder { + color: var(--blackColor); + } + } + } + } + .default-btn { + box-shadow: unset !important; + } + .social-share { + padding-left: 0; + list-style-type: none; + margin: { + bottom: 0; + top: 30px; + }; + li { + display: inline-block; + margin-right: 12px; + + span { + font-weight: 600; + position: relative; + top: -1px; + } + a { + line-height: 1; + font-size: 18px; + color: var(--optionalColor); + + &:hover { + color: var(--blackColor); + } + } + } + } +} +.products-details-tabs { + margin-top: 50px; + + .single-tabs-box { + margin-bottom: 40px; + + h2 { + text-align: center; + margin-bottom: 30px; + position: relative; + font-size: 22px; + z-index: 1; + + span { + display: inline-block; + background-color: var(--whiteColor); + padding: { + left: 20px; + right: 20px; + }; + } + &::before { + left: 0; + right: 0; + top: 50%; + z-index: -1; + height: 1px; + content: ''; + margin-top: 1px; + position: absolute; + background-color: #eeeeee; + transform: translateY(-50%); + } + } + &:last-child { + margin-bottom: 0; + } + .inner-box { + max-width: 800px; + margin: { + left: auto; + right: auto; + }; + h3 { + font-size: 20px; + margin-bottom: 15px; + } + ul { + margin: { + top: 20px; + bottom: 0; + }; + li { + font-weight: 500; + margin-bottom: 12px; + color: var(--optionalColor); + + &:last-child { + margin-bottom: 0; + } + } + } + .table-striped { + margin-bottom: 0; + + tbody { + tr { + td { + border: none; + padding: 15px; + color: var(--optionalColor); + font: { + weight: 500; + size: var(--fontSize); + }; + } + } + } + } + .products-review-comments { + margin-top: 40px; + + .user-review { + position: relative; + margin-bottom: 20px; + padding: 0 0 20px 110px; + border-bottom: 1px solid #eeeeee; + + img { + top: 0; + left: 0; + width: 90px; + height: 90px; + border-radius: 5px; + position: absolute; + } + .sub-comment { + margin-bottom: 8px; + font: { + weight: 600; + family: var(--headingFontFamily); + }; + } + .review-rating { + display: block; + margin-bottom: 8px; + + .review-stars { + display: inline-block; + + i { + color: #cecfd2; + display: inline-block; + + &.checked { + color: orange; + } + } + } + } + } + } + .review-form-wrapper { + margin-top: 30px; + + h3 { + margin-bottom: 10px; + } + .comment-notes { + span { + color: red; + } + } + form { + margin-top: 20px; + + .form-group { + margin-bottom: 25px; + text-align: start; + } + .rating { + text-align: start; + overflow: hidden; + max-width: 115px; + margin: { + top: -5px; + bottom: 25px; + }; + label { + float: right; + position: relative; + width: 23px; + height: 23px; + cursor: pointer; + + &:not(:first-of-type) { + padding-right: 5px; + } + &:before { + content: "\2605"; + transition: var(--transition); + font-size: 27px; + color: #CCCCCC; + line-height: 1; + } + } + input { + display: none; + } + input:checked ~ label:before, &:not(:checked) > label:hover:before, &:not(:checked) > label:hover ~ label:before { + color: #f6b500; + } + } + .comment-form-cookies-consent { + text-align: start; + margin-bottom: 0; + + [type="checkbox"]:checked, [type="checkbox"]:not(:checked) { + display: none; + } + [type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label { + position: relative; + padding-left: 28px; + cursor: pointer; + line-height: 20px; + display: inline-block; + margin-bottom: 0; + color: var(--optionalColor); + } + [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 19px; + height: 19px; + transition: all 0.2s ease; + border: 1px solid #eeeeee; + border-radius: 3px; + background: var(--whiteColor); + } + [type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after { + content: ''; + width: 8px; + height: 8px; + background: var(--startupMainColor); + position: absolute; + top: 6.5px; + left: 6px; + -webkit-transition: all 0.2s ease; + transition: all 0.2s ease; + } + [type="checkbox"]:not(:checked) + label:after { + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0); + } + [type="checkbox"]:checked + label:after { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } + [type="checkbox"]:hover + label:before { + border-color: var(--startupMainColor); + } + [type="checkbox"]:checked + label:before { + border-color: var(--startupMainColor); + } + } + button { + margin-top: 22px; + border: none; + display: inline-block; + text-align: center; + overflow: hidden; + color: var(--whiteColor); + background-color: var(--startupMainColor); + transition: var(--transition); + border-radius: 5px; + padding: 13px 40px; + box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1); + font: { + weight: 700; + size: var(--fontSize); + }; + &:hover { + background-color: var(--blackColor); + color: var(--whiteColor); + } + } + } + } + } + } +} + +/*================================================ +Cart Area CSS +=================================================*/ +.cart-table-desc { + table { + margin-bottom: 0; + + thead { + tr { + th { + border: none; + padding: 13px 20px; + vertical-align: middle; + color: var(--whiteColor); + background-color: var(--blackColor); + font: { + family: var(--headingFontFamily); + size: var(--fontSize); + weight: 600; + }; + } + } + } + tbody { + tr { + td { + color: var(--optionalColor); + vertical-align: middle; + font: { + size: 15px; + weight: 600; + }; + padding: { + left: 0; + right: 0; + top: 15px; + bottom: 15px; + }; + border: { + left: none; + right: none; + color: #ebebeb; + }; + &.product-thumbnail { + a { + display: inline-block; + + img { + width: 80px; + } + } + } + &.product-name { + a { + display: inline-block; + } + } + &.product-subtotal { + .remove { + top: 2px; + color: red; + line-height: 1; + font-size: 20px; + margin-left: 40px; + position: relative; + } + } + &.product-quantity { + .input-counter { + max-width: 120px; + min-width: 120px; + text-align: center; + display: inline-block; + position: relative; + + span { + top: 0; + width: 35px; + height: 100%; + font-size: 14px; + line-height: 37px; + position: absolute; + cursor: pointer; + color: var(--blackColor); + background-color: transparent; + transition: var(--transition); + border: 1px solid #eeeeee; + + i { + position: relative; + top: 1px; + } + &.minus-btn { + left: 0; + } + &.plus-btn { + right: 0; + } + &:hover { + color: var(--mainColor); + } + } + input { + height: 40px; + outline: 0; + width: 100%; + display: block; + text-align: center; + color: var(--blackColor); + border: 1px solid #eeeeee; + background-color: transparent; + font: { + size: 17px; + weight: 600; + } + &::placeholder { + color: var(--blackColor); + } + } + } + } + &.product-subtotal { + overflow: hidden; + } + } + &:last-child { + td { + border-bottom: none; + } + } + } + } + } +} +.cart-buttons-desc { + .shopping-coupon-code { + position: relative; + + .form-control { + height: 50px; + } + button { + top: 0; + right: 0; + height: 50px; + border: none; + padding: 0 25px; + position: absolute; + color: var(--whiteColor); + border-radius: 0 5px 5px 0; + transition: var(--transition); + background-color: var(--blackColor); + font: { + size: var(--fontSize); + weight: 700; + }; + &:hover { + background-color: var(--startupMainColor); + } + } + } + .default-btn { + box-shadow: unset; + } +} +.cart-totals-desc { + padding: 30px; + background-color: #f5f5f5; + + h3 { + padding: 16px 20px; + margin-bottom: 30px; + color: var(--whiteColor); + font-size: var(--fontSize); + background-color: var(--blackColor); + margin: { + top: -30px; + left: -30px; + right: -30px; + }; + } + ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + overflow: hidden; + display: block; + margin-bottom: 12px; + padding-bottom: 12px; + font-weight: 500; + color: var(--optionalColor); + border-bottom: 1px solid #ebebeb; + + span { + float: right; + } + &:last-child { + font-weight: 700; + color: var(--blackColor); + padding-bottom: 0; + margin-bottom: 0; + border-bottom: none; + } + } + } + .default-btn { + margin-top: 25px; + box-shadow: unset; + } +} + +/*================================================ +Checkout Area CSS +=================================================*/ +.billing-details-desc { + padding: 30px 30px 10px; + background-color: #f5f5f5; + + h3 { + font-size: 20px; + margin-bottom: 30px; + color: var(--whiteColor); + background-color: var(--blackColor); + padding: { + top: 17px; + left: 30px; + right: 30px; + bottom: 17px; + }; + margin: { + right: -30px; + left: -30px; + top: -30px; + }; + } + .form-group { + margin-bottom: 20px; + + label { + display: block; + font-weight: 500; + margin-bottom: 12px; + color: var(--blackColor); + + .required { + color: red; + } + } + .form-control { + background-color: var(--whiteColor) !important; + } + select { + background-color: var(--whiteColor); + height: 50px; + cursor: pointer; + border: none; + display: block; + width: 100%; + padding-left: 15px; + } + } +} +.order-details-desc { + padding: 30px; + background-color: #f5f5f5; + + h3 { + font-size: 20px; + margin-bottom: 30px; + color: var(--whiteColor); + background-color: var(--blackColor); + padding: { + left: 30px; + right: 30px; + top: 17px; + bottom: 17px; + }; + margin: { + left: -30px; + right: -30px; + top: -30px; + }; + } + .order-details { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + display: block; + font-weight: 500; + overflow: hidden; + margin-bottom: 12px; + padding-bottom: 12px; + color: var(--optionalColor); + border-bottom: 1px solid #ebebeb; + + span { + float: right; + } + &:last-child { + font-weight: 700; + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; + color: var(--blackColor); + } + } + } + .payment-method { + margin: { + top: 30px; + bottom: 20px; + }; + p { + margin-bottom: 12px; + + &:last-child { + margin-bottom: 0; + } + [type="radio"] { + &:checked, &:not(:checked) { + display: none; + } + } + [type="radio"] { + &:checked, &:not(:checked) { + + label { + padding-left: 27px; + cursor: pointer; + display: block; + color: var(--blackColor); + position: relative; + margin-bottom: 8px; + font: { + size: var(--fontSize); + weight: 700; + }; + &::before { + content: ''; + position: absolute; + left: 0; + top: 5px; + width: 18px; + height: 18px; + border: 1px solid #dddddd; + border-radius: 50%; + background: var(--whiteColor); + } + &::after { + content: ''; + width: 12px; + height: 12px; + background: var(--startupMainColor); + position: absolute; + top: 8px; + left: 3px; + border-radius: 50%; + transition: var(--transition); + } + } + } + } + [type="radio"] { + &:not(:checked) { + + label { + &::after { + opacity: 0; + visibility: hidden; + transform: scale(0); + } + } + } + } + [type="radio"] { + &:checked { + + label { + &::after { + opacity: 1; + visibility: visible; + transform: scale(1); + } + } + } + } + } + } + .form-check { + color: var(--optionalColor); + font-weight: 500; + + a { + color: var(--startupMainColor); + + &:hover { + text-decoration: underline; + } + } + } + .default-btn { + margin-top: 25px; + display: block; + width: 100%; + box-shadow: unset; + border-radius: 5px; + padding: { + top: 13px; + bottom: 13px; + left: 30px; + right: 30px; + }; + } +} + +/*================================================ +Testimonials Area CSS +=================================================*/ +.testimonials-area { + &.bg-image { + background: { + image: url(../../assets/img/bg10.jpg); + position: center center; + repeat: no-repeat; + size: cover; + }; + .section-title { + &.style-three { + h2 { + span { + background-color: #f7eee8; + } + } + } + } + } +} +.testimonials-inner { + background-color: var(--blackColor); + padding: { + left: 60px; + right: 60px; + }; + &.bg-app-image { + background: { + image: url(../../assets/img/bg5.jpg); + position: center center; + size: cover; + repeat: no-repeat; + }; + } + .testimonials-item { + max-width: 650px; + box-shadow: unset; + background-color: transparent; + padding: 0; + margin: { + left: auto; + right: auto; + }; + .icon { + color: var(--whiteColor); + } + p { + color: var(--whiteColor); + } + .info { + .title { + h3 { + color: var(--whiteColor); + } + span { + color: var(--whiteColor); + opacity: 0.9; + } + } + } + } + .testimonials-slides { + &.owl-theme { + .owl-nav { + [class*=owl-] { + margin: 0; + background-color: var(--whiteColor); + color: var(--appMainColor); + padding: 0 !important; + border-radius: 50%; + border: none; + font-size: 20px; + width: 50px; + height: 50px; + line-height: 50px; + + &:hover { + background-color: var(--blackColor); + color: var(--whiteColor); + } + } + } + } + } + &.it-agency-color { + background-color: transparent; + + .testimonials-item { + .icon { + color: var(--itAgencyMainColor); + } + p { + color: var(--blackColor); + } + .info { + .title { + h3 { + color: var(--blackColor); + } + span { + color: var(--optionalColor); + opacity: 1; + } + } + } + } + .testimonials-slides { + &.owl-theme { + .owl-nav { + [class*=owl-] { + background: var(--itAgencyGradientColor); + color: var(--whiteColor); + } + } + } + } + } + &.minimal-portfolio-color { + background-color: transparent; + + .testimonials-item { + .icon { + color: var(--minimalPortfolioColor); + } + p { + color: var(--blackColor); + } + .info { + .title { + h3 { + color: var(--blackColor); + } + span { + color: var(--optionalColor); + opacity: 1; + } + } + } + } + .testimonials-slides { + &.owl-theme { + .owl-nav { + [class*=owl-] { + background: #f9f9f9; + color: var(--blackColor); + + &:hover { + background-color: var(--minimalPortfolioColor); + color: var(--whiteColor); + } + } + } + } + } + } + &.shop-color { + background-color: transparent; + + .testimonials-item { + .icon { + color: var(--shopMainColor); + } + p { + color: var(--blackColor); + } + .info { + .title { + h3 { + color: var(--blackColor); + } + span { + color: var(--optionalColor); + opacity: 1; + } + } + } + } + .testimonials-slides { + &.owl-theme { + .owl-nav { + [class*=owl-] { + background: var(--whiteColor); + color: var(--blackColor); + + &:hover { + background-color: var(--blackColor); + color: var(--whiteColor); + } + } + } + } + } + } +} +.testimonials-item { + text-align: center; + background-color: var(--whiteColor); + padding: 30px; + box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, .1); + + .icon { + line-height: 1; + margin-bottom: 25px; + color: var(--appMainColor); + display: block; + font-size: 45px; + } + p { + color: var(--blackColor); + font: { + size: 20px; + weight: 500; + }; + } + .info { + margin-top: 30px; + text-align: start; + + img { + display: inline-block !important; + width: 80px !important; + height: 80px; + border-radius: 50%; + margin-right: 10px; + } + .title { + margin-left: 10px; + + h3 { + font-size: 18px; + margin-bottom: 8px; + } + span { + display: block; + font-weight: 500; + color: var(--appMainColor); + opacity: .85; + } + } + } +} +.startup-testimonials-area { + .container-fluid { + max-width: 1400px; + } +} +.startup-testimonials-image { + z-index: 1; + text-align: center; + position: relative; + background-color: #2d2d37; + padding: { + top: 80px; + left: 80px; + bottom: 80px; + }; + img { + width: auto !important; + display: inline-block !important; + } +} +.startup-testimonials-content { + text-align: center; + padding: { + left: 40px; + right: 40px; + bottom: 100px; + }; + .icon { + line-height: 1; + margin-bottom: 20px; + color: var(--startupMainColor); + display: block; + font-size: 45px; + } + p { + color: var(--blackColor); + font: { + size: 18px; + weight: 600; + }; + } + .info { + margin-top: 25px; + padding-top: 25px; + border-top: 1px solid #eeeeee; + + h3 { + font-size: 18px; + margin-bottom: 8px; + } + span { + display: block; + font-weight: 500; + } + } +} +.startup-testimonials-slides { + &.owl-theme { + .owl-nav { + margin-top: 0; + position: absolute; + right: 22%; + bottom: 105px; + transform: translateX(22%); + + [class*=owl-] { + margin: 0 5px; + background-color: var(--startupMainColor); + color: var(--whiteColor); + padding: 8px 25px 7px !important; + border-radius: 0; + transition: var(--transition); + border: none; + cursor: pointer; + font-size: var(--fontSize); + + i { + line-height: 1; + } + &.owl-prev { + margin-left: 0; + } + &.owl-next { + margin-right: 0; + } + &:hover { + background-color: var(--blackColor); + color: var(--whiteColor); + } + } + } + } +} +.marketing-testimonials-area { + border-bottom: 1px solid #f0f0f0; +} +.marketing-testimonials-image { + text-align: center; + position: relative; + z-index: 2; + margin: { + right: 50px; + left: 50px; + }; + &::before { + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + content: ''; + position: absolute; + border-radius: 50%; + background-color: var(--marketingMainColor); + } + &::after { + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -2; + content: ''; + position: absolute; + border-radius: 65% 35% 70% 30% / 64% 31% 69% 36%; + background-color: #ffac00; + } + img { + border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; + display: inline-block !important; + width: auto !important; + } +} +.marketing-testimonials-content { + text-align: center; + padding-bottom: 60px; + + .icon { + line-height: 1; + margin-bottom: 20px; + color: var(--marketingMainColor); + display: block; + font-size: 45px; + } + p { + color: var(--blackColor); + font: { + size: 18px; + weight: 600; + }; + } + .info { + margin-top: 25px; + + h3 { + font-size: 18px; + margin-bottom: 8px; + } + span { + display: block; + font-weight: 500; + } + } +} +.marketing-testimonials-slides { + &.owl-theme { + .owl-nav { + right: 22%; + margin-top: 0; + bottom: 100px; + position: absolute; + transform: translateX(22%); + + [class*=owl-] { + margin: 0 5px; + background-color: var(--marketingMainColor); + color: var(--whiteColor); + padding: 8px 25px 7px !important; + border-radius: 0; + transition: var(--transition); + border: none; + cursor: pointer; + font-size: var(--fontSize); + + i { + line-height: 1; + } + &.owl-prev { + margin-left: 0; + } + &.owl-next { + margin-right: 0; + } + &:hover { + background-color: var(--blackColor); + color: var(--whiteColor); + } + } + } + } +} +.business-testimonials-area { + background: var(--businessGradientColor); + background: { + image: url(../../assets/img/bg1.jpg); + position: center center; + size: cover; + repeat: no-repeat; + }; +} +.business-testimonials-image { + text-align: center; + position: relative; + margin-right: 30px; + z-index: 2; + + &::before { + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + content: ''; + position: absolute; + border-radius: 20% 80% 50% 50% / 20% 50% 50% 80%; + border: 2px solid var(--whiteColor); + } + &::after { + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -2; + content: ''; + position: absolute; + border-radius: 65% 35% 70% 30% / 64% 31% 69% 36%; + background-color: #ffac00; + } + img { + border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; + display: inline-block !important; + width: auto !important; + } +} +.business-testimonials-content { + text-align: center; + + .icon { + line-height: 1; + margin-bottom: 25px; + color: var(--whiteColor); + display: block; + font-size: 45px; + } + p { + color: var(--whiteColor); + font: { + size: 20px; + weight: 500; + }; + } + .info { + margin-top: 30px; + + h3 { + font-size: 18px; + margin-bottom: 8px; + color: var(--whiteColor); + } + span { + display: block; + font-weight: 500; + color: var(--whiteColor); + opacity: .85; + } + } +} +.saas-testimonials-item { + border: 1px solid #242532; + background-color: rgba(4, 6, 17, .90); + padding: 30px; + + .info { + margin-bottom: 25px; + + img { + display: inline-block !important; + width: 80px !important; + height: 80px; + border-radius: 50%; + margin-right: 10px; + } + .title { + margin-left: 10px; + + h3 { + font-size: 18px; + margin-bottom: 8px; + color: var(--whiteColor); + } + span { + display: block; + font-weight: 600; + color: var(--saasMainColor); + } + } + } + p { + font-size: 16px; + color: var(--whiteColor); + } +} +.testimonials-slides { + &.owl-theme { + padding: { + left: 120px; + right: 120px; + }; + .owl-nav { + margin-top: 0; + + [class*=owl-] { + margin: 0; + background-color: transparent; + color: var(--whiteColor); + padding: 8px 25px 6px !important; + border-radius: 0; + transition: var(--transition); + border: none; + cursor: pointer; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + border: 1px solid var(--whiteColor); + font-size: var(--fontSize); + + &.owl-next { + left: auto; + right: 0; + } + i { + line-height: 1; + } + &:hover { + background-color: var(--whiteColor); + color: var(--blackColor); + } + } + } + } +} +.saas-testimonials-slides { + &.owl-theme { + position: relative; + margin-top: -100px; + z-index: 1; + padding: { + left: 80px; + right: 80px; + }; + .owl-nav { + margin-top: 0; + + [class*=owl-] { + top: 50%; + margin: 0; + left: 30px; + border: none; + font-size: 20px; + cursor: pointer; + border-radius: 0; + position: absolute; + color: var(--whiteColor); + transform: translateY(-50%); + transition: var(--transition); + background-color: transparent !important; + + &.owl-next { + left: auto; + right: 30px; + } + i { + line-height: 1; + } + &:hover { + color: var(--saasMainColor); + } + } + } + } +} +.testimonials-box { + text-align: center; + border: 1px solid #d5edff; + padding: 30px; + margin-bottom: 30px; + transition: var(--transition); + + .icon { + width: 80px; + height: 80px; + line-height: 82px; + background-color: #d5edff; + border-radius: 50%; + font-size: 35px; + display: block; + color: #2ea7ff; + transition: var(--transition); + margin: { + left: auto; + right: auto; + bottom: 20px; + }; + } + p { + color: var(--blackColor); + font: { + size: 16px; + weight: 500; + }; + } + .info { + margin-top: 25px; + + h3 { + font-size: 18px; + margin-bottom: 8px; + } + span { + display: block; + font-weight: 500; + color: var(--personalPortfolioMainColor); + opacity: .85; + } + } + &:hover { + border-color: var(--personalPortfolioMainColor) !important; + + .icon { + background-color: #2ea7ff; + color: var(--whiteColor); + } + &.bg-ca83ff { + .icon { + color: var(--whiteColor); + background-color: #ca83ff; + } + } + &.bg-ff9f07 { + .icon { + color: var(--whiteColor); + background-color: #ff9f07; + } + } + } + &.bg-ca83ff { + border-color: #faf2ff; + + .icon { + background-color: #faf2ff; + color: #ca83ff; + } + } + &.bg-ff9f07 { + border-color: #fff5e6; + + .icon { + background-color: #fff5e6; + color: #ff9f07; + } + } +} + +/*================================================ +Team Area CSS +=================================================*/ +.team-area { + &.with-border { + border-top: 1px solid #f0f0f0; + } +} +.single-team-member { + background-color: #f9f4f0; + margin-bottom: 30px; + text-align: center; + + .content { + padding: 25px 20px; + z-index: 1; + position: relative; + transition: var(--transition); + + h3 { + transition: var(--transition); + font-size: 20px; + margin-bottom: 10px; + } + span { + display: block; + color: var(--startupMainColor); + transition: var(--transition); + } + .social { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + position: absolute; + left: 0; + right: 0; + bottom: 25px; + opacity: 0; + visibility: hidden; + transition: var(--transition); + + li { + display: inline-block; + margin: { + left: 7px; + right: 7px; + }; + a { + display: block; + font-size: 20px; + color: var(--whiteColor); + + &:hover { + color: var(--startupMainColor); + } + } + } + } + &::before { + content: ''; + position: absolute; + left: 0; + right: 0; + height: 40px; + background-color: var(--blackColor); + top: -40px; + z-index: -1; + transition: var(--transition); + opacity: 0; + visibility: hidden; + } + } + &:hover, &.active { + .content { + background-color: var(--blackColor); + + h3 { + color: var(--whiteColor); + transform: translateY(-40px); + } + span { + color: var(--whiteColor); + transform: translateY(-40px); + } + .social { + opacity: 1; + visibility: visible; + } + &::before { + opacity: 1; + visibility: visible; + } + } + } + &.marketing-color { + .content { + span { + color: var(--marketingMainColor); + } + .social { + li { + a { + &:hover { + color: var(--marketingMainColor); + } + } + } + } + &::before { + background-color: var(--marketingMainColor); + } + } + &:hover, &.active { + .content { + background-color: var(--marketingMainColor); + + span { + color: var(--whiteColor); + } + } + } + } + &.business-color { + .content { + position: relative; + z-index: 1; + + span { + color: var(--businessMainColor); + } + .social { + li { + a { + &:hover { + color: var(--whiteColor); + } + } + } + } + &::after { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background: var(--businessGradientColor); + content: ''; + transition: var(--transition); + opacity: 0; + visibility: hidden; + } + &::before { + background: var(--businessGradientColor); + } + } + &:hover, &.active { + .content { + background-color: transparent; + + &::after { + opacity: 1; + visibility: visible; + } + span { + color: var(--whiteColor); + } + } + } + } + &.bg-ffefef { + background-color: #ffefef; + } + &.bg-f0efff { + background-color: #f0efff; + } + &.it-agency-color { + .content { + position: relative; + z-index: 1; + + span { + color: var(--itAgencyMainColor); + } + .social { + li { + a { + &:hover { + color: var(--whiteColor); + } + } + } + } + &::after { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background: var(--itAgencyGradientColor); + content: ''; + transition: var(--transition); + opacity: 0; + visibility: hidden; + } + &::before { + background: var(--itAgencyGradientColor); + } + } + &:hover, &.active { + .content { + background-color: transparent; + + &::after { + opacity: 1; + visibility: visible; + } + span { + color: var(--whiteColor); + } + } + } + } + &.border-radius { + border-radius: 10px; + + img { + border-radius: 10px 10px 0 0; + } + } +} +.single-team-box { + text-align: center; + margin-bottom: 30px; + + .image { + position: relative; + + .social { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding-left: 0; + margin-bottom: 15px; + list-style-type: none; + transition: var(--transition); + opacity: 0; + visibility: hidden; + padding: 25px; + + li { + display: inline-block; + margin: { + left: 2px; + right: 2px; + }; + a { + display: block; + width: 35px; + height: 35px; + border-radius: 50%; + line-height: 35px; + background-color: var(--whiteColor); + color: var(--blackColor); + + &:hover { + background-color: var(--startupMainColor); + color: var(--whiteColor); + } + } + } + } + } + .content { + margin-top: 22px; + + h3 { + font-size: 20px; + margin-bottom: 8px; + } + span { + display: block; + color: var(--startupMainColor); + } + } + &:hover { + .image { + .social { + opacity: 1; + margin-bottom: 0; + visibility: visible; + } + } + } + &.consulting-color { + .image { + .social { + li { + a { + &:hover { + background-color: var(--consultingMainColor); + } + } + } + } + } + .content { + span { + color: var(--consultingMainColor); + } + } + } +} +.team-member { + margin-bottom: 30px; + text-align: center; + + .content { + z-index: 1; + padding: 25px 20px; + position: relative; + transition: var(--transition); + background-color: var(--whiteColor); + box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1); + margin: { + left: 15px; + top: -30px; + right: 15px; + }; + h3 { + transition: var(--transition); + font-size: 20px; + margin-bottom: 10px; + } + span { + display: block; + color: var(--startupMainColor); + transition: var(--transition); + } + .social { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + position: absolute; + left: 0; + right: 0; + bottom: 25px; + opacity: 0; + visibility: hidden; + transition: var(--transition); + + li { + display: inline-block; + margin: { + left: 7px; + right: 7px; + }; + a { + display: block; + font-size: 20px; + color: var(--whiteColor); + + &:hover { + color: var(--startupMainColor); + } + } + } + } + &::before { + content: ''; + position: absolute; + left: 0; + right: 0; + height: 40px; + background-color: var(--blackColor); + top: -40px; + z-index: -1; + transition: var(--transition); + opacity: 0; + visibility: hidden; + } + } + &:hover, &.active { + .content { + background-color: var(--blackColor); + + h3 { + color: var(--whiteColor); + transform: translateY(-40px); + } + span { + color: var(--whiteColor); + transform: translateY(-40px); + } + .social { + opacity: 1; + visibility: visible; + } + &::before { + opacity: 1; + visibility: visible; + } + } + } + &.marketing-color { + .content { + span { + color: var(--marketingMainColor); + } + .social { + li { + a { + &:hover { + color: var(--whiteColor); + } + } + } + } + &::before { + background-color: var(--marketingMainColor); + } + } + &:hover, &.active { + .content { + background-color: var(--marketingMainColor); + + span { + color: var(--whiteColor); + } + } + } + } + &.business-color { + .content { + position: relative; + z-index: 1; + + span { + color: var(--businessMainColor); + } + .social { + li { + a { + &:hover { + color: var(--whiteColor); + } + } + } + } + &::after { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background: var(--businessGradientColor); + content: ''; + transition: var(--transition); + opacity: 0; + visibility: hidden; + } + &::before { + background: var(--businessGradientColor); + } + } + &:hover, &.active { + .content { + background-color: transparent; + + &::after { + opacity: 1; + visibility: visible; + } + span { + color: var(--whiteColor); + } + } + } + } + &.bg-ffefef { + background-color: #ffefef; + } + &.bg-f0efff { + background-color: #f0efff; + } + &.it-agency-color { + .content { + position: relative; + z-index: 1; + + span { + color: var(--itAgencyMainColor); + } + .social { + li { + a { + &:hover { + color: var(--whiteColor); + } + } + } + } + &::after { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background: var(--itAgencyGradientColor); + content: ''; + transition: var(--transition); + opacity: 0; + visibility: hidden; + } + &::before { + background: var(--itAgencyGradientColor); + } + } + &:hover, &.active { + .content { + background-color: transparent; + + &::after { + opacity: 1; + visibility: visible; + } + span { + color: var(--whiteColor); + } + } + } + } + &.border-radius { + border-radius: 10px; + + img { + border-radius: 10px 10px 0 0; + } + } +} +.team-box { + margin-bottom: 30px; + text-align: center; + position: relative; + overflow: hidden; + + img { + transition: var(--transition); + } + .content { + left: 0; + right: 0; + z-index: 1; + bottom: -100px; + padding: 25px; + transition: .3s; + position: absolute; + opacity: 0; + visibility: hidden; + background: var(--startupMainColor); + + h3 { + font-size: 20px; + margin-bottom: 12px; + color: var(--whiteColor); + } + span { + display: block; + color: var(--whiteColor); + margin-bottom: 15px; + font-weight: 600; + } + .social { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + display: inline-block; + margin: { + left: 7px; + right: 7px; + }; + a { + display: block; + font-size: 20px; + color: var(--whiteColor); + + &:hover { + color: var(--whiteColor); + opacity: 0.85; + } + } + } + } + } + &:hover, &.active { + img { + transform: scale(1.1); + } + .content { + bottom: 0; + opacity: 1; + visibility: visible; + } + } + &.business-color { + .content { + background: var(--businessGradientColor); + } + } +} + +/*================================================ +How It Works Area CSS +=================================================*/ +.how-it-works-area { + .section-title { + max-width: 668px; + } +} +.how-it-works-content { + padding-right: 30px; + + ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + margin-bottom: 30px; + position: relative; + padding-left: 65px; + + i { + position: absolute; + left: 0; + top: 0; + font-size: 45px; + background: var(--saasGradientColor); + -webkit-background-clip: text; + -moz-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + } + h3 { + font-size: 20px; + margin-bottom: 12px; + } + &:last-child { + margin-bottom: 0; + } + } + } + &.white-color { + ul { + li { + color: var(--whiteColor); + + h3 { + color: var(--whiteColor); + } + p { + color: var(--whiteColor); + opacity: 0.9; + } + } + } + } +} +.how-it-works-image { + text-align: center; +} + +/*================================================ +Skills Area CSS +=================================================*/ +.skills-area { + &.with-border { + border-top: 1px solid #f0f0f0; + } +} +.single-skills-box { + margin-bottom: 30px; + text-align: center; + padding: 30px; + background-color: #ffefef; + + &.bg-eaf6ff { + background-color: #eaf6ff; + } + &.bg-fff5e6 { + background-color: #fff5e6; + } + &.bg-f0efff { + background-color: #f0efff; + } +} + +/*================================================ +Expertise Area CSS +=================================================*/ +.expertise-area { + border-bottom: 1px solid #f0f0f0; +} +.expertise-box { + margin-bottom: 30px; + + .icon { + display: block; + width: 80px; + height: 80px; + font-size: 40px; + line-height: 80px; + color: var(--personalPortfolioMainColor); + border-radius: 10px; + transition: var(--transition); + margin-bottom: 25px; + text-align: center; + background-color: #f0efff; + + &.bg-fff5e6 { + background-color: #fff5e6; + } + &.bg-f3f9e7 { + background-color: #f3f9e7; + } + &.bg-ffefef { + background-color: #ffefef; + } + &.bg-eaf6ff { + background-color: #eaf6ff; + } + &.bg-faf2ff { + background-color: #faf2ff; + } + } + h3 { + font-size: 20px; + margin-bottom: 12px; + } + &:hover { + .icon { + background-color: var(--personalPortfolioMainColor); + color: var(--whiteColor); + } + } +} + +/*================================================ +CTA Area CSS +=================================================*/ +.cta-area { + position: relative; + z-index: 1; + background: { + color: var(--blackColor); + position: center center; + repeat: no-repeat; + size: cover; + image: url(../../assets/img/cta-bg1.jpg); + }; + &::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background-color: #000000; + opacity: .75; + } +} +.cta-content { + text-align: center; + max-width: 720px; + margin: { + left: auto; + right: auto; + }; + h2 { + color: var(--whiteColor); + margin-bottom: 0; + line-height: 1.4; + font-size: 40px; + } + p { + color: var(--whiteColor); + max-width: 600px; + opacity: 0.9; + margin: { + right: auto; + left: auto; + top: 20px; + }; + } + .default-btn { + margin-top: 15px; + + &:hover { + background-color: var(--whiteColor); + color: var(--blackColor); + + i { + color: var(--blackColor); + } + } + } +} +.call-to-action-area { + &.bg-image { + background: { + image: url(../../assets/img/bg7.jpg); + position: right center; + repeat: no-repeat; + size: cover; + }; + } +} +.call-to-action-content { + color: var(--whiteColor); + + h2 { + color: var(--whiteColor); + margin-bottom: 0; + line-height: 1.4; + font-size: 37px; + } +} +.call-to-action-btn { + text-align: end; + + .default-btn { + &:hover { + background-color: var(--whiteColor); + color: var(--blackColor); + + i { + color: var(--blackColor); + } + } + } +} +.call-to-action-inner { + background-color: var(--blackColor); + border-radius: 10px; + padding: { + left: 50px; + right: 50px; + }; + &.it-agency-color { + background: var(--itAgencyGradientColor); + + .default-btn { + background: var(--whiteColor); + color: var(--blackColor); + + i { + color: var(--blackColor); + } + &:hover { + background: var(--blackColor); + color: var(--whiteColor); + + i { + color: var(--whiteColor); + } + } + } + } + &.startup-color { + background: var(--startupMainColor); + + .default-btn { + background: var(--whiteColor); + color: var(--blackColor); + + i { + color: var(--blackColor); + } + &:hover { + background: var(--blackColor); + color: var(--whiteColor); + + i { + color: var(--whiteColor); + } + } + } + } +} + +/*================================================ +Timeline/Short Brief Area CSS +=================================================*/ +.short-brief-area { + border-bottom: 1px solid #f0f0f0; +} +.short-brief-content { + margin-bottom: 30px; + + .timeline { + width: 100%; + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + } + .timeline-item { + padding-left: 40px; + position: relative; + + &:last-child { + .timeline-content { + padding-bottom: 0; + } + } + &:not(.period):hover { + .timeline-marker { + &::before { + background: transparent; + border: 3px solid var(--blackColor); + } + } + } + } + .timeline-marker { + position: absolute; + width: 15px; + bottom: 0; + top: 0; + left: 0; + + &::before { + transition: background 0.3s ease-in-out, border 0.3s ease-in-out; + background: var(--blackColor); + border: 3px solid transparent; + border-radius: 100%; + position: absolute; + display: block; + height: 15px; + width: 15px; + content: ""; + top: 4px; + left: 0; + } + &::after { + background: #eeeeee; + position: absolute; + display: block; + content: ""; + top: 24px; + bottom: 0; + left: 6px; + width: 3px; + } + } + .timeline-content { + padding-bottom: 30px; + + h3 { + font-size: 20px; + margin-bottom: 13px; + } + } + .timeline-info { + .sub-title { + color: var(--optionalColor); + margin-bottom: 12px; + font-weight: 500; + display: block; + + span { + display: inline-block; + font: { + size: 18px; + weight: 700; + }; + } + } + } +} + +/*================================================ +App Download Area CSS +=================================================*/ +.app-download-area { + background: { + image: url(../../assets/img/bg6.jpg); + position: center center; + repeat: no-repeat; + size: cover; + }; +} +.app-download-image { + text-align: center; + padding-right: 30px; +} +.app-download-content { + .sub-title { + display: block; + margin-bottom: 12px; + color: var(--businessMainColor); + font: { + family: var(--headingFontFamily); + weight: 600; + size: 14px; + }; + } + h2 { + margin-bottom: 15px; + font-size: 40px; + } + .btn-box { + margin-top: 25px; + + .store-btn { + display: inline-block; + background-color: var(--whiteColor); + position: relative; + color: var(--optionalColor); + padding: 11px 30px 11px 70px; + margin-right: 15px; + border-radius: 5px; + box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.02), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.04); + font: { + size: 13.5px; + weight: 600; + }; + img { + position: absolute; + left: 18px; + top: 50%; + transform: translateY(-50%); + color: var(--blackColor); + font: { + size: 40px; + weight: normal; + }; + } + span { + display: block; + color: var(--blackColor); + margin-top: 2px; + font: { + size: 18px; + weight: 700; + }; + } + &:last-child { + margin-right: 0; + } + } + } +} + +/*================================================ +Trending Style Area CSS +=================================================*/ +.trending-style-image { + position: relative; + margin-right: 15px; + padding: { + bottom: 100px; + right: 150px; + }; + img { + &:nth-child(2) { + position: absolute; + right: 0; + bottom: 0; + width: 315px; + } + } +} +.trending-style-content { + padding-left: 15px; + + .sub-title { + display: block; + margin-bottom: 12px; + color: var(--shopMainColor); + font: { + family: var(--headingFontFamily); + weight: 600; + size: 14px; + }; + } + h2 { + margin-bottom: 16px; + font-size: 40px; + } + h3 { + font-size: 20px; + line-height: 1.4; + margin-bottom: 15px; + } + .default-btn { + margin-top: 10px; + } +} + +/*================================================ +Pricing Area CSS +=================================================*/ +.pricing-area { + &.with-black-border { + border-top: 1px solid #12141a; + } +} +.single-pricing-box { + padding: 40px; + margin-bottom: 30px; + border: 1px dashed #eeeeee; + background-color: var(--whiteColor); + box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, .1); + transition: var(--transition); + + .pricing-header { + margin-bottom: 25px; + padding-bottom: 25px; + border-bottom: 1px solid #eeeeee; + + h3 { + color: var(--marketingMainColor); + margin-bottom: 12px; + line-height: 1; + font: { + weight: 700; + size: 45px; + }; + span { + color: var(--optionalColor); + font: { + size: var(--fontSize); + weight: normal; + }; + } + } + .sub-title { + display: block; + font-weight: 700; + color: var(--blackColor); + } + } + .features-list { + margin-bottom: 25px; + padding-left: 0; + list-style-type: none; + + li { + margin-bottom: 12px; + color: var(--optionalColor); + font-family: var(--headingFontFamily); + position: relative; + padding-left: 25px; + + i { + position: absolute; + left: 0; + top: 5px; + color: var(--marketingMainColor); + + &.close { + color: red; + } + } + &:last-child { + margin-bottom: 0; + } + } + } + .default-btn { + display: block; + width: 100%; + text-align: center; + padding: { + left: 35px; + right: 35px; + top: 14px; + bottom: 14px; + }; + &:hover { + color: var(--whiteColor); + background-color: #ffac00; + } + } + &:hover { + border-color: var(--marketingMainColor); + } +} +.pricing-box { + margin-bottom: 30px; + text-align: center; + background-color: var(--whiteColor); + box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, .1); + padding: 30px; + + .pricing-header { + background: var(--appMainColor); + margin: -30px -30px 30px; + padding: 30px; + position: relative; + z-index: 1; + overflow: hidden; + + h3 { + margin-bottom: 15px; + font-size: 20px; + color: var(--whiteColor); + } + .price { + color: var(--whiteColor); + margin-bottom: 12px; + line-height: 1; + font: { + weight: 700; + size: 45px; + }; + span { + opacity: 0.9; + font: { + size: var(--fontSize); + weight: normal; + }; + } + } + &::before { + width: 400px; + height: 400px; + content: ''; + position: absolute; + left: 50%; + transform: translateX(-50%); + border-radius: 50%; + bottom: 10px; + background-color: #0084ff; + opacity: 0.1; + z-index: -1; + transition: var(--transition); + } + } + .features-list { + padding-left: 0; + margin-bottom: 30px; + list-style-type: none; + + li { + margin-bottom: 12px; + color: var(--optionalColor); + font-family: var(--headingFontFamily); + position: relative; + + &.unactive { + text-decoration: line-through; + color: #9b9dbb; + } + &:last-child { + margin-bottom: 0; + } + } + } + .default-btn { + background: transparent; + color: var(--blackColor); + border: 1px solid var(--appMainColor); + box-shadow: unset; + + i { + color: var(--blackColor); + } + &:hover { + background: var(--appMainColor); + border-color: var(--appMainColor); + color: var(--whiteColor); + + i { + color: var(--whiteColor); + } + } + } + &.saas-color { + .pricing-header { + background: var(--saasGradientColor); + + &::before { + background-color: var(--appMainColor); + } + } + .default-btn { + border-color: #4d4d57;; + + &:hover { + background: var(--saasMainColor); + border-color: var(--saasMainColor); + } + } + } + &.bg-black { + box-shadow: unset; + background-color: #040611; + border: 1px solid #272836; + transition: var(--transition); + + .pricing-header { + transition: var(--transition); + background: transparent; + border-bottom: 1px solid #272836; + padding: 0 0 30px; + margin: { + top: 0; + left: 0; + right: 0; + }; + &::before { + display: none; + } + } + .features-list { + color: var(--whiteColor); + + li { + color: var(--whiteColor); + + &.unactive { + color: #5c5656; + } + } + } + .default-btn { + color: var(--whiteColor); + + i { + color: var(--whiteColor); + } + } + } + &:hover { + .pricing-header { + &::before { + bottom: -185%; + } + } + } + &.active { + .default-btn { + box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1); + background: var(--appGradientColor); + color: var(--whiteColor); + border: none; + + i { + color: var(--whiteColor); + } + &.saas-color { + background: var(--saasGradientColor); + } + } + } +} +.pricing-tabs { + margin-top: -10px; + + .nav { + padding-left: 0; + margin-bottom: 50px; + list-style-type: none; + justify-content: center; + border-bottom: none; + + .nav-item { + .nav-link { + background-color: var(--whiteColor); + position: relative; + z-index: 1; + color: var(--blackColor); + border-radius: 0; + border: none; + padding: 11px 35px; + font: { + size: var(--fontSize); + weight: 700; + }; + &::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background: var(--saasGradientColor); + transition: var(--transition); + opacity: 0; + visibility: hidden; + } + &:hover, &.active { + color: var(--whiteColor); + + &::before { + opacity: 1; + visibility: visible; + } + } + } + &:first-child { + .nav-link { + border-radius: 5px 0 0 5px; + + &::before { + border-radius: 5px 0 0 5px; + } + } + } + &:last-child { + .nav-link { + border-radius: 0 5px 5px 0; + + &::before { + border-radius: 0 5px 5px 0; + } + } + } + } + } +} +.pricing-item { + padding: 30px; + overflow: hidden; + position: relative; + text-align: center; + margin-bottom: 30px; + background-color: #f3f4f7; + transition: var(--transition); + + .pricing-header { + border-bottom: 1px solid #e5e4e4; + transition: var(--transition); + margin: -30px 0 30px; + padding: 30px; + + h3 { + transition: var(--transition); + margin-bottom: 15px; + font-size: 20px; + } + .price { + color: var(--consultingMainColor); + margin-bottom: 12px; + line-height: 1; + font: { + weight: 700; + size: 45px; + }; + span { + opacity: 0.9; + color: var(--optionalColor); + transition: var(--transition); + font: { + size: var(--fontSize); + weight: normal; + }; + } + } + } + .features-list { + padding-left: 0; + margin-bottom: 30px; + list-style-type: none; + + li { + margin-bottom: 12.5px; + font-family: var(--headingFontFamily); + + &.unactive { + text-decoration: line-through; + color: #b0b1c0; + } + &:last-child { + margin-bottom: 0; + } + } + } + .ribbon { + top: -10px; + right: -25px; + width: 150px; + height: 150px; + overflow: hidden; + position: absolute; + + span { + background-color: var(--whiteColor); + text-transform: uppercase; + color: var(--blackColor); + transform: rotate(45deg); + text-align: center; + position: absolute; + display: block; + width: 225px; + left: -25px; + top: 30px; + padding: { + top: 8px; + bottom: 8px; + }; + font: { + size: var(--fontSize); + weight: 700; + }; + } + } + &.active, &:hover { + color: var(--whiteColor); + background-color: var(--blackColor); + + .pricing-header { + border-bottom-color: #464c59; + + h3 { + color: var(--whiteColor); + } + .price { + span { + color: var(--whiteColor); + } + } + } + .default-btn { + background-color: var(--whiteColor); + color: var(--blackColor); + + i { + color: var(--blackColor); + } + } + } + &.border-radius { + border-radius: 10px; + background-color: #f9f9f9; + } + &.it-agency-color { + .pricing-header { + border-bottom: none; + background-color: #fff5e6; + margin: { + left: -30px; + right: -30px; + }; + h3 { + color: var(--blackColor); + } + .price { + color: var(--blackColor); + } + } + .features-list { + color: var(--blackColor); + + li { + color: var(--blackColor); + + &.unactive { + color: #b0b1c0; + } + } + } + .default-btn { + background-color: var(--blackColor); + color: var(--whiteColor); + + i { + color: var(--whiteColor); + } + } + &:hover { + .pricing-header { + .price { + span { + color: var(--optionalColor); + } + } + } + } + &.active { + background-color: #f9f9f9; + + .pricing-header { + background: var(--itAgencyGradientColor); + + h3 { + color: var(--whiteColor); + } + .price { + color: var(--whiteColor); + + span { + color: var(--whiteColor); + } + } + } + .default-btn { + background: var(--itAgencyGradientColor); + color: var(--whiteColor); + + i { + color: var(--whiteColor); + } + } + } + } + &.startup-color { + .pricing-header { + .price { + color: var(--startupMainColor); + } + } + } +} + +/*================================================ +App Screenshot Area CSS +=================================================*/ +.app-screenshot-area { + background: var(--appGradientColor); + position: relative; + overflow: hidden; + z-index: 1; + + .section-title { + h2 { + color: var(--whiteColor); + } + p { + color: var(--whiteColor); + } + } + &::before { + content: ''; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 200px; + z-index: -1; + background-color: var(--whiteColor); + } + .overlay { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -2; + + &::before { + width: 650px; + height: 650px; + position: absolute; + left: -3%; + border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; + top: -25%; + content: ''; + background-color: #0084ff; + opacity: 0.10; + animation: border-transform 10s linear infinite alternate forwards; + } + &::after { + right: -3%; + bottom: 0; + content: ''; + opacity: 0.10; + width: 600px; + height: 600px; + position: absolute; + border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; + background-color: #0084ff; + animation: border-transform 10s linear infinite alternate forwards; + } + } +} +.single-sccrenshot-item { + text-align: center; +} +.screenshot-wrap { + position: relative; + + .screenshot-frame { + z-index: 2; + border-radius: 20px; + display: block; + width: 241px; + height: 504px; + position: absolute; + top: 0; + bottom: 0; + margin: 10px 0; + left: 50%; + transform: translateX(-50%); + background: { + image: url(../../assets/img/screenshot/frame.png); + repeat: no-repeat; + size: 100% 100%; + }; + } +} +.screenshot-slides { + margin: { + top: -10px; + bottom: -10px; + }; + &.owl-theme { + .owl-nav { + margin-top: 0; + + [class*=owl-] { + margin: 0; + background-color: var(--whiteColor); + color: var(--appMainColor); + transition: var(--transition); + border: none; + cursor: pointer; + position: absolute; + left: -40px; + top: 50%; + width: 40px; + line-height: 40px; + height: 40px; + border-radius: 50%; + transform: translateY(-50%); + font-size: 18px; + + &.owl-next { + left: auto; + right: -40px; + } + i { + line-height: 1; + } + &:hover { + background-color: var(--blackColor); + color: var(--whiteColor); + } + } + } + } +} + +/*================================================ +Facility Area CSS +=================================================*/ +.facility-content { + padding-right: 50px; + + .item { + margin-bottom: 30px; + position: relative; + padding-left: 65px; + + &:last-child { + margin-bottom: 0; + } + i { + position: absolute; + font-size: 45px; + left: 0; + top: 0; + } + h3 { + font-size: 20px; + margin-bottom: 12px; + } + } +} + +/*================================================ +Latest Posts Area CSS +=================================================*/ +.latest-posts-area { + .section-title { + &.style-four { + padding-bottom: 8px; + margin: { + top: -7px; + bottom: 30px; + }; + } + } +} +.single-latest-post-box { + margin-bottom: 30px; + + .post-image { + overflow: hidden; + + img { + transition: var(--transition); + } + } + .post-content { + padding: { + top: 25px; + left: 25px; + right: 25px; + }; + .tag { + margin-bottom: 12px; + display: inline-block; + position: relative; + font-weight: 600; + color: var(--blackColor); + } + .meta { + padding-left: 0; + margin-bottom: 13px; + list-style-type: none; + + li { + display: inline-block; + margin-right: 15px; + position: relative; + padding-left: 22px; + color: var(--optionalColor); + + i { + position: absolute; + left: 0; + top: 4px; + color: var(--blackColor); + } + a { + color: var(--optionalColor); + + &:hover { + color: var(--blackColor); + } + } + } + } + h3 { + margin-bottom: 12px; + line-height: 1.4; + font-size: 25px; + } + .link-btn { + font-weight: 600; + position: relative; + display: inline-block; + padding-right: 12px; + + i { + position: absolute; + right: 0; + top: 7px; + font-size: 12px; + } + &::before { + content: ''; + position: absolute; + right: 0; + bottom: 0; + width: 0%; + height: 1px; + background-color: var(--blackColor); + transition: var(--transition); + } + &:hover { + padding-right: 15px; + color: var(--blackColor); + + &::before { + width: 100%; + right: auto; + left: 0; + } + } + } + } + &:hover { + .post-image { + img { + transform: scale(1.1); + } + } + } +} + +/*================================================ +Partner Area CSS +=================================================*/ +.partner-area { + &.bg-business-color { + background: var(--businessGradientColor); + } + &.with-top-border { + border-top: 1px solid #f0f0f0; + } + &.bg-it-agency-color { + background: var(--itAgencyGradientColor); + } + &.bg-1b2232 { + .section-title { + h2 { + color: var(--whiteColor); + } + } + } +} +.partner-item { + text-align: center; + + a { + img { + width: auto !important; + display: inline-block !important; + } + } +} + +/*================================================ +Clients Area CSS +=================================================*/ +.single-clients-box { + margin-bottom: 30px; + text-align: center; + background-color: var(--whiteColor); + + a { + padding: 30px; + + img { + transition: var(--transition); + } + } + &:hover { + a { + img { + transform: scale(1.05); + } + } + } +} + +/*================================================ +Featured Video Area CSS +=================================================*/ +.single-featured-video-box { + margin-bottom: 30px; + + .image { + position: relative; + overflow: hidden; + + img { + transition: var(--transition); + } + .video-btn { + position: absolute; + left: 15px; + bottom: 15px; + color: var(--whiteColor); + font-weight: 600; + + i { + display: inline-block; + width: 40px; + height: 40px; + color: var(--blackColor); + background-color: var(--whiteColor); + text-align: center; + border-radius: 50%; + line-height: 41px; + margin-right: 10px; + transition: var(--transition); + } + &:hover { + i { + background-color: var(--blackColor); + color: var(--whiteColor); + } + } + } + } + .content { + margin-top: 25px; + + .tag { + margin-bottom: 12px; + display: inline-block; + position: relative; + font-weight: 600; + color: var(--blackColor); + } + .meta { + padding-left: 0; + margin-bottom: 13px; + list-style-type: none; + + li { + display: inline-block; + margin-right: 15px; + position: relative; + padding-left: 22px; + color: var(--optionalColor); + + i { + position: absolute; + left: 0; + top: 4px; + color: var(--blackColor); + } + a { + color: var(--optionalColor); + + &:hover { + color: var(--blackColor); + } + } + } + } + h3 { + margin-bottom: 0; + line-height: 1.4; + font-size: 25px; + } + } + &:hover { + img { + transform: scale(1.1); + } + } +} +.featured-video-item-list { + .single-featured-video-item { + margin-bottom: 30px; + + .row { + margin: { + left: 0; + right: 0; + }; + .col-lg-4, .col-lg-8 { + padding: { + left: 0; + right: 0; + }; + } + } + .image { + height: 100%; + position: relative; + background: { + position: center center; + repeat: no-repeat; + size: cover; + }; + &.bg1 { + background-image: url(../../assets/img/featured-video/featured-video2.jpg); + } + &.bg2 { + background-image: url(../../assets/img/featured-video/featured-video3.jpg); + } + &.bg3 { + background-image: url(../../assets/img/featured-video/featured-video4.jpg); + } + &.bg4 { + background-image: url(../../assets/img/featured-video/featured-video5.jpg); + } + img { + display: none; + } + .link-btn { + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 1; + display: block; + position: absolute; + } + .video-btn { + color: var(--whiteColor); + position: absolute; + bottom: 10px; + left: 10px; + z-index: 2; + font: { + size: 14px; + weight: 600; + }; + i { + display: inline-block; + width: 35px; + height: 35px; + color: var(--blackColor); + background-color: var(--whiteColor); + text-align: center; + border-radius: 50%; + line-height: 36px; + margin-right: 5px; + transition: var(--transition); + } + &:hover { + i { + background-color: var(--blackColor); + color: var(--whiteColor); + } + } + } + } + .content { + padding: { + left: 25px; + top: 9.5px; + bottom: 9.5px; + }; + .meta { + padding-left: 0; + margin-bottom: 13px; + list-style-type: none; + + li { + display: inline-block; + margin-right: 15px; + position: relative; + padding-left: 22px; + color: var(--optionalColor); + + i { + position: absolute; + left: 0; + top: 4px; + color: var(--blackColor); + } + a { + color: var(--optionalColor); + + &:hover { + color: var(--blackColor); + } + } + } + } + h3 { + margin-bottom: 0; + line-height: 1.4; + font-size: 20px; + } + } + } +} + +/*================================================ +Blog Area CSS +=================================================*/ +.blog-area { + &.with-border { + border-top: 1px solid #f0f0f0; + } + &.with-black-border { + border-top: 1px solid #12141a; + } +} +.single-blog-post { + margin-bottom: 30px; + position: relative; + overflow: hidden; + + img { + transition: var(--transition); + } + .content { + left: 0; + right: 0; + bottom: 0; + z-index: 2; + padding: 25px; + position: absolute; + + .meta { + padding-left: 0; + margin-bottom: 13px; + list-style-type: none; + + li { + display: inline-block; + margin-right: 15px; + color: var(--whiteColor); + position: relative; + padding-left: 22px; + + i { + position: absolute; + left: 0; + top: 4px; + color: var(--startupMainColor); + } + a { + color: var(--whiteColor); + } + } + } + h3 { + color: var(--whiteColor); + margin-bottom: 13px; + font-size: 20px; + line-height: 1.4; + + a { + color: var(--whiteColor); + + &:hover { + color: var(--startupMainColor); + } + } + } + .link-btn { + font-weight: 500; + position: relative; + opacity: 0.85; + color: var(--whiteColor); + padding: { + right: 12px; + bottom: 2px; + }; + i { + position: absolute; + right: 0; + top: 7px; + font-size: 12px; + } + &::before { + content: ''; + position: absolute; + right: 0; + bottom: 0; + width: 0%; + height: 1px; + background-color: #eeeeee; + transition: var(--transition); + } + &:hover { + opacity: 1; + padding-right: 15px; + + &::before { + width: 100%; + right: auto; + left: 0; + } + } + } + } + &::before { + position: absolute; + height: 100%; + content: ""; + width: 100%; + z-index: 1; + left: 0; + top: 0; + background: linear-gradient(to top, rgba(35, 35, 37, 0.9) 0, rgba(35, 35, 37, 0.5) 50%, rgba(22, 22, 23, 0) 75%, rgba(0, 0, 0, 0) 100%); + } + &:hover { + img { + transform: scale(1.05); + } + } +} +.blog-section-title { + margin-bottom: 30px; + + h2 { + margin-bottom: 0; + font-size: 40px; + } + p { + margin-top: 15px; + } + .sub-title { + display: block; + margin-bottom: 12px; + color: var(--startupMainColor); + font: { + family: var(--headingFontFamily); + weight: 600; + size: 14px; + }; + &.marketing-color { + color: var(--marketingMainColor); + } + } + .default-btn { + margin-top: 10px; + } +} +.single-post-item { + margin-bottom: 30px; + background-color: var(--whiteColor); + box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, .1); + + .post-content { + padding: 25px; + + .tag { + margin-bottom: 14px; + display: inline-block; + position: relative; + padding-left: 24px; + font-weight: 600; + color: var(--appMainColor); + + i { + position: absolute; + left: 0; + top: 4px; + } + } + .meta { + padding-left: 0; + margin-bottom: 13px; + list-style-type: none; + + li { + display: inline-block; + margin-right: 15px; + position: relative; + padding-left: 22px; + color: var(--optionalColor); + + i { + position: absolute; + left: 0; + top: 4px; + color: var(--marketingMainColor); + } + a { + color: var(--optionalColor); + + &:hover { + color: var(--marketingMainColor); + } + } + } + } + h3 { + margin-bottom: 14px; + line-height: 1.4; + font-size: 20px; + } + .link-btn { + font-weight: 600; + position: relative; + display: inline-block; + padding-right: 12px; + + i { + position: absolute; + right: 0; + top: 7px; + font-size: 12px; + } + &::before { + content: ''; + position: absolute; + right: 0; + bottom: 0; + width: 0%; + height: 1px; + background-color: var(--marketingMainColor); + transition: var(--transition); + } + &:hover { + padding-right: 15px; + color: var(--marketingMainColor); + + &::before { + width: 100%; + right: auto; + left: 0; + } + } + } + } + &.border-radius { + border-radius: 10px; + + .post-image { + border-radius: 10px 10px 0 0; + + a { + border-radius: 10px 10px 0 0; + + img { + border-radius: 10px 10px 0 0; + } + } + } + } + &.business-color { + .post-content { + .meta { + li { + i { + color: var(--businessMainColor); + } + a { + &:hover { + color: var(--businessMainColor); + } + } + } + } + .link-btn { + &::before { + background-color: var(--businessMainColor); + } + &:hover { + color: var(--businessMainColor); + } + } + } + } + &.app-color { + .post-content { + .meta { + li { + i { + color: var(--appMainColor); + } + a { + &:hover { + color: var(--appMainColor); + } + } + } + } + .link-btn { + &::before { + background-color: var(--appMainColor); + } + &:hover { + color: var(--appMainColor); + } + } + } + } + &.saas-color { + .post-content { + .meta { + li { + i { + color: var(--saasMainColor); + } + a { + &:hover { + color: var(--saasMainColor); + } + } + } + } + .link-btn { + &::before { + background-color: var(--saasMainColor); + } + &:hover { + color: var(--saasMainColor); + } + } + } + } + &.bg-black { + background-color: #040611; + box-shadow: unset; + border: 1px solid #272836; + transition: var(--transition); + + .post-content { + .tag { + color: var(--saasMainColor); + } + .meta { + color: var(--whiteColor); + + li { + color: var(--whiteColor); + + i { + color: var(--saasMainColor); + } + a { + color: var(--whiteColor); + + &:hover { + color: var(--saasMainColor); + } + } + } + } + h3 { + color: var(--whiteColor); + + a { + color: var(--whiteColor); + + &:hover { + color: var(--saasMainColor); + } + } + } + p { + color: var(--whiteColor); + opacity: 0.9; + } + .link-btn { + color: var(--whiteColor); + + &::before { + background: var(--saasGradientColor); + } + &:hover { + color: var(--whiteColor); + } + } + } + &:hover { + border-color: var(--whiteColor); + } + } + &.bg-faf2ff { + background-color: #faf2ff; + box-shadow: unset; + } + &.bg-fff5e6 { + background-color: #fff5e6; + box-shadow: unset; + } + &.bg-eaf6ff { + background-color: #eaf6ff; + box-shadow: unset; + } + &.personal-portfolio-color { + .post-content { + .meta { + li { + i { + color: var(--personalPortfolioMainColor); + } + a { + &:hover { + color: var(--personalPortfolioMainColor); + } + } + } + } + .link-btn { + &::before { + background-color: var(--personalPortfolioMainColor); + } + &:hover { + color: var(--personalPortfolioMainColor); + } + } + } + } + &.consulting-color { + .post-content { + .meta { + li { + i { + color: var(--consultingMainColor); + } + a { + &:hover { + color: var(--consultingMainColor); + } + } + } + } + .link-btn { + &::before { + background-color: var(--consultingMainColor); + } + &:hover { + color: var(--consultingMainColor); + } + } + } + } + &.it-agency-color { + .post-content { + .tag { + color: var(--optionalColor); + + i { + color: var(--itAgencyMainColor); + } + } + .meta { + li { + i { + color: var(--itAgencyMainColor); + } + a { + &:hover { + color: var(--itAgencyMainColor); + } + } + } + } + .link-btn { + &::before { + background-color: var(--itAgencyMainColor); + } + &:hover { + color: var(--itAgencyMainColor); + } + } + } + } + &.without-box-shadow { + box-shadow: unset; + + .post-content { + padding-bottom: 0; + + .meta { + li { + i { + color: var(--blackColor); + } + a { + &:hover { + color: var(--blackColor); + } + } + } + } + .link-btn { + &::before { + background-color: var(--blackColor); + } + &:hover { + color: var(--blackColor); + } + } + } + } + &.startup-color { + .post-content { + .tag { + color: var(--startupMainColor); + } + .meta { + li { + i { + color: var(--startupMainColor); + } + a { + &:hover { + color: var(--startupMainColor); + } + } + } + } + .link-btn { + &::before { + background-color: var(--startupMainColor); + } + &:hover { + color: var(--startupMainColor); + } + } + } + } +} + +/*================================================ +Blog Details Area CSS +=================================================*/ +.blog-details-desc { + .article-content { + margin-top: 30px; + + .entry-meta { + margin-bottom: 15px; + + ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + display: inline-block; + margin-right: 20px; + color: var(--optionalColor); + font-weight: 500; + position: relative; + padding-left: 22px; + + i { + position: absolute; + left: 0; + top: 4px; + color: var(--startupMainColor); + } + &:last-child { + margin-right: 0; + } + } + } + } + h3 { + font-size: 22px; + margin: { + bottom: 15px; + top: 25px; + }; + } + .wp-block-gallery { + &.columns-3 { + padding-left: 0; + list-style-type: none; + display: flex; + flex-wrap: wrap; + margin: { + right: -10px; + left: -10px; + bottom: 30px; + top: 30px; + } + li { + flex: 0 0 33.3333%; + max-width: 33.3333%; + padding: { + right: 10px; + left: 10px; + } + figure { + margin-bottom: 0; + } + } + } + } + .features-list { + margin: { + top: 25px; + bottom: 30px; + }; + li { + margin-bottom: 15px; + color: var(--optionalColor); + font-weight: 500; + + &:last-child { + margin-bottom: 0; + } + } + } + } + .article-footer { + display: flex; + flex-wrap: wrap; + margin-top: 30px; + padding-top: 30px; + border-top: 1px solid #eeeeee; + + .article-tags { + flex: 0 0 50%; + max-width: 50%; + + p { + line-height: 1; + margin-bottom: 0; + color: var(--blackColor); + font-weight: 600; + text-transform: uppercase; + } + a { + display: inline-block; + margin-left: 10px; + background-color: #f9f9f9; + color: var(--blackColor); + border-radius: 30px; + padding: 7px 20px; + + &:hover { + background-color: var(--startupMainColor); + color: var(--whiteColor); + } + } + } + .article-share { + flex: 0 0 50%; + max-width: 50%; + + .social { + padding-left: 0; + list-style-type: none; + text-align: end; + margin-bottom: 0; + + li { + display: inline-block; + + span { + display: inline-block; + margin-right: 3px; + font-weight: 600; + } + a { + display: block; + width: 32px; + height: 32px; + line-height: 32px; + border-radius: 50%; + background-color: var(--startupMainColor); + color: var(--whiteColor); + border: 1px solid var(--startupMainColor); + text-align: center; + font-size: 14px; + margin-left: 2px; + + &:hover, &:focus { + color: var(--startupMainColor); + background-color: transparent; + } + &.facebook { + background-color: #3b5998; + border-color: #3b5998; + color: var(--whiteColor); + + &:hover, &:focus { + color: #3b5998; + background-color: transparent; + } + } + &.twitter { + background-color: #1da1f2; + border-color: #1da1f2; + color: var(--whiteColor); + + &:hover, &:focus { + color: #1da1f2; + background-color: transparent; + } + } + &.linkedin { + background-color: #007bb5; + border-color: #007bb5; + color: var(--whiteColor); + + &:hover, &:focus { + color: #007bb5; + background-color: transparent; + } + } + &.instagram { + background-color: #c13584; + border-color: #c13584; + color: var(--whiteColor); + + &:hover, &:focus { + color: #c13584; + background-color: transparent; + } + } + } + } + } + } + } +} +blockquote, .blockquote { + z-index: 1; + overflow: hidden; + position: relative; + background-color: #fafafa; + padding: 40px 50px !important; + margin: { + bottom: 20px; + top: 20px; + }; + p { + line-height: 1.7; + margin-bottom: 0; + color: var(--blackColor); + font: { + weight: 700; + style: italic; + size: 17px !important; + }; + } + cite { + display: none; + } + &::after { + top: 0; + left: 0; + bottom: 0; + width: 3px; + content: ''; + position: absolute; + background-color: var(--startupMainColor); + margin: { + top: 20px; + bottom: 20px; + }; + } +} +.comments-area { + margin-top: 30px; + + .comments-title { + font-size: 22px; + margin-bottom: 30px; + line-height: initial; + } + ol, ul { + padding: 0; + margin: 0; + list-style-type: none; + } + .comment-list { + padding: 0; + margin: 0; + list-style-type: none; + } + .children { + margin-left: 20px; + } + .comment-body { + border-bottom: 1px dashed #eeeeee; + padding-left: 70px; + color: var(--blackColor); + margin-bottom: 20px; + padding-bottom: 20px; + + .reply { + margin-top: 15px; + + a { + border: 1px dashed #ded9d9; + color: var(--blackColor); + display: inline-block; + padding: 5px 20px 6px; + border-radius: 30px; + font: { + size: 13px; + weight: 700; + }; + &:hover { + color: var(--whiteColor); + background-color: var(--startupMainColor); + border-color: var(--startupMainColor); + } + } + } + } + .comment-author { + font-size: 16px; + margin-bottom: 6px; + position: relative; + z-index: 2; + + .avatar { + height: 50px; + left: -65px; + position: absolute; + width: 50px; + top: 4px; + } + .says { + display: none; + } + } + .comment-metadata { + margin-bottom: .7em; + color: var(--optionalColor); + letter-spacing: 0.01em; + font: { + size: 13px; + weight: 500; + }; + } + .comment-respond { + margin-top: 30px; + + .comment-reply-title { + margin-bottom: 0; + font-size: 22px; + + #cancel-comment-reply-link { + display: inline-block; + } + } + .comment-form { + overflow: hidden; + } + .comment-notes { + margin: { + bottom: 20px; + top: 10px; + }; + .required { + color: red; + } + } + .comment-form-comment { + float: left; + width: 100%; + } + label { + display: none; + } + input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea { + outline: 0; + width: 100%; + border: none; + height: 50px; + display: block; + font-size: 15px; + border-radius: 3px; + padding: 1px 0 0 15px; + color: var(--blackColor); + background-color: #f9f9f9; + + &::placeholder { + color: var(--optionalColor); + transition: var(--transition); + } + &:focus { + &::placeholder { + color: transparent; + } + } + } + textarea { + height: auto !important; + padding-top: 15px; + } + .comment-form-author { + float: left; + width: 50%; + padding-right: 10px; + margin-bottom: 20px; + } + .comment-form-email { + float: left; + width: 50%; + padding-left: 12px; + margin-bottom: 20px; + } + .comment-form-url { + float: left; + width: 100%; + margin-bottom: 20px; + } + .comment-form-cookies-consent { + width: 100%; + float: left; + position: relative; + padding-left: 20px; + margin: { + bottom: 20px; + top: 15px; + }; + input { + position: absolute; + left: 0; + top: 6px; + } + label { + margin: 0; + display: inline-block; + color: var(--optionalColor); + font: { + weight: normal; + size: var(--fontSize); + }; + } + } + .form-submit { + float: left; + width: 100%; + + input { + border: none; + cursor: pointer; + border-radius: 4px; + padding: 10px 30px; + display: inline-block; + color: var(--whiteColor); + background: var(--startupMainColor); + transition: var(--transition); + font: { + weight: 700; + size: var(--fontSize); + }; + &:hover, &:focus { + color: var(--whiteColor); + background-color: var(--blackColor); + } + } + } + } +} + +/*================================================ +Widget Area CSS +=================================================*/ +.widget-area { + .widget { + margin-bottom: 35px; + + .widget-title { + border-bottom: 1px solid #eeeeee; + padding-bottom: 12px; + margin-bottom: 30px; + position: relative; + font-size: 20px; + + &::before { + left: 0; + width: 70px; + height: 1px; + content: ''; + bottom: -1px; + position: absolute; + background-color: var(--blackColor); + } + } + &:last-child { + margin-bottom: 0; + } + } + .widget_search { + box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); + background-color: var(--whiteColor); + padding: 15px; + + form { + position: relative; + + label { + display: block; + margin-bottom: 0; + } + .screen-reader-text { + display: none; + } + .search-field { + outline: 0; + width: 100%; + height: 50px; + display: block; + padding: 0 0 0 15px; + transition: var(--transition); + border: 1px solid #eeeeee; + background-color: transparent; + + &:focus { + border-color: var(--startupMainColor); + } + } + button { + position: absolute; + right: 0; + outline: 0; + bottom: 0; + height: 50px; + width: 50px; + border: none; + color: var(--whiteColor); + background-color: var(--startupMainColor); + transition: var(--transition); + + &:hover { + color: var(--whiteColor); + background-color: var(--blackColor); + } + } + } + } + .widget_about_author { + .about-author { + transition: var(--transition); + border: 1px solid #eeeeee; + text-align: center; + padding: 30px; + + .main-image { + width: 100px; + } + p { + margin: { + bottom: 15px; + top: 25px; + }; + } + &:hover { + border-color: var(--blackColor); + } + } + } + .widget_noke_posts_thumb { + position: relative; + overflow: hidden; + + .item { + margin-bottom: 20px; + position: relative; + padding-left: 115px; + + .thumb { + top: 0; + left: 0; + width: 100px; + float: unset; + height: 100%; + display: block; + position: absolute; + + .fullimage { + width: 100px; + height: 100%; + display: inline-block; + background: { + repeat: no-repeat; + size: cover !important; + position: center center !important; + }; + &.bg1 { + background-image: url(../../assets/img/blog/blog-img1.jpg); + } + &.bg2 { + background-image: url(../../assets/img/blog/blog-img2.jpg); + } + &.bg3 { + background-image: url(../../assets/img/blog/blog-img3.jpg); + } + &.bg4 { + background-image: url(../../assets/img/blog/blog-img4.jpg); + } + } + &::before, &::after { + content: ''; + z-index: 1; + top: 50%; + left: 50%; + opacity: 0; + position: absolute; + background-color: var(--whiteColor); + transform: translate(-50%, -50%); + transition: all .8s cubic-bezier(.2, 1, .22, 1); + } + &::before { + width: 40px; + height: 1px; + left: 100%; + } + &::after { + height: 40px; + width: 1px; + top: 0; + } + } + .info { + .title { + font-size: 16px; + line-height: 1.5; + margin-bottom: 8px; + + a { + display: inline-block; + } + } + .date { + padding-left: 20px; + position: relative; + color: var(--optionalColor); + + i { + position: absolute; + left: 0; + top: 3px; + } + } + } + &:last-child { + margin-bottom: 0; + } + &:hover { + .thumb { + &::before, &::after { + opacity: 1; + top: 50%; + left: 50%; + } + } + } + } + } + .widget_follow_us { + ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + margin-bottom: 15px; + + a { + display: block; + position: relative; + color: var(--whiteColor); + background-color: var(--blackColor); + padding: { + right: 15px; + top: 10px; + bottom: 10px; + left: 55px; + }; + i { + position: absolute; + left: 14px; + top: 50%; + font-size: 18px; + line-height: 1; + transform: translateY(-50%); + } + &::before { + content: ''; + position: absolute; + left: 42px; + top: 0; + height: 100%; + width: 1px; + opacity: 0.3; + background-color: var(--whiteColor); + } + &.facebook { + background-color: #39569e; + } + &.twitter { + background-color: #52aaf4; + } + &.linkedin { + background-color: #0185ae; + } + &.instagram { + background-color: #c8359d; + } + } + &:last-child { + margin-bottom: 0; + } + } + } + } + .widget_recent_posts { + .item { + margin-bottom: 15px; + padding-bottom: 15px; + border-bottom: 1px solid #eeeeee; + + .tag { + position: relative; + margin-bottom: 8px; + display: inline-block; + color: var(--blackColor); + } + .title { + font-size: 16px; + line-height: 1.5; + margin-bottom: 10px; + + a { + display: inline-block; + } + } + .date { + padding-left: 20px; + position: relative; + color: var(--optionalColor); + + i { + position: absolute; + left: 0; + top: 3px; + } + } + } + } + .widget_tag_cloud { + .tagcloud { + margin-bottom: -8px; + + a { + display: inline-block; + border: 1px solid #eeeeee; + padding: 6px 15px; + color: var(--optionalColor); + margin: { + right: 8px; + bottom: 8px; + }; + font: { + size: 14px !important; + weight: 600; + }; + &:hover { + background-color: var(--blackColor); + color: var(--whiteColor); + border-color: var(--blackColor); + } + } + } + } + .widget_newsletter { + background-color: #f6f7f9; + border: 1px solid #eeeeee; + text-align: center; + padding: 30px; + + h4 { + font-size: 20px; + margin-bottom: 10px; + } + .newsletter-form { + margin-top: 20px; + + .input-newsletter { + display: block; + width: 100%; + background-color: var(--whiteColor); + border: 1px solid #eeeeee; + height: 50px; + padding-left: 15px; + color: var(--blackColor); + transition: var(--transition); + + &:focus { + border-color: var(--blackColor); + } + } + button { + display: block; + width: 100%; + text-align: center; + margin-top: 15px; + background-color: var(--blackColor); + color: var(--whiteColor); + border: none; + transition: var(--transition); + padding: 13px 30px; + font: { + size: var(--fontSize); + weight: 700; + }; + &:hover { + background-color: var(--optionalColor); + } + } + } + } + .widget_categories { + ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + margin-bottom: 12px; + position: relative; + padding-left: 15px; + + &::before { + left: 0; + top: 50%; + width: 8px; + height: 8px; + content: ''; + position: absolute; + border-radius: 50%; + transform: translateY(-50%); + background-color: var(--optionalColor); + } + a { + font-weight: 500; + display: inline-block; + color: var(--optionalColor); + + &:hover { + color: var(--startupMainColor); + } + } + &:last-child { + margin-bottom: 0; + } + } + } + } + .widget_archive { + ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + margin-bottom: 12px; + position: relative; + padding-left: 15px; + + &::before { + left: 0; + top: 50%; + width: 8px; + height: 8px; + content: ''; + position: absolute; + border-radius: 50%; + transform: translateY(-50%); + background-color: var(--optionalColor); + } + a { + font-weight: 500; + display: inline-block; + color: var(--optionalColor); + + &:hover { + color: var(--startupMainColor); + } + } + &:last-child { + margin-bottom: 0; + } + } + } + } + .widget_colors { + ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + display: block; + margin-bottom: 12px; + border-bottom: 1px dashed #eeeeee; + padding-bottom: 12px; + + a { + display: flex; + align-items: center; + + span { + display: block; + color: var(--optionalColor); + + &:nth-child(1) { + width: 17px; + height: 17px; + font-size: 0; + margin-right: 8px; + letter-spacing: 0; + border-radius: 50%; + transition: var(--transition); + + &.gray { + background-color: gray; + } + &.red { + background-color: red; + } + &.green { + background-color: green; + } + &.black { + background-color: black; + } + &.brown { + background-color: brown + } + } + } + &:hover { + span { + &:nth-child(1) { + transform: scale(1.2); + } + } + } + } + } + } + } + .widget_price_filter { + .collection_filter_by_price { + .irs-handle { + cursor: pointer; + } + .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { + background-color: var(--startupMainColor); + padding: 1px 5px 1px 11.5px; + + &::before { + border-top-color: var(--startupMainColor); + } + &::after { + content: '$'; + position: absolute; + left: 5px; + top: 0.5px; + } + } + .irs--flat .irs-bar { + background-color: var(--startupMainColor); + } + .irs--flat .irs-handle>i:first-child { + background-color: var(--startupMainColor); + } + .irs--flat .irs-min, .irs--flat .irs-max { + padding: 1px 3px 1px 9.5px; + + &::before { + content: '$'; + position: absolute; + left: 3px; + top: 0.5px; + } + } + } + } + .widget_top_rated_products { + .item { + margin-bottom: 15px; + position: relative; + padding-left: 95px; + + .thumb { + top: 0; + left: 0; + width: 80px; + float: unset; + height: 100%; + display: block; + position: absolute; + + .fullimage { + width: 80px; + height: 100%; + display: inline-block; + border: 1px solid #eeeeee; + background: { + repeat: no-repeat; + size: cover !important; + position: center center !important; + }; + &.bg1 { + background-image: url(../../assets/img/products/products-img1.jpg); + } + &.bg2 { + background-image: url(../../assets/img/products/products-img2.jpg); + } + &.bg3 { + background-image: url(../../assets/img/products/products-img3.jpg); + } + &.bg4 { + background-image: url(../../assets/img/products/products-img4.jpg); + } + } + } + .info { + padding: { + top: 5px; + bottom: 5px; + }; + .title { + margin-bottom: 8px; + line-height: 1.4; + font: { + size: var(--fontSize); + weight: 600; + }; + a { + display: inline-block; + } + } + .star-rating { + font-size: 14px; + + i { + color: #f49f0b; + } + } + .price { + margin-top: 8px; + display: block; + color: var(--optionalColor); + } + } + &:last-child { + margin-bottom: 0; + } + } + } + .widget_service_categories { + ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + font-weight: 500; + overflow: hidden; + margin-bottom: 13px; + padding-bottom: 13px; + color: var(--optionalColor); + border-bottom: 1px dashed #eeeeee; + + a { + display: block; + position: relative; + color: var(--optionalColor); + + i { + position: absolute; + right: 5px; + top: 50%; + font-size: 14px; + transform: translateY(-50%); + transition: var(--transition); + color: var(--optionalColor); + } + &:hover { + color: var(--startupMainColor); + + i { + right: 0; + color: var(--startupMainColor); + } + } + } + &:last-child { + margin-bottom: 0; + } + } + } + } + &.extra-padding { + padding-left: 15px; + + &.left-sidebar { + padding: { + left: 0; + right: 15px; + }; + } + } +} + +/*================================================ +Profile Authentication Area CSS +=================================================*/ +.profile-authentication-area { + height: 100vh; + position: relative; + background-color: rgb(243, 243, 243); + + .logo { + left: 0; + right: 0; + top: 20px; + position: absolute; + text-align: center; + display: inline-block; + } +} +.signin-form { + max-width: 550px; + border-radius: 5px; + padding: 40px; + background-color: var(--whiteColor); + margin: { + left: auto; + right: auto; + }; + h2 { + font-size: 30px; + margin-bottom: 30px; + } + form { + .form-group { + margin-bottom: 25px; + + .form-control { + background-color: #f5f5f5 !important; + } + } + .remember-me-wrap { + margin-bottom: 0; + + [type="checkbox"]:checked, [type="checkbox"]:not(:checked) { + display: none; + } + [type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label { + position: relative; + padding-left: 28px; + cursor: pointer; + line-height: 20px; + display: inline-block; + margin-bottom: 0; + color: var(--optionalColor); + } + [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 19px; + height: 19px; + transition: all 0.2s ease; + border: 1px solid #f5f5f5; + border-radius: 3px; + background: #f5f5f5; + } + [type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after { + content: ''; + width: 8px; + height: 8px; + background: var(--startupMainColor); + position: absolute; + top: 5.5px; + left: 6px; + transition: all 0.2s ease; + } + [type="checkbox"]:not(:checked) + label:after { + opacity: 0; + transform: scale(0); + } + [type="checkbox"]:checked + label:after { + opacity: 1; + transform: scale(1); + } + [type="checkbox"]:hover + label:before { + border-color: var(--startupMainColor); + } + [type="checkbox"]:checked + label:before { + border-color: var(--startupMainColor); + } + } + .lost-your-password-wrap { + text-align: end; + + a { + display: inline-block; + position: relative; + line-height: 1.5; + font-weight: 500; + + &::before { + width: 100%; + height: 1px; + position: absolute; + left: 0; + bottom: 0; + content: ''; + transition: var(--transition); + background-color: #eeeeee; + } + &::after { + width: 0; + height: 1px; + position: absolute; + left: 0; + transition: var(--transition); + bottom: 0; + content: ''; + background-color: var(--startupMainColor); + } + &:hover { + &::before { + width: 0; + } + &::after { + width: 100%; + } + } + } + } + button { + width: 100%; + border: none; + display: block; + overflow: hidden; + margin-top: 20px; + border-radius: 5px; + text-align: center; + padding: 14px 30px; + color: var(--whiteColor); + transition: var(--transition); + background-color: var(--startupMainColor); + font: { + size: var(--fontSize); + weight: 700; + }; + &:hover { + background-color: var(--blackColor); + color: var(--whiteColor); + } + } + .dont-account { + display: block; + margin-top: 25px; + color: var(--optionalColor); + + a { + font-weight: 600; + } + } + } + .sign-in-with-button { + margin-top: 25px; + + button { + width: 100%; + display: block; + color: #248BD2; + border-radius: 5px; + border: 1px solid #D2D2D2; + background-color: transparent; + transition: var(--transition); + padding: { + top: 13px; + bottom: 13px; + left: 30px; + right: 30px; + }; + svg { + position: absolute; + margin-left: -25px; + margin: { + left: -25px; + top: 1.5px; + }; + } + &:hover { + color: var(--blackColor); + background-color: #E9E9E9; + } + } + } +} +.signup-form { + max-width: 550px; + border-radius: 5px; + padding: 40px; + background-color: var(--whiteColor); + margin: { + left: auto; + right: auto; + }; + h2 { + font-size: 30px; + margin-bottom: 30px; + } + form { + .form-group { + margin-bottom: 25px; + + label { + display: block; + margin-bottom: 13px; + color: var(--blackColor); + font-weight: 600; + } + .form-control { + background-color: #f5f5f5 !important; + } + } + .remember-me-wrap { + margin-bottom: 0; + + [type="checkbox"]:checked, [type="checkbox"]:not(:checked) { + display: none; + } + [type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label { + position: relative; + padding-left: 28px; + cursor: pointer; + line-height: 20px; + display: inline-block; + margin-bottom: 0; + color: var(--optionalColor); + } + [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 19px; + height: 19px; + transition: all 0.2s ease; + border: 1px solid #f5f5f5; + border-radius: 3px; + background: #f5f5f5; + } + [type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after { + content: ''; + width: 8px; + height: 8px; + background: var(--startupMainColor); + position: absolute; + top: 5.5px; + left: 6px; + transition: all 0.2s ease; + } + [type="checkbox"]:not(:checked) + label:after { + opacity: 0; + transform: scale(0); + } + [type="checkbox"]:checked + label:after { + opacity: 1; + transform: scale(1); + } + [type="checkbox"]:hover + label:before { + border-color: var(--startupMainColor); + } + [type="checkbox"]:checked + label:before { + border-color: var(--startupMainColor); + } + } + .lost-your-password-wrap { + text-align: end; + + a { + display: inline-block; + position: relative; + line-height: 1.5; + font-weight: 500; + + &::before { + width: 100%; + height: 1px; + position: absolute; + left: 0; + bottom: 0; + content: ''; + transition: var(--transition); + background-color: #eeeeee; + } + &::after { + width: 0; + height: 1px; + position: absolute; + left: 0; + transition: var(--transition); + bottom: 0; + content: ''; + background-color: var(--startupMainColor); + } + &:hover { + &::before { + width: 0; + } + &::after { + width: 100%; + } + } + } + } + button { + width: 100%; + border: none; + display: block; + overflow: hidden; + margin-top: 20px; + border-radius: 5px; + text-align: center; + padding: 14px 30px; + color: var(--whiteColor); + transition: var(--transition); + background-color: var(--startupMainColor); + font: { + size: var(--fontSize); + weight: 700; + }; + &:hover { + background-color: var(--blackColor); + color: var(--whiteColor); + } + } + .dont-account { + display: block; + margin-top: 25px; + color: var(--optionalColor); + + a { + font-weight: 600; + } + } + } + .sign-in-with-button { + margin-top: 25px; + + button { + width: 100%; + display: block; + color: #248BD2; + border-radius: 5px; + border: 1px solid #D2D2D2; + background-color: transparent; + transition: var(--transition); + padding: { + top: 13px; + bottom: 13px; + left: 30px; + right: 30px; + }; + svg { + position: absolute; + margin-left: -25px; + margin: { + left: -25px; + top: 1.5px; + }; + } + &:hover { + color: var(--blackColor); + background-color: #E9E9E9; + } + } + } +} + +/*================================================ +Instagram Area CSS +=================================================*/ +.instagram-area { + .container-fluid { + padding: { + left: 0; + right: 0; + }; + } + &.bg-dark { + .section-title { + border-color: rgba(255, 255, 255, .08); + + &::before { + background-color: var(--whiteColor); + } + } + } +} +.single-instagram-item { + position: relative; + + .link-btn { + display: block; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 2; + } + i { + position: absolute; + left: 50%; + top: 50%; + transform: translateY(-50%) translateX(-50%); + font-size: 25px; + color: var(--whiteColor); + opacity: 0; + visibility: hidden; + transition: var(--transition); + } + &::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: #000000; + opacity: 0; + visibility: hidden; + transition: var(--transition); + } + &:hover { + i { + opacity: 1; + visibility: visible; + } + &::before { + opacity: 0.5; + visibility: visible; + } + } +} + +/*================================================ +Page Title Area CSS +=================================================*/ +.page-title-area { + background: { + position: center center; + repeat: no-repeat; + color: #f9faff; + size: cover; + }; + padding: { + top: 160px; + bottom: 170px; + }; + &.transparent-bg1 { + background-image: url(../../assets/img/page-title/page-title-bg1.jpg); + } + &.transparent-bg2 { + background-image: url(../../assets/img/page-title/page-title-bg2.jpg); + } + &.transparent-bg3 { + background-image: url(../../assets/img/page-title/page-title-bg3.jpg); + } + &.transparent-bg4 { + background-image: url(../../assets/img/page-title/page-title-bg4.jpg); + } + &.transparent-bg5 { + background-image: url(../../assets/img/page-title/page-title-bg5.jpg); + } + &.bg-f9faff { + background-color: #f9faff; + } + &.bg-image { + background-color: var(--blackColor); + position: relative; + z-index: 1; + + .page-title-content { + color: var(--whiteColor); + + h2 { + color: var(--whiteColor); + } + ul { + li { + font-weight: 600; + + &::before { + background-color: var(--optionalColor); + } + a { + color: var(--whiteColor); + + &:hover { + color: var(--startupMainColor); + } + } + } + } + } + &::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background-color: #000000; + opacity: 0.7; + } + } + &.bg1 { + background-image: url(../../assets/img/page-title/page-title-bg-image1.jpg); + } + &.bg2 { + background-image: url(../../assets/img/page-title/page-title-bg-image2.jpg); + } + &.bg3 { + background-image: url(../../assets/img/page-title/page-title-bg-image3.jpg); + } + &.bg4 { + background-image: url(../../assets/img/page-title/page-title-bg-image4.jpg); + } + &.bg5 { + background-image: url(../../assets/img/page-title/page-title-bg-image5.jpg); + } + &.style-two { + padding: { + top: 260px; + bottom: 150px; + }; + } + &.style-three { + padding: { + top: 275px; + bottom: 150px; + }; + } + &.style-four { + position: relative; + z-index: 1; + padding: { + top: 170px; + bottom: 170px; + }; + &::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background: { + size: cover; + repeat: no-repeat; + position: center center; + image: url(../../assets/img/bg12.png); + }; + } + } +} +.page-title-content { + text-align: center; + + h2 { + margin-bottom: 0; + font-size: 45px; + } + ul { + padding-left: 0; + list-style-type: none; + margin: { + bottom: 0; + top: 20px; + }; + li { + color: var(--startupMainColor); + display: inline-block; + position: relative; + font-weight: 500; + font-size: 16px; + margin: { + left: 12px; + right: 12px; + }; + &::before { + content: ''; + position: absolute; + right: -18px; + top: 50%; + transform: translateY(-50%); + height: 1px; + width: 10px; + background-color: var(--optionalColor); + margin-top: 1px; + } + a { + color: var(--blackColor); + + &:hover { + color: var(--startupMainColor); + } + } + &:last-child { + margin-right: 0; + + &::before { + display: none; + } + } + &:first-child { + margin-left: 0; + } + } + } +} + +/*================================================ +Pagination Area CSS +=================================================*/ +.pagination-area { + margin-top: 20px; + + .page-numbers { + width: 45px; + height: 45px; + line-height: 43px; + position: relative; + text-align: center; + border-radius: 50%; + display: inline-block; + border: 1px solid #eeeeee; + color: var(--blackColor); + background-color: transparent; + font: { + size: 18px; + weight: 600; + }; + margin: { + left: 3px; + right: 3px; + }; + &:hover, &.current { + color: var(--whiteColor); + background-color: var(--startupMainColor); + border-color: var(--startupMainColor) !important; + } + } +} + +/*================================================ +Gallery Area CSS +=================================================*/ +.single-gallery-item { + margin-bottom: 30px; + position: relative; + text-align: center; + overflow: hidden; + + img { + transition: var(--transition); + } + .popup-image { + position: absolute; + left: 0; + transform: translateY(-50%) scale(0); + top: 50%; + z-index: 2; + right: 0; + width: 45px; + height: 45px; + line-height: 45px; + color: var(--whiteColor); + border: 1px solid var(--whiteColor); + border-radius: 3px; + margin: { + left: auto; + right: auto; + }; + &:hover { + border-radius: 50%; + color: var(--blackColor); + background-color: var(--whiteColor); + } + } + &::before { + z-index: 1; + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: var(--startupMainColor); + opacity: 0; + visibility: hidden; + transition: .3s; + margin: 10px; + } + &:hover { + img { + transform: scale(1.1); + } + &::before { + opacity: 1; + margin: 20px; + visibility: visible; + } + .popup-image { + transform: translateY(-50%) scale(1); + } + } + &.left-overlay { + &::before { + left: 0; + top: 0; + margin: 0; + width: 0%; + height: 100%; + right: auto; + bottom: auto; + opacity: .80; + } + &:hover { + &::before { + width: 100%; + } + } + } + &.top-overlay { + &::before { + left: 0; + top: 0; + margin: 0; + width: 100%; + height: 0%; + right: auto; + bottom: auto; + opacity: .80; + } + &:hover { + &::before { + height: 100%; + } + } + } +} +.shorting { + .mix { + display: none; + } +} +.shorting-menu { + text-align: center; + margin-bottom: 40px; + + .filter { + background-color: transparent; + transition: var(--transition); + letter-spacing: 2px; + color: #b0b0b0; + border: none; + padding: 0; + font: { + size: var(--fontSize); + weight: 500; + }; + margin: { + left: 20px; + right: 20px; + }; + &:last-child { + margin-right: 0; + } + &:first-child { + margin-left: 0; + } + &:hover, &.active { + color: var(--blackColor); + } + } +} + +/*================================================ +Portfolio Details Area CSS +=================================================*/ +.portfolio-details-image { + position: relative; + margin-bottom: 30px; + text-align: center; +} +.portfolio-details-desc { + h3 { + font-size: 25px; + margin: { + bottom: 15px; + top: 30px; + }; + &:first-child { + margin-top: 0; + } + } + .image { + padding-right: 15px; + border-radius: 5px; + margin: { + top: 15px; + bottom: 30px; + }; + } + .content { + margin: { + top: 15px; + bottom: 30px; + }; + h3 { + margin: { + top: 0; + bottom: 25px; + }; + } + ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + color: var(--optionalColor); + margin-bottom: 12px; + position: relative; + padding-left: 18px; + font-weight: 500; + + &::before { + left: 0; + top: 50%; + width: 7px; + height: 7px; + content: ''; + position: absolute; + border-radius: 50%; + transform: translateY(-50%); + background-color: var(--startupMainColor); + } + &:last-child { + margin-bottom: 0; + } + } + } + } +} +.portfolio-details-info { + box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.1); + border-top: 3px solid var(--startupMainColor); + background-color: var(--whiteColor); + border-radius: 5px; + padding: 40px 30px; + margin-left: 15px; + + ul { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + font-weight: 500; + position: relative; + margin-bottom: 20px; + color: var(--optionalColor); + border-bottom: 1px solid #eeeeee; + padding: { + left: 35px; + bottom: 20px; + }; + span { + color: var(--blackColor); + margin-bottom: 10px; + display: block; + font: { + size: 19px; + weight: 700; + }; + } + a { + margin-bottom: 8px; + display: inline-block; + color: var(--optionalColor); + + &:last-child { + margin-bottom: 0; + } + &:hover { + color: var(--startupMainColor); + } + } + .icon { + left: 0; + top: 6px; + font-size: 25px; + position: absolute; + color: var(--startupMainColor); + } + &:last-child { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; + } + } + } +} +.portfolio-details-slides { + &.owl-theme { + .owl-nav { + opacity: 0; + margin-top: 0; + visibility: hidden; + transition: var(--transition); + + [class*=owl-] { + margin: 0; + background-color: var(--whiteColor); + color: var(--blackColor); + padding: 0 !important; + border-radius: 0; + transition: var(--transition); + border: none; + cursor: pointer; + position: absolute; + left: 25px; + top: 50%; + width: 45px; + height: 45px; + line-height: 45px; + border-radius: 50%; + transform: translateY(-50%); + font-size: 20px; + + &.owl-next { + left: auto; + right: 25px; + } + i { + line-height: 1; + } + &:hover { + background-color: var(--blackColor); + border-color: var(--blackColor); + color: var(--whiteColor); + } + } + } + &:hover { + .owl-nav { + opacity: 1; + visibility: visible; + } + } + .owl-dots { + margin-top: 40px; + + .owl-dot { + span { + width: 18px; + height: 18px; + border-radius: 50%; + transition: var(--transition); + margin: 0 5px; + } + &:hover, &.active { + span { + background-color: var(--startupMainColor); + } + } + } + } + } +} + +/*================================================ +Portfolio Details Navigation Area CSS +=================================================*/ +.portfolio-details-navigation { + background-color: #f7f7f7; + padding: { + top: 40px; + bottom: 40px; + }; +} +.portfolio-details-left { + text-transform: uppercase; + font-weight: 600; + line-height: 1; + + a { + display: inline-block; + color: var(--optionalColor); + position: relative; + padding-left: 25px; + + i { + position: absolute; + left: 0; + top: 0; + } + &:hover { + color: var(--startupMainColor); + } + } +} +.menu-icon { + line-height: 1; + font-size: 22px; + color: var(--optionalColor); + + &:hover { + color: var(--startupMainColor); + } +} +.portfolio-details-right { + text-transform: uppercase; + font-weight: 600; + line-height: 1; + + a { + display: inline-block; + color: var(--optionalColor); + position: relative; + padding-right: 25px; + + i { + position: absolute; + right: 0; + top: 0; + } + &:hover { + color: var(--startupMainColor); + } + } +} + +/*================================================ +Privacy Policy Area CSS +=================================================*/ +.privacy-policy-content { + h3 { + font-size: 20px; + margin-bottom: 15px; + + &:not(:first-child) { + margin-top: 25px; + } + } + strong { + color: var(--blackColor) !important; + } + ul { + li { + color: var(--optionalColor); + margin-bottom: 12px; + + &:last-child { + margin-bottom: 0; + } + } + } +} + +/*================================================ +Terms & Conditions Area CSS +=================================================*/ +.terms-conditions-content { + h3 { + font-size: 20px; + margin-bottom: 15px; + + &:not(:first-child) { + margin-top: 25px; + } + } + strong { + color: var(--blackColor) !important; + } + ul { + li { + color: var(--optionalColor); + margin-bottom: 12px; + + &:last-child { + margin-bottom: 0; + } + } + } +} + +/*================================================ +FAQ Area CSS +=================================================*/ +.faq-accordion { + max-width: 800px; + margin: { + left: auto; + right: auto; + }; + .accordion-item { + margin-bottom: 15px; + border: 1px solid #eeeeee; + + .accordion-button { + border: none; + padding: 20px 20px 20px 45px; + position: relative; + border: none; + box-shadow: unset !important; + text-align: start; + margin: 0; + font: { + size: 18px; + weight: 700; + }; + &:not(.collapsed) { + color: var(--blackColor); + background-color: transparent; + + &::after { + background-image: 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"); + } + } + &::after { + position: absolute; + left: 20px; + top: 25px; + width: 15px; + height: 15px; + background-size: 15px; + } + } + .accordion-collapse { + border: none; + } + .accordion-body { + padding: 0 20px 20px 45px; + + p { + strong { + color: var(--blackColor); + } + } + ul { + margin-bottom: 15px; + + li { + margin-bottom: 12px; + color: var(--optionalColor); + + &:last-child { + margin-bottom: 0; + } + } + &:last-child { + margin-bottom: 0; + } + } + } + &:last-child { + margin-bottom: 0; + } + &:first-of-type { + .accordion-button { + border: { + top: { + left-radius: 0; + right-radius: 0; + } + }; + } + } + } +} + +/*================================================ +404 Error Area CSS +=================================================*/ +.error-area { + border: { + top: 1px dashed #eeeeee; + bottom: 1px dashed #eeeeee; + }; +} +.error-content { + text-align: center; + + h3 { + font-size: 30px; + margin: { + bottom: 20px; + top: 45px; + }; + } + p { + max-width: 550px; + margin: { + left: auto; + right: auto; + bottom: 0; + }; + } + .default-btn { + margin-top: 30px; + } +} + +/*================================================ +Coming Soon Area CSS +=================================================*/ +.coming-soon-area { + height: 100vh; +} +.coming-soon-image { + height: 100%; + background: { + image: url(../../assets/img/coming-soon.jpg); + position: center center; + repeat: no-repeat; + size: cover; + }; + img { + display: none; + } +} +.coming-soon-content { + height: 100vh; + text-align: center; + padding: { + left: 30px; + right: 30px; + }; + .logo { + display: inline-block; + } + h2 { + font-size: 40px; + margin: { + top: 30px; + bottom: 0; + }; + } + #timer { + margin-top: 35px; + + div { + width: 120px; + height: 120px; + border-radius: 5px; + color: var(--blackColor); + background-color: #f8f8f8; + font: { + size: 35px; + weight: 700; + }; + margin: { + left: 10px; + right: 10px; + }; + span { + display: block; + margin-top: 2px; + font: { + size: var(--fontSize); + weight: 500; + }; + } + &:first-child { + margin-left: 0; + } + &:last-child { + margin-right: 0; + } + } + } + form { + position: relative; + max-width: 530px; + margin: { + left: auto; + right: auto; + top: 40px; + }; + .input-newsletter { + padding: 0 0 0 15px; + width: 100%; + height: 60px; + border: none; + display: block; + border-radius: 4px; + color: var(--blackColor); + font-size: var(--fontSize); + transition: var(--transition); + border: 1px solid #eeeeee; + + &::placeholder { + color: var(--optionalColor); + transition: var(--transition); + } + &:focus { + border-color: var(--startupMainColor); + + &::placeholder { + color: transparent; + } + } + } + .default-btn { + position: absolute; + right: 5px; + box-shadow: unset; + bottom: 6px; + padding: { + left: 35px; + right: 35px; + }; + &:hover { + background-color: var(--blackColor); + color: var(--whiteColor); + } + } + #validator-newsletter { + position: absolute; + bottom: -32px; + left: 0; + + &.validation-danger { + color: red; + } + } + } +} + +/*================================================ +Contact Area CSS +=================================================*/ +.contact-area { + position: relative; + z-index: 1; + + &.bg-image { + background: { + image: url(../../assets/img/cta-bg1.jpg); + position: center center; + repeat: no-repeat; + size: cover; + }; + &::before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: -1; + background-color: #000000; + opacity: 0.8; + } + .section-title { + h2 { + color: var(--whiteColor); + } + } + } +} +.single-contact-info-box { + padding: 35px; + margin-bottom: 30px; + background-color: #F9FAFB; + + .icon { + line-height: 1; + font-size: 40px; + margin-bottom: 25px; + color: var(--startupMainColor); + } + h3 { + font-size: 20px; + margin-bottom: 15px; + } + p { + margin-bottom: 2px; + + a { + color: var(--optionalColor); + display: inline-block; + + &:hover { + color: var(--startupMainColor); + } + } + &:last-child { + margin-bottom: 0; + } + } + &.style-two { + padding: 0; + text-align: center; + background-color: transparent; + + .icon { + width: 80px; + color: var(--whiteColor); + background-color: var(--blackColor); + border-radius: 50%; + position: relative; + height: 80px; + font-size: 35px; + transition: var(--transition); + margin: { + left: auto; + right: auto; + bottom: 25px; + }; + i { + position: absolute; + left: 0; + right: 0; + top: 50%; + transform: translateY(-50%); + } + } + &:hover { + .icon { + background-color: var(--startupMainColor); + color: var(--whiteColor); + } + } + } +} +.contact-form { + padding: 34px; + margin-bottom: 30px; + background-color: var(--whiteColor); + box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); + + form { + .form-group { + margin-bottom: 20px; + + label { + display: block; + margin-bottom: 10px; + color: var(--optionalColor); + } + .form-control { + border-radius: 0; + background-color: #f9faff; + border: 1px solid #eeeeee !important; + } + } + .form-check { + margin: { + bottom: 15px; + top: 5px; + }; + a { + color: var(--startupMainColor); + + &:hover { + color: var(--blackColor); + text-decoration: underline; + } + } + } + .default-btn { + margin-top: 5px; + padding: { + left: 35px; + right: 35px; + }; + } + .help-block { + &.with-errors { + color: red; + margin: { + bottom: 0; + top: 15px; + }; + } + } + #msgSubmit { + margin: 0; + + &.text-danger { + margin-top: 15px; + } + } + } +} +#maps { + iframe { + margin-bottom: -7px; + height: 500px; + border: none; + width: 100%; + } +} + +/*================================================ +Footer Area CSS +=================================================*/ +.footer-area { + padding-top: 100px; + position: relative; + z-index: 1; + + &.marketing-footer { + border-top: 1px solid #eeeeee; + + .footer-top { + border-bottom: none; + margin-bottom: 0; + } + .copyright-area { + border-top: 1px solid #eeeeee; + + p { + a { + color: var(--marketingMainColor); + } + } + } + .single-footer-widget { + .footer-contact { + li { + i { + color: var(--marketingMainColor); + } + a { + &:hover { + color: var(--marketingMainColor); + } + } + } + } + .info-links { + li { + a { + &:hover { + color: var(--marketingMainColor); + } + } + } + } + .newsletter-form { + button { + &:hover { + color: var(--whiteColor); + background-color: var(--marketingMainColor); + } + } + } + } + } + &.business-footer { + padding-top: 0; + + .footer-top { + background: var(--businessGradientColor); + margin-bottom: 100px; + border: none; + padding: { + top: 70px; + bottom: 70px; + }; + .content { + h3 { + color: var(--whiteColor); + } + .default-btn { + background: transparent; + color: var(--whiteColor); + border: 1px solid var(--whiteColor); + box-shadow: unset; + + i { + color: var(--whiteColor); + } + &:hover { + background-color: var(--whiteColor); + color: var(--blackColor); + + i { + color: var(--blackColor); + } + } + } + } + } + .copyright-area { + border-top: 1px solid #eeeeee; + + p { + a { + color: var(--businessMainColor); + } + } + } + .single-footer-widget { + .footer-contact { + li { + i { + color: var(--businessMainColor); + } + a { + &:hover { + color: var(--businessMainColor); + } + } + } + } + .info-links { + li { + a { + &:hover { + color: var(--businessMainColor); + } + } + } + } + .newsletter-form { + button { + &:hover { + color: var(--whiteColor); + background-color: var(--businessMainColor); + } + } + } + } + } + &.app-footer { + background: var(--appGradientColor); + + .footer-top { + border-color: #0e49b5; + + .content { + h3 { + color: var(--whiteColor); + } + .default-btn { + background: transparent; + color: var(--whiteColor); + border: 1px solid var(--whiteColor); + box-shadow: unset; + + i { + color: var(--whiteColor); + } + &:hover { + background-color: var(--whiteColor); + color: var(--blackColor); + + i { + color: var(--blackColor); + } + } + } + } + } + .copyright-area { + opacity: 0.9; + border-top: 1px solid #2c4687; + background: transparent; + + p { + color: var(--whiteColor); + + a { + color: var(--whiteColor); + } + } + } + .single-footer-widget { + h3 { + color: var(--whiteColor); + } + p { + color: var(--whiteColor); + } + .footer-contact { + li { + color: var(--whiteColor); + + i { + color: var(--whiteColor); + } + a { + color: var(--whiteColor); + + &:hover { + color: var(--whiteColor); + } + } + } + } + .info-links { + li { + color: var(--whiteColor); + + a { + color: var(--whiteColor); + + &:hover { + color: var(--whiteColor); + } + } + } + } + .newsletter-form { + button { + border-left: 1px solid var(--blackColor); + + &:hover { + color: var(--blackColor); + border-color: #eeeeee; + background-color: var(--whiteColor); + } + } + } + } + } + &.saas-footer { + background: #000000; + + .footer-top { + border-color: #121419; + + .content { + h3 { + color: var(--whiteColor); + } + .default-btn { + background: transparent; + color: var(--whiteColor); + border: 1px solid var(--whiteColor); + box-shadow: unset; + + i { + color: var(--whiteColor); + } + &:hover { + background-color: var(--whiteColor); + color: var(--blackColor); + + i { + color: var(--blackColor); + } + } + } + } + } + .copyright-area { + border-top: 1px solid #121419; + background: transparent; + + p { + color: #959595; + + a { + color: var(--whiteColor); + } + } + } + .single-footer-widget { + h3 { + color: var(--whiteColor); + } + p { + color: var(--whiteColor); + } + .footer-contact { + li { + color: var(--whiteColor); + + i { + color: var(--saasMainColor); + } + a { + color: var(--whiteColor); + + &:hover { + color: var(--saasMainColor); + } + } + } + } + .info-links { + li { + color: var(--whiteColor); + + a { + color: var(--whiteColor); + + &:hover { + color: var(--saasMainColor); + } + } + } + } + .newsletter-form { + button { + background: var(--saasGradientColor); + } + } + } + } + &.personal-portfolio-footer { + border-top: 1px solid #eeeeee; + + .single-footer-widget { + .footer-contact { + li { + i { + color: var(--personalPortfolioMainColor); + } + a { + &:hover { + color: var(--personalPortfolioMainColor); + } + } + } + } + .info-links { + li { + a { + &:hover { + color: var(--personalPortfolioMainColor); + } + } + } + } + .newsletter-form { + button { + &:hover { + color: var(--whiteColor); + background-color: var(--personalPortfolioMainColor); + } + } + } + } + .copyright-area { + border-top: none; + background: #06080e; + + p { + color: #959595; + + a { + color: var(--whiteColor); + } + } + } + } + &.consulting-footer { + overflow: hidden; + background-color: #f3f4f7; + + .single-footer-widget { + .footer-contact { + li { + i { + color: var(--consultingMainColor); + } + a { + &:hover { + color: var(--consultingMainColor); + } + } + } + } + .info-links { + li { + a { + &:hover { + color: var(--consultingMainColor); + } + } + } + } + .newsletter-form { + button { + &:hover { + background-color: var(--consultingMainColor); + } + } + } + } + .copyright-area { + background-color: transparent; + border-top: 1px solid #e4eaf5; + + p { + a { + color: var(--blackColor); + + &:hover { + color: var(--consultingMainColor); + } + } + } + } + } + &.it-agency-footer { + background-color: #111111; + + .footer-top { + border-color: #272727; + + .content { + h3 { + color: var(--whiteColor); + } + .default-btn { + border: 1px solid var(--whiteColor); + color: var(--whiteColor); + background: transparent; + box-shadow: unset; + + i { + color: var(--whiteColor); + } + &:hover { + background-color: var(--whiteColor); + color: var(--blackColor); + + i { + color: var(--blackColor); + } + } + } + } + } + .single-footer-widget { + h3 { + color: var(--whiteColor); + } + p { + color: var(--whiteColor); + } + .footer-contact { + li { + color: var(--whiteColor); + + i { + color: var(--itAgencyMainColor); + } + a { + color: var(--whiteColor); + + &:hover { + color: var(--itAgencyMainColor); + } + } + } + } + .info-links { + li { + color: var(--whiteColor); + + a { + color: var(--whiteColor); + + &:hover { + color: var(--itAgencyMainColor); + } + } + } + } + .newsletter-form { + button { + background: var(--itAgencyGradientColor); + } + } + } + .copyright-area { + border-top: 1px solid #272727; + background-color: transparent; + + p { + color: #c8c5c5; + + a { + color: var(--whiteColor); + } + } + } + } + &.bg-dark { + .footer-top { + border-color: rgba(255, 255, 255, .07); + + .content { + h3 { + color: var(--whiteColor); + } + .default-btn { + border: 1px solid var(--whiteColor); + color: var(--whiteColor); + background: transparent; + box-shadow: unset; + + i { + color: var(--whiteColor); + } + &:hover { + background-color: var(--whiteColor); + color: var(--blackColor); + + i { + color: var(--blackColor); + } + } + } + } + } + .single-footer-widget { + color: var(--whiteColor); + + h3 { + color: var(--whiteColor); + } + p { + color: var(--whiteColor); + } + .footer-contact { + li { + color: var(--whiteColor); + + i { + color: var(--whiteColor); + } + a { + color: var(--whiteColor); + + &:hover { + color: var(--whiteColor); + } + } + } + } + .info-links { + li { + color: var(--whiteColor); + + a { + color: var(--whiteColor); + + &:hover { + color: var(--whiteColor); + } + } + } + } + .newsletter-form { + button { + background-color: var(--optionalColor); + color: var(--whiteColor); + + &:hover { + color: var(--whiteColor); + background-color: var(--blackColor); + } + } + } + } + .copyright-area { + background-color: #06080e; + border-top: 1px solid #292929; + + p { + color: #c6c6c6; + + a { + font-weight: 800; + color: var(--whiteColor); + } + } + .social-links { + li { + a { + color: var(--whiteColor); + } + } + } + } + } + &.minimal-portfolio-color { + padding: 0; + + .copyright-area { + margin: 0; + padding: { + top: 50px; + bottom: 50px; + }; + p { + a { + color: var(--minimalPortfolioColor); + } + } + } + } +} +.footer-top { + border-bottom: 1px solid #eeeeee; + padding-bottom: 70px; + margin-bottom: 70px; + + .logo { + display: inline-block; + } + .content { + h3 { + font-size: 20px; + margin-bottom: 0; + } + } +} +.single-footer-widget { + margin-bottom: 30px; + + h3 { + font-size: 20px; + margin-bottom: 20px; + } + .footer-contact { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + position: relative; + margin-bottom: 12px; + padding-left: 24px; + color: var(--optionalColor); + + i { + position: absolute; + left: 0; + top: 4px; + color: var(--startupMainColor); + } + a { + display: inline-block; + color: var(--optionalColor); + + &:hover { + color: var(--startupMainColor); + } + } + &:last-child { + margin-bottom: 0; + } + } + } + .info-links { + padding-left: 0; + margin-bottom: 0; + list-style-type: none; + + li { + margin-bottom: 12px; + + a { + display: inline-block; + color: var(--optionalColor); + + &:hover { + color: var(--startupMainColor); + } + } + &:last-child { + margin-bottom: 0; + } + } + } + .newsletter-form { + position: relative; + + .input-newsletter { + display: block; + width: 100%; + height: 50px; + border: 1px solid #eeeeee; + background-color: var(--whiteColor); + color: var(--blackColor); + padding-left: 15px; + + &::placeholder { + transition: var(--transition); + color: var(--optionalColor); + } + &:focus { + &::placeholder { + color: transparent; + } + } + } + button { + position: absolute; + right: 0; + top: 0; + height: 50px; + width: 60px; + background-color: var(--blackColor); + color: var(--whiteColor); + border: none; + transition: var(--transition); + + &:hover { + color: var(--whiteColor); + background-color: var(--startupMainColor); + } + } + #validator-newsletter { + position: absolute; + bottom: -32px; + left: 0; + + &.validation-danger { + color: red; + } + } + } + &.pl-4 { + padding-left: 4rem; + } + &.pl-2 { + padding-left: 2rem; + } + .social-links { + padding-left: 0; + list-style-type: none; + margin-bottom: 0; + + li { + display: inline-block; + margin-right: 12px; + + a { + display: inline-block; + font-size: 18px; + } + &:last-child { + margin-right: 0; + } + } + } + .logo { + display: inline-block; + margin-bottom: 15px; + } + &.style-two { + h3 { + position: relative; + padding-left: 55px; + + &::before { + width: 40px; + height: 1px; + background-color: var(--personalPortfolioMainColor); + content: ''; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + } + } + } +} +.copyright-area { + background-color: var(--whiteColor); + text-align: center; + margin-top: 70px; + padding: { + top: 25px; + bottom: 25px; + }; + p { + a { + font-weight: 600; + display: inline-block; + color: var(--startupMainColor); + } + } + .social-links { + padding-left: 0; + list-style-type: none; + margin-bottom: 0; + text-align: end; + + li { + display: inline-block; + margin-right: 12px; + + a { + display: inline-block; + font-size: 18px; + } + &:last-child { + margin-right: 0; + } + } + } + &.bg-faf7f2 { + background-color: #faf7f2; + } +} + +/*================================================ +Go Top CSS +=================================================*/ +.go-top { + position: fixed; + cursor: pointer; + bottom: 20px; + right: 20px; + z-index: 4; + width: 43px; + height: 45px; + opacity: 0; + font-size: 20px; + visibility: hidden; + text-align: center; + color: var(--whiteColor); + transition: var(--transition); + background-color: var(--startupMainColor); + box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); + + i { + right: 0; + left: 0; + top: 50%; + text-align: center; + position: absolute; + transform: translateY(-50%); + margin: { + left: auto; + right: auto; + }; + } + &.active { + opacity: 1; + visibility: visible; + bottom: 20px; + } + &:hover { + color: var(--whiteColor); + background-color: var(--blackColor) !important; + } + &.marketing-color { + background-color: var(--marketingMainColor); + } + &.business-color { + background: var(--businessGradientColor); + } + &.app-color { + background: var(--appGradientColor); + } + &.saas-color { + background: var(--saasGradientColor); + } + &.personal-portfolio-color { + background-color: var(--personalPortfolioMainColor); + } + &.consulting-color { + background-color: var(--consultingMainColor); + } + &.it-agency-color { + background: var(--itAgencyGradientColor); + } + &.shop-color { + background: var(--shopMainColor); + } + &.minimal-portfolio-color { + background: var(--minimalPortfolioColor); + } +} + +/*extra-css*/ +.shape1 { + position: absolute; + right: 10%; + top: 5%; + z-index: -1; + animation: moveleftbounce 5s linear infinite; +} +.shape2 { + position: absolute; + right: 3%; + bottom: 12%; + z-index: -1; + animation: { + duration: 20s; + name: rotateme; + timing-function: linear; + iteration-count: infinite; + }; +} +.shape3 { + position: absolute; + right: 33.6%; + bottom: 7%; + z-index: -1; +} +.shape4 { + position: absolute; + top: 85px; + left: 20px; + z-index: -1; + animation: movebounce 5s linear infinite; +} +.shape5 { + position: absolute; + bottom: 40px; + right: 20px; + z-index: -1; + animation: moveleftbounce 5s linear infinite; +} +.shape6 { + position: absolute; + left: 40px; + top: 45px; + animation: { + duration: 20s; + name: rotateme; + timing-function: linear; + iteration-count: infinite; + }; +} +.shape7 { + position: absolute; + left: 30px; + top: 20px; + z-index: -1; + animation: { + duration: 20s; + name: rotateme; + timing-function: linear; + iteration-count: infinite; + }; +} +.shape8 { + position: absolute; + bottom: 50px; + left: 50px; + z-index: -1; + animation: { + duration: 30s; + name: rotateme; + timing-function: linear; + iteration-count: infinite; + }; +} +.shape9 { + position: absolute; + right: 0; + top: 65px; + z-index: -1; + animation: moveleftbounce 5s linear infinite; +} +.shape10 { + position: absolute; + left: 0; + top: 0; + z-index: -1; +} +.shape11 { + position: absolute; + top: 8%; + left: 0; + z-index: -1; + animation: { + duration: 40s; + name: rotateme2; + timing-function: linear; + iteration-count: infinite; + }; +} +.shape12 { + position: absolute; + right: 20px; + bottom: 20px; + z-index: -1; + animation: { + duration: 30s; + name: rotateme; + timing-function: linear; + iteration-count: infinite; + }; +} +.shape13 { + position: absolute; + right: 12%; + bottom: 2%; + z-index: -1; + animation: { + duration: 30s; + name: rotateme; + timing-function: linear; + iteration-count: infinite; + }; +} +.shape14 { + position: absolute; + left: 0; + bottom: 76px; + z-index: -1; + opacity: 0.23; +} +.shape15 { + position: absolute; + left: 50%; + top: 50%; + transform: translateY(-50%) translateX(-50%); + z-index: -1; + + img { + animation: movescale 5s linear infinite; + } +} +.shape16 { + position: absolute; + right: 5px; + top: 0; + z-index: -1; + animation: moveleftbounce 5s linear infinite; +} +.shape17 { + left: 0; + bottom: 98px; + z-index: -1; + opacity: .05; + position: absolute; +} +.shape18 { + position: absolute; + right: 0; + bottom: 0; + z-index: -1; +} +.shape19 { + position: absolute; + right: 35%; + top: 12%; + z-index: -1; + animation: { + duration: 30s; + name: rotateme; + timing-function: linear; + iteration-count: infinite; + }; +} +.divider { + width: 100%; + position: absolute; + height: 100px; + pointer-events: none; + -webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e"); + -webkit-mask-size: 100% 101%; + mask-size: 100% 101%; + background-color: var(--whiteColor); + bottom: 0; + left: 0; + z-index: -1; +} +@keyframes border-transform { + 0%,100% { + border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; + } + 14% { + border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; + } + 28% { + border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; + } + 42% { + border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; + } + 56% { + border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; + } + 70% { + border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; + } + 84% { + border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; + } +} +@keyframes rotateme { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} +@keyframes rotateme2 { + from { + transform: rotate(0deg); + } + to { + transform: rotate(-360deg); + } +} +@keyframes movebounce { + 0% { + transform: translateY(0px); + } + 50% { + transform: translateY(20px); + } + 100% { + transform: translateY(0px); + } +} +@keyframes moveleftbounce { + 0% { + transform: translateX(0px); + } + 50% { + transform: translateX(-20px); + } + 100% { + transform: translateX(0px); + } +} +@keyframes scroller { + 0% { + bottom: 34px; + } + 5% { + top: 4px; + } + 32% { + bottom: 4px; + } + 66% { + top: 34px; + bottom: 4px; + } + 100% { + top: 4px; + bottom: 34px; + } +} +@keyframes movescale { + 0% { + transform: scale(.9); + } + 50% { + transform: scale(1); + } + 100% { + transform: scale(.9); + } +} +@keyframes rotate3d { + 0% { + -webkit-transform: rotateY(0deg); + transform: rotateY(0deg); + } + 100% { + -webkit-transform: rotateY(360deg); + transform: rotateY(360deg); + } +} +@keyframes animationFramesOne { + 0% { + transform: translate(0px,0px) rotate(0deg) ; + } + 20% { + transform: translate(73px,-1px) rotate(36deg) ; + } + 40% { + transform: translate(141px,72px) rotate(72deg) ; + } + 60% { + transform: translate(83px,122px) rotate(108deg) ; + } + 80% { + transform: translate(-40px,72px) rotate(144deg) ; + } + 100% { + transform: translate(0px,0px) rotate(0deg) ; + } +} +@keyframes ripple { + 0% { + -webkit-transform: scale(1); + transform: scale(1) + } + 75% { + -webkit-transform: scale(1.75); + transform: scale(1.75); + opacity: 1 + } + 100% { + -webkit-transform: scale(2); + transform: scale(2); + opacity: 0 + } +} +.owl-item { + overflow: hidden; + + &.active { + .startup-works-image { + animation: { + duration: .8s; + fill-mode: both; + name: fadeInRight; + delay: .5s; + }; + img { + display: inline-block !important; + width: auto !important; + } + } + .startup-testimonials-image { + overflow: hidden; + + .main-image { + animation: { + duration: .8s; + fill-mode: both; + name: fadeInRight; + delay: .5s; + }; + } + } + } +} + +/*================================================ +Modal CSS +=================================================*/ +.productsQuickView { + padding-right: 0 !important; + + .modal-dialog { + max-width: 900px; + margin: 0 auto; + } + .modal-content { + border: none; + padding: 40px; + border-radius: 0; + + button { + &.btn-close { + top: 0; + right: 0; + margin: 0; + z-index: 3; + outline: 0; + opacity: 1; + padding: 0; + width: 35px; + height: 35px; + border: none; + font-size: 17px; + line-height: 38px; + box-shadow: unset; + text-shadow: unset; + position: absolute; + } + } + .products-content { + h3 { + margin-bottom: 15px; + font-size: 20px; + } + .price { + color: var(--blackColor); + margin: { + top: 15px; + bottom: 12px; + }; + font: { + weight: 700; + size: 17px; + }; + .old-price { + text-decoration: line-through; + color: #9b9494; + font-weight: normal; + } + } + .products-review { + .rating { + display: inline-block; + padding-right: 3px; + font-size: 14px; + + i { + display: inline-block; + color: #f49f0b; + line-height: 1; + } + } + .rating-count { + display: inline-block; + color: var(--optionalColor); + line-height: initial; + position: relative; + top: 1px; + + &:hover { + color: var(--blackColor); + } + } + } + .products-add-to-cart { + margin-top: 25px; + + .quantities { + position: relative; + padding-left: 45px; + + .sub-title { + left: 0; + top: 50%; + display: block; + font-weight: 600; + position: absolute; + transform: translateY(-50%); + } + } + .input-counter { + display: block; + max-width: 120px; + min-width: 120px; + text-align: center; + position: relative; + margin-bottom: 25px; + + span { + top: 0; + width: 35px; + height: 100%; + cursor: pointer; + font-size: 15px; + line-height: 38px; + position: absolute; + color: var(--blackColor); + border: 1px solid #eeeeee; + background-color: transparent; + transition: var(--transition); + + i { + position: relative; + top: 1px; + } + &.minus-btn { + left: 0; + } + &.plus-btn { + right: 0; + } + &:hover { + color: var(--optionalColor); + } + } + input { + height: 40px; + outline: 0; + width: 100%; + display: block; + text-align: center; + color: var(--blackColor); + border: 1px solid #eeeeee; + background-color: transparent; + font: { + size: 17px; + weight: 600; + } + &::placeholder { + color: var(--blackColor); + } + } + } + } + .default-btn { + box-shadow: unset !important; + } + .social-share { + padding-left: 0; + list-style-type: none; + margin: { + bottom: 0; + top: 30px; + }; + li { + display: inline-block; + margin-right: 12px; + + span { + font-weight: 600; + position: relative; + top: -1px; + } + a { + line-height: 1; + font-size: 18px; + color: var(--optionalColor); + + &:hover { + color: var(--blackColor); + } + } + } + } + } + } +} \ No newline at end of file diff --git a/static/assets/img/about/about-img1.jpg b/static/assets/img/about/about-img1.jpg new file mode 100644 index 00000000..2a1c6876 Binary files /dev/null and b/static/assets/img/about/about-img1.jpg differ diff --git a/static/assets/img/about/about-img2.png b/static/assets/img/about/about-img2.png new file mode 100644 index 00000000..b52b816d Binary files /dev/null and b/static/assets/img/about/about-img2.png differ diff --git a/static/assets/img/about/about-img3.png b/static/assets/img/about/about-img3.png new file mode 100644 index 00000000..4c946021 Binary files /dev/null and b/static/assets/img/about/about-img3.png differ diff --git a/static/assets/img/about/about-img4.png b/static/assets/img/about/about-img4.png new file mode 100644 index 00000000..eac97843 Binary files /dev/null and b/static/assets/img/about/about-img4.png differ diff --git a/static/assets/img/about/about-img5.png b/static/assets/img/about/about-img5.png new file mode 100644 index 00000000..33bfac47 Binary files /dev/null and b/static/assets/img/about/about-img5.png differ diff --git a/static/assets/img/about/about-img6.jpg b/static/assets/img/about/about-img6.jpg new file mode 100644 index 00000000..184cd4cf Binary files /dev/null and b/static/assets/img/about/about-img6.jpg differ diff --git a/static/assets/img/about/about-img7.jpg b/static/assets/img/about/about-img7.jpg new file mode 100644 index 00000000..eba9c53e Binary files /dev/null and b/static/assets/img/about/about-img7.jpg differ diff --git a/static/assets/img/app-banner.png b/static/assets/img/app-banner.png new file mode 100644 index 00000000..2cc461ae Binary files /dev/null and b/static/assets/img/app-banner.png differ diff --git a/static/assets/img/app-download.png b/static/assets/img/app-download.png new file mode 100644 index 00000000..07b393fb Binary files /dev/null and b/static/assets/img/app-download.png differ diff --git a/static/assets/img/apple-store.png b/static/assets/img/apple-store.png new file mode 100644 index 00000000..3f199736 Binary files /dev/null and b/static/assets/img/apple-store.png differ diff --git a/static/assets/img/bg1.jpg b/static/assets/img/bg1.jpg new file mode 100644 index 00000000..5266c858 Binary files /dev/null and b/static/assets/img/bg1.jpg differ diff --git a/static/assets/img/bg10.jpg b/static/assets/img/bg10.jpg new file mode 100644 index 00000000..f369a610 Binary files /dev/null and b/static/assets/img/bg10.jpg differ diff --git a/static/assets/img/bg11.jpg b/static/assets/img/bg11.jpg new file mode 100644 index 00000000..b5045be3 Binary files /dev/null and b/static/assets/img/bg11.jpg differ diff --git a/static/assets/img/bg12.png b/static/assets/img/bg12.png new file mode 100644 index 00000000..d308175e Binary files /dev/null and b/static/assets/img/bg12.png differ diff --git a/static/assets/img/bg2.jpg b/static/assets/img/bg2.jpg new file mode 100644 index 00000000..1f6455a3 Binary files /dev/null and b/static/assets/img/bg2.jpg differ diff --git a/static/assets/img/bg3.jpg b/static/assets/img/bg3.jpg new file mode 100644 index 00000000..0a3d317b Binary files /dev/null and b/static/assets/img/bg3.jpg differ diff --git a/static/assets/img/bg4.jpg b/static/assets/img/bg4.jpg new file mode 100644 index 00000000..6756ab9f Binary files /dev/null and b/static/assets/img/bg4.jpg differ diff --git a/static/assets/img/bg5.jpg b/static/assets/img/bg5.jpg new file mode 100644 index 00000000..60024e9d Binary files /dev/null and b/static/assets/img/bg5.jpg differ diff --git a/static/assets/img/bg6.jpg b/static/assets/img/bg6.jpg new file mode 100644 index 00000000..ab1c1fab Binary files /dev/null and b/static/assets/img/bg6.jpg differ diff --git a/static/assets/img/bg7.jpg b/static/assets/img/bg7.jpg new file mode 100644 index 00000000..d99d2e67 Binary files /dev/null and b/static/assets/img/bg7.jpg differ diff --git a/static/assets/img/bg8.jpg b/static/assets/img/bg8.jpg new file mode 100644 index 00000000..12f3d529 Binary files /dev/null and b/static/assets/img/bg8.jpg differ diff --git a/static/assets/img/bg9.jpg b/static/assets/img/bg9.jpg new file mode 100644 index 00000000..bfe832e5 Binary files /dev/null and b/static/assets/img/bg9.jpg differ diff --git a/static/assets/img/blog-banner/blog-banner-list1.jpg b/static/assets/img/blog-banner/blog-banner-list1.jpg new file mode 100644 index 00000000..0eb59141 Binary files /dev/null and b/static/assets/img/blog-banner/blog-banner-list1.jpg differ diff --git a/static/assets/img/blog-banner/blog-banner-list2.jpg b/static/assets/img/blog-banner/blog-banner-list2.jpg new file mode 100644 index 00000000..0eb59141 Binary files /dev/null and b/static/assets/img/blog-banner/blog-banner-list2.jpg differ diff --git a/static/assets/img/blog-banner/blog-banner-list3.jpg b/static/assets/img/blog-banner/blog-banner-list3.jpg new file mode 100644 index 00000000..0eb59141 Binary files /dev/null and b/static/assets/img/blog-banner/blog-banner-list3.jpg differ diff --git a/static/assets/img/blog-banner/blog-banner-list4.jpg b/static/assets/img/blog-banner/blog-banner-list4.jpg new file mode 100644 index 00000000..0eb59141 Binary files /dev/null and b/static/assets/img/blog-banner/blog-banner-list4.jpg differ diff --git a/static/assets/img/blog-banner/blog-banner.jpg b/static/assets/img/blog-banner/blog-banner.jpg new file mode 100644 index 00000000..0bbe2ec6 Binary files /dev/null and b/static/assets/img/blog-banner/blog-banner.jpg differ diff --git a/static/assets/img/blog/blog-img1.jpg b/static/assets/img/blog/blog-img1.jpg new file mode 100644 index 00000000..23e57b94 Binary files /dev/null and b/static/assets/img/blog/blog-img1.jpg differ diff --git a/static/assets/img/blog/blog-img10.jpg b/static/assets/img/blog/blog-img10.jpg new file mode 100644 index 00000000..f659cb30 Binary files /dev/null and b/static/assets/img/blog/blog-img10.jpg differ diff --git a/static/assets/img/blog/blog-img11.jpg b/static/assets/img/blog/blog-img11.jpg new file mode 100644 index 00000000..f659cb30 Binary files /dev/null and b/static/assets/img/blog/blog-img11.jpg differ diff --git a/static/assets/img/blog/blog-img12.jpg b/static/assets/img/blog/blog-img12.jpg new file mode 100644 index 00000000..f659cb30 Binary files /dev/null and b/static/assets/img/blog/blog-img12.jpg differ diff --git a/static/assets/img/blog/blog-img13.jpg b/static/assets/img/blog/blog-img13.jpg new file mode 100644 index 00000000..f659cb30 Binary files /dev/null and b/static/assets/img/blog/blog-img13.jpg differ diff --git a/static/assets/img/blog/blog-img14.jpg b/static/assets/img/blog/blog-img14.jpg new file mode 100644 index 00000000..f659cb30 Binary files /dev/null and b/static/assets/img/blog/blog-img14.jpg differ diff --git a/static/assets/img/blog/blog-img15.jpg b/static/assets/img/blog/blog-img15.jpg new file mode 100644 index 00000000..a49fa321 Binary files /dev/null and b/static/assets/img/blog/blog-img15.jpg differ diff --git a/static/assets/img/blog/blog-img16.jpg b/static/assets/img/blog/blog-img16.jpg new file mode 100644 index 00000000..6cb940c2 Binary files /dev/null and b/static/assets/img/blog/blog-img16.jpg differ diff --git a/static/assets/img/blog/blog-img17.jpg b/static/assets/img/blog/blog-img17.jpg new file mode 100644 index 00000000..6cb940c2 Binary files /dev/null and b/static/assets/img/blog/blog-img17.jpg differ diff --git a/static/assets/img/blog/blog-img18.jpg b/static/assets/img/blog/blog-img18.jpg new file mode 100644 index 00000000..6cb940c2 Binary files /dev/null and b/static/assets/img/blog/blog-img18.jpg differ diff --git a/static/assets/img/blog/blog-img19.jpg b/static/assets/img/blog/blog-img19.jpg new file mode 100644 index 00000000..6cb940c2 Binary files /dev/null and b/static/assets/img/blog/blog-img19.jpg differ diff --git a/static/assets/img/blog/blog-img2.jpg b/static/assets/img/blog/blog-img2.jpg new file mode 100644 index 00000000..23e57b94 Binary files /dev/null and b/static/assets/img/blog/blog-img2.jpg differ diff --git a/static/assets/img/blog/blog-img20.jpg b/static/assets/img/blog/blog-img20.jpg new file mode 100644 index 00000000..6cb940c2 Binary files /dev/null and b/static/assets/img/blog/blog-img20.jpg differ diff --git a/static/assets/img/blog/blog-img21.jpg b/static/assets/img/blog/blog-img21.jpg new file mode 100644 index 00000000..6cb940c2 Binary files /dev/null and b/static/assets/img/blog/blog-img21.jpg differ diff --git a/static/assets/img/blog/blog-img22.jpg b/static/assets/img/blog/blog-img22.jpg new file mode 100644 index 00000000..0eb59141 Binary files /dev/null and b/static/assets/img/blog/blog-img22.jpg differ diff --git a/static/assets/img/blog/blog-img23.jpg b/static/assets/img/blog/blog-img23.jpg new file mode 100644 index 00000000..0eb59141 Binary files /dev/null and b/static/assets/img/blog/blog-img23.jpg differ diff --git a/static/assets/img/blog/blog-img24.jpg b/static/assets/img/blog/blog-img24.jpg new file mode 100644 index 00000000..0eb59141 Binary files /dev/null and b/static/assets/img/blog/blog-img24.jpg differ diff --git a/static/assets/img/blog/blog-img25.jpg b/static/assets/img/blog/blog-img25.jpg new file mode 100644 index 00000000..12e04697 Binary files /dev/null and b/static/assets/img/blog/blog-img25.jpg differ diff --git a/static/assets/img/blog/blog-img26.jpg b/static/assets/img/blog/blog-img26.jpg new file mode 100644 index 00000000..12e04697 Binary files /dev/null and b/static/assets/img/blog/blog-img26.jpg differ diff --git a/static/assets/img/blog/blog-img27.jpg b/static/assets/img/blog/blog-img27.jpg new file mode 100644 index 00000000..12e04697 Binary files /dev/null and b/static/assets/img/blog/blog-img27.jpg differ diff --git a/static/assets/img/blog/blog-img3.jpg b/static/assets/img/blog/blog-img3.jpg new file mode 100644 index 00000000..23e57b94 Binary files /dev/null and b/static/assets/img/blog/blog-img3.jpg differ diff --git a/static/assets/img/blog/blog-img4.jpg b/static/assets/img/blog/blog-img4.jpg new file mode 100644 index 00000000..b5dfcc29 Binary files /dev/null and b/static/assets/img/blog/blog-img4.jpg differ diff --git a/static/assets/img/blog/blog-img5.jpg b/static/assets/img/blog/blog-img5.jpg new file mode 100644 index 00000000..b5dfcc29 Binary files /dev/null and b/static/assets/img/blog/blog-img5.jpg differ diff --git a/static/assets/img/blog/blog-img6.jpg b/static/assets/img/blog/blog-img6.jpg new file mode 100644 index 00000000..f659cb30 Binary files /dev/null and b/static/assets/img/blog/blog-img6.jpg differ diff --git a/static/assets/img/blog/blog-img7.jpg b/static/assets/img/blog/blog-img7.jpg new file mode 100644 index 00000000..f659cb30 Binary files /dev/null and b/static/assets/img/blog/blog-img7.jpg differ diff --git a/static/assets/img/blog/blog-img8.jpg b/static/assets/img/blog/blog-img8.jpg new file mode 100644 index 00000000..f659cb30 Binary files /dev/null and b/static/assets/img/blog/blog-img8.jpg differ diff --git a/static/assets/img/blog/blog-img9.jpg b/static/assets/img/blog/blog-img9.jpg new file mode 100644 index 00000000..f659cb30 Binary files /dev/null and b/static/assets/img/blog/blog-img9.jpg differ diff --git a/static/assets/img/business-banner.jpg b/static/assets/img/business-banner.jpg new file mode 100644 index 00000000..f831b909 Binary files /dev/null and b/static/assets/img/business-banner.jpg differ diff --git a/static/assets/img/categories/categories-img1.jpg b/static/assets/img/categories/categories-img1.jpg new file mode 100644 index 00000000..e1f0277c Binary files /dev/null and b/static/assets/img/categories/categories-img1.jpg differ diff --git a/static/assets/img/categories/categories-img10.jpg b/static/assets/img/categories/categories-img10.jpg new file mode 100644 index 00000000..16c4460c Binary files /dev/null and b/static/assets/img/categories/categories-img10.jpg differ diff --git a/static/assets/img/categories/categories-img11.jpg b/static/assets/img/categories/categories-img11.jpg new file mode 100644 index 00000000..16c4460c Binary files /dev/null and b/static/assets/img/categories/categories-img11.jpg differ diff --git a/static/assets/img/categories/categories-img2.jpg b/static/assets/img/categories/categories-img2.jpg new file mode 100644 index 00000000..e1f0277c Binary files /dev/null and b/static/assets/img/categories/categories-img2.jpg differ diff --git a/static/assets/img/categories/categories-img3.jpg b/static/assets/img/categories/categories-img3.jpg new file mode 100644 index 00000000..e1f0277c Binary files /dev/null and b/static/assets/img/categories/categories-img3.jpg differ diff --git a/static/assets/img/categories/categories-img4.jpg b/static/assets/img/categories/categories-img4.jpg new file mode 100644 index 00000000..68e24d5d Binary files /dev/null and b/static/assets/img/categories/categories-img4.jpg differ diff --git a/static/assets/img/categories/categories-img5.jpg b/static/assets/img/categories/categories-img5.jpg new file mode 100644 index 00000000..68e24d5d Binary files /dev/null and b/static/assets/img/categories/categories-img5.jpg differ diff --git a/static/assets/img/categories/categories-img6.jpg b/static/assets/img/categories/categories-img6.jpg new file mode 100644 index 00000000..68e24d5d Binary files /dev/null and b/static/assets/img/categories/categories-img6.jpg differ diff --git a/static/assets/img/categories/categories-img7.jpg b/static/assets/img/categories/categories-img7.jpg new file mode 100644 index 00000000..68e24d5d Binary files /dev/null and b/static/assets/img/categories/categories-img7.jpg differ diff --git a/static/assets/img/categories/categories-img8.jpg b/static/assets/img/categories/categories-img8.jpg new file mode 100644 index 00000000..68e24d5d Binary files /dev/null and b/static/assets/img/categories/categories-img8.jpg differ diff --git a/static/assets/img/categories/categories-img9.jpg b/static/assets/img/categories/categories-img9.jpg new file mode 100644 index 00000000..16c4460c Binary files /dev/null and b/static/assets/img/categories/categories-img9.jpg differ diff --git a/static/assets/img/coming-soon.jpg b/static/assets/img/coming-soon.jpg new file mode 100644 index 00000000..96929628 Binary files /dev/null and b/static/assets/img/coming-soon.jpg differ diff --git a/static/assets/img/consulting-banner-bg.jpg b/static/assets/img/consulting-banner-bg.jpg new file mode 100644 index 00000000..d58d1adf Binary files /dev/null and b/static/assets/img/consulting-banner-bg.jpg differ diff --git a/static/assets/img/cta-bg1.jpg b/static/assets/img/cta-bg1.jpg new file mode 100644 index 00000000..d58d1adf Binary files /dev/null and b/static/assets/img/cta-bg1.jpg differ diff --git a/static/assets/img/custom-ads.jpg b/static/assets/img/custom-ads.jpg new file mode 100644 index 00000000..fc2d96b3 Binary files /dev/null and b/static/assets/img/custom-ads.jpg differ diff --git a/static/assets/img/error.png b/static/assets/img/error.png new file mode 100644 index 00000000..fa6434db Binary files /dev/null and b/static/assets/img/error.png differ diff --git a/static/assets/img/facility-img.png b/static/assets/img/facility-img.png new file mode 100644 index 00000000..86a022ca Binary files /dev/null and b/static/assets/img/facility-img.png differ diff --git a/static/assets/img/favicon.png b/static/assets/img/favicon.png new file mode 100644 index 00000000..ef6e8717 Binary files /dev/null and b/static/assets/img/favicon.png differ diff --git a/static/assets/img/featured-video/featured-video1.jpg b/static/assets/img/featured-video/featured-video1.jpg new file mode 100644 index 00000000..1b90434d Binary files /dev/null and b/static/assets/img/featured-video/featured-video1.jpg differ diff --git a/static/assets/img/featured-video/featured-video2.jpg b/static/assets/img/featured-video/featured-video2.jpg new file mode 100644 index 00000000..1b90434d Binary files /dev/null and b/static/assets/img/featured-video/featured-video2.jpg differ diff --git a/static/assets/img/featured-video/featured-video3.jpg b/static/assets/img/featured-video/featured-video3.jpg new file mode 100644 index 00000000..1b90434d Binary files /dev/null and b/static/assets/img/featured-video/featured-video3.jpg differ diff --git a/static/assets/img/featured-video/featured-video4.jpg b/static/assets/img/featured-video/featured-video4.jpg new file mode 100644 index 00000000..1b90434d Binary files /dev/null and b/static/assets/img/featured-video/featured-video4.jpg differ diff --git a/static/assets/img/featured-video/featured-video5.jpg b/static/assets/img/featured-video/featured-video5.jpg new file mode 100644 index 00000000..1b90434d Binary files /dev/null and b/static/assets/img/featured-video/featured-video5.jpg differ diff --git a/static/assets/img/furniture-banner-bg1.jpg b/static/assets/img/furniture-banner-bg1.jpg new file mode 100644 index 00000000..d58d1adf Binary files /dev/null and b/static/assets/img/furniture-banner-bg1.jpg differ diff --git a/static/assets/img/furniture-banner-bg2.jpg b/static/assets/img/furniture-banner-bg2.jpg new file mode 100644 index 00000000..d58d1adf Binary files /dev/null and b/static/assets/img/furniture-banner-bg2.jpg differ diff --git a/static/assets/img/furniture-banner-bg3.jpg b/static/assets/img/furniture-banner-bg3.jpg new file mode 100644 index 00000000..d58d1adf Binary files /dev/null and b/static/assets/img/furniture-banner-bg3.jpg differ diff --git a/static/assets/img/gallery/gallery-img1.jpg b/static/assets/img/gallery/gallery-img1.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/gallery/gallery-img1.jpg differ diff --git a/static/assets/img/gallery/gallery-img2.jpg b/static/assets/img/gallery/gallery-img2.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/gallery/gallery-img2.jpg differ diff --git a/static/assets/img/gallery/gallery-img3.jpg b/static/assets/img/gallery/gallery-img3.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/gallery/gallery-img3.jpg differ diff --git a/static/assets/img/gallery/gallery-img4.jpg b/static/assets/img/gallery/gallery-img4.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/gallery/gallery-img4.jpg differ diff --git a/static/assets/img/gallery/gallery-img5.jpg b/static/assets/img/gallery/gallery-img5.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/gallery/gallery-img5.jpg differ diff --git a/static/assets/img/gallery/gallery-img6.jpg b/static/assets/img/gallery/gallery-img6.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/gallery/gallery-img6.jpg differ diff --git a/static/assets/img/gallery/gallery-img7.jpg b/static/assets/img/gallery/gallery-img7.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/gallery/gallery-img7.jpg differ diff --git a/static/assets/img/gallery/gallery-img8.jpg b/static/assets/img/gallery/gallery-img8.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/gallery/gallery-img8.jpg differ diff --git a/static/assets/img/gallery/gallery-img9.jpg b/static/assets/img/gallery/gallery-img9.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/gallery/gallery-img9.jpg differ diff --git a/static/assets/img/how-it-works.png b/static/assets/img/how-it-works.png new file mode 100644 index 00000000..7a82eafe Binary files /dev/null and b/static/assets/img/how-it-works.png differ diff --git a/static/assets/img/instagram/instagram-img1.jpg b/static/assets/img/instagram/instagram-img1.jpg new file mode 100644 index 00000000..c0222f75 Binary files /dev/null and b/static/assets/img/instagram/instagram-img1.jpg differ diff --git a/static/assets/img/instagram/instagram-img10.jpg b/static/assets/img/instagram/instagram-img10.jpg new file mode 100644 index 00000000..c0222f75 Binary files /dev/null and b/static/assets/img/instagram/instagram-img10.jpg differ diff --git a/static/assets/img/instagram/instagram-img11.jpg b/static/assets/img/instagram/instagram-img11.jpg new file mode 100644 index 00000000..c0222f75 Binary files /dev/null and b/static/assets/img/instagram/instagram-img11.jpg differ diff --git a/static/assets/img/instagram/instagram-img12.jpg b/static/assets/img/instagram/instagram-img12.jpg new file mode 100644 index 00000000..c0222f75 Binary files /dev/null and b/static/assets/img/instagram/instagram-img12.jpg differ diff --git a/static/assets/img/instagram/instagram-img13.jpg b/static/assets/img/instagram/instagram-img13.jpg new file mode 100644 index 00000000..c0222f75 Binary files /dev/null and b/static/assets/img/instagram/instagram-img13.jpg differ diff --git a/static/assets/img/instagram/instagram-img14.jpg b/static/assets/img/instagram/instagram-img14.jpg new file mode 100644 index 00000000..c0222f75 Binary files /dev/null and b/static/assets/img/instagram/instagram-img14.jpg differ diff --git a/static/assets/img/instagram/instagram-img15.jpg b/static/assets/img/instagram/instagram-img15.jpg new file mode 100644 index 00000000..c0222f75 Binary files /dev/null and b/static/assets/img/instagram/instagram-img15.jpg differ diff --git a/static/assets/img/instagram/instagram-img16.jpg b/static/assets/img/instagram/instagram-img16.jpg new file mode 100644 index 00000000..c0222f75 Binary files /dev/null and b/static/assets/img/instagram/instagram-img16.jpg differ diff --git a/static/assets/img/instagram/instagram-img2.jpg b/static/assets/img/instagram/instagram-img2.jpg new file mode 100644 index 00000000..c0222f75 Binary files /dev/null and b/static/assets/img/instagram/instagram-img2.jpg differ diff --git a/static/assets/img/instagram/instagram-img3.jpg b/static/assets/img/instagram/instagram-img3.jpg new file mode 100644 index 00000000..c0222f75 Binary files /dev/null and b/static/assets/img/instagram/instagram-img3.jpg differ diff --git a/static/assets/img/instagram/instagram-img4.jpg b/static/assets/img/instagram/instagram-img4.jpg new file mode 100644 index 00000000..c0222f75 Binary files /dev/null and b/static/assets/img/instagram/instagram-img4.jpg differ diff --git a/static/assets/img/instagram/instagram-img5.jpg b/static/assets/img/instagram/instagram-img5.jpg new file mode 100644 index 00000000..c0222f75 Binary files /dev/null and b/static/assets/img/instagram/instagram-img5.jpg differ diff --git a/static/assets/img/instagram/instagram-img6.jpg b/static/assets/img/instagram/instagram-img6.jpg new file mode 100644 index 00000000..c0222f75 Binary files /dev/null and b/static/assets/img/instagram/instagram-img6.jpg differ diff --git a/static/assets/img/instagram/instagram-img7.jpg b/static/assets/img/instagram/instagram-img7.jpg new file mode 100644 index 00000000..c0222f75 Binary files /dev/null and b/static/assets/img/instagram/instagram-img7.jpg differ diff --git a/static/assets/img/instagram/instagram-img8.jpg b/static/assets/img/instagram/instagram-img8.jpg new file mode 100644 index 00000000..c0222f75 Binary files /dev/null and b/static/assets/img/instagram/instagram-img8.jpg differ diff --git a/static/assets/img/instagram/instagram-img9.jpg b/static/assets/img/instagram/instagram-img9.jpg new file mode 100644 index 00000000..c0222f75 Binary files /dev/null and b/static/assets/img/instagram/instagram-img9.jpg differ diff --git a/static/assets/img/it-agency-banner-bg.jpg b/static/assets/img/it-agency-banner-bg.jpg new file mode 100644 index 00000000..d58d1adf Binary files /dev/null and b/static/assets/img/it-agency-banner-bg.jpg differ diff --git a/static/assets/img/latest-posts/latest-posts1.jpg b/static/assets/img/latest-posts/latest-posts1.jpg new file mode 100644 index 00000000..af85b9c6 Binary files /dev/null and b/static/assets/img/latest-posts/latest-posts1.jpg differ diff --git a/static/assets/img/latest-posts/latest-posts2.jpg b/static/assets/img/latest-posts/latest-posts2.jpg new file mode 100644 index 00000000..af85b9c6 Binary files /dev/null and b/static/assets/img/latest-posts/latest-posts2.jpg differ diff --git a/static/assets/img/latest-posts/latest-posts3.jpg b/static/assets/img/latest-posts/latest-posts3.jpg new file mode 100644 index 00000000..f659cb30 Binary files /dev/null and b/static/assets/img/latest-posts/latest-posts3.jpg differ diff --git a/static/assets/img/latest-posts/latest-posts4.jpg b/static/assets/img/latest-posts/latest-posts4.jpg new file mode 100644 index 00000000..f659cb30 Binary files /dev/null and b/static/assets/img/latest-posts/latest-posts4.jpg differ diff --git a/static/assets/img/latest-posts/latest-posts5.jpg b/static/assets/img/latest-posts/latest-posts5.jpg new file mode 100644 index 00000000..b973f213 Binary files /dev/null and b/static/assets/img/latest-posts/latest-posts5.jpg differ diff --git a/static/assets/img/logo-app.png b/static/assets/img/logo-app.png new file mode 100644 index 00000000..fd83cb5a Binary files /dev/null and b/static/assets/img/logo-app.png differ diff --git a/static/assets/img/logo-blog.png b/static/assets/img/logo-blog.png new file mode 100644 index 00000000..c3204655 Binary files /dev/null and b/static/assets/img/logo-blog.png differ diff --git a/static/assets/img/logo-business.png b/static/assets/img/logo-business.png new file mode 100644 index 00000000..0de563f2 Binary files /dev/null and b/static/assets/img/logo-business.png differ diff --git a/static/assets/img/logo-consulting.png b/static/assets/img/logo-consulting.png new file mode 100644 index 00000000..cdce55ba Binary files /dev/null and b/static/assets/img/logo-consulting.png differ diff --git a/static/assets/img/logo-it-agency.png b/static/assets/img/logo-it-agency.png new file mode 100644 index 00000000..85f0d487 Binary files /dev/null and b/static/assets/img/logo-it-agency.png differ diff --git a/static/assets/img/logo-marketing.png b/static/assets/img/logo-marketing.png new file mode 100644 index 00000000..dd14b937 Binary files /dev/null and b/static/assets/img/logo-marketing.png differ diff --git a/static/assets/img/logo-personal-portfolio.png b/static/assets/img/logo-personal-portfolio.png new file mode 100644 index 00000000..03aa6e25 Binary files /dev/null and b/static/assets/img/logo-personal-portfolio.png differ diff --git a/static/assets/img/logo-shop.png b/static/assets/img/logo-shop.png new file mode 100644 index 00000000..dc860322 Binary files /dev/null and b/static/assets/img/logo-shop.png differ diff --git a/static/assets/img/logo-startup.png b/static/assets/img/logo-startup.png new file mode 100644 index 00000000..658bde79 Binary files /dev/null and b/static/assets/img/logo-startup.png differ diff --git a/static/assets/img/logo-white-app.png b/static/assets/img/logo-white-app.png new file mode 100644 index 00000000..2a8b50da Binary files /dev/null and b/static/assets/img/logo-white-app.png differ diff --git a/static/assets/img/logo-white-blog.png b/static/assets/img/logo-white-blog.png new file mode 100644 index 00000000..1c397ab3 Binary files /dev/null and b/static/assets/img/logo-white-blog.png differ diff --git a/static/assets/img/logo-white-business.png b/static/assets/img/logo-white-business.png new file mode 100644 index 00000000..112a7ce6 Binary files /dev/null and b/static/assets/img/logo-white-business.png differ diff --git a/static/assets/img/logo-white-saas.png b/static/assets/img/logo-white-saas.png new file mode 100644 index 00000000..84913d53 Binary files /dev/null and b/static/assets/img/logo-white-saas.png differ diff --git a/static/assets/img/logo-white-shop.png b/static/assets/img/logo-white-shop.png new file mode 100644 index 00000000..e1953f30 Binary files /dev/null and b/static/assets/img/logo-white-shop.png differ diff --git a/static/assets/img/logo-white-startup.png b/static/assets/img/logo-white-startup.png new file mode 100644 index 00000000..38a6f024 Binary files /dev/null and b/static/assets/img/logo-white-startup.png differ diff --git a/static/assets/img/marketing-banner.png b/static/assets/img/marketing-banner.png new file mode 100644 index 00000000..79094fc8 Binary files /dev/null and b/static/assets/img/marketing-banner.png differ diff --git a/static/assets/img/page-title/page-title-bg-image1.jpg b/static/assets/img/page-title/page-title-bg-image1.jpg new file mode 100644 index 00000000..20789820 Binary files /dev/null and b/static/assets/img/page-title/page-title-bg-image1.jpg differ diff --git a/static/assets/img/page-title/page-title-bg-image2.jpg b/static/assets/img/page-title/page-title-bg-image2.jpg new file mode 100644 index 00000000..20789820 Binary files /dev/null and b/static/assets/img/page-title/page-title-bg-image2.jpg differ diff --git a/static/assets/img/page-title/page-title-bg-image3.jpg b/static/assets/img/page-title/page-title-bg-image3.jpg new file mode 100644 index 00000000..20789820 Binary files /dev/null and b/static/assets/img/page-title/page-title-bg-image3.jpg differ diff --git a/static/assets/img/page-title/page-title-bg-image4.jpg b/static/assets/img/page-title/page-title-bg-image4.jpg new file mode 100644 index 00000000..20789820 Binary files /dev/null and b/static/assets/img/page-title/page-title-bg-image4.jpg differ diff --git a/static/assets/img/page-title/page-title-bg-image5.jpg b/static/assets/img/page-title/page-title-bg-image5.jpg new file mode 100644 index 00000000..20789820 Binary files /dev/null and b/static/assets/img/page-title/page-title-bg-image5.jpg differ diff --git a/static/assets/img/page-title/page-title-bg1.jpg b/static/assets/img/page-title/page-title-bg1.jpg new file mode 100644 index 00000000..9feabdd7 Binary files /dev/null and b/static/assets/img/page-title/page-title-bg1.jpg differ diff --git a/static/assets/img/page-title/page-title-bg2.jpg b/static/assets/img/page-title/page-title-bg2.jpg new file mode 100644 index 00000000..9feabdd7 Binary files /dev/null and b/static/assets/img/page-title/page-title-bg2.jpg differ diff --git a/static/assets/img/page-title/page-title-bg3.jpg b/static/assets/img/page-title/page-title-bg3.jpg new file mode 100644 index 00000000..9feabdd7 Binary files /dev/null and b/static/assets/img/page-title/page-title-bg3.jpg differ diff --git a/static/assets/img/page-title/page-title-bg4.jpg b/static/assets/img/page-title/page-title-bg4.jpg new file mode 100644 index 00000000..9feabdd7 Binary files /dev/null and b/static/assets/img/page-title/page-title-bg4.jpg differ diff --git a/static/assets/img/page-title/page-title-bg5.jpg b/static/assets/img/page-title/page-title-bg5.jpg new file mode 100644 index 00000000..9feabdd7 Binary files /dev/null and b/static/assets/img/page-title/page-title-bg5.jpg differ diff --git a/static/assets/img/partner/partner-white1.png b/static/assets/img/partner/partner-white1.png new file mode 100644 index 00000000..ef412300 Binary files /dev/null and b/static/assets/img/partner/partner-white1.png differ diff --git a/static/assets/img/partner/partner-white2.png b/static/assets/img/partner/partner-white2.png new file mode 100644 index 00000000..ef412300 Binary files /dev/null and b/static/assets/img/partner/partner-white2.png differ diff --git a/static/assets/img/partner/partner-white3.png b/static/assets/img/partner/partner-white3.png new file mode 100644 index 00000000..ef412300 Binary files /dev/null and b/static/assets/img/partner/partner-white3.png differ diff --git a/static/assets/img/partner/partner-white4.png b/static/assets/img/partner/partner-white4.png new file mode 100644 index 00000000..ef412300 Binary files /dev/null and b/static/assets/img/partner/partner-white4.png differ diff --git a/static/assets/img/partner/partner-white5.png b/static/assets/img/partner/partner-white5.png new file mode 100644 index 00000000..ef412300 Binary files /dev/null and b/static/assets/img/partner/partner-white5.png differ diff --git a/static/assets/img/partner/partner-white6.png b/static/assets/img/partner/partner-white6.png new file mode 100644 index 00000000..ef412300 Binary files /dev/null and b/static/assets/img/partner/partner-white6.png differ diff --git a/static/assets/img/partner/partner1.png b/static/assets/img/partner/partner1.png new file mode 100644 index 00000000..ef412300 Binary files /dev/null and b/static/assets/img/partner/partner1.png differ diff --git a/static/assets/img/partner/partner2.png b/static/assets/img/partner/partner2.png new file mode 100644 index 00000000..ef412300 Binary files /dev/null and b/static/assets/img/partner/partner2.png differ diff --git a/static/assets/img/partner/partner3.png b/static/assets/img/partner/partner3.png new file mode 100644 index 00000000..ef412300 Binary files /dev/null and b/static/assets/img/partner/partner3.png differ diff --git a/static/assets/img/partner/partner4.png b/static/assets/img/partner/partner4.png new file mode 100644 index 00000000..ef412300 Binary files /dev/null and b/static/assets/img/partner/partner4.png differ diff --git a/static/assets/img/partner/partner5.png b/static/assets/img/partner/partner5.png new file mode 100644 index 00000000..ef412300 Binary files /dev/null and b/static/assets/img/partner/partner5.png differ diff --git a/static/assets/img/partner/partner6.png b/static/assets/img/partner/partner6.png new file mode 100644 index 00000000..ef412300 Binary files /dev/null and b/static/assets/img/partner/partner6.png differ diff --git a/static/assets/img/personal-portfolio-banner.jpg b/static/assets/img/personal-portfolio-banner.jpg new file mode 100644 index 00000000..eefc6edc Binary files /dev/null and b/static/assets/img/personal-portfolio-banner.jpg differ diff --git a/static/assets/img/play-store.png b/static/assets/img/play-store.png new file mode 100644 index 00000000..b90a0159 Binary files /dev/null and b/static/assets/img/play-store.png differ diff --git a/static/assets/img/portfolio/portfolio-img1.jpg b/static/assets/img/portfolio/portfolio-img1.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/portfolio/portfolio-img1.jpg differ diff --git a/static/assets/img/portfolio/portfolio-img10.jpg b/static/assets/img/portfolio/portfolio-img10.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/portfolio/portfolio-img10.jpg differ diff --git a/static/assets/img/portfolio/portfolio-img11.jpg b/static/assets/img/portfolio/portfolio-img11.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/portfolio/portfolio-img11.jpg differ diff --git a/static/assets/img/portfolio/portfolio-img12.jpg b/static/assets/img/portfolio/portfolio-img12.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/portfolio/portfolio-img12.jpg differ diff --git a/static/assets/img/portfolio/portfolio-img2.jpg b/static/assets/img/portfolio/portfolio-img2.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/portfolio/portfolio-img2.jpg differ diff --git a/static/assets/img/portfolio/portfolio-img3.jpg b/static/assets/img/portfolio/portfolio-img3.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/portfolio/portfolio-img3.jpg differ diff --git a/static/assets/img/portfolio/portfolio-img4.jpg b/static/assets/img/portfolio/portfolio-img4.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/portfolio/portfolio-img4.jpg differ diff --git a/static/assets/img/portfolio/portfolio-img5.jpg b/static/assets/img/portfolio/portfolio-img5.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/portfolio/portfolio-img5.jpg differ diff --git a/static/assets/img/portfolio/portfolio-img6.jpg b/static/assets/img/portfolio/portfolio-img6.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/portfolio/portfolio-img6.jpg differ diff --git a/static/assets/img/portfolio/portfolio-img7.jpg b/static/assets/img/portfolio/portfolio-img7.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/portfolio/portfolio-img7.jpg differ diff --git a/static/assets/img/portfolio/portfolio-img8.jpg b/static/assets/img/portfolio/portfolio-img8.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/portfolio/portfolio-img8.jpg differ diff --git a/static/assets/img/portfolio/portfolio-img9.jpg b/static/assets/img/portfolio/portfolio-img9.jpg new file mode 100644 index 00000000..79a594b0 Binary files /dev/null and b/static/assets/img/portfolio/portfolio-img9.jpg differ diff --git a/static/assets/img/process/process1.png b/static/assets/img/process/process1.png new file mode 100644 index 00000000..f32f2705 Binary files /dev/null and b/static/assets/img/process/process1.png differ diff --git a/static/assets/img/process/process2.png b/static/assets/img/process/process2.png new file mode 100644 index 00000000..f32f2705 Binary files /dev/null and b/static/assets/img/process/process2.png differ diff --git a/static/assets/img/process/process3.png b/static/assets/img/process/process3.png new file mode 100644 index 00000000..f32f2705 Binary files /dev/null and b/static/assets/img/process/process3.png differ diff --git a/static/assets/img/products/products-img1.jpg b/static/assets/img/products/products-img1.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img1.jpg differ diff --git a/static/assets/img/products/products-img10.jpg b/static/assets/img/products/products-img10.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img10.jpg differ diff --git a/static/assets/img/products/products-img11.jpg b/static/assets/img/products/products-img11.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img11.jpg differ diff --git a/static/assets/img/products/products-img12.jpg b/static/assets/img/products/products-img12.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img12.jpg differ diff --git a/static/assets/img/products/products-img13.jpg b/static/assets/img/products/products-img13.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img13.jpg differ diff --git a/static/assets/img/products/products-img14.jpg b/static/assets/img/products/products-img14.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img14.jpg differ diff --git a/static/assets/img/products/products-img15.jpg b/static/assets/img/products/products-img15.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img15.jpg differ diff --git a/static/assets/img/products/products-img16.jpg b/static/assets/img/products/products-img16.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img16.jpg differ diff --git a/static/assets/img/products/products-img17.jpg b/static/assets/img/products/products-img17.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img17.jpg differ diff --git a/static/assets/img/products/products-img18.jpg b/static/assets/img/products/products-img18.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img18.jpg differ diff --git a/static/assets/img/products/products-img19.jpg b/static/assets/img/products/products-img19.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img19.jpg differ diff --git a/static/assets/img/products/products-img2.jpg b/static/assets/img/products/products-img2.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img2.jpg differ diff --git a/static/assets/img/products/products-img20.jpg b/static/assets/img/products/products-img20.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img20.jpg differ diff --git a/static/assets/img/products/products-img3.jpg b/static/assets/img/products/products-img3.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img3.jpg differ diff --git a/static/assets/img/products/products-img4.jpg b/static/assets/img/products/products-img4.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img4.jpg differ diff --git a/static/assets/img/products/products-img5.jpg b/static/assets/img/products/products-img5.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img5.jpg differ diff --git a/static/assets/img/products/products-img6.jpg b/static/assets/img/products/products-img6.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img6.jpg differ diff --git a/static/assets/img/products/products-img7.jpg b/static/assets/img/products/products-img7.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img7.jpg differ diff --git a/static/assets/img/products/products-img8.jpg b/static/assets/img/products/products-img8.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img8.jpg differ diff --git a/static/assets/img/products/products-img9.jpg b/static/assets/img/products/products-img9.jpg new file mode 100644 index 00000000..f809d752 Binary files /dev/null and b/static/assets/img/products/products-img9.jpg differ diff --git a/static/assets/img/saas-banner.png b/static/assets/img/saas-banner.png new file mode 100644 index 00000000..eecdf002 Binary files /dev/null and b/static/assets/img/saas-banner.png differ diff --git a/static/assets/img/screenshot/frame.png b/static/assets/img/screenshot/frame.png new file mode 100644 index 00000000..d06d3ec4 Binary files /dev/null and b/static/assets/img/screenshot/frame.png differ diff --git a/static/assets/img/screenshot/screenshot1.png b/static/assets/img/screenshot/screenshot1.png new file mode 100644 index 00000000..0663e70e Binary files /dev/null and b/static/assets/img/screenshot/screenshot1.png differ diff --git a/static/assets/img/screenshot/screenshot2.png b/static/assets/img/screenshot/screenshot2.png new file mode 100644 index 00000000..a943387b Binary files /dev/null and b/static/assets/img/screenshot/screenshot2.png differ diff --git a/static/assets/img/screenshot/screenshot3.png b/static/assets/img/screenshot/screenshot3.png new file mode 100644 index 00000000..08818eac Binary files /dev/null and b/static/assets/img/screenshot/screenshot3.png differ diff --git a/static/assets/img/screenshot/screenshot4.png b/static/assets/img/screenshot/screenshot4.png new file mode 100644 index 00000000..770faf2f Binary files /dev/null and b/static/assets/img/screenshot/screenshot4.png differ diff --git a/static/assets/img/screenshot/screenshot5.png b/static/assets/img/screenshot/screenshot5.png new file mode 100644 index 00000000..584e6b22 Binary files /dev/null and b/static/assets/img/screenshot/screenshot5.png differ diff --git a/static/assets/img/services/services-img1.jpg b/static/assets/img/services/services-img1.jpg new file mode 100644 index 00000000..3ffcac63 Binary files /dev/null and b/static/assets/img/services/services-img1.jpg differ diff --git a/static/assets/img/services/services-img10.png b/static/assets/img/services/services-img10.png new file mode 100644 index 00000000..1c134114 Binary files /dev/null and b/static/assets/img/services/services-img10.png differ diff --git a/static/assets/img/services/services-img11.png b/static/assets/img/services/services-img11.png new file mode 100644 index 00000000..1c134114 Binary files /dev/null and b/static/assets/img/services/services-img11.png differ diff --git a/static/assets/img/services/services-img12.png b/static/assets/img/services/services-img12.png new file mode 100644 index 00000000..1c134114 Binary files /dev/null and b/static/assets/img/services/services-img12.png differ diff --git a/static/assets/img/services/services-img13.jpg b/static/assets/img/services/services-img13.jpg new file mode 100644 index 00000000..81476faf Binary files /dev/null and b/static/assets/img/services/services-img13.jpg differ diff --git a/static/assets/img/services/services-img14.jpg b/static/assets/img/services/services-img14.jpg new file mode 100644 index 00000000..81476faf Binary files /dev/null and b/static/assets/img/services/services-img14.jpg differ diff --git a/static/assets/img/services/services-img15.jpg b/static/assets/img/services/services-img15.jpg new file mode 100644 index 00000000..81476faf Binary files /dev/null and b/static/assets/img/services/services-img15.jpg differ diff --git a/static/assets/img/services/services-img16.jpg b/static/assets/img/services/services-img16.jpg new file mode 100644 index 00000000..81476faf Binary files /dev/null and b/static/assets/img/services/services-img16.jpg differ diff --git a/static/assets/img/services/services-img17.jpg b/static/assets/img/services/services-img17.jpg new file mode 100644 index 00000000..81476faf Binary files /dev/null and b/static/assets/img/services/services-img17.jpg differ diff --git a/static/assets/img/services/services-img18.jpg b/static/assets/img/services/services-img18.jpg new file mode 100644 index 00000000..81476faf Binary files /dev/null and b/static/assets/img/services/services-img18.jpg differ diff --git a/static/assets/img/services/services-img2.jpg b/static/assets/img/services/services-img2.jpg new file mode 100644 index 00000000..3ffcac63 Binary files /dev/null and b/static/assets/img/services/services-img2.jpg differ diff --git a/static/assets/img/services/services-img3.jpg b/static/assets/img/services/services-img3.jpg new file mode 100644 index 00000000..3ffcac63 Binary files /dev/null and b/static/assets/img/services/services-img3.jpg differ diff --git a/static/assets/img/services/services-img4.jpg b/static/assets/img/services/services-img4.jpg new file mode 100644 index 00000000..3ffcac63 Binary files /dev/null and b/static/assets/img/services/services-img4.jpg differ diff --git a/static/assets/img/services/services-img5.jpg b/static/assets/img/services/services-img5.jpg new file mode 100644 index 00000000..3ffcac63 Binary files /dev/null and b/static/assets/img/services/services-img5.jpg differ diff --git a/static/assets/img/services/services-img6.jpg b/static/assets/img/services/services-img6.jpg new file mode 100644 index 00000000..3ffcac63 Binary files /dev/null and b/static/assets/img/services/services-img6.jpg differ diff --git a/static/assets/img/services/services-img7.png b/static/assets/img/services/services-img7.png new file mode 100644 index 00000000..1c134114 Binary files /dev/null and b/static/assets/img/services/services-img7.png differ diff --git a/static/assets/img/services/services-img8.png b/static/assets/img/services/services-img8.png new file mode 100644 index 00000000..1c134114 Binary files /dev/null and b/static/assets/img/services/services-img8.png differ diff --git a/static/assets/img/services/services-img9.png b/static/assets/img/services/services-img9.png new file mode 100644 index 00000000..1c134114 Binary files /dev/null and b/static/assets/img/services/services-img9.png differ diff --git a/static/assets/img/shape/border.png b/static/assets/img/shape/border.png new file mode 100644 index 00000000..d1c0182c Binary files /dev/null and b/static/assets/img/shape/border.png differ diff --git a/static/assets/img/shape/border2.png b/static/assets/img/shape/border2.png new file mode 100644 index 00000000..72b30be2 Binary files /dev/null and b/static/assets/img/shape/border2.png differ diff --git a/static/assets/img/shape/shape1.png b/static/assets/img/shape/shape1.png new file mode 100644 index 00000000..aad99571 Binary files /dev/null and b/static/assets/img/shape/shape1.png differ diff --git a/static/assets/img/shape/shape10.png b/static/assets/img/shape/shape10.png new file mode 100644 index 00000000..d1857ce4 Binary files /dev/null and b/static/assets/img/shape/shape10.png differ diff --git a/static/assets/img/shape/shape11.png b/static/assets/img/shape/shape11.png new file mode 100644 index 00000000..c62a1d30 Binary files /dev/null and b/static/assets/img/shape/shape11.png differ diff --git a/static/assets/img/shape/shape12.png b/static/assets/img/shape/shape12.png new file mode 100644 index 00000000..d79850a0 Binary files /dev/null and b/static/assets/img/shape/shape12.png differ diff --git a/static/assets/img/shape/shape13.png b/static/assets/img/shape/shape13.png new file mode 100644 index 00000000..e976c22c Binary files /dev/null and b/static/assets/img/shape/shape13.png differ diff --git a/static/assets/img/shape/shape14.png b/static/assets/img/shape/shape14.png new file mode 100644 index 00000000..3f65f073 Binary files /dev/null and b/static/assets/img/shape/shape14.png differ diff --git a/static/assets/img/shape/shape15.png b/static/assets/img/shape/shape15.png new file mode 100644 index 00000000..022cdcbf Binary files /dev/null and b/static/assets/img/shape/shape15.png differ diff --git a/static/assets/img/shape/shape16.png b/static/assets/img/shape/shape16.png new file mode 100644 index 00000000..5d1d44d2 Binary files /dev/null and b/static/assets/img/shape/shape16.png differ diff --git a/static/assets/img/shape/shape17.png b/static/assets/img/shape/shape17.png new file mode 100644 index 00000000..fa29cdb7 Binary files /dev/null and b/static/assets/img/shape/shape17.png differ diff --git a/static/assets/img/shape/shape18.png b/static/assets/img/shape/shape18.png new file mode 100644 index 00000000..416f1289 Binary files /dev/null and b/static/assets/img/shape/shape18.png differ diff --git a/static/assets/img/shape/shape19.png b/static/assets/img/shape/shape19.png new file mode 100644 index 00000000..6ef1c4ce Binary files /dev/null and b/static/assets/img/shape/shape19.png differ diff --git a/static/assets/img/shape/shape2.png b/static/assets/img/shape/shape2.png new file mode 100644 index 00000000..75dd2ba1 Binary files /dev/null and b/static/assets/img/shape/shape2.png differ diff --git a/static/assets/img/shape/shape3.png b/static/assets/img/shape/shape3.png new file mode 100644 index 00000000..54258619 Binary files /dev/null and b/static/assets/img/shape/shape3.png differ diff --git a/static/assets/img/shape/shape4.png b/static/assets/img/shape/shape4.png new file mode 100644 index 00000000..96c818ce Binary files /dev/null and b/static/assets/img/shape/shape4.png differ diff --git a/static/assets/img/shape/shape5.png b/static/assets/img/shape/shape5.png new file mode 100644 index 00000000..f4a16afd Binary files /dev/null and b/static/assets/img/shape/shape5.png differ diff --git a/static/assets/img/shape/shape6.png b/static/assets/img/shape/shape6.png new file mode 100644 index 00000000..020f2034 Binary files /dev/null and b/static/assets/img/shape/shape6.png differ diff --git a/static/assets/img/shape/shape7.png b/static/assets/img/shape/shape7.png new file mode 100644 index 00000000..e8372043 Binary files /dev/null and b/static/assets/img/shape/shape7.png differ diff --git a/static/assets/img/shape/shape8.png b/static/assets/img/shape/shape8.png new file mode 100644 index 00000000..7d63d5b4 Binary files /dev/null and b/static/assets/img/shape/shape8.png differ diff --git a/static/assets/img/shape/shape9.png b/static/assets/img/shape/shape9.png new file mode 100644 index 00000000..d1169fa7 Binary files /dev/null and b/static/assets/img/shape/shape9.png differ diff --git a/static/assets/img/shop-banner-bg.jpg b/static/assets/img/shop-banner-bg.jpg new file mode 100644 index 00000000..d58d1adf Binary files /dev/null and b/static/assets/img/shop-banner-bg.jpg differ diff --git a/static/assets/img/signature.png b/static/assets/img/signature.png new file mode 100644 index 00000000..36a9150a Binary files /dev/null and b/static/assets/img/signature.png differ diff --git a/static/assets/img/skills/skills-img1.png b/static/assets/img/skills/skills-img1.png new file mode 100644 index 00000000..ef412300 Binary files /dev/null and b/static/assets/img/skills/skills-img1.png differ diff --git a/static/assets/img/skills/skills-img2.png b/static/assets/img/skills/skills-img2.png new file mode 100644 index 00000000..ef412300 Binary files /dev/null and b/static/assets/img/skills/skills-img2.png differ diff --git a/static/assets/img/skills/skills-img3.png b/static/assets/img/skills/skills-img3.png new file mode 100644 index 00000000..ef412300 Binary files /dev/null and b/static/assets/img/skills/skills-img3.png differ diff --git a/static/assets/img/skills/skills-img4.png b/static/assets/img/skills/skills-img4.png new file mode 100644 index 00000000..ef412300 Binary files /dev/null and b/static/assets/img/skills/skills-img4.png differ diff --git a/static/assets/img/startup-banner.jpg b/static/assets/img/startup-banner.jpg new file mode 100644 index 00000000..a03c376d Binary files /dev/null and b/static/assets/img/startup-banner.jpg differ diff --git a/static/assets/img/team/team-img1.jpg b/static/assets/img/team/team-img1.jpg new file mode 100644 index 00000000..4f4fdf96 Binary files /dev/null and b/static/assets/img/team/team-img1.jpg differ diff --git a/static/assets/img/team/team-img2.jpg b/static/assets/img/team/team-img2.jpg new file mode 100644 index 00000000..4f4fdf96 Binary files /dev/null and b/static/assets/img/team/team-img2.jpg differ diff --git a/static/assets/img/team/team-img3.jpg b/static/assets/img/team/team-img3.jpg new file mode 100644 index 00000000..4f4fdf96 Binary files /dev/null and b/static/assets/img/team/team-img3.jpg differ diff --git a/static/assets/img/team/team-img4.jpg b/static/assets/img/team/team-img4.jpg new file mode 100644 index 00000000..4f4fdf96 Binary files /dev/null and b/static/assets/img/team/team-img4.jpg differ diff --git a/static/assets/img/team/team-img5.jpg b/static/assets/img/team/team-img5.jpg new file mode 100644 index 00000000..4f4fdf96 Binary files /dev/null and b/static/assets/img/team/team-img5.jpg differ diff --git a/static/assets/img/team/team-img6.jpg b/static/assets/img/team/team-img6.jpg new file mode 100644 index 00000000..4f4fdf96 Binary files /dev/null and b/static/assets/img/team/team-img6.jpg differ diff --git a/static/assets/img/team/team-img7.jpg b/static/assets/img/team/team-img7.jpg new file mode 100644 index 00000000..4f4fdf96 Binary files /dev/null and b/static/assets/img/team/team-img7.jpg differ diff --git a/static/assets/img/team/team-img8.jpg b/static/assets/img/team/team-img8.jpg new file mode 100644 index 00000000..4f4fdf96 Binary files /dev/null and b/static/assets/img/team/team-img8.jpg differ diff --git a/static/assets/img/team/team-img9.jpg b/static/assets/img/team/team-img9.jpg new file mode 100644 index 00000000..4f4fdf96 Binary files /dev/null and b/static/assets/img/team/team-img9.jpg differ diff --git a/static/assets/img/testimonials/testimonials-img1.jpg b/static/assets/img/testimonials/testimonials-img1.jpg new file mode 100644 index 00000000..6a4d2543 Binary files /dev/null and b/static/assets/img/testimonials/testimonials-img1.jpg differ diff --git a/static/assets/img/testimonials/testimonials-img2.jpg b/static/assets/img/testimonials/testimonials-img2.jpg new file mode 100644 index 00000000..6a4d2543 Binary files /dev/null and b/static/assets/img/testimonials/testimonials-img2.jpg differ diff --git a/static/assets/img/testimonials/testimonials-img3.jpg b/static/assets/img/testimonials/testimonials-img3.jpg new file mode 100644 index 00000000..7030ce3d Binary files /dev/null and b/static/assets/img/testimonials/testimonials-img3.jpg differ diff --git a/static/assets/img/testimonials/testimonials-img4.jpg b/static/assets/img/testimonials/testimonials-img4.jpg new file mode 100644 index 00000000..7030ce3d Binary files /dev/null and b/static/assets/img/testimonials/testimonials-img4.jpg differ diff --git a/static/assets/img/testimonials/testimonials-img5.jpg b/static/assets/img/testimonials/testimonials-img5.jpg new file mode 100644 index 00000000..7030ce3d Binary files /dev/null and b/static/assets/img/testimonials/testimonials-img5.jpg differ diff --git a/static/assets/img/testimonials/testimonials-img6.jpg b/static/assets/img/testimonials/testimonials-img6.jpg new file mode 100644 index 00000000..7030ce3d Binary files /dev/null and b/static/assets/img/testimonials/testimonials-img6.jpg differ diff --git a/static/assets/img/trending-img1.jpg b/static/assets/img/trending-img1.jpg new file mode 100644 index 00000000..446911c9 Binary files /dev/null and b/static/assets/img/trending-img1.jpg differ diff --git a/static/assets/img/trending-img2.jpg b/static/assets/img/trending-img2.jpg new file mode 100644 index 00000000..973dae15 Binary files /dev/null and b/static/assets/img/trending-img2.jpg differ diff --git a/static/assets/img/user/user1.jpg b/static/assets/img/user/user1.jpg new file mode 100644 index 00000000..5ef05485 Binary files /dev/null and b/static/assets/img/user/user1.jpg differ diff --git a/static/assets/img/user/user2.jpg b/static/assets/img/user/user2.jpg new file mode 100644 index 00000000..5ef05485 Binary files /dev/null and b/static/assets/img/user/user2.jpg differ diff --git a/static/assets/img/user/user3.jpg b/static/assets/img/user/user3.jpg new file mode 100644 index 00000000..5ef05485 Binary files /dev/null and b/static/assets/img/user/user3.jpg differ diff --git a/static/assets/img/user/user4.jpg b/static/assets/img/user/user4.jpg new file mode 100644 index 00000000..5ef05485 Binary files /dev/null and b/static/assets/img/user/user4.jpg differ diff --git a/static/assets/img/user/user5.jpg b/static/assets/img/user/user5.jpg new file mode 100644 index 00000000..5ef05485 Binary files /dev/null and b/static/assets/img/user/user5.jpg differ diff --git a/static/assets/img/video-img.jpg b/static/assets/img/video-img.jpg new file mode 100644 index 00000000..79aa3263 Binary files /dev/null and b/static/assets/img/video-img.jpg differ diff --git a/static/assets/img/video-img2.jpg b/static/assets/img/video-img2.jpg new file mode 100644 index 00000000..79aa3263 Binary files /dev/null and b/static/assets/img/video-img2.jpg differ diff --git a/static/assets/img/what-we-do.jpg b/static/assets/img/what-we-do.jpg new file mode 100644 index 00000000..1483976c Binary files /dev/null and b/static/assets/img/what-we-do.jpg differ diff --git a/static/assets/img/who-we-are.jpg b/static/assets/img/who-we-are.jpg new file mode 100644 index 00000000..0d2ea392 Binary files /dev/null and b/static/assets/img/who-we-are.jpg differ diff --git a/static/assets/img/works/works-img1.jpg b/static/assets/img/works/works-img1.jpg new file mode 100644 index 00000000..2a1c6876 Binary files /dev/null and b/static/assets/img/works/works-img1.jpg differ diff --git a/static/assets/img/works/works-img10.jpg b/static/assets/img/works/works-img10.jpg new file mode 100644 index 00000000..bf732fb1 Binary files /dev/null and b/static/assets/img/works/works-img10.jpg differ diff --git a/static/assets/img/works/works-img11.jpg b/static/assets/img/works/works-img11.jpg new file mode 100644 index 00000000..bf732fb1 Binary files /dev/null and b/static/assets/img/works/works-img11.jpg differ diff --git a/static/assets/img/works/works-img12.jpg b/static/assets/img/works/works-img12.jpg new file mode 100644 index 00000000..bf732fb1 Binary files /dev/null and b/static/assets/img/works/works-img12.jpg differ diff --git a/static/assets/img/works/works-img13.jpg b/static/assets/img/works/works-img13.jpg new file mode 100644 index 00000000..bf732fb1 Binary files /dev/null and b/static/assets/img/works/works-img13.jpg differ diff --git a/static/assets/img/works/works-img14.jpg b/static/assets/img/works/works-img14.jpg new file mode 100644 index 00000000..bf732fb1 Binary files /dev/null and b/static/assets/img/works/works-img14.jpg differ diff --git a/static/assets/img/works/works-img15.jpg b/static/assets/img/works/works-img15.jpg new file mode 100644 index 00000000..de2893d1 Binary files /dev/null and b/static/assets/img/works/works-img15.jpg differ diff --git a/static/assets/img/works/works-img16.jpg b/static/assets/img/works/works-img16.jpg new file mode 100644 index 00000000..a5c06fd4 Binary files /dev/null and b/static/assets/img/works/works-img16.jpg differ diff --git a/static/assets/img/works/works-img17.jpg b/static/assets/img/works/works-img17.jpg new file mode 100644 index 00000000..a5c06fd4 Binary files /dev/null and b/static/assets/img/works/works-img17.jpg differ diff --git a/static/assets/img/works/works-img18.jpg b/static/assets/img/works/works-img18.jpg new file mode 100644 index 00000000..de2893d1 Binary files /dev/null and b/static/assets/img/works/works-img18.jpg differ diff --git a/static/assets/img/works/works-img2.jpg b/static/assets/img/works/works-img2.jpg new file mode 100644 index 00000000..2a1c6876 Binary files /dev/null and b/static/assets/img/works/works-img2.jpg differ diff --git a/static/assets/img/works/works-img3.jpg b/static/assets/img/works/works-img3.jpg new file mode 100644 index 00000000..de2893d1 Binary files /dev/null and b/static/assets/img/works/works-img3.jpg differ diff --git a/static/assets/img/works/works-img4.jpg b/static/assets/img/works/works-img4.jpg new file mode 100644 index 00000000..a5c06fd4 Binary files /dev/null and b/static/assets/img/works/works-img4.jpg differ diff --git a/static/assets/img/works/works-img5.jpg b/static/assets/img/works/works-img5.jpg new file mode 100644 index 00000000..a5c06fd4 Binary files /dev/null and b/static/assets/img/works/works-img5.jpg differ diff --git a/static/assets/img/works/works-img6.jpg b/static/assets/img/works/works-img6.jpg new file mode 100644 index 00000000..de2893d1 Binary files /dev/null and b/static/assets/img/works/works-img6.jpg differ diff --git a/static/assets/img/works/works-img7.jpg b/static/assets/img/works/works-img7.jpg new file mode 100644 index 00000000..de2893d1 Binary files /dev/null and b/static/assets/img/works/works-img7.jpg differ diff --git a/static/assets/img/works/works-img8.jpg b/static/assets/img/works/works-img8.jpg new file mode 100644 index 00000000..a5c06fd4 Binary files /dev/null and b/static/assets/img/works/works-img8.jpg differ diff --git a/static/assets/img/works/works-img9.jpg b/static/assets/img/works/works-img9.jpg new file mode 100644 index 00000000..bf732fb1 Binary files /dev/null and b/static/assets/img/works/works-img9.jpg differ diff --git a/static/assets/js/ajaxchimp.min.js b/static/assets/js/ajaxchimp.min.js new file mode 100644 index 00000000..83b637d3 --- /dev/null +++ b/static/assets/js/ajaxchimp.min.js @@ -0,0 +1 @@ +(function($){"use strict";$.ajaxChimp={responses:{"We have sent you a confirmation email":0,"Please enter a value":1,"An email address must contain a single @":2,"The domain portion of the email address is invalid (the portion after the @: )":3,"The username portion of the email address is invalid (the portion before the @: )":4,"This email address looks fake or invalid. Please enter a real email address":5},translations:{en:null},init:function(selector,options){$(selector).ajaxChimp(options)}};$.fn.ajaxChimp=function(options){$(this).each(function(i,elem){var form=$(elem);var email=form.find("input[type=email]");var label=form.find("label[for="+email.attr("id")+"]");var settings=$.extend({url:form.attr("action"),language:"en"},options);var url=settings.url.replace("/post?","/post-json?").concat("&c=?");form.attr("novalidate","true");email.attr("name","EMAIL");form.submit(function(){var msg;function successCallback(resp){if(resp.result==="success"){msg="We have sent you a confirmation email";label.removeClass("error").addClass("valid");email.removeClass("error").addClass("valid")}else{email.removeClass("valid").addClass("error");label.removeClass("valid").addClass("error");var index=-1;try{var parts=resp.msg.split(" - ",2);if(parts[1]===undefined){msg=resp.msg}else{var i=parseInt(parts[0],10);if(i.toString()===parts[0]){index=parts[0];msg=parts[1]}else{index=-1;msg=resp.msg}}}catch(e){index=-1;msg=resp.msg}}if(settings.language!=="en"&&$.ajaxChimp.responses[msg]!==undefined&&$.ajaxChimp.translations&&$.ajaxChimp.translations[settings.language]&&$.ajaxChimp.translations[settings.language][$.ajaxChimp.responses[msg]]){msg=$.ajaxChimp.translations[settings.language][$.ajaxChimp.responses[msg]]}label.html(msg);label.show(2e3);if(settings.callback){settings.callback(resp)}}var data={};var dataArray=form.serializeArray();$.each(dataArray,function(index,item){data[item.name]=item.value});$.ajax({url:url,data:data,success:successCallback,dataType:"jsonp",error:function(resp,text){console.log("mailchimp ajax submit error: "+text)}});var submitMsg="Submitting...";if(settings.language!=="en"&&$.ajaxChimp.translations&&$.ajaxChimp.translations[settings.language]&&$.ajaxChimp.translations[settings.language]["submit"]){submitMsg=$.ajaxChimp.translations[settings.language]["submit"]}label.html(submitMsg).show(2e3);return false})});return this}})(jQuery); \ No newline at end of file diff --git a/static/assets/js/appear.min.js b/static/assets/js/appear.min.js new file mode 100644 index 00000000..6e0d23f7 --- /dev/null +++ b/static/assets/js/appear.min.js @@ -0,0 +1,14 @@ +/* + * jQuery.appear + * https://github.com/bas2k/jquery.appear/ + * http://code.google.com/p/jquery-appear/ + * http://bas2k.ru/ + * + * Copyright (c) 2009 Michael Hixson + * Copyright (c) 2012-2014 Alexander Brovikov + * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php) + */ +(function($){$.fn.appear=function(fn,options){var settings=$.extend({data:undefined,one:!0,accX:0,accY:0},options);return this.each(function(){var t=$(this);t.appeared=!1;if(!fn){t.trigger('appear',settings.data);return} +var w=$(window);var check=function(){if(!t.is(':visible')){t.appeared=!1;return} +var a=w.scrollLeft();var b=w.scrollTop();var o=t.offset();var x=o.left;var y=o.top;var ax=settings.accX;var ay=settings.accY;var th=t.height();var wh=w.height();var tw=t.width();var ww=w.width();if(y+th+ay>=b&&y<=b+wh+ay&&x+tw+ax>=a&&x<=a+ww+ax){if(!t.appeared)t.trigger('appear',settings.data)}else{t.appeared=!1}};var modifiedFn=function(){t.appeared=!0;if(settings.one){w.unbind('scroll',check);var i=$.inArray(check,$.fn.appear.checks);if(i>=0)$.fn.appear.checks.splice(i,1)} +fn.apply(this,arguments)};if(settings.one)t.one('appear',settings.data,modifiedFn);else t.bind('appear',settings.data,modifiedFn);w.scroll(check);$.fn.appear.checks.push(check);(check)()})};$.extend($.fn.appear,{checks:[],timeout:null,checkAll:function(){var length=$.fn.appear.checks.length;if(length>0)while(length--)($.fn.appear.checks[length])();},run:function(){if($.fn.appear.timeout)clearTimeout($.fn.appear.timeout);$.fn.appear.timeout=setTimeout($.fn.appear.checkAll,20)}});$.each(['append','prepend','after','before','attr','removeAttr','addClass','removeClass','toggleClass','remove','css','show','hide'],function(i,n){var old=$.fn[n];if(old){$.fn[n]=function(){var r=old.apply(this,arguments);$.fn.appear.run();return r}}})})(jQuery); \ No newline at end of file diff --git a/static/assets/js/bootstrap.bundle.min.js b/static/assets/js/bootstrap.bundle.min.js new file mode 100644 index 00000000..2ce34efc --- /dev/null +++ b/static/assets/js/bootstrap.bundle.min.js @@ -0,0 +1,7 @@ +/*! + * Bootstrap v5.0.0-beta1 (https://getbootstrap.com/) + * Copyright 2011-2020 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():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).bootstrap=e()}(this,(function(){"use strict";function t(t,e){for(var n=0;n0,i._pointerEvent=Boolean(window.PointerEvent),i._addEventListeners(),i}i(o,t);var r=o.prototype;return r.next=function(){this._isSliding||this._slide("next")},r.nextWhenVisible=function(){!document.hidden&&g(this._element)&&this.next()},r.prev=function(){this._isSliding||this._slide("prev")},r.pause=function(t){t||(this._isPaused=!0),q.findOne(".carousel-item-next, .carousel-item-prev",this._element)&&(f(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null},r.cycle=function(t){t||(this._isPaused=!1),this._interval&&(clearInterval(this._interval),this._interval=null),this._config&&this._config.interval&&!this._isPaused&&(this._updateInterval(),this._interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this._config.interval))},r.to=function(t){var e=this;this._activeElement=q.findOne(".active.carousel-item",this._element);var n=this._getItemIndex(this._activeElement);if(!(t>this._items.length-1||t<0))if(this._isSliding)H.one(this._element,"slid.bs.carousel",(function(){return e.to(t)}));else{if(n===t)return this.pause(),void this.cycle();var i=t>n?"next":"prev";this._slide(i,this._items[t])}},r.dispose=function(){t.prototype.dispose.call(this),H.off(this._element,V),this._items=null,this._config=null,this._interval=null,this._isPaused=null,this._isSliding=null,this._activeElement=null,this._indicatorsElement=null},r._getConfig=function(t){return t=n({},X,t),p(z,t,$),t},r._handleSwipe=function(){var t=Math.abs(this.touchDeltaX);if(!(t<=40)){var e=t/this.touchDeltaX;this.touchDeltaX=0,e>0&&this.prev(),e<0&&this.next()}},r._addEventListeners=function(){var t=this;this._config.keyboard&&H.on(this._element,"keydown.bs.carousel",(function(e){return t._keydown(e)})),"hover"===this._config.pause&&(H.on(this._element,"mouseenter.bs.carousel",(function(e){return t.pause(e)})),H.on(this._element,"mouseleave.bs.carousel",(function(e){return t.cycle(e)}))),this._config.touch&&this._touchSupported&&this._addTouchEventListeners()},r._addTouchEventListeners=function(){var t=this,e=function(e){t._pointerEvent&&G[e.pointerType.toUpperCase()]?t.touchStartX=e.clientX:t._pointerEvent||(t.touchStartX=e.touches[0].clientX)},n=function(e){t._pointerEvent&&G[e.pointerType.toUpperCase()]&&(t.touchDeltaX=e.clientX-t.touchStartX),t._handleSwipe(),"hover"===t._config.pause&&(t.pause(),t.touchTimeout&&clearTimeout(t.touchTimeout),t.touchTimeout=setTimeout((function(e){return t.cycle(e)}),500+t._config.interval))};q.find(".carousel-item img",this._element).forEach((function(t){H.on(t,"dragstart.bs.carousel",(function(t){return t.preventDefault()}))})),this._pointerEvent?(H.on(this._element,"pointerdown.bs.carousel",(function(t){return e(t)})),H.on(this._element,"pointerup.bs.carousel",(function(t){return n(t)})),this._element.classList.add("pointer-event")):(H.on(this._element,"touchstart.bs.carousel",(function(t){return e(t)})),H.on(this._element,"touchmove.bs.carousel",(function(e){return function(e){e.touches&&e.touches.length>1?t.touchDeltaX=0:t.touchDeltaX=e.touches[0].clientX-t.touchStartX}(e)})),H.on(this._element,"touchend.bs.carousel",(function(t){return n(t)})))},r._keydown=function(t){if(!/input|textarea/i.test(t.target.tagName))switch(t.key){case"ArrowLeft":t.preventDefault(),this.prev();break;case"ArrowRight":t.preventDefault(),this.next()}},r._getItemIndex=function(t){return this._items=t&&t.parentNode?q.find(".carousel-item",t.parentNode):[],this._items.indexOf(t)},r._getItemByDirection=function(t,e){var n="next"===t,i="prev"===t,o=this._getItemIndex(e),r=this._items.length-1;if((i&&0===o||n&&o===r)&&!this._config.wrap)return e;var s=(o+("prev"===t?-1:1))%this._items.length;return-1===s?this._items[this._items.length-1]:this._items[s]},r._triggerSlideEvent=function(t,e){var n=this._getItemIndex(t),i=this._getItemIndex(q.findOne(".active.carousel-item",this._element));return H.trigger(this._element,"slide.bs.carousel",{relatedTarget:t,direction:e,from:i,to:n})},r._setActiveIndicatorElement=function(t){if(this._indicatorsElement){for(var e=q.find(".active",this._indicatorsElement),n=0;n0)for(var i=0;i=0}function wt(t){return((ht(t)?t.ownerDocument:t.document)||window.document).documentElement}function Et(t){return"html"===ft(t)?t:t.assignedSlot||t.parentNode||t.host||wt(t)}function Tt(t){if(!pt(t)||"fixed"===bt(t).position)return null;var e=t.offsetParent;if(e){var n=wt(e);if("body"===ft(e)&&"static"===bt(e).position&&"static"!==bt(n).position)return n}return e}function kt(t){for(var e=dt(t),n=Tt(t);n&&yt(n)&&"static"===bt(n).position;)n=Tt(n);return n&&"body"===ft(n)&&"static"===bt(n).position?e:n||function(t){for(var e=Et(t);pt(e)&&["html","body"].indexOf(ft(e))<0;){var n=bt(e);if("none"!==n.transform||"none"!==n.perspective||n.willChange&&"auto"!==n.willChange)return e;e=e.parentNode}return null}(t)||e}function Ot(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function Lt(t,e,n){return Math.max(t,Math.min(e,n))}function At(t){return Object.assign(Object.assign({},{top:0,right:0,bottom:0,left:0}),t)}function Ct(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}var Dt={name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,i=t.name,o=n.elements.arrow,r=n.modifiersData.popperOffsets,s=mt(n.placement),a=Ot(s),l=[st,rt].indexOf(s)>=0?"height":"width";if(o&&r){var c=n.modifiersData[i+"#persistent"].padding,u=vt(o),f="y"===a?it:st,d="y"===a?ot:rt,h=n.rects.reference[l]+n.rects.reference[a]-r[a]-n.rects.popper[l],p=r[a]-n.rects.reference[a],g=kt(o),m=g?"y"===a?g.clientHeight||0:g.clientWidth||0:0,v=h/2-p/2,_=c[f],b=m-u[l]-c[d],y=m/2-u[l]/2+v,w=Lt(_,y,b),E=a;n.modifiersData[i]=((e={})[E]=w,e.centerOffset=w-y,e)}},effect:function(t){var e=t.state,n=t.options,i=t.name,o=n.element,r=void 0===o?"[data-popper-arrow]":o,s=n.padding,a=void 0===s?0:s;null!=r&&("string"!=typeof r||(r=e.elements.popper.querySelector(r)))&&_t(e.elements.popper,r)&&(e.elements.arrow=r,e.modifiersData[i+"#persistent"]={padding:At("number"!=typeof a?a:Ct(a,at))})},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},xt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function St(t){var e,n=t.popper,i=t.popperRect,o=t.placement,r=t.offsets,s=t.position,a=t.gpuAcceleration,l=t.adaptive,c=function(t){var e=t.x,n=t.y,i=window.devicePixelRatio||1;return{x:Math.round(e*i)/i||0,y:Math.round(n*i)/i||0}}(r),u=c.x,f=c.y,d=r.hasOwnProperty("x"),h=r.hasOwnProperty("y"),p=st,g=it,m=window;if(l){var v=kt(n);v===dt(n)&&(v=wt(n)),o===it&&(g=ot,f-=v.clientHeight-i.height,f*=a?1:-1),o===st&&(p=rt,u-=v.clientWidth-i.width,u*=a?1:-1)}var _,b=Object.assign({position:s},l&&xt);return a?Object.assign(Object.assign({},b),{},((_={})[g]=h?"0":"",_[p]=d?"0":"",_.transform=(m.devicePixelRatio||1)<2?"translate("+u+"px, "+f+"px)":"translate3d("+u+"px, "+f+"px, 0)",_)):Object.assign(Object.assign({},b),{},((e={})[g]=h?f+"px":"",e[p]=d?u+"px":"",e.transform="",e))}var jt={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,i=n.gpuAcceleration,o=void 0===i||i,r=n.adaptive,s=void 0===r||r,a={placement:mt(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign(Object.assign({},e.styles.popper),St(Object.assign(Object.assign({},a),{},{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign(Object.assign({},e.styles.arrow),St(Object.assign(Object.assign({},a),{},{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1})))),e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{},{"data-popper-placement":e.placement})},data:{}},Nt={passive:!0};var It={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,i=t.options,o=i.scroll,r=void 0===o||o,s=i.resize,a=void 0===s||s,l=dt(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return r&&c.forEach((function(t){t.addEventListener("scroll",n.update,Nt)})),a&&l.addEventListener("resize",n.update,Nt),function(){r&&c.forEach((function(t){t.removeEventListener("scroll",n.update,Nt)})),a&&l.removeEventListener("resize",n.update,Nt)}},data:{}},Pt={left:"right",right:"left",bottom:"top",top:"bottom"};function Mt(t){return t.replace(/left|right|bottom|top/g,(function(t){return Pt[t]}))}var Bt={start:"end",end:"start"};function Ht(t){return t.replace(/start|end/g,(function(t){return Bt[t]}))}function Rt(t){var e=t.getBoundingClientRect();return{width:e.width,height:e.height,top:e.top,right:e.right,bottom:e.bottom,left:e.left,x:e.left,y:e.top}}function Wt(t){var e=dt(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Kt(t){return Rt(wt(t)).left+Wt(t).scrollLeft}function Qt(t){var e=bt(t),n=e.overflow,i=e.overflowX,o=e.overflowY;return/auto|scroll|overlay|hidden/.test(n+o+i)}function Ut(t,e){void 0===e&&(e=[]);var n=function t(e){return["html","body","#document"].indexOf(ft(e))>=0?e.ownerDocument.body:pt(e)&&Qt(e)?e:t(Et(e))}(t),i="body"===ft(n),o=dt(n),r=i?[o].concat(o.visualViewport||[],Qt(n)?n:[]):n,s=e.concat(r);return i?s:s.concat(Ut(Et(r)))}function Ft(t){return Object.assign(Object.assign({},t),{},{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Yt(t,e){return"viewport"===e?Ft(function(t){var e=dt(t),n=wt(t),i=e.visualViewport,o=n.clientWidth,r=n.clientHeight,s=0,a=0;return i&&(o=i.width,r=i.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=i.offsetLeft,a=i.offsetTop)),{width:o,height:r,x:s+Kt(t),y:a}}(t)):pt(e)?function(t){var e=Rt(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}(e):Ft(function(t){var e=wt(t),n=Wt(t),i=t.ownerDocument.body,o=Math.max(e.scrollWidth,e.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),r=Math.max(e.scrollHeight,e.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),s=-n.scrollLeft+Kt(t),a=-n.scrollTop;return"rtl"===bt(i||e).direction&&(s+=Math.max(e.clientWidth,i?i.clientWidth:0)-o),{width:o,height:r,x:s,y:a}}(wt(t)))}function qt(t,e,n){var i="clippingParents"===e?function(t){var e=Ut(Et(t)),n=["absolute","fixed"].indexOf(bt(t).position)>=0&&pt(t)?kt(t):t;return ht(n)?e.filter((function(t){return ht(t)&&_t(t,n)&&"body"!==ft(t)})):[]}(t):[].concat(e),o=[].concat(i,[n]),r=o[0],s=o.reduce((function(e,n){var i=Yt(t,n);return e.top=Math.max(i.top,e.top),e.right=Math.min(i.right,e.right),e.bottom=Math.min(i.bottom,e.bottom),e.left=Math.max(i.left,e.left),e}),Yt(t,r));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function zt(t){return t.split("-")[1]}function Vt(t){var e,n=t.reference,i=t.element,o=t.placement,r=o?mt(o):null,s=o?zt(o):null,a=n.x+n.width/2-i.width/2,l=n.y+n.height/2-i.height/2;switch(r){case it:e={x:a,y:n.y-i.height};break;case ot:e={x:a,y:n.y+n.height};break;case rt:e={x:n.x+n.width,y:l};break;case st:e={x:n.x-i.width,y:l};break;default:e={x:n.x,y:n.y}}var c=r?Ot(r):null;if(null!=c){var u="y"===c?"height":"width";switch(s){case"start":e[c]=Math.floor(e[c])-Math.floor(n[u]/2-i[u]/2);break;case"end":e[c]=Math.floor(e[c])+Math.ceil(n[u]/2-i[u]/2)}}return e}function Xt(t,e){void 0===e&&(e={});var n=e,i=n.placement,o=void 0===i?t.placement:i,r=n.boundary,s=void 0===r?"clippingParents":r,a=n.rootBoundary,l=void 0===a?"viewport":a,c=n.elementContext,u=void 0===c?"popper":c,f=n.altBoundary,d=void 0!==f&&f,h=n.padding,p=void 0===h?0:h,g=At("number"!=typeof p?p:Ct(p,at)),m="popper"===u?"reference":"popper",v=t.elements.reference,_=t.rects.popper,b=t.elements[d?m:u],y=qt(ht(b)?b:b.contextElement||wt(t.elements.popper),s,l),w=Rt(v),E=Vt({reference:w,element:_,strategy:"absolute",placement:o}),T=Ft(Object.assign(Object.assign({},_),E)),k="popper"===u?T:w,O={top:y.top-k.top+g.top,bottom:k.bottom-y.bottom+g.bottom,left:y.left-k.left+g.left,right:k.right-y.right+g.right},L=t.modifiersData.offset;if("popper"===u&&L){var A=L[o];Object.keys(O).forEach((function(t){var e=[rt,ot].indexOf(t)>=0?1:-1,n=[it,ot].indexOf(t)>=0?"y":"x";O[t]+=A[n]*e}))}return O}function $t(t,e){void 0===e&&(e={});var n=e,i=n.placement,o=n.boundary,r=n.rootBoundary,s=n.padding,a=n.flipVariations,l=n.allowedAutoPlacements,c=void 0===l?ct:l,u=zt(i),f=u?a?lt:lt.filter((function(t){return zt(t)===u})):at,d=f.filter((function(t){return c.indexOf(t)>=0}));0===d.length&&(d=f);var h=d.reduce((function(e,n){return e[n]=Xt(t,{placement:n,boundary:o,rootBoundary:r,padding:s})[mt(n)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}var Gt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name;if(!e.modifiersData[i]._skip){for(var o=n.mainAxis,r=void 0===o||o,s=n.altAxis,a=void 0===s||s,l=n.fallbackPlacements,c=n.padding,u=n.boundary,f=n.rootBoundary,d=n.altBoundary,h=n.flipVariations,p=void 0===h||h,g=n.allowedAutoPlacements,m=e.options.placement,v=mt(m),_=l||(v===m||!p?[Mt(m)]:function(t){if("auto"===mt(t))return[];var e=Mt(t);return[Ht(t),e,Ht(e)]}(m)),b=[m].concat(_).reduce((function(t,n){return t.concat("auto"===mt(n)?$t(e,{placement:n,boundary:u,rootBoundary:f,padding:c,flipVariations:p,allowedAutoPlacements:g}):n)}),[]),y=e.rects.reference,w=e.rects.popper,E=new Map,T=!0,k=b[0],O=0;O=0,x=D?"width":"height",S=Xt(e,{placement:L,boundary:u,rootBoundary:f,altBoundary:d,padding:c}),j=D?C?rt:st:C?ot:it;y[x]>w[x]&&(j=Mt(j));var N=Mt(j),I=[];if(r&&I.push(S[A]<=0),a&&I.push(S[j]<=0,S[N]<=0),I.every((function(t){return t}))){k=L,T=!1;break}E.set(L,I)}if(T)for(var P=function(t){var e=b.find((function(e){var n=E.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return k=e,"break"},M=p?3:1;M>0;M--){if("break"===P(M))break}e.placement!==k&&(e.modifiersData[i]._skip=!0,e.placement=k,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function Zt(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function Jt(t){return[it,rt,ot,st].some((function(e){return t[e]>=0}))}var te={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,i=e.rects.reference,o=e.rects.popper,r=e.modifiersData.preventOverflow,s=Xt(e,{elementContext:"reference"}),a=Xt(e,{altBoundary:!0}),l=Zt(s,i),c=Zt(a,o,r),u=Jt(l),f=Jt(c);e.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:f},e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{},{"data-popper-reference-hidden":u,"data-popper-escaped":f})}};var ee={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.options,i=t.name,o=n.offset,r=void 0===o?[0,0]:o,s=ct.reduce((function(t,n){return t[n]=function(t,e,n){var i=mt(t),o=[st,it].indexOf(i)>=0?-1:1,r="function"==typeof n?n(Object.assign(Object.assign({},e),{},{placement:t})):n,s=r[0],a=r[1];return s=s||0,a=(a||0)*o,[st,rt].indexOf(i)>=0?{x:a,y:s}:{x:s,y:a}}(n,e.rects,r),t}),{}),a=s[e.placement],l=a.x,c=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=c),e.modifiersData[i]=s}};var ne={name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state,n=t.name;e.modifiersData[n]=Vt({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}};var ie={name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name,o=n.mainAxis,r=void 0===o||o,s=n.altAxis,a=void 0!==s&&s,l=n.boundary,c=n.rootBoundary,u=n.altBoundary,f=n.padding,d=n.tether,h=void 0===d||d,p=n.tetherOffset,g=void 0===p?0:p,m=Xt(e,{boundary:l,rootBoundary:c,padding:f,altBoundary:u}),v=mt(e.placement),_=zt(e.placement),b=!_,y=Ot(v),w="x"===y?"y":"x",E=e.modifiersData.popperOffsets,T=e.rects.reference,k=e.rects.popper,O="function"==typeof g?g(Object.assign(Object.assign({},e.rects),{},{placement:e.placement})):g,L={x:0,y:0};if(E){if(r){var A="y"===y?it:st,C="y"===y?ot:rt,D="y"===y?"height":"width",x=E[y],S=E[y]+m[A],j=E[y]-m[C],N=h?-k[D]/2:0,I="start"===_?T[D]:k[D],P="start"===_?-k[D]:-T[D],M=e.elements.arrow,B=h&&M?vt(M):{width:0,height:0},H=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},R=H[A],W=H[C],K=Lt(0,T[D],B[D]),Q=b?T[D]/2-N-K-R-O:I-K-R-O,U=b?-T[D]/2+N+K+W+O:P+K+W+O,F=e.elements.arrow&&kt(e.elements.arrow),Y=F?"y"===y?F.clientTop||0:F.clientLeft||0:0,q=e.modifiersData.offset?e.modifiersData.offset[e.placement][y]:0,z=E[y]+Q-q-Y,V=E[y]+U-q,X=Lt(h?Math.min(S,z):S,x,h?Math.max(j,V):j);E[y]=X,L[y]=X-x}if(a){var $="x"===y?it:st,G="x"===y?ot:rt,Z=E[w],J=Lt(Z+m[$],Z,Z-m[G]);E[w]=J,L[w]=J-Z}e.modifiersData[i]=L}},requiresIfExists:["offset"]};function oe(t,e,n){void 0===n&&(n=!1);var i,o,r=wt(e),s=Rt(t),a=pt(e),l={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(a||!a&&!n)&&(("body"!==ft(e)||Qt(r))&&(l=(i=e)!==dt(i)&&pt(i)?{scrollLeft:(o=i).scrollLeft,scrollTop:o.scrollTop}:Wt(i)),pt(e)?((c=Rt(e)).x+=e.clientLeft,c.y+=e.clientTop):r&&(c.x=Kt(r))),{x:s.left+l.scrollLeft-c.x,y:s.top+l.scrollTop-c.y,width:s.width,height:s.height}}function re(t){var e=new Map,n=new Set,i=[];return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||function t(o){n.add(o.name),[].concat(o.requires||[],o.requiresIfExists||[]).forEach((function(i){if(!n.has(i)){var o=e.get(i);o&&t(o)}})),i.push(o)}(t)})),i}var se={placement:"bottom",modifiers:[],strategy:"absolute"};function ae(){for(var t=arguments.length,e=new Array(t),n=0;n0&&r--,"ArrowDown"===t.key&&rdocument.documentElement.clientHeight;e||(this._element.style.overflowY="hidden"),this._element.classList.add("modal-static");var n=u(this._dialog);H.off(this._element,"transitionend"),H.one(this._element,"transitionend",(function(){t._element.classList.remove("modal-static"),e||(H.one(t._element,"transitionend",(function(){t._element.style.overflowY=""})),h(t._element,n))})),h(this._element,n),this._element.focus()}},r._adjustDialog=function(){var t=this._element.scrollHeight>document.documentElement.clientHeight;(!this._isBodyOverflowing&&t&&!y||this._isBodyOverflowing&&!t&&y)&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),(this._isBodyOverflowing&&!t&&!y||!this._isBodyOverflowing&&t&&y)&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},r._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},r._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=Math.round(t.left+t.right)
',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",container:!1,fallbackPlacements:null,boundary:"clippingParents",customClass:"",sanitize:!0,sanitizeFn:null,allowList:xe,popperConfig:null},He={HIDE:"hide.bs.tooltip",HIDDEN:"hidden.bs.tooltip",SHOW:"show.bs.tooltip",SHOWN:"shown.bs.tooltip",INSERTED:"inserted.bs.tooltip",CLICK:"click.bs.tooltip",FOCUSIN:"focusin.bs.tooltip",FOCUSOUT:"focusout.bs.tooltip",MOUSEENTER:"mouseenter.bs.tooltip",MOUSELEAVE:"mouseleave.bs.tooltip"},Re=function(t){function o(e,n){var i;if(void 0===de)throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org)");return(i=t.call(this,e)||this)._isEnabled=!0,i._timeout=0,i._hoverState="",i._activeTrigger={},i._popper=null,i.config=i._getConfig(n),i.tip=null,i._setListeners(),i}i(o,t);var r=o.prototype;return r.enable=function(){this._isEnabled=!0},r.disable=function(){this._isEnabled=!1},r.toggleEnabled=function(){this._isEnabled=!this._isEnabled},r.toggle=function(t){if(this._isEnabled)if(t){var e=this.constructor.DATA_KEY,n=T(t.delegateTarget,e);n||(n=new this.constructor(t.delegateTarget,this._getDelegateConfig()),E(t.delegateTarget,e,n)),n._activeTrigger.click=!n._activeTrigger.click,n._isWithActiveTrigger()?n._enter(null,n):n._leave(null,n)}else{if(this.getTipElement().classList.contains("show"))return void this._leave(null,this);this._enter(null,this)}},r.dispose=function(){clearTimeout(this._timeout),H.off(this._element,this.constructor.EVENT_KEY),H.off(this._element.closest(".modal"),"hide.bs.modal",this._hideModalHandler),this.tip&&this.tip.parentNode.removeChild(this.tip),this._isEnabled=null,this._timeout=null,this._hoverState=null,this._activeTrigger=null,this._popper&&this._popper.destroy(),this._popper=null,this.config=null,this.tip=null,t.prototype.dispose.call(this)},r.show=function(){var t=this;if("none"===this._element.style.display)throw new Error("Please use show on visible elements");if(this.isWithContent()&&this._isEnabled){var e=H.trigger(this._element,this.constructor.Event.SHOW),n=function t(e){if(!document.documentElement.attachShadow)return null;if("function"==typeof e.getRootNode){var n=e.getRootNode();return n instanceof ShadowRoot?n:null}return e instanceof ShadowRoot?e:e.parentNode?t(e.parentNode):null}(this._element),i=null===n?this._element.ownerDocument.documentElement.contains(this._element):n.contains(this._element);if(e.defaultPrevented||!i)return;var o=this.getTipElement(),r=s(this.constructor.NAME);o.setAttribute("id",r),this._element.setAttribute("aria-describedby",r),this.setContent(),this.config.animation&&o.classList.add("fade");var a="function"==typeof this.config.placement?this.config.placement.call(this,o,this._element):this.config.placement,l=this._getAttachment(a);this._addAttachmentClass(l);var c=this._getContainer();E(o,this.constructor.DATA_KEY,this),this._element.ownerDocument.documentElement.contains(this.tip)||c.appendChild(o),H.trigger(this._element,this.constructor.Event.INSERTED),this._popper=fe(this._element,o,this._getPopperConfig(l)),o.classList.add("show");var f,d,p="function"==typeof this.config.customClass?this.config.customClass():this.config.customClass;if(p)(f=o.classList).add.apply(f,p.split(" "));if("ontouchstart"in document.documentElement)(d=[]).concat.apply(d,document.body.children).forEach((function(t){H.on(t,"mouseover",(function(){}))}));var g=function(){var e=t._hoverState;t._hoverState=null,H.trigger(t._element,t.constructor.Event.SHOWN),"out"===e&&t._leave(null,t)};if(this.tip.classList.contains("fade")){var m=u(this.tip);H.one(this.tip,"transitionend",g),h(this.tip,m)}else g()}},r.hide=function(){var t=this;if(this._popper){var e=this.getTipElement(),n=function(){"show"!==t._hoverState&&e.parentNode&&e.parentNode.removeChild(e),t._cleanTipClass(),t._element.removeAttribute("aria-describedby"),H.trigger(t._element,t.constructor.Event.HIDDEN),t._popper&&(t._popper.destroy(),t._popper=null)};if(!H.trigger(this._element,this.constructor.Event.HIDE).defaultPrevented){var i;if(e.classList.remove("show"),"ontouchstart"in document.documentElement)(i=[]).concat.apply(i,document.body.children).forEach((function(t){return H.off(t,"mouseover",m)}));if(this._activeTrigger.click=!1,this._activeTrigger.focus=!1,this._activeTrigger.hover=!1,this.tip.classList.contains("fade")){var o=u(e);H.one(e,"transitionend",n),h(e,o)}else n();this._hoverState=""}}},r.update=function(){null!==this._popper&&this._popper.update()},r.isWithContent=function(){return Boolean(this.getTitle())},r.getTipElement=function(){if(this.tip)return this.tip;var t=document.createElement("div");return t.innerHTML=this.config.template,this.tip=t.children[0],this.tip},r.setContent=function(){var t=this.getTipElement();this.setElementContent(q.findOne(".tooltip-inner",t),this.getTitle()),t.classList.remove("fade","show")},r.setElementContent=function(t,e){if(null!==t)return"object"==typeof e&&d(e)?(e.jquery&&(e=e[0]),void(this.config.html?e.parentNode!==t&&(t.innerHTML="",t.appendChild(e)):t.textContent=e.textContent)):void(this.config.html?(this.config.sanitize&&(e=Se(e,this.config.allowList,this.config.sanitizeFn)),t.innerHTML=e):t.textContent=e)},r.getTitle=function(){var t=this._element.getAttribute("data-bs-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this._element):this.config.title),t},r.updateAttachment=function(t){return"right"===t?"end":"left"===t?"start":t},r._getPopperConfig=function(t){var e=this,i={name:"flip",options:{altBoundary:!0}};return this.config.fallbackPlacements&&(i.options.fallbackPlacements=this.config.fallbackPlacements),n({},{placement:t,modifiers:[i,{name:"preventOverflow",options:{rootBoundary:this.config.boundary}},{name:"arrow",options:{element:"."+this.constructor.NAME+"-arrow"}},{name:"onChange",enabled:!0,phase:"afterWrite",fn:function(t){return e._handlePopperPlacementChange(t)}}],onFirstUpdate:function(t){t.options.placement!==t.placement&&e._handlePopperPlacementChange(t)}},this.config.popperConfig)},r._addAttachmentClass=function(t){this.getTipElement().classList.add("bs-tooltip-"+this.updateAttachment(t))},r._getContainer=function(){return!1===this.config.container?document.body:d(this.config.container)?this.config.container:q.findOne(this.config.container)},r._getAttachment=function(t){return Me[t.toUpperCase()]},r._setListeners=function(){var t=this;this.config.trigger.split(" ").forEach((function(e){if("click"===e)H.on(t._element,t.constructor.Event.CLICK,t.config.selector,(function(e){return t.toggle(e)}));else if("manual"!==e){var n="hover"===e?t.constructor.Event.MOUSEENTER:t.constructor.Event.FOCUSIN,i="hover"===e?t.constructor.Event.MOUSELEAVE:t.constructor.Event.FOCUSOUT;H.on(t._element,n,t.config.selector,(function(e){return t._enter(e)})),H.on(t._element,i,t.config.selector,(function(e){return t._leave(e)}))}})),this._hideModalHandler=function(){t._element&&t.hide()},H.on(this._element.closest(".modal"),"hide.bs.modal",this._hideModalHandler),this.config.selector?this.config=n({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},r._fixTitle=function(){var t=this._element.getAttribute("title"),e=typeof this._element.getAttribute("data-bs-original-title");(t||"string"!==e)&&(this._element.setAttribute("data-bs-original-title",t||""),!t||this._element.getAttribute("aria-label")||this._element.textContent||this._element.setAttribute("aria-label",t),this._element.setAttribute("title",""))},r._enter=function(t,e){var n=this.constructor.DATA_KEY;(e=e||T(t.delegateTarget,n))||(e=new this.constructor(t.delegateTarget,this._getDelegateConfig()),E(t.delegateTarget,n,e)),t&&(e._activeTrigger["focusin"===t.type?"focus":"hover"]=!0),e.getTipElement().classList.contains("show")||"show"===e._hoverState?e._hoverState="show":(clearTimeout(e._timeout),e._hoverState="show",e.config.delay&&e.config.delay.show?e._timeout=setTimeout((function(){"show"===e._hoverState&&e.show()}),e.config.delay.show):e.show())},r._leave=function(t,e){var n=this.constructor.DATA_KEY;(e=e||T(t.delegateTarget,n))||(e=new this.constructor(t.delegateTarget,this._getDelegateConfig()),E(t.delegateTarget,n,e)),t&&(e._activeTrigger["focusout"===t.type?"focus":"hover"]=!1),e._isWithActiveTrigger()||(clearTimeout(e._timeout),e._hoverState="out",e.config.delay&&e.config.delay.hide?e._timeout=setTimeout((function(){"out"===e._hoverState&&e.hide()}),e.config.delay.hide):e.hide())},r._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},r._getConfig=function(t){var e=Y.getDataAttributes(this._element);return Object.keys(e).forEach((function(t){Ie.has(t)&&delete e[t]})),t&&"object"==typeof t.container&&t.container.jquery&&(t.container=t.container[0]),"number"==typeof(t=n({},this.constructor.Default,e,"object"==typeof t&&t?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()),p(je,t,this.constructor.DefaultType),t.sanitize&&(t.template=Se(t.template,t.allowList,t.sanitizeFn)),t},r._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},r._cleanTipClass=function(){var t=this.getTipElement(),e=t.getAttribute("class").match(Ne);null!==e&&e.length>0&&e.map((function(t){return t.trim()})).forEach((function(e){return t.classList.remove(e)}))},r._handlePopperPlacementChange=function(t){var e=t.state;e&&(this.tip=e.elements.popper,this._cleanTipClass(),this._addAttachmentClass(this._getAttachment(e.placement)))},o.jQueryInterface=function(t){return this.each((function(){var e=T(this,"bs.tooltip"),n="object"==typeof t&&t;if((e||!/dispose|hide/.test(t))&&(e||(e=new o(this,n)),"string"==typeof t)){if(void 0===e[t])throw new TypeError('No method named "'+t+'"');e[t]()}}))},e(o,null,[{key:"Default",get:function(){return Be}},{key:"NAME",get:function(){return je}},{key:"DATA_KEY",get:function(){return"bs.tooltip"}},{key:"Event",get:function(){return He}},{key:"EVENT_KEY",get:function(){return".bs.tooltip"}},{key:"DefaultType",get:function(){return Pe}}]),o}(R);b((function(){var t=_();if(t){var e=t.fn[je];t.fn[je]=Re.jQueryInterface,t.fn[je].Constructor=Re,t.fn[je].noConflict=function(){return t.fn[je]=e,Re.jQueryInterface}}}));var We="popover",Ke=new RegExp("(^|\\s)bs-popover\\S+","g"),Qe=n({},Re.Default,{placement:"right",trigger:"click",content:"",template:''}),Ue=n({},Re.DefaultType,{content:"(string|element|function)"}),Fe={HIDE:"hide.bs.popover",HIDDEN:"hidden.bs.popover",SHOW:"show.bs.popover",SHOWN:"shown.bs.popover",INSERTED:"inserted.bs.popover",CLICK:"click.bs.popover",FOCUSIN:"focusin.bs.popover",FOCUSOUT:"focusout.bs.popover",MOUSEENTER:"mouseenter.bs.popover",MOUSELEAVE:"mouseleave.bs.popover"},Ye=function(t){function n(){return t.apply(this,arguments)||this}i(n,t);var o=n.prototype;return o.isWithContent=function(){return this.getTitle()||this._getContent()},o.setContent=function(){var t=this.getTipElement();this.setElementContent(q.findOne(".popover-header",t),this.getTitle());var e=this._getContent();"function"==typeof e&&(e=e.call(this._element)),this.setElementContent(q.findOne(".popover-body",t),e),t.classList.remove("fade","show")},o._addAttachmentClass=function(t){this.getTipElement().classList.add("bs-popover-"+this.updateAttachment(t))},o._getContent=function(){return this._element.getAttribute("data-bs-content")||this.config.content},o._cleanTipClass=function(){var t=this.getTipElement(),e=t.getAttribute("class").match(Ke);null!==e&&e.length>0&&e.map((function(t){return t.trim()})).forEach((function(e){return t.classList.remove(e)}))},n.jQueryInterface=function(t){return this.each((function(){var e=T(this,"bs.popover"),i="object"==typeof t?t:null;if((e||!/dispose|hide/.test(t))&&(e||(e=new n(this,i),E(this,"bs.popover",e)),"string"==typeof t)){if(void 0===e[t])throw new TypeError('No method named "'+t+'"');e[t]()}}))},e(n,null,[{key:"Default",get:function(){return Qe}},{key:"NAME",get:function(){return We}},{key:"DATA_KEY",get:function(){return"bs.popover"}},{key:"Event",get:function(){return Fe}},{key:"EVENT_KEY",get:function(){return".bs.popover"}},{key:"DefaultType",get:function(){return Ue}}]),n}(Re);b((function(){var t=_();if(t){var e=t.fn[We];t.fn[We]=Ye.jQueryInterface,t.fn[We].Constructor=Ye,t.fn[We].noConflict=function(){return t.fn[We]=e,Ye.jQueryInterface}}}));var qe="scrollspy",ze={offset:10,method:"auto",target:""},Ve={offset:"number",method:"string",target:"(string|element)"},Xe=function(t){function o(e,n){var i;return(i=t.call(this,e)||this)._scrollElement="BODY"===e.tagName?window:e,i._config=i._getConfig(n),i._selector=i._config.target+" .nav-link, "+i._config.target+" .list-group-item, "+i._config.target+" .dropdown-item",i._offsets=[],i._targets=[],i._activeTarget=null,i._scrollHeight=0,H.on(i._scrollElement,"scroll.bs.scrollspy",(function(t){return i._process(t)})),i.refresh(),i._process(),i}i(o,t);var r=o.prototype;return r.refresh=function(){var t=this,e=this._scrollElement===this._scrollElement.window?"offset":"position",n="auto"===this._config.method?e:this._config.method,i="position"===n?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),q.find(this._selector).map((function(t){var e=l(t),o=e?q.findOne(e):null;if(o){var r=o.getBoundingClientRect();if(r.width||r.height)return[Y[n](o).top+i,e]}return null})).filter((function(t){return t})).sort((function(t,e){return t[0]-e[0]})).forEach((function(e){t._offsets.push(e[0]),t._targets.push(e[1])}))},r.dispose=function(){t.prototype.dispose.call(this),H.off(this._scrollElement,".bs.scrollspy"),this._scrollElement=null,this._config=null,this._selector=null,this._offsets=null,this._targets=null,this._activeTarget=null,this._scrollHeight=null},r._getConfig=function(t){if("string"!=typeof(t=n({},ze,"object"==typeof t&&t?t:{})).target&&d(t.target)){var e=t.target.id;e||(e=s(qe),t.target.id=e),t.target="#"+e}return p(qe,t,Ve),t},r._getScrollTop=function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop},r._getScrollHeight=function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},r._getOffsetHeight=function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height},r._process=function(){var t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),n=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),t>=n){var i=this._targets[this._targets.length-1];this._activeTarget!==i&&this._activate(i)}else{if(this._activeTarget&&t0)return this._activeTarget=null,void this._clear();for(var o=this._offsets.length;o--;){this._activeTarget!==this._targets[o]&&t>=this._offsets[o]&&(void 0===this._offsets[o+1]||t li > .active":".active";e=(e=q.find(o,i))[e.length-1]}var r=null;if(e&&(r=H.trigger(e,"hide.bs.tab",{relatedTarget:this._element})),!(H.trigger(this._element,"show.bs.tab",{relatedTarget:e}).defaultPrevented||null!==r&&r.defaultPrevented)){this._activate(this._element,i);var s=function(){H.trigger(e,"hidden.bs.tab",{relatedTarget:t._element}),H.trigger(t._element,"shown.bs.tab",{relatedTarget:e})};n?this._activate(n,n.parentNode,s):s()}}},o._activate=function(t,e,n){var i=this,o=(!e||"UL"!==e.nodeName&&"OL"!==e.nodeName?q.children(e,".active"):q.find(":scope > li > .active",e))[0],r=n&&o&&o.classList.contains("fade"),s=function(){return i._transitionComplete(t,o,n)};if(o&&r){var a=u(o);o.classList.remove("show"),H.one(o,"transitionend",s),h(o,a)}else s()},o._transitionComplete=function(t,e,n){if(e){e.classList.remove("active");var i=q.findOne(":scope > .dropdown-menu .active",e.parentNode);i&&i.classList.remove("active"),"tab"===e.getAttribute("role")&&e.setAttribute("aria-selected",!1)}(t.classList.add("active"),"tab"===t.getAttribute("role")&&t.setAttribute("aria-selected",!0),v(t),t.classList.contains("fade")&&t.classList.add("show"),t.parentNode&&t.parentNode.classList.contains("dropdown-menu"))&&(t.closest(".dropdown")&&q.find(".dropdown-toggle").forEach((function(t){return t.classList.add("active")})),t.setAttribute("aria-expanded",!0));n&&n()},n.jQueryInterface=function(t){return this.each((function(){var e=T(this,"bs.tab")||new n(this);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'+t+'"');e[t]()}}))},e(n,null,[{key:"DATA_KEY",get:function(){return"bs.tab"}}]),n}(R);H.on(document,"click.bs.tab.data-api",'[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]',(function(t){t.preventDefault(),(T(this,"bs.tab")||new $e(this)).show()})),b((function(){var t=_();if(t){var e=t.fn.tab;t.fn.tab=$e.jQueryInterface,t.fn.tab.Constructor=$e,t.fn.tab.noConflict=function(){return t.fn.tab=e,$e.jQueryInterface}}}));var Ge={animation:"boolean",autohide:"boolean",delay:"number"},Ze={animation:!0,autohide:!0,delay:5e3},Je=function(t){function o(e,n){var i;return(i=t.call(this,e)||this)._config=i._getConfig(n),i._timeout=null,i._setListeners(),i}i(o,t);var r=o.prototype;return r.show=function(){var t=this;if(!H.trigger(this._element,"show.bs.toast").defaultPrevented){this._clearTimeout(),this._config.animation&&this._element.classList.add("fade");var e=function(){t._element.classList.remove("showing"),t._element.classList.add("show"),H.trigger(t._element,"shown.bs.toast"),t._config.autohide&&(t._timeout=setTimeout((function(){t.hide()}),t._config.delay))};if(this._element.classList.remove("hide"),v(this._element),this._element.classList.add("showing"),this._config.animation){var n=u(this._element);H.one(this._element,"transitionend",e),h(this._element,n)}else e()}},r.hide=function(){var t=this;if(this._element.classList.contains("show")&&!H.trigger(this._element,"hide.bs.toast").defaultPrevented){var e=function(){t._element.classList.add("hide"),H.trigger(t._element,"hidden.bs.toast")};if(this._element.classList.remove("show"),this._config.animation){var n=u(this._element);H.one(this._element,"transitionend",e),h(this._element,n)}else e()}},r.dispose=function(){this._clearTimeout(),this._element.classList.contains("show")&&this._element.classList.remove("show"),H.off(this._element,"click.dismiss.bs.toast"),t.prototype.dispose.call(this),this._config=null},r._getConfig=function(t){return t=n({},Ze,Y.getDataAttributes(this._element),"object"==typeof t&&t?t:{}),p("toast",t,this.constructor.DefaultType),t},r._setListeners=function(){var t=this;H.on(this._element,"click.dismiss.bs.toast",'[data-bs-dismiss="toast"]',(function(){return t.hide()}))},r._clearTimeout=function(){clearTimeout(this._timeout),this._timeout=null},o.jQueryInterface=function(t){return this.each((function(){var e=T(this,"bs.toast");if(e||(e=new o(this,"object"==typeof t&&t)),"string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'+t+'"');e[t](this)}}))},e(o,null,[{key:"DefaultType",get:function(){return Ge}},{key:"Default",get:function(){return Ze}},{key:"DATA_KEY",get:function(){return"bs.toast"}}]),o}(R);return b((function(){var t=_();if(t){var e=t.fn.toast;t.fn.toast=Je.jQueryInterface,t.fn.toast.Constructor=Je,t.fn.toast.noConflict=function(){return t.fn.toast=e,Je.jQueryInterface}}})),{Alert:K,Button:Q,Carousel:Z,Collapse:nt,Dropdown:Te,Modal:Le,Popover:Ye,ScrollSpy:Xe,Tab:$e,Toast:Je,Tooltip:Re}})); + //# sourceMappingURL=bootstrap.bundle.min.js.map \ No newline at end of file diff --git a/static/assets/js/contact-form-script.js b/static/assets/js/contact-form-script.js new file mode 100644 index 00000000..8b1b881f --- /dev/null +++ b/static/assets/js/contact-form-script.js @@ -0,0 +1,62 @@ +/*==============================================================*/ +// Contact Form JS +/*==============================================================*/ +(function ($) { + "use strict"; // Start of use strict + $("#contactForm").validator().on("submit", function (event) { + if (event.isDefaultPrevented()) { + // handle the invalid form... + formError(); + submitMSG(false, "Did you fill in the form properly?"); + } else { + // everything looks good! + event.preventDefault(); + submitForm(); + } + }); + + + function submitForm(){ + // Initiate Variables With Form Content + var name = $("#name").val(); + var email = $("#email").val(); + var msg_subject = $("#msg_subject").val(); + var phone_number = $("#phone_number").val(); + var message = $("#message").val(); + + + $.ajax({ + type: "POST", + url: "assets/php/form-process.php", + data: "name=" + name + "&email=" + email + "&phone_number=" + phone_number + "&msg_subject=" + msg_subject + "&message=" + message, + success : function(text){ + if (text == "success"){ + formSuccess(); + } else { + formError(); + submitMSG(false,text); + } + } + }); + } + + function formSuccess(){ + $("#contactForm")[0].reset(); + submitMSG(true, "Message Submitted!") + } + + function formError(){ + $("#contactForm").removeClass().addClass('shake animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){ + $(this).removeClass(); + }); + } + + function submitMSG(valid, msg){ + if(valid){ + var msgClasses = "h4 text-start tada animated text-success"; + } else { + var msgClasses = "h4 text-start text-danger"; + } + $("#msgSubmit").removeClass().addClass(msgClasses).text(msg); + } +}(jQuery)); // End of use strict \ No newline at end of file diff --git a/static/assets/js/form-validator.min.js b/static/assets/js/form-validator.min.js new file mode 100644 index 00000000..a48dd8aa --- /dev/null +++ b/static/assets/js/form-validator.min.js @@ -0,0 +1,9 @@ +/*! + * Validator v0.8.1 for Bootstrap 4, by @1000hz + * Copyright 2015 Cina Saffary + * Licensed under http://opensource.org/licenses/MIT + * + * https://github.com/1000hz/bootstrap-validator + */ + ++function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=a.extend({},d.DEFAULTS,c.data(),"object"==typeof b&&b),f=c.data("bs.validator");(f||"destroy"!=b)&&(f||c.data("bs.validator",f=new d(this,e)),"string"==typeof b&&f[b]())})}var c=':input:not([type="submit"], button):enabled:visible',d=function(b,c){this.$element=a(b),this.options=c,c.errors=a.extend({},d.DEFAULTS.errors,c.errors);for(var e in c.custom)if(!c.errors[e])throw new Error("Missing default error message for custom validator: "+e);a.extend(d.VALIDATORS,c.custom),this.$element.attr("novalidate",!0),this.toggleSubmit(),this.$element.on("input.bs.validator change.bs.validator focusout.bs.validator",a.proxy(this.validateInput,this)),this.$element.on("submit.bs.validator",a.proxy(this.onSubmit,this)),this.$element.find("[data-match]").each(function(){var b=a(this),c=b.data("match");a(c).on("input.bs.validator",function(){b.val()&&b.trigger("input.bs.validator")})})};d.DEFAULTS={delay:500,html:!1,disable:!0,custom:{},errors:{match:"Does not match",minlength:"Not long enough"},feedback:{success:"glyphicon-ok",error:"glyphicon-warning-sign"}},d.VALIDATORS={"native":function(a){var b=a[0];return b.checkValidity?b.checkValidity():!0},match:function(b){var c=b.data("match");return!b.val()||b.val()===a(c).val()},minlength:function(a){var b=a.data("minlength");return!a.val()||a.val().length>=b}},d.prototype.validateInput=function(b){var c=a(b.target),d=c.data("bs.validator.errors");if(c.is('[type="radio"]')&&(c=this.$element.find('input[name="'+c.attr("name")+'"]')),this.$element.trigger(b=a.Event("validate.bs.validator",{relatedTarget:c[0]})),!b.isDefaultPrevented()){var e=this;this.runValidators(c).done(function(f){c.data("bs.validator.errors",f),f.length?e.showErrors(c):e.clearErrors(c),d&&f.toString()===d.toString()||(b=f.length?a.Event("invalid.bs.validator",{relatedTarget:c[0],detail:f}):a.Event("valid.bs.validator",{relatedTarget:c[0],detail:d}),e.$element.trigger(b)),e.toggleSubmit(),e.$element.trigger(a.Event("validated.bs.validator",{relatedTarget:c[0]}))})}},d.prototype.runValidators=function(b){function c(a){return b.data(a+"-error")||b.data("error")||"native"==a&&b[0].validationMessage||g.errors[a]}var e=[],f=a.Deferred(),g=this.options;return b.data("bs.validator.deferred")&&b.data("bs.validator.deferred").reject(),b.data("bs.validator.deferred",f),a.each(d.VALIDATORS,a.proxy(function(a,d){if((b.data(a)||"native"==a)&&!d.call(this,b)){var f=c(a);!~e.indexOf(f)&&e.push(f)}},this)),!e.length&&b.val()&&b.data("remote")?this.defer(b,function(){var d={};d[b.attr("name")]=b.val(),a.get(b.data("remote"),d).fail(function(a,b,d){e.push(c("remote")||d)}).always(function(){f.resolve(e)})}):f.resolve(e),f.promise()},d.prototype.validate=function(){var a=this.options.delay;return this.options.delay=0,this.$element.find(c).trigger("input.bs.validator"),this.options.delay=a,this},d.prototype.showErrors=function(b){var c=this.options.html?"html":"text";this.defer(b,function(){var d=b.closest(".form-group"),e=d.find(".help-block.with-errors"),f=d.find(".form-control-feedback"),g=b.data("bs.validator.errors");g.length&&(g=a("
    ").addClass("list-unstyled").append(a.map(g,function(b){return a("
  • ")[c](b)})),void 0===e.data("bs.validator.originalContent")&&e.data("bs.validator.originalContent",e.html()),e.empty().append(g),d.addClass("has-error"),f.length&&f.removeClass(this.options.feedback.success)&&f.addClass(this.options.feedback.error)&&d.removeClass("has-success"))})},d.prototype.clearErrors=function(a){var b=a.closest(".form-group"),c=b.find(".help-block.with-errors"),d=b.find(".form-control-feedback");c.html(c.data("bs.validator.originalContent")),b.removeClass("has-error"),d.length&&d.removeClass(this.options.feedback.error)&&d.addClass(this.options.feedback.success)&&b.addClass("has-success")},d.prototype.hasErrors=function(){function b(){return!!(a(this).data("bs.validator.errors")||[]).length}return!!this.$element.find(c).filter(b).length},d.prototype.isIncomplete=function(){function b(){return"checkbox"===this.type?!this.checked:"radio"===this.type?!a('[name="'+this.name+'"]:checked').length:""===a.trim(this.value)}return!!this.$element.find(c).filter("[required]").filter(b).length},d.prototype.onSubmit=function(a){this.validate(),(this.isIncomplete()||this.hasErrors())&&a.preventDefault()},d.prototype.toggleSubmit=function(){if(this.options.disable){var b=a('button[type="submit"], input[type="submit"]').filter('[form="'+this.$element.attr("id")+'"]').add(this.$element.find('input[type="submit"], button[type="submit"]'));b.toggleClass("disabled",this.isIncomplete()||this.hasErrors()).css({"pointer-events":"all",cursor:"pointer"})}},d.prototype.defer=function(b,c){return c=a.proxy(c,this),this.options.delay?(window.clearTimeout(b.data("bs.validator.timeout")),void b.data("bs.validator.timeout",window.setTimeout(c,this.options.delay))):c()},d.prototype.destroy=function(){return this.$element.removeAttr("novalidate").removeData("bs.validator").off(".bs.validator"),this.$element.find(c).off(".bs.validator").removeData(["bs.validator.errors","bs.validator.deferred"]).each(function(){var b=a(this),c=b.data("bs.validator.timeout");window.clearTimeout(c)&&b.removeData("bs.validator.timeout")}),this.$element.find(".help-block.with-errors").each(function(){var b=a(this),c=b.data("bs.validator.originalContent");b.removeData("bs.validator.originalContent").html(c)}),this.$element.find('input[type="submit"], button[type="submit"]').removeClass("disabled"),this.$element.find(".has-error").removeClass("has-error"),this};var e=a.fn.validator;a.fn.validator=b,a.fn.validator.Constructor=d,a.fn.validator.noConflict=function(){return a.fn.validator=e,this},a(window).on("load",function(){a('form[data-toggle="validator"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery); \ No newline at end of file diff --git a/static/assets/js/jquery.min.js b/static/assets/js/jquery.min.js new file mode 100644 index 00000000..015256d0 --- /dev/null +++ b/static/assets/js/jquery.min.js @@ -0,0 +1,2 @@ +/*! jQuery v3.5.1 | (c) JS 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(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.5.1",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=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))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(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&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(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&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(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 ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);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&&E){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=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(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(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===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]||se.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]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(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(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(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=se.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 D(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||j,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.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 S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,j=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",y.option=!!ce.lastChild;var ge={thead:[1,"","
    "],col:[2,"","
    "],tr:[2,"","
    "],td:[3,"","
    "],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(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 qe(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function Le(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function He(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Oe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.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)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||S.expando+"_"+Ct.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(Et.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((Ut=E.implementation.createHTMLDocument("").body).innerHTML="
    ",2===Ut.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.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),m(t)&&(t=t.call(e,n,S.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):("number"==typeof f.top&&(f.top+="px"),"number"==typeof f.left&&(f.left+="px"),c.css(f))}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.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"===S.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"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(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)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=$e(y.pixelPosition,function(e,t){if(t)return t=Be(e,n),Me.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(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?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.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)}}),S.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){S.fn[n]=function(e,t){return 0(a||v.height())},_setFocus:function(){(b.st.focus?b.content.find(b.st.focus).eq(0):b.wrap).focus()},_onFocusIn:function(c){return c.target===b.wrap[0]||a.contains(b.wrap[0],c.target)?void 0:(b._setFocus(),!1)},_parseMarkup:function(b,c,d){var e;d.data&&(c=a.extend(d.data,c)),y(l,[b,c,d]),a.each(c,function(c,d){if(void 0===d||d===!1)return!0;if(e=c.split("_"),e.length>1){var f=b.find(p+"-"+e[0]);if(f.length>0){var g=e[1];"replaceWith"===g?f[0]!==d[0]&&f.replaceWith(d):"img"===g?f.is("img")?f.attr("src",d):f.replaceWith(a("").attr("src",d).attr("class",f.attr("class"))):f.attr(e[1],d)}}else b.find(p+"-"+c).html(d)})},_getScrollbarSize:function(){if(void 0===b.scrollbarSize){var a=document.createElement("div");a.style.cssText="width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;",document.body.appendChild(a),b.scrollbarSize=a.offsetWidth-a.clientWidth,document.body.removeChild(a)}return b.scrollbarSize}},a.magnificPopup={instance:null,proto:t.prototype,modules:[],open:function(b,c){return A(),b=b?a.extend(!0,{},b):{},b.isObj=!0,b.index=c||0,this.instance.open(b)},close:function(){return a.magnificPopup.instance&&a.magnificPopup.instance.close()},registerModule:function(b,c){c.options&&(a.magnificPopup.defaults[b]=c.options),a.extend(this.proto,c.proto),this.modules.push(b)},defaults:{disableOn:0,key:null,midClick:!1,mainClass:"",preloader:!0,focus:"",closeOnContentClick:!1,closeOnBgClick:!0,closeBtnInside:!0,showCloseBtn:!0,enableEscapeKey:!0,modal:!1,alignTop:!1,removalDelay:0,prependTo:null,fixedContentPos:"auto",fixedBgPos:"auto",overflowY:"auto",closeMarkup:'',tClose:"Close (Esc)",tLoading:"Loading...",autoFocusLast:!0}},a.fn.magnificPopup=function(c){A();var d=a(this);if("string"==typeof c)if("open"===c){var e,f=u?d.data("magnificPopup"):d[0].magnificPopup,g=parseInt(arguments[1],10)||0;f.items?e=f.items[g]:(e=d,f.delegate&&(e=e.find(f.delegate)),e=e.eq(g)),b._openClick({mfpEl:e},d,f)}else b.isOpen&&b[c].apply(b,Array.prototype.slice.call(arguments,1));else c=a.extend(!0,{},c),u?d.data("magnificPopup",c):d[0].magnificPopup=c,b.addGroup(d,c);return d};var C,D,E,F="inline",G=function(){E&&(D.after(E.addClass(C)).detach(),E=null)};a.magnificPopup.registerModule(F,{options:{hiddenClass:"hide",markup:"",tNotFound:"Content not found"},proto:{initInline:function(){b.types.push(F),w(h+"."+F,function(){G()})},getInline:function(c,d){if(G(),c.src){var e=b.st.inline,f=a(c.src);if(f.length){var g=f[0].parentNode;g&&g.tagName&&(D||(C=e.hiddenClass,D=x(C),C="mfp-"+C),E=f.after(D).detach().removeClass(C)),b.updateStatus("ready")}else b.updateStatus("error",e.tNotFound),f=a("
    ");return c.inlineElement=f,f}return b.updateStatus("ready"),b._parseMarkup(d,{},c),d}}});var H,I="ajax",J=function(){H&&a(document.body).removeClass(H)},K=function(){J(),b.req&&b.req.abort()};a.magnificPopup.registerModule(I,{options:{settings:null,cursor:"mfp-ajax-cur",tError:'The content could not be loaded.'},proto:{initAjax:function(){b.types.push(I),H=b.st.ajax.cursor,w(h+"."+I,K),w("BeforeChange."+I,K)},getAjax:function(c){H&&a(document.body).addClass(H),b.updateStatus("loading");var d=a.extend({url:c.src,success:function(d,e,f){var g={data:d,xhr:f};y("ParseAjax",g),b.appendContent(a(g.data),I),c.finished=!0,J(),b._setFocus(),setTimeout(function(){b.wrap.addClass(q)},16),b.updateStatus("ready"),y("AjaxContentAdded")},error:function(){J(),c.finished=c.loadError=!0,b.updateStatus("error",b.st.ajax.tError.replace("%url%",c.src))}},b.st.ajax.settings);return b.req=a.ajax(d),""}}});var L,M=function(c){if(c.data&&void 0!==c.data.title)return c.data.title;var d=b.st.image.titleSrc;if(d){if(a.isFunction(d))return d.call(b,c);if(c.el)return c.el.attr(d)||""}return""};a.magnificPopup.registerModule("image",{options:{markup:'
    ',cursor:"mfp-zoom-out-cur",titleSrc:"title",verticalFit:!0,tError:'The image could not be loaded.'},proto:{initImage:function(){var c=b.st.image,d=".image";b.types.push("image"),w(m+d,function(){"image"===b.currItem.type&&c.cursor&&a(document.body).addClass(c.cursor)}),w(h+d,function(){c.cursor&&a(document.body).removeClass(c.cursor),v.off("resize"+p)}),w("Resize"+d,b.resizeImage),b.isLowIE&&w("AfterChange",b.resizeImage)},resizeImage:function(){var a=b.currItem;if(a&&a.img&&b.st.image.verticalFit){var c=0;b.isLowIE&&(c=parseInt(a.img.css("padding-top"),10)+parseInt(a.img.css("padding-bottom"),10)),a.img.css("max-height",b.wH-c)}},_onImageHasSize:function(a){a.img&&(a.hasSize=!0,L&&clearInterval(L),a.isCheckingImgSize=!1,y("ImageHasSize",a),a.imgHidden&&(b.content&&b.content.removeClass("mfp-loading"),a.imgHidden=!1))},findImageSize:function(a){var c=0,d=a.img[0],e=function(f){L&&clearInterval(L),L=setInterval(function(){return d.naturalWidth>0?void b._onImageHasSize(a):(c>200&&clearInterval(L),c++,void(3===c?e(10):40===c?e(50):100===c&&e(500)))},f)};e(1)},getImage:function(c,d){var e=0,f=function(){c&&(c.img[0].complete?(c.img.off(".mfploader"),c===b.currItem&&(b._onImageHasSize(c),b.updateStatus("ready")),c.hasSize=!0,c.loaded=!0,y("ImageLoadComplete")):(e++,200>e?setTimeout(f,100):g()))},g=function(){c&&(c.img.off(".mfploader"),c===b.currItem&&(b._onImageHasSize(c),b.updateStatus("error",h.tError.replace("%url%",c.src))),c.hasSize=!0,c.loaded=!0,c.loadError=!0)},h=b.st.image,i=d.find(".mfp-img");if(i.length){var j=document.createElement("img");j.className="mfp-img",c.el&&c.el.find("img").length&&(j.alt=c.el.find("img").attr("alt")),c.img=a(j).on("load.mfploader",f).on("error.mfploader",g),j.src=c.src,i.is("img")&&(c.img=c.img.clone()),j=c.img[0],j.naturalWidth>0?c.hasSize=!0:j.width||(c.hasSize=!1)}return b._parseMarkup(d,{title:M(c),img_replaceWith:c.img},c),b.resizeImage(),c.hasSize?(L&&clearInterval(L),c.loadError?(d.addClass("mfp-loading"),b.updateStatus("error",h.tError.replace("%url%",c.src))):(d.removeClass("mfp-loading"),b.updateStatus("ready")),d):(b.updateStatus("loading"),c.loading=!0,c.hasSize||(c.imgHidden=!0,d.addClass("mfp-loading"),b.findImageSize(c)),d)}}});var N,O=function(){return void 0===N&&(N=void 0!==document.createElement("p").style.MozTransform),N};a.magnificPopup.registerModule("zoom",{options:{enabled:!1,easing:"ease-in-out",duration:300,opener:function(a){return a.is("img")?a:a.find("img")}},proto:{initZoom:function(){var a,c=b.st.zoom,d=".zoom";if(c.enabled&&b.supportsTransition){var e,f,g=c.duration,j=function(a){var b=a.clone().removeAttr("style").removeAttr("class").addClass("mfp-animated-image"),d="all "+c.duration/1e3+"s "+c.easing,e={position:"fixed",zIndex:9999,left:0,top:0,"-webkit-backface-visibility":"hidden"},f="transition";return e["-webkit-"+f]=e["-moz-"+f]=e["-o-"+f]=e[f]=d,b.css(e),b},k=function(){b.content.css("visibility","visible")};w("BuildControls"+d,function(){if(b._allowZoom()){if(clearTimeout(e),b.content.css("visibility","hidden"),a=b._getItemToZoom(),!a)return void k();f=j(a),f.css(b._getOffset()),b.wrap.append(f),e=setTimeout(function(){f.css(b._getOffset(!0)),e=setTimeout(function(){k(),setTimeout(function(){f.remove(),a=f=null,y("ZoomAnimationEnded")},16)},g)},16)}}),w(i+d,function(){if(b._allowZoom()){if(clearTimeout(e),b.st.removalDelay=g,!a){if(a=b._getItemToZoom(),!a)return;f=j(a)}f.css(b._getOffset(!0)),b.wrap.append(f),b.content.css("visibility","hidden"),setTimeout(function(){f.css(b._getOffset())},16)}}),w(h+d,function(){b._allowZoom()&&(k(),f&&f.remove(),a=null)})}},_allowZoom:function(){return"image"===b.currItem.type},_getItemToZoom:function(){return b.currItem.hasSize?b.currItem.img:!1},_getOffset:function(c){var d;d=c?b.currItem.img:b.st.zoom.opener(b.currItem.el||b.currItem);var e=d.offset(),f=parseInt(d.css("padding-top"),10),g=parseInt(d.css("padding-bottom"),10);e.top-=a(window).scrollTop()-f;var h={width:d.width(),height:(u?d.innerHeight():d[0].offsetHeight)-g-f};return O()?h["-moz-transform"]=h.transform="translate("+e.left+"px,"+e.top+"px)":(h.left=e.left,h.top=e.top),h}}});var P="iframe",Q="//about:blank",R=function(a){if(b.currTemplate[P]){var c=b.currTemplate[P].find("iframe");c.length&&(a||(c[0].src=Q),b.isIE8&&c.css("display",a?"block":"none"))}};a.magnificPopup.registerModule(P,{options:{markup:'
    ',srcAction:"iframe_src",patterns:{youtube:{index:"youtube.com",id:"v=",src:"//www.youtube.com/embed/%id%?autoplay=1"},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1"},gmaps:{index:"//maps.google.",src:"%id%&output=embed"}}},proto:{initIframe:function(){b.types.push(P),w("BeforeChange",function(a,b,c){b!==c&&(b===P?R():c===P&&R(!0))}),w(h+"."+P,function(){R()})},getIframe:function(c,d){var e=c.src,f=b.st.iframe;a.each(f.patterns,function(){return e.indexOf(this.index)>-1?(this.id&&(e="string"==typeof this.id?e.substr(e.lastIndexOf(this.id)+this.id.length,e.length):this.id.call(this,e)),e=this.src.replace("%id%",e),!1):void 0});var g={};return f.srcAction&&(g[f.srcAction]=e),b._parseMarkup(d,g,c),b.updateStatus("ready"),d}}});var S=function(a){var c=b.items.length;return a>c-1?a-c:0>a?c+a:a},T=function(a,b,c){return a.replace(/%curr%/gi,b+1).replace(/%total%/gi,c)};a.magnificPopup.registerModule("gallery",{options:{enabled:!1,arrowMarkup:'',preload:[0,2],navigateByImgClick:!0,arrows:!0,tPrev:"Previous (Left arrow key)",tNext:"Next (Right arrow key)",tCounter:"%curr% of %total%"},proto:{initGallery:function(){var c=b.st.gallery,e=".mfp-gallery";return b.direction=!0,c&&c.enabled?(f+=" mfp-gallery",w(m+e,function(){c.navigateByImgClick&&b.wrap.on("click"+e,".mfp-img",function(){return b.items.length>1?(b.next(),!1):void 0}),d.on("keydown"+e,function(a){37===a.keyCode?b.prev():39===a.keyCode&&b.next()})}),w("UpdateStatus"+e,function(a,c){c.text&&(c.text=T(c.text,b.currItem.index,b.items.length))}),w(l+e,function(a,d,e,f){var g=b.items.length;e.counter=g>1?T(c.tCounter,f.index,g):""}),w("BuildControls"+e,function(){if(b.items.length>1&&c.arrows&&!b.arrowLeft){var d=c.arrowMarkup,e=b.arrowLeft=a(d.replace(/%title%/gi,c.tPrev).replace(/%dir%/gi,"left")).addClass(s),f=b.arrowRight=a(d.replace(/%title%/gi,c.tNext).replace(/%dir%/gi,"right")).addClass(s);e.click(function(){b.prev()}),f.click(function(){b.next()}),b.container.append(e.add(f))}}),w(n+e,function(){b._preloadTimeout&&clearTimeout(b._preloadTimeout),b._preloadTimeout=setTimeout(function(){b.preloadNearbyImages(),b._preloadTimeout=null},16)}),void w(h+e,function(){d.off(e),b.wrap.off("click"+e),b.arrowRight=b.arrowLeft=null})):!1},next:function(){b.direction=!0,b.index=S(b.index+1),b.updateItemHTML()},prev:function(){b.direction=!1,b.index=S(b.index-1),b.updateItemHTML()},goTo:function(a){b.direction=a>=b.index,b.index=a,b.updateItemHTML()},preloadNearbyImages:function(){var a,c=b.st.gallery.preload,d=Math.min(c[0],b.items.length),e=Math.min(c[1],b.items.length);for(a=1;a<=(b.direction?e:d);a++)b._preloadItem(b.index+a);for(a=1;a<=(b.direction?d:e);a++)b._preloadItem(b.index-a)},_preloadItem:function(c){if(c=S(c),!b.items[c].preloaded){var d=b.items[c];d.parsed||(d=b.parseEl(c)),y("LazyLoad",d),"image"===d.type&&(d.img=a('').on("load.mfploader",function(){d.hasSize=!0}).on("error.mfploader",function(){d.hasSize=!0,d.loadError=!0,y("LazyLoadError",d)}).attr("src",d.src)),d.preloaded=!0}}}});var U="retina";a.magnificPopup.registerModule(U,{options:{replaceSrc:function(a){return a.src.replace(/\.\w+$/,function(a){return"@2x"+a})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var a=b.st.retina,c=a.ratio;c=isNaN(c)?c():c,c>1&&(w("ImageHasSize."+U,function(a,b){b.img.css({"max-width":b.img[0].naturalWidth/c,width:"100%"})}),w("ElementParse."+U,function(b,d){d.src=a.replaceSrc(d,c)}))}}}}),A()}); \ No newline at end of file diff --git a/static/assets/js/main.js b/static/assets/js/main.js new file mode 100644 index 00000000..041f1417 --- /dev/null +++ b/static/assets/js/main.js @@ -0,0 +1,575 @@ +(function($){ + "use strict"; + + // Mean Menu + $('.mean-menu').meanmenu({ + meanScreenWidth: "1199" + }); + + // Header Sticky + $(window).on('scroll',function() { + if ($(this).scrollTop() > 120){ + $('.navbar-area').addClass("is-sticky"); + } + else{ + $('.navbar-area').removeClass("is-sticky"); + } + }); + + // Others Option For Responsive JS + $(".others-option-for-responsive .dot-menu").on("click", function(){ + $(".others-option-for-responsive .container .container").toggleClass("active"); + }); + + // Search Menu JS + $(".others-option .search-icon i").on("click", function(){ + $(".search-overlay").toggleClass("search-overlay-active"); + }); + $(".search-overlay-close").on("click", function(){ + $(".search-overlay").removeClass("search-overlay-active"); + }); + + // Tooltip + var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) + var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { + return new bootstrap.Tooltip(tooltipTriggerEl) + }); + + // Popup Image + $('.popup-image').magnificPopup({ + type: 'image', + gallery:{ + enabled:true + } + }); + + // Popup Video + $('.popup-video').magnificPopup({ + disableOn: 320, + type: 'iframe', + mainClass: 'mfp-fade', + removalDelay: 160, + preloader: false, + fixedContentPos: false + }); + + // Odometer JS + $('.odometer').appear(function(e) { + var odo = $(".odometer"); + odo.each(function() { + var countNumber = $(this).attr("data-count"); + $(this).html(countNumber); + }); + }); + + // Startup Works Slides + var carouselEl = $('.startup-works-slides'); + carouselEl.owlCarousel({ + items: 1, + loop: true, + margin: 30, + nav: false, + dots: false, + autoplay: true, + autoplayHoverPause: true, + navText: [ + "", + "" + ] + }); + $(".custom-owl-prev").click(function() { + carouselEl.trigger('next.owl.carousel'); + }); + $(".custom-owl-next").click(function() { + carouselEl.trigger('prev.owl.carousel'); + }); + + // Furniture Banner Slides + $('.furniture-banner-slides').owlCarousel({ + items: 1, + nav: false, + loop: true, + margin: 30, + dots: true, + autoplay: true, + animateIn: 'fadeIn', + animateOut: 'fadeOut', + autoplayHoverPause: true, + navText: [ + "", + "" + ] + }); + + // Testimonials Slides + $('.testimonials-slides').owlCarousel({ + items: 1, + nav: true, + loop: true, + margin: 30, + dots: false, + autoplay: true, + animateIn: 'fadeIn', + animateOut: 'fadeOut', + autoplayHoverPause: true, + navText: [ + "", + "" + ] + }); + + // Startup Testimonials Slides + $('.startup-testimonials-slides').owlCarousel({ + items: 1, + nav: true, + loop: true, + margin: 30, + dots: false, + autoplay: true, + animateIn: 'fadeIn', + animateOut: 'fadeOut', + autoplayHoverPause: true, + navText: [ + "", + "" + ] + }); + + // Saas Testimonials Slides + $('.saas-testimonials-slides').owlCarousel({ + nav: true, + loop: true, + margin: 30, + dots: false, + autoplay: true, + autoplayHoverPause: true, + navText: [ + "", + "" + ], + responsive: { + 0: { + items: 1 + }, + 576: { + items: 1 + }, + 768: { + items: 2 + }, + 992: { + items: 2 + } + } + }); + + // Partner Slides + $('.partner-slides').owlCarousel({ + nav: false, + loop: true, + margin: 30, + dots: false, + autoplay: true, + autoplayHoverPause: true, + navText: [ + "", + "" + ], + responsive: { + 0: { + items: 2 + }, + 576: { + items: 3 + }, + 768: { + items: 4 + }, + 992: { + items: 5 + }, + 1200: { + items: 6 + } + } + }); + + // Screenshot Slides + $('.screenshot-slides').owlCarousel({ + nav: true, + loop: true, + dots: false, + center: true, + autoplay: true, + autoplayHoverPause: true, + navText: [ + "", + "" + ], + responsive: { + 0: { + items: 1 + }, + 576: { + items: 2 + }, + 768: { + items: 3 + }, + 992: { + items: 5 + } + } + }); + + // MixItUp Shorting + $(function(){ + $('.shorting').mixItUp(); + }); + + // Marketing Testimonials Slides + $('.marketing-testimonials-slides').owlCarousel({ + items: 1, + nav: true, + loop: true, + margin: 30, + dots: false, + autoplay: true, + animateIn: 'fadeIn', + animateOut: 'fadeOut', + autoplayHoverPause: true, + navText: [ + "", + "" + ] + }); + + // Categories Slides + $('.categories-slides').owlCarousel({ + nav: true, + loop: true, + margin: 30, + dots: false, + autoplay: true, + autoplayHoverPause: true, + navText: [ + "", + "" + ], + responsive: { + 0: { + items: 1 + }, + 576: { + items: 2 + }, + 768: { + items: 2 + }, + 992: { + items: 4 + } + } + }); + + // Instagram Slides + $('.instagram-slides').owlCarousel({ + nav: false, + loop: true, + dots: false, + autoplay: true, + autoplayHoverPause: true, + navText: [ + "", + "" + ], + responsive: { + 0: { + items: 2 + }, + 576: { + items: 3 + }, + 768: { + items: 5 + }, + 992: { + items: 8 + } + } + }); + + // Work Slides + $('.works-slides-style-one').owlCarousel({ + nav: true, + loop: true, + margin: 30, + dots: false, + autoplay: true, + autoplayHoverPause: true, + navText: [ + "", + "" + ], + responsive: { + 0: { + items: 1 + }, + 576: { + items: 2 + }, + 768: { + items: 2 + }, + 992: { + items: 2 + } + } + }); + $('.works-slides-style-two').owlCarousel({ + nav: true, + loop: true, + margin: 30, + dots: true, + autoplay: true, + autoplayHoverPause: true, + navText: [ + "", + "" + ], + responsive: { + 0: { + items: 1 + }, + 576: { + items: 2 + }, + 768: { + items: 2 + }, + 992: { + items: 3 + } + } + }); + + // Portfolio Details Slides + $('.portfolio-details-slides').owlCarousel({ + nav: true, + loop: true, + margin: 30, + dots: false, + autoplay: true, + autoplayHoverPause: true, + navText: [ + "", + "" + ], + responsive: { + 0: { + items: 1 + }, + 576: { + items: 2 + }, + 768: { + items: 2 + }, + 992: { + items: 2 + } + } + }); + + // Parallax + $('.jarallax').jarallax({ + speed: 0.5, + imgHeight: 768, + imgWidth: 1366, + }); + + // Input Plus & Minus Number JS + $('.input-counter').each(function() { + var spinner = jQuery(this), + input = spinner.find('input[type="text"]'), + btnUp = spinner.find('.plus-btn'), + btnDown = spinner.find('.minus-btn'), + min = input.attr('min'), + max = input.attr('max'); + + btnUp.on('click', function() { + var oldValue = parseFloat(input.val()); + if (oldValue >= max) { + var newVal = oldValue; + } else { + var newVal = oldValue + 1; + } + spinner.find("input").val(newVal); + spinner.find("input").trigger("change"); + }); + btnDown.on('click', function() { + var oldValue = parseFloat(input.val()); + if (oldValue <= min) { + var newVal = oldValue; + } else { + var newVal = oldValue - 1; + } + spinner.find("input").val(newVal); + spinner.find("input").trigger("change"); + }); + }); + + // Price Range Slider + $(".js-range-of-price").ionRangeSlider({ + type: "double", + drag_interval: true, + min_interval: null, + max_interval: null + }); + + // Show More Item + $('.showmore-box').showMoreItems({ + startNum: 6, + afterNum: 3, + moreText: 'Load More', + noMoreText: 'No More' + }); + $('.showmore-box2').showMoreItems({ + startNum: 6, + afterNum: 4, + moreText: 'Load More', + noMoreText: 'No More' + }); + + // Count Time + function makeTimer() { + var endTime = new Date("September 20, 2021 17:00:00 PDT"); + var endTime = (Date.parse(endTime)) / 1000; + var now = new Date(); + var now = (Date.parse(now) / 1000); + var timeLeft = endTime - now; + var days = Math.floor(timeLeft / 86400); + var hours = Math.floor((timeLeft - (days * 86400)) / 3600); + var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600 )) / 60); + var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60))); + if (hours < "10") { hours = "0" + hours; } + if (minutes < "10") { minutes = "0" + minutes; } + if (seconds < "10") { seconds = "0" + seconds; } + $("#days").html(days + "Days"); + $("#hours").html(hours + "Hours"); + $("#minutes").html(minutes + "Minutes"); + $("#seconds").html(seconds + "Seconds"); + } + setInterval(function() { makeTimer(); }, 0); + + // Type Write + var TxtType = function(el, toRotate, period) { + this.toRotate = toRotate; + this.el = el; + this.loopNum = 0; + this.period = parseInt(period, 10) || 2000; + this.txt = ''; + this.tick(); + this.isDeleting = false; + }; + TxtType.prototype.tick = function() { + var i = this.loopNum % this.toRotate.length; + var fullTxt = this.toRotate[i]; + if (this.isDeleting) { + this.txt = fullTxt.substring(0, this.txt.length - 1); + } else { + this.txt = fullTxt.substring(0, this.txt.length + 1); + } + this.el.innerHTML = ''+this.txt+''; + var that = this; + var delta = 200 - Math.random() * 100; + if (this.isDeleting) { delta /= 2; } + if (!this.isDeleting && this.txt === fullTxt) { + delta = this.period; + this.isDeleting = true; + } else if (this.isDeleting && this.txt === '') { + this.isDeleting = false; + this.loopNum++; + delta = 500; + } + setTimeout(function() { + that.tick(); + }, delta); + }; + window.onload = function() { + var elements = document.getElementsByClassName('typewrite'); + for (var i=0; i 600) $('.go-top').addClass('active'); + if (scrolled < 600) $('.go-top').removeClass('active'); + }); + // Click Event + $('.go-top').on('click', function() { + $("html, body").animate({ scrollTop: "0" }, 500); + }); + }); + +}(jQuery)); \ No newline at end of file diff --git a/static/assets/js/meanmenu.min.js b/static/assets/js/meanmenu.min.js new file mode 100644 index 00000000..e3cd6705 --- /dev/null +++ b/static/assets/js/meanmenu.min.js @@ -0,0 +1 @@ +!function($){"use strict";$.fn.meanmenu=function(e){var n={meanMenuTarget:jQuery(this),meanMenuContainer:".noke-responsive-menu",meanMenuClose:"X",meanMenuCloseSize:"18px",meanMenuOpen:"",meanRevealPosition:"right",meanRevealPositionDistance:"0",meanRevealColour:"",meanScreenWidth:"480",meanNavPush:"",meanShowChildren:!0,meanExpandableChildren:!0,meanExpand:"+",meanContract:"-",meanRemoveAttrs:!1,onePage:!1,meanDisplay:"block",removeElements:""};e=$.extend(n,e);var a=window.innerWidth||document.documentElement.clientWidth;return this.each(function(){var n=e.meanMenuTarget,t=e.meanMenuContainer,r=e.meanMenuClose,i=e.meanMenuCloseSize,s=e.meanMenuOpen,u=e.meanRevealPosition,m=e.meanRevealPositionDistance,l=e.meanRevealColour,o=e.meanScreenWidth,c=e.meanNavPush,v=".meanmenu-reveal",h=e.meanShowChildren,d=e.meanExpandableChildren,y=e.meanExpand,j=e.meanContract,Q=e.meanRemoveAttrs,f=e.onePage,g=e.meanDisplay,p=e.removeElements,C=!1;(navigator.userAgent.match(/iPhone/i)||navigator.userAgent.match(/iPod/i)||navigator.userAgent.match(/iPad/i)||navigator.userAgent.match(/Android/i)||navigator.userAgent.match(/Blackberry/i)||navigator.userAgent.match(/Windows Phone/i))&&(C=!0),(navigator.userAgent.match(/MSIE 8/i)||navigator.userAgent.match(/MSIE 7/i))&&jQuery("html").css("overflow-y","scroll");var w="",x=function(){if("center"===u){var e=window.innerWidth||document.documentElement.clientWidth,n=e/2-22+"px";w="left:"+n+";right:auto;",C?jQuery(".meanmenu-reveal").animate({left:n}):jQuery(".meanmenu-reveal").css("left",n)}},A=!1,E=!1;"right"===u&&(w="right:"+m+";left:auto;"),"left"===u&&(w="left:"+m+";right:auto;"),x();var M="",P=function(){M.html(jQuery(M).is(".meanmenu-reveal.meanclose")?r:s)},W=function(){jQuery(".mean-bar,.mean-push").remove(),jQuery(t).removeClass("mean-container"),jQuery(n).css("display",g),A=!1,E=!1,jQuery(p).removeClass("mean-remove")},b=function(){var e="background:"+l+";color:"+l+";"+w;if(o>=a){jQuery(p).addClass("mean-remove"),E=!0,jQuery(t).addClass("mean-container"),jQuery(".mean-container").prepend('
    Show Navigation
    ');var r=jQuery(n).html();jQuery(".mean-nav").html(r),Q&&jQuery("nav.mean-nav ul, nav.mean-nav ul *").each(function(){jQuery(this).is(".mean-remove")?jQuery(this).attr("class","mean-remove"):jQuery(this).removeAttr("class"),jQuery(this).removeAttr("id")}),jQuery(n).before('
    '),jQuery(".mean-push").css("margin-top",c),jQuery(n).hide(),jQuery(".meanmenu-reveal").show(),jQuery(v).html(s),M=jQuery(v),jQuery(".mean-nav ul").hide(),h?d?(jQuery(".mean-nav ul ul").each(function(){jQuery(this).children().length&&jQuery(this,"li:first").parent().append(''+y+"")}),jQuery(".mean-expand").on("click",function(e){e.preventDefault(),jQuery(this).hasClass("mean-clicked")?(jQuery(this).text(y),jQuery(this).prev("ul").slideUp(300,function(){})):(jQuery(this).text(j),jQuery(this).prev("ul").slideDown(300,function(){})),jQuery(this).toggleClass("mean-clicked")})):jQuery(".mean-nav ul ul").show():jQuery(".mean-nav ul ul").hide(),jQuery(".mean-nav ul li").last().addClass("mean-last"),M.removeClass("meanclose"),jQuery(M).click(function(e){e.preventDefault(),A===!1?(M.css("text-align","center"),M.css("text-indent","0"),M.css("font-size",i),jQuery(".mean-nav ul:first").slideDown(),A=!0):(jQuery(".mean-nav ul:first").slideUp(),A=!1),M.toggleClass("meanclose"),P(),jQuery(p).addClass("mean-remove")}),f&&jQuery(".mean-nav ul > li > a:first-child").on("click",function(){jQuery(".mean-nav ul:first").slideUp(),A=!1,jQuery(M).toggleClass("meanclose").html(s)})}else W()};C||jQuery(window).resize(function(){a=window.innerWidth||document.documentElement.clientWidth,a>o,W(),o>=a?(b(),x()):W()}),jQuery(window).resize(function(){a=window.innerWidth||document.documentElement.clientWidth,C?(x(),o>=a?E===!1&&b():W()):(W(),o>=a&&(b(),x()))}),b()})}}(jQuery); \ No newline at end of file diff --git a/static/assets/js/mixitup.min.js b/static/assets/js/mixitup.min.js new file mode 100644 index 00000000..93b5ba3e --- /dev/null +++ b/static/assets/js/mixitup.min.js @@ -0,0 +1,14 @@ +/**! + * MixItUp v2.1.11 + * + * @copyright Copyright 2015 KunkaLabs Limited. + * @author KunkaLabs Limited. + * @link https://mixitup.kunkalabs.com + * + * @license Commercial use requires a commercial license. + * https://mixitup.kunkalabs.com/licenses/ + * + * Non-commercial use permitted under terms of CC-BY-NC license. + * http://creativecommons.org/licenses/by-nc/3.0/ + */ +!function(a,b){"use strict";a.MixItUp=function(){var b=this;b._execAction("_constructor",0),a.extend(b,{selectors:{target:".mix",filter:".filter",sort:".sort"},animation:{enable:!0,effects:"fade scale",duration:600,easing:"ease",perspectiveDistance:"3000",perspectiveOrigin:"50% 50%",queue:!0,queueLimit:1,animateChangeLayout:!1,animateResizeContainer:!0,animateResizeTargets:!1,staggerSequence:!1,reverseOut:!1},callbacks:{onMixLoad:!1,onMixStart:!1,onMixBusy:!1,onMixEnd:!1,onMixFail:!1,_user:!1},controls:{enable:!0,live:!1,toggleFilterButtons:!1,toggleLogic:"or",activeClass:"active"},layout:{display:"inline-block",containerClass:"",containerClassFail:"fail"},load:{filter:"all",sort:!1},_$body:null,_$container:null,_$targets:null,_$parent:null,_$sortButtons:null,_$filterButtons:null,_suckMode:!1,_mixing:!1,_sorting:!1,_clicking:!1,_loading:!0,_changingLayout:!1,_changingClass:!1,_changingDisplay:!1,_origOrder:[],_startOrder:[],_newOrder:[],_activeFilter:null,_toggleArray:[],_toggleString:"",_activeSort:"default:asc",_newSort:null,_startHeight:null,_newHeight:null,_incPadding:!0,_newDisplay:null,_newClass:null,_targetsBound:0,_targetsDone:0,_queue:[],_$show:a(),_$hide:a()}),b._execAction("_constructor",1)},a.MixItUp.prototype={constructor:a.MixItUp,_instances:{},_handled:{_filter:{},_sort:{}},_bound:{_filter:{},_sort:{}},_actions:{},_filters:{},extend:function(b){for(var c in b)a.MixItUp.prototype[c]=b[c]},addAction:function(b,c,d,e){a.MixItUp.prototype._addHook("_actions",b,c,d,e)},addFilter:function(b,c,d,e){a.MixItUp.prototype._addHook("_filters",b,c,d,e)},_addHook:function(b,c,d,e,f){var g=a.MixItUp.prototype[b],h={};f=1===f||"post"===f?"post":"pre",h[c]={},h[c][f]={},h[c][f][d]=e,a.extend(!0,g,h)},_init:function(b,c){var d=this;if(d._execAction("_init",0,arguments),c&&a.extend(!0,d,c),d._$body=a("body"),d._domNode=b,d._$container=a(b),d._$container.addClass(d.layout.containerClass),d._id=b.id,d._platformDetect(),d._brake=d._getPrefixedCSS("transition","none"),d._refresh(!0),d._$parent=d._$targets.parent().length?d._$targets.parent():d._$container,d.load.sort&&(d._newSort=d._parseSort(d.load.sort),d._newSortString=d.load.sort,d._activeSort=d.load.sort,d._sort(),d._printSort()),d._activeFilter="all"===d.load.filter?d.selectors.target:"none"===d.load.filter?"":d.load.filter,d.controls.enable&&d._bindHandlers(),d.controls.toggleFilterButtons){d._buildToggleArray();for(var e=0;e-1){var k=d._helpers._camelCase(i.substring(5,i.length));f.dataset[k]=j}}}f.mixParent===b&&(f.mixParent=d._id)}if(d._$targets.length&&a||!d._origOrder.length&&d._$targets.length){d._origOrder=[];for(var e=0;e-1)&&(a(e.selectors.sort).removeClass(e.controls.activeClass),f(c,d),e.sort(g))}if("filter"===d){var h,i=c.attr("data-filter"),j="or"===e.controls.toggleLogic?",":"";e.controls.toggleFilterButtons?(e._buildToggleArray(),c.hasClass(e.controls.activeClass)?(f(c,d,!0),h=e._toggleArray.indexOf(i),e._toggleArray.splice(h,1)):(f(c,d),e._toggleArray.push(i)),e._toggleArray=a.grep(e._toggleArray,function(a){return a}),e._toggleString=e._toggleArray.join(j),e.filter(e._toggleString)):c.hasClass(e.controls.activeClass)||(a(e.selectors.filter).removeClass(e.controls.activeClass),f(c,d),e.filter(i))}e._execAction("_processClick",1,arguments)}else"function"==typeof e.callbacks.onMixBusy&&e.callbacks.onMixBusy.call(e._domNode,e._state,e),e._execAction("_processClickBusy",1,arguments)},_buildToggleArray:function(){var a=this,b=a._activeFilter.replace(/\s/g,"");if(a._execAction("_buildToggleArray",0,arguments),"or"===a.controls.toggleLogic)a._toggleArray=b.split(",");else{a._toggleArray=b.split("."),!a._toggleArray[0]&&a._toggleArray.shift();for(var c,d=0;c=a._toggleArray[d];d++)a._toggleArray[d]="."+c}a._execAction("_buildToggleArray",1,arguments)},_updateControls:function(c,d){var e=this,f={filter:c.filter,sort:c.sort},g=function(a,b){try{d&&"filter"===h&&"none"!==f.filter&&""!==f.filter?a.filter(b).addClass(e.controls.activeClass):a.removeClass(e.controls.activeClass).filter(b).addClass(e.controls.activeClass)}catch(c){}},h="filter",i=null;e._execAction("_updateControls",0,arguments),c.filter===b&&(f.filter=e._activeFilter),c.sort===b&&(f.sort=e._activeSort),f.filter===e.selectors.target&&(f.filter="all");for(var j=0;2>j;j++)i=e.controls.live?a(e.selectors[h]):e["_$"+h+"Buttons"],i&&g(i,"[data-"+h+'="'+f[h]+'"]'),h="sort";e._execAction("_updateControls",1,arguments)},_filter:function(){var b=this;b._execAction("_filter",0);for(var c=0;cg?"asc"===e?-1:1:g>h?"asc"===e?1:-1:g===h&&d._newSort.length>c+1?d._compare(a,b,c+1):0},_printSort:function(a){var b=this,c=a?b._startOrder:b._newOrder,d=b._$parent[0].querySelectorAll(b.selectors.target),e=d.length?d[d.length-1].nextElementSibling:null,f=document.createDocumentFragment();b._execAction("_printSort",0,arguments);for(var g=0;g-1){if(c){var e=a.animation.effects.indexOf(b+"(");if(e>-1){var f=a.animation.effects.substring(e),g=/\(([^)]+)\)/.exec(f),h=g[1];return{val:h}}}return!0}return!1},d=function(a,b){return b?"-"===a.charAt(0)?a.substr(1,a.length):"-"+a:a},e=function(a,e){for(var f=[["scale",".01"],["translateX","20px"],["translateY","20px"],["translateZ","20px"],["rotateX","90deg"],["rotateY","90deg"],["rotateZ","180deg"]],g=0;gi;i++){var j=0===i?j=b._prefix:"";b._ff&&b._ff<=20&&(h[j+"transition-property"]="all",h[j+"transition-timing-function"]=b.animation.easing+"ms",h[j+"transition-duration"]=b.animation.duration+"ms"),h[j+"transition-delay"]=g+"ms",h[j+"transform"]="translate("+f.x+"px,"+f.y+"px)"}(b.effects.transform||b.effects.opacity)&&b._bindTargetDone(e),b._ff&&b._ff<=20?e.css(h):e.css(b.effects.transition).css(h)}for(var c=0;ci;i++){var j=0===i?j=b._prefix:"";k[j+"transition-delay"]=g+"ms",k[j+"transform"]=b.effects.transformOut,k.opacity=b.effects.opacity}e.css(b.effects.transition).css(k),(b.effects.transform||b.effects.opacity)&&b._bindTargetDone(e)}b._execAction("_animateTargets",1)},_bindTargetDone:function(b){var c=this,d=b[0];c._execAction("_bindTargetDone",0,arguments),d.dataset.bound||(d.dataset.bound=!0,c._targetsBound++,b.on("webkitTransitionEnd.mixItUp transitionend.mixItUp",function(e){(e.originalEvent.propertyName.indexOf("transform")>-1||e.originalEvent.propertyName.indexOf("opacity")>-1)&&a(e.originalEvent.target).is(c.selectors.target)&&(b.off(".mixItUp"),d.dataset.bound="",c._targetDone())})),c._execAction("_bindTargetDone",1,arguments)},_targetDone:function(){var a=this;a._execAction("_targetDone",0),a._targetsDone++,a._targetsDone===a._targetsBound&&a._cleanUp(),a._execAction("_targetDone",1)},_cleanUp:function(){var b=this,c=b.animation.animateResizeTargets?"transform opacity width height margin-bottom margin-right":"transform opacity",d=function(){b._$targets.removeStyle("transition",b._prefix)};b._execAction("_cleanUp",0),b._changingLayout?b._$show.css("display",b._newDisplay):b._$show.css("display",b.layout.display),b._$targets.css(b._brake),b._$targets.removeStyle(c,b._prefix).removeAttr("data-inter-pos-x data-inter-pos-y data-final-pos-x data-final-pos-y data-orig-pos-x data-orig-pos-y data-orig-height data-orig-width data-final-height data-final-width data-inter-width data-inter-height data-orig-margin-right data-orig-margin-bottom data-inter-margin-right data-inter-margin-bottom data-final-margin-right data-final-margin-bottom"),b._$hide.removeStyle("display"),b._$parent.removeStyle("height transition perspective-distance perspective perspective-origin-x perspective-origin-y perspective-origin perspectiveOrigin",b._prefix),b._sorting&&(b._printSort(),b._activeSort=b._newSortString,b._sorting=!1),b._changingLayout&&(b._changingDisplay&&(b.layout.display=b._newDisplay,b._changingDisplay=!1),b._changingClass&&(b._$parent.removeClass(b.layout.containerClass).addClass(b._newClass),b.layout.containerClass=b._newClass,b._changingClass=!1),b._changingLayout=!1),b._refresh(),b._buildState(),b._state.fail&&b._$container.addClass(b.layout.containerClassFail),b._$show=a(),b._$hide=a(),window.requestAnimationFrame&&requestAnimationFrame(d),b._mixing=!1,"function"==typeof b.callbacks._user&&b.callbacks._user.call(b._domNode,b._state,b),"function"==typeof b.callbacks.onMixEnd&&b.callbacks.onMixEnd.call(b._domNode,b._state,b),b._$container.trigger("mixEnd",[b._state,b]),b._state.fail&&("function"==typeof b.callbacks.onMixFail&&b.callbacks.onMixFail.call(b._domNode,b._state,b),b._$container.trigger("mixFail",[b._state,b])),b._loading&&("function"==typeof b.callbacks.onMixLoad&&b.callbacks.onMixLoad.call(b._domNode,b._state,b),b._$container.trigger("mixLoad",[b._state,b])),b._queue.length&&(b._execAction("_queue",0),b.multiMix(b._queue[0][0],b._queue[0][1],b._queue[0][2]),b._queue.splice(0,1)),b._execAction("_cleanUp",1),b._loading=!1},_getPrefixedCSS:function(a,b,c){var d=this,e={},f="",g=-1;for(g=0;2>g;g++)f=0===g?d._prefix:"",c?e[f+a]=f+b:e[f+a]=b;return d._execFilter("_getPrefixedCSS",e,arguments)},_getDelay:function(a){var b=this,c="function"==typeof b.animation.staggerSequence?b.animation.staggerSequence.call(b._domNode,a,b._state):a,d=b.animation.stagger?c*b.animation.staggerDuration:0;return b._execFilter("_getDelay",d,arguments)},_parseMultiMixArgs:function(a){for(var b=this,c={command:null,animate:b.animation.enable,callback:null},d=0;dg;)h=d[g],g++;return a!==b?a[e]!==b?a[e]:a:void 0};return a?c._execFilter("getOption",d(c,a),arguments):c},setOptions:function(b){var c=this;c._execAction("setOptions",0,arguments),"object"==typeof b&&a.extend(!0,c,b),c._execAction("setOptions",1,arguments)},getState:function(){var a=this;return a._execFilter("getState",a._state,a)},forceRefresh:function(){var a=this;a._refresh(!1,!0)},destroy:function(b){var c=this,d=a.MixItUp.prototype._bound._filter,e=a.MixItUp.prototype._bound._sort;c._execAction("destroy",0,arguments),c._$body.add(a(c.selectors.sort)).add(a(c.selectors.filter)).off(".mixItUp");for(var f=0;f1?d[c.selectors.filter]--:1===d[c.selectors.filter]&&delete d[c.selectors.filter],e[c.selectors.sort]&&e[c.selectors.sort]>1?e[c.selectors.sort]--:1===e[c.selectors.sort]&&delete e[c.selectors.sort],delete a.MixItUp.prototype._instances[c._id]}},a.fn.mixItUp=function(){var c,d=arguments,e=[],f=function(b,c){var d=new a.MixItUp,e=function(){return("00000"+(16777216*Math.random()<<0).toString(16)).substr(-6).toUpperCase()};d._execAction("_instantiate",0,arguments),b.id=b.id?b.id:"MixItUp"+e(),d._instances[b.id]||(d._instances[b.id]=d,d._init(b,c)),d._execAction("_instantiate",1,arguments)};return c=this.each(function(){if(d&&"string"==typeof d[0]){var c=a.MixItUp.prototype._instances[this.id];if("isLoaded"===d[0])e.push(c?!0:!1);else{var g=c[d[0]](d[1],d[2],d[3]);g!==b&&e.push(g)}}else f(this,d[0])}),e.length?e.length>1?e:e[0]:c},a.fn.removeStyle=function(c,d){return d=d?d:"",this.each(function(){for(var e=this,f=c.split(" "),g=0;gh;h++){switch(h){case 0:var i=f[g];break;case 1:var i=a.MixItUp.prototype._helpers._camelCase(i);break;case 2:var i=d+f[g];break;case 3:var i=a.MixItUp.prototype._helpers._camelCase(d+f[g])}if(e.style[i]!==b&&"unknown"!=typeof e.style[i]&&e.style[i].length>0&&(e.style[i]=""),!d&&1===h)break}e.attributes&&e.attributes.style&&e.attributes.style!==b&&""===e.attributes.style.value&&e.attributes.removeNamedItem("style")})}}(jQuery); \ No newline at end of file diff --git a/static/assets/js/odometer.min.js b/static/assets/js/odometer.min.js new file mode 100644 index 00000000..ed039bcb --- /dev/null +++ b/static/assets/js/odometer.min.js @@ -0,0 +1,2 @@ +/*! odometer 0.4.8 */ +(function(){var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G=[].slice;q='',n=''+q+"",d='8'+n+"",g='',c="(,ddd).dd",h=/^\(?([^)]*)\)?(?:(.)(d+))?$/,i=30,f=2e3,a=20,j=2,e=.5,k=1e3/i,b=1e3/a,o="transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",y=document.createElement("div").style,p=null!=y.transition||null!=y.webkitTransition||null!=y.mozTransition||null!=y.oTransition,w=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,l=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver,s=function(a){var b;return b=document.createElement("div"),b.innerHTML=a,b.children[0]},v=function(a,b){return a.className=a.className.replace(new RegExp("(^| )"+b.split(" ").join("|")+"( |$)","gi")," ")},r=function(a,b){return v(a,b),a.className+=" "+b},z=function(a,b){var c;return null!=document.createEvent?(c=document.createEvent("HTMLEvents"),c.initEvent(b,!0,!0),a.dispatchEvent(c)):void 0},u=function(){var a,b;return null!=(a=null!=(b=window.performance)&&"function"==typeof b.now?b.now():void 0)?a:+new Date},x=function(a,b){return null==b&&(b=0),b?(a*=Math.pow(10,b),a+=.5,a=Math.floor(a),a/=Math.pow(10,b)):Math.round(a)},A=function(a){return 0>a?Math.ceil(a):Math.floor(a)},t=function(a){return a-x(a)},C=!1,(B=function(){var a,b,c,d,e;if(!C&&null!=window.jQuery){for(C=!0,d=["html","text"],e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(function(a){var b;return b=window.jQuery.fn[a],window.jQuery.fn[a]=function(a){var c;return null==a||null==(null!=(c=this[0])?c.odometer:void 0)?b.apply(this,arguments):this[0].odometer.update(a)}}(a));return e}})(),setTimeout(B,0),m=function(){function a(b){var c,d,e,g,h,i,l,m,n,o,p=this;if(this.options=b,this.el=this.options.el,null!=this.el.odometer)return this.el.odometer;this.el.odometer=this,m=a.options;for(d in m)g=m[d],null==this.options[d]&&(this.options[d]=g);null==(h=this.options).duration&&(h.duration=f),this.MAX_VALUES=this.options.duration/k/j|0,this.resetFormat(),this.value=this.cleanValue(null!=(n=this.options.value)?n:""),this.renderInside(),this.render();try{for(o=["innerHTML","innerText","textContent"],i=0,l=o.length;l>i;i++)e=o[i],null!=this.el[e]&&!function(a){return Object.defineProperty(p.el,a,{get:function(){var b;return"innerHTML"===a?p.inside.outerHTML:null!=(b=p.inside.innerText)?b:p.inside.textContent},set:function(a){return p.update(a)}})}(e)}catch(q){c=q,this.watchForMutations()}}return a.prototype.renderInside=function(){return this.inside=document.createElement("div"),this.inside.className="odometer-inside",this.el.innerHTML="",this.el.appendChild(this.inside)},a.prototype.watchForMutations=function(){var a,b=this;if(null!=l)try{return null==this.observer&&(this.observer=new l(function(a){var c;return c=b.el.innerText,b.renderInside(),b.render(b.value),b.update(c)})),this.watchMutations=!0,this.startWatchingMutations()}catch(c){a=c}},a.prototype.startWatchingMutations=function(){return this.watchMutations?this.observer.observe(this.el,{childList:!0}):void 0},a.prototype.stopWatchingMutations=function(){var a;return null!=(a=this.observer)?a.disconnect():void 0},a.prototype.cleanValue=function(a){var b;return"string"==typeof a&&(a=a.replace(null!=(b=this.format.radix)?b:".",""),a=a.replace(/[.,]/g,""),a=a.replace("","."),a=parseFloat(a,10)||0),x(a,this.format.precision)},a.prototype.bindTransitionEnd=function(){var a,b,c,d,e,f,g=this;if(!this.transitionEndBound){for(this.transitionEndBound=!0,b=!1,e=o.split(" "),f=[],c=0,d=e.length;d>c;c++)a=e[c],f.push(this.el.addEventListener(a,function(){return b?!0:(b=!0,setTimeout(function(){return g.render(),b=!1,z(g.el,"odometerdone")},0),!0)},!1));return f}},a.prototype.resetFormat=function(){var a,b,d,e,f,g,i,j;if(a=null!=(i=this.options.format)?i:c,a||(a="d"),d=h.exec(a),!d)throw new Error("Odometer: Unparsable digit format");return j=d.slice(1,4),g=j[0],f=j[1],b=j[2],e=(null!=b?b.length:void 0)||0,this.format={repeating:g,radix:f,precision:e}},a.prototype.render=function(a){var b,c,d,e,f,g,h;for(null==a&&(a=this.value),this.stopWatchingMutations(),this.resetFormat(),this.inside.innerHTML="",f=this.options.theme,b=this.el.className.split(" "),e=[],g=0,h=b.length;h>g;g++)c=b[g],c.length&&((d=/^odometer-theme-(.+)$/.exec(c))?f=d[1]:/^odometer(-|$)/.test(c)||e.push(c));return e.push("odometer"),p||e.push("odometer-no-transitions"),f?e.push("odometer-theme-"+f):e.push("odometer-auto-theme"),this.el.className=e.join(" "),this.ribbons={},this.formatDigits(a),this.startWatchingMutations()},a.prototype.formatDigits=function(a){var b,c,d,e,f,g,h,i,j,k;if(this.digits=[],this.options.formatFunction)for(d=this.options.formatFunction(a),j=d.split("").reverse(),f=0,h=j.length;h>f;f++)c=j[f],c.match(/0-9/)?(b=this.renderDigit(),b.querySelector(".odometer-value").innerHTML=c,this.digits.push(b),this.insertDigit(b)):this.addSpacer(c);else for(e=!this.format.precision||!t(a)||!1,k=a.toString().split("").reverse(),g=0,i=k.length;i>g;g++)b=k[g],"."===b&&(e=!0),this.addDigit(b,e)},a.prototype.update=function(a){var b,c=this;return a=this.cleanValue(a),(b=a-this.value)?(v(this.el,"odometer-animating-up odometer-animating-down odometer-animating"),b>0?r(this.el,"odometer-animating-up"):r(this.el,"odometer-animating-down"),this.stopWatchingMutations(),this.animate(a),this.startWatchingMutations(),setTimeout(function(){return c.el.offsetHeight,r(c.el,"odometer-animating")},0),this.value=a):void 0},a.prototype.renderDigit=function(){return s(d)},a.prototype.insertDigit=function(a,b){return null!=b?this.inside.insertBefore(a,b):this.inside.children.length?this.inside.insertBefore(a,this.inside.children[0]):this.inside.appendChild(a)},a.prototype.addSpacer=function(a,b,c){var d;return d=s(g),d.innerHTML=a,c&&r(d,c),this.insertDigit(d,b)},a.prototype.addDigit=function(a,b){var c,d,e,f;if(null==b&&(b=!0),"-"===a)return this.addSpacer(a,null,"odometer-negation-mark");if("."===a)return this.addSpacer(null!=(f=this.format.radix)?f:".",null,"odometer-radix-mark");if(b)for(e=!1;;){if(!this.format.repeating.length){if(e)throw new Error("Bad odometer format without digits");this.resetFormat(),e=!0}if(c=this.format.repeating[this.format.repeating.length-1],this.format.repeating=this.format.repeating.substring(0,this.format.repeating.length-1),"d"===c)break;this.addSpacer(c)}return d=this.renderDigit(),d.querySelector(".odometer-value").innerHTML=a,this.digits.push(d),this.insertDigit(d)},a.prototype.animate=function(a){return p&&"count"!==this.options.animation?this.animateSlide(a):this.animateCount(a)},a.prototype.animateCount=function(a){var c,d,e,f,g,h=this;if(d=+a-this.value)return f=e=u(),c=this.value,(g=function(){var i,j,k;return u()-f>h.options.duration?(h.value=a,h.render(),void z(h.el,"odometerdone")):(i=u()-e,i>b&&(e=u(),k=i/h.options.duration,j=d*k,c+=j,h.render(Math.round(c))),null!=w?w(g):setTimeout(g,b))})()},a.prototype.getDigitCount=function(){var a,b,c,d,e,f;for(d=1<=arguments.length?G.call(arguments,0):[],a=e=0,f=d.length;f>e;a=++e)c=d[a],d[a]=Math.abs(c);return b=Math.max.apply(Math,d),Math.ceil(Math.log(b+1)/Math.log(10))},a.prototype.getFractionalDigitCount=function(){var a,b,c,d,e,f,g;for(e=1<=arguments.length?G.call(arguments,0):[],b=/^\-?\d*\.(\d*?)0*$/,a=f=0,g=e.length;g>f;a=++f)d=e[a],e[a]=d.toString(),c=b.exec(e[a]),null==c?e[a]=0:e[a]=c[1].length;return Math.max.apply(Math,e)},a.prototype.resetDigits=function(){return this.digits=[],this.ribbons=[],this.inside.innerHTML="",this.resetFormat()},a.prototype.animateSlide=function(a){var b,c,d,f,g,h,i,j,k,l,m,n,o,p,q,s,t,u,v,w,x,y,z,B,C,D,E;if(s=this.value,j=this.getFractionalDigitCount(s,a),j&&(a*=Math.pow(10,j),s*=Math.pow(10,j)),d=a-s){for(this.bindTransitionEnd(),f=this.getDigitCount(s,a),g=[],b=0,m=v=0;f>=0?f>v:v>f;m=f>=0?++v:--v){if(t=A(s/Math.pow(10,f-m-1)),i=A(a/Math.pow(10,f-m-1)),h=i-t,Math.abs(h)>this.MAX_VALUES){for(l=[],n=h/(this.MAX_VALUES+this.MAX_VALUES*b*e),c=t;h>0&&i>c||0>h&&c>i;)l.push(Math.round(c)),c+=n;l[l.length-1]!==i&&l.push(i),b++}else l=function(){E=[];for(var a=t;i>=t?i>=a:a>=i;i>=t?a++:a--)E.push(a);return E}.apply(this);for(m=w=0,y=l.length;y>w;m=++w)k=l[m],l[m]=Math.abs(k%10);g.push(l)}for(this.resetDigits(),D=g.reverse(),m=x=0,z=D.length;z>x;m=++x)for(l=D[m],this.digits[m]||this.addDigit(" ",m>=j),null==(u=this.ribbons)[m]&&(u[m]=this.digits[m].querySelector(".odometer-ribbon-inner")),this.ribbons[m].innerHTML="",0>d&&(l=l.reverse()),o=C=0,B=l.length;B>C;o=++C)k=l[o],q=document.createElement("div"),q.className="odometer-value",q.innerHTML=k,this.ribbons[m].appendChild(q),o===l.length-1&&r(q,"odometer-last-value"),0===o&&r(q,"odometer-first-value");return 0>t&&this.addDigit("-"),p=this.inside.querySelector(".odometer-radix-mark"),null!=p&&p.parent.removeChild(p),j?this.addSpacer(this.format.radix,this.digits[j-1],"odometer-radix-mark"):void 0}},a}(),m.options=null!=(E=window.odometerOptions)?E:{},setTimeout(function(){var a,b,c,d,e;if(window.odometerOptions){d=window.odometerOptions,e=[];for(a in d)b=d[a],e.push(null!=(c=m.options)[a]?(c=m.options)[a]:c[a]=b);return e}},0),m.init=function(){var a,b,c,d,e,f;if(null!=document.querySelectorAll){for(b=document.querySelectorAll(m.options.selector||".odometer"),f=[],c=0,d=b.length;d>c;c++)a=b[c],f.push(a.odometer=new m({el:a,value:null!=(e=a.innerText)?e:a.textContent}));return f}},null!=(null!=(F=document.documentElement)?F.doScroll:void 0)&&null!=document.createEventObject?(D=document.onreadystatechange,document.onreadystatechange=function(){return"complete"===document.readyState&&m.options.auto!==!1&&m.init(),null!=D?D.apply(this,arguments):void 0}):document.addEventListener("DOMContentLoaded",function(){return m.options.auto!==!1?m.init():void 0},!1),"function"==typeof define&&define.amd?define([],function(){return m}):"undefined"!=typeof exports&&null!==exports?module.exports=m:window.Odometer=m}).call(this); \ No newline at end of file diff --git a/static/assets/js/owl.carousel.min.js b/static/assets/js/owl.carousel.min.js new file mode 100644 index 00000000..6a8bfa92 --- /dev/null +++ b/static/assets/js/owl.carousel.min.js @@ -0,0 +1,7 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +!function(a,b,c,d){function e(b,c){this.settings=null,this.options=a.extend({},e.Defaults,c),this.$element=a(b),this._handlers={},this._plugins={},this._supress={},this._current=null,this._speed=null,this._coordinates=[],this._breakpoint=null,this._width=null,this._items=[],this._clones=[],this._mergers=[],this._widths=[],this._invalidated={},this._pipe=[],this._drag={time:null,target:null,pointer:null,stage:{start:null,current:null},direction:null},this._states={current:{},tags:{initializing:["busy"],animating:["busy"],dragging:["interacting"]}},a.each(["onResize","onThrottledResize"],a.proxy(function(b,c){this._handlers[c]=a.proxy(this[c],this)},this)),a.each(e.Plugins,a.proxy(function(a,b){this._plugins[a.charAt(0).toLowerCase()+a.slice(1)]=new b(this)},this)),a.each(e.Workers,a.proxy(function(b,c){this._pipe.push({filter:c.filter,run:a.proxy(c.run,this)})},this)),this.setup(),this.initialize()}e.Defaults={items:3,loop:!1,center:!1,rewind:!1,checkVisibility:!0,mouseDrag:!0,touchDrag:!0,pullDrag:!0,freeDrag:!1,margin:0,stagePadding:0,merge:!1,mergeFit:!0,autoWidth:!1,startPosition:0,rtl:!1,smartSpeed:250,fluidSpeed:!1,dragEndSpeed:!1,responsive:{},responsiveRefreshRate:200,responsiveBaseElement:b,fallbackEasing:"swing",slideTransition:"",info:!1,nestedItemSelector:!1,itemElement:"div",stageElement:"div",refreshClass:"owl-refresh",loadedClass:"owl-loaded",loadingClass:"owl-loading",rtlClass:"owl-rtl",responsiveClass:"owl-responsive",dragClass:"owl-drag",itemClass:"owl-item",stageClass:"owl-stage",stageOuterClass:"owl-stage-outer",grabClass:"owl-grab"},e.Width={Default:"default",Inner:"inner",Outer:"outer"},e.Type={Event:"event",State:"state"},e.Plugins={},e.Workers=[{filter:["width","settings"],run:function(){this._width=this.$element.width()}},{filter:["width","items","settings"],run:function(a){a.current=this._items&&this._items[this.relative(this._current)]}},{filter:["items","settings"],run:function(){this.$stage.children(".cloned").remove()}},{filter:["width","items","settings"],run:function(a){var b=this.settings.margin||"",c=!this.settings.autoWidth,d=this.settings.rtl,e={width:"auto","margin-left":d?b:"","margin-right":d?"":b};!c&&this.$stage.children().css(e),a.css=e}},{filter:["width","items","settings"],run:function(a){var b=(this.width()/this.settings.items).toFixed(3)-this.settings.margin,c=null,d=this._items.length,e=!this.settings.autoWidth,f=[];for(a.items={merge:!1,width:b};d--;)c=this._mergers[d],c=this.settings.mergeFit&&Math.min(c,this.settings.items)||c,a.items.merge=c>1||a.items.merge,f[d]=e?b*c:this._items[d].width();this._widths=f}},{filter:["items","settings"],run:function(){var b=[],c=this._items,d=this.settings,e=Math.max(2*d.items,4),f=2*Math.ceil(c.length/2),g=d.loop&&c.length?d.rewind?e:Math.max(e,f):0,h="",i="";for(g/=2;g>0;)b.push(this.normalize(b.length/2,!0)),h+=c[b[b.length-1]][0].outerHTML,b.push(this.normalize(c.length-1-(b.length-1)/2,!0)),i=c[b[b.length-1]][0].outerHTML+i,g-=1;this._clones=b,a(h).addClass("cloned").appendTo(this.$stage),a(i).addClass("cloned").prependTo(this.$stage)}},{filter:["width","items","settings"],run:function(){for(var a=this.settings.rtl?1:-1,b=this._clones.length+this._items.length,c=-1,d=0,e=0,f=[];++c",h)||this.op(b,"<",g)&&this.op(b,">",h))&&i.push(c);this.$stage.children(".active").removeClass("active"),this.$stage.children(":eq("+i.join("), :eq(")+")").addClass("active"),this.$stage.children(".center").removeClass("center"),this.settings.center&&this.$stage.children().eq(this.current()).addClass("center")}}],e.prototype.initializeStage=function(){this.$stage=this.$element.find("."+this.settings.stageClass),this.$stage.length||(this.$element.addClass(this.options.loadingClass),this.$stage=a("<"+this.settings.stageElement+">",{class:this.settings.stageClass}).wrap(a("
    ",{class:this.settings.stageOuterClass})),this.$element.append(this.$stage.parent()))},e.prototype.initializeItems=function(){var b=this.$element.find(".owl-item");if(b.length)return this._items=b.get().map(function(b){return a(b)}),this._mergers=this._items.map(function(){return 1}),void this.refresh();this.replace(this.$element.children().not(this.$stage.parent())),this.isVisible()?this.refresh():this.invalidate("width"),this.$element.removeClass(this.options.loadingClass).addClass(this.options.loadedClass)},e.prototype.initialize=function(){if(this.enter("initializing"),this.trigger("initialize"),this.$element.toggleClass(this.settings.rtlClass,this.settings.rtl),this.settings.autoWidth&&!this.is("pre-loading")){var a,b,c;a=this.$element.find("img"),b=this.settings.nestedItemSelector?"."+this.settings.nestedItemSelector:d,c=this.$element.children(b).width(),a.length&&c<=0&&this.preloadAutoWidthImages(a)}this.initializeStage(),this.initializeItems(),this.registerEventHandlers(),this.leave("initializing"),this.trigger("initialized")},e.prototype.isVisible=function(){return!this.settings.checkVisibility||this.$element.is(":visible")},e.prototype.setup=function(){var b=this.viewport(),c=this.options.responsive,d=-1,e=null;c?(a.each(c,function(a){a<=b&&a>d&&(d=Number(a))}),e=a.extend({},this.options,c[d]),"function"==typeof e.stagePadding&&(e.stagePadding=e.stagePadding()),delete e.responsive,e.responsiveClass&&this.$element.attr("class",this.$element.attr("class").replace(new RegExp("("+this.options.responsiveClass+"-)\\S+\\s","g"),"$1"+d))):e=a.extend({},this.options),this.trigger("change",{property:{name:"settings",value:e}}),this._breakpoint=d,this.settings=e,this.invalidate("settings"),this.trigger("changed",{property:{name:"settings",value:this.settings}})},e.prototype.optionsLogic=function(){this.settings.autoWidth&&(this.settings.stagePadding=!1,this.settings.merge=!1)},e.prototype.prepare=function(b){var c=this.trigger("prepare",{content:b});return c.data||(c.data=a("<"+this.settings.itemElement+"/>").addClass(this.options.itemClass).append(b)),this.trigger("prepared",{content:c.data}),c.data},e.prototype.update=function(){for(var b=0,c=this._pipe.length,d=a.proxy(function(a){return this[a]},this._invalidated),e={};b0)&&this._pipe[b].run(e),b++;this._invalidated={},!this.is("valid")&&this.enter("valid")},e.prototype.width=function(a){switch(a=a||e.Width.Default){case e.Width.Inner:case e.Width.Outer:return this._width;default:return this._width-2*this.settings.stagePadding+this.settings.margin}},e.prototype.refresh=function(){this.enter("refreshing"),this.trigger("refresh"),this.setup(),this.optionsLogic(),this.$element.addClass(this.options.refreshClass),this.update(),this.$element.removeClass(this.options.refreshClass),this.leave("refreshing"),this.trigger("refreshed")},e.prototype.onThrottledResize=function(){b.clearTimeout(this.resizeTimer),this.resizeTimer=b.setTimeout(this._handlers.onResize,this.settings.responsiveRefreshRate)},e.prototype.onResize=function(){return!!this._items.length&&(this._width!==this.$element.width()&&(!!this.isVisible()&&(this.enter("resizing"),this.trigger("resize").isDefaultPrevented()?(this.leave("resizing"),!1):(this.invalidate("width"),this.refresh(),this.leave("resizing"),void this.trigger("resized")))))},e.prototype.registerEventHandlers=function(){a.support.transition&&this.$stage.on(a.support.transition.end+".owl.core",a.proxy(this.onTransitionEnd,this)),!1!==this.settings.responsive&&this.on(b,"resize",this._handlers.onThrottledResize),this.settings.mouseDrag&&(this.$element.addClass(this.options.dragClass),this.$stage.on("mousedown.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("dragstart.owl.core selectstart.owl.core",function(){return!1})),this.settings.touchDrag&&(this.$stage.on("touchstart.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("touchcancel.owl.core",a.proxy(this.onDragEnd,this)))},e.prototype.onDragStart=function(b){var d=null;3!==b.which&&(a.support.transform?(d=this.$stage.css("transform").replace(/.*\(|\)| /g,"").split(","),d={x:d[16===d.length?12:4],y:d[16===d.length?13:5]}):(d=this.$stage.position(),d={x:this.settings.rtl?d.left+this.$stage.width()-this.width()+this.settings.margin:d.left,y:d.top}),this.is("animating")&&(a.support.transform?this.animate(d.x):this.$stage.stop(),this.invalidate("position")),this.$element.toggleClass(this.options.grabClass,"mousedown"===b.type),this.speed(0),this._drag.time=(new Date).getTime(),this._drag.target=a(b.target),this._drag.stage.start=d,this._drag.stage.current=d,this._drag.pointer=this.pointer(b),a(c).on("mouseup.owl.core touchend.owl.core",a.proxy(this.onDragEnd,this)),a(c).one("mousemove.owl.core touchmove.owl.core",a.proxy(function(b){var d=this.difference(this._drag.pointer,this.pointer(b));a(c).on("mousemove.owl.core touchmove.owl.core",a.proxy(this.onDragMove,this)),Math.abs(d.x)0^this.settings.rtl?"left":"right";a(c).off(".owl.core"),this.$element.removeClass(this.options.grabClass),(0!==d.x&&this.is("dragging")||!this.is("valid"))&&(this.speed(this.settings.dragEndSpeed||this.settings.smartSpeed),this.current(this.closest(e.x,0!==d.x?f:this._drag.direction)),this.invalidate("position"),this.update(),this._drag.direction=f,(Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)&&this._drag.target.one("click.owl.core",function(){return!1})),this.is("dragging")&&(this.leave("dragging"),this.trigger("dragged"))},e.prototype.closest=function(b,c){var e=-1,f=30,g=this.width(),h=this.coordinates();return this.settings.freeDrag||a.each(h,a.proxy(function(a,i){return"left"===c&&b>i-f&&bi-g-f&&b",h[a+1]!==d?h[a+1]:i-g)&&(e="left"===c?a+1:a),-1===e},this)),this.settings.loop||(this.op(b,">",h[this.minimum()])?e=b=this.minimum():this.op(b,"<",h[this.maximum()])&&(e=b=this.maximum())),e},e.prototype.animate=function(b){var c=this.speed()>0;this.is("animating")&&this.onTransitionEnd(),c&&(this.enter("animating"),this.trigger("translate")),a.support.transform3d&&a.support.transition?this.$stage.css({transform:"translate3d("+b+"px,0px,0px)",transition:this.speed()/1e3+"s"+(this.settings.slideTransition?" "+this.settings.slideTransition:"")}):c?this.$stage.animate({left:b+"px"},this.speed(),this.settings.fallbackEasing,a.proxy(this.onTransitionEnd,this)):this.$stage.css({left:b+"px"})},e.prototype.is=function(a){return this._states.current[a]&&this._states.current[a]>0},e.prototype.current=function(a){if(a===d)return this._current;if(0===this._items.length)return d;if(a=this.normalize(a),this._current!==a){var b=this.trigger("change",{property:{name:"position",value:a}});b.data!==d&&(a=this.normalize(b.data)),this._current=a,this.invalidate("position"),this.trigger("changed",{property:{name:"position",value:this._current}})}return this._current},e.prototype.invalidate=function(b){return"string"===a.type(b)&&(this._invalidated[b]=!0,this.is("valid")&&this.leave("valid")),a.map(this._invalidated,function(a,b){return b})},e.prototype.reset=function(a){(a=this.normalize(a))!==d&&(this._speed=0,this._current=a,this.suppress(["translate","translated"]),this.animate(this.coordinates(a)),this.release(["translate","translated"]))},e.prototype.normalize=function(a,b){var c=this._items.length,e=b?0:this._clones.length;return!this.isNumeric(a)||c<1?a=d:(a<0||a>=c+e)&&(a=((a-e/2)%c+c)%c+e/2),a},e.prototype.relative=function(a){return a-=this._clones.length/2,this.normalize(a,!0)},e.prototype.maximum=function(a){var b,c,d,e=this.settings,f=this._coordinates.length;if(e.loop)f=this._clones.length/2+this._items.length-1;else if(e.autoWidth||e.merge){if(b=this._items.length)for(c=this._items[--b].width(),d=this.$element.width();b--&&!((c+=this._items[b].width()+this.settings.margin)>d););f=b+1}else f=e.center?this._items.length-1:this._items.length-e.items;return a&&(f-=this._clones.length/2),Math.max(f,0)},e.prototype.minimum=function(a){return a?0:this._clones.length/2},e.prototype.items=function(a){return a===d?this._items.slice():(a=this.normalize(a,!0),this._items[a])},e.prototype.mergers=function(a){return a===d?this._mergers.slice():(a=this.normalize(a,!0),this._mergers[a])},e.prototype.clones=function(b){var c=this._clones.length/2,e=c+this._items.length,f=function(a){return a%2==0?e+a/2:c-(a+1)/2};return b===d?a.map(this._clones,function(a,b){return f(b)}):a.map(this._clones,function(a,c){return a===b?f(c):null})},e.prototype.speed=function(a){return a!==d&&(this._speed=a),this._speed},e.prototype.coordinates=function(b){var c,e=1,f=b-1;return b===d?a.map(this._coordinates,a.proxy(function(a,b){return this.coordinates(b)},this)):(this.settings.center?(this.settings.rtl&&(e=-1,f=b+1),c=this._coordinates[b],c+=(this.width()-c+(this._coordinates[f]||0))/2*e):c=this._coordinates[f]||0,c=Math.ceil(c))},e.prototype.duration=function(a,b,c){return 0===c?0:Math.min(Math.max(Math.abs(b-a),1),6)*Math.abs(c||this.settings.smartSpeed)},e.prototype.to=function(a,b){var c=this.current(),d=null,e=a-this.relative(c),f=(e>0)-(e<0),g=this._items.length,h=this.minimum(),i=this.maximum();this.settings.loop?(!this.settings.rewind&&Math.abs(e)>g/2&&(e+=-1*f*g),a=c+e,(d=((a-h)%g+g)%g+h)!==a&&d-e<=i&&d-e>0&&(c=d-e,a=d,this.reset(c))):this.settings.rewind?(i+=1,a=(a%i+i)%i):a=Math.max(h,Math.min(i,a)),this.speed(this.duration(c,a,b)),this.current(a),this.isVisible()&&this.update()},e.prototype.next=function(a){a=a||!1,this.to(this.relative(this.current())+1,a)},e.prototype.prev=function(a){a=a||!1,this.to(this.relative(this.current())-1,a)},e.prototype.onTransitionEnd=function(a){if(a!==d&&(a.stopPropagation(),(a.target||a.srcElement||a.originalTarget)!==this.$stage.get(0)))return!1;this.leave("animating"),this.trigger("translated")},e.prototype.viewport=function(){var d;return this.options.responsiveBaseElement!==b?d=a(this.options.responsiveBaseElement).width():b.innerWidth?d=b.innerWidth:c.documentElement&&c.documentElement.clientWidth?d=c.documentElement.clientWidth:console.warn("Can not detect viewport width."),d},e.prototype.replace=function(b){this.$stage.empty(),this._items=[],b&&(b=b instanceof jQuery?b:a(b)),this.settings.nestedItemSelector&&(b=b.find("."+this.settings.nestedItemSelector)),b.filter(function(){return 1===this.nodeType}).each(a.proxy(function(a,b){b=this.prepare(b),this.$stage.append(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)},this)),this.reset(this.isNumeric(this.settings.startPosition)?this.settings.startPosition:0),this.invalidate("items")},e.prototype.add=function(b,c){var e=this.relative(this._current);c=c===d?this._items.length:this.normalize(c,!0),b=b instanceof jQuery?b:a(b),this.trigger("add",{content:b,position:c}),b=this.prepare(b),0===this._items.length||c===this._items.length?(0===this._items.length&&this.$stage.append(b),0!==this._items.length&&this._items[c-1].after(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)):(this._items[c].before(b),this._items.splice(c,0,b),this._mergers.splice(c,0,1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)),this._items[e]&&this.reset(this._items[e].index()),this.invalidate("items"),this.trigger("added",{content:b,position:c})},e.prototype.remove=function(a){(a=this.normalize(a,!0))!==d&&(this.trigger("remove",{content:this._items[a],position:a}),this._items[a].remove(),this._items.splice(a,1),this._mergers.splice(a,1),this.invalidate("items"),this.trigger("removed",{content:null,position:a}))},e.prototype.preloadAutoWidthImages=function(b){b.each(a.proxy(function(b,c){this.enter("pre-loading"),c=a(c),a(new Image).one("load",a.proxy(function(a){c.attr("src",a.target.src),c.css("opacity",1),this.leave("pre-loading"),!this.is("pre-loading")&&!this.is("initializing")&&this.refresh()},this)).attr("src",c.attr("src")||c.attr("data-src")||c.attr("data-src-retina"))},this))},e.prototype.destroy=function(){this.$element.off(".owl.core"),this.$stage.off(".owl.core"),a(c).off(".owl.core"),!1!==this.settings.responsive&&(b.clearTimeout(this.resizeTimer),this.off(b,"resize",this._handlers.onThrottledResize));for(var d in this._plugins)this._plugins[d].destroy();this.$stage.children(".cloned").remove(),this.$stage.unwrap(),this.$stage.children().contents().unwrap(),this.$stage.children().unwrap(),this.$stage.remove(),this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr("class",this.$element.attr("class").replace(new RegExp(this.options.responsiveClass+"-\\S+\\s","g"),"")).removeData("owl.carousel")},e.prototype.op=function(a,b,c){var d=this.settings.rtl;switch(b){case"<":return d?a>c:a":return d?ac;case">=":return d?a<=c:a>=c;case"<=":return d?a>=c:a<=c}},e.prototype.on=function(a,b,c,d){a.addEventListener?a.addEventListener(b,c,d):a.attachEvent&&a.attachEvent("on"+b,c)},e.prototype.off=function(a,b,c,d){a.removeEventListener?a.removeEventListener(b,c,d):a.detachEvent&&a.detachEvent("on"+b,c)},e.prototype.trigger=function(b,c,d,f,g){var h={item:{count:this._items.length,index:this.current()}},i=a.camelCase(a.grep(["on",b,d],function(a){return a}).join("-").toLowerCase()),j=a.Event([b,"owl",d||"carousel"].join(".").toLowerCase(),a.extend({relatedTarget:this},h,c));return this._supress[b]||(a.each(this._plugins,function(a,b){b.onTrigger&&b.onTrigger(j)}),this.register({type:e.Type.Event,name:b}),this.$element.trigger(j),this.settings&&"function"==typeof this.settings[i]&&this.settings[i].call(this,j)),j},e.prototype.enter=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]===d&&(this._states.current[b]=0),this._states.current[b]++},this))},e.prototype.leave=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]--},this))},e.prototype.register=function(b){if(b.type===e.Type.Event){if(a.event.special[b.name]||(a.event.special[b.name]={}),!a.event.special[b.name].owl){var c=a.event.special[b.name]._default;a.event.special[b.name]._default=function(a){return!c||!c.apply||a.namespace&&-1!==a.namespace.indexOf("owl")?a.namespace&&a.namespace.indexOf("owl")>-1:c.apply(this,arguments)},a.event.special[b.name].owl=!0}}else b.type===e.Type.State&&(this._states.tags[b.name]?this._states.tags[b.name]=this._states.tags[b.name].concat(b.tags):this._states.tags[b.name]=b.tags,this._states.tags[b.name]=a.grep(this._states.tags[b.name],a.proxy(function(c,d){return a.inArray(c,this._states.tags[b.name])===d},this)))},e.prototype.suppress=function(b){a.each(b,a.proxy(function(a,b){this._supress[b]=!0},this))},e.prototype.release=function(b){a.each(b,a.proxy(function(a,b){delete this._supress[b]},this))},e.prototype.pointer=function(a){var c={x:null,y:null};return a=a.originalEvent||a||b.event,a=a.touches&&a.touches.length?a.touches[0]:a.changedTouches&&a.changedTouches.length?a.changedTouches[0]:a,a.pageX?(c.x=a.pageX,c.y=a.pageY):(c.x=a.clientX,c.y=a.clientY),c},e.prototype.isNumeric=function(a){return!isNaN(parseFloat(a))},e.prototype.difference=function(a,b){return{x:a.x-b.x,y:a.y-b.y}},a.fn.owlCarousel=function(b){var c=Array.prototype.slice.call(arguments,1);return this.each(function(){var d=a(this),f=d.data("owl.carousel");f||(f=new e(this,"object"==typeof b&&b),d.data("owl.carousel",f),a.each(["next","prev","to","destroy","refresh","replace","add","remove"],function(b,c){f.register({type:e.Type.Event,name:c}),f.$element.on(c+".owl.carousel.core",a.proxy(function(a){a.namespace&&a.relatedTarget!==this&&(this.suppress([c]),f[c].apply(this,[].slice.call(arguments,1)),this.release([c]))},f))})),"string"==typeof b&&"_"!==b.charAt(0)&&f[b].apply(f,c)})},a.fn.owlCarousel.Constructor=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._interval=null,this._visible=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoRefresh&&this.watch()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers)};e.Defaults={autoRefresh:!0,autoRefreshInterval:500},e.prototype.watch=function(){this._interval||(this._visible=this._core.isVisible(),this._interval=b.setInterval(a.proxy(this.refresh,this),this._core.settings.autoRefreshInterval))},e.prototype.refresh=function(){this._core.isVisible()!==this._visible&&(this._visible=!this._visible,this._core.$element.toggleClass("owl-hidden",!this._visible),this._visible&&this._core.invalidate("width")&&this._core.refresh())},e.prototype.destroy=function(){var a,c;b.clearInterval(this._interval);for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoRefresh=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._loaded=[],this._handlers={"initialized.owl.carousel change.owl.carousel resized.owl.carousel":a.proxy(function(b){if(b.namespace&&this._core.settings&&this._core.settings.lazyLoad&&(b.property&&"position"==b.property.name||"initialized"==b.type)){var c=this._core.settings,e=c.center&&Math.ceil(c.items/2)||c.items,f=c.center&&-1*e||0,g=(b.property&&b.property.value!==d?b.property.value:this._core.current())+f,h=this._core.clones().length,i=a.proxy(function(a,b){this.load(b)},this);for(c.lazyLoadEager>0&&(e+=c.lazyLoadEager,c.loop&&(g-=c.lazyLoadEager,e++));f++-1||(e.each(a.proxy(function(c,d){var e,f=a(d),g=b.devicePixelRatio>1&&f.attr("data-src-retina")||f.attr("data-src")||f.attr("data-srcset");this._core.trigger("load",{element:f,url:g},"lazy"),f.is("img")?f.one("load.owl.lazy",a.proxy(function(){f.css("opacity",1),this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("src",g):f.is("source")?f.one("load.owl.lazy",a.proxy(function(){this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("srcset",g):(e=new Image,e.onload=a.proxy(function(){f.css({"background-image":'url("'+g+'")',opacity:"1"}),this._core.trigger("loaded",{element:f,url:g},"lazy")},this),e.src=g)},this)),this._loaded.push(d.get(0)))},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this._core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Lazy=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(c){this._core=c,this._previousHeight=null,this._handlers={"initialized.owl.carousel refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&this.update()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&"position"===a.property.name&&this.update()},this),"loaded.owl.lazy":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&a.element.closest("."+this._core.settings.itemClass).index()===this._core.current()&&this.update()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._intervalId=null;var d=this;a(b).on("load",function(){d._core.settings.autoHeight&&d.update()}),a(b).resize(function(){d._core.settings.autoHeight&&(null!=d._intervalId&&clearTimeout(d._intervalId),d._intervalId=setTimeout(function(){d.update()},250))})};e.Defaults={autoHeight:!1,autoHeightClass:"owl-height"},e.prototype.update=function(){var b=this._core._current,c=b+this._core.settings.items,d=this._core.settings.lazyLoad,e=this._core.$stage.children().toArray().slice(b,c),f=[],g=0;a.each(e,function(b,c){f.push(a(c).height())}),g=Math.max.apply(null,f),g<=1&&d&&this._previousHeight&&(g=this._previousHeight),this._previousHeight=g,this._core.$stage.parent().height(g).addClass(this._core.settings.autoHeightClass)},e.prototype.destroy=function(){var a,b;for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoHeight=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._videos={},this._playing=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.register({type:"state",name:"playing",tags:["interacting"]})},this),"resize.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.video&&this.isInFullScreen()&&a.preventDefault()},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.is("resizing")&&this._core.$stage.find(".cloned .owl-video-frame").remove()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"===a.property.name&&this._playing&&this.stop()},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find(".owl-video");c.length&&(c.css("display","none"),this.fetch(c,a(b.content)))}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._core.$element.on("click.owl.video",".owl-video-play-icon",a.proxy(function(a){this.play(a)},this))};e.Defaults={video:!1,videoHeight:!1,videoWidth:!1},e.prototype.fetch=function(a,b){var c=function(){return a.attr("data-vimeo-id")?"vimeo":a.attr("data-vzaar-id")?"vzaar":"youtube"}(),d=a.attr("data-vimeo-id")||a.attr("data-youtube-id")||a.attr("data-vzaar-id"),e=a.attr("data-width")||this._core.settings.videoWidth,f=a.attr("data-height")||this._core.settings.videoHeight,g=a.attr("href");if(!g)throw new Error("Missing video URL.");if(d=g.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com|be\-nocookie\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/),d[3].indexOf("youtu")>-1)c="youtube";else if(d[3].indexOf("vimeo")>-1)c="vimeo";else{if(!(d[3].indexOf("vzaar")>-1))throw new Error("Video URL not supported.");c="vzaar"}d=d[6],this._videos[g]={type:c,id:d,width:e,height:f},b.attr("data-video",g),this.thumbnail(a,this._videos[g])},e.prototype.thumbnail=function(b,c){var d,e,f,g=c.width&&c.height?"width:"+c.width+"px;height:"+c.height+"px;":"",h=b.find("img"),i="src",j="",k=this._core.settings,l=function(c){e='
    ',d=k.lazyLoad?a("
    ",{class:"owl-video-tn "+j,srcType:c}):a("
    ",{class:"owl-video-tn",style:"opacity:1;background-image:url("+c+")"}),b.after(d),b.after(e)};if(b.wrap(a("
    ",{class:"owl-video-wrapper",style:g})),this._core.settings.lazyLoad&&(i="data-src",j="owl-lazy"),h.length)return l(h.attr(i)),h.remove(),!1;"youtube"===c.type?(f="//img.youtube.com/vi/"+c.id+"/hqdefault.jpg",l(f)):"vimeo"===c.type?a.ajax({type:"GET",url:"//vimeo.com/api/v2/video/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a[0].thumbnail_large,l(f)}}):"vzaar"===c.type&&a.ajax({type:"GET",url:"//vzaar.com/api/videos/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a.framegrab_url,l(f)}})},e.prototype.stop=function(){this._core.trigger("stop",null,"video"),this._playing.find(".owl-video-frame").remove(),this._playing.removeClass("owl-video-playing"),this._playing=null,this._core.leave("playing"),this._core.trigger("stopped",null,"video")},e.prototype.play=function(b){var c,d=a(b.target),e=d.closest("."+this._core.settings.itemClass),f=this._videos[e.attr("data-video")],g=f.width||"100%",h=f.height||this._core.$stage.height();this._playing||(this._core.enter("playing"),this._core.trigger("play",null,"video"),e=this._core.items(this._core.relative(e.index())),this._core.reset(e.index()),c=a(''),c.attr("height",h),c.attr("width",g),"youtube"===f.type?c.attr("src","//www.youtube.com/embed/"+f.id+"?autoplay=1&rel=0&v="+f.id):"vimeo"===f.type?c.attr("src","//player.vimeo.com/video/"+f.id+"?autoplay=1"):"vzaar"===f.type&&c.attr("src","//view.vzaar.com/"+f.id+"/player?autoplay=true"),a(c).wrap('
    ').insertAfter(e.find(".owl-video")),this._playing=e.addClass("owl-video-playing"))},e.prototype.isInFullScreen=function(){var b=c.fullscreenElement||c.mozFullScreenElement||c.webkitFullscreenElement;return b&&a(b).parent().hasClass("owl-video-frame")},e.prototype.destroy=function(){var a,b;this._core.$element.off("click.owl.video");for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Video=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this.core=b,this.core.options=a.extend({},e.Defaults,this.core.options),this.swapping=!0,this.previous=d,this.next=d,this.handlers={"change.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&(this.previous=this.core.current(),this.next=a.property.value)},this),"drag.owl.carousel dragged.owl.carousel translated.owl.carousel":a.proxy(function(a){a.namespace&&(this.swapping="translated"==a.type)},this),"translate.owl.carousel":a.proxy(function(a){a.namespace&&this.swapping&&(this.core.options.animateOut||this.core.options.animateIn)&&this.swap()},this)},this.core.$element.on(this.handlers)};e.Defaults={animateOut:!1, +animateIn:!1},e.prototype.swap=function(){if(1===this.core.settings.items&&a.support.animation&&a.support.transition){this.core.speed(0);var b,c=a.proxy(this.clear,this),d=this.core.$stage.children().eq(this.previous),e=this.core.$stage.children().eq(this.next),f=this.core.settings.animateIn,g=this.core.settings.animateOut;this.core.current()!==this.previous&&(g&&(b=this.core.coordinates(this.previous)-this.core.coordinates(this.next),d.one(a.support.animation.end,c).css({left:b+"px"}).addClass("animated owl-animated-out").addClass(g)),f&&e.one(a.support.animation.end,c).addClass("animated owl-animated-in").addClass(f))}},e.prototype.clear=function(b){a(b.target).css({left:""}).removeClass("animated owl-animated-out owl-animated-in").removeClass(this.core.settings.animateIn).removeClass(this.core.settings.animateOut),this.core.onTransitionEnd()},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this.core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Animate=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._call=null,this._time=0,this._timeout=0,this._paused=!0,this._handlers={"changed.owl.carousel":a.proxy(function(a){a.namespace&&"settings"===a.property.name?this._core.settings.autoplay?this.play():this.stop():a.namespace&&"position"===a.property.name&&this._paused&&(this._time=0)},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoplay&&this.play()},this),"play.owl.autoplay":a.proxy(function(a,b,c){a.namespace&&this.play(b,c)},this),"stop.owl.autoplay":a.proxy(function(a){a.namespace&&this.stop()},this),"mouseover.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"mouseleave.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.play()},this),"touchstart.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"touchend.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this.play()},this)},this._core.$element.on(this._handlers),this._core.options=a.extend({},e.Defaults,this._core.options)};e.Defaults={autoplay:!1,autoplayTimeout:5e3,autoplayHoverPause:!1,autoplaySpeed:!1},e.prototype._next=function(d){this._call=b.setTimeout(a.proxy(this._next,this,d),this._timeout*(Math.round(this.read()/this._timeout)+1)-this.read()),this._core.is("interacting")||c.hidden||this._core.next(d||this._core.settings.autoplaySpeed)},e.prototype.read=function(){return(new Date).getTime()-this._time},e.prototype.play=function(c,d){var e;this._core.is("rotating")||this._core.enter("rotating"),c=c||this._core.settings.autoplayTimeout,e=Math.min(this._time%(this._timeout||c),c),this._paused?(this._time=this.read(),this._paused=!1):b.clearTimeout(this._call),this._time+=this.read()%c-e,this._timeout=c,this._call=b.setTimeout(a.proxy(this._next,this,d),c-e)},e.prototype.stop=function(){this._core.is("rotating")&&(this._time=0,this._paused=!0,b.clearTimeout(this._call),this._core.leave("rotating"))},e.prototype.pause=function(){this._core.is("rotating")&&!this._paused&&(this._time=this.read(),this._paused=!0,b.clearTimeout(this._call))},e.prototype.destroy=function(){var a,b;this.stop();for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.autoplay=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(b){this._core=b,this._initialized=!1,this._pages=[],this._controls={},this._templates=[],this.$element=this._core.$element,this._overrides={next:this._core.next,prev:this._core.prev,to:this._core.to},this._handlers={"prepared.owl.carousel":a.proxy(function(b){b.namespace&&this._core.settings.dotsData&&this._templates.push('
    '+a(b.content).find("[data-dot]").addBack("[data-dot]").attr("data-dot")+"
    ")},this),"added.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,0,this._templates.pop())},this),"remove.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,1)},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&this.draw()},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&!this._initialized&&(this._core.trigger("initialize",null,"navigation"),this.initialize(),this.update(),this.draw(),this._initialized=!0,this._core.trigger("initialized",null,"navigation"))},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._initialized&&(this._core.trigger("refresh",null,"navigation"),this.update(),this.draw(),this._core.trigger("refreshed",null,"navigation"))},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers)};e.Defaults={nav:!1,navText:['‹','›'],navSpeed:!1,navElement:'button type="button" role="presentation"',navContainer:!1,navContainerClass:"owl-nav",navClass:["owl-prev","owl-next"],slideBy:1,dotClass:"owl-dot",dotsClass:"owl-dots",dots:!0,dotsEach:!1,dotsData:!1,dotsSpeed:!1,dotsContainer:!1},e.prototype.initialize=function(){var b,c=this._core.settings;this._controls.$relative=(c.navContainer?a(c.navContainer):a("
    ").addClass(c.navContainerClass).appendTo(this.$element)).addClass("disabled"),this._controls.$previous=a("<"+c.navElement+">").addClass(c.navClass[0]).html(c.navText[0]).prependTo(this._controls.$relative).on("click",a.proxy(function(a){this.prev(c.navSpeed)},this)),this._controls.$next=a("<"+c.navElement+">").addClass(c.navClass[1]).html(c.navText[1]).appendTo(this._controls.$relative).on("click",a.proxy(function(a){this.next(c.navSpeed)},this)),c.dotsData||(this._templates=[a('
    "),$(o).next().on("click",".addListData",function(t){n.goNum=n.nowNum+r.options.afterNum,n.sum<=n.goNum&&(n.goNum=n.sum,n.goOut=!0);for(var e=n.nowNum;ee.breakpoint?-1:1}),o.options.responsive=ResponsiveArr,o.Oindex=-1,o.Owidth=$(window).width(),$.each(o.options.responsive,function(t,e){$(window).width()<=e.breakpoint&&(o.Oindex=t,e=e.settings,o.options=$.extend({},o.options,e))}),$(window).resize(function(){return run=!1,$(window).width()o.Owidth&&(o.Owidth=$(window).width(),$.each(ResponsiveArr,function(t,e){if(o.Owidth>e.breakpoint&&o.Oindex>t-1)return o.Oindex=t-1,run=(-1!=o.Oindex?(e=ResponsiveArr[t-1].settings,o.options=$.extend({},o.options,o.defaults),o.options=$.extend({},o.options,e)):o.options=$.extend({},o.options,o.defaults),!0),o.Oindex})),1==run&&o.runData(t,o),!1}))},$.fn.showMoreItems=function(){for(var t,e=this,o=arguments[0],r=Array.prototype.slice.call(arguments,1),n=e.length,s=0;s=p.animationTime,c=i?1:l/p.animationTime;p.pulseAlgorithm&&(c=F(c));var s=a.x*c-a.lastX>>0,u=a.y*c-a.lastY>>0;o+=s,n+=u,a.lastX+=s,a.lastY+=u,i&&(b.splice(r,1),r--)}h?window.scrollBy(o,n):(o&&(d.scrollLeft+=o),n&&(d.scrollTop+=n)),f||m||(b=[]),b.length?j(w,d,1e3/p.frameRate+1):(g=!1,null!=d.$scrollBehavior&&(d.style.scrollBehavior=d.$scrollBehavior,d.$scrollBehavior=null))};j(w,d,0),g=!0}}function e(e){f||y();var t=e.target;if(e.defaultPrevented||e.ctrlKey)return!0;if(N(s,"embed")||N(t,"embed")&&/\.pdf/i.test(t.src)||N(s,"object")||t.shadowRoot)return!0;var o=-e.wheelDeltaX||e.deltaX||0,n=-e.wheelDeltaY||e.deltaY||0;h&&(e.wheelDeltaX&&K(e.wheelDeltaX,120)&&(o=e.wheelDeltaX/Math.abs(e.wheelDeltaX)*-120),e.wheelDeltaY&&K(e.wheelDeltaY,120)&&(n=e.wheelDeltaY/Math.abs(e.wheelDeltaY)*-120)),o||n||(n=-e.wheelDelta||0),1===e.deltaMode&&(o*=40,n*=40);var r=z(t);return r?!!function(e){if(!e)return;l.length||(l=[e,e,e]);e=Math.abs(e),l.push(e),l.shift(),clearTimeout(a),a=setTimeout(function(){try{localStorage.SS_deltaBuffer=l.join(",")}catch(e){}},1e3);var t=120 + + + + +Created by FontForge 20170731 at Thu Dec 24 05:29:26 2020 + By root + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/webfonts/Flaticon.ttf b/static/assets/webfonts/Flaticon.ttf new file mode 100644 index 00000000..8f1869d1 Binary files /dev/null and b/static/assets/webfonts/Flaticon.ttf differ diff --git a/static/assets/webfonts/Flaticon.woff b/static/assets/webfonts/Flaticon.woff new file mode 100644 index 00000000..0edc28af Binary files /dev/null and b/static/assets/webfonts/Flaticon.woff differ diff --git a/static/assets/webfonts/Flaticon.woff2 b/static/assets/webfonts/Flaticon.woff2 new file mode 100644 index 00000000..6dbae672 Binary files /dev/null and b/static/assets/webfonts/Flaticon.woff2 differ diff --git a/static/assets/webfonts/fa-brands-400.eot b/static/assets/webfonts/fa-brands-400.eot new file mode 100644 index 00000000..958684e2 Binary files /dev/null and b/static/assets/webfonts/fa-brands-400.eot differ diff --git a/static/assets/webfonts/fa-brands-400.svg b/static/assets/webfonts/fa-brands-400.svg new file mode 100644 index 00000000..2b7cf17b --- /dev/null +++ b/static/assets/webfonts/fa-brands-400.svg @@ -0,0 +1,3717 @@ + + + + +Created by FontForge 20200314 at Mon Oct 5 09:50:45 2020 + By Robert Madole +Copyright (c) Font Awesome + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/webfonts/fa-brands-400.ttf b/static/assets/webfonts/fa-brands-400.ttf new file mode 100644 index 00000000..f0718251 Binary files /dev/null and b/static/assets/webfonts/fa-brands-400.ttf differ diff --git a/static/assets/webfonts/fa-brands-400.woff b/static/assets/webfonts/fa-brands-400.woff new file mode 100644 index 00000000..277ab65b Binary files /dev/null and b/static/assets/webfonts/fa-brands-400.woff differ diff --git a/static/assets/webfonts/fa-brands-400.woff2 b/static/assets/webfonts/fa-brands-400.woff2 new file mode 100644 index 00000000..47805d47 Binary files /dev/null and b/static/assets/webfonts/fa-brands-400.woff2 differ diff --git a/static/assets/webfonts/fa-regular-400.eot b/static/assets/webfonts/fa-regular-400.eot new file mode 100644 index 00000000..bef9f722 Binary files /dev/null and b/static/assets/webfonts/fa-regular-400.eot differ diff --git a/static/assets/webfonts/fa-regular-400.svg b/static/assets/webfonts/fa-regular-400.svg new file mode 100644 index 00000000..bccc256b --- /dev/null +++ b/static/assets/webfonts/fa-regular-400.svg @@ -0,0 +1,801 @@ + + + + +Created by FontForge 20200314 at Mon Oct 5 09:50:45 2020 + By Robert Madole +Copyright (c) Font Awesome + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/webfonts/fa-regular-400.ttf b/static/assets/webfonts/fa-regular-400.ttf new file mode 100644 index 00000000..659527a6 Binary files /dev/null and b/static/assets/webfonts/fa-regular-400.ttf differ diff --git a/static/assets/webfonts/fa-regular-400.woff b/static/assets/webfonts/fa-regular-400.woff new file mode 100644 index 00000000..31f44b2d Binary files /dev/null and b/static/assets/webfonts/fa-regular-400.woff differ diff --git a/static/assets/webfonts/fa-regular-400.woff2 b/static/assets/webfonts/fa-regular-400.woff2 new file mode 100644 index 00000000..0332a9bf Binary files /dev/null and b/static/assets/webfonts/fa-regular-400.woff2 differ diff --git a/static/assets/webfonts/fa-solid-900.eot b/static/assets/webfonts/fa-solid-900.eot new file mode 100644 index 00000000..5da4fa00 Binary files /dev/null and b/static/assets/webfonts/fa-solid-900.eot differ diff --git a/static/assets/webfonts/fa-solid-900.svg b/static/assets/webfonts/fa-solid-900.svg new file mode 100644 index 00000000..313b3118 --- /dev/null +++ b/static/assets/webfonts/fa-solid-900.svg @@ -0,0 +1,5028 @@ + + + + +Created by FontForge 20200314 at Mon Oct 5 09:50:45 2020 + By Robert Madole +Copyright (c) Font Awesome + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/webfonts/fa-solid-900.ttf b/static/assets/webfonts/fa-solid-900.ttf new file mode 100644 index 00000000..e0746084 Binary files /dev/null and b/static/assets/webfonts/fa-solid-900.ttf differ diff --git a/static/assets/webfonts/fa-solid-900.woff b/static/assets/webfonts/fa-solid-900.woff new file mode 100644 index 00000000..ef6b4474 Binary files /dev/null and b/static/assets/webfonts/fa-solid-900.woff differ diff --git a/static/assets/webfonts/fa-solid-900.woff2 b/static/assets/webfonts/fa-solid-900.woff2 new file mode 100644 index 00000000..120b3007 Binary files /dev/null and b/static/assets/webfonts/fa-solid-900.woff2 differ diff --git a/tasks/admin.py b/tasks/admin.py index 01cb3caa..3ade634f 100644 --- a/tasks/admin.py +++ b/tasks/admin.py @@ -1,4 +1,5 @@ from django.contrib import admin + from tasks.models import Task # Register your models here. diff --git a/tasks/migrations/0001_initial.py b/tasks/migrations/0001_initial.py index 9302e0e8..6153244b 100644 --- a/tasks/migrations/0001_initial.py +++ b/tasks/migrations/0001_initial.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.7 on 2019-05-07 10:38 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/tasks/migrations/0002_task_created_by.py b/tasks/migrations/0002_task_created_by.py index 35de810a..67cb3790 100644 --- a/tasks/migrations/0002_task_created_by.py +++ b/tasks/migrations/0002_task_created_by.py @@ -1,8 +1,8 @@ # Generated by Django 2.1.7 on 2019-05-08 10:10 +import django.db.models.deletion from django.conf import settings from django.db import migrations, models -import django.db.models.deletion class Migration(migrations.Migration): diff --git a/tasks/migrations/0003_task_created_on.py b/tasks/migrations/0003_task_created_on.py index a2e3521e..aeb19769 100644 --- a/tasks/migrations/0003_task_created_on.py +++ b/tasks/migrations/0003_task_created_on.py @@ -1,7 +1,7 @@ # Generated by Django 2.2.2 on 2019-07-15 07:02 -from django.db import migrations, models import django.utils.timezone +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/tasks/migrations/0005_task_company.py b/tasks/migrations/0005_task_company.py index ea5671c0..3d17b241 100644 --- a/tasks/migrations/0005_task_company.py +++ b/tasks/migrations/0005_task_company.py @@ -1,7 +1,7 @@ # Generated by Django 2.2.10 on 2020-04-27 12:23 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/tasks/migrations/0007_auto_20210913_1918.py b/tasks/migrations/0007_auto_20210913_1918.py index 43c45c67..7b70d3d8 100644 --- a/tasks/migrations/0007_auto_20210913_1918.py +++ b/tasks/migrations/0007_auto_20210913_1918.py @@ -1,7 +1,7 @@ # Generated by Django 3.2 on 2021-09-13 13:48 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/tasks/migrations/0009_alter_task_org.py b/tasks/migrations/0009_alter_task_org.py index 9bacdfdf..18bc51b6 100644 --- a/tasks/migrations/0009_alter_task_org.py +++ b/tasks/migrations/0009_alter_task_org.py @@ -1,7 +1,7 @@ # Generated by Django 3.2.7 on 2021-10-06 07:21 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/tasks/models.py b/tasks/models.py index 9f531d16..4a647203 100644 --- a/tasks/models.py +++ b/tasks/models.py @@ -1,9 +1,10 @@ import arrow from django.db import models -from common.models import Profile, Org -from accounts.models import Account -from contacts.models import Contact from django.utils.translation import gettext_lazy as _ + +from accounts.models import Account +from common.models import Org, Profile +from contacts.models import Contact from teams.models import Teams diff --git a/tasks/serializer.py b/tasks/serializer.py index 9d3be006..dee6c3d9 100644 --- a/tasks/serializer.py +++ b/tasks/serializer.py @@ -1,11 +1,9 @@ from rest_framework import serializers -from tasks.models import Task -from common.serializer import ( - ProfileSerializer, - AttachmentsSerializer, - CommentSerializer, -) + +from common.serializer import (AttachmentsSerializer, CommentSerializer, + ProfileSerializer) from contacts.serializer import ContactSerializer +from tasks.models import Task from teams.serializer import TeamsSerializer diff --git a/tasks/urls.py b/tasks/urls.py index 58fb9817..e186dce4 100644 --- a/tasks/urls.py +++ b/tasks/urls.py @@ -1,4 +1,5 @@ from django.urls import path + from tasks import views app_name = "api_tasks" diff --git a/tasks/views.py b/tasks/views.py index 83d99164..f267c009 100644 --- a/tasks/views.py +++ b/tasks/views.py @@ -1,30 +1,27 @@ +import json + from django.db.models import Q +from drf_yasg.utils import swagger_auto_schema +from rest_framework import status +from rest_framework.pagination import LimitOffsetPagination +from rest_framework.permissions import IsAuthenticated +from rest_framework.response import Response +from rest_framework.views import APIView + from accounts.models import Account from accounts.serializer import AccountSerializer +from common.models import Attachments, Comment, Profile +# from common.custom_auth import JSONWebTokenAuthentication +from common.serializer import (AttachmentsSerializer, CommentSerializer, + ProfileSerializer) from contacts.models import Contact from contacts.serializer import ContactSerializer - -from common.models import Profile, Attachments, Comment - -# from common.custom_auth import JSONWebTokenAuthentication -from common.serializer import ( - ProfileSerializer, - CommentSerializer, - AttachmentsSerializer, -) from tasks import swagger_params from tasks.models import Task -from tasks.serializer import TaskSerializer, TaskCreateSerializer -from tasks.utils import STATUS_CHOICES, PRIORITY_CHOICES -from teams.serializer import TeamsSerializer +from tasks.serializer import TaskCreateSerializer, TaskSerializer +from tasks.utils import PRIORITY_CHOICES, STATUS_CHOICES from teams.models import Teams -from rest_framework import status -from rest_framework.views import APIView -from rest_framework.response import Response -from rest_framework.permissions import IsAuthenticated -from rest_framework.pagination import LimitOffsetPagination -from drf_yasg.utils import swagger_auto_schema -import json +from teams.serializer import TeamsSerializer class TaskListView(APIView, LimitOffsetPagination): @@ -33,11 +30,7 @@ class TaskListView(APIView, LimitOffsetPagination): permission_classes = (IsAuthenticated,) def get_context_data(self, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data queryset = self.model.objects.filter(org=self.request.org).order_by("-id") accounts = Account.objects.filter(org=self.request.org) contacts = Contact.objects.filter(org=self.request.org) @@ -95,11 +88,7 @@ class TaskListView(APIView, LimitOffsetPagination): tags=["Tasks"], manual_parameters=swagger_params.task_create_post_params ) def post(self, request, *args, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data serializer = TaskCreateSerializer(data=params, request_obj=request) if serializer.is_valid(): task_obj = serializer.save( @@ -228,11 +217,7 @@ class TaskDetailView(APIView): tags=["Tasks"], manual_parameters=swagger_params.task_detail_post_params ) def post(self, request, pk, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data context = {} self.task_obj = Task.objects.get(pk=pk) if self.request.profile.role != "ADMIN" and not self.request.profile.is_admin: @@ -280,11 +265,7 @@ class TaskDetailView(APIView): tags=["Tasks"], manual_parameters=swagger_params.task_create_post_params ) def put(self, request, pk, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data self.task_obj = self.get_object(pk) serializer = TaskCreateSerializer( data=params, @@ -358,7 +339,7 @@ class TaskCommentView(APIView): tags=["Tasks"], manual_parameters=swagger_params.task_comment_edit_params ) def put(self, request, pk, format=None): - params = request.query_params if len(request.data) == 0 else request.data + params = request.post_data obj = self.get_object(pk) if ( request.profile.role == "ADMIN" diff --git a/teams/migrations/0002_auto_20190624_1250.py b/teams/migrations/0002_auto_20190624_1250.py index 4506fd6f..689d06ea 100644 --- a/teams/migrations/0002_auto_20190624_1250.py +++ b/teams/migrations/0002_auto_20190624_1250.py @@ -1,9 +1,9 @@ # Generated by Django 2.2.2 on 2019-06-24 07:20 -from django.conf import settings -from django.db import migrations, models import django.db.models.deletion import django.utils.timezone +from django.conf import settings +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/teams/migrations/0004_teams_company.py b/teams/migrations/0004_teams_company.py index 2728c339..53406fc6 100644 --- a/teams/migrations/0004_teams_company.py +++ b/teams/migrations/0004_teams_company.py @@ -1,7 +1,7 @@ # Generated by Django 2.2.10 on 2020-04-24 09:26 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/teams/migrations/0006_auto_20210913_1918.py b/teams/migrations/0006_auto_20210913_1918.py index 8a190763..7c2eb0a1 100644 --- a/teams/migrations/0006_auto_20210913_1918.py +++ b/teams/migrations/0006_auto_20210913_1918.py @@ -1,7 +1,7 @@ # Generated by Django 3.2 on 2021-09-13 13:48 -from django.db import migrations, models import django.db.models.deletion +from django.db import migrations, models class Migration(migrations.Migration): diff --git a/teams/models.py b/teams/models.py index 8a6d79ae..710e9251 100644 --- a/teams/models.py +++ b/teams/models.py @@ -1,9 +1,9 @@ import arrow - from django.db import models -from common.models import Org, Profile from django.utils.translation import gettext_lazy as _ +from common.models import Org, Profile + class Teams(models.Model): name = models.CharField(max_length=100) diff --git a/teams/serializer.py b/teams/serializer.py index beb3ecf8..d2e868f0 100644 --- a/teams/serializer.py +++ b/teams/serializer.py @@ -1,6 +1,7 @@ -from teams.models import Teams from rest_framework import serializers + from common.serializer import ProfileSerializer +from teams.models import Teams class TeamsSerializer(serializers.ModelSerializer): diff --git a/teams/tasks.py b/teams/tasks.py index f7c12362..f7623e85 100644 --- a/teams/tasks.py +++ b/teams/tasks.py @@ -1,4 +1,5 @@ from celery import Celery + from common.models import Profile from teams.models import Teams diff --git a/teams/urls.py b/teams/urls.py index fb4a9cf8..526b3b98 100644 --- a/teams/urls.py +++ b/teams/urls.py @@ -1,4 +1,5 @@ from django.urls import path + from teams import views app_name = "api_leads" diff --git a/teams/views.py b/teams/views.py index 565fdd60..388ab44b 100644 --- a/teams/views.py +++ b/teams/views.py @@ -1,17 +1,18 @@ -from teams import swagger_params -from teams.models import Teams -from teams.tasks import update_team_users, remove_users -from teams.serializer import TeamsSerializer, TeamCreateSerializer -from common.models import Profile +import json +from drf_yasg.utils import swagger_auto_schema # from common.custom_auth import JSONWebTokenAuthentication from rest_framework import status -from rest_framework.views import APIView -from rest_framework.response import Response -from rest_framework.permissions import IsAuthenticated from rest_framework.pagination import LimitOffsetPagination -from drf_yasg.utils import swagger_auto_schema -import json +from rest_framework.permissions import IsAuthenticated +from rest_framework.response import Response +from rest_framework.views import APIView + +from common.models import Profile +from teams import swagger_params +from teams.models import Teams +from teams.serializer import TeamCreateSerializer, TeamsSerializer +from teams.tasks import remove_users, update_team_users class TeamsListView(APIView, LimitOffsetPagination): @@ -20,11 +21,7 @@ class TeamsListView(APIView, LimitOffsetPagination): permission_classes = (IsAuthenticated,) def get_context_data(self, **kwargs): - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data queryset = self.model.objects.filter(org=self.request.org).order_by("-id") if params: if params.get("team_name"): @@ -81,11 +78,7 @@ class TeamsListView(APIView, LimitOffsetPagination): }, status=status.HTTP_403_FORBIDDEN, ) - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data serializer = TeamCreateSerializer(data=params, request_obj=request) if serializer.is_valid(): @@ -145,11 +138,7 @@ class TeamsDetailView(APIView): }, status=status.HTTP_403_FORBIDDEN, ) - params = ( - self.request.query_params - if len(self.request.data) == 0 - else self.request.data - ) + params = request.post_data self.team = self.get_object(pk) actual_users = self.team.get_users() removed_users = [] diff --git a/templates/cms/blog/blog_detail_page.html b/templates/cms/blog/blog_detail_page.html new file mode 100644 index 00000000..3959083a --- /dev/null +++ b/templates/cms/blog/blog_detail_page.html @@ -0,0 +1,46 @@ +{% extends 'cms_base.html' %} +{% load wagtailcore_tags %} +{% block content %} + +
    +
    Back to Blog List
    +
    + + +
    +
    +

    {{ page.title }}

    +
      +
    • Posted on: {{ self.first_published_at }}
      • +
    +
    +
    + + + +
    +
    +
    +
    +
    + {% comment %}
    +
    + image +
    +

    Quuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quia non numquam eius modi tempora incidunt ut labore et dolore magnam dolor sit amet, consectetur adipisicing.

    +

    Four major elements that we offer:

    +
    {% endcomment %} + {% for block in page.content %} + {% include_block block %} + {% endfor %} +
    +
    +
    +
    +
    + + + +
    + +{% endblock content %} \ No newline at end of file diff --git a/templates/cms/blog/blog_list_page.html b/templates/cms/blog/blog_list_page.html new file mode 100644 index 00000000..6f24f2f4 --- /dev/null +++ b/templates/cms/blog/blog_list_page.html @@ -0,0 +1,65 @@ +{% extends 'cms_base.html' %} +{% load wagtailcore_tags %} +{% block content %} + + +
    +
    +
    + NEWS & ARTICLES +

    Learn More From Our Latest Blog

    +
    + +
    + {% for post in posts %} +
    +
    + {% comment %}
    + + image + +
    {% endcomment %} + +
    +
      +
    • {{ self.first_published_at }}
      • + {% comment %}
    • Shelley Percy
      • {% endcomment %} +
    +

    {{ post.title }}

    +

    {{ post.excerpt|safe }}

    + Read More +
    + +
    +
    + {% empty %} +

    No blog posts

    postpage + + {% endfor %} + +
    +
    + {% if posts.has_previous %} + + {% endif %} + + {% for page_num in posts.paginator.page_range %} + {{ page_num }} + {% endfor %} + + {% if posts.has_next %} + + {% endif %} +
    +
    + + +
    +
    +
    + + + + +
    +{% endblock content %} \ No newline at end of file diff --git a/templates/cms/home_page.html b/templates/cms/home_page.html new file mode 100644 index 00000000..16910488 --- /dev/null +++ b/templates/cms/home_page.html @@ -0,0 +1,14 @@ + +{% extends 'cms_base.html' %} +{% load wagtailcore_tags static %} + +{% block content %} + + {% for block in page.content %} + +
    {% include_block block %}
    + + {% endfor %} + +{% endblock content %} + \ No newline at end of file diff --git a/templates/cms/streams/aboutapp.html b/templates/cms/streams/aboutapp.html new file mode 100644 index 00000000..dab21582 --- /dev/null +++ b/templates/cms/streams/aboutapp.html @@ -0,0 +1,39 @@ +{% load wagtailimages_tags static %} + + +
    +
    +
    +

    {{ self.heading }}

    +

    {{ self.paragraph }}

    +
    + +
    +
    +
    +

    {{ self.sub_heading }}

    +

    {{ self.sub_paragraph }}

    + +
      + {% for link in self.links %} +
    • {{ link.text }}
      • + {% endfor %} +
    + {% if self.cta_url %} + {{ self.cta_text }} + {% else %} + {{ self.cta_text }} + {% endif %} + +
    +
    + +
    +
    + image +
    +
    +
    +
    +
    + \ No newline at end of file diff --git a/templates/cms/streams/app_features.html b/templates/cms/streams/app_features.html new file mode 100644 index 00000000..96634689 --- /dev/null +++ b/templates/cms/streams/app_features.html @@ -0,0 +1,25 @@ +{% load wagtailcore_tags static %} + + +
    +
    +
    +

    {{ self.heading }}

    +

    {{ self.description }}

    +
    + +
    + {% for card in self.cards %} +
    +
    + +

    {{ card.card_heading }}s

    +

    {{ card.card_description }}

    +
    +
    + {% endfor %} +
    +
    +
    image
    +
    + diff --git a/templates/cms/streams/blog/code_block.html b/templates/cms/streams/blog/code_block.html new file mode 100644 index 00000000..163867a1 --- /dev/null +++ b/templates/cms/streams/blog/code_block.html @@ -0,0 +1,2 @@ + +
    {{ self }}
    \ No newline at end of file diff --git a/templates/cms/streams/blog/content_title.html b/templates/cms/streams/blog/content_title.html new file mode 100644 index 00000000..2fdc8309 --- /dev/null +++ b/templates/cms/streams/blog/content_title.html @@ -0,0 +1 @@ +

    {{ self }}

    \ No newline at end of file diff --git a/templates/cms/streams/blog/image.html b/templates/cms/streams/blog/image.html new file mode 100644 index 00000000..dc3ee941 --- /dev/null +++ b/templates/cms/streams/blog/image.html @@ -0,0 +1,4 @@ +{% load wagtailimages_tags %} + +{% image self scale-100 as tmp_photo %} +
    {{ tmp_photo.alt }}
    \ No newline at end of file diff --git a/templates/cms/streams/blog/rich_text.html b/templates/cms/streams/blog/rich_text.html new file mode 100644 index 00000000..4874df5d --- /dev/null +++ b/templates/cms/streams/blog/rich_text.html @@ -0,0 +1 @@ +

    {{ self }}

    \ No newline at end of file diff --git a/templates/cms/streams/carousel.html b/templates/cms/streams/carousel.html new file mode 100644 index 00000000..9f1dfa4d --- /dev/null +++ b/templates/cms/streams/carousel.html @@ -0,0 +1,25 @@ +{% load wagtailcore_tags wagtailimages_tags static %} + +
    +
    +
    +
    + {% for slider in self.sliders %} +
    + +

    {{ slider.description }}

    +
    + {% image slider.image height-55 as photo %} + image +
    +

    {{ slider.author }}

    + D{{ slider.role }} +
    +
    +
    + {% endfor %} +
    +
    +
    +
    + \ No newline at end of file diff --git a/templates/cms/streams/count.html b/templates/cms/streams/count.html new file mode 100644 index 00000000..4a4cf205 --- /dev/null +++ b/templates/cms/streams/count.html @@ -0,0 +1,20 @@ + + +
    +
    +
    +
    + {% for link in self.links %} +
    +
    +

    {{ link.count_value }}

    + {{ link.text }} +
    +
    + {% endfor %} + +
    +
    +
    +
    + \ No newline at end of file diff --git a/templates/cms/streams/home_blog.html b/templates/cms/streams/home_blog.html new file mode 100644 index 00000000..bf1287cc --- /dev/null +++ b/templates/cms/streams/home_blog.html @@ -0,0 +1,38 @@ +{% load wagtailimages_tags static %} + + +
    +
    +
    +

    {{ self.heading }}

    +

    {{ self.description }}

    +
    + +
    + {% for card in self.cards %} +
    +
    +
    + + {% image card.image scale-100 as photo %} + image + +
    +
    + {{ card.blog_tag }} +

    {{ card.blog_heading }}

    + {% if card.cta_url %} + {{ card.cta_text }} + {% else %} + {{ card.cta_text }} + {% endif %} +
    +
    +
    + {% endfor %} +
    +
    +
    + + + diff --git a/templates/cms/streams/left_image_right_content.html b/templates/cms/streams/left_image_right_content.html new file mode 100644 index 00000000..5909f1f8 --- /dev/null +++ b/templates/cms/streams/left_image_right_content.html @@ -0,0 +1,44 @@ +{% load wagtailimages_tags static %} + + +
    +
    +
    +
    +
    + {% image self.image scale-100 as photo %} + image +
    +
    + +
    +
    + DOWNLOAD APP +

    {{ self.heading }}

    +

    {{ self.paragraph }}

    + +
    + {% for cta in self.links %} + {% if cta.cta_url %} + + {% image cta.cta_image height-55 as photo %} + image + Download on + {{ cta.cta_text }} + + {% else %} + + {% image cta.cta_image height-55 as photo %} + image + Download on + {{ cta.cta_text }} + + {% endif %} + {% endfor %} +
    +
    +
    +
    +
    +
    + \ No newline at end of file diff --git a/templates/cms/streams/pricing.html b/templates/cms/streams/pricing.html new file mode 100644 index 00000000..c168e844 --- /dev/null +++ b/templates/cms/streams/pricing.html @@ -0,0 +1,36 @@ + + + +
    +
    +
    +

    {{ self.heading }}

    +

    {{ self.description }}

    +
    + +
    + {% for card in self.cards %} +
    +
    +
    +

    {{ card.card_heading }}

    + {{ card.card_price }}/year +
    +
      +
    • {{ card.card_description }}
      • + +
    + {% if card.cta_url %} + {{ card.cta_text }} + {% else %} + {{ card.cta_text }} + {% endif %} +
    +
    + {% endfor %} + + +
    +
    +
    + \ No newline at end of file diff --git a/templates/cms/streams/right_image_left_content.html b/templates/cms/streams/right_image_left_content.html new file mode 100644 index 00000000..e8394fc6 --- /dev/null +++ b/templates/cms/streams/right_image_left_content.html @@ -0,0 +1,42 @@ +{% load wagtailimages_tags static %} + + +
    +
    +
    +
    +
    +

    {{ self.heading }}

    +

    {{ self.paragraph }}

    +
    + {% for cta in self.links %} + {% if cta.cta_url %} + + {% image cta.cta_image height-55 as photo %} + image + Download on + {{ cta.cta_text }} + + {% else %} + + {% image cta.cta_image height-55 as photo %} + image + Download on + {{ cta.cta_text }} + + {% endif %} + {% endfor %} +
    +
    +
    + +
    +
    + {% image self.image scale-100 as photo %} + image +
    +
    +
    +
    +
    + \ No newline at end of file diff --git a/templates/cms_base.html b/templates/cms_base.html new file mode 100644 index 00000000..49b3d265 --- /dev/null +++ b/templates/cms_base.html @@ -0,0 +1,325 @@ + +{% load static menus_tags wagtailimages_tags %} +{% get_menu "navbar" as media %} +{% get_menu "footer" as footer %} + + + + + + + + + + + + + + + + + + + + + + + + Noke - Creative Multipurpose HTML Template + + + + + + +
    +
    +
    +
    + +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    + +
    + +
    +
    + + +
    +
    +
    +
    +
    +
    +
    +
    + + + {% block content %} + + {% endblock content %} + + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file