add basic project setup

main
Arne Schauf 3 weeks ago
commit 4aace265b5
  1. 407
      .gitignore
  2. 25
      Dockerfile
  3. 300
      core/migrations/0001_squashed_0032_auto_20161201_1633.py
  4. 73
      core/migrations/0002_auto_20180918_1233.py
  5. 18
      core/migrations/0003_eventpage_pretix_slug.py
  6. 18
      core/migrations/0004_eventpage_vimeo_id.py
  7. 32
      core/migrations/0005_auto_20200628_2200.py
  8. 20
      core/migrations/0006_simpleonecolumnpage_featured_media.py
  9. 26
      core/migrations/0007_auto_20200702_1923.py
  10. 22
      core/migrations/0008_auto_20200719_1611.py
  11. 23
      core/migrations/0009_auto_20200817_2130.py
  12. 21
      core/migrations/0010_eventpage_downloads.py
  13. 80
      core/migrations/0011_alter_contactformfield_choices_and_more.py
  14. 0
      core/migrations/__init__.py
  15. 521
      core/models.py
  16. 3324
      core/static/css/app.css
  17. 990
      core/static/css/blocks.css
  18. 27
      core/static/css/custom.css
  19. 98
      core/static/css/footers/footer-default.css
  20. 69
      core/static/css/footers/footer-v1.css
  21. 52
      core/static/css/footers/footer-v2.css
  22. 46
      core/static/css/footers/footer-v3.css
  23. 98
      core/static/css/footers/footer-v4.css
  24. 191
      core/static/css/footers/footer-v5.css
  25. 185
      core/static/css/footers/footer-v6.css
  26. 140
      core/static/css/footers/footer-v7.css
  27. 897
      core/static/css/headers/header-default.css
  28. 877
      core/static/css/headers/header-v1.css
  29. 875
      core/static/css/headers/header-v2.css
  30. 762
      core/static/css/headers/header-v3.css
  31. 947
      core/static/css/headers/header-v4.css
  32. 1001
      core/static/css/headers/header-v5.css
  33. 77
      core/static/css/ie8.css
  34. 122
      core/static/css/pages/blog.css
  35. 157
      core/static/css/pages/blog_magazine.css
  36. 89
      core/static/css/pages/blog_masonry_3col.css
  37. 275
      core/static/css/pages/feature_timeline1.css
  38. 166
      core/static/css/pages/feature_timeline2.css
  39. 40
      core/static/css/pages/page_404_error.css
  40. 53
      core/static/css/pages/page_404_error1.css
  41. 51
      core/static/css/pages/page_404_error2.css
  42. 56
      core/static/css/pages/page_404_error3.css
  43. 73
      core/static/css/pages/page_about.css
  44. 76
      core/static/css/pages/page_clients.css
  45. 56
      core/static/css/pages/page_coming_soon.css
  46. 36
      core/static/css/pages/page_contact.css
  47. 44
      core/static/css/pages/page_error3_404.css
  48. 49
      core/static/css/pages/page_error4_404.css
  49. 82
      core/static/css/pages/page_faq1.css
  50. 44
      core/static/css/pages/page_invoice.css
  51. 82
      core/static/css/pages/page_job.css
  52. 283
      core/static/css/pages/page_job_inner.css
  53. 179
      core/static/css/pages/page_job_inner1.css
  54. 109
      core/static/css/pages/page_job_inner2.css
  55. 27
      core/static/css/pages/page_log_reg_v1.css
  56. 72
      core/static/css/pages/page_log_reg_v2.css
  57. 72
      core/static/css/pages/page_one.css
  58. 969
      core/static/css/pages/page_pricing copy.css
  59. 979
      core/static/css/pages/page_pricing.css
  60. 104
      core/static/css/pages/page_promo.css
  61. 93
      core/static/css/pages/page_search.css
  62. 188
      core/static/css/pages/page_search_inner.css
  63. 15
      core/static/css/pages/page_search_inner_tables.css
  64. 169
      core/static/css/pages/portfolio-v1.css
  65. 75
      core/static/css/pages/portfolio-v2.css
  66. 224
      core/static/css/pages/pricing/pricing-bg-colored.css
  67. 285
      core/static/css/pages/pricing/pricing-dark.css
  68. 274
      core/static/css/pages/pricing/pricing-light.css
  69. 277
      core/static/css/pages/pricing/pricing-medium-dark.css
  70. 283
      core/static/css/pages/pricing/pricing-medium-light.css
  71. 980
      core/static/css/pages/pricing/pricing-mega-v1.css
  72. 274
      core/static/css/pages/pricing/pricing-mega-v2.css
  73. 286
      core/static/css/pages/pricing/pricing-mega-v3.css
  74. 246
      core/static/css/pages/pricing/pricing-rounded.css
  75. 206
      core/static/css/pages/pricing/pricing-zoom.css
  76. 177
      core/static/css/pages/pricing/pricing.css
  77. 380
      core/static/css/pages/pricing/pricing_accord.css
  78. 367
      core/static/css/pages/pricing/pricing_v1.css
  79. 325
      core/static/css/pages/pricing/pricing_v2.css
  80. 423
      core/static/css/pages/pricing/pricing_v3.css
  81. 596
      core/static/css/pages/pricing/pricing_v4.css
  82. 557
      core/static/css/pages/pricing/pricing_v5.css
  83. 112
      core/static/css/pages/pricing/pricing_v6.css
  84. 203
      core/static/css/pages/pricing/pricing_v7.css
  85. 206
      core/static/css/pages/pricing/pricing_v8.css
  86. 831
      core/static/css/pages/profile.css
  87. 1158
      core/static/css/plugins.css
  88. 2744
      core/static/css/plugins/animate.css
  89. 68
      core/static/css/plugins/box-shadows.css
  90. 6
      core/static/css/plugins/brand-buttons/.travis.yml
  91. 21
      core/static/css/plugins/brand-buttons/SASS/_mixins.scss
  92. 93
      core/static/css/plugins/brand-buttons/SASS/_variables.scss
  93. 8
      core/static/css/plugins/brand-buttons/SASS/brand-buttons-inversed.scss
  94. 8
      core/static/css/plugins/brand-buttons/SASS/brand-buttons.scss
  95. 694
      core/static/css/plugins/brand-buttons/brand-buttons-inversed.css
  96. 694
      core/static/css/plugins/brand-buttons/brand-buttons.css
  97. 1
      core/static/css/plugins/brand-buttons/css/brand-buttons-inversed.min.css
  98. 1
      core/static/css/plugins/brand-buttons/css/brand-buttons.min.css
  99. 75
      core/static/css/plugins/hover-effect/css/custom-hover-effects.css
  100. 12
      core/static/css/plugins/hover-effect/css/hover-min.css
  101. Some files were not shown because too many files have changed in this diff Show More

407
.gitignore vendored

@ -0,0 +1,407 @@
*.ipynb
docker-compose.override.yml
.env
*.psql
*.sql
db
# Created by https://www.toptal.com/developers/gitignore/api/pycharm,python,django,vuejs,yarn
# Edit at https://www.toptal.com/developers/gitignore?templates=pycharm,python,django,vuejs,yarn
### Django ###
*.log
*.pot
*.pyc
__pycache__/
local_settings.py
db.sqlite3
db.sqlite3-journal
media
# If your build process includes running collectstatic, then you probably don't need or want to include staticfiles/
# in your Git repository. Update and uncomment the following line accordingly.
# <django-project-name>/staticfiles/
### Django.Python Stack ###
# Byte-compiled / optimized / DLL files
*.py[cod]
*$py.class
# C extensions
*.so
# Distribution / packaging
.Python
build/
develop-eggs/
dist/
downloads/
eggs/
.eggs/
lib/
lib64/
parts/
sdist/
var/
wheels/
share/python-wheels/
*.egg-info/
.installed.cfg
*.egg
MANIFEST
# PyInstaller
# Usually these files are written by a python script from a template
# before PyInstaller builds the exe, so as to inject date/other infos into it.
*.manifest
*.spec
# Installer logs
pip-log.txt
pip-delete-this-directory.txt
# Unit test / coverage reports
htmlcov/
.tox/
.nox/
.coverage
.coverage.*
.cache
nosetests.xml
coverage.xml
*.cover
*.py,cover
.hypothesis/
.pytest_cache/
cover/
# Translations
*.mo
# Django stuff:
# Flask stuff:
instance/
.webassets-cache
# Scrapy stuff:
.scrapy
# Sphinx documentation
docs/_build/
# PyBuilder
.pybuilder/
target/
# Jupyter Notebook
.ipynb_checkpoints
# IPython
profile_default/
ipython_config.py
# pyenv
# For a library or package, you might want to ignore these files since the code is
# intended to run in multiple environments; otherwise, check them in:
# .python-version
# pipenv
# According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
# However, in case of collaboration, if having platform-specific dependencies or dependencies
# having no cross-platform support, pipenv may install dependencies that don't work, or not
# install all needed dependencies.
#Pipfile.lock
# poetry
# Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
# This is especially recommended for binary packages to ensure reproducibility, and is more
# commonly ignored for libraries.
# https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
#poetry.lock
# pdm
# Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
#pdm.lock
# pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
# in version control.
# https://pdm.fming.dev/#use-with-ide
.pdm.toml
# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
__pypackages__/
# Celery stuff
celerybeat-schedule
celerybeat.pid
# SageMath parsed files
*.sage.py
# Environments
.env
.venv
env/
venv/
ENV/
env.bak/
venv.bak/
# Spyder project settings
.spyderproject
.spyproject
# Rope project settings
.ropeproject
# mkdocs documentation
/site
# mypy
.mypy_cache/
.dmypy.json
dmypy.json
# Pyre type checker
.pyre/
# pytype static type analyzer
.pytype/
# Cython debug symbols
cython_debug/
# PyCharm
# JetBrains specific template is maintained in a separate JetBrains.gitignore that can
# be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
# and can be added to the global gitignore or merged into this file. For a more nuclear
# option (not recommended) you can uncomment the following to ignore the entire idea folder.
#.idea/
### PyCharm ###
# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebStorm and Rider
# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
# User-specific stuff
.idea/**/workspace.xml
.idea/**/tasks.xml
.idea/**/usage.statistics.xml
.idea/**/dictionaries
.idea/**/shelf
# AWS User-specific
.idea/**/aws.xml
# Generated files
.idea/**/contentModel.xml
# Sensitive or high-churn files
.idea/**/dataSources/
.idea/**/dataSources.ids
.idea/**/dataSources.local.xml
.idea/**/sqlDataSources.xml
.idea/**/dynamic.xml
.idea/**/uiDesigner.xml
.idea/**/dbnavigator.xml
# Gradle
.idea/**/gradle.xml
.idea/**/libraries
# Gradle and Maven with auto-import
# When using Gradle or Maven with auto-import, you should exclude module files,
# since they will be recreated, and may cause churn. Uncomment if using
# auto-import.
# .idea/artifacts
# .idea/compiler.xml
# .idea/jarRepositories.xml
# .idea/modules.xml
# .idea/*.iml
# .idea/modules
# *.iml
# *.ipr
# CMake
cmake-build-*/
# Mongo Explorer plugin
.idea/**/mongoSettings.xml
# File-based project format
*.iws
# IntelliJ
out/
# mpeltonen/sbt-idea plugin
.idea_modules/
# JIRA plugin
atlassian-ide-plugin.xml
# Cursive Clojure plugin
.idea/replstate.xml
# SonarLint plugin
.idea/sonarlint/
# Crashlytics plugin (for Android Studio and IntelliJ)
com_crashlytics_export_strings.xml
crashlytics.properties
crashlytics-build.properties
fabric.properties
# Editor-based Rest Client
.idea/httpRequests
# Android studio 3.1+ serialized cache file
.idea/caches/build_file_checksums.ser
### PyCharm Patch ###
# Comment Reason: https://github.com/joeblau/gitignore.io/issues/186#issuecomment-215987721
# *.iml
# modules.xml
# .idea/misc.xml
# *.ipr
# Sonarlint plugin
# https://plugins.jetbrains.com/plugin/7973-sonarlint
.idea/**/sonarlint/
# SonarQube Plugin
# https://plugins.jetbrains.com/plugin/7238-sonarqube-community-plugin
.idea/**/sonarIssues.xml
# Markdown Navigator plugin
# https://plugins.jetbrains.com/plugin/7896-markdown-navigator-enhanced
.idea/**/markdown-navigator.xml
.idea/**/markdown-navigator-enh.xml
.idea/**/markdown-navigator/
# Cache file creation bug
# See https://youtrack.jetbrains.com/issue/JBR-2257
.idea/$CACHE_FILE$
# CodeStream plugin
# https://plugins.jetbrains.com/plugin/12206-codestream
.idea/codestream.xml
# Azure Toolkit for IntelliJ plugin
# https://plugins.jetbrains.com/plugin/8053-azure-toolkit-for-intellij
.idea/**/azureSettings.xml
### Python ###
# Byte-compiled / optimized / DLL files
# C extensions
# Distribution / packaging
# PyInstaller
# Usually these files are written by a python script from a template
# before PyInstaller builds the exe, so as to inject date/other infos into it.
# Installer logs
# Unit test / coverage reports
# Translations
# Django stuff:
# Flask stuff:
# Scrapy stuff:
# Sphinx documentation
# PyBuilder
# Jupyter Notebook
# IPython
# pyenv
# For a library or package, you might want to ignore these files since the code is
# intended to run in multiple environments; otherwise, check them in:
# .python-version
# pipenv
# According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
# However, in case of collaboration, if having platform-specific dependencies or dependencies
# having no cross-platform support, pipenv may install dependencies that don't work, or not
# install all needed dependencies.
# poetry
# Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
# This is especially recommended for binary packages to ensure reproducibility, and is more
# commonly ignored for libraries.
# https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
# pdm
# Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
# pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
# in version control.
# https://pdm.fming.dev/#use-with-ide
# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
# Celery stuff
# SageMath parsed files
# Environments
# Spyder project settings
# Rope project settings
# mkdocs documentation
# mypy
# Pyre type checker
# pytype static type analyzer
# Cython debug symbols
# PyCharm
# JetBrains specific template is maintained in a separate JetBrains.gitignore that can
# be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
# and can be added to the global gitignore or merged into this file. For a more nuclear
# option (not recommended) you can uncomment the following to ignore the entire idea folder.
### Python Patch ###
# Poetry local configuration file - https://python-poetry.org/docs/configuration/#local-configuration
poetry.toml
# ruff
.ruff_cache/
### Vuejs ###
# Recommended template: Node.gitignore
node_modules/
npm-debug.log
yarn-error.log
### yarn ###
# https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored
.yarn/*
!.yarn/releases
!.yarn/patches
!.yarn/plugins
!.yarn/sdks
!.yarn/versions
# if you are NOT using Zero-installs, then:
# comment the following lines
!.yarn/cache
# and uncomment the following lines
# .pnp.*
# End of https://www.toptal.com/developers/gitignore/api/pycharm,python,django,vuejs,yarn

@ -0,0 +1,25 @@
FROM python:3.13
ARG UID=1000
ARG GID=1000
USER root
ENV PYTHONUNBUFFERED=1
RUN apt-get update && apt-get install -y \
postgresql-client \
&& rm -rf /var/lib/apt/lists/*
RUN groupadd runuser -g ${GID}
RUN useradd runuser -d /home/runuser -u ${UID} -g ${GID}
RUN mkdir -p /home/runuser && chown ${UID}:${GID} /home/runuser
VOLUME /home/runuser
COPY requirements.txt /app/requirements.txt
WORKDIR /app
RUN pip3 install -Ur requirements.txt
COPY . /app
RUN chown -R ${UID}:${GID} /app
USER ${UID}:${GID}

@ -0,0 +1,300 @@
# Generated by Django 2.0.2 on 2018-03-01 23:04
from django.db import migrations, models
import django.db.models.deletion
import django_extensions.db.fields
import modelcluster.fields
import wagtail.blocks
import wagtail.fields
import wagtail.documents.blocks
import wagtail.images.blocks
class Migration(migrations.Migration):
replaces = [('core', '0001_initial'), ('core', '0002_auto_20150222_1203'), ('core', '0003_auto_20150222_1209'), ('core', '0004_auto_20150222_1518'), ('core', '0005_simpleonecolumnpage'), ('core', '0006_eventindexpage_eventpage'), ('core', '0007_auto_20150223_2126'), ('core', '0008_auto_20150224_1743'), ('core', '0009_eventpage_description'), ('core', '0010_auto_20150224_2003'), ('core', '0011_auto_20150224_2132'), ('core', '0012_auto_20150224_2223'), ('core', '0013_auto_20150225_2343'), ('core', '0014_auto_20150226_0025'), ('core', '0015_auto_20150226_0026'), ('core', '0016_auto_20150502_1342'), ('core', '0017_auto_20150502_1409'), ('core', '0018_auto_20150502_1432'), ('core', '0019_eventpage_show_in_event_calendar'), ('core', '0020_auto_20150503_0010'), ('core', '0021_auto_20150503_0021'), ('core', '0022_auto_20150503_0023'), ('core', '0023_auto_20150510_2128'), ('core', '0024_auto_20150510_2234'), ('core', '0025_uploadedscript'), ('core', '0026_auto_20150818_1650'), ('core', '0027_auto_20160915_1455'), ('core', '0028_auto_20160915_1503'), ('core', '0029_auto_20160915_1509'), ('core', '0030_remove_blogpage_subtitle'), ('core', '0031_auto_20160915_1557'), ('core', '0032_auto_20161201_1633')]
initial = True
dependencies = [
('wagtailimages', '0005_make_filter_spec_unique'),
('wagtailcore', '0029_unicode_slugfield_dj19'),
('wagtaildocs', '0002_initial_data'),
('wagtailforms', '0001_initial'),
('wagtailcore', '0013_update_golive_expire_help_text'),
('wagtailcore', '0015_add_more_verbose_names'),
('wagtailsearch', '0001_initial'),
('wagtailcore', '0010_change_page_owner_to_null_on_delete'),
('wagtailredirects', '0001_initial'),
]
operations = [
migrations.CreateModel(
name='HomePage',
fields=[
('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.DO_NOTHING, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')),
('block1', wagtail.fields.RichTextField(blank=True)),
('slide1_headline', models.CharField(blank=True, max_length=512)),
('slide1_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')),
('slide1_link_text', models.CharField(blank=True, max_length=64)),
('slide1_subline', models.CharField(blank=True, max_length=512)),
('slide1_link_url', models.URLField(blank=True)),
('slide2_headline', models.CharField(blank=True, max_length=512)),
('slide2_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')),
('slide2_link_text', models.CharField(blank=True, max_length=64)),
('slide2_subline', models.CharField(blank=True, max_length=512)),
('slide2_link_url', models.URLField(blank=True)),
('slide3_headline', models.CharField(blank=True, max_length=512)),
('slide3_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')),
('slide3_link_text', models.CharField(blank=True, max_length=64)),
('slide3_subline', models.CharField(blank=True, max_length=512)),
('slide3_link_url', models.URLField(blank=True)),
('thumbnail1_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')),
('thumbnail1_more_page', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailcore.Page')),
('thumbnail1_more_text', models.CharField(blank=True, max_length=64)),
('thumbnail1_text', wagtail.fields.RichTextField(blank=True)),
('thumbnail1_title', models.CharField(blank=True, max_length=128)),
('thumbnail2_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')),
('thumbnail2_more_page', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailcore.Page')),
('thumbnail2_more_text', models.CharField(blank=True, max_length=64)),
('thumbnail2_text', wagtail.fields.RichTextField(blank=True)),
('thumbnail2_title', models.CharField(blank=True, max_length=128)),
('thumbnail3_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')),
('thumbnail3_more_page', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailcore.Page')),
('thumbnail3_more_text', models.CharField(blank=True, max_length=64)),
('thumbnail3_text', wagtail.fields.RichTextField(blank=True)),
('thumbnail3_title', models.CharField(blank=True, max_length=128)),
],
options={
'abstract': False,
},
bases=('wagtailcore.page',),
),
migrations.CreateModel(
name='SimpleOneColumnPage',
fields=[
('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.DO_NOTHING, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')),
('content', wagtail.fields.RichTextField(blank=True)),
],
options={
'abstract': False,
},
bases=('wagtailcore.page',),
),
migrations.CreateModel(
name='EventIndexPage',
fields=[
('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.DO_NOTHING, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')),
],
options={
'description': 'Displays all events on EventPages below in an overview. Use this as parent page for events.',
},
bases=('wagtailcore.page',),
),
migrations.CreateModel(
name='EventPage',
fields=[
('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.DO_NOTHING, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')),
('subtitle', models.CharField(blank=True, max_length=512, null=True)),
('start_date', models.DateField()),
('end_date', models.DateField(blank=True, null=True)),
('flyer', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtaildocs.Document')),
('slide1_headline', models.CharField(blank=True, max_length=512)),
('slide1_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')),
('slide1_link_text', models.CharField(blank=True, max_length=64)),
('slide1_link_url', models.URLField(blank=True)),
('slide1_subline', models.CharField(blank=True, max_length=512)),
('slide2_headline', models.CharField(blank=True, max_length=512)),
('slide2_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')),
('slide2_link_text', models.CharField(blank=True, max_length=64)),
('slide2_link_url', models.URLField(blank=True)),
('slide2_subline', models.CharField(blank=True, max_length=512)),
('slide3_headline', models.CharField(blank=True, max_length=512)),
('slide3_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')),
('slide3_link_text', models.CharField(blank=True, max_length=64)),
('slide3_link_url', models.URLField(blank=True)),
('slide3_subline', models.CharField(blank=True, max_length=512)),
('description', wagtail.fields.RichTextField(blank=True)),
('location_city', models.CharField(blank=True, default='', help_text='Zip code and city', max_length=256)),
('location_name', models.CharField(blank=True, default='', help_text='Name of the location (first line of address)', max_length=256)),
('location_street', models.CharField(blank=True, default='', help_text='Street and house number', max_length=256)),
('img2_caption', models.CharField(blank=True, max_length=64)),
('img2_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')),
('img1_caption', models.CharField(blank=True, max_length=64)),
('img1_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')),
('from_address', models.CharField(blank=True, max_length=255, verbose_name='from address')),
('subject', models.CharField(blank=True, max_length=255, verbose_name='subject')),
('to_address', models.CharField(blank=True, help_text='Optional - form submissions will be emailed to these addresses. Separate multiple addresses by comma.', max_length=255, verbose_name='to address')),
('registration_end_date', models.DateField(blank=True, help_text='Last day where the registration will be available. Leave empty to enable registration permanentlyafter start date', null=True)),
('registration_start_date', models.DateField(blank=True, help_text='When does the registration open? Leave empty to disable registration', null=True)),
('show_in_event_calendar', models.BooleanField(default=True)),
('is_free', models.BooleanField(default=False, help_text='If this is checked the send button under the registrationform will be labeled "verbindlich anmelden" instead of "kostenpflichtig anmelden"')),
('tabs', wagtail.fields.StreamField((('sponsor_tab', wagtail.blocks.StructBlock((('title', wagtail.blocks.CharBlock(max_length=64)), ('sponsors', wagtail.blocks.StreamBlock((('sponsor', wagtail.blocks.StructBlock((('name', wagtail.blocks.CharBlock(max_length=64)), ('logo', wagtail.images.blocks.ImageChooserBlock(required=False)), ('url', wagtail.blocks.URLBlock(required=False))))), ('headline', wagtail.blocks.CharBlock(max_length=64)))))))), ('richtext_tab', wagtail.blocks.StructBlock((('title', wagtail.blocks.CharBlock(max_length=64)), ('content', wagtail.blocks.RichTextBlock()))))), blank=True, null=True)),
('external_registration_code', models.TextField(blank=True, help_text='Put code e.g. from Xing here. If this field is filled out there will be no registration form displayed.', null=True)),
],
options={
'ordering': ['-start_date'],
'abstract': False,
},
bases=('wagtailcore.page',),
),
migrations.CreateModel(
name='ContactFormField',
fields=[
('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
('sort_order', models.IntegerField(blank=True, editable=False, null=True)),
('label', models.CharField(help_text='The label of the form field', max_length=255)),
('field_type', models.CharField(choices=[('singleline', 'Single line text'), ('multiline', 'Multi-line text'), ('email', 'Email'), ('number', 'Number'), ('url', 'URL'), ('checkbox', 'Checkbox'), ('checkboxes', 'Checkboxes'), ('dropdown', 'Drop down'), ('radio', 'Radio buttons'), ('date', 'Date'), ('datetime', 'Date/time')], max_length=16)),
('required', models.BooleanField(default=True)),
('choices', models.CharField(blank=True, help_text='Comma separated list of choices. Only applicable in checkboxes, radio and dropdown.', max_length=512)),
('default_value', models.CharField(blank=True, help_text='Default value. Comma separated values supported for checkboxes.', max_length=255)),
('help_text', models.CharField(blank=True, max_length=255)),
],
options={
'ordering': ['sort_order'],
'abstract': False,
},
),
migrations.CreateModel(
name='ContactFormPage',
fields=[
('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.DO_NOTHING, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')),
('to_address', models.CharField(blank=True, help_text='Optional - form submissions will be emailed to these addresses. Separate multiple addresses by comma.', max_length=255, verbose_name='to address')),
('from_address', models.CharField(blank=True, max_length=255, verbose_name='from address')),
('subject', models.CharField(blank=True, max_length=255, verbose_name='subject')),
('thank_you_text', wagtail.fields.RichTextField(blank=True)),
('address', models.CharField(blank=True, max_length=128)),
('form_title', models.CharField(blank=True, max_length=128)),
('web_address', models.URLField(blank=True)),
('mail_address', models.CharField(blank=True, max_length=128)),
('person_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')),
('person_name', models.CharField(blank=True, max_length=128)),
('person_position', models.CharField(blank=True, max_length=128)),
('phone', models.CharField(blank=True, max_length=128)),
],
options={
'abstract': False,
},
bases=('wagtailcore.page',),
),
migrations.AddField(
model_name='contactformfield',
name='page',
field=modelcluster.fields.ParentalKey(on_delete=django.db.models.deletion.CASCADE, related_name='form_fields', to='core.ContactFormPage'),
),
migrations.CreateModel(
name='EventRegistrationField',
fields=[
('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
('sort_order', models.IntegerField(blank=True, editable=False, null=True)),
('label', models.CharField(help_text='The label of the form field', max_length=255, verbose_name='label')),
('field_type', models.CharField(choices=[('singleline', 'Single line text'), ('multiline', 'Multi-line text'), ('email', 'Email'), ('number', 'Number'), ('url', 'URL'), ('checkbox', 'Checkbox'), ('checkboxes', 'Checkboxes'), ('dropdown', 'Drop down'), ('radio', 'Radio buttons'), ('date', 'Date'), ('datetime', 'Date/time')], max_length=16, verbose_name='field type')),
('required', models.BooleanField(default=True, verbose_name='required')),
('choices', models.TextField(blank=True, help_text='Comma separated list of choices. Only applicable in checkboxes, radio and dropdown.', verbose_name='choices')),
('default_value', models.CharField(blank=True, help_text='Default value. Comma separated values supported for checkboxes.', max_length=255, verbose_name='default value')),
('help_text', models.CharField(blank=True, max_length=255, verbose_name='help text')),
('page', modelcluster.fields.ParentalKey(on_delete=django.db.models.deletion.CASCADE, related_name='form_fields', to='core.EventPage')),
],
options={
'ordering': ['sort_order'],
'abstract': False,
},
),
migrations.CreateModel(
name='EventHistoryPage',
fields=[
('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.DO_NOTHING, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')),
('events', wagtail.fields.StreamField((('event', wagtail.blocks.StructBlock((('title', wagtail.blocks.CharBlock(max_length=512, required=False)), ('subtitle', wagtail.blocks.CharBlock(max_length=512, required=False)), ('start_date', wagtail.blocks.DateBlock()), ('end_date', wagtail.blocks.DateBlock(help_text='Leave empty for single day events', required=False)), ('location_name', wagtail.blocks.CharBlock(help_text='Name of the location (first line of address)', max_length=256, required=False)), ('location_city', wagtail.blocks.CharBlock(help_text='Zip code and city', max_length=256, required=False)), ('image', wagtail.images.blocks.ImageChooserBlock(required=False)), ('flyer', wagtail.documents.blocks.DocumentChooserBlock(required=False))))),))),
],
options={
'abstract': False,
},
bases=('wagtailcore.page',),
),
migrations.AlterField(
model_name='contactformfield',
name='choices',
field=models.CharField(blank=True, help_text='Comma separated list of choices. Only applicable in checkboxes, radio and dropdown.', max_length=512, verbose_name='Choices'),
),
migrations.AlterField(
model_name='contactformfield',
name='default_value',
field=models.CharField(blank=True, help_text='Default value. Comma separated values supported for checkboxes.', max_length=255, verbose_name='Default value'),
),
migrations.AlterField(
model_name='contactformfield',
name='field_type',
field=models.CharField(choices=[('singleline', 'Single line text'), ('multiline', 'Multi-line text'), ('email', 'Email'), ('number', 'Number'), ('url', 'URL'), ('checkbox', 'Checkbox'), ('checkboxes', 'Checkboxes'), ('dropdown', 'Drop down'), ('radio', 'Radio buttons'), ('date', 'Date'), ('datetime', 'Date/time')], max_length=16, verbose_name='Field type'),
),
migrations.AlterField(
model_name='contactformfield',
name='help_text',
field=models.CharField(blank=True, max_length=255, verbose_name='Help text'),
),
migrations.AlterField(
model_name='contactformfield',
name='label',
field=models.CharField(help_text='The label of the form field', max_length=255, verbose_name='Label'),
),
migrations.AlterField(
model_name='contactformfield',
name='required',
field=models.BooleanField(default=True, verbose_name='Required'),
),
migrations.CreateModel(
name='UploadedScript',
fields=[
('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
('created', django_extensions.db.fields.CreationDateTimeField(auto_now_add=True, verbose_name='created')),
('modified', django_extensions.db.fields.ModificationDateTimeField(auto_now=True, verbose_name='modified')),
('name', models.CharField(max_length=512, verbose_name='Ihr Name')),
('script', models.FileField(upload_to='scripts', verbose_name='Skript')),
],
options={
'get_latest_by': 'modified',
'ordering': ('-modified', '-created'),
'abstract': False,
},
),
migrations.CreateModel(
name='BlogPage',
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')),
('posts', wagtail.fields.StreamField((('post', wagtail.blocks.StructBlock((('images', wagtail.blocks.ListBlock(wagtail.images.blocks.ImageChooserBlock())), ('title', wagtail.blocks.CharBlock(max_length=200)), ('author', wagtail.blocks.CharBlock(default='Marion Schauf', max_length=64, required=False)), ('date', wagtail.blocks.DateBlock()), ('text', wagtail.blocks.RichTextBlock()), ('url', wagtail.blocks.URLBlock(required=False))))),), blank=True, null=True)),
],
options={
'ordering': ['-post_date'],
},
bases=('wagtailcore.page',),
),
migrations.AlterField(
model_name='contactformfield',
name='choices',
field=models.TextField(blank=True, help_text='Comma separated list of choices. Only applicable in checkboxes, radio and dropdown.', verbose_name='choices'),
),
migrations.AlterField(
model_name='contactformfield',
name='default_value',
field=models.CharField(blank=True, help_text='Default value. Comma separated values supported for checkboxes.', max_length=255, verbose_name='default value'),
),
migrations.AlterField(
model_name='contactformfield',
name='field_type',
field=models.CharField(choices=[('singleline', 'Single line text'), ('multiline', 'Multi-line text'), ('email', 'Email'), ('number', 'Number'), ('url', 'URL'), ('checkbox', 'Checkbox'), ('checkboxes', 'Checkboxes'), ('dropdown', 'Drop down'), ('radio', 'Radio buttons'), ('date', 'Date'), ('datetime', 'Date/time')], max_length=16, verbose_name='field type'),
),
migrations.AlterField(
model_name='contactformfield',
name='help_text',
field=models.CharField(blank=True, max_length=255, verbose_name='help text'),
),
migrations.AlterField(
model_name='contactformfield',
name='label',
field=models.CharField(help_text='The label of the form field', max_length=255, verbose_name='label'),
),
migrations.AlterField(
model_name='contactformfield',
name='required',
field=models.BooleanField(default=True, verbose_name='required'),
),
]

@ -0,0 +1,73 @@
# Generated by Django 2.0.2 on 2018-09-18 10:33
from django.db import migrations, models
import django.db.models.deletion
class Migration(migrations.Migration):
dependencies = [
('core', '0001_squashed_0032_auto_20161201_1633'),
]
operations = [
migrations.AlterModelOptions(
name='blogpage',
options={},
),
migrations.AlterField(
model_name='contactformfield',
name='field_type',
field=models.CharField(choices=[('singleline', 'Single line text'), ('multiline', 'Multi-line text'), ('email', 'Email'), ('number', 'Number'), ('url', 'URL'), ('checkbox', 'Checkbox'), ('checkboxes', 'Checkboxes'), ('dropdown', 'Drop down'), ('multiselect', 'Multiple select'), ('radio', 'Radio buttons'), ('date', 'Date'), ('datetime', 'Date/time'), ('hidden', 'Hidden field')], max_length=16, verbose_name='field type'),
),
migrations.AlterField(
model_name='contactformpage',
name='page_ptr',
field=models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page'),
),
migrations.AlterField(
model_name='eventhistorypage',
name='page_ptr',
field=models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page'),
),
migrations.AlterField(
model_name='eventindexpage',
name='page_ptr',
field=models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page'),
),
migrations.AlterField(
model_name='eventpage',
name='location_city',
field=models.CharField(blank=True, help_text='Zip code and city', max_length=256),
),
migrations.AlterField(
model_name='eventpage',
name='location_name',
field=models.CharField(blank=True, help_text='Name of the location (first line of address)', max_length=256),
),
migrations.AlterField(
model_name='eventpage',
name='location_street',
field=models.CharField(blank=True, help_text='Street and house number', max_length=256),
),
migrations.AlterField(
model_name='eventpage',
name='page_ptr',
field=models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page'),
),
migrations.AlterField(
model_name='eventregistrationfield',
name='field_type',
field=models.CharField(choices=[('singleline', 'Single line text'), ('multiline', 'Multi-line text'), ('email', 'Email'), ('number', 'Number'), ('url', 'URL'), ('checkbox', 'Checkbox'), ('checkboxes', 'Checkboxes'), ('dropdown', 'Drop down'), ('multiselect', 'Multiple select'), ('radio', 'Radio buttons'), ('date', 'Date'), ('datetime', 'Date/time'), ('hidden', 'Hidden field')], max_length=16, verbose_name='field type'),
),
migrations.AlterField(
model_name='homepage',
name='page_ptr',
field=models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page'),
),
migrations.AlterField(
model_name='simpleonecolumnpage',
name='page_ptr',
field=models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page'),
),
]

@ -0,0 +1,18 @@
# Generated by Django 2.0.2 on 2020-02-14 11:39
from django.db import migrations, models
class Migration(migrations.Migration):
dependencies = [
('core', '0002_auto_20180918_1233'),
]
operations = [
migrations.AddField(
model_name='eventpage',
name='pretix_slug',
field=models.CharField(blank=True, help_text='Slug von Pretix (leer lassen, um klassische Anmeldung zu verwenden)', max_length=512),
),
]

@ -0,0 +1,18 @@
# Generated by Django 2.0.2 on 2020-04-29 20:02
from django.db import migrations, models
class Migration(migrations.Migration):
dependencies = [
('core', '0003_eventpage_pretix_slug'),
]
operations = [
migrations.AddField(
model_name='eventpage',
name='vimeo_id',
field=models.TextField(blank=True, help_text='Vimeo Event ID (aus Vimeo-Link: https://vimeo.com/<hier-ist-die-id> )'),
),
]

@ -0,0 +1,32 @@
# Generated by Django 2.0.2 on 2020-06-28 20:00
from django.db import migrations, models
import wagtail.blocks
import wagtail.fields
import wagtail.documents.blocks
import wagtail.images.blocks
class Migration(migrations.Migration):
dependencies = [
('core', '0004_eventpage_vimeo_id'),
]
operations = [
migrations.AddField(
model_name='eventpage',
name='registration_url',
field=models.URLField(blank=True, help_text='URL der Anmeldeseite (leer lassen um klassische Anmeldung zu verwenden)', max_length=512),
),
migrations.AlterField(
model_name='eventhistorypage',
name='events',
field=wagtail.fields.StreamField((('event', wagtail.blocks.StructBlock((('title', wagtail.blocks.CharBlock(max_length=512, required=False)), ('subtitle', wagtail.blocks.CharBlock(max_length=512, required=False)), ('start_date', wagtail.blocks.DateBlock()), ('end_date', wagtail.blocks.DateBlock(help_text='Leave empty for single day events', required=False)), ('location_name', wagtail.blocks.CharBlock(help_text='Name of the location (first line of address)', max_length=256, required=False)), ('location_city', wagtail.blocks.CharBlock(help_text='Zip code and city', max_length=256, required=False)), ('image', wagtail.images.blocks.ImageChooserBlock(required=False)), ('flyer', wagtail.documents.blocks.DocumentChooserBlock(required=False)), ('additional_info_btn_label', wagtail.blocks.CharBlock(label='Zusatzinfo Button Text', max_length=128, required=False)), ('additional_info_target', wagtail.blocks.PageChooserBlock(label='Zusatzinfo Zielseite', required=False))))),)),
),
migrations.AlterField(
model_name='eventpage',
name='show_in_event_calendar',
field=models.BooleanField(default=True, help_text='Event in Eventliste und im Kalender anzeigen?'),
),
]

@ -0,0 +1,20 @@
# Generated by Django 2.0.2 on 2020-07-01 13:05
from django.db import migrations, models
import django.db.models.deletion
class Migration(migrations.Migration):
dependencies = [
('wagtailmedia', '0003_copy_media_permissions_to_collections'),
('core', '0005_auto_20200628_2200'),
]
operations = [
migrations.AddField(
model_name='simpleonecolumnpage',
name='featured_media',
field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailmedia.Media'),
),
]

@ -0,0 +1,26 @@
# Generated by Django 3.0.8 on 2020-07-02 17:23
import core.models
from django.db import migrations
import wagtail.blocks
import wagtail.fields
import wagtail.images.blocks
class Migration(migrations.Migration):
dependencies = [
('core', '0006_simpleonecolumnpage_featured_media'),
]
operations = [
migrations.AlterModelOptions(
name='uploadedscript',
options={'get_latest_by': 'modified'},
),
migrations.AlterField(
model_name='eventpage',
name='tabs',
field=wagtail.fields.StreamField([('sponsor_tab', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock(max_length=64)), ('sponsors', wagtail.blocks.StreamBlock([('sponsor', wagtail.blocks.StructBlock([('name', wagtail.blocks.CharBlock(max_length=64)), ('logo', wagtail.images.blocks.ImageChooserBlock(required=False)), ('url', wagtail.blocks.URLBlock(required=False))])), ('headline', wagtail.blocks.CharBlock(max_length=64))]))])), ('richtext_tab', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock(max_length=64)), ('content', wagtail.blocks.RichTextBlock())])), ('media_tab', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock(max_length=64)), ('pre_content', wagtail.blocks.RichTextBlock(required=False)), ('media_file', core.models.MediaBlock(template='core/blocks/media_block.html')), ('post_content', wagtail.blocks.RichTextBlock(required=False))]))], blank=True, null=True),
),
]

@ -0,0 +1,22 @@
# Generated by Django 3.0.8 on 2020-07-19 14:11
import core.models
from django.db import migrations
import wagtail.blocks
import wagtail.fields
import wagtail.images.blocks
class Migration(migrations.Migration):
dependencies = [
('core', '0007_auto_20200702_1923'),
]
operations = [
migrations.AlterField(
model_name='eventpage',
name='tabs',
field=wagtail.fields.StreamField([('sponsor_tab', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock(max_length=64)), ('sponsors', wagtail.blocks.StreamBlock([('sponsor', wagtail.blocks.StructBlock([('name', wagtail.blocks.CharBlock(max_length=64)), ('logo', wagtail.images.blocks.ImageChooserBlock(required=False)), ('url', wagtail.blocks.URLBlock(required=False))])), ('headline', wagtail.blocks.CharBlock(max_length=64))]))])), ('richtext_tab', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock(max_length=64)), ('content', wagtail.blocks.RichTextBlock())])), ('media_tab', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock(max_length=64)), ('pre_content', wagtail.blocks.RichTextBlock(required=False)), ('media_file', core.models.MediaBlock(template='core/blocks/media_block.html')), ('autoplay', wagtail.blocks.BooleanBlock(label='Automatisch abspielen', required=False)), ('muted', wagtail.blocks.BooleanBlock(label='Stummgeschaltet starten', required=False)), ('post_content', wagtail.blocks.RichTextBlock(required=False))]))], blank=True, null=True),
),
]

@ -0,0 +1,23 @@
# Generated by Django 2.2.15 on 2020-08-17 19:30
from django.db import migrations, models
class Migration(migrations.Migration):
dependencies = [
('core', '0008_auto_20200719_1611'),
]
operations = [
migrations.AddField(
model_name='contactformfield',
name='clean_name',
field=models.CharField(blank=True, default='', help_text='Safe name of the form field, the label converted to ascii_snake_case', max_length=255, verbose_name='name'),
),
migrations.AddField(
model_name='eventregistrationfield',
name='clean_name',
field=models.CharField(blank=True, default='', help_text='Safe name of the form field, the label converted to ascii_snake_case', max_length=255, verbose_name='name'),
),
]

@ -0,0 +1,21 @@
# Generated by Django 2.2.15 on 2021-07-29 14:32
from django.db import migrations
import wagtail.blocks
import wagtail.fields
import wagtail.documents.blocks
class Migration(migrations.Migration):
dependencies = [
('core', '0009_auto_20200817_2130'),
]
operations = [
migrations.AddField(
model_name='eventpage',
name='downloads',
field=wagtail.fields.StreamField([('download', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock(max_length=512, required=False)), ('flyer', wagtail.documents.blocks.DocumentChooserBlock(required=False))]))], blank=True, null=True),
),
]

@ -0,0 +1,80 @@
# Generated by Django 5.2 on 2025-04-29 10:41
import wagtail.contrib.forms.models
import wagtail.fields
from django.db import migrations, models
class Migration(migrations.Migration):
dependencies = [
('core', '0010_eventpage_downloads'),
]
operations = [
migrations.AlterField(
model_name='contactformfield',
name='choices',
field=models.TextField(blank=True, help_text='Comma or new line separated list of choices. Only applicable in checkboxes, radio and dropdown.', verbose_name='choices'),
),
migrations.AlterField(
model_name='contactformfield',
name='default_value',
field=models.TextField(blank=True, help_text='Default value. Comma or new line separated values supported for checkboxes.', verbose_name='default value'),
),
migrations.AlterField(
model_name='contactformfield',
name='id',
field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'),
),
migrations.AlterField(
model_name='contactformpage',
name='from_address',
field=models.EmailField(blank=True, max_length=255, verbose_name='from address'),
),
migrations.AlterField(
model_name='contactformpage',
name='to_address',
field=models.CharField(blank=True, help_text='Optional - form submissions will be emailed to these addresses. Separate multiple addresses by comma.', max_length=255, validators=[wagtail.contrib.forms.models.validate_to_address], verbose_name='to address'),
),
migrations.AlterField(
model_name='eventhistorypage',
name='events',
field=wagtail.fields.StreamField([('event', 9)], blank=True, block_lookup={0: ('wagtail.blocks.CharBlock', (), {'max_length': 512, 'required': False}), 1: ('wagtail.blocks.DateBlock', (), {}), 2: ('wagtail.blocks.DateBlock', (), {'help_text': 'Leave empty for single day events', 'required': False}), 3: ('wagtail.blocks.CharBlock', (), {'help_text': 'Name of the location (first line of address)', 'max_length': 256, 'required': False}), 4: ('wagtail.blocks.CharBlock', (), {'help_text': 'Zip code and city', 'max_length': 256, 'required': False}), 5: ('wagtail.images.blocks.ImageChooserBlock', (), {'required': False}), 6: ('wagtail.documents.blocks.DocumentChooserBlock', (), {'required': False}), 7: ('wagtail.blocks.CharBlock', (), {'label': 'Zusatzinfo Button Text', 'max_length': 128, 'required': False}), 8: ('wagtail.blocks.PageChooserBlock', (), {'label': 'Zusatzinfo Zielseite', 'required': False}), 9: ('wagtail.blocks.StructBlock', [[('title', 0), ('subtitle', 0), ('start_date', 1), ('end_date', 2), ('location_name', 3), ('location_city', 4), ('image', 5), ('flyer', 6), ('additional_info_btn_label', 7), ('additional_info_target', 8)]], {})}, null=True),
),
migrations.AlterField(
model_name='eventpage',
name='downloads',
field=wagtail.fields.StreamField([('download', 2)], blank=True, block_lookup={0: ('wagtail.blocks.CharBlock', (), {'label': 'Name (Button-Beschriftung)', 'max_length': 128}), 1: ('wagtail.documents.blocks.DocumentChooserBlock', (), {'label': 'Datei'}), 2: ('wagtail.blocks.StructBlock', [[('title', 0), ('file', 1)]], {})}, null=True),
),
migrations.AlterField(
model_name='eventpage',
name='from_address',
field=models.EmailField(blank=True, max_length=255, verbose_name='from address'),
),
migrations.AlterField(
model_name='eventpage',
name='to_address',
field=models.CharField(blank=True, help_text='Optional - form submissions will be emailed to these addresses. Separate multiple addresses by comma.', max_length=255, validators=[wagtail.contrib.forms.models.validate_to_address], verbose_name='to address'),
),
migrations.AlterField(
model_name='eventregistrationfield',
name='choices',
field=models.TextField(blank=True, help_text='Comma or new line separated list of choices. Only applicable in checkboxes, radio and dropdown.', verbose_name='choices'),
),
migrations.AlterField(
model_name='eventregistrationfield',
name='default_value',
field=models.TextField(blank=True, help_text='Default value. Comma or new line separated values supported for checkboxes.', verbose_name='default value'),
),
migrations.AlterField(
model_name='eventregistrationfield',
name='id',
field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'),
),
migrations.AlterField(
model_name='uploadedscript',
name='id',
field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'),
),
]

@ -0,0 +1,521 @@
from datetime import date
from crispy_forms.utils import flatatt
from django.db import models
import django.db.models.options as options
from django.utils.html import format_html, format_html_join
from wagtail.embeds.blocks import EmbedBlock
options.DEFAULT_NAMES = options.DEFAULT_NAMES + ('description',)
from django.urls import reverse
from django.contrib import messages
from wagtailcaptcha.models import WagtailCaptchaEmailForm
from crispy_forms.helper import FormHelper
from django_extensions.db.models import TimeStampedModel
from modelcluster.fields import ParentalKey
from wagtail import blocks
from wagtail.documents import get_document_model
from wagtail.images import get_image_model
from wagtail.models import Page
from wagtail.fields import RichTextField, StreamField
from wagtail.admin.panels import (
MultiFieldPanel, PageChooserPanel, InlinePanel, FieldPanel)
from wagtail.images.blocks import ImageChooserBlock
from wagtail.documents.blocks import DocumentChooserBlock
from wagtail.contrib.forms.models import AbstractEmailForm, AbstractFormField
from wagtailmedia.edit_handlers import MediaChooserPanel
from wagtailmedia.blocks import AbstractMediaChooserBlock
class MediaBlock(AbstractMediaChooserBlock):
def render_basic(self, value, context=None):
if not value:
return ''
if value.type == 'video':
player_code = '''
<div>
<video width="720" controls>
{0}
Your browser does not support the video tag.
</video>
</div>
'''
else:
player_code = '''
<div>
<audio controls>
{0}
Your browser does not support the audio element.
</audio>
</div>
'''
return format_html(player_code, format_html_join(
'\n', "<source{0}>",
[[flatatt(s)] for s in value.sources]
))
class HomePage(Page):
block1 = RichTextField(blank=True)
# revolution slider
slide1_img = models.ForeignKey(
get_image_model(),
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+'
)
slide1_headline = models.CharField(max_length=512, blank=True)
slide1_subline = models.CharField(max_length=512, blank=True)
slide1_link_url = models.URLField(blank=True)
slide1_link_text = models.CharField(max_length=64, blank=True)
slide2_img = models.ForeignKey(
get_image_model(),
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+'
)
slide2_headline = models.CharField(max_length=512, blank=True)
slide2_subline = models.CharField(max_length=512, blank=True)
slide2_link_url = models.URLField(blank=True)
slide2_link_text = models.CharField(max_length=64, blank=True)
slide3_img = models.ForeignKey(
get_image_model(),
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+'
)
slide3_headline = models.CharField(max_length=512, blank=True)
slide3_subline = models.CharField(max_length=512, blank=True)
slide3_link_url = models.URLField(blank=True)
slide3_link_text = models.CharField(max_length=64, blank=True)
thumbnail1_img = models.ForeignKey(
get_image_model(),
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+'
)
thumbnail1_more_page = models.ForeignKey(
'wagtailcore.Page',
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+',
)
thumbnail1_more_text = models.CharField(max_length=64, blank=True)
thumbnail1_title = models.CharField(max_length=128, blank=True)
thumbnail1_text = RichTextField(blank=True)
thumbnail2_img = models.ForeignKey(
get_image_model(),
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+'
)
thumbnail2_more_page = models.ForeignKey(
'wagtailcore.Page',
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+',
)
thumbnail2_more_text = models.CharField(max_length=64, blank=True)
thumbnail2_title = models.CharField(max_length=128, blank=True)
thumbnail2_text = RichTextField(blank=True)
thumbnail3_img = models.ForeignKey(
get_image_model(),
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+'
)
thumbnail3_more_page = models.ForeignKey(
'wagtailcore.Page',
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+',
)
thumbnail3_more_text = models.CharField(max_length=64, blank=True)
thumbnail3_title = models.CharField(max_length=128, blank=True)
thumbnail3_text = RichTextField(blank=True)
REVOLUTION_SLIDER_FIELDS = [
MultiFieldPanel([
FieldPanel('slide1_img'),
FieldPanel('slide1_headline', classname="full"),
FieldPanel('slide1_subline', classname="full"),
FieldPanel('slide1_link_url', classname="full"),
FieldPanel('slide1_link_text', classname="full"),
], heading='Slide 1', classname="collapsible"),
MultiFieldPanel([
FieldPanel('slide2_img'),
FieldPanel('slide2_headline', classname="full"),
FieldPanel('slide2_subline', classname="full"),
FieldPanel('slide2_link_url', classname="full"),
FieldPanel('slide2_link_text', classname="full"),
], heading='Slide 2', classname="collapsible"),
MultiFieldPanel([
FieldPanel('slide3_img'),
FieldPanel('slide3_headline', classname="full"),
FieldPanel('slide3_subline', classname="full"),
FieldPanel('slide3_link_url', classname="full"),
FieldPanel('slide3_link_text', classname="full"),
], heading='Slide 3'),
]
HOME_THUMBNAIL_FIELDS = [
MultiFieldPanel([
FieldPanel('thumbnail1_img'),
PageChooserPanel('thumbnail1_more_page'),
FieldPanel('thumbnail1_more_text', classname="full"),
FieldPanel('thumbnail1_title', classname="full"),
FieldPanel('thumbnail1_text', classname="full"),
], heading='Thumbnail 1', classname="collapsible"),
MultiFieldPanel([
FieldPanel('thumbnail2_img'),
PageChooserPanel('thumbnail2_more_page'),
FieldPanel('thumbnail2_more_text', classname="full"),
FieldPanel('thumbnail2_title', classname="full"),
FieldPanel('thumbnail2_text', classname="full"),
], heading='Thumbnail 2', classname="collapsible"),
MultiFieldPanel([
FieldPanel('thumbnail3_img'),
PageChooserPanel('thumbnail3_more_page'),
FieldPanel('thumbnail3_more_text', classname="full"),
FieldPanel('thumbnail3_title', classname="full"),
FieldPanel('thumbnail3_text', classname="full"),
], heading='Thumbnail 3', classname="collapsible"),
]
HomePage.content_panels = [
FieldPanel('title', classname="full title"),
MultiFieldPanel(REVOLUTION_SLIDER_FIELDS, heading='Slider elements', classname="collapsible collapsed"),
FieldPanel('block1', classname="full"),
MultiFieldPanel(HOME_THUMBNAIL_FIELDS, heading='Thumbnail elements', classname="collapsible collapsed"),
]
class SimpleOneColumnPage(Page):
featured_media = models.ForeignKey(
'wagtailmedia.Media',
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+'
)
content = RichTextField(blank=True)
SimpleOneColumnPage.content_panels = [
FieldPanel('title', classname="full title"),
FieldPanel('featured_media'),
FieldPanel('content', classname="full"),
]
class BlogPage(Page):
posts = StreamField([
('post', blocks.StructBlock([
('images', blocks.ListBlock(ImageChooserBlock())),
('title', blocks.CharBlock(max_length=200)),
('author', blocks.CharBlock(max_length=64, default="Marion Schauf", required=False)),
('date', blocks.DateBlock()),
('text', blocks.RichTextBlock()),
('url', blocks.URLBlock(required=False)),
])),
], null=True, blank=True, use_json_field=True)
BlogPage.content_panels = [
FieldPanel('title', classname="full title"),
FieldPanel('posts'),
]
class EventIndexPage(Page):
subpage_types = ['core.EventPage']
def get_events(self):
return EventPage.objects.live().filter(show_in_event_calendar=True, path__startswith=self.path).order_by('start_date')
class Meta:
description = "Displays all events on EventPages below in an overview. Use this as parent page for events."
class EventPage(AbstractEmailForm):
parent_page_types = ['core.EventIndexPage', 'core.EventHistoryPage']
subtitle = models.CharField(max_length=512, null=True, blank=True)
description = RichTextField(blank=True)
# revolution slider
slide1_img = models.ForeignKey(
get_image_model(),
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+'
)
slide1_headline = models.CharField(max_length=512, blank=True)
slide1_subline = models.CharField(max_length=512, blank=True)
slide1_link_url = models.URLField(blank=True)
slide1_link_text = models.CharField(max_length=64, blank=True)
slide2_img = models.ForeignKey(
get_image_model(),
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+'
)
slide2_headline = models.CharField(max_length=512, blank=True)
slide2_subline = models.CharField(max_length=512, blank=True)
slide2_link_url = models.URLField(blank=True)
slide2_link_text = models.CharField(max_length=64, blank=True)
slide3_img = models.ForeignKey(
get_image_model(),
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+'
)
slide3_headline = models.CharField(max_length=512, blank=True)
slide3_subline = models.CharField(max_length=512, blank=True)
slide3_link_url = models.URLField(blank=True)
slide3_link_text = models.CharField(max_length=64, blank=True)
img1_img = models.ForeignKey(
get_image_model(),
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+'
)
img1_caption = models.CharField(max_length=64, blank=True)
img2_img = models.ForeignKey(
get_image_model(),
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+'
)
img2_caption = models.CharField(max_length=64, blank=True)
start_date = models.DateField()
end_date = models.DateField(null=True, blank=True)
location_name = models.CharField(
max_length=256, help_text="Name of the location (first line of address)", blank=True)
location_street = models.CharField(max_length=256, help_text="Street and house number", blank=True)
location_city = models.CharField(max_length=256, help_text="Zip code and city", blank=True)
flyer = models.ForeignKey(
get_document_model(),
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+'
)
downloads = StreamField([
('download', blocks.StructBlock([
('title', blocks.CharBlock(max_length=128, label='Name (Button-Beschriftung)')),
('file', DocumentChooserBlock(label='Datei')),
])),
], null=True, blank=True, use_json_field=True)
tabs = StreamField([
('sponsor_tab', blocks.StructBlock([
('title', blocks.CharBlock(max_length=64)),
('sponsors', blocks.StreamBlock([
('sponsor', blocks.StructBlock([
('name', blocks.CharBlock(max_length=64)),
('logo', ImageChooserBlock(required=False)),
('url', blocks.URLBlock(required=False)),
])),
('headline', blocks.CharBlock(max_length=64)),
])),
])),
('richtext_tab', blocks.StructBlock([
('title', blocks.CharBlock(max_length=64)),
('content', blocks.RichTextBlock()),
])),
('media_tab', blocks.StructBlock([
('title', blocks.CharBlock(max_length=64)),
('pre_content', blocks.RichTextBlock(required=False)),
('media_file', MediaBlock(template='core/blocks/media_block.html')),
('autoplay', blocks.BooleanBlock(label='Automatisch abspielen', required=False)),
('muted', blocks.BooleanBlock(label='Stummgeschaltet starten', required=False)),
('post_content', blocks.RichTextBlock(required=False)),
])),
], null=True, blank=True, use_json_field=True)
registration_url = models.URLField(max_length=512, blank=True, help_text="URL der Anmeldeseite (leer lassen um klassische Anmeldung zu verwenden)")
pretix_slug = models.CharField(max_length=512, blank=True, help_text="Slug von Pretix (leer lassen, um klassische Anmeldung zu verwenden)")
registration_start_date = models.DateField(
null=True, blank=True, help_text="When does the registration open? Leave empty to disable registration")
registration_end_date = models.DateField(
null=True, blank=True,
help_text="Last day where the registration will be available. Leave empty to enable registration permanently"
"after start date")
show_in_event_calendar = models.BooleanField(default=True, help_text='Event in Eventliste und im Kalender anzeigen?')
is_free = models.BooleanField(default=False, help_text='If this is checked the send button under the registration'
'form will be labeled "verbindlich anmelden" instead of "kostenpflichtig anmelden"')
external_registration_code = models.TextField(
blank=True, null=True,
help_text='Put code e.g. from Xing here. If this field is filled out there will be no registration form displayed.')
vimeo_id = models.TextField(blank=True, help_text='Vimeo Event ID (aus Vimeo-Link: https://vimeo.com/<hier-ist-die-id> )')
def is_registration_active(self):
return self.registration_start_date and self.registration_start_date <= date.today() and\
(not self.registration_end_date or self.registration_end_date >= date.today())
@property
def pretix_url(self):
if self.pretix_slug:
return 'https://tickets.feo.gmbh/' + self.pretix_slug + '/'
return None
def get_form_helper(self):
helper = FormHelper()
helper.label_class = 'col-lg-3'
helper.field_class = 'col-lg-9'
helper.form_tag = False
return helper
class Meta:
ordering = ['-start_date']
class EventRegistrationField(AbstractFormField):
page = ParentalKey('EventPage', related_name='form_fields')
EventPage.content_panels = [
MultiFieldPanel(REVOLUTION_SLIDER_FIELDS, heading='Slider elements', classname="collapsible collapsed"),
FieldPanel('title', classname="full title"),
FieldPanel('subtitle', classname="full"),
FieldPanel('description', classname="full"),
FieldPanel('img1_img'),
FieldPanel('img1_caption', classname="full"),
FieldPanel('img2_img'),
FieldPanel('img2_caption', classname="full"),
FieldPanel('start_date', classname="full"),
FieldPanel('end_date', classname="full"),
FieldPanel('tabs'),
FieldPanel('location_name', classname="full"),
FieldPanel('location_street', classname="full"),
FieldPanel('location_city', classname="full"),
FieldPanel('flyer'),
FieldPanel('downloads'),
MultiFieldPanel([
FieldPanel('show_in_event_calendar', classname="full"),
FieldPanel('is_free', classname="full"),
FieldPanel('pretix_slug', classname="full"),
FieldPanel('registration_url', classname="full"),
FieldPanel('vimeo_id', classname="full"),
], heading="Settings", classname="collapsible collapsed"),
FieldPanel('external_registration_code', classname="full"),
MultiFieldPanel([
InlinePanel('form_fields', label="Form fields"),
FieldPanel('registration_start_date', classname="full"),
FieldPanel('registration_end_date', classname="full"),
MultiFieldPanel([
FieldPanel('to_address', classname="full"),
FieldPanel('from_address', classname="full"),
FieldPanel('subject', classname="full"),
], "Email"),
], heading="Registration Form", classname="collapsible collapsed"),
]
class EventHistoryPage(Page):
events = StreamField([
('event', blocks.StructBlock([
('title', blocks.CharBlock(max_length=512, required=False)),
('subtitle', blocks.CharBlock(max_length=512, required=False)),
('start_date', blocks.DateBlock()),
('end_date', blocks.DateBlock(required=False, help_text="Leave empty for single day events")),
('location_name', blocks.CharBlock(
max_length=256, help_text="Name of the location (first line of address)", required=False)),
('location_city', blocks.CharBlock(max_length=256, help_text="Zip code and city", required=False)),
('image', ImageChooserBlock(required=False)),
('flyer', DocumentChooserBlock(required=False)),
('additional_info_btn_label', blocks.CharBlock(max_length=128, required=False, label='Zusatzinfo Button Text')),
('additional_info_target', blocks.PageChooserBlock(required=False, label='Zusatzinfo Zielseite')),
])),
], null=True, blank=True, use_json_field=True)
EventHistoryPage.content_panels = [
FieldPanel('title', classname="full title"),
FieldPanel('events'),
]
class ContactFormField(AbstractFormField):
page = ParentalKey('ContactFormPage', related_name='form_fields')
class ContactFormPage(WagtailCaptchaEmailForm):
form_title = models.CharField(max_length=128, blank=True)
person_img = models.ForeignKey(
get_image_model(),
null=True,
blank=True,
on_delete=models.SET_NULL,
related_name='+'
)
person_name = models.CharField(max_length=128, blank=True)
person_position = models.CharField(max_length=128, blank=True)
address = models.CharField(max_length=128, blank=True)
mail_address = models.CharField(max_length=128, blank=True)
phone = models.CharField(max_length=128, blank=True)
web_address = models.URLField(blank=True)
thank_you_text = RichTextField(blank=True)
ContactFormPage.content_panels = [
FieldPanel('title', classname="full title"),
FieldPanel('form_title', classname="full"),
FieldPanel('person_img'),
FieldPanel('person_name', classname="full"),
FieldPanel('person_position', classname="full"),
FieldPanel('address', classname="full"),
FieldPanel('mail_address', classname="full"),
FieldPanel('phone', classname="full"),
FieldPanel('web_address', classname="full"),
InlinePanel('form_fields', label="Form fields"),
FieldPanel('thank_you_text', classname="full"),
MultiFieldPanel([
FieldPanel('to_address', classname="full"),
FieldPanel('from_address', classname="full"),
FieldPanel('subject', classname="full"),
], "Email")
]
class UploadedScript(TimeStampedModel):
name = models.CharField(max_length=512, verbose_name='Ihr Name')
script = models.FileField(upload_to='scripts', verbose_name='Skript')
def get_delete_url(self):
return reverse('delete_script', kwargs={'pk': self.pk})
def delete(self, *args, **kwargs):
storage, path = self.script.storage, self.script.path
out = super().delete(*args, **kwargs)
storage.delete(path)
return out

File diff suppressed because it is too large Load Diff

@ -0,0 +1,990 @@
/*
* Template Name: Unify - Responsive Bootstrap Template
* Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
* Version: 1.6
* Author: @htmlstream
* Website: http://htmlstream.com
*/
/*Block Grid v1
------------------------------------*/
.block-grid-v1 {
background: #fff;
padding: 15px 15px 5px;
border-bottom: solid 2px #eee;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.block-grid-v1:hover {
border-color: #72c02c;
}
.block-grid-v1 img {
margin-bottom: 10px;
}
.block-grid-v1 img.block-grid-v1-img {
width: 35px;
height: 35px;
margin-top: 8px;
}
.block-grid-v1.content-boxes-v1 img.pull-left {
float: inherit !important;
}
.block-grid-v1 h3 a {
font-size: 22px;
font-weight: 200;
margin-right: 10px;
}
.block-grid-v1.content-boxes-v1 h3 {
margin-bottom: 0;
}
.block-grid-v1.content-boxes-v1 h3 a {
color: #555;
}
/*Star Vote*/
.block-grid-v1 .star-vote {
padding: 0;
margin-bottom: 10px;
vertical-align: middle;
}
.block-grid-v1 .star-vote li {
padding: 0;
font-size: 11px;
display: inline-block;
}
/*Additional Info*/
.block-grid-v1-add-info {
margin: 0;
padding-top: 15px;
border-top: solid 1px #eee;
}
.block-grid-v1-add-info li {
padding: 0;
margin-right: 3px;
margin-bottom: 10px;
}
.block-grid-v1-add-info li a {
font-size: 11px;
padding: 4px 7px;
text-decoration: none;
border: solid 2px #eee;
border-radius: 3px !important;
}
/*Block Grid v2
------------------------------------*/
.grid-block-v2 {
padding: 0;
}
.grid-block-v2 li {
list-style: none;
position: relative;
-webkit-backface-visibility: hidden; /*For Chrome*/
}
.grid-block-v2-info {
padding: 15px;
text-align: center;
background: #f9f9f9;
border-bottom: solid 3px #eee;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.grid-block-v2 li:hover .grid-block-v2-info {
border-color: #72c02c;
}
.grid-block-v2-info h3 {
font-size: 22px;
font-weight: 200;
margin-bottom: 10px;
}
.grid-block-v2-info .star-vote li {
padding: 2px;
font-size: 16px;
}
/*News Section
------------------------------------*/
.news-section {
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
}
.news-v1 .news-v1-in {
background: #fafafa;
}
.news-v1 h3 {
margin-bottom: 0;
font-weight: 200;
line-height: 28px;
padding: 10px 15px 15px;
}
.news-v1 h3 a {
color: #555;
}
.news-v1 h3 a:hover {
color: #72c02c;
}
.news-v1 p {
color: #555;
padding: 0 15px;
margin-bottom: 20px;
}
.news-v1 .news-v1-info {
overflow: hidden;
margin-top: 30px;
padding: 8px 15px;
border-top: solid 1px #eee;
}
.news-v1 .news-v1-info li {
font-size: 12px;
}
.news-v1 .news-v1-info li a:hover {
color: #72c02c;
text-decoration: none;
}
/*Services Box v1
------------------------------------*/
.service-box-v1 .service-block {
background: #fff;
padding-top: 30px;
padding-bottom: 20px;
}
.service-box-v1 p {
position: relative;
margin-bottom: 50px;
}
.service-box-v1 p:after {
content: " ";
left: 50%;
height: 1px;
width: 50px;
bottom: -15px;
position: absolute;
margin-left: -25px;
background: #72c02c;
}
.service-box-v1 ul {
padding: 0 40px;
}
.service-box-v1 li {
margin: 8px 0;
font-size: 15px;
padding-top: 8px;
border-top: dotted 1px #72c02c;
}
.service-box-v1 li:hover {
color: #72c02c;
}
.service-box-v1 li:first-child {
padding-top: 0;
border-top: none;
}
/*Service Block v1
------------------------------------*/
.service-block-v1 {
margin-top: 20px;
text-align: center;
position: relative;
padding: 45px 20px 20px;
border: 1px solid #f2f2f2;
}
.service-block-v1 i {
left: 50%;
top: -30px;
color: #fff;
width: 60px;
height: 60px;
padding: 16px;
font-size: 30px;
margin-left: -30px;
text-align: center;
position: absolute;
background: #72c02c;
display: inline-block;
}
.service-block-v1 h3,
.service-block-v1 p {
margin-bottom: 20px;
}
/*Team v1 Section
------------------------------------*/
.team-v1 ul {
position: relative;
}
/*Team Image*/
.team-v1 li > .team-img {
position: relative;
}
.team-v1 li > .team-img:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: transparent;
transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.team-v1 li:hover > .team-img:after {
background: rgba(0,0,0,0.5);
}
/*Team Socials*/
.team-v1 li > .team-img ul {
left: 0;
top: 45%;
z-index: 1;
padding: 0;
width: 100%;
height: 36px;
list-style: none;
margin-top: -18px;
text-align: center;
visibility: hidden;
position: absolute;
transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.team-v1 li:hover > .team-img ul {
top: 50%;
visibility: visible;
}
.team-v1 li > .team-img ul li {
margin: 0 5px;
text-align: center;
display: inline-block;
}
.team-v1 li > .team-img li i {
color: #eee;
border-width: 2px;
border-color: #eee;
transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
}
.team-v1 li > .team-img li i.fa-twitter:hover {
color: #fff;
background: #3498db;
border-color: #3498db;
}
.team-v1 li > .team-img li i.fa-facebook:hover {
color: #fff;
background: #4765a0;
border-color: #4765a0;
}
.team-v1 li > .team-img li i.fa-google-plus:hover {
color: #fff;
background: #e74c3c;
border-color: #e74c3c;
}
/*Team Discription*/
.team-v1 li > h3 {
color: #000;
font-size: 18px;
line-height: 20px;
margin: 15px 0 7px;
text-transform: uppercase;
}
.team-v1 li > h4 {
color: #999;
font-size: 11px;
line-height: 16px;
text-transform: uppercase;
}
.team-v1 li > p {
margin: 20px 0;
position: relative;
}
.team-v1 li > p:before {
left: 0;
top: -10px;
height: 1px;
width: 40px;
content: " ";
position: absolute;
background: #bbb;
transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.team-v1 li:hover > p:before {
width: 100%;
background: #72c02c;
}
/*Call To Action v1
------------------------------------*/
.call-action-v1 p {
margin-top: 5px;
font-size: 18px;
font-weight: 200;
margin-bottom: 0;
}
.call-action-v1 .call-action-v1-box {
width: 100%;
display: table;
padding: 30px 0;
vertical-align: middle;
}
.call-action-v1 .call-action-v1-in {
display: table-cell;
vertical-align: middle;
}
.call-action-v1 .call-action-v1-in.inner-btn {
min-width: 250px;
text-align: right;
}
@media (max-width: 992px) {
.call-action-v1 .call-action-v1-in,
.call-action-v1 .call-action-v1-in.inner-btn {
display: block;
text-align: center;
}
.call-action-v1 .call-action-v1-in p {
margin-bottom: 20px;
}
}
/*Portfolio Box
------------------------------------*/
/*Portfolio Box*/
.portfolio-box {
margin-bottom: 100px;
}
@media (min-width: 991px) and (max-width: 1199px) {
.portfolio-box {
margin-bottom: 60px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.portfolio-box {
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.portfolio-box {
margin-bottom: 60px;
}
}
.portfolio-box a.zoomer {
background: #fff;
overflow: hidden;
position: relative;
-webkit-backface-visibility: hidden; /*For Chrome*/
}
.portfolio-box a.zoomer:after {
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
}
.portfolio-box a.zoomer:hover:after {
background: rgba(0,0,0,0.5);
}
.portfolio-box a.zoomer img {
width: 100%;
overflow: hidden;
transition: all 500ms ease 0s;
}
.portfolio-box a.zoomer:hover img {
transform: scale(1.1) rotate(0.1deg);
}
.portfolio-box .portfolio-box-in {
left: 0;
top: 50%;
z-index: 1;
width: 100%;
min-height: 50px;
margin-top: -25px;
visibility: hidden;
text-align: center;
position: absolute;
}
.portfolio-box a.zoomer:hover .portfolio-box-in {
visibility: visible;
}
.portfolio-box a.zoomer:after,
.portfolio-box a.zoomer:hover:after,
.portfolio-box a.zoomer:hover .portfolio-box-in i {
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.portfolio-box .portfolio-box-in i {
color: #fff;
width: 50px;
height: 50px;
padding: 16px;
font-size: 20px;
text-align: center;
background: #72c02c;
display: inline-block;
}
/*Project Tag*/
.portfolio-box small.project-tag {
display: block;
font-size: 12px;
margin-bottom: 5px;
}
.portfolio-box small.project-tag,
.portfolio-box small.project-tag a {
color: #999;
}
.portfolio-box small.project-tag i {
margin-right: 5px;
}
.portfolio-box small.project-tag a:hover {
color: #72c02c;
}
/*Portfolio Box v1
------------------------------------*/
.portfolio-box-v1 {
margin: 0;
}
.portfolio-box-v1 [class^="col-"] {
padding: 0;
overflow: hidden;
}
.portfolio-box-v1 li {
background: #333;
position: relative;
-webkit-backface-visibility: hidden; /*For Chrome*/
}
.portfolio-box-v1 li:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
}
.portfolio-box-v1 li:hover:after {
background: rgba(0,0,0,0.7);
}
.portfolio-box-v1 li:after,
.portfolio-box-v1 li:hover:after {
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.portfolio-box-v1 li img {
width: 100%;
overflow: hidden;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.portfolio-box-v1 li:hover img {
-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.portfolio-box-v1 .portfolio-box-v1-in {
left: 0;
top: 50%;
z-index: 1;
width: 100%;
visibility: hidden;
min-height: 150px;
margin-top: -75px;
text-align: center;
position: absolute;
font-family: "Open Sans";
}
.portfolio-box-v1 li:hover .portfolio-box-v1-in {
visibility: visible;
}
.portfolio-box-v1 .portfolio-box-v1-in h3 {
font-size: 22px;
margin-top: 20px;
position: relative;
margin-bottom: 20px;
text-transform: uppercase;
}
.portfolio-box-v1 .portfolio-box-v1-in h3:after {
left: 50%;
height: 1px;
width: 40px;
content: " ";
bottom: -10px;
background: #fff;
margin-left: -20px;
position: absolute;
}
.portfolio-box-v1 .portfolio-box-v1-in p,
.portfolio-box-v1 .portfolio-box-v1-in h3 {
color: #fff;
}
.portfolio-box-v1 .portfolio-box-v1-in p {
font-size: 16px;
margin-bottom: 20px;
}
.portfolio-box-v1 .portfolio-box-v1-in a.btn-u {
font-weight: normal;
-webkit-backface-visibility: hidden; /*For Chrome*/
}
/*Portfolio Feature v2
------------------------------------*/
.portfolio-box-v2 {
margin: 0 0 60px;
}
.portfolio-box-v2 [class^="col-"] {
padding: 0;
overflow: hidden;
}
.portfolio-box-v2 li {
background: #333;
overflow: hidden;
position: relative;
-webkit-backface-visibility: hidden; /*For Chrome*/
}
.portfolio-box-v2 li:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
}
.portfolio-box-v2 li:hover:after {
background: rgba(255,255,255,0.6);
}
.portfolio-box-v2 li:after,
.portfolio-box-v2 li:hover:after {
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.portfolio-box-v2 li img {
width: 100%;
overflow: hidden;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.portfolio-box-v2 li:hover img {
-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.portfolio-box-v2 .portfolio-box-v2-in {
left: 0;
top: 50%;
z-index: 1;
width: 100%;
visibility: hidden;
min-height: 60px;
margin-top: -30px;
text-align: center;
position: absolute;
font-family: "Open Sans";
}
.portfolio-box-v2 li:hover .portfolio-box-v2-in {
visibility: visible;
}
.portfolio-box-v2 .portfolio-box-v2-in i {
color: #fff;
width: 60px;
height: 60px;
padding: 20px;
font-size: 22px;
cursor: pointer;
margin-right: 5px;
text-align: center;
display: inline-block;
background: rgba(114,192,44,0.8);
}
.portfolio-box-v2 .portfolio-box-v2-in i:hover {
background: #72c02c;
}
/*Thumbnail v1
------------------------------------*/
.thumbnails-v1 .thumbnail-img {
margin-bottom: 12px;
}
.thumbnails-v1 h3 {
margin-bottom: 5px;
}
.thumbnails-v1 h3 a {
color: #555;
font-size: 15px;
text-transform: uppercase;
}
.thumbnails-v1 .read-more {
color: #72c02c;
font-size: 12px;
text-transform: uppercase;
}
/*Image Backgrounds v1
------------------------------------*/
.bg-image-v1 {
width: 100%;
height: auto;
padding: 50px 0;
position: relative;
background: url(../img/bg/11.jpg) repeat fixed;
}
.bg-image-v1:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(0,0,0,0.5);
}
/*Image Backgrounds v2
------------------------------------*/
.bg-image-v2 {
width: 100%;
height: auto;
padding: 50px 0;
position: relative;
background: url(../img/bg/15.jpg) repeat fixed;
}
.bg-image-v2:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(255,255,255,0.6);
}
/*Parallax Backgrounds
------------------------------------*/
/*Parallax Counter Block*/
.parallax-counter {
padding: 30px 0;
background: url(../img/patterns/5.png) repeat fixed;
}
.parallax-counter .counters {
color: #fff;
padding: 15px 0;
}
.parallax-counter h4 {
color: #999;
font-size: 16px;
text-transform: uppercase;
}
.parallax-counter span.counter {
font-size: 48px;
}
/*Parallax Team*/
.parallax-team {
background: url(../img/team/faces.jpg) 50% 0 repeat fixed;
}
.parallax-team,
.parallax-team .title-box-v2 {
position: relative;
}
.parallax-team:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(255,255,255,0.9);
}
/*Parallax Quote*/
.parallax-quote {
color: #fff;
padding: 100px 0;
position: relative;
text-align: center;
background: url(../img/contents/faces.jpg) 50% 0 repeat fixed;
}
.parallax-quote:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(0,0,0,0.8);
}
.parallax-quote:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: url(../img/patterns/gridtile.png) repeat;
}
.parallax-quote-in {
z-index: 1;
padding: 0 80px;
position: relative;
}
.parallax-quote-in p {
color: #fff;
font-size: 28px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.parallax-quote-in p:after,
.parallax-quote-in p:before {
content: ' " ';
position: absolute;
font-family: Tahoma;
}
.parallax-quote-in p:after {
margin-left: 3px;
}
.parallax-quote-in p:before {
margin-left: -15px;
}
.parallax-quote-in small {
color: #bbb;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
}
@media (max-width: 768px){
.parallax-quote-in {
padding: 0 40px;
}
.parallax-quote-in p {
font-size: 20px;
}
}
/*Flat Background Block
------------------------------------*/
.flat-bg-block-v1 {
padding: 40px 0;
background: url(../img/patterns/16.png) repeat;
}
.flat-bg-block-v1 .checked-list.first-child {
float: left;
margin-right: 100px;
}
.flat-bg-block-v1 .checked-list li {
color: #888;
margin-bottom: 5px;
}
.flat-bg-block-v1 .checked-list i {
color: #72c02c;
margin-right: 5px;
}
/*Image Over*/
.flat-bg-block-v1 img.img-over {
top: -70px;
right: 10px;
position: absolute;
}
@media (min-width: 991px) and (max-width: 1199px) {
.flat-bg-block-v1 img.img-over {
top: -18px;
}
}
@media (max-width: 991px) {
.flat-bg-block-v1 img.img-over {
position: static;
}
}
/*Flat Testimonials
------------------------------------*/
.flat-testimonials {
padding: 50px 0;
background-color: #333;
}
.flat-testimonials .flat-testimonials-in {
padding: 30px;
text-align: center;
background: rgba(255,255,255,0.2);
}
.flat-testimonials .flat-testimonials-in img {
width: 135px;
height: 135px;
margin: 0 auto 25px;
}
.flat-testimonials .flat-testimonials-in h3 {
color: #fff;
font-size: 22px;
font-weight: 200;
}
.flat-testimonials .flat-testimonials-in span {
display: block;
margin-bottom: 5px;
}
.flat-testimonials .flat-testimonials-in p {
color: #fff;
font-weight: 200;
position: relative;
}
.flat-testimonials .flat-testimonials-in p:before,
.flat-testimonials .flat-testimonials-in p:after {
top: 5px;
font-size: 22px;
line-height: 10px;
position: relative;
}
.flat-testimonials .flat-testimonials-in p:before {
content: "“";
padding-right: 5px;
}
.flat-testimonials .flat-testimonials-in p:after {
content: "”";
padding-left: 5px;
}

@ -0,0 +1,27 @@
/* Add here all your css styles (customizations) */
.upcoming-events {
max-height: 300px;
overflow: hidden;
position: relative;
}
.profile .profile-event {
padding: 10px 15px;
margin-bottom: 2px;
}
.profile .date-formats {
color: #fff;
float: left;
text-align: center;
background: #72c02c;
margin: 7px 13px 0 0;
padding: 7px 10px 4px;
}
.profile .date-formats span {
display: block;
font-size: 22px;
font-weight: 200;
line-height: 25px;
}

@ -0,0 +1,98 @@
/*Footer Default
------------------------------------*/
.footer-default .footer {
color: #dadada;
background: #585f69;
padding: 20px 0 30px;
}
.footer.margin-top-0 {
margin-top: 0;
}
.footer-default .footer p,
.footer-default .footer a {
font-size: 14px;
}
.footer-default .footer p {
color: #dadada;
}
.footer-default .footer a {
color: #72c02c;
}
.footer-default .footer a:hover {
color: #5fb611;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.footer-default .footer h2,
.footer-default .footer h3,
.footer-default .footer h4 {
color: #e4e4e4;
background: none;
text-shadow: none;
}
/*Footer Subsribe*/
.footer-default .footer .footer-subsribe {
width: 85%;
}
/*Footer Blog Posts*/
.footer-default .footer .blog-list {
margin: 0;
padding: 0;
color: #dadada;
list-style: none;
}
.footer-default .footer .blog-list li {
padding: 0 0;
margin-bottom: 7px;
}
.footer-default .footer .blog-list li span {
color: #818488;
}
.footer-default .footer .dl-horizontal,
.footer-default .footer .dl-horizontal:hover {
border: none !important;
background: none !important;
}
.footer-default .footer .posts .dl-horizontal a {
color: #dadada;
}
.footer-default .footer .dl-horizontal a:hover {
color: #5fb611 !important;
}
.footer-default .footer .dl-horizontal img {
border-color: #888 !important;
}
/*Copyright*/
.footer-default .copyright {
font-size: 12px;
padding: 11px 0 7px;
background: #3e4753;
}
.footer-default .copyright p {
color: #dadada;
margin-top: 12px;
}
.footer-default .copyright a {
margin: 0 5px;
color: #72c02c;
}
.footer-default .copyright a:hover {
color: #5fb611;
}
.footer-default .copyright a img {
margin-top: 5px;
}

@ -0,0 +1,69 @@
/*Footer-v1
------------------------------------*/
.footer-v1 .footer {
padding: 40px 0;
background: #272727;
}
.footer-v1 .footer p {
color: #eee;
}
.footer-v1 .footer h2 {
color: #eee;
font-size: 18px;
font-weight: 200;
}
/*Link List*/
.footer-v1 .link-list li {
border-top: solid 1px #353535;
}
.footer-v1 address,
.footer-v1 .link-list a,
.footer-v1 .link-list i {
color: #eee;
}
.footer-v1 address {
line-height: 23px;
}
/*Dotted Map*/
.footer-v1 .footer .map-img {
background: url(../../img/map-img.png) 5px 60px no-repeat;
}
/*Copyright*/
.footer-v1 .copyright {
background: #222;
border-top: none;
padding: 10px 0 5px;
}
.footer-v1 .copyright p {
color: #eee;
margin-top: 14px;
}
.footer-v1 .copyright a {
margin: 0 2px;
}
.footer-v1 .footer-socials {
margin-top: 12px;
text-align: right;
}
.footer-v1 .footer-socials li a {
color: #777;
font-size: 16px;
}
@media (max-width: 991px) {
.footer-v1 .copyright,
.footer-v1 .footer-socials {
text-align: left;
}
}

@ -0,0 +1,52 @@
/*Footer-v2
------------------------------------*/
.footer-v2 .footer {
padding: 40px 0;
background: #f7f7f7;
border-top: 3px solid #eee;
}
.footer-v2 .footer p {
color: #555;
}
.footer-v2 .headline h2 {
color: #585f69;
}
/*Footer Subsribe*/
.footer-v2 .footer-subsribe {
width: 100%;
}
/*Link List*/
.footer-v2 .link-list li {
border-top: solid 1px #eee;
}
.footer-v2 .link-list a {
color: #555;
}
.footer-v2 address {
color: #555;
line-height: 23px;
}
.footer-v2 address i {
min-width: 20px;
margin-right: 5px;
text-align: center;
}
/*Copyright*/
.footer-v2 .copyright {
border-top: none;
background: #eee;
padding: 20px 0 15px;
}
.footer-v2 .copyright p {
color: #555;
margin-bottom: 0;
}

@ -0,0 +1,46 @@
/*Footer-v3
------------------------------------*/
.footer-v3 .footer {
padding: 40px 0;
background: #252525;
border-top: 5px solid #555;
}
.footer-v3 .thumb-headline h2 {
color: #fff;
line-height: 22px;
margin-bottom: 10px;
}
.footer-v3 .footer p,
.footer-v3 .simple-list a {
color: #bbb;
}
/*Copyright*/
.footer-v3 .copyright {
padding: 10px 0;
background: #222;
border-top-color: #292929;
}
.footer-v3 .copyright p {
color: #bbb;
margin-top: 14px;
}
.footer-v3 .copyright .social-icons {
margin-top: 10px;
}
@media (max-width: 992px) {
.footer-v3 .copyright,
.footer-v3 .copyright p,
.footer-v3 .copyright ul {
text-align: left;
}
.footer-v3 .copyright .social-icons.pull-right {
float: inherit !important;
}
}

@ -0,0 +1,98 @@
/*Footer-v4
------------------------------------*/
/*Footer*/
.footer-v4 .footer {
padding: 50px 0;
background: #151515;
}
.footer-v4 .footer p {
color: #bbb;
font-size: 14px;
}
.footer-v4 img.footer-logo {
margin: 15px 0 20px;
}
.footer-v4 .address-list li {
color: #bbb;
margin-bottom: 7px;
}
.footer-v4 .address-list li i {
margin-right: 10px;
vertical-align: middle;
}
.footer-v4 .shop-social li i {
color: #bbb;
width: 30px;
height: 30px;
padding: 8px;
font-size: 16px;
text-align: center;
background: #414040;
}
.footer-v4 .shop-social li i:hover {
background: #353535;
}
.footer-v4 h2.thumb-headline {
color: #ddd;
font-size: 16px;
margin-bottom: 3px;
text-transform: uppercase;
}
.footer-v4 .simple-list li {
color: #bbb;
}
.footer-v4 .simple-list a {
color: #bbb;
font-size: 14px;
font-weight: 200;
}
/*Copyright*/
.footer-v4 .copyright {
padding: 15px 0;
border-top: none;
background: #191919;
}
.footer-v4 .copyright p {
color: #bbb;
font-size: 12px;
margin-top: 13px;
margin-bottom: 0;
}
.footer-v4 .copyright a {
color: #72c02c;
}
.footer-v4 .sponsors-icons {
margin-bottom: 0;
}
.footer-v4 .sponsors-icons i {
color: #fff;
font-size: 40px;
}
@media (max-width: 991px) {
.footer-v4 .copyright {
text-align: center;
}
.footer-v4 .copyright p {
margin-bottom: 15px;
}
.footer-v4 .sponsors-icons.pull-right {
float: none !important;
}
}

@ -0,0 +1,191 @@
/*Footer-v5
------------------------------------*/
.footer-v5 .footer {
padding: 70px 0;
background: #252525;
}
.footer-v5 .footer p {
color: #777;
}
/*Heading Fotoer*/
.footer-v5 .heading-footer {
text-align: left;
position: relative;
margin-bottom: 30px;
padding-bottom: 2px;
}
.footer-v5 .heading-footer:after {
left: 0;
bottom: 0;
height: 1px;
width: 50px;
content: " ";
background: #fff;
position: absolute;
}
.footer-v5 .heading-footer h2 {
color: #eee;
font-size: 18px;
text-transform: uppercase;
}
/*Dark Social v2*/
.footer-v5 .dark-social-v2 li {
padding-right: 0;
margin-bottom: 8px;
}
.footer-v5 .dark-social-v2 li:first-child {
padding-left: 5px;
}
.footer-v5 .dark-social-v2 li i {
color: #777;
width: 30px;
height: 30px;
font-size: 14px;
padding: 8px 5px;
text-align: center;
background: #353535;
display: inline-block;
}
.footer-v5 .dark-social-v2 li i:hover {
color: #fff;
background: #72c02c;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*Link News*/
.footer-v5 .footer .link-news {
margin-bottom: 0;
}
.footer-v5 .footer .link-news li {
padding: 12px 0px;
border-top: solid 1px #333;
}
.footer-v5 .footer .link-news li:first-child {
padding-top: 0;
border-top: none;
}
.footer-v5 .footer .link-news li a {
color: #777;
font-size: 14px;
margin-bottom: 3px;
display: inline-block;
}
.footer-v5 .footer .link-news a:hover {
color: #bbb;
}
.footer-v5 .footer .link-news li small {
color: #555;
display: block;
}
/*Thumb News*/
.footer-v5 .footer .thumb-news > li {
margin-bottom: 20px;
}
.footer-v5 .footer .thumb-news > li:before,
.footer-v5 .footer .thumb-news > li:after {
content: " ";
display: table;
}
.footer-v5 .footer .thumb-news > li:after {
clear: both;
}
.footer-v5 .footer .thumb-news > li img {
float: left;
width: 80px;
height: auto;
margin-right: 10px;
}
.footer-v5 .footer .thumb-news > li a {
color: #777;
display: block;
padding-bottom: 8px;
}
.footer-v5 .footer .thumb-news > li a:hover {
color: #bbb;
}
.footer-v5 .footer .thumb-news > li small {
color: #555;
font-size: 13px;
}
/*Tweets*/
.footer-v5 .footer .tweets li {
margin-bottom: 20px;
}
.footer-v5 .footer .tweets li i {
float: left;
color: #777;
font-size: 25px;
margin: 3px 10px 0 0;
}
.footer-v5 .footer .tweets li p {
margin-bottom: 0;
}
.footer-v5 .footer .tweets li a {
color: #bbb;
}
.footer-v5 .footer .tweets li small {
color: #555;
}
/*Footer Copyright*/
.footer-v5 .copyright {
padding: 15px 0;
background: #202020;
}
/*Footer Copyright*/
.footer-v5 .copyright .terms-menu {
margin: 6px 0 0;
}
.footer-v5 .copyright .terms-menu li {
color: #bbb;
font-size: 13px;
line-height: 10px;
margin-right: 2px;
padding-left: 10px;
padding-left: 10px;
border-left: 1px solid #777;
}
.footer-v5 .copyright .terms-menu li:first-child {
border-left: none;
padding: 0 7px 0 0;
}
.footer-v5 .copyright .terms-menu li a {
color: #777;
}
.footer-v5 .copyright .terms-menu li a:hover {
color: #bbb;
}

@ -0,0 +1,185 @@
/* Footer
------------------------------------*/
.footer-v6 .footer {
padding: 70px 0;
background: #161616;
}
.footer-v6 .footer p {
color: #777;
}
/*Heading Fotoer*/
.footer-v6 .heading-footer {
text-align: left;
position: relative;
margin-bottom: 30px;
padding-bottom: 2px;
}
.footer-v6 .heading-footer:after {
left: 0;
bottom: 0;
height: 1px;
width: 50px;
content: " ";
background: #fff;
position: absolute;
}
.footer-v6 .heading-footer h2 {
color: #eee;
font-size: 18px;
text-transform: uppercase;
}
/*Link News*/
.footer-v6 .footer .link-news {
margin-bottom: 0;
}
.footer-v6 .footer .link-news li {
padding: 12px 0px;
border-top: solid 1px #353535;
}
.footer-v6 .footer .link-news li:first-child {
padding-top: 0;
border-top: none;
}
.footer-v6 .footer .link-news li a {
color: #777;
font-size: 14px;
margin-bottom: 3px;
display: inline-block;
}
.footer-v6 .footer .link-news a:hover {
color: #bbb;
}
.footer-v6 .footer .link-news li small {
color: #555;
display: block;
}
/*Link List*/
.footer-v6 .footer-link-list li {
padding: 9px 0px;
border-top: solid 1px #333;
}
.footer-v6 .footer-link-list li:first-child {
padding-top: 0;
border-top: none;
}
.footer-v6 .footer-link-list li a {
color: #777;
font-size: 14px;
display: inline-block;
}
.footer-v6 .footer-link-list a:hover {
color: #bbb;
}
/*Contacts*/
.footer-v6 .footer .contacts {
margin-bottom: 0;
}
.footer-v6 .footer .contacts li {
margin-bottom: 20px;
}
.footer-v6 .footer .contacts li:before,
.footer-v6 .footer .contacts li:after {
content: " ";
display: table;
}
.footer-v6 .footer .contacts li:after {
clear: both;
}
.footer-v6 .footer .contacts li i {
float: left;
width: 30px;
height: 30px;
color: #777;
padding: 8px 5px;
background: #333;
text-align: center;
margin: 4px 10px 0 0;
display: inline-block;
}
.footer-v6 .footer .contacts li p {
margin-bottom: 0;
}
.footer-v6 .footer .contacts li a {
color: #777;
}
.footer-v6 .footer .contacts li a:hover {
color: #bbb;
}
/*Footer Copyright*/
.footer-v6 .copyright {
padding: 15px 0;
background: #222;
}
/*Social Icons*/
.footer-v6 .dark-social {
margin: 5px 0 0;
}
.footer-v6 .dark-social li {
margin-left: 5px;
}
.footer-v6 .dark-social li i {
color: #777;
}
/*Terms Menu*/
.footer-v6 .copyright .terms-menu {
margin: 7px 0 0;
}
.footer-v6 .copyright .terms-menu li {
color: #777;
font-size: 13px;
line-height: 10px;
margin-right: 2px;
border-color: #777;
padding-left: 10px;
padding-left: 10px;
border-left: 1px solid #bbb;
}
.footer-v6 .copyright .terms-menu li:first-child {
border-left: none;
padding: 0 7px 0 0;
}
.footer-v6 .copyright .terms-menu li a {
color: #777;
}
.footer-v6 .copyright .terms-menu li a:hover {
color: #bbb;
}
@media (max-width: 992px) {
.footer-v6 .copyright .terms-menu,
.footer-v6 .copyright .dark-social.pull-right {
text-align: center;
float: none !important;
}
}

@ -0,0 +1,140 @@
/*Contacts Section
------------------------------------*/
.contacts-section {
color: #fff;
position: relative;
background: #333 url(../../img/bg/17.jpg) center fixed;
}
.contacts-section:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(0,0,0,0.7);
}
.contacts-section:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: url(../../img/patterns/gridtile.png) repeat;
}
/*Contacts Title*/
.contacts-section .title-v1 p,
.contacts-section .title-v1 h2 {
color: #fff;
}
/*Contacts Content*/
.contacts-in {
z-index: 1;
color: #fff;
position: relative;
}
.contacts-in h3 {
color: #fff;
margin-bottom: 15px;
}
.contacts-in ul {
margin-top: 20px;
}
.contacts-in li {
color: #fff;
margin: 15px 0;
font-size: 16px;
font-weight: 200;
}
.contacts-in li a {
color: #fff;
}
.contacts-in li i {
width: 35px;
padding: 8px;
font-size: 18px;
margin-right: 5px;
text-align: center;
display: inline-block;
background: rgba(255,255,255,0.1);
}
.contacts-in form label {
font-size: 14px;
font-weight: 200;
}
.contacts-in form .form-control {
color: #fff;
box-shadow: none;
border-color: #eee;
background: rgba(0,0,0,0.2);
}
.contacts-in form .form-control:focus {
border-color: #bbb;
background: rgba(0,0,0,0.6);
}
.contacts-in form .btn-u.btn-brd.btn-u-dark {
color: #fff;
border-color: #fff;
background: rgba(0,0,0,0.2);
}
.contacts-in form .btn-u.btn-brd.btn-u-dark:hover {
border-color: #bbb;
background: rgba(0,0,0,0.6) !important;
}
/*Copyright Section*/
.copyright-section {
z-index: 1;
background: #fff;
position: relative;
text-align: center;
padding: 25px 0 20px;
}
.copyright-section p {
font-size: 14px;
}
.copyright-section p a {
color: #555;
text-decoration: underline;
}
.copyright-section p a:hover {
text-decoration: none;
}
.copyright-section ul.social-icons li {
margin-bottom: 0;
padding: 0;
}
.copyright-section i.back-to-top {
left: 50%;
top: -35px;
color: #555;
font-size: 20px;
background: #fff;
padding: 8px 10px;
margin-left: -15px;
position: absolute;
}
.copyright-section i.back-to-top:hover {
color: #72c02c;
}

@ -0,0 +1,897 @@
/*Top Bar (login, search etc.)
------------------------------------*/
.header .topbar {
z-index: 12;
padding: 8px 0;
position: relative;
}
.header .topbar ul.loginbar {
margin: 0;
}
.header .topbar ul.loginbar > li {
display: inline;
list-style: none;
position: relative;
padding-bottom: 15px;
}
.header .topbar ul.loginbar > li > a,
.header .topbar ul.loginbar > li > a:hover {
color: #7c8082;
font-size: 11px;
text-transform: uppercase;
}
.header .topbar ul.loginbar li i.fa {
color: #bbb;
}
.header .topbar ul.loginbar li.topbar-devider {
top: -1px;
padding: 0;
font-size: 8px;
position: relative;
margin: 0 9px 0 5px;
font-family: Tahoma;
border-right: solid 1px #bbb;
}
/*languages*/
.header .topbar ul.languages {
top: 25px;
left: -5px;
display: none;
padding: 4px 0;
padding-left: 0;
list-style: none;
min-width: 100px;
position: absolute;
background: #f0f0f0;
}
.header .topbar li:hover ul.languages {
display: block;
}
.header .topbar ul.languages:after {
top: -4px;
width: 0;
height: 0;
left: 8px;
content: " ";
display: block;
position: absolute;
border-bottom: 6px solid #f0f0f0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-left-style: inset; /*FF fixes*/
border-right-style: inset; /*FF fixes*/
}
.header .topbar ul.languages li a {
color: #555;
display: block;
font-size: 10px;
padding: 2px 12px;
margin-bottom: 1px;
text-transform: uppercase;
}
.header .topbar ul.languages li.active a i {
color: #999;
float: right;
margin-top: 2px;
}
.header .topbar ul.languages li a:hover,
.header .topbar ul.languages li.active a {
background: #fafafa;
}
.header .topbar ul.languages li a:hover {
text-decoration: none;
}
/*Header Default
------------------------------------*/
.header {
z-index: 99;
position: relative;
border-bottom: solid 2px #eee;
}
.header .navbar {
margin: 0;
}
.header .navbar-default {
border: none;
background: none;
}
/*Navbar Brand*/
.header .navbar-brand {
z-index: 1;
top: -10px;
height: 100%;
position: relative;
padding: 0 10px 10px;
}
@media(min-width: 768px) and (max-width: 998px) {
.header .navbar-brand {
margin-top: 0;
}
}
/*Navbar Toggle*/
.header .navbar-default .navbar-toggle {
border-color: #5fb611;
}
.header .navbar-default .navbar-toggle .fa {
color: #fff;
font-size: 19px;
}
.header .navbar-toggle,
.header .navbar-default .navbar-toggle:hover,
.header .navbar-default .navbar-toggle:focus {
background: #72c02c;
padding: 6px 10px 2px;
}
.header .navbar-toggle:hover {
background: #5fb611 !important;
}
/*Navbar Collapse*/
.header .navbar-collapse {
position: relative;
}
/*Navbar Menu*/
.header .navbar-default .navbar-nav > li > a {
color: #687074;
font-size: 15px;
font-weight:400;
text-transform: uppercase;
}
.header .navbar-default .navbar-nav > .active > a {
color: #72c02c;
}
@media (min-width: 992px) {
.header .navbar-nav {
float: right;
}
}
/*No Topbar*/
.header.no-topbar .navbar-brand {
margin-top: 30px;
}
.header.no-topbar .navbar-toggle {
margin-top: 25px;
}
@media (min-width: 992px) {
.header.no-topbar .navbar-nav {
padding-top: 36px;
}
}
/*Responsive Navbar*/
@media (max-width: 991px) {
/*Responsive code for max-width: 991px*/
.header .navbar-header {
float: none;
}
.header .navbar-toggle {
display: block;
}
.header .navbar-collapse.collapse {
display: none !important;
}
.header .navbar-collapse.collapse.in {
display: block !important;
overflow-y: auto !important;
}
.header .navbar-nav {
margin: 0 0 5px;
float: none !important;
}
.header .navbar-nav > li {
float: none;
}
.header .navbar-nav > li > a {
padding-top: 30px;
padding-bottom: 40px;
}
/*Dropdown Menu Slide Down Effect*/
.header .navbar-nav .open .dropdown-menu {
border: 0;
float: none;
width: auto;
margin-top: 0;
position: static;
box-shadow: none;
background-color: transparent;
}
.header .navbar-nav .open .dropdown-menu > li > a,
.header .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.header .navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.header .navbar-nav .open .dropdown-menu > li > a:hover,
.header .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.header .navbar-default .dropdown-menu.no-bottom-space {
padding-bottom: 0;
}
/*Design for max-width: 991px*/
.header .navbar-collapse,
.header .navbar-collapse .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.header .navbar-default .navbar-nav > li > a {
font-size: 14px;
padding: 9px 10px;
}
.header .navbar-default .navbar-nav > li a {
border-bottom: solid 1px #eee;
}
.header .navbar-default .navbar-nav > li > a:focus {
background: none;
}
.header .navbar-default .navbar-nav > li > a:hover {
color: #72c02c;
}
.header .navbar-default .navbar-nav > .active > a,
.header .navbar-default .navbar-nav > .active > a:hover,
.header .navbar-default .navbar-nav > .active > a:focus {
background: #72c02c;
color: #fff !important;
}
.header .dropdown .dropdown-submenu > a {
font-size: 13px;
color: #555 !important;
text-transform: uppercase;
}
}
@media (min-width: 992px) {
/*Navbar Collapse*/
.header .navbar-collapse {
padding: 0;
}
/*Navbar*/
.header .navbar {
min-height: 40px !important;
}
.header .container > .navbar-header,
.header .container-fluid > .navbar-header,
.header .container > .navbar-collapse,
.header .container-fluid > .navbar-collapse {
margin-bottom: -10px;
}
.header .navbar-nav {
position: relative;
}
.header .navbar-default .navbar-nav > li > a {
bottom: -2px;
position: relative;
padding: 9px 30px 9px 20px;
}
.header .navbar-default .navbar-nav > li > a,
.header .navbar-default .navbar-nav > li > a:focus {
border-bottom: solid 2px transparent;
}
.header .navbar-default .navbar-nav > li > a:hover,
.header .navbar-default .navbar-nav > .active > a {
bottom: -2px;
position: relative;
border-bottom: solid 2px #72c02c;
}
.header .navbar-default .navbar-nav > li > a,
.header .navbar-default .navbar-nav > li > a:hover,
.header .navbar-default .navbar-nav > li > a:focus,
.header .navbar-default .navbar-nav > .active > a,
.header .navbar-default .navbar-nav > .active > a:hover,
.header .navbar-default .navbar-nav > .active > a:focus {
background: none;
}
.header .navbar-default .navbar-nav > .open > a,
.header .navbar-default .navbar-nav > .open > a:hover,
.header .navbar-default .navbar-nav > .open > a:focus {
color: #72c02c;
}
.header .navbar-default .navbar-nav > li:hover > a {
color: #72c02c;
}
/*Dropdown Menu*/
.header .dropdown-menu {
padding: 0;
border: none;
min-width: 200px;
border-radius: 0;
z-index: 9999 !important;
border-top: solid 2px #72c02c;
border-bottom: solid 2px #687074;
}
.header .dropdown-menu li a {
color: #687074;
font-size: 13px;
font-weight: 400;
padding: 6px 15px;
border-bottom: solid 1px #eee;
}
.header .dropdown-menu .active > a,
.header .dropdown-menu li > a:hover {
color: #fff;
filter: none !important;
background: #687074 !important;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.header .dropdown-menu li > a:focus {
background: none;
filter: none !important;
}
.header .navbar-nav > li.dropdown:hover > .dropdown-menu {
display: block;
}
.header .open > .dropdown-menu {
display: none;
}
/*Search*/
.header .navbar .search-open {
width: 330px;
}
}
/*Dropdown Submenu for BS3
------------------------------------*/
.header .dropdown-submenu {
position: relative;
}
.header .dropdown > a:after,
.header .dropdown-submenu > a:after {
top: 8px;
right: 9px;
font-size: 11px;
content: "\f105";
position: absolute;
font-weight: normal;
display: inline-block;
font-family: FontAwesome;
}
@media (max-width: 991px) {
.header .dropdown-submenu > a:after {
content: " ";
}
}
.header .dropdown > a:after {
top: 9px;
right: 15px;
content: "\f107";
}
.header .dropdown-submenu > .dropdown-menu {
top: 3px;
left: 100%;
margin-top: -5px;
margin-left: 0px;
}
/*Submenu comes from LEFT side*/
.header .dropdown-submenu > .dropdown-menu.submenu-left {
left: -100%;
}
.header .dropdown-submenu:hover > .dropdown-menu {
display: block;
}
@media (max-width: 991px) {
.header .dropdown-submenu > .dropdown-menu {
display: block;
margin-left: 15px;
}
}
.header .dropdown-submenu.pull-left {
float: none;
}
.header .dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
}
.header .dropdown-menu li [class^="fa-"],
.header .dropdown-menu li [class*=" fa-"] {
left: -3px;
width: 1.25em;
margin-right: 1px;
position: relative;
text-align: center;
display: inline-block;
}
.header .dropdown-menu li [class^="fa-"].fa-lg,
.header .dropdown-menu li [class*=" fa-"].fa-lg {
/* increased font size for fa-lg */
width: 1.5625em;
}
/*Search Box
------------------------------------*/
.header .navbar .nav > li > .search {
color: #aaa;
cursor: pointer;
min-width: 35px;
font-size: 15px;
text-align: center;
background: #f7f7f7;
padding: 11px 0 12px;
display: inline-block;
border-bottom: solid 2px #aaa;
}
@media (min-width: 992px) {
.header .navbar .nav > li > .search {
bottom: -2px;
position: relative;
}
}
.header .navbar .nav > li > .search:hover {
color: #72c02c;
background: #f7f7f7;
border-bottom-color: #72c02c;
}
.header .navbar .search-open {
right: 0;
top: 40px;
display: none;
padding: 14px;
position: absolute;
background: #fcfcfc;
border-top: solid 2px #eee;
box-shadow: 0 1px 3px #ddd;
}
.header .navbar .search-open form {
margin: 0;
}
@media (min-width: 767px) and (max-width: 991px) {
.header .navbar > .container .navbar-brand,
.header .navbar > .container-fluid .navbar-brand {
margin-left: -10px;
}
.header .navbar-toggle {
margin-right: 0;
}
.header .navbar .search-open {
width: 93%;
}
}
@media (max-width: 991px) {
.header .navbar .nav > li > .search {
color: #999;
width: 35px;
height: 34px;
text-align: left;
background: #eee;
line-height: 12px;
text-align: center;
margin: 5px 10px 0;
border-bottom: none;
}
.header .navbar .nav > li > .search:hover {
background: #5fb611;
color: #fff !important;
}
.header .navbar .search-open {
top: 5px;
padding: 0;
left: 48px;
border-top: none;
box-shadow: none;
background: none;
margin-right: 10px;
}
}
/*Header Fixed
------------------------------------*/
/*Header*/
.header-fixed .header {
height: 78px;
}
.header-fixed .header.header-fixed-shrink {
top: 0;
left: 0;
width: 100%;
height: 95px;
z-index: 9999;
position: fixed;
margin-top: -35px;
border-bottom: none;
box-shadow: 0 0 3px #bbb;
background: rgba(255,255,255, 0.96);
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
/*Topbar*/
.header-fixed .header.header-fixed-shrink .topbar {
display: none;
}
/*No Topbar*/
.header-fixed .header.no-topbar.header-fixed-shrink .navbar-brand {
margin-top: 0;
}
.header-fixed .header.no-topbar.header-fixed-shrink .navbar-nav {
padding-top: 0;
}
/*Brand*/
.header-fixed .header.header-fixed-shrink .navbar-brand {
top: 47px;
z-index: 1;
position: relative;
padding: 0 10px 10px;
}
.header-fixed .header.header-fixed-shrink .navbar-brand img {
width: 90%;
}
.header-fixed .header.header-fixed-shrink .search,
.header-fixed .header.header-fixed-shrink .active a {
border-bottom: none !important;
}
.header-fixed .header.header-fixed-shrink .navbar-nav > li > .dropdown-menu {
margin-top: 1px;
}
@media (max-width: 991px) {
/*Header*/
.header-fixed .header,
.header-fixed .header.header-fixed-shrink {
height: inherit;
position: relative;
}
}
@media (min-width: 992px) {
.header-fixed .header.header-fixed-shrink .navbar-nav > li > a {
padding: 55px 30px 18px 20px;
border-bottom: solid 1px transparent !important;
}
.header-fixed .header.header-fixed-shrink .dropdown > a:after {
top: 56px;
}
/*Search Bar*/
.header-fixed .header.header-fixed-shrink .search {
margin-top: 47px;
padding: 8px !important;
color: #585f69 !important;
background: none !important;
}
.header-fixed .header.header-fixed-shrink .search-open {
top: 95px;
border-top: none;
background: rgba(255,255,255, 0.9);
}
}
/*Mega Menu
------------------------------------*/
.header .mega-menu .nav,
.header .mega-menu .dropup,
.header .mega-menu .dropdown,
.header .mega-menu .collapse {
position: static;
}
.header .mega-menu .navbar-inner,
.header .mega-menu .container {
position: relative;
}
.header .mega-menu .dropdown-menu {
left: auto;
}
.header .mega-menu .dropdown-menu > li {
display: block;
}
.header .mega-menu .dropdown-submenu .dropdown-menu {
left: 100%;
}
.header .mega-menu .nav.pull-right .dropdown-menu {
right: 0;
}
.header .mega-menu .mega-menu-content {
*zoom: 1;
padding: 0;
}
.header .mega-menu .mega-menu-content:before,
.header .mega-menu .mega-menu-content:after {
content: "";
display: table;
line-height: 0;
}
.header .mega-menu .mega-menu-content:after {
clear: both;
}
.header .mega-menu.navbar .nav > li > .dropdown-menu:after,
.header .mega-menu.navbar .nav > li > .dropdown-menu:before {
display: none;
}
.header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
left: 0;
right: 0;
overflow: hidden;
}
@media (min-width: 992px) {
.header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
margin-left: 10px;
margin-right: 15px;
}
}
/*Equal Height Lists*/
@media (min-width: 992px) {
.header .mega-menu .equal-height {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.header .mega-menu .equal-height-in {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
/*Mega Menu Style Effect*/
.header .mega-menu .equal-height-list h3 {
font-size: 15px;
font-weight: 400;
padding: 0 10px 0 13px;
text-transform: uppercase;
}
/*Space for only Big Resolution*/
@media (min-width: 992px) {
.header .mega-menu .big-screen-space {
margin-bottom: 20px;
}
}
/*Mega Menu Content*/
@media (min-width: 992px) {
.header .mega-menu .equal-height-in {
padding: 20px 0;
border-left: 1px solid #eee;
}
.header .mega-menu .equal-height-in:first-child {
border-left: none;
margin-left: -1px;
}
.header .mega-menu .equal-height-list {
width: 100%;
}
.header .mega-menu .equal-height-list li a {
display: block;
margin-bottom: 1px;
position: relative;
border-bottom: none;
padding: 5px 10px 5px 15px;
}
.header .mega-menu .equal-height-list a:hover {
text-decoration: none;
}
/*Dropdown Arrow Icons*/
.header .mega-menu .mega-menu-fullwidth li a {
padding: 5px 10px 5px 30px;
}
.header .mega-menu .mega-menu-fullwidth li a:after {
top: 7px;
left: 15px;
font-size: 11px;
content: "\f105";
position: absolute;
font-weight: normal;
display: inline-block;
font-family: FontAwesome;
}
/*Dropdown Arrow Icons Disable class*/
.header .mega-menu .mega-menu-fullwidth .disable-icons li a {
padding: 5px 10px 5px 15px;
}
.header .mega-menu .mega-menu-fullwidth .disable-icons li a:after {
display: none;
}
}
/*Space Effect inside the container to avoid scroll bar*/
@media (min-width: 737px) and (max-width: 991px) {
.header .mega-menu .mega-menu-content .container {
width: 690px !important;
}
.header .mega-menu .equal-height {
margin-right: 0;
}
.header .mega-menu .equal-height-in {
padding-right: 0;
margin-right: -15px;
}
}
@media (max-width: 991px) {
.header .mega-menu .equal-height {
margin-right: 0;
}
.header .mega-menu .equal-height-in {
padding-right: 0;
}
}
/*Equal Hight List Style*/
@media (max-width: 991px) {
.header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
width: auto;
}
.header .mega-menu .equal-height-in,
.header .mega-menu .equal-height-list {
display: block;
}
.header .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul {
display: block;
}
/*Equal Height List Style*/
.header .mega-menu .equal-height-list h3 {
color: #555;
margin: 0 0 5px;
font-size: 13px;
font-weight: 400;
padding: 6px 25px 5px;
border-bottom: solid 1px #eee;
}
.header .mega-menu .equal-height-list li a {
color: #687074;
display: block;
font-size: 13px;
font-weight: 400;
margin-left: 15px;
padding: 6px 25px;
border-bottom: solid 1px #eee;
}
.header .mega-menu .equal-height-list > h3.active,
.header .mega-menu .equal-height-list > .active > a,
.header .mega-menu .equal-height-list > .active > a:hover,
.header .mega-menu .equal-height-list > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.header .mega-menu .equal-height-list li a:hover {
color: #333;
text-decoration: none;
}
}

@ -0,0 +1,877 @@
/*Top Bar v1 (login, search etc.)
------------------------------------*/
.header-v1 .topbar-v1 {
background: #fdfdfd;
border-top: solid 1px #f0f0f0;
border-bottom: solid 1px #f0f0f0;
}
/*Top Contacts*/
.header-v1 .topbar-v1 ul {
margin: 0;
}
.header-v1 .topbar-v1 .top-v1-contacts li {
color: #666;
padding: 5px 0;
font-size: 12px;
margin-right: 15px;
display: inline-block;
}
.header-v1 .topbar-v1 .top-v1-contacts i {
color: #999;
font-size: 13px;
margin-right: 3px;
}
/*Top Data*/
.header-v1 .topbar-v1 .top-v1-data {
text-align: right;
}
.header-v1 .topbar-v1 .top-v1-data li {
padding: 5px 11px;
margin-left: -4px;
display: inline-block;
border-right: solid 1px #eee;
}
.header-v1 .topbar-v1 .top-v1-data li:first-child {
margin-left: 0;
border-left: solid 1px #eee;
}
.header-v1 .topbar-v1 .top-v1-data li a {
font-size: 12px;
}
.header-v1 .topbar-v1 .top-v1-data li a:hover {
text-decoration: none;
}
.header-v1 .topbar-v1 .top-v1-data li i {
color: #777;
font-size: 13px;
}
.header-v1 .topbar-v1 .top-v1-data li a:hover i {
color: #72c02c;
}
/*Responsive Topbar v1*/
@media (max-width: 991px) {
.header-v1 .topbar-v1 ul {
text-align: center !important;
}
.header-v1 .topbar-v1 .top-v1-contacts {
margin: 10px 0;
}
.header-v1 .topbar-v1 .top-v1-data li {
top: 1px;
padding: 6px 16px;
margin-left: -5px;
position: relative;
border: solid 1px #eee;
}
}
/*Header v1
------------------------------------*/
.header-v1 {
z-index: 99;
position: relative;
}
.header-v1 .navbar {
margin: 0;
}
.header-v1 .navbar-default {
border: none;
background: none;
}
/*Navbar Header*/
.header-v1 .navbar-header {
margin: 10px 0;
}
/*Navbar Brand*/
.header-v1 .navbar-brand {
z-index: 1;
position: relative;
}
@media (max-width: 768px) {
.header-v1 .navbar-brand {
padding-left: 0;
}
}
@media (max-width: 991px) {
.header-v1 .navbar-brand {
margin-top: -10px;
}
}
@media (min-width: 992px) {
.header-v1 .navbar-brand {
margin-top: -4px;
}
}
/*Navbar Toggle*/
.header-v1 .navbar-default .navbar-toggle {
border-color: #5fb611;
}
@media (max-width: 768px) {
.header-v1 .navbar-default .navbar-toggle {
margin-right: 0;
}
}
.header-v1 .navbar-default .navbar-toggle .fa {
color: #fff;
font-size: 19px;
}
.header-v1 .navbar-toggle,
.header-v1 .navbar-default .navbar-toggle:hover,
.header-v1 .navbar-default .navbar-toggle:focus {
background: #72c02c;
padding: 6px 10px 2px;
}
.header-v1 .navbar-toggle:hover {
background: #5fb611 !important;
}
/*Navbar Collapse*/
.header-v1 .navbar-collapse {
position: relative;
}
/*Navbar Menu*/
@media (min-width: 992px) {
.header-v1 .navbar-default .navbar-nav {
margin-top: -6px;
}
}
.header-v1 .navbar-default .navbar-nav > li > a {
color: #687074;
font-size: 15px;
font-weight: 400;
text-transform: uppercase;
}
@media (min-width: 992px) {
.header-v1 .navbar-nav {
float: right;
}
}
/*Responsive Navbar*/
@media (max-width: 991px) {
/*Responsive code for max-width: 991px*/
.header-v1 .navbar-header {
float: none;
}
.header-v1 .navbar-toggle {
display: block;
}
.header-v1 .navbar-collapse.collapse {
display: none !important;
}
.header-v1 .navbar-collapse.collapse.in {
display: block !important;
overflow-y: auto !important;
}
.header-v1 .navbar-nav {
margin: 0 0 5px;
float: none !important;
}
.header-v1 .navbar-nav > li {
float: none;
}
.header-v1 .navbar-nav > li > a {
padding-top: 30px;
padding-bottom: 40px;
}
/*Header*/
.header-v1 {
border-bottom: solid 1px #eee;
}
/*Dropdown Menu Slide Down Effect*/
.header-v1 .navbar-nav .open .dropdown-menu {
border: 0;
float: none;
width: auto;
margin-top: 0;
position: static;
box-shadow: none;
background-color: transparent;
}
.header-v1 .navbar-nav .open .dropdown-menu > li > a,
.header-v1 .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.header-v1 .navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.header-v1 .navbar-nav .open .dropdown-menu > li > a:hover,
.header-v1 .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.header-v1 .navbar-default .dropdown-menu.no-bottom-space {
padding-bottom: 0;
}
/*Design for max-width: 991px*/
.header-v1 .navbar-collapse,
.header-v1 .navbar-collapse .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.header-v1 .navbar-default .navbar-nav > li > a {
font-size: 14px;
padding: 9px 10px;
}
.header-v1 .navbar-default .navbar-nav > li a {
border-bottom: solid 1px #eee;
}
.header-v1 .navbar-default .navbar-nav > li > a:focus {
background: none;
}
.header-v1 .navbar-default .navbar-nav > li > a:hover {
color: #72c02c;
}
.header-v1 .navbar-default .navbar-nav > .active > a,
.header-v1 .navbar-default .navbar-nav > .active > a:hover,
.header-v1 .navbar-default .navbar-nav > .active > a:focus {
background: #72c02c;
color: #fff !important;
}
.header-v1 .dropdown .dropdown-submenu > a {
font-size: 13px;
color: #333 !important;
text-transform: uppercase;
}
}
@media (min-width: 992px) {
/*Navbar Collapse*/
.header-v1 .navbar-collapse {
padding: 20px 0 0;
}
/*Navbar*/
.header-v1 .navbar {
min-height: 40px !important;
}
.header-v1 .container > .navbar-header,
.header-v1 .container-fluid > .navbar-header,
.header-v1 .container > .navbar-collapse,
.header-v1 .container-fluid > .navbar-collapse {
margin-bottom: -10px;
}
.header-v1 .navbar-nav {
top: 2px;
position: relative;
}
.header-v1 .navbar-default .navbar-nav > li {
margin-left: 1px;
}
.header-v1 .navbar-default .navbar-nav > li > a {
bottom: -2px;
position: relative;
padding: 15px 30px 17px 20px;
}
.header-v1 .navbar-default .navbar-nav > li > a,
.header-v1 .navbar-default .navbar-nav > li > a:hover,
.header-v1 .navbar-default .navbar-nav > li > a:focus {
background: none;
}
.header-v1 .navbar-default .navbar-nav > .active > a,
.header-v1 .navbar-default .navbar-nav > li > a:hover,
.header-v1 .navbar-default .navbar-nav > li > a:focus {
color: #72c02c;
bottom: -2px;
position: relative;
}
.header-v1 .navbar-default .navbar-nav > li:hover > a {
color: #72c02c;
}
/*Dropdown Menu*/
.header-v1 .dropdown-menu {
padding: 0;
border: none;
min-width: 200px;
border-radius: 0;
z-index: 9999 !important;
margin-top: -2px !important;
border-top: solid 2px #72c02c;
border-bottom: solid 2px #687074;
}
.header-v1 .dropdown-menu li a {
color: #687074;
font-size: 13px;
font-weight: 400;
padding: 6px 15px;
border-bottom: solid 1px #eee;
}
.header-v1 .dropdown-menu .active > a,
.header-v1 .dropdown-menu li > a:hover {
color: #fff;
filter: none !important;
background: #687074 !important;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.header-v1 .dropdown-menu li > a:focus {
background: none;
filter: none !important;
}
.header-v1 .navbar-nav > li.dropdown:hover > .dropdown-menu {
display: block;
}
.header-v1 .open > .dropdown-menu {
display: none;
}
/*Search*/
.header-v1 .navbar .search-open {
width: 330px;
}
}
/*Dropdown Submenu for BS3
------------------------------------*/
.header-v1 .dropdown-submenu {
position: relative;
}
.header-v1 .dropdown > a:after,
.header-v1 .dropdown-submenu > a:after {
top: 8px;
right: 9px;
font-size: 11px;
content: "\f105";
position: absolute;
font-weight: normal;
display: inline-block;
font-family: FontAwesome;
}
@media (max-width: 991px) {
.header-v1 .dropdown-submenu > a:after {
content: " ";
}
}
.header-v1 .dropdown > a:after {
top: 16px;
right: 15px;
content: "\f107";
}
@media (max-width: 991px) {
.header-v1 .dropdown > a:after {
top: 11px;
}
}
.header-v1 .dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -5px;
margin-left: 0px;
}
/*Submenu comes from LEFT side*/
.header-v1 .dropdown-submenu > .dropdown-menu.submenu-left {
left: -100%;
}
.header-v1 .dropdown-submenu:hover > .dropdown-menu {
display: block;
}
@media (max-width: 991px) {
.header-v1 .dropdown-submenu > .dropdown-menu {
display: block;
margin-left: 15px;
}
}
.header-v1 .dropdown-submenu.pull-left {
float: none;
}
.header-v1 .dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
}
.header-v1 .dropdown-menu li [class^="fa-"],
.header-v1 .dropdown-menu li [class*=" fa-"] {
left: -3px;
width: 1.25em;
margin-right: 1px;
position: relative;
text-align: center;
display: inline-block;
}
.header-v1 .dropdown-menu li [class^="fa-"].fa-lg,
.header-v1 .dropdown-menu li [class*=" fa-"].fa-lg {
/* increased font size for fa-lg */
width: 1.5625em;
}
/*Search Box
------------------------------------*/
.header-v1 .navbar .nav > li > .search {
color: #aaa;
cursor: pointer;
font-size: 15px;
min-width: 30px;
padding: 18px 0;
text-align: center;
display: inline-block;
}
.header-v1 .navbar .nav > li > .search:hover {
color: #72c02c;
}
.header-v1 .navbar .search-open {
right: 0;
top: 51px;
display: none;
padding: 14px;
position: absolute;
background: #fcfcfc;
box-shadow: 0 0 3px #ddd;
}
.header-v1 .navbar .search-open form {
margin: 0;
}
@media (min-width: 767px) and (max-width: 991px) {
.header-v1 .navbar > .container .navbar-brand,
.header-v1 .navbar > .container-fluid .navbar-brand {
margin-left: -10px;
}
.header-v1 .navbar-toggle {
margin-right: 0;
}
.header-v1 .navbar .search-open {
width: 93%;
}
}
@media (max-width: 991px) {
.header-v1 .navbar .nav > li > .search {
color: #999;
height: 34px;
min-width: 35px;
text-align: left;
background: #eee;
line-height: 12px;
text-align: center;
margin: 5px 10px 0;
border-bottom: none;
padding: 11px 0 12px;
}
.header-v1 .navbar .nav > li > .search:hover {
background: #5fb611;
color: #fff !important;
}
.header-v1 .navbar .search-open {
top: 5px;
padding: 0;
left: 48px;
border-top: none;
box-shadow: none;
background: none;
margin-right: 10px;
}
}
/*Header Fixed
------------------------------------*/
/*Header*/
.header-fixed .header-v1 {
height: 78px;
}
.header-fixed .header-v1.header-fixed-shrink {
top: 0;
left: 0;
width: 100%;
height: 95px;
z-index: 9999;
position: fixed;
margin-top: -35px;
border-bottom: none;
box-shadow: 0 0 3px #bbb;
background: rgba(255,255,255, 0.96);
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
/*Topbar v2*/
.header-fixed .header-v1.header-fixed-shrink .topbar-v1 {
display: none;
}
/*Brand*/
.header-fixed .header-v1.header-fixed-shrink .navbar-brand {
top: 41px;
z-index: 1;
position: relative;
padding: 0 10px 10px;
}
.header-fixed .header-v1.header-fixed-shrink .navbar-brand img {
width: 90%;
}
.header-fixed .header-v1.header-fixed-shrink .search,
.header-fixed .header-v1.header-fixed-shrink .active a {
border-bottom: none !important;
}
.header-fixed .header-v1.header-fixed-shrink .navbar-nav > li > .dropdown-menu {
margin-top: 2px;
}
@media (max-width: 991px) {
/*Header*/
.header-fixed .header-v1,
.header-fixed .header-v1.header-fixed-shrink {
height: inherit;
position: relative;
}
}
@media (min-width: 992px) {
.header-fixed .header-v1.header-fixed-shrink .navbar-nav > li > a {
padding: 40px 30px 20px 20px;
border-bottom: solid 1px transparent !important;
}
.header-fixed .header-v1.header-fixed-shrink .dropdown > a:after {
top: 41px;
}
/*Search Bar*/
.header-fixed .header-v1.header-fixed-shrink .search {
margin-top: 35px;
color: #585f69 !important;
background: none !important;
padding: 8px 8px 8px 3px !important;
}
.header-fixed .header-v1.header-fixed-shrink .search-open {
top: 81px;
border-top: none;
background: rgba(255,255,255, 0.9);
}
}
/*Mega Menu
------------------------------------*/
.header-v1 .mega-menu .nav,
.header-v1 .mega-menu .dropup,
.header-v1 .mega-menu .dropdown,
.header-v1 .mega-menu .collapse {
position: static;
}
.header-v1 .mega-menu .navbar-inner,
.header-v1 .mega-menu .container {
position: relative;
}
.header-v1 .mega-menu .dropdown-menu {
left: auto;
}
.header-v1 .mega-menu .dropdown-menu > li {
display: block;
}
.header-v1 .mega-menu .dropdown-submenu .dropdown-menu {
left: 100%;
}
.header-v1 .mega-menu .nav.pull-right .dropdown-menu {
right: 0;
}
.header-v1 .mega-menu .mega-menu-content {
*zoom: 1;
padding: 0;
}
.header-v1 .mega-menu .mega-menu-content:before,
.header-v1 .mega-menu .mega-menu-content:after {
content: "";
display: table;
line-height: 0;
}
.header-v1 .mega-menu .mega-menu-content:after {
clear: both;
}
.header-v1 .mega-menu.navbar .nav > li > .dropdown-menu:after,
.header-v1 .mega-menu.navbar .nav > li > .dropdown-menu:before {
display: none;
}
.header-v1 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
left: 0;
right: 0;
overflow: hidden;
}
@media (min-width: 992px) {
.header-v1 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
margin-left: 15px;
margin-right: 15px;
}
}
/*Equal Height Lists*/
@media (min-width: 992px) {
.header-v1 .mega-menu .equal-height {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/*-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;*/
}
.header-v1 .mega-menu .equal-height-in {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
/*Mega Menu Style Effect*/
.header-v1 .mega-menu .equal-height-list h3 {
font-size: 15px;
padding: 0 10px;
font-weight: 400;
text-transform: uppercase;
}
/*Space for only Big Resolution*/
@media (min-width: 992px) {
.header-v1 .mega-menu .big-screen-space {
margin-bottom: 20px;
}
}
/*Mega Menu Content*/
@media (min-width: 992px) {
.header-v1 .mega-menu .equal-height-in {
padding: 20px 0;
border-left: 1px solid #eee;
}
.header-v1 .mega-menu .equal-height-in:first-child {
border-left: none;
margin-left: -1px;
}
.header-v1 .mega-menu .equal-height-list {
width: 100%;
}
.header-v1 .mega-menu .equal-height-list li a {
display: block;
position: relative;
border-bottom: none;
padding: 5px 10px 5px 15px;
}
.header-v1 .mega-menu .equal-height-list a:hover {
text-decoration: none;
}
/*Dropdown Arrow Icons*/
.header-v1 .mega-menu .mega-menu-fullwidth li a {
padding: 5px 10px 5px 30px;
}
.header-v1 .mega-menu .mega-menu-fullwidth li a:after {
top: 7px;
left: 15px;
font-size: 11px;
content: "\f105";
position: absolute;
font-weight: normal;
display: inline-block;
font-family: FontAwesome;
}
/*Dropdown Arrow Icons Disable class*/
.header-v1 .mega-menu .mega-menu-fullwidth .disable-icons li a {
padding: 5px 10px 5px 15px;
}
.header-v1 .mega-menu .mega-menu-fullwidth .disable-icons li a:after {
display: none;
}
}
/*Space Effect inside the container to avoid scroll bar*/
@media (min-width: 737px) and (max-width: 991px) {
.header-v1 .mega-menu .mega-menu-content .container {
width: 690px !important;
}
.header-v1 .mega-menu .equal-height {
margin-right: 0;
}
.header-v1 .mega-menu .equal-height-in {
padding-right: 0;
margin-right: -15px;
}
}
@media (max-width: 991px) {
.header-v1 .mega-menu .equal-height {
margin-right: 0;
}
.header-v1 .mega-menu .equal-height-in {
padding-right: 0;
}
}
/*Equal Hight List Style*/
@media (max-width: 991px) {
.header-v1 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
width: auto;
}
.header-v1 .mega-menu .equal-height-in,
.header-v1 .mega-menu .equal-height-list {
display: block;
}
.header-v1 .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul {
display: block;
}
/*Equal Height List Style*/
.header-v1 .mega-menu .equal-height-list h3 {
color: #333;
margin: 0 0 5px;
font-size: 13px;
font-weight: 400;
padding: 6px 25px 5px;
border-bottom: solid 1px #eee;
}
.header-v1 .mega-menu .equal-height-list li {
margin-left: 15px;
}
.header-v1 .mega-menu .equal-height-list li a {
color: #687074;
display: block;
font-size: 13px;
font-weight: 400;
padding: 6px 25px;
border-bottom: solid 1px #eee;
}
.header-v1 .mega-menu .equal-height-list > h3.active,
.header-v1 .mega-menu .equal-height-list > .active > a,
.header-v1 .mega-menu .equal-height-list > .active > a:hover,
.header-v1 .mega-menu .equal-height-list > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.header-v1 .mega-menu .equal-height-list li a:hover {
color: #333;
text-decoration: none;
}
}

@ -0,0 +1,875 @@
/*Top Bar (login, sign in etc.)
------------------------------------*/
/*Top v2 Contacts*/
.header-v2 .topbar-v2 {
z-index: 12;
padding: 15px 0;
position: relative;
border-bottom: 1px solid rgba(255,255,255,0.7);
}
@media (max-width: 991px) {
.header-v2 .topbar-v2 {
padding: 15px 0 7px;
}
}
.header-v2 .topbar-v2 ul {
margin: 7px 0 0;
}
.header-v2 .top-v2-contacts > li {
color: #fff;
font-weight: 200;
line-height: 12px;
padding: 0 12px 0 15px;
border-left: 1px solid #fff;
}
.header-v2 .top-v2-contacts > li:first-child {
padding-left: 0;
border-left: none;
}
.header-v2 .top-v2-contacts > li > a,
.header-v2 .top-v2-contacts > li > a:hover {
color: #fff;
}
/*Responsive Style*/
@media (max-width: 991px) {
.header-v2 .topbar-v2 {
border-bottom-color: #eee;
}
.header-v2 .topbar-v2 li,
.header-v2 .topbar-v2 li a {
color: #555;
border-color: #555;
}
.header-v2 .topbar-v2 li a:hover {
color: #555;
text-decoration: underline;
}
.header-v2 .top-v2-contacts {
margin-bottom: 15px !important;
}
.header-v2 .topbar-buttons .btn-u {
color: #fff;
}
.header-v2 .topbar-buttons .btn-u-light {
color: #555;
border-color: #555;
}
.header-v2 .topbar-buttons .btn-brd-hover:hover {
color: #555;
border-color: #555;
}
}
/*Delete "Display: none;" and uncomment codes to leave
topbar including in mobile version*/
@media (max-width: 768px) {
.header-v2 .topbar-v2 {
display: none;
}
}
/*Language Bar*/
.header-v2 .language-bar {
position: relative;
display: inline-block;
}
.header-v2 .language-bar > a {
color: #fff;
font-size: 14px;
padding-bottom: 10px;
}
.header-v2 .language-bar > a:hover {
text-decoration: none;
}
.header-v2 .language-bar > .heading {
position: relative;
}
.header-v2 .languages-dropdown {
left: 0;
top: 100%;
z-index: 1000;
display: none;
padding: 5px 0;
font-size: 14px;
min-width: 100px;
text-align: left;
list-style: none;
position: absolute;
background: #f0f0f0;
}
.header-v2 li:hover .languages-dropdown {
display: block;
}
.header-v2 .languages-dropdown:after {
width: 0;
height: 0;
top: -4px;
left: 8px;
content: " ";
display: block;
position: absolute;
border-bottom: 6px solid #f0f0f0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-left-style: inset; /*FF fixes*/
border-right-style: inset; /*FF fixes*/
}
@media (min-width: 992px) {
.header-v2 .topbar-v2 .open > .languages-dropdown {
display: block;
}
}
.header-v2 .languages-dropdown > li > a {
color: #555;
clear: both;
display: block;
font-size: 10px;
padding: 2px 12px;
margin-bottom: 1px;
}
.header-v2 .languages-dropdown > li.active > a {
position: relative;
}
.header-v2 .languages-dropdown > li.active > a:after {
top: 3px;
right: 10px;
color: #555;
content: "\f00c";
position: absolute;
display: inline-block;
font-family: FontAwesome;
}
.header-v2 .languages-dropdown > li > a:hover,
.header-v2 .languages-dropdown > li.active > a {
background: #fafafa;
}
.header-v2 .languages-dropdown > li > a:hover,
.header-v2 .languages-dropdown > li > a:focus {
text-decoration: none;
}
/*Header v2
------------------------------------*/
.header-v2 {
z-index: 99;
position: relative;
}
@media (max-width: 991px) {
.header-v2 {
position: static;
}
}
@media (max-width: 768px) {
.header-v2 {
padding: 20px 0 0;
}
}
/*Navbar*/
.header-v2 .navbar {
margin: 15px 0 0;
}
@media (max-width: 768px) {
.header-v2 .navbar {
margin: 0;
}
}
.header-v2 .navbar-default {
border: none;
background: none;
}
/*Navbar Brand*/
.header-v2 .navbar-brand {
z-index: 1;
margin-right: 50px;
padding: 10px 10px 10px 16px;
}
@media (max-width: 991px) {
.header-v2 .navbar-brand {
padding-top: 0;
}
}
/*Navbar Toggle*/
.header-v2 .navbar-default .navbar-toggle {
border-color: #5fb611;
}
@media (max-width: 991px) {
.header-v2 .navbar-default .navbar-toggle {
margin-top: -2px;
}
}
@media (min-width: 768px) {
.header-v2 .navbar-default .navbar-toggle {
margin-right: 0;
}
}
.header-v2 .navbar-default .navbar-toggle .fa {
color: #fff;
font-size: 19px;
}
.header-v2 .navbar-toggle,
.header-v2 .navbar-default .navbar-toggle:hover,
.header-v2 .navbar-default .navbar-toggle:focus {
background: #72c02c;
padding: 6px 10px 2px;
}
.header-v2 .navbar-toggle:hover {
background: #5fb611 !important;
}
/*Navbar Collapse*/
.header-v2 .navbar-collapse {
margin-top: 4px;
position: relative;
}
/*Navbar Menu*/
.header-v2 .navbar-default .navbar-nav > li > a {
color: #fff;
font-size: 15px;
font-weight: 400;
text-transform: uppercase;
}
@media (min-width: 992px) {
.header-v2 .navbar-nav {
float: right;
}
}
/*Responsive Navbar*/
@media (max-width: 991px) {
/*Responsive code for max-width: 991px*/
.header-v2 .navbar-header {
float: none;
}
.header-v2 .navbar-toggle {
display: block;
}
.header-v2 .navbar-collapse.collapse {
display: none !important;
}
.header-v2 .navbar-collapse.collapse.in {
display: block !important;
overflow-y: auto !important;
}
.header-v2 .navbar-nav {
margin: 0;
float: none !important;
}
.header-v2 .navbar-nav > li {
float: none;
}
.header-v2 .navbar-nav > li > a {
padding-top: 30px;
padding-bottom: 40px;
}
/*Navbar Nav*/
.header-v2 .navbar-default .navbar-nav > li > a {
color: #777;
}
/*Dropdown Menu Slide Down Effect*/
.header-v2 .navbar-nav .open .dropdown-menu {
border: 0;
float: none;
width: auto;
margin-top: 0;
position: static;
box-shadow: none;
background-color: transparent;
}
.header-v2 .navbar-nav .open .dropdown-menu > li > a,
.header-v2 .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.header-v2 .navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.header-v2 .navbar-nav .open .dropdown-menu > li > a:hover,
.header-v2 .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.header-v2 .navbar-default .dropdown-menu.no-bottom-space {
padding-bottom: 0;
}
/*Design for max-width: 991px*/
.header-v2 .navbar-collapse,
.header-v2 .navbar-collapse .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.header-v2 .navbar-default .navbar-nav > li > a {
font-size: 14px;
padding: 9px 10px;
}
.header-v2 .navbar-default .navbar-nav > li a {
border-bottom: solid 1px #eee;
}
.header-v2 .navbar-default .navbar-nav > li > a:focus {
background: none;
}
.header-v2 .navbar-default .navbar-nav > li > a:hover {
color: #72c02c;
}
.header-v2 .navbar-default .navbar-nav > .active > a,
.header-v2 .navbar-default .navbar-nav > .active > a:hover,
.header-v2 .navbar-default .navbar-nav > .active > a:focus {
background: #72c02c;
color: #fff !important;
}
.header-v2 .dropdown .dropdown-submenu > a {
font-size: 13px;
color: #333 !important;
text-transform: uppercase;
}
}
@media (min-width: 992px) {
/*Navbar Collapse*/
.header-v2 .navbar-collapse {
padding: 0;
}
/*Navbar*/
.header-v2 .navbar {
min-height: 40px !important;
}
.header-v2 .container > .navbar-header,
.header-v2 .container-fluid > .navbar-header,
.header-v2 .container > .navbar-collapse,
.header-v2 .container-fluid > .navbar-collapse {
margin-bottom: -10px;
}
.header-v2 .navbar-nav {
top: 2px;
position: relative;
}
.header-v2 .navbar-default .navbar-nav > li > a {
line-height: 25px;
padding: 9px 30px 13px 20px;
}
.header-v2 .navbar-default .navbar-nav > li > a,
.header-v2 .navbar-default .navbar-nav > li > a:hover,
.header-v2 .navbar-default .navbar-nav > li > a:focus,
.header-v2 .navbar-default .navbar-nav > .active > a,
.header-v2 .navbar-default .navbar-nav > .active > a:hover,
.header-v2 .navbar-default .navbar-nav > .active > a:focus {
color: #fff;
font-weight: 200;
background: none;
}
.header-v2 .navbar-default .navbar-nav > .open > a,
.header-v2 .navbar-default .navbar-nav > .open > a:hover,
.header-v2 .navbar-default .navbar-nav > .open > a:focus {
color: #fff;
}
/*Dropdown Menu*/
.header-v2 .dropdown-menu {
padding: 0;
border: none;
min-width: 200px;
border-radius: 0;
z-index: 9999 !important;
border-top: solid 2px #72c02c;
border-bottom: solid 2px #687074;
}
.header-v2 .dropdown-menu li a {
color: #687074;
font-size: 13px;
font-weight: 400;
padding: 6px 15px;
border-bottom: solid 1px #eee;
}
.header-v2 .dropdown-menu .active > a,
.header-v2 .dropdown-menu li > a:hover {
color: #fff;
filter: none !important;
background: #687074 !important;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.header-v2 .dropdown-menu li > a:focus {
background: none;
filter: none !important;
}
.header-v2 .navbar-nav > li.dropdown:hover > .dropdown-menu {
display: block;
}
.header-v2 .open > .dropdown-menu {
display: none;
}
}
/*Dropdown Submenu for BS3
------------------------------------*/
.header-v2 .dropdown-submenu {
position: relative;
}
.header-v2 .dropdown > a:after,
.header-v2 .dropdown-submenu > a:after {
top: 8px;
right: 9px;
font-size: 11px;
content: "\f105";
position: absolute;
font-weight: normal;
display: inline-block;
font-family: FontAwesome;
}
@media (max-width: 991px) {
.header-v2 .dropdown-submenu > a:after {
content: " ";
}
}
.header-v2 .dropdown > a:after {
top: 9px;
right: 15px;
content: "\f107";
}
.header-v2 .dropdown-submenu > .dropdown-menu {
top: 3px;
left: 100%;
margin-top: -5px;
margin-left: 0px;
}
/*Submenu comes from LEFT side*/
.header-v2 .dropdown-submenu > .dropdown-menu.submenu-left {
left: -100%;
}
.header-v2 .dropdown-submenu:hover > .dropdown-menu {
display: block;
}
@media (max-width: 991px) {
.header-v2 .dropdown-submenu > .dropdown-menu {
display: block;
margin-left: 15px;
}
}
.header-v2 .dropdown-submenu.pull-left {
float: none;
}
.header-v2 .dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
}
.header-v2 .dropdown-menu li [class^="fa-"],
.header-v2 .dropdown-menu li [class*=" fa-"] {
left: -3px;
width: 1.25em;
margin-right: 1px;
position: relative;
text-align: center;
display: inline-block;
}
.header-v2 .dropdown-menu li [class^="fa-"].fa-lg,
.header-v2 .dropdown-menu li [class*=" fa-"].fa-lg {
/* increased font size for fa-lg */
width: 1.5625em;
}
/*Header Fixed
------------------------------------*/
/*Header*/
.header-fixed .header-v2 {
height: 0;
}
.header-fixed .header-v2.header-fixed-shrink {
top: 0;
left: 0;
width: 100%;
height: 93px;
z-index: 9999;
position: fixed;
margin-top: -35px;
border-bottom: none;
box-shadow: 0 0 3px #bbb;
background: rgba(255,255,255, 0.96);
/* -webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
*/}
/*Topbar v2*/
.header-fixed .header-v2.header-fixed-shrink .topbar-v2 {
display: none;
}
/*Brand*/
.header-fixed .header-v2.header-fixed-shrink .navbar-brand {
top: 50px;
z-index: 1;
position: relative;
padding: 0 10px 10px;
}
.header-fixed .header-v2.header-fixed-shrink .navbar-brand img {
width: 90%;
}
/*Navbar*/
.header-fixed .header-v2.header-fixed-shrink .navbar {
margin-top: 0;
}
.header-fixed .header-v2.header-fixed-shrink .active a {
border-bottom: none !important;
}
@media (max-width: 991px) {
/*Header*/
.header-fixed .header-v2,
.header-fixed .header-v2.header-fixed-shrink {
height: inherit;
position: relative;
}
}
@media (min-width: 992px) {
.header-fixed .header-v2.header-fixed-shrink .navbar-nav > li > a {
color: #777;
margin-top: 25px;
padding: 21px 30px 17px 20px;
border-bottom: solid 1px transparent !important;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.header-fixed .header-v2.header-fixed-shrink .navbar-nav > .active > a:hover {
color: #777;
}
.header-fixed .header-v2.header-fixed-shrink .dropdown > a:after {
top: 22px;
}
}
/*Mega Menu
------------------------------------*/
.header-v2 .mega-menu .nav,
.header-v2 .mega-menu .dropup,
.header-v2 .mega-menu .dropdown,
.header-v2 .mega-menu .collapse {
position: static;
}
.header-v2 .mega-menu .navbar-inner,
.header-v2 .mega-menu .container {
position: relative;
}
.header-v2 .mega-menu .dropdown-menu {
left: auto;
}
.header-v2 .mega-menu .dropdown-menu > li {
display: block;
}
.header-v2 .mega-menu .dropdown-submenu .dropdown-menu {
left: 100%;
}
.header-v2 .mega-menu .nav.pull-right .dropdown-menu {
right: 0;
}
.header-v2 .mega-menu .mega-menu-content {
*zoom: 1;
padding: 0;
}
.header-v2 .mega-menu .mega-menu-content:before,
.header-v2 .mega-menu .mega-menu-content:after {
content: "";
display: table;
line-height: 0;
}
.header-v2 .mega-menu .mega-menu-content:after {
clear: both;
}
.header-v2 .mega-menu.navbar .nav > li > .dropdown-menu:after,
.header-v2 .mega-menu.navbar .nav > li > .dropdown-menu:before {
display: none;
}
.header-v2 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
left: 0;
right: 0;
overflow: hidden;
}
@media (min-width: 992px) {
.header-v2 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
margin-left: 10px;
margin-right: 15px;
}
}
/*Equal Height Lists*/
@media (min-width: 992px) {
.header-v2 .mega-menu .equal-height {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/*-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;*/
}
.header-v2 .mega-menu .equal-height-in {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
/*Mega Menu Style Effect*/
.header-v2 .mega-menu .equal-height-list h3 {
font-size: 15px;
font-weight: 400;
padding: 0 10px 0 13px;
text-transform: uppercase;
}
/*Space for only Big Resolution*/
@media (min-width: 992px) {
.header-v2 .mega-menu .big-screen-space {
margin-bottom: 20px;
}
}
/*Mega Menu Content*/
@media (min-width: 992px) {
.header-v2 .mega-menu .equal-height-in {
padding: 20px 0;
border-left: 1px solid #eee;
}
.header-v2 .mega-menu .equal-height-in:first-child {
border-left: none;
margin-left: -1px;
}
.header-v2 .mega-menu .equal-height-list {
width: 100%;
}
.header-v2 .mega-menu .equal-height-list li a {
display: block;
position: relative;
border-bottom: none;
padding: 5px 10px 5px 15px;
}
.header-v2 .mega-menu .equal-height-list a:hover {
text-decoration: none;
}
/*Dropdown Arrow Icons*/
.header-v2 .mega-menu .mega-menu-fullwidth li a {
padding: 5px 10px 5px 30px;
}
.header-v2 .mega-menu .mega-menu-fullwidth li a:after {
top: 7px;
left: 15px;
font-size: 11px;
content: "\f105";
position: absolute;
font-weight: normal;
display: inline-block;
font-family: FontAwesome;
}
/*Dropdown Arrow Icons Disable class*/
.header-v2 .mega-menu .mega-menu-fullwidth .disable-icons li a {
padding: 5px 10px 5px 15px;
}
.header-v2 .mega-menu .mega-menu-fullwidth .disable-icons li a:after {
display: none;
}
}
/*Space Effect inside the container to avoid scroll bar*/
@media (min-width: 737px) and (max-width: 991px) {
.header-v2 .mega-menu .mega-menu-content .container {
width: 690px !important;
}
.header-v2 .mega-menu .equal-height {
margin-right: 0;
}
.header-v2 .mega-menu .equal-height-in {
padding-right: 0;
margin-right: -15px;
}
}
@media (max-width: 991px) {
.header-v2 .mega-menu .equal-height {
margin-right: 0;
}
.header-v2 .mega-menu .equal-height-in {
padding-right: 0;
}
}
/*Equal Hight List Style*/
@media (max-width: 991px) {
.header-v2 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
width: auto;
}
.header-v2 .mega-menu .equal-height-in,
.header-v2 .mega-menu .equal-height-list {
display: block;
}
.header-v2 .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul {
display: block;
}
/*Equal Height List Style*/
.header-v2 .mega-menu .equal-height-list h3 {
color: #333;
margin: 0 0 5px;
font-size: 13px;
font-weight: 400;
padding: 6px 25px 5px;
border-bottom: solid 1px #eee;
}
.header-v2 .mega-menu .equal-height-list li a {
color: #687074;
display: block;
font-size: 13px;
font-weight: 400;
margin-left: 15px;
padding: 6px 25px;
border-bottom: solid 1px #eee;
}
.header-v2 .mega-menu .equal-height-list > h3.active,
.header-v2 .mega-menu .equal-height-list > .active > a,
.header-v2 .mega-menu .equal-height-list > .active > a:hover,
.header-v2 .mega-menu .equal-height-list > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.header-v2 .mega-menu .equal-height-list li a:hover {
color: #333;
text-decoration: none;
}
}

@ -0,0 +1,762 @@
/*Header v3
------------------------------------*/
.header-v3 {
z-index: 99;
position: relative;
border-bottom: solid 2px #eee;
}
.header-v3 .navbar {
margin: 0;
}
.header-v3 .navbar-default {
border: none;
background: none;
}
/*Navbar Brand*/
.header-v3 .navbar-brand {
top: 10px;
z-index: 1;
padding: 10px;
position: relative;
}
@media(max-width: 999px) {
.header-v3 .navbar-brand {
top: 15px;
}
}
/*Navbar Toggle*/
.header-v3 .navbar-default .navbar-toggle {
top: 17px;
position: relative;
border-color: #5fb611;
}
.header-v3 .navbar-default .navbar-toggle .fa {
color: #fff;
font-size: 19px;
}
.header-v3 .navbar-toggle,
.header-v3 .navbar-default .navbar-toggle:hover,
.header-v3 .navbar-default .navbar-toggle:focus {
background: #72c02c;
padding: 6px 10px 2px;
}
.header-v3 .navbar-toggle:hover {
background: #5fb611 !important;
}
/*Navbar Collapse*/
.header-v3 .navbar-collapse {
position: relative;
}
/*Navbar Menu*/
.header-v3 .navbar-default .navbar-nav > li > a {
color: #687074;
font-size: 15px;
font-weight:400;
text-transform: uppercase;
}
.header-v3 .navbar-default .navbar-nav > .active > a {
color: #72c02c;
}
@media (min-width: 992px) {
.header-v3 .navbar-nav {
float: right;
}
}
/*Responsive Navbar*/
@media (max-width: 991px) {
/*Responsive code for max-width: 991px*/
.header-v3 .navbar-header {
float: none;
}
.header-v3 .navbar-toggle {
display: block;
}
.header-v3 .navbar-collapse.collapse {
display: none !important;
}
.header-v3 .navbar-collapse.collapse.in {
display: block !important;
overflow-y: auto !important;
}
.header-v3 .navbar-nav {
margin: 0 0 5px;
float: none !important;
}
.header-v3 .navbar-nav > li {
float: none;
}
.header-v3 .navbar-nav > li > a {
padding-top: 30px;
padding-bottom: 40px;
}
/*Navbar Brand*/
.header-v3 .navbar-brand {
top: -1px;
}
/*Navbar Toggle*/
.header-v3 .navbar-default .navbar-toggle {
top: 1px;
}
/*Navbar*/
.header-v3 .navbar-header {
padding: 20px 0;
}
/*Dropdown Menu Slide Down Effect*/
.header-v3 .dropdown > a:after {
top: 10px !important;
}
.header-v3 .navbar-nav .open .dropdown-menu {
border: 0;
float: none;
width: auto;
margin-top: 0;
position: static;
box-shadow: none;
background-color: transparent;
}
.header-v3 .navbar-nav .open .dropdown-menu > li > a,
.header-v3 .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.header-v3 .navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.header-v3 .navbar-nav .open .dropdown-menu > li > a:hover,
.header-v3 .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.header-v3 .navbar-default .dropdown-menu.no-bottom-space {
padding-bottom: 0;
}
/*Design for max-width: 991px*/
.header-v3 .navbar-collapse,
.header-v3 .navbar-collapse .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.header-v3 .navbar-default .navbar-nav > li > a {
font-size: 14px;
padding: 9px 10px;
}
.header-v3 .navbar-default .navbar-nav > li a {
border-bottom: solid 1px #eee;
}
.header-v3 .navbar-default .navbar-nav > li > a:focus {
background: none;
}
.header-v3 .navbar-default .navbar-nav > li > a:hover {
color: #72c02c;
}
.header-v3 .navbar-default .navbar-nav > .active > a,
.header-v3 .navbar-default .navbar-nav > .active > a:hover,
.header-v3 .navbar-default .navbar-nav > .active > a:focus {
background: #72c02c;
color: #fff !important;
}
.header-v3 .dropdown .dropdown-submenu > a {
font-size: 13px;
color: #333 !important;
text-transform: uppercase;
}
/*Search Box*/
.header-v3 .navbar .nav > li > .search {
padding: 11px 0 12px !important;
}
}
@media (min-width: 992px) {
/*Navbar Collapse*/
.header-v3 .navbar-collapse {
padding: 0;
}
.header-v3 .navbar-default .navbar-nav > li > a {
font-size: 13px;
padding: 30px 30px 26px 20px;
}
.header-v3 .navbar-default .navbar-nav > li > a,
.header-v3 .navbar-default .navbar-nav > li > a:hover,
.header-v3 .navbar-default .navbar-nav > li > a:focus,
.header-v3 .navbar-default .navbar-nav > .active > a,
.header-v3 .navbar-default .navbar-nav > .active > a:hover,
.header-v3 .navbar-default .navbar-nav > .active > a:focus {
background: none;
}
.header-v3 .navbar-default .navbar-nav > .open > a,
.header-v3 .navbar-default .navbar-nav > .open > a:hover,
.header-v3 .navbar-default .navbar-nav > .open > a:focus {
color: #72c02c;
}
.header-v3 .navbar-default .navbar-nav > li:hover > a {
color: #72c02c;
}
/*Dropdown Menu*/
.header-v3 .dropdown-menu {
padding: 0;
border: none;
min-width: 200px;
border-radius: 0;
z-index: 9999 !important;
border-top: solid 2px #72c02c;
border-bottom: solid 2px #687074;
}
.header-v3 .dropdown-menu li a {
color: #687074;
font-size: 13px;
font-weight: 400;
padding: 6px 15px;
border-bottom: solid 1px #eee;
}
.header-v3 .dropdown-menu .active > a,
.header-v3 .dropdown-menu li > a:hover {
color: #fff;
filter: none !important;
background: #687074 !important;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.header-v3 .dropdown-menu li > a:focus {
background: none;
filter: none !important;
}
.header-v3 .navbar-nav > li.dropdown:hover > .dropdown-menu {
display: block;
}
.header-v3 .open > .dropdown-menu {
display: none;
}
/*Search*/
.header-v3 .navbar .search-open {
width: 330px;
}
}
/*Dropdown Submenu for BS3
------------------------------------*/
.header-v3 .dropdown-submenu {
position: relative;
}
.header-v3 .dropdown > a:after,
.header-v3 .dropdown-submenu > a:after {
top: 8px;
right: 9px;
font-size: 11px;
content: "\f105";
position: absolute;
font-weight: normal;
display: inline-block;
font-family: FontAwesome;
}
@media (max-width: 991px) {
.header-v3 .dropdown-submenu > a:after {
content: " ";
}
}
.header-v3 .dropdown > a:after {
top: 30px;
right: 15px;
content: "\f107";
}
.header-v3 .dropdown-submenu > .dropdown-menu {
top: 3px;
left: 100%;
margin-top: -5px;
margin-left: 0px;
}
/*Submenu comes from LEFT side*/
.header-v3 .dropdown-submenu > .dropdown-menu.submenu-left {
left: -100%;
}
.header-v3 .dropdown-submenu:hover > .dropdown-menu {
display: block;
}
@media (max-width: 991px) {
.header-v3 .dropdown-submenu > .dropdown-menu {
display: block;
margin-left: 15px;
}
}
.header-v3 .dropdown-submenu.pull-left {
float: none;
}
.header-v3 .dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
}
.header-v3 .dropdown-menu li [class^="fa-"],
.header-v3 .dropdown-menu li [class*=" fa-"] {
left: -3px;
width: 1.25em;
margin-right: 1px;
position: relative;
text-align: center;
display: inline-block;
}
.header-v3 .dropdown-menu li [class^="fa-"].fa-lg,
.header-v3 .dropdown-menu li [class*=" fa-"].fa-lg {
/* increased font size for fa-lg */
width: 1.5625em;
}
/*Search Box
------------------------------------*/
.header-v3 .navbar .nav > li > .search {
color: #aaa;
cursor: pointer;
min-width: 35px;
font-size: 15px;
text-align: center;
background: inherit;
border-bottom: none;
padding: 31px 0 31px;
display: inline-block;
}
.header-v3 .navbar .nav > li > .search:hover {
color: #72c02c;
background: inherit;
}
.header-v3 .navbar .search-open {
right: 0;
top: 77px;
display: none;
padding: 14px;
position: absolute;
background: #fcfcfc;
border-top: solid 2px #eee;
box-shadow: 0 1px 3px #ddd;
}
.header-v3 .navbar .search-open form {
margin: 0;
}
@media (min-width: 767px) and (max-width: 991px) {
.header-v3 .navbar > .container .navbar-brand,
.header-v3 .navbar > .container-fluid .navbar-brand {
margin-left: -10px;
}
.header-v3 .navbar-toggle {
margin-right: 0;
}
.header-v3 .navbar .search-open {
width: 93%;
}
}
@media (max-width: 991px) {
.header-v3 .navbar .nav > li > .search {
color: #999;
width: 35px;
height: 34px;
text-align: left;
background: #eee;
line-height: 12px;
text-align: center;
margin: 5px 10px 0;
border-bottom: none;
}
.header-v3 .navbar .nav > li > .search:hover {
background: #5fb611;
color: #fff !important;
}
.header-v3 .navbar .search-open {
top: 5px;
padding: 0;
left: 48px;
border-top: none;
box-shadow: none;
background: none;
margin-right: 10px;
}
}
/*Header Fixed
------------------------------------*/
/*Header*/
.header-fixed .header-v3 {
height: 79px;
}
.header-fixed .header-v3.header-fixed-shrink {
top: 0;
left: 0;
width: 100%;
height: 95px;
z-index: 9999;
position: fixed;
margin-top: -35px;
border-bottom: none;
box-shadow: 0 0 3px #bbb;
background: rgba(255,255,255, 0.96);
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
/*Brand*/
.header-fixed .header-v3.header-fixed-shrink .navbar-brand {
top: 47px;
z-index: 1;
position: relative;
padding: 0 10px 10px;
}
.header-fixed .header-v3.header-fixed-shrink .navbar-brand img {
width: 90%;
}
.header-fixed .header-v3.header-fixed-shrink .search,
.header-fixed .header-v3.header-fixed-shrink .active a {
border-bottom: none !important;
}
@media (max-width: 991px) {
/*Header*/
.header-fixed .header-v3,
.header-fixed .header-v3.header-fixed-shrink {
height: inherit;
position: relative;
}
}
@media (min-width: 992px) {
.header-fixed .header-v3.header-fixed-shrink .navbar-nav > li > a {
padding: 56px 30px 18px 20px;
border-bottom: solid 1px transparent !important;
}
.header-fixed .header-v3.header-fixed-shrink .dropdown > a:after {
top: 57px;
}
/*Search Bar*/
.header-fixed .header-v3.header-fixed-shrink .search {
margin-top: 49px;
padding: 8px !important;
color: #585f69 !important;
background: none !important;
}
.header-fixed .header-v3.header-fixed-shrink .search-open {
top: 95px;
border-top: none;
background: rgba(255,255,255, 0.9);
}
}
/*Mega Menu
------------------------------------*/
.header-v3 .mega-menu .nav,
.header-v3 .mega-menu .dropup,
.header-v3 .mega-menu .dropdown,
.header-v3 .mega-menu .collapse {
position: static;
}
.header-v3 .mega-menu .navbar-inner,
.header-v3 .mega-menu .container {
position: relative;
}
.header-v3 .mega-menu .dropdown-menu {
left: auto;
}
.header-v3 .mega-menu .dropdown-menu > li {
display: block;
}
.header-v3 .mega-menu .dropdown-submenu .dropdown-menu {
left: 100%;
}
.header-v3 .mega-menu .nav.pull-right .dropdown-menu {
right: 0;
}
.header-v3 .mega-menu .mega-menu-content {
*zoom: 1;
padding: 0;
}
.header-v3 .mega-menu .mega-menu-content:before,
.header-v3 .mega-menu .mega-menu-content:after {
content: "";
display: table;
line-height: 0;
}
.header-v3 .mega-menu .mega-menu-content:after {
clear: both;
}
.header-v3 .mega-menu.navbar .nav > li > .dropdown-menu:after,
.header-v3 .mega-menu.navbar .nav > li > .dropdown-menu:before {
display: none;
}
.header-v3 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
left: 0;
right: 0;
overflow: hidden;
}
@media (min-width: 992px) {
.header-v3 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
margin-left: 10px;
margin-right: 15px;
}
}
/*Equal Height Lists*/
@media (min-width: 992px) {
.header-v3 .mega-menu .equal-height {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/*-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;*/
}
.header-v3 .mega-menu .equal-height-in {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
/*Mega Menu Style Effect*/
.header-v3 .mega-menu .equal-height-list h3 {
font-size: 15px;
font-weight: 400;
padding: 0 10px 0 13px;
text-transform: uppercase;
}
/*Space for only Big Resolution*/
@media (min-width: 992px) {
.header-v3 .mega-menu .big-screen-space {
margin-bottom: 20px;
}
}
/*Mega Menu Content*/
@media (min-width: 992px) {
.header-v3 .mega-menu .equal-height-in {
padding: 20px 0;
border-left: 1px solid #eee;
}
.header-v3 .mega-menu .equal-height-in:first-child {
border-left: none;
margin-left: -1px;
}
.header-v3 .mega-menu .equal-height-list {
width: 100%;
}
.header-v3 .mega-menu .equal-height-list li a {
display: block;
position: relative;
border-bottom: none;
padding: 5px 10px 5px 15px;
}
.header-v3 .mega-menu .equal-height-list a:hover {
text-decoration: none;
}
/*Dropdown Arrow Icons*/
.header-v3 .mega-menu .mega-menu-fullwidth li a {
padding: 5px 10px 5px 30px;
}
.header-v3 .mega-menu .mega-menu-fullwidth li a:after {
top: 7px;
left: 15px;
font-size: 11px;
content: "\f105";
position: absolute;
font-weight: normal;
display: inline-block;
font-family: FontAwesome;
}
/*Dropdown Arrow Icons Disable class*/
.header-v3 .mega-menu .mega-menu-fullwidth .disable-icons li a {
padding: 5px 10px 5px 15px;
}
.header-v3 .mega-menu .mega-menu-fullwidth .disable-icons li a:after {
display: none;
}
}
/*Space Effect inside the container to avoid scroll bar*/
@media (min-width: 737px) and (max-width: 991px) {
.header-v3 .mega-menu .mega-menu-content .container {
width: 690px !important;
}
.header-v3 .mega-menu .equal-height {
margin-right: 0;
}
.header-v3 .mega-menu .equal-height-in {
padding-right: 0;
margin-right: -15px;
}
}
@media (max-width: 991px) {
.header-v3 .mega-menu .equal-height {
margin-right: 0;
}
.header-v3 .mega-menu .equal-height-in {
padding-right: 0;
}
}
/*Equal Hight List Style*/
@media (max-width: 991px) {
.header-v3 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
width: auto;
}
.header-v3 .mega-menu .equal-height-in,
.header-v3 .mega-menu .equal-height-list {
display: block;
}
.header-v3 .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul {
display: block;
}
/*Equal Height List Style*/
.header-v3 .mega-menu .equal-height-list h3 {
color: #333;
margin: 0 0 5px;
font-size: 13px;
font-weight: 400;
padding: 6px 25px 5px;
border-bottom: solid 1px #eee;
}
.header-v3 .mega-menu .equal-height-list li {
margin-left: 15px;
}
.header-v3 .mega-menu .equal-height-list li a {
color: #687074;
display: block;
font-size: 13px;
font-weight: 400;
padding: 6px 25px;
border-bottom: solid 1px #eee;
}
.header-v3 .mega-menu .equal-height-list > h3.active,
.header-v3 .mega-menu .equal-height-list > .active > a,
.header-v3 .mega-menu .equal-height-list > .active > a:hover,
.header-v3 .mega-menu .equal-height-list > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.header-v3 .mega-menu .equal-height-list li a:hover {
color: #333;
text-decoration: none;
}
}

@ -0,0 +1,947 @@
/*Top Bar v1 (login, search etc.)
------------------------------------*/
.header-v4 .topbar-v1 {
background: #fdfdfd;
border-top: solid 1px #f0f0f0;
border-bottom: solid 1px #f0f0f0;
}
/*Top Contacts*/
.header-v4 .topbar-v1 ul {
margin: 0;
}
.header-v4 .topbar-v1 .top-v1-data li {
padding: 5px 11px;
margin-left: -3px;
display: inline-block;
border-right: solid 1px #eee;
}
.header-v4 .topbar-v1 .top-v1-data li:first-child {
margin-left: 0;
border-left: solid 1px #eee;
}
.header-v4 .topbar-v1 .top-v1-contacts {
margin-top: 5px;
}
.header-v4 .topbar-v1 .top-v1-contacts i {
color: #999;
font-size: 13px;
margin-right: 3px;
}
/*Top Data*/
.header-v4 .topbar-v1 .top-v1-data {
text-align: right;
}
.header-v4 .topbar-v1 .top-v1-data li {
padding: 5px 11px;
margin-left: -4px;
display: inline-block;
border-right: solid 1px #eee;
}
.header-v4 .topbar-v1 .top-v1-data li:first-child {
margin-left: 0;
border-left: solid 1px #eee;
}
.header-v4 .topbar-v1 .top-v1-data li a {
font-size: 12px;
}
.header-v4 .topbar-v1 .top-v1-data li a:hover {
text-decoration: none;
}
.header-v4 .topbar-v1 .top-v1-data li i {
color: #777;
font-size: 13px;
}
.header-v4 .topbar-v1 .top-v1-data li a:hover i {
color: #72c02c;
}
/*Responsive Topbar v1*/
@media (max-width: 991px) {
.header-v4 .topbar-v1 ul {
text-align: center !important;
}
.header-v4 .topbar-v1 .top-v1-contacts {
margin: 10px 0;
}
.header-v4 .topbar-v1 .top-v1-data li {
top: 1px;
padding: 6px 16px;
margin-left: -5px;
position: relative;
border: solid 1px #eee;
}
}
/*Header v4
------------------------------------*/
.header-v4 {
z-index: 99;
position: relative;
}
.header-v4 .navbar {
margin: 0;
}
.header-v4 .navbar-default {
border: none;
background: none;
}
.header-v4 .navbar-header {
margin: 20px 0;
}
@media (max-width: 991px) {
.header-v4 .navbar-header {
margin: 20px 0 0;
}
}
/*Navbar Brand*/
.header-v4 .navbar-brand {
z-index: 1;
display: block;
margin: 10px 0;
}
@media (min-width: 992px) {
.header-v4 .navbar-brand img {
margin-left: 5px;
}
}
@media (max-width: 991px) {
.header-v4 .navbar-brand {
padding: 0;
float: none;
}
.header-v4 .navbar-brand img {
display: block;
text-align: center;
margin: 0 auto 15px;
}
}
.header-v4 .navbar-nav {
float: left;
margin-top: -1px;
}
/*Header Banner*/
@media (max-width: 991px) {
.header-v4 img.header-banner {
margin-bottom: 20px;
}
}
/*Navbar Toggle*/
.header-v4 .navbar-default .navbar-toggle {
width: 100%;
overflow: hidden;
margin-bottom: 0;
border-color: #eee;
}
.header-v4 .full-width-menu {
top: -1px;
color: #777;
float: left;
font-size: 14px;
margin-right: 10px;
position: relative;
text-transform: uppercase;
}
.header-v4 .navbar-default .navbar-toggle .icon-toggle {
height: 1px;
width: 25px;
float: right;
font-size: 19px;
margin: 2px 0 7px;
}
.header-v4 .navbar-default .navbar-toggle .icon-toggle:last-child {
margin-bottom: 0;
}
.header-v4 .navbar-toggle,
.header-v4 .navbar-default .navbar-toggle:hover,
.header-v4 .navbar-default .navbar-toggle:focus {
background: #f7f7f7;
padding: 12px 10px 8px;
}
@media(max-width: 768px) {
.header-v4 .navbar-default .navbar-toggle {
margin: -1px 0 0;
}
}
/*Navbar Collapse*/
.header-v4 .navbar-collapse {
padding: 0;
border-top: none;
position: relative;
}
/*Navbar Menu*/
.header-v4 .navbar-default .navbar-nav > li > a {
color: #687074;
font-size: 15px;
font-weight:400;
text-transform: uppercase;
}
.header-v4 .navbar-default .navbar-nav > .active > a {
color: #72c02c;
}
@media (min-width: 768px) {
.navbar-nav.navbar-right:last-child {
margin-right: 0;
}
}
/*Responsive Navbar*/
@media (max-width: 991px) {
/*Responsive code for max-width: 991px*/
.header-v4 .navbar-header {
float: none;
}
.header-v4 .navbar-toggle {
display: block;
}
.header-v4 .navbar-collapse.collapse {
display: none !important;
}
.header-v4 .navbar-collapse.collapse.in {
display: block !important;
overflow-y: auto !important;
}
.header-v4 .navbar-nav {
margin: 0 15px;
float: none !important;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
.header-v4 .navbar-nav.navbar-border-bottom {
margin-right: 15px;
padding-bottom: 5px;
border-bottom: 1px solid #eee;
}
.header-v4 .navbar-nav > li {
float: none;
}
.header-v4 .navbar-nav > li > a {
padding-top: 30px;
padding-bottom: 40px;
}
/*Dropdown Menu Slide Down Effect*/
.header-v4 .navbar-nav .open .dropdown-menu {
border: 0;
float: none;
width: auto;
margin-top: 0;
position: static;
box-shadow: none;
background-color: transparent;
}
.header-v4 .navbar-nav .open .dropdown-menu > li > a,
.header-v4 .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.header-v4 .navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.header-v4 .navbar-nav .open .dropdown-menu > li > a:hover,
.header-v4 .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.header-v4 .navbar-default .dropdown-menu.no-bottom-space {
padding-bottom: 0;
}
/*Design for max-width: 1200px*/
.header-v4 .navbar-collapse,
.header-v4 .navbar-collapse .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.header-v4 .navbar-default .navbar-nav > li > a {
font-size: 14px;
padding: 9px 10px;
}
.header-v4 .navbar-default .navbar-nav > li a {
border-bottom: solid 1px #eee;
}
.header-v4 .navbar-default .navbar-nav > li > a:focus {
background: none;
}
.header-v4 .navbar-default .navbar-nav > li > a:hover {
color: #72c02c;
}
.header-v4 .navbar-default .navbar-nav > .active > a,
.header-v4 .navbar-default .navbar-nav > .active > a:hover,
.header-v4 .navbar-default .navbar-nav > .active > a:focus {
background: inherit;
color: #72c02c !important;
}
.header-v4 .dropdown .dropdown-submenu > a {
font-size: 13px;
color: #333 !important;
text-transform: uppercase;
}
}
@media (min-width: 992px) {
.header-v4 {
border-bottom: none;
}
.header-v4 .navbar-collapse {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
/*Navbar Nav*/
.header-v4 .navbar-default .navbar-nav > li {
margin-left: -1px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
.header-v4 .navbar-default .navbar-nav > li.no-border,
.header-v4 .navbar-default .navbar-nav > li.no-border:first-child {
border-left: none;
border-right: none;
}
.header-v4 .navbar-default .navbar-nav > li > a {
font-size: 13px;
padding: 10px 30px 11px 20px;
}
.header-v4 .navbar-default .navbar-nav > li > a,
.header-v4 .navbar-default .navbar-nav > li > a:focus {
border-top: solid 2px transparent;
}
.header-v4 .navbar-default .navbar-nav > li > a:hover,
.header-v4 .navbar-default .navbar-nav > .active > a {
border-top: solid 2px #72c02c;
}
.header-v4 .navbar-default .navbar-nav > li > a,
.header-v4 .navbar-default .navbar-nav > li > a:hover,
.header-v4 .navbar-default .navbar-nav > li > a:focus,
.header-v4 .navbar-default .navbar-nav > .active > a,
.header-v4 .navbar-default .navbar-nav > .active > a:hover,
.header-v4 .navbar-default .navbar-nav > .active > a:focus {
background: none;
}
.header-v4 .navbar-default .navbar-nav > .open > a,
.header-v4 .navbar-default .navbar-nav > .open > a:hover,
.header-v4 .navbar-default .navbar-nav > .open > a:focus {
color: #72c02c;
}
.header-v4 .navbar-default .navbar-nav > li:hover > a {
color: #72c02c;
border-top: solid 2px #72c02c;
}
/*Dropdown Menu*/
.header-v4 .dropdown-menu {
padding: 0;
border: none;
min-width: 200px;
border-radius: 0;
z-index: 9999 !important;
border-bottom: solid 2px #687074;
border-top: solid 1px transparent;
}
.header-v4 .dropdown-menu li a {
color: #687074;
font-size: 13px;
font-weight: 400;
padding: 6px 15px;
border-bottom: solid 1px #eee;
}
.header-v4 .dropdown-menu .active > a,
.header-v4 .dropdown-menu li > a:hover {
color: #fff;
filter: none !important;
background: #687074 !important;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.header-v4 .dropdown-menu li > a:focus {
background: none;
filter: none !important;
}
.header-v4 .navbar-nav > li.dropdown:hover > .dropdown-menu {
display: block;
}
.header-v4 .open > .dropdown-menu {
display: none;
}
/*Search*/
.header-v4 .navbar .nav > li > .search {
margin: 4px 9px 0 20px;
}
.header-v4 .navbar .search-open {
width: 330px;
}
}
/*Dropdown Submenu for BS3
------------------------------------*/
.header-v4 .dropdown-submenu {
position: relative;
}
.header-v4 .dropdown > a:after,
.header-v4 .dropdown-submenu > a:after {
top: 8px;
right: 9px;
font-size: 11px;
content: "\f105";
position: absolute;
font-weight: normal;
display: inline-block;
font-family: FontAwesome;
}
@media (max-width: 991px) {
.header-v4 .dropdown-submenu > a:after {
content: " ";
}
}
.header-v4 .dropdown > a:after {
top: 10px;
right: 15px;
content: "\f107";
}
.header-v4 .dropdown-submenu > .dropdown-menu {
top: 3px;
left: 100%;
margin-top: -5px;
margin-left: 0px;
}
/*Submenu comes from LEFT side*/
.header-v4 .dropdown-submenu > .dropdown-menu.submenu-left {
left: -100%;
}
.header-v4 .dropdown-submenu:hover > .dropdown-menu {
display: block;
}
@media (max-width: 991px) {
.header-v4 .dropdown-submenu > .dropdown-menu {
display: block;
margin-left: 15px;
}
}
.header-v4 .dropdown-submenu.pull-left {
float: none;
}
.header-v4 .dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
}
.header-v4 .dropdown-menu li [class^="fa-"],
.header-v4 .dropdown-menu li [class*=" fa-"] {
left: -3px;
width: 1.25em;
margin-right: 1px;
position: relative;
text-align: center;
display: inline-block;
}
.header-v4 .dropdown-menu li [class^="fa-"].fa-lg,
.header-v4 .dropdown-menu li [class*=" fa-"].fa-lg {
/* increased font size for fa-lg */
width: 1.5625em;
}
/*Search Box
------------------------------------*/
.header-v4 .navbar .nav > li > .search {
color: #aaa;
cursor: pointer;
min-width: 35px;
font-size: 15px;
text-align: center;
padding: 11px 0 12px;
display: inline-block;
}
.header-v4 .navbar .nav > li > .search:hover {
color: #72c02c;
}
.header-v4 .navbar .search-open {
right: 0;
top: 43px;
display: none;
padding: 14px;
position: absolute;
background: #fcfcfc;
border-top: solid 1px #eee;
box-shadow: 0 1px 3px #ddd;
}
.header-v4 .navbar .search-open form {
margin: 0;
}
@media (min-width: 767px) and (max-width: 991px) {
.header-v4 .navbar > .container .navbar-brand,
.header-v4 .navbar > .container-fluid .navbar-brand {
margin-left: -10px;
}
.header-v4 .navbar-toggle {
margin-right: 0;
}
.header-v4 .navbar .search-open {
width: 92%;
}
}
@media (max-width: 991px) {
.header-v4 .navbar .nav > li > .search {
color: #999;
width: 35px;
height: 34px;
text-align: left;
background: #eee;
line-height: 12px;
text-align: center;
margin: 5px 10px 0;
border-bottom: none;
}
.header-v4 .navbar .nav > li > .search:hover {
background: #5fb611;
color: #fff !important;
}
.header-v4 .navbar .search-open {
top: 5px;
padding: 0;
left: 48px;
border-top: none;
box-shadow: none;
background: none;
margin-right: 10px;
}
}
/*Header Fixed
------------------------------------*/
/*Header*/
.header-fixed .header-v4 {
height: 78px;
}
.header-fixed .header-v4.header-fixed-shrink {
top: 0;
left: 0;
width: 100%;
height: 95px;
z-index: 9999;
position: fixed;
margin-top: -35px;
border-bottom: none;
box-shadow: 0 0 3px #bbb;
background: rgba(255,255,255, 0.96);
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
/*Brand*/
.header-fixed .header-v4.header-fixed-shrink .navbar-brand {
top: 11px;
z-index: 1;
position: relative;
padding: 0 10px 10px;
}
.header-fixed .header-v4.header-fixed-shrink .navbar-brand img {
width: 90%;
}
.header-fixed .header-v4.header-fixed-shrink .search,
.header-fixed .header-v4.header-fixed-shrink .active a {
border-bottom: none !important;
}
.header-fixed .header-v4.header-fixed-shrink .dropdown > a:after {
top: 19px;
}
/*Toggle*/
.header-fixed .header-v4 .navbar-toggle {
margin-top: 5px;
}
/*Search Bar*/
.header-fixed .header-v4.header-fixed-shrink .search {
margin-top: 12px;
padding: 8px !important;
color: #585f69 !important;
background: none !important;
}
.header-fixed .header-v4.header-fixed-shrink .search-open {
border-top: none;
background: rgba(255,255,255, 0.9);
}
/*Responsive Fixed Header*/
@media (max-width: 991px) {
/*Header*/
.header-fixed .header-v4 {
height: 118px;
}
.header-fixed .header-v4.header-fixed-shrink {
height: 135px;
}
}
@media (max-width: 991px) {
/*Header*/
.header-fixed .headerv4,
.header-fixed .header-v4.header-fixed-shrink {
height: 88px;
position: relative;
}
/*Navbar*/
.header-fixed .header-v4 .navbar-nav {
padding: 6px 0;
margin-top: 0px;
background: #fff;
border: solid 1px #eee;
}
.header-fixed .header-v4 .navbar-default .navbar-collapse,
.header-fixed .header-v4 .navbar-default .navbar-form {
border: none;
}
/*Toggle*/
.header-fixed .header-v4 .navbar-toggle {
margin-top: 9px;
}
/*Search*/
.header-fixed .header-v4.header-fixed-shrink .navbar .nav > li > .search {
top: 5px;
position: relative;
}
}
@media (min-width: 992px) {
.header-fixed .header-v4.header-fixed-shrink .navbar-nav > li > a {
padding: 19px 30px 18px 20px;
border-bottom: solid 1px transparent !important;
}
/*Search Bar*/
.header-fixed .header-v4.header-fixed-shrink .search-open {
top: 59px;
}
}
/*Mega Menu
------------------------------------*/
.header-v4 .mega-menu .nav,
.header-v4 .mega-menu .dropup,
.header-v4 .mega-menu .dropdown,
.header-v4 .mega-menu .collapse {
position: static;
}
.header-v4 .mega-menu .navbar-inner,
.header-v4 .mega-menu .container {
position: relative;
}
.header-v4 .mega-menu .dropdown-menu {
left: auto;
}
.header-v4 .mega-menu .dropdown-menu > li {
display: block;
}
.header-v4 .mega-menu .dropdown-submenu .dropdown-menu {
left: 100%;
}
.header-v4 .mega-menu .nav.pull-right .dropdown-menu {
right: 0;
}
.header-v4 .mega-menu .mega-menu-content {
*zoom: 1;
padding: 0;
}
.header-v4 .mega-menu .mega-menu-content:before,
.header-v4 .mega-menu .mega-menu-content:after {
content: "";
display: table;
line-height: 0;
}
.header-v4 .mega-menu .mega-menu-content:after {
clear: both;
}
.header-v4 .mega-menu.navbar .nav > li > .dropdown-menu:after,
.header-v4 .mega-menu.navbar .nav > li > .dropdown-menu:before {
display: none;
}
.header-v4 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
left: 0;
right: 0;
overflow: hidden;
}
@media (min-width: 992px) {
.header-v4 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
margin: 0 15px;
}
}
/*Equal Height Lists*/
@media (min-width: 992px) {
.header-v4 .mega-menu .equal-height {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/*-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;*/
}
.header-v4 .mega-menu .equal-height-in {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
/*Mega Menu Style Effect*/
.header-v4 .mega-menu .equal-height-list h3 {
font-size: 15px;
font-weight: 400;
padding: 0 10px 0 13px;
text-transform: uppercase;
}
/*Space for only Big Resolution*/
@media (min-width: 992px) {
.header-v4 .mega-menu .big-screen-space {
margin-bottom: 20px;
}
}
/*Mega Menu Content*/
@media (min-width: 992px) {
.header-v4 .mega-menu .equal-height-in {
padding: 20px 0;
border-left: 1px solid #eee;
}
.header-v4 .mega-menu .equal-height-in:first-child {
border-left: none;
margin-left: -1px;
}
.header-v4 .mega-menu .equal-height-list {
width: 100%;
}
.header-v4 .mega-menu .equal-height-list li a {
display: block;
position: relative;
border-bottom: none;
padding: 5px 10px 5px 15px;
}
.header-v4 .mega-menu .equal-height-list a:hover {
text-decoration: none;
}
/*Dropdown Arrow Icons*/
.header-v4 .mega-menu .mega-menu-fullwidth li a {
padding: 5px 10px 5px 30px;
}
.header-v4 .mega-menu .mega-menu-fullwidth li a:after {
top: 7px;
left: 15px;
font-size: 11px;
content: "\f105";
position: absolute;
font-weight: normal;
display: inline-block;
font-family: FontAwesome;
}
/*Dropdown Arrow Icons Disable class*/
.header-v4 .mega-menu .mega-menu-fullwidth .disable-icons li a {
padding: 5px 10px 5px 15px;
}
.header-v4 .mega-menu .mega-menu-fullwidth .disable-icons li a:after {
display: none;
}
}
/*Space Effect inside the container to avoid scroll bar*/
@media (max-width: 991px) {
.header-v4 .mega-menu .equal-height {
margin-right: 0;
}
.header-v4 .mega-menu .equal-height-in {
padding-right: 0;
}
}
/*Equal Hight List Style*/
@media (max-width: 991px) {
.header-v4 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
width: auto;
}
.header-v4 .mega-menu .equal-height-in,
.header-v4 .mega-menu .equal-height-list {
display: block;
}
.header-v4 .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul {
display: block;
}
/*Equal Height List Style*/
.header-v4 .mega-menu .equal-height-list h3 {
color: #333;
margin: 0 0 5px;
font-size: 13px;
font-weight: 400;
padding: 6px 25px 5px;
border-bottom: solid 1px #eee;
}
.header-v4 .mega-menu .equal-height-list li {
margin-left: 15px;
}
.header-v4 .mega-menu .equal-height-list li a {
color: #687074;
display: block;
font-size: 13px;
font-weight: 400;
padding: 6px 25px;
border-bottom: solid 1px #eee;
}
.header-v4 .mega-menu .equal-height-list > h3.active,
.header-v4 .mega-menu .equal-height-list > .active > a,
.header-v4 .mega-menu .equal-height-list > .active > a:hover,
.header-v4 .mega-menu .equal-height-list > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.header-v4 .mega-menu .equal-height-list li a:hover {
color: #333;
text-decoration: none;
}
}

File diff suppressed because it is too large Load Diff

@ -0,0 +1,77 @@
/*
* Template Name: Unify - Responsive Bootstrap Template
* Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
* Version: 1.6
* Author: @htmlstream
* Website: http://htmlstream.com
*/
/*Header Fixed
------------------------------------*/
.ie8 .header-fixed .header.header-fixed-shrink {
background: #fff;
}
/*Blog Latest Tweets
------------------------------------*/
.ie8 .blog-twitter .blog-twitter-inner:after,
.ie8 .blog-twitter .blog-twitter-inner:before {
border: none;
}
.ie8 .our-clients img {
width: 100%;
height: 100px;
vertical-align: inherit;
}
.ie8 .our-clients .img-hover {
display: none;
}
/*Pricing Stickers*/
.ie8 .sticker-left {
width: 90px;
text-align: right;
background: #72c02c;
}
.ie8 .sticker-right {
width: 100px;
text-align: left;
background: #e74c3c;
}
/*Easy Block*/
.ie8 .easy-bg-v2 {
width: 75px;
text-align: left;
}
.ie8 .rgba-red {background: #e74c3c;}
.ie8 .rgba-blue {background: #3498db;}
.ie8 .rgba-default {background: #72c02c;}
.ie8 .rgba-purple {background: #9b6bcc;}
.ie8 .rgba-aqua {background: #27d7e7;}
.ie8 .rgba-yellow {background: #f1c40f;}
/*Sky-Forms*/
.ie8 .sky-form .icon-append {
right: 5px !important;
padding-left: 0;
}
/*Background Opacity*/
.ie8 .service-block-v2 .service-block-in {
background: url(../img/transparent/white.png) repeat;
}
.ie8 .job-img .job-banner,
.ie8 .job-img .job-img-inputs,
.ie8 .parallax-team:before,
.ie8 .image-block .company-description,
.ie8 .search-block:before,
.ie8 .parallax-counter .counters,
.ie8 .carousel-v1 .carousel-caption {
background: url(../img/transparent/black.png) repeat;
}

@ -0,0 +1,122 @@
/*Blog Large
------------------------------------*/
/*Blog Page*/
.blog h2 {
color: #555;
font-size: 21px;
line-height: 32px;
margin-bottom: 10px;
}
.blog h2 a {
color: #585f69;
line-height: 32px;
}
.blog h2 a:hover {
color: #72c02c;
text-decoration: none;
}
.blog .blog-img {
margin: 20px 0;
}
.headline-md {
margin-top: 9px;
}
/*Blog Content Tags*/
.blog-post-tags {
padding: 5px 0 8px;
margin-bottom: 10px;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
}
.blog-post-tags ul {
margin-bottom: 0;
}
.blog-post-tags li {
font-size: 12px;
}
.blog-post-tags li i {
color: #777;
}
.blog-post-tags ul.blog-info {
color: #eee;
margin-bottom: 3px;
}
.blog-post-tags ul.blog-tags a {
color: #555;
font-size: 11px;
display: inline;
padding: 3px 7px;
margin-right: 2px;
background: #f4f4f4;
}
.blog-post-tags ul.blog-tags a:hover {
background: #72c02c;
}
/*Blog Item Page
------------------------------------*/
.blog-item .media img {
top: 3px;
width: 54px;
height: 54px;
position: relative;
}
.post-comment h3,
.blog-item .media h3 {
color: #72c02c;
font-size: 21px;
margin-bottom: 25px;
}
.blog-item .media h4.media-heading {
color: #555;
font-size: 17px;
position: relative;
}
.blog-item .media h4.media-heading span {
top: 3px;
right: 0;
color: #777;
font-size: 12px;
position: absolute;
}
.blog-item .media h4.media-heading span a {
color: #72c02c;
}
/*Blog Medium
------------------------------------*/
.blog-medium .blog-info li,
.blog-medium .blog-info li a {
color: #777;
}
/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
.blog-medium img {
margin-bottom: 20px;
}
}
/*Blog Full Wisth
------------------------------------*/
.blog-full-width .blog-post-tags {
padding: 5px 0;
}
.blog-full-width ul.blog-info {
margin-bottom: 0;
}

@ -0,0 +1,157 @@
/*Sidebar Features
------------------------------------*/
/*Page Styles*/
.magazine-page h3,
.magazine-page h3 a {
color: #555;
font-size: 20px;
line-height: 28px;
margin-bottom: 1px;
text-decoration: none;
}
.magazine-page h3 a:hover {
color: #72c02c;
}
.magazine-page span.magazine-badge {
top: 0;
left: 0;
color: #fff;
font-size: 14px;
padding: 2px 8px;
position: absolute;
font-style: inherit;
}
.magazine-page span.magazine-badge-default {
background: #7f8c8d;
}
.magazine-page span.magazine-badge-red {
background: #e74c3c;
}
.magazine-page span.magazine-badge-green {
background: #2ecc71;
}
.magazine-page span.magazine-badge-blue {
background: #3498db;
}
/*Magazine News*/
.magazine-news {
margin-bottom: 20px;
}
.magazine-news h3 {
margin: 15px 0 10px;
}
.magazine-news .by-author strong {
color: #72c02c;
}
.magazine-news .by-author span {
color: #777;
}
.magazine-news a.read-more {
color: #72c02c;
}
.magazine-news .by-author {
margin-bottom: 8px;
}
.magazine-news-img {
overflow: hidden;
max-height: 150px;
position: relative;
}
/*Magazine Mini News*/
.magazine-mini-news .post-author {
font-size: 11px;
}
.magazine-mini-news h3,
.magazine-mini-news h3 a {
font-size: 16px;
line-height: 22px;
margin-bottom: 6px;
}
.magazine-mini-news .post-author {
margin-bottom: 8px;
}
.magazine-mini-news .post-author span {
color: #555;
}
.magazine-mini-news .post-author strong {
color: #72c02c;
}
.news-read-more {
margin: 20px 0;
}
.news-read-more a {
font-size: 14px;
}
.news-read-more a:hover {
text-decoration: none;
}
.news-read-more i {
color: #fff;
padding: 2px 3px;
font-size: 14px;
background: #72c02c;
}
/*Sidebar Posts*/
.magazine-posts h2,
.magazine-posts h3 {
margin-top: -5px;
}
.magazine-posts span {
color: #777;
display: block;
font-size: 12px;
/*font-style: italic;*/
margin-bottom: 7px;
}
.magazine-posts span i {
font-style: normal;
}
.magazine-posts .magazine-posts-img {
overflow: hidden;
max-height: 105px;
position: relative;
}
.magazine-posts .magazine-posts-img:hover img {
opacity: 0.9;
}
/*Sidebar Categories*/
.magazine-sb-categories ul li {
font-size: 14px;
margin-bottom: 5px;
}
.magazine-sb-categories ul i {
color: #72c02c;
font-size: 14px;
}
/*Sidebar Social*/
.magazine-sb-social .social-icons li {
margin-bottom: 0;
margin-right: 1px;
}

@ -0,0 +1,89 @@
.blog_masonry_3col {
padding-bottom: 60px;
}
.blog_masonry_3col .grid-boxes-in {
padding: 0;
margin-bottom: 30px;
border: solid 1px #eee;
}
.blog_masonry_3col .grid-boxes-caption {
padding: 15px;
}
.blog_masonry_3col h3 {
font-size: 20px;
font-weight: 200;
line-height: 28px;
}
.blog_masonry_3col h3 a {
color: #555;
}
.blog_masonry_3col h3 a:hover {
color: #72c02c;
}
.blog_masonry_3col h3 a:hover {
color: #72c02c;
}
.blog_masonry_3col ul.grid-boxes-news {
margin-bottom: 15px;
}
.blog_masonry_3col ul.grid-boxes-news li {
font-size: 12px;
}
.blog_masonry_3col ul.grid-boxes-news li,
.blog_masonry_3col ul.grid-boxes-news li a {
color: #777;
}
.blog_masonry_3col ul.grid-boxes-news li a:hover {
color: #72c02c;
}
/*Quote Block*/
.grid-boxes-caption.grid-boxes-quote {
padding: 30px;
background: #333;
text-align: center;
}
.grid-boxes-quote p {
position: relative;
}
.grid-boxes-quote p:after {
content: " \" ";
margin-left: 10px;
position: absolute;
font-family: Tahoma;
}
.grid-boxes-quote p:before {
content: " \" ";
margin-left: -15px;
position: absolute;
font-family: Tahoma;
}
.grid-boxes-quote p,
.grid-boxes-quote p a,
.grid-boxes-quote span {
color: #fff;
font-size: 20px;
font-weight: 200;
font-family: "Open Sans";
text-transform: uppercase;
}
.grid-boxes-quote span {
font-size: 12px;
}

@ -0,0 +1,275 @@
/*Timeline v1
------------------------------------*/
.timeline-v1 {
padding: 20px 0;
list-style: none;
position: relative;
}
.timeline-v1:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eee;
left: 50%;
margin-left: -1.5px;
}
.timeline-v1 > li {
margin-bottom: 40px;
position: relative;
width: 50%;
float: left;
clear: left;
}
.timeline-v1 > li:before,
.timeline-v1 > li:after {
content: " ";
display: table;
}
.timeline-v1 > li:after {
clear: both;
}
.timeline-v1 > li:before,
.timeline-v1 > li:after {
content: " ";
display: table;
}
.timeline-v1 > li:after {
clear: both;
}
.timeline-v1 > li > .timeline-panel {
width: 94%;
float: left;
border: 1px solid #d4d4d4;
/*border-radius: 2px;*/
/*padding: 20px;*/
position: relative;
}
.timeline-v1 > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline-v1 > li > .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline-v1 > li > .timeline-badge {
color: #ccc;
width: 24px;
height: 24px;
line-height: 50px;
font-size: 1.4em;
cursor: pointer;
text-align: center;
position: absolute;
top: 19px;
right: -12px;
/*background-color: #999999;*/
z-index: 9;
/*
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
*/
}
.timeline-v1 > li > .timeline-badge i:hover {
color: #72c02c;
}
.timeline-v1 > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline-v1 > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline-v1 > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-v1 > li > .timeline-panel .timeline-heading {
padding: 5px;
}
.timeline-v1 > li > .timeline-panel .timeline-heading img {
width: 100%;
}
.timeline-v1 .timeline-body {
padding: 12px;
/*margin-bottom: 20px;*/
}
.timeline-v1 .timeline-footer{
padding: 7px 12px;
overflow: hidden;
border-top: 1px solid #ccc;
}
.timeline-v1 .timeline-footer .blog-info {
float: left;
}
.timeline-v1 .timeline-footer .blog-info i {
color: #777;
}
.timeline-v1 .timeline-footer .likes {
float: right;
}
.timeline-v1 .timeline-footer .likes i {
margin-right: 2px;
color: #777;
}
.timeline-v1 .timeline-footer .likes:hover {
text-decoration: none;
color: inherit;
}
.timeline-v1 .timeline-footer .likes:hover i {
color: #72c02c;
}
.timeline-v1 > li.timeline-inverted{
float: right;
clear: right;
margin-bottom: 40px;
}
.timeline-v1 > li:nth-child(2){
margin-top: 60px;
}
.timeline-v1 > li.timeline-inverted > .timeline-badge{
left: -12px;
}
@media (max-width: 992px) {
.timeline-v1 > li > .timeline-panel:before {
top: 31px;
right: -11px;
border-top: 11px solid transparent;
border-left: 11px solid #ccc;
border-bottom: 11px solid transparent;
}
.timeline-v1 > li > .timeline-panel:after {
top: 32px;
right: -10px;
border-top: 10px solid transparent;
border-left: 10px solid #fff;
border-bottom: 10px solid transparent;
}
.timeline-v1 > li.timeline-inverted > .timeline-panel:before {
border-right-width: 11px;
left: -11px;
}
.timeline-v1 > li.timeline-inverted > .timeline-panel:after {
border-right-width: 10px;
left: -10px;
}
}
@media (max-width: 767px) {
ul.timeline-v1:before {
left: 40px;
}
ul.timeline-v1 > li {
margin-bottom: 20px;
position: relative;
width:100%;
float: left;
clear: left;
}
ul.timeline-v1 > li > .timeline-panel {
width: calc(100% - 70px);
width: -moz-calc(100% - 70px);
width: -webkit-calc(100% - 70px);
}
ul.timeline-v1 > li > .timeline-badge {
left: 28px;
margin-left: 0;
top: 16px;
}
ul.timeline-v1 > li > .timeline-panel {
float: right;
}
ul.timeline-v1 > li > .timeline-panel:before {
top: 27px;
right: -12px;
border-top: 12px solid transparent;
border-left: 12px solid #ccc;
border-bottom: 12px solid transparent;
}
ul.timeline-v1 > li > .timeline-panel:after {
top: 28px;
right: -11px;
border-top: 11px solid transparent;
border-left: 11px solid #fff;
border-bottom: 11px solid transparent;
}
ul.timeline-v1 > li > .timeline-panel:before {
border-left-width: 0;
border-right-width: 12px;
left: -12px;
right: auto;
}
ul.timeline-v1 > li > .timeline-panel:after {
border-left-width: 0;
border-right-width: 11px;
left: -11px;
right: auto;
}
.timeline-v1 > li.timeline-inverted{
float: left;
clear: left;
margin-top: 30px;
margin-bottom: 30px;
}
.timeline-v1 > li.timeline-inverted > .timeline-badge{
left: 28px;
}
}

@ -0,0 +1,166 @@
/*Timeline v2
------------------------------------*/
.timeline-v2 {
padding: 0;
list-style: none;
position: relative;
}
/* The line */
.timeline-v2 > li{
position: relative;
}
.timeline-v2:before {
top: 0;
bottom: 0;
left: 22%;
width: 4px;
content: '';
background: #f3f3f3;
position: absolute;
margin-left: -14px;
}
/* The date/time */
.timeline-v2 > li .cbp_tmtime {
width: 25%;
display: block;
position: absolute;
padding-right: 80px;
}
.timeline-v2 > li .cbp_tmtime span {
top: 9px;
display: block;
text-align: right;
position: relative;
}
.timeline-v2 > li .cbp_tmtime span:first-child {
color: #999;
font-size: 14px;
line-height: 0.9;
}
.timeline-v2 > li .cbp_tmtime span:last-child {
color: #585f69;
font-size: 20px;
font-weight: normal;
}
/* Right content */
.timeline-v2 > li .cbp_tmlabel {
color: #fff;
padding: 10px 20px 20px;
background: #f3f3f3;
line-height: 1.4;
clear: both;
position: relative;
border-radius: 5px;
margin: 0 0 40px 25%;
}
/*
.timeline-v2 > li .cbp_tmlabel img.big-thumb {
width: 100%;
}
*/
.timeline-v2 > li .cbp_tmlabel li {
padding: 0;
}
/*
.timeline-v2 > li .cbp_tmlabel img.small-thumb {
width: 111px;
height: auto;
}
*/
.timeline-v2 > li .cbp_tmlabel h2 {
margin-top: 0px;
font-size: 21px;
padding: 0 0 5px;
margin-bottom: 10px;
text-transform: capitalize;
border-bottom: 1px solid #ddd;
}
.timeline-v2 > li .cbp_tmlabel .text-left {
float: left;
}
/* The triangle */
.timeline-v2 > li .cbp_tmlabel:after {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #f3f3f3;
border-width: 10px;
top: 18px;
}
/* The icons */
.timeline-v2 > li .cbp_tmicon {
top: 22px;
left: 22%;
width: 10px;
height: 10px;
position: absolute;
background: #72c02c;
margin: 0 0 0 -17px;
box-shadow: 0 0 0 4px #f3f3f3;
-webkit-font-smoothing: antialiased;
}
/* Example Media Queries */
@media screen and (max-width: 65.375em) {
.timeline-v2 > li .cbp_tmtime span:last-child {
font-size: 1.5em;
}
}
@media screen and (max-width: 47.2em) {
.timeline-v2:before {
display: none;
}
.timeline-v2 > li .cbp_tmtime {
width: 100%;
position: relative;
padding: 0 0 20px 0;
}
.timeline-v2 > li .cbp_tmtime span {
text-align: left;
}
.timeline-v2 > li .cbp_tmlabel {
padding: 1em;
font-weight: 400;
margin: 0 0 30px 0;
}
.timeline-v2 > li .cbp_tmlabel:after {
left: 20px;
top: -20px;
right: auto;
border-bottom-color: #f3f3f3;
border-right-color: transparent;
}
.timeline-v2 > li .cbp_tmicon {
left: auto;
float: right;
position: relative;
margin: -55px 5px 0 0px;
}
}

@ -0,0 +1,40 @@
/*404 Error Page v1
------------------------------------*/
.error-v1 {
padding-bottom: 30px;
text-align: center;
}
.error-v1 p {
color: #555;
font-size: 16px;
}
.error-v1 span {
color: #555;
display: block;
font-size: 35px;
font-weight: 200;
}
.error-v1 span.error-v1-title {
color: #777;
font-size: 180px;
line-height: 200px;
padding-bottom: 20px;
}
/*For Mobile Devices*/
@media (max-width: 500px) {
.error-v1 p {
font-size: 12px;
}
.error-v1 span {
font-size: 25px;
}
.error-v1 span.error-v1-title {
font-size: 140px;
}
}

@ -0,0 +1,53 @@
/*404 Error Page v2
------------------------------------*/
/*@import url(//fonts.googleapis.com/css?family=Kite+One);*/
body {
background: #555;
}
.error-v2 {
padding: 40px;
margin: 60px 0;
text-align: center;
background: url(../../img/bg-black1.png);
}
.error-v2 p {
color: #fff;
font-size: 18px;
font-weight: 200;
}
.error-v2 span {
color: #fff;
display: block;
font-size: 40px;
}
.error-v2 span.error-v2-title {
color: #fff;
font-size: 220px;
line-height: 260px;
/*
font-size: 160px;
font-family: 'Kite One', sans-serif;
*/
}
/*For Mobile Devices*/
@media (max-width: 500px) {
.error-v2 p {
font-size: 16px;
}
.error-v2 span {
font-size: 26px;
}
.error-v2 span.error-v2-title {
font-size: 100px;
line-height: 120px;
}
}

@ -0,0 +1,51 @@
/*Wrapping element for Sticky-Footer*/
html {
min-height: 100%;
position: relative;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
/*404 Error Page V3
------------------------------------*/
.error-v3 {
text-align: center;
}
.error-v3 h2 {
color: #eee;
font-size: 200px;
line-height: 200px;
padding-bottom: 10px;
}
/*For Mobile Devices*/
@media (max-width: 500px) {
.error-v3 h2 {
font-size: 100px;
}
}
.error-v3 p {
color: #eee;
font-size: 25px;
margin-bottom: 40px;
}
/*Sticky-Footer
------------------------------------*/
.sticky-footer {
position: absolute;
bottom: 0;
width: 100%;
padding: 20px;
/* Set the fixed height of the footer here */
height: 60px;
}
.sticky-footer .copyright-space {
color: #eee;
text-align: center;
}

@ -0,0 +1,56 @@
/*Wrapping element for Sticky-Footer*/
html {
min-height: 100%;
position: relative;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
/*404 Error Page V4
------------------------------------*/
.error-v4 {
padding-top: 30px;
text-align: center;
}
.error-v4 img {
margin-bottom: 20px;
}
.error-v4 h1 {
color: #eee;
font-size: 220px;
line-height: 260px;
}
/*For Mobile Devices*/
@media (max-width: 500px) {
.error-v4 h1 {
font-size: 100px;
}
}
.error-v4 span.sorry {
color: #fff;
display: block;
font-size: 25px;
padding-bottom: 40px;
}
/*Sticky-Footer
------------------------------------*/
.sticky-footer {
position: absolute;
bottom: 0;
width: 100%;
padding: 20px;
/* Set the fixed height of the footer here */
height: 60px;
}
.sticky-footer .copyright-space {
color: #eee;
text-align: center;
}

@ -0,0 +1,73 @@
/*Parallax Block
------------------------------------*/
.parallax-about .info-blocks-v2 {
margin-bottom: 5px;
}
.parallax-about .title-box-v2 p,
.parallax-about .title-box-v2 h2 {
color: #eee;
}
/*Our-Location
------------------------------------*/
.our-location .map {
height: 220px;
}
/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
.our-location .map img {
max-width: none;
}
.our-location h3 {
font-size: 18px;
margin-bottom: 5px;
}
/*Our-clients*/
.our-location .our-clients {
margin-bottom: 0;
text-align: center;
}
.our-location .our-clients li {
padding: 0;
margin: 1px -1px;
border: 1px solid #eee;
}
.our-location .our-clients img {
width: 121px;
height: auto;
padding: 10px;
vertical-align: middle;
}
.our-location .our-clients li:hover {
border-color: #ccc;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.about-list-style li {
margin-bottom: 7px;
}
.about-list-style li i.fa,
.about-list-style li i.icon {
margin-right: 5px;
}
/*Check-style in Responsive*/
@media (max-width: 500px) {
.our-location .about-list-style-in {
width: 100% !important;
}
}

@ -0,0 +1,76 @@
/*Clients Page
------------------------------------*/
.clients-page {
margin-top: 10px;
margin-bottom: 50px;
padding-bottom: 30px;
border-bottom: solid 1px #eee;
}
.clients-page ul {
margin-bottom: 10px;
}
.clients-page li {
margin: 0 5px 3px 0;
}
.clients-page h3 {
margin-top: 0;
font-size: 22px;
}
.clients-page img {
padding: 4px;
margin: 5px 0;
border: solid 1px #eee;
background: #fafafa;
}
.clients-page:hover img {
border-color: #bbb;
}
@media (max-width: 992px) {
.clients-page {
text-align: center;
}
.clients-page img {
margin: 0 auto 30px;
}
}
/*
.clients-page {
overflow: hidden;
}
.clients-page p {
overflow: auto;
}
.clients-page p a {
overflow: auto;
text-decoration: underline;
}
.clients-page a.img-hover {
display: block;
position: relative;
}
.clients-page img {
float: left;
width: 120px;
height: 120px;
margin-right: 20px;
background: #fafafa;
border: solid 1px #eee;
}
.clients-page img.img-colorful {
display: none;
}
.clients-page a:hover img.img-colorful,
.clients-page:hover img.img-colorful {
top: 0;
left: 0;
display: block;
position: absolute;
}
*/

@ -0,0 +1,56 @@
/*Coming Soon Page
------------------------------------*/
.coming-soon-page {
background: #585f69;
}
.coming-soon-border {
border-top: solid 3px #72c02c;
}
.coming-soon,
.coming-soon-plugin {
padding: 20px;
text-align: center;
margin-top: 20px;
}
.coming-soon-plugin {
min-height: 330px;
}
.coming-soon h1,
.coming-soon p {
color: #fff;
}
.coming-soon h1 {
font-size: 50px;
line-height: 50px;
margin-bottom: 15px;
text-shadow: none;
}
.coming-soon p {
font-size: 16px;
line-height: 22px;
}
.coming-soon-copyright {
padding: 5px 0;
}
.coming-soon-copyright p {
color: #fff;
text-align: right;
}
/* Small devices (tablets, 768px and less) */
@media (max-width: 768px) {
.coming-soon-copyright {
margin-top: 40px;
}
.coming-soon-copyright p {
text-align: left;
}
}

@ -0,0 +1,36 @@
/*Contact Pages
------------------------------------*/
.map {
width:100%;
height:350px;
border-top:solid 1px #eee;
border-bottom:solid 1px #eee;
}
/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
.map img {
max-width: none;
}
.map-box {
height: 250px;
}
.map-box-space {
margin-top: 15px;
}
.map-box-space1 {
margin-top: 7px;
}
/*Custom Sky Forms (Advanced Contacts Page)*/
.sky-changes-3.sky-form,
.sky-changes-3.sky-form footer {
border: none;
}
.sky-changes-3.sky-form footer,
.sky-changes-3.sky-form fieldset {
padding: 0;
background: none;
}

@ -0,0 +1,44 @@
/*Wrapping element for Sticky-Footer*/
html {
min-height: 100%;
position: relative;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
/*404 Error Page V3
------------------------------------*/
.error-v3 {
text-align: center;
}
.error-v3 h2 {
color: #eee;
font-size: 200px;
line-height: 200px;
padding-bottom: 10px;
}
.error-v3 p {
color: #eee;
font-size: 25px;
margin-bottom: 50px;
}
/*Sticky-Footer
------------------------------------*/
.sticky-footer {
position: absolute;
bottom: 0;
width: 100%;
padding: 20px;
/* Set the fixed height of the footer here */
height: 60px;
}
.sticky-footer .copyright-space {
color: #eee;
text-align: center;
}

@ -0,0 +1,49 @@
/*Wrapping element for Sticky-Footer*/
html {
min-height: 100%;
position: relative;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
/*404 Error Page V4
------------------------------------*/
.error-v4 {
padding-top: 30px;
text-align: center;
}
.error-v4 img {
margin-bottom: 20px;
}
.error-v4 h1 {
color: #eee;
font-size: 220px;
line-height: 260px;
}
.error-v4 span.sorry {
color: #fff;
display: block;
font-size: 25px;
padding-bottom: 40px;
}
/*Sticky-Footer
------------------------------------*/
.sticky-footer {
position: absolute;
bottom: 0;
width: 100%;
padding: 20px;
/* Set the fixed height of the footer here */
height: 60px;
}
.sticky-footer .copyright-space {
color: #eee;
text-align: center;
}

@ -0,0 +1,82 @@
/*FAQ-page
------------------------------------*/
.faq-breadcrumb {
text-align: center;
position: relative;
background: url(../../img/bg/12.jpg) no-repeat center;
}
.faq-breadcrumb:before {
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(0,0,0,0.3);
}
.faq-page .tab-v1 {
margin-top: 19px;
}
.faq-page .tab-v1 .panel-title {
text-transform: uppercase;
}
/*Check-style*/
.faq-page .check-style {
margin-bottom: 0;
}
.faq-page .check-style li {
margin-bottom: 10px;
}
.faq-page .check-style li:last-child {
margin-bottom: 0;
}
.faq-page .check-style i {
font-size: 18px;
font-weight: 600;
vertical-align: middle;
}
/*Check-style in Responsive*/
@media (max-width: 450px) {
.faq-page .main-check .col-xs-6 {
width: 100%;
}
}
/*Faq-add*/
.faq-page .faq-add {
padding: 15px;
margin-bottom: 20px;
border: 2px solid #eee;
}
.faq-page .top-part i {
float: left;
color: #777;
font-size: 20px;
padding-top: 3px;
margin-right: 10px;
}
.faq-page .new-title {
color: #72c02c;
font-size: 18px;
margin-bottom: 5px;
}
.faq-page .faq-add p {
line-height: 1.5;
}
/*ParallaxBg6
------------------------------------*/
/*Title-Box*/
.faq-bg .title-box-v2 h2,
.faq-bg .title-box-v2 p {
color: #fff;
}

@ -0,0 +1,44 @@
/*Invoice Page
------------------------------------*/
/*Invoice Header*/
.invoice-header {
color: #555;
overflow: hidden;
margin-bottom: 40px;
}
.invoice-header h2 {
font-size: 30px;
}
.invoice-header .invoice-numb {
font-size: 16px;
text-align: right;
}
.invoice-header .invoice-numb span {
color: 777;
display: block;
font-size: 13px;
}
/*Invoice Info*/
.invoice-info {
margin-bottom: 10px;
}
.invoice-info h2 {
color: #555;
font-size: 18px;
}
/*Invoice Footer*/
.invoice-total-info {
margin-bottom: 30px;
}
.invoice-total-info li {
font-size: 14px;
margin-bottom: 5px;
font-family: 'Open Sans';
}

@ -0,0 +1,82 @@
/*Job
------------------------------------*/
.job-img {
overflow: hidden;
position: relative;
min-height: 300px;
background: url(../../img/job/1.jpg) 70% 40% no-repeat;
}
.job-img .job-banner {
padding: 20px;
max-width: 450px;
margin: 60px auto 100px;
background: rgba(255,255,255,0.8);
}
.job-img .job-banner h2 {
font-size: 20px;
line-height: 27px;
text-align: center;
text-transform: uppercase;
}
@media (max-width: 768px) {
.job-img .job-banner {
padding: 10px;
margin: 30px auto 100px;
}
}
.job-img .job-img-inputs {
left: 0;
right: 0;
bottom: -7px;
padding: 20px 0;
position: absolute;
background: rgba(0,0,0,0.9);
}
/*Job-Content
------------------------------------*/
.job-content .categories li {
padding: 6px 0;
border-bottom: 1px dotted #eee;
}
.job-content .hex {
color: #999
}
/*High-Rated
------------------------------------*/
.high-rated .carousel-indicators {
top: 10px;
left: 65%;
text-align: right;
}
.high-rated .carousel-indicators .active {
background: #555;
}
.high-rated .carousel-indicators li {
border-color: #555;
}
.high-rated .carousel-inner > .item {
margin: 0;
}
.high-rated .star-vote {
float: right;
margin-top: 8px;
}
.high-rated .star-vote ul {
margin-bottom: 0;
}
.high-rated .star-vote li {
padding: 0;
}

@ -0,0 +1,283 @@
/*Center Icon*/
.center-icon {
left: 50%;
top: -22px;
color: #585f69;
min-width: 45px;
font-size: 23px;
background: #fff;
padding: 10px 5px;
text-align: center;
position: absolute;
margin: 0 10px 0 -22px;
border: 1px solid #eee;
}
/*Wrapping element for colorful background Block-Description, Job_Team
------------------------------------*/
.block-description,
.job-team {
padding: 40px 0 30px;
position: relative;
background: #f9f9f9;
border-top: 1px solid #eee;
}
/*Wrapping element for white background Block-Level-v2, Contacts
------------------------------------*/
.block-level-v2,
.contacts {
padding: 30px 0;
background: #fff;
position: relative;
border-top: 1px solid #eee;
}
/*Image Block
------------------------------------*/
.image-block {
overflow: hidden;
min-height: 200px;
position: relative;
}
.image-block {
background: url(../../img/job/slider.jpg) 70% 40% no-repeat;
}
/*Company Description*/
.image-block .company-description {
max-width: 500px;
margin: 40px auto;
padding: 35px 25px;
position: relative;
text-align: center;
background: rgba(255,255,255,0.8);
}
.image-block .company-description h2 {
margin-bottom: 20px;
text-transform: uppercase;
}
.image-block .company-description p {
text-align: left;
}
.image-block .benefits {
margin-bottom: 20px;
}
.image-block .benefits li {
margin: 0 7px 10px 0;
font-style: italic;
}
.image-block .benefits li i {
color: #555;
min-width: 32px;
font-size: 15px;
padding: 7px 6px;
margin-right: 10px;
text-align: center;
border: 1px solid #555;
}
/*Block Description
------------------------------------*/
.block-description {
padding-bottom: 80px !important;
}
/*Left-Inner*/
.block-description .left-inner {
padding: 20px;
background: #fff;
position: relative;
}
.block-description .left-inner .hex {
color: #999;
margin-bottom: 0;
}
.block-description .left-inner i.position-top {
top: 20px;
right: 20px;
color: #585f69;
font-size: 18px;
position: absolute;
}
.block-description .left-inner img {
float: left;
width: 80px;
height: auto;
padding: 3px;
margin: 0 10px 10px 0;
border: 1px solid #eee;
}
.block-description .left-inner h3 {
margin: 0 0 5px;
}
.block-description .left-inner p.hex {
margin-bottom: 5px;
}
.block-description .star-vote {
float: left;
margin-right: 10px;
}
.block-description .star-vote li {
padding: 0;
}
/*Progresses*/
.block-description .progression span {
float: left;
width: 150px;
margin: -8px 15px 0 0;
}
/*Right Inner*/
.block-description .right-inner {
padding: 20px;
background: #fff;
}
.block-description .right-inner img {
float: left;
width: 90px;
height: auto;
margin-right: 10px;
}
.block-description .right-inner .font-s {
font-size: 18px;
}
.block-description .right-inner hr {
margin: 15px 0;
}
/*P chart v2*/
.block-description .p-chart {
overflow: hidden;
}
.block-description .p-chart h3 {
font-size: 16px;
}
.block-description .p-chart .circle {
float: left;
margin-right: 10px;
}
.block-description .p-chart .overflow-h li i,
.block-description .p-chart .overflow-h li a {
color: #72c02c;
}
.block-description .p-chart .overflow-h li a {
font-size: 11px;
}
/*Circle in Responsive*/
@media (max-width: 450px) {
.block-description .p-chart.col-xs-6 {
width: 100%;
}
}
/*Save Job*/
.block-description .save-job li {
padding: 2px 0;
}
.block-description .save-job i {
color: #999;
min-width: 25px;
text-align: center;
}
.block-description .save-job a {
color: #999;
}
.block-description .save-job a:hover {
color: #72c02c;
}
/*Overview*/
.block-description .overview {
margin-bottom: 10px;
}
.block-description .overview i {
color: #fff;
float: left;
min-width: 38px;
font-size: 20px;
padding: 10px 3px;
text-align: center;
margin-right: 10px;
background: #585f69;
}
/*People Say*/
.block-description .people-say img {
float: left;
width: 40px;
height: auto;
margin: 6px 10px 0 0;
}
.block-description .people-say .overflow-h span {
font-weight: 700;
}
.block-description .people-say .overflow-h p {
font-style: italic;
line-height: 1.3;
}
.block-description .people-say .overflow-h small {
text-align: right;
font-style: italic;
}
/*Block Level
------------------------------------*/
.block-level {
padding-bottom: 10px !important;
}
/*Block Level v2
------------------------------------*/
.block-level-v2 .responsive-video {
margin-bottom: 15px;
}
/*Job Team
------------------------------------*/
.parallax-team {
border-top: 1px solid #eee;
}
/*Contacts
------------------------------------*/
.contacts {
padding-bottom: 70px;
}
.contacts h3 {
margin-top: 0;
}
.contacts hr {
margin: 10px 0;
}

@ -0,0 +1,179 @@
/*Job-Description
------------------------------------*/
.job-description {
padding-bottom: 30px;
position: relative;
background: #f9f9f9;
border-top: 1px solid #eee;
}
/*Visit*/
.job-description .visit {
text-align: center;
margin-bottom: 30px;
}
.job-description .visit h2 {
font-size: 25px;
text-transform: uppercase;
}
/*Left-Inner*/
.job-description .left-inner {
padding: 20px;
background: #fff;
position: relative;
}
.job-description i.position-top {
color: #777;
top: 10px;
right: 10px;
font-size: 18px;
min-width: 28px;
padding: 5px 4px;
position: absolute;
text-align: center;
}
.job-description i.position-top:hover {
color: #fff;
background: #585f69;
}
.job-description .left-inner img {
float: left;
width: 80px;
height: auto;
padding: 3px;
margin: 0 10px 10px 0;
border: 1px solid #eee;
}
.job-description .left-inner h3 {
margin: 0 0 5px;
}
.job-description .left-inner p.hex {
margin-bottom: 5px;
}
.job-description .star-vote {
float: left;
margin-right: 10px;
}
.job-description .star-vote li {
padding: 0;
}
/*Progresses*/
.job-description .progression span {
float: left;
width: 150px;
margin: -8px 15px 0 0;
}
/*Right-Inner*/
.job-description .right-inner {
padding: 20px;
background: #fff;
}
.job-description .right-inner img {
float: left;
width: 90px;
height: auto;
margin-right: 10px;
}
.job-description .right-inner .font-s {
font-size: 18px;
}
.job-description .right-inner hr {
margin: 15px 0;
}
/*P-chart-v2*/
.job-description .p-chart {
overflow: hidden;
}
.job-description .p-chart h3 {
font-size: 16px;
}
.job-description .p-chart .circle {
float: left;
margin-right: 10px;
}
.job-description .p-chart .overflow-h li i,
.job-description .p-chart .overflow-h li a {
color: #72c02c;
}
.job-description .p-chart .overflow-h li a {
font-size: 11px;
}
/*Circle in Responsive*/
@media (max-width: 450px) {
.job-description .p-chart.col-xs-6 {
width: 100%;
}
}
/*Save-Job*/
.job-description .save-job li {
padding: 2px 0;
}
.job-description .save-job i {
color: #999;
min-width: 25px;
text-align: center;
}
.job-description .save-job a {
color: #999;
}
.job-description .save-job a:hover {
color: #72c02c;
}
/*Overview*/
.job-description .overview i {
color: #fff;
float: left;
min-width: 38px;
font-size: 20px;
padding: 10px 3px;
text-align: center;
margin-right: 10px;
background: #585f69;
}
/*People-Say*/
.job-description .people-say img {
float: left;
width: 40px;
height: auto;
margin: 6px 10px 0 0;
}
.job-description .people-say .overflow-h span {
font-weight: 700;
}
.job-description .people-say .overflow-h p {
font-style: italic;
line-height: 1.2;
}
.job-description .people-say .overflow-h small {
text-align: right;
font-style: italic;
}

@ -0,0 +1,109 @@
/*Job-Description
------------------------------------*/
.job-description {
position: relative;
background: #f9f9f9;
}
/*Visit*/
.job-description .visit {
text-align: center;
margin-bottom: 30px;
}
.job-description .visit h2 {
font-size: 25px;
text-transform: uppercase;
}
/*Left-Inner*/
.job-description .left-inner {
padding: 20px;
background: #fff;
position: relative;
}
.job-description .position-top {
top: 20px;
right: 20px;
position: absolute;
}
.job-description .social-icons {
float: left;
}
.job-description .position-top i {
top: 5px;
color: #777;
font-size: 18px;
min-width: 28px;
margin-left: 6px;
padding: 5px 4px;
position: relative;
text-align: center;
}
.job-description .position-top i:hover {
color: #fff;
background: #585f69;
}
/*Circle in Responsive*/
@media (max-width: 550px) {
.job-description .position-top {
display: none;
}
}
.job-description .left-inner img {
float: left;
width: 80px;
height: 80px;
padding: 3px;
margin: 0 10px 10px 0;
border: 1px solid #eee;
}
.job-description .left-inner h3 {
margin: 0 0 5px;
}
.job-description .left-inner p.hex {
margin-bottom: 5px;
}
.job-description .star-vote li {
padding: 0;
}
/*Progresses*/
.job-description .progression span {
float: left;
width: 150px;
margin: -8px 15px 0 0;
}
/*Overview*/
.job-description .overview i {
color: #fff;
float: left;
min-width: 38px;
font-size: 20px;
padding: 10px 3px;
text-align: center;
margin-right: 10px;
background: #585f69;
}
/*Colorful-ul*/
.job-description .colorful-ul li a {
color: #72c02c;
}
/*Copyright-v2
------------------------------------*/
.copyright-v2 {
padding: 10px 0;
background: #f9f9f9;
}

@ -0,0 +1,27 @@
/*Registration and Login Page v1
------------------------------------*/
.reg-page {
color: #555;
padding: 30px;
background: #fefefe;
border: solid 1px #eee;
box-shadow: 0 0 3px #eee;
}
/*Reg Header*/
.reg-header {
color: #555;
text-align: center;
margin-bottom: 35px;
border-bottom: solid 1px #eee;
}
.reg-header h2 {
font-size: 24px;
margin-bottom: 15px;
}
/*Reg Forms*/
.reg-page label {
color: #777;
}

@ -0,0 +1,72 @@
/*Registration and Login Page v2
------------------------------------*/
body {
background: #555;
}
.reg-block {
width: 380px;
padding: 20px;
margin: 60px auto;
background: #fff;
border-top: solid 2px #72c02c;
}
.reg-block h2,
.reg-block p,
.reg-block p a {
color: #777;
}
.reg-block-header h2 {
font-size: 28px;
}
.reg-block p a {
text-decoration: underline;
}
.reg-block p a:hover {
text-decoration: none;
}
/*Forms*/
.reg-block .input-group-addon {
color: #bbb;
background: none;
min-width: 40px;
}
.reg-block .form-control:focus {
box-shadow: none;
border-color: #999;
}
.reg-block .checkbox {
color: #555;
margin-bottom: 20px;
font-weight: normal;
}
/*Reg Header*/
.reg-block-header {
padding-bottom: 5px;
margin-bottom: 30px;
border-bottom: solid 1px #eee;
}
.reg-block-header h2 {
text-align: center;
margin-bottom: 15px;
}
.reg-block-header p {
text-align: center;
}
/*For Mobile Devices*/
@media (max-width: 500px) {
.reg-block {
width: 300px;
margin: 60px auto;
}
}

@ -0,0 +1,72 @@
/*One Page
------------------------------------*/
.one-page {
padding-left: 0;
padding-right: 0;
}
.one-page h1,
.one-page h2 {
color: #fff;
font-size: 23px;
line-height: 28px;
text-shadow: none;
margin-bottom: 25px;
}
.one-page h3.heading-sm {
font-size: 19px;
}
.one-page p {
color: #fff;
}
.one-grey hr {
border-color: #bbb;
}
.one-page .one-default p,
.one-page .one-default h1,
.one-page .one-default h2,
.one-page .one-grey p,
.one-page .one-grey h1,
.one-page .one-grey h2 {
color: #555;
}
.one-page .one-page-inner {
padding: 30px 0;
min-height: 300px;
}
.one-page .one-page-btn {
margin-bottom: 15px;
font-size: 18px;
font-weight: 200;
padding-left: 30px;
padding-right: 30px;
}
.one-page .btn-u {
margin-bottom: 15px;
}
.one-page .one-default {
background: #fff;
}
.one-page .one-grey {
background: #eee;
}
.one-page .one-blue {
background: #3498db;
}
.one-page .one-red {
background: #e74c3c;
}
.one-page .one-orange {
background: #e67e22;
}
.one-page .one-green {
background: #2ecc71;
}

@ -0,0 +1,969 @@
/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 0;
}
.pricing {
position:relative;
border-radius:3px;
margin-bottom:15px;
box-shadow:0 0 5px #eee;
}
.pricing:hover {
box-shadow:0 0 15px #b5b5b5;
}
.pricing:hover h4 {
color:#74C52C;
}
.pricing-head {
text-align:center;
}
.pricing h3,
.pricing h4 {
margin:0;
line-height:normal;
font-weight:bold !important;
}
.pricing p {
padding-top: 10px;
font-size: 11px;
}
.pricing-head h3 span,
.pricing-head h4 span {
display:block;
margin-top:5px;
font-size:12px;
font-style:italic;
}
.pricing-head h3 {
color:#fafafa;
padding:12px 0;
font-size:35px;
font-family:Arial;
background:#74C52C;
border-radius:3px 3px 0 0;
text-shadow:0 1px 0 #32a20f;
}
.pricing-head h4 {
color: #888;
padding:5px 0;
font-size:70px;
text-shadow:0 1px 0 #fff;
border-bottom:solid 1px #f5f9e7;
}
.pricing-head h4 i {
top:-8px;
font-size:28px;
font-style:normal;
position:relative;
}
.pricing-head h4 span {
top:-10px;
font-size:14px;
font-style:normal;
position:relative;
}
/*Pricing Content*/
.pricing-content {
margin-bottom: 0px;
}
.pricing-content li {
color:#888;
font-size:12px;
padding:7px 15px;
border-bottom:solid 1px #f5f9e7;
}
.pricing-content li i {
color:#72c02c;
font-size:16px;
margin-right:5px;
position:relative;
}
/*Pricing Footer*/
.pricing-footer {
color:#777;
font-size:11px;
line-height:17px;
text-align:center;
padding:0 20px 19px;
border-radius:0 0 3px 3px;
}
/*Pricing Active*/
.price-active,
.pricing:hover {
z-index:9;
margin-top: -15px;
}
.price-active h4 {
color:#74C52C;
}
/*Pricing Extra*/
.bg-color {
background-color: #f9f9f9;
}
.no-space-pricing {
padding: 0 15px;
}
.sticker-right,
.sticker-left {
color: #fff;
width: 150px;
padding: 5px;
font-size: 13px;
font-weight: bold;
font-family: Arial;
position: absolute;
text-align: center;
letter-spacing: 2px;
}
.sticker-right {
top: 13px;
right: -49px;
background: rgba(231, 76, 60, 1);
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.sticker-left {
top: 9px;
left: -48px;
background: rgba(116, 197, 44, 1);
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/*Pricing Table Colored Background Version
------------------------------------*/
.price-active,
.pricing-bg-colored .pricing:hover {
margin-top: 0;
}
.pricing-bg-colored .pricing {
overflow: hidden;
}
.pricing-bg-colored .pricing {
border: 1px solid #EEEEEE;
}
.pricing-bg-colored .pricing:hover {
background: #74C52C;
}
.pricing-bg-colored .pricing:hover li,
.pricing-bg-colored .pricing:hover li i,
.pricing-bg-colored .pricing:hover .pricing-head p {
color: #fff;
}
.pricing-bg-colored .pricing-head i {
color: #74C52C;
padding-top: 20px;
margin-top: 10px 0px;
}
.pricing-bg-colored .pricing-head p {
color: #777;
line-height: 17px;
text-align:center;
padding: 0px 20px 19px;
border-radius: 0 0 3px 3px;
border-bottom: 1px solid #F5F9E7;
}
.pricing-bg-colored h3 {
border-bottom: 1px solid #fff;
}
.pricing-bg-colored h4 {
color: #999;
font-size: 70px;
padding: 5px 0px;
margin-top: -2px;
font-family: Arial;
background: #F7F7F7;
margin-bottom: 20px;
text-shadow: 0 1px 0 #fff;
}
.pricing-bg-colored .pricing:hover h4 {
background: #fff;
}
.pricing-bg-colored h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
position: relative;
}
.pricing-bg-colored h4 span {
top: -10px;
display: block;
margin-top: 5px;
font-size: 14px;
font-style: normal;
position: relative;
}
.pricing-bg-colored .pricing-footer {
padding: 2px 0px 19px;
}
/*Pricing Table Rounded Version
------------------------------------*/
.price-active,
.pricing-rounded .pricing:hover {
margin-top: 0;
}
.pricing-rounded .pricing {
overflow: hidden;
box-shadow: none;
border: 1px solid #eee;
}
.pricing-rounded .easy-bg-v2 {
letter-spacing: 1px;
border: 1px solid #fff;
background-color:rgba(255, 255, 255, 0.1);
}
.pricing-rounded .easy-bg-v2 i {
padding-left: 3px;
}
.pricing-rounded h3 {
padding-bottom: 80px;
padding-top: 15px;
}
.pricing-rounded h4 {
width: 140px;
height: 140px;
padding-top: 22px;
padding-left: 6px;
font-size: 55px;
margin: -75px auto 20px;
border-radius: 140px !important;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-rounded .pricing-head h4 i{
margin-right: 2px;
}
.pricing-rounded h6 {
color: #888;
font-size: 13px;
font-style: normal;
padding-bottom: 5px;
}
.pricing-rounded .pricing-content span {
float: right;
}
.pricing-rounded .pricing-content span i {
font-size: 13px;
}
.pricing-bg-colored .btn-u {
border: 1px solid #999 !;
background: #fff !important;
}
/*Pricing Zoom
------------------------------------*/
.pricing-zoom .pricing:hover {
-webkit-transition:box-shadow 0.3s ease-in-out;
-moz-transition:box-shadow 0.3s ease-in-out;
-o-transition:box-shadow 0.3s ease-in-out;
transition:box-shadow 0.2s ease-in-out;
}
.pricing-zoom .pricing-head h4 {
background: url("../../img/breadcrumbs.png")
repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.pricing-zoom .price-active .pricing-head h4,
.pricing-zoom .pricing:hover .pricing-head h4 {
padding: 15px 0;
font-size: 80px;
-webkit-transition:color 0.5s ease-in-out;
-moz-transition:color 0.5s ease-in-out;
-o-transition:color 0.5s ease-in-out;
transition:color 0.5s ease-in-out;
}
/*Pricing Table Light Version
------------------------------------*/
.price-active,
.pricing-light .pricing:hover {
margin-top: 0 ;
border-color: #717984;
}
.pricing-light .pricing {
overflow: hidden;
box-shadow: none;
border: 1px solid #ddd;
}
.pricing-light h3 {
color: #888;
text-shadow: none;
font-weight: normal !important;
border-bottom: 1px solid #ddd !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-light .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-light .rating li i {
color: #888;
margin: 7px 0;
padding-top: 0;
font-size: 20px;
}
.pricing-light li {
color: #888;
text-align: center;
}
.pricing-light .pricing-footer {
margin: 0px;
padding: 2px 0px 19px;
}
.pricing-light .pricing-footer h4 {
color: #888;
padding: 5px;
font-size: 70px;
text-shadow: none;
margin: -2px 0 0px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-light .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
}
.pricing-light .pricing-footer h4 span {
top: -5px;
display: block;
font-size: 14px;
margin-bottom: 5px;
font-style: normal;
}
.pricing-light .pricing-footer p {
color: #888;
line-height: 17px;
padding: 15px 20px 5px ;
}
.pricing-light .pricing:hover h4,
.pricing-light .pricing:hover h3,
.pricing-light .pricing:hover p,
.pricing-light .pricing:hover li,
.pricing-light .pricing:hover li i {
color: #717984;
}
.pricing-medium-light .btn-u:hover {
background-color: #717984!important;
}
/*Pricing Meduim Light
------------------------------------*/
.price-active,
.pricing-medium-light .pricing:hover {
z-index:8;
margin-top: 0 !important;
}
.pricing-medium-light .pricing {
overflow: hidden;
background: #eee;
border: 2px solid #ddd;
}
.pricing-medium-light .pricing-head h3 {
color: #717984;
text-shadow: none;
font-weight: normal !important;
border-bottom: 2px solid #eee !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-medium-light .pricing .rating {
text-align: center;
}
.pricing-medium-light .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-medium-light .pricing li i {
color: #585f69;
}
.pricing-medium-light .rating li i {
margin: 7px 0;
padding-top: 0;
font-size: 20px;
}
.pricing-medium-light .pricing-content span {
float: right;
}
.pricing-medium-light .pricing-content span i {
font-size: 12px;
}
.pricing-medium-light .pricing-footer {
padding: 2px 0px 20px;
}
.pricing-medium-light .pricing-footer h4 {
color: #717984;
font-size: 70px;
padding: 5px 0px;
text-shadow: none;
font-family: Arial;
margin: -2px 0 20px;
margin-bottom: 20px;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-medium-light .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
position: relative;
}
.pricing-medium-light .pricing-footer h4 span {
top: -10px;
display: block;
margin-top: 5px;
font-size: 14px;
font-style: normal;
position: relative;
}
.pricing-medium-light .pricing-footer p {
color: #585f69;
padding: 0 20px;
line-height: 17px;
text-align:center;
border-radius: 0 0 3px 3px;
}
.pricing-medium-light .btn-u {
background: #fff ;
padding: 5px 58px;
border: 1px solid #888;
}
.pricing-medium-light .btn-u:hover {
background-color: #717984!important;
}
/*Pricing Table medium-dark Version
------------------------------------*/
.price-active,
.pricing-medium-dark .pricing:hover {
margin-top: 0 ;
}
.pricing-medium-dark .pricing {
border: 2px solid #717984;
box-shadow: none;
}
.pricing-medium-dark .pricing-head h3 {
color: #fff;
text-shadow: none;
background: #717984;
border-bottom: 2px solid #eee ;
}
.pricing-medium-dark .pricing .rating {
text-align: center;
}
.pricing-medium-dark .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-medium-dark .rating li i {
padding-top: 0;
margin: 7px 0;
font-size: 20px;
}
.pricing-medium-dark .pricing-content li i {
color: #717984;
}
.pricing-medium-dark .pricing-footer {
margin: 0px;
background: #717984;
padding: 2px 0px 19px;
}
.pricing-medium-dark .pricing-footer h4 {
color: #717984 ;
font-size: 70px;
padding: 5px 0px;
text-shadow: none;
font-family: Arial;
text-align: center;
line-height: normal;
font-weight: normal;
margin: -2px 0 20px;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-medium-dark .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
position: relative;
}
.pricing-medium-dark .pricing-footer h4 span {
top: -10px;
display: block;
margin-top: 5px;
font-size: 14px;
font-style: normal;
position: relative;
}
.pricing-medium-dark .pricing-footer p {
color: #fff;
font-size: 11px;
line-height: 17px;
text-align: center;
padding: 0 20px 5px;
border-radius: 0 0 3px 3px;
}
.pricing-medium-dark .btn-u {
background: #fff !important;
border: 1px solid #888 ;
}
/*Pricing Table Dark
------------------------------------*/
.price-active,
.pricing-dark .pricing:hover {
z-index:8;
margin-top: 0 !important;
}
.pricing-dark .pricing {
border-top: 2px solid #717984;
overflow: hidden;
}
.pricing-dark .pricing {
background: #717984;
}
.pricing-dark .pricing .rating {
text-align: center;
}
.pricing-dark .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-dark .pricing li i {
color: #fff;
}
.pricing-dark .rating li i {
margin: 7px 0;
padding-top: 0;
font-size: 20px;
}
.pricing-dark li {
color: #fff;
}
.pricing-dark .pricing-head h3 {
color: #717984;
text-shadow: none;
font-weight: normal !important;
border-bottom: 2px solid #eee !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-dark .pricing-content span {
float: right;
}
.pricing-dark .pricing-content span i {
font-size: 12px;
}
.pricing-dark .pricing-footer {
padding: 2px 0px 20px;
}
.pricing-dark .pricing-footer h4 {
color: #717984;
font-size: 70px;
padding: 5px 0px;
font-family: Arial;
text-shadow: none;
margin: -2px 0 20px;
margin-bottom: 20px;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-dark .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
position: relative;
}
.pricing-dark .pricing-footer h4 span {
top: -10px;
display: block;
margin-top: 5px;
font-size: 14px;
font-style: normal;
position: relative;
}
.pricing-dark .pricing-footer p {
color: #fff;
padding: 0 20px;
line-height: 17px;
text-align:center;
border-radius: 0 0 3px 3px;
}
.pricing-dark .btn-u {
padding: 5px 60px;
background: #fff !important;
border: 1px solid #999 !important;
}
/*Pricing Table Mega-v1 Version
------------------------------------*/
.pricing-mega-v1 {
padding: 40px 15px 0 15px;
}
.pricing-mega-v1 .price-active,
.pricing-mega-v1 .pricing:hover {
margin-top: 0;
}
.pricing-mega-v1 .pricing {
position: relative;
border-radius: 3px;
margin-bottom: 15px;
box-shadow: 0 0 0px #eee;
border: 1px solid #eee;
}
.pricing-mega-v1 .pricing-head h3 {
font-size: 25px;
min-height: 75px;
}
.pricing-mega-v1 .pricing-head h4{
font-size: 20px;
min-height: 103px;
}
.pricing-mega-v1 .pricing-head h4 i {
color: #888;
}
.pricing-mega-v1 .pricing:hover h4 i {
color: #74C52C;
}
.pricing-mega-v1 .pricing-head h4 span,
.pricing-mega-v1 .pricing-content li span,
.padding-mega-v1 .pricing-head .price span {
display: block;
padding: 10px 0px 0px;
}
.pricing-mega-v1 .pricing-head .price {
font-size: 70px;
font-style: normal;
padding-bottom: 0px;
background-color: #fff;
}
.pricing-mega-v1 .pricing-head h3,
.pricing-mega-v1 .pricing-head h4 {
font-style: normal;
font-weight: normal !important;
}
.pricing-mega-v1 .hidden-area {
margin-top: 75px;
}
.pricing-mega-v1 .hidden-area:hover {
margin-top: 75px;
}
.pricing-mega-v1 .hidden-area .pricing-head h4 {
font-size: 28px;
padding: 31px 0;
min-height: 103px;
}
.pricing-mega-v1 .hidden-area:hover .pricing-head h4 {
color: #888;
}
.pricing-mega-v1 .block .pricing-content li i {
font-size: 13px;
}
.pricing-mega-v1 .block li {
text-align: center;
}
.pricing-mega-v1 .pricing-content li {
padding: 10px;
font-size: 12px;
font-style: normal;
min-height: 41px;
}
.pricing-mega-v1 .pricing-content li i {
color: #72C02C;
}
.pricing-mega-v1 .btn-group .dropdown-menu {
width: 100%;
background: #72c02c;
border-color: #eee;
margin: 0;
border: 0;
}
.pricing-mega-v1 .btn-group .dropdown-menu li a{
color: #fff;
}
.pricing-mega-v1 .btn-group .dropdown-menu li a:hover {
background: #5fb611
}
/*Pricing Table Mega-v2
------------------------------------*/
.pricing-mega-v2 .price-active,
.pricing-mega-v2 .pricing:hover {
margin-top: 0px;
margin: 40px 0;
}
.pricing-mega-v2 .pricing {
position: relative;
border-radius: 3px;
margin-bottom: 15px;
margin-bottom: 100px;
box-shadow: 0 0 0px #eee;
border: 1px solid #eee;
margin: 40px 0;
}
.pricing-mega-v2 .pricing-head h3 {
font-size: 25px;
min-height: 75px;
}
.pricing-mega-v2 .pricing-head h4{
font-size: 20px;
}
.pricing-mega-v2 .pricing-head h4 i {
color: #888888;
}
.pricing-mega-v2 .pricing:hover h4 i {
color: #74C52C;
}
.pricing-mega-v2 .pricing-head h4 span,
.pricing-mega-v2 .pricing-content li span,
.padding-mega-v2 .pricing-head .price span {
display: block;
padding: 10px 0px 0px;
}
.pricing-mega-v2 .pricing-head .price {
font-size: 70px;
font-style: normal;
padding-bottom: 0px;
background-color: #fff;
}
.pricing-mega-v2 .pricing-head h3,
.pricing-mega-v2 .pricing-head h4 {
font-style: normal;
font-weight: normal !important;
}
.pricing-mega-v2 .hidden-area {
margin-top: 115px;
}
.pricing-mega-v2 .hidden-area:hover {
margin-top: 115px;
}
.pricing-mega-v2 .hidden-area .pricing-head h4 {
font-size: 28px;
min-height: 103px;
padding: 31px 0;
}
.pricing-mega-v2 .hidden-area:hover .pricing-head h4 {
color: #888;
}
.pricing-mega-v2 .hidden-area li:hover i{
color: #74C52C;
}
.pricing-mega-v2 .block li {
text-align: center;
}
.pricing-mega-v2 .block li i {
font-size: 13px;
}
.pricing-mega-v2 .pricing-content li {
padding: 10px;
font-size: 12px;
font-style: normal;
min-height: 41px;
}
.pricing-mega-v2 .hidden-area li {
font-size: 12px;
}
.pricing-mega-v2 .pricing-content li i {
color: #888;
}
.pricing-mega-v2 .bg-color {
background-color: #f9f9f9;
}
.pricing-mega-v2 .block:hover .bg-color {
background: #74C52C;
}
.pricing-mega-v2 .block:hover h3,
.pricing-mega-v2 .block:hover h4,
.pricing-mega-v2 .block:hover li,
.pricing-mega-v2 .block:hover li i,
.pricing-mega-v2 .block:hover h4 i {
color: #fff ;
background: #74C52C;
}
.pricing-mega-v2 .hidden-area:hover li i {
color: #888;
}
.pricing-mega-v2 a{
padding: 8px 0 ;
}
/*Pricing Table Mega-v3
------------------------------------*/
.pricing-mega-v3 .price-active,
.pricing-mega-v3 .pricing:hover {
margin-top: 0;
}
.pricing-mega-v3 .pricing {
border-radius: 3px !important;
box-shadow: none;
}
.pricing-mega-v3 .pricing-content {
border: 1px solid #eee;
border-left: none;
}
.pricing-mega-v3 .hidden-area {
margin-top: 76px;
}
.pricing-mega-v3 .hidden-area:hover {
margin-top: 76px;
}
.pricing-mega-v3 .pricing-head h3 {
font-size: 28px;
min-height: 76px;
font-weight: normal !important;
border-left: 1px solid #eee;
}
.pricing-mega-v3 h4 {
color: #888;
min-height: 100px;
border-top: 1px solid #eee ;
border-right: 1px solid #eee ;
font-weight: normal !important;
}
.pricing-mega-v3 .pricing h5 {
color: #888;
font-size: 20px;
padding-left: 5px;
padding: 30px 0 0 7px;
}
.pricing-mega-v3 .block h5 {
visibility: hidden;
}
.pricing-mega-v3 .pricing-head h4 span,
.pricing-mega-v3 .pricing-content li span,
.padding-mega-v3 .pricing-head .price span {
display: block;
padding: 15px 0px 0px;
}
.pricing-mega-v3 .hidden-area .pricing-content:nth-child(2) {
margin-bottom: 42px;
}
.pricing-mega-v3 .hidden-area .pricing-head h4 {
font-size: 28px;
padding: 34px 0 34px 15px;
border-left: 1px solid #eee;
}
.pricing-mega-v3 .hidden-area:hover .pricing-head h4 {
color: #888;
}
.pricing-mega-v3 .hidden-area .pricing-content {
border-left: 1px solid #eee;
}
.pricing-mega-v3 .hidden-area .price {
text-align: left;
padding-left: 15px;
}
.pricing-mega-v3 .block .pricing-content li i {
font-size: 13px;
}
.pricing-mega-v3 .pricing-content li {
padding: 10px;
font-size: 12px;
text-align: left;
min-height: 41px;
}
.pricing-mega-v3 .block .pricing-content li {
text-align: center;
}
.pricing-mega-v3 .btn-u {
border: 1px solid #fff;
border-bottom: none;
padding: 8px 0;
}
.pricing-mega-v3 .btn-group .dropdown-menu {
margin: 0;
border: 0;
width: 100%;
background: #72c02c;
border-color: #eee;
border: 1px solid #fff;
border-top: none;
margin-top: 40px;
text-align: center;
}
.pricing-mega-v3 .btn-group .dropdown-menu li a {
color: #fff;
}
.pricing-mega-v3 .btn-group .dropdown-menu li a:hover {
background: #5fb611;
}
.pricing-mega-v3 .btn-group-justified {
display: block;
}
/* Devices (Desktop Mode) */
@media (min-width: 992px) and (max-width: 1200px) {
.sticker-right {
top: 10px;
right: -58px;
font-size: 10px;
padding: 3px;
}
.sticker-left {
top: 10px;
left: -58px;
font-size: 10px;
padding: 3px;
}
}
/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 991px) {
/*Pricing Page*/
.price-active,
.pricing:hover {
margin-top: 0;
}
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
.pricing-zoom .price-active .pricing-head h4,
.pricing-zoom .pricing:hover .pricing-head h4 {
padding: 5px 0;
font-size: 70px;
}
.pricing-mega-v3 .pricing h4,
.pricing-mega-v3 .pricing h3,
.pricing-mega-v3 .pricing-content {
border-left: 1px solid #eee;
}
.pricing-mega-v3 .block h5 {
text-align: center;
visibility: visible;
}
/*End Pricing Page*/
}

@ -0,0 +1,979 @@
/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 0;
}
.pricing {
position:relative;
border-radius:3px;
margin-bottom:15px;
box-shadow:0 0 5px #eee;
}
.pricing:hover {
box-shadow:0 0 15px #b5b5b5;
}
.pricing:hover h4 {
color:#74C52C;
}
.pricing-head {
text-align:center;
}
.pricing h3,
.pricing h4 {
margin:0;
line-height:normal;
font-weight:bold;
}
.pricing p {
padding-top: 10px;
font-size: 11px;
}
.pricing-head h3 span,
.pricing-head h4 span {
display:block;
margin-top:5px;
font-size:12px;
font-style:italic;
}
.pricing-head h3 {
color:#fafafa;
padding:12px 0;
font-size:35px;
font-family:Arial;
background:#74C52C;
border-radius:3px 3px 0 0;
text-shadow:0 1px 0 #32a20f;
}
.pricing-head h4 {
color: #888;
padding:5px 0;
font-size:70px;
text-shadow:0 1px 0 #fff;
border-bottom:solid 1px #f5f9e7;
}
.pricing-head h4 i {
top:-8px;
font-size:28px;
font-style:normal;
position:relative;
}
.pricing-head h4 span {
top:-10px;
font-size:14px;
font-style:normal;
position:relative;
}
/*Pricing Content*/
.pricing-content {
margin-bottom: 0px;
}
.pricing-content li {
color:#888;
font-size:12px;
padding:7px 15px;
border-bottom:solid 1px #f5f9e7;
}
.pricing-content li i {
color:#72c02c;
font-size:16px;
margin-right:5px;
position:relative;
}
/*Pricing Footer*/
.pricing-footer {
color:#777;
font-size:11px;
line-height:17px;
text-align:center;
padding:0 20px 19px;
border-radius:0 0 3px 3px;
}
/*Pricing Active*/
.price-active,
.pricing:hover {
z-index:9;
margin-top: -15px;
}
.price-active h4 {
color:#74C52C;
}
/*Pricing Extra*/
.bg-color {
background-color: #f9f9f9;
}
.no-space-pricing {
padding: 0 15px;
}
.sticker-right,
.sticker-left {
color: #fff;
width: 150px;
padding: 5px;
font-size: 13px;
font-weight: bold;
font-family: Arial;
position: absolute;
text-align: center;
letter-spacing: 2px;
}
.sticker-right {
top: 13px;
right: -49px;
background: rgba(231, 76, 60, 1);
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.sticker-left {
top: 9px;
left: -48px;
background: rgba(116, 197, 44, 1);
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/*Pricing Table Colored Background Version
------------------------------------*/
.price-active,
.pricing-bg-colored .pricing:hover {
margin-top: 0;
}
.pricing-bg-colored .pricing {
overflow: hidden;
}
.pricing-bg-colored .pricing {
border: 1px solid #EEEEEE;
}
.pricing-bg-colored .pricing:hover {
background: #74C52C;
}
.pricing-bg-colored .pricing:hover li,
.pricing-bg-colored .pricing:hover li i,
.pricing-bg-colored .pricing:hover .pricing-head p {
color: #fff;
}
.pricing-bg-colored .pricing-head i {
color: #74C52C;
padding-top: 20px;
margin-top: 10px 0px;
}
.pricing-bg-colored .pricing-head p {
color: #777;
line-height: 17px;
text-align:center;
padding: 0px 20px 19px;
border-radius: 0 0 3px 3px;
border-bottom: 1px solid #F5F9E7;
}
.pricing-bg-colored h3 {
border-bottom: 1px solid #fff;
}
.pricing-bg-colored h4 {
color: #999;
font-size: 70px;
padding: 5px 0px;
margin-top: -2px;
font-family: Arial;
background: #F7F7F7;
margin-bottom: 20px;
text-shadow: 0 1px 0 #fff;
}
.pricing-bg-colored .pricing:hover h4 {
background: #fff;
}
.pricing-bg-colored h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
position: relative;
}
.pricing-bg-colored h4 span {
top: -10px;
display: block;
margin-top: 5px;
font-size: 14px;
font-style: normal;
position: relative;
}
.pricing-bg-colored .pricing-footer {
padding: 2px 0px 19px;
}
.pricing-bg-colored .pricing-footer .btn-u {
border: solid 1px #fff;
}
/*Pricing Table Rounded Version
------------------------------------*/
.price-active,
.pricing-rounded .pricing:hover {
margin-top: 0;
}
.pricing-rounded .pricing {
overflow: hidden;
box-shadow: none;
border: 1px solid #eee;
}
.pricing-rounded .easy-bg-v2 {
letter-spacing: 1px;
border: 1px solid #fff;
background-color:rgba(255, 255, 255, 0.1);
}
.pricing-rounded .easy-bg-v2 i {
padding-left: 3px;
}
.pricing-rounded h3 {
padding-bottom: 80px;
padding-top: 15px;
}
.pricing-rounded h4 {
width: 140px;
height: 140px;
padding-top: 22px;
padding-left: 6px;
font-size: 55px;
margin: -75px auto 20px;
border-radius: 140px !important;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-rounded .pricing-head h4 i{
margin-right: 2px;
}
.pricing-rounded h6 {
color: #888;
font-size: 13px;
font-style: normal;
padding-bottom: 5px;
}
.pricing-rounded .pricing-content span {
float: right;
}
.pricing-rounded .pricing-content span i {
font-size: 13px;
}
/*Pricing Zoom
------------------------------------*/
.pricing-zoom .pricing:hover {
-webkit-transition:box-shadow 0.3s ease-in-out;
-moz-transition:box-shadow 0.3s ease-in-out;
-o-transition:box-shadow 0.3s ease-in-out;
transition:box-shadow 0.2s ease-in-out;
}
.pricing-zoom .pricing-head h4 {
background: url("../../img/breadcrumbs.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.pricing-zoom .price-active .pricing-head h4,
.pricing-zoom .pricing:hover .pricing-head h4 {
padding: 15px 0;
font-size: 80px;
-webkit-transition:color 0.5s ease-in-out;
-moz-transition:color 0.5s ease-in-out;
-o-transition:color 0.5s ease-in-out;
transition:color 0.5s ease-in-out;
}
/*Pricing Table Light Version
------------------------------------*/
.price-active,
.pricing-light .pricing:hover {
margin-top: 0 ;
border-color: #717984;
}
.pricing-light .pricing {
overflow: hidden;
box-shadow: none;
border: 1px solid #ddd;
}
.pricing-light h3 {
color: #888;
font-weight: 200 !important;
font-family: inherit;
text-shadow: none !important;
border-bottom: 1px solid #ddd !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-light .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-light .rating li i {
color: #888;
margin: 7px 0;
padding-top: 0;
font-size: 20px;
}
.pricing-light li {
color: #888;
text-align: center;
}
.pricing-light .pricing-footer {
margin: 0px;
padding: 2px 0px 19px;
}
.pricing-light .pricing-footer h4 {
color: #888;
padding: 5px;
font-size: 70px;
text-shadow: none;
margin: -2px 0 0px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-light .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
}
.pricing-light .pricing-footer h4 span {
top: -5px;
display: block;
font-size: 14px;
margin-bottom: 5px;
font-style: normal;
}
.pricing-light .pricing-footer p {
color: #888;
line-height: 17px;
padding: 15px 20px 5px ;
}
.pricing-light .pricing:hover h4,
.pricing-light .pricing:hover h3,
.pricing-light .pricing:hover p,
.pricing-light .pricing:hover li,
.pricing-light .pricing:hover li i {
color: #717984;
}
.pricing-medium-light .btn-u:hover {
background-color: #717984!important;
}
/*Pricing Meduim Light
------------------------------------*/
.price-active,
.pricing-medium-light .pricing:hover {
z-index:8;
margin-top: 0 !important;
}
.pricing-medium-light .pricing {
overflow: hidden;
background: #eee;
border: 2px solid #ddd;
}
.pricing-medium-light .pricing-head h3 {
color: #717984;
text-shadow: none;
font-weight: normal !important;
border-bottom: 2px solid #eee !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-medium-light .pricing-content > li {
border-color: #fff !important;
}
.pricing-medium-light .pricing .rating {
text-align: center;
}
.pricing-medium-light .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-medium-light .pricing li i {
color: #585f69;
}
.pricing-medium-light .rating li i {
margin: 7px 0;
padding-top: 0;
font-size: 20px;
}
.pricing-medium-light .pricing-content span {
float: right;
}
.pricing-medium-light .pricing-content span i {
font-size: 12px;
}
.pricing-medium-light .pricing-footer {
padding: 2px 0px 20px;
}
.pricing-medium-light .pricing-footer h4 {
color: #717984 !important;
font-size: 70px;
padding: 5px 0px;
text-shadow: none;
font-family: Arial;
margin: -2px 0 20px;
margin-bottom: 20px;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-medium-light .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
position: relative;
}
.pricing-medium-light .pricing-footer h4 span {
top: -10px;
display: block;
margin-top: 5px;
font-size: 14px;
font-style: normal;
position: relative;
}
.pricing-medium-light .pricing-footer p {
color: #585f69;
padding: 0 20px;
line-height: 17px;
text-align:center;
border-radius: 0 0 3px 3px;
}
.pricing-medium-light .btn-u {
background: #fff ;
padding: 5px 58px;
border: 1px solid #888;
}
.pricing-medium-light .btn-u:hover {
background-color: #717984!important;
}
/*Pricing Table medium-dark Version
------------------------------------*/
.price-active,
.pricing-medium-dark .pricing:hover {
margin-top: 0 ;
}
.pricing-medium-dark .pricing {
border: 2px solid #717984;
box-shadow: none;
}
.pricing-medium-dark .pricing-head h3 {
color: #fff;
text-shadow: none;
background: #717984;
border-bottom: 2px solid #eee ;
}
.pricing-medium-dark .pricing .rating {
text-align: center;
}
.pricing-medium-dark .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-medium-dark .rating li i {
padding-top: 0;
margin: 7px 0;
font-size: 20px;
}
.pricing-medium-dark .pricing-content li i {
color: #717984;
}
.pricing-medium-dark .pricing-content li {
border-color: #eee;
}
.pricing-medium-dark .pricing-footer {
margin: 0px;
background: #717984;
padding: 2px 0px 19px;
}
.pricing-medium-dark .pricing-footer h4 {
color: #717984 !important;
font-size: 70px;
padding: 5px 0px;
text-shadow: none;
font-family: Arial;
text-align: center;
line-height: normal;
font-weight: normal;
margin: -2px 0 20px;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-medium-dark .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
position: relative;
}
.pricing-medium-dark .pricing-footer h4 span {
top: -10px;
display: block;
margin-top: 5px;
font-size: 14px;
font-style: normal;
position: relative;
}
.pricing-medium-dark .pricing-footer p {
color: #fff;
font-size: 11px;
line-height: 17px;
text-align: center;
padding: 0 20px 5px;
border-radius: 0 0 3px 3px;
}
.pricing-medium-dark .btn-u {
background: #fff !important;
border: 1px solid #888 ;
}
/*Pricing Table Dark
------------------------------------*/
.price-active,
.pricing-dark .pricing:hover {
z-index:8;
margin-top: 0 !important;
}
.pricing-dark .pricing {
border-top: 2px solid #717984;
overflow: hidden;
}
.pricing-dark .pricing {
background: #717984;
}
.pricing-dark .pricing .rating {
text-align: center;
}
.pricing-dark .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-dark .pricing li i {
color: #fff;
}
.pricing-dark .rating li i {
margin: 7px 0;
padding-top: 0;
font-size: 20px;
}
.pricing-dark li {
color: #fff;
}
.pricing-dark .pricing-head h3 {
color: #717984;
text-shadow: none;
font-weight: normal !important;
border-bottom: 2px solid #eee !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-dark .pricing-content li {
border-color: #fff;
}
.pricing-dark .pricing-content span {
float: right;
}
.pricing-dark .pricing-content span i {
font-size: 12px;
}
.pricing-dark .pricing-footer {
padding: 2px 0px 20px;
}
.pricing-dark .pricing-footer h4 {
font-size: 70px;
padding: 5px 0px;
font-family: Arial;
text-shadow: none;
margin: -2px 0 20px;
margin-bottom: 20px;
color: #717984 !important;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-dark .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
position: relative;
}
.pricing-dark .pricing-footer h4 span {
top: -10px;
display: block;
margin-top: 5px;
font-size: 14px;
font-style: normal;
position: relative;
}
.pricing-dark .pricing-footer p {
color: #fff;
padding: 0 20px;
line-height: 17px;
text-align:center;
border-radius: 0 0 3px 3px;
}
.pricing-dark .btn-u {
padding: 5px 60px;
background: #fff !important;
border: 1px solid #999 !important;
}
/*Pricing Table Mega v1 Version
------------------------------------*/
.pricing-mega-v1 {
padding: 40px 15px 0 15px;
}
.pricing-mega-v1 .price-active,
.pricing-mega-v1 .pricing:hover {
margin-top: 0;
}
.pricing-mega-v1 .pricing {
position: relative;
border-radius: 3px;
margin-bottom: 15px;
box-shadow: 0 0 0px #eee;
border: 1px solid #eee;
}
.pricing-mega-v1 .pricing-head h3 {
font-size: 25px;
min-height: 75px;
}
.pricing-mega-v1 .pricing-head h4{
font-size: 20px;
min-height: 103px;
}
.pricing-mega-v1 .pricing-head h4 i {
color: #888;
}
.pricing-mega-v1 .pricing:hover h4 i {
color: #74C52C;
}
.pricing-mega-v1 .pricing-head h4 span,
.pricing-mega-v1 .pricing-content li span,
.padding-mega-v1 .pricing-head .price span {
display: block;
padding: 10px 0px 0px;
}
.pricing-mega-v1 .pricing-head .price {
font-size: 70px;
font-style: normal;
padding-bottom: 0px;
background-color: #fff;
}
.pricing-mega-v1 .pricing-head h3,
.pricing-mega-v1 .pricing-head h4 {
font-style: normal;
font-weight: normal !important;
}
.pricing-mega-v1 .hidden-area {
margin-top: 75px;
}
.pricing-mega-v1 .hidden-area:hover {
margin-top: 75px;
}
.pricing-mega-v1 .hidden-area .pricing-head h4 {
font-size: 28px;
padding: 31px 0;
min-height: 103px;
}
.pricing-mega-v1 .hidden-area:hover .pricing-head h4 {
color: #888;
}
.pricing-mega-v1 .block .pricing-content li i {
font-size: 13px;
}
.pricing-mega-v1 .block li {
text-align: center;
}
.pricing-mega-v1 .pricing-content li {
padding: 10px;
font-size: 12px;
font-style: normal;
min-height: 41px;
}
.pricing-mega-v1 .pricing-content li i {
color: #72C02C;
}
.pricing-mega-v1 .btn-group .dropdown-menu {
width: 100%;
background: #72c02c;
border-color: #eee;
margin: 0;
border: 0;
}
.pricing-mega-v1 .btn-group .dropdown-menu li a{
color: #fff;
}
.pricing-mega-v1 .btn-group .dropdown-menu li a:hover {
background: #5fb611
}
/*Pricing Table Mega v2
------------------------------------*/
.pricing-mega-v2 .price-active,
.pricing-mega-v2 .pricing:hover {
margin-top: 0px;
margin: 40px 0;
}
.pricing-mega-v2 .pricing {
position: relative;
border-radius: 3px;
margin-bottom: 15px;
margin-bottom: 100px;
box-shadow: 0 0 0px #eee;
border: 1px solid #eee;
margin: 40px 0;
}
.pricing-mega-v2 .pricing-head h3 {
font-size: 25px;
min-height: 75px;
}
.pricing-mega-v2 .pricing-head h4{
font-size: 20px;
}
.pricing-mega-v2 .pricing-head h4 i {
color: #888888;
}
.pricing-mega-v2 .pricing:hover h4 i {
color: #74C52C;
}
.pricing-mega-v2 .pricing-head h4 span,
.pricing-mega-v2 .pricing-content li span,
.padding-mega-v2 .pricing-head .price span {
display: block;
padding: 10px 0px 0px;
}
.pricing-mega-v2 .pricing-head .price {
font-size: 70px;
font-style: normal;
padding-bottom: 0px;
background-color: #fff;
}
.pricing-mega-v2 .pricing-head h3,
.pricing-mega-v2 .pricing-head h4 {
font-style: normal;
font-weight: normal !important;
}
.pricing-mega-v2 .hidden-area {
margin-top: 115px;
}
.pricing-mega-v2 .hidden-area:hover {
margin-top: 115px;
}
.pricing-mega-v2 .hidden-area .pricing-head h4 {
font-size: 28px;
min-height: 103px;
padding: 31px 0;
}
.pricing-mega-v2 .hidden-area:hover .pricing-head h4 {
color: #888;
}
.pricing-mega-v2 .hidden-area li:hover i{
color: #74C52C;
}
.pricing-mega-v2 .block li {
text-align: center;
}
.pricing-mega-v2 .block li i {
font-size: 13px;
}
.pricing-mega-v2 .pricing-content li {
padding: 10px;
font-size: 12px;
font-style: normal;
min-height: 41px;
}
.pricing-mega-v2 .hidden-area li {
font-size: 12px;
}
.pricing-mega-v2 .pricing-content li i {
color: #888;
}
.pricing-mega-v2 .bg-color {
background-color: #f9f9f9;
}
.pricing-mega-v2 .block:hover .bg-color {
background: #74C52C;
}
.pricing-mega-v2 .block:hover h3,
.pricing-mega-v2 .block:hover h4,
.pricing-mega-v2 .block:hover li,
.pricing-mega-v2 .block:hover li i,
.pricing-mega-v2 .block:hover h4 i {
color: #fff !important;
background: #74C52C;
}
.pricing-mega-v2 .hidden-area:hover li i {
color: #888;
}
.pricing-mega-v2 a{
padding: 8px 0 ;
}
/*Pricing Table Mega v3
------------------------------------*/
.pricing-mega-v3 .price-active,
.pricing-mega-v3 .pricing:hover {
margin-top: 0;
}
.pricing-mega-v3 .pricing {
border-radius: 3px !important;
box-shadow: none;
}
.pricing-mega-v3 .pricing-content {
border: 1px solid #eee;
border-left: none;
}
.pricing-mega-v3 .hidden-area {
margin-top: 76px;
}
.pricing-mega-v3 .hidden-area:hover {
margin-top: 76px;
}
.pricing-mega-v3 .pricing-head h3 {
font-size: 28px;
min-height: 76px;
font-weight: normal !important;
border-left: 1px solid #eee;
}
.pricing-mega-v3 h4 {
color: #888;
min-height: 100px;
border-top: 1px solid #eee ;
border-right: 1px solid #eee ;
font-weight: normal !important;
}
.pricing-mega-v3 .pricing h5 {
color: #888;
font-size: 20px;
padding-left: 5px;
padding: 30px 0 0 7px;
}
.pricing-mega-v3 .block h5 {
visibility: hidden;
}
.pricing-mega-v3 .pricing-head h4 span,
.pricing-mega-v3 .pricing-content li span,
.padding-mega-v3 .pricing-head .price span {
display: block;
padding: 15px 0px 0px;
}
.pricing-mega-v3 .hidden-area .pricing-content:nth-child(2) {
margin-bottom: 42px;
}
.pricing-mega-v3 .hidden-area .pricing-head h4 {
font-size: 28px;
padding: 34px 0 34px 15px;
border-left: 1px solid #eee;
}
.pricing-mega-v3 .hidden-area:hover .pricing-head h4 {
color: #888;
}
.pricing-mega-v3 .hidden-area .pricing-content {
border-left: 1px solid #eee;
}
.pricing-mega-v3 .hidden-area .price {
text-align: left;
padding-left: 15px;
}
.pricing-mega-v3 .block .pricing-content li i {
font-size: 13px;
}
.pricing-mega-v3 .pricing-content li {
padding: 10px;
font-size: 12px;
text-align: left;
min-height: 41px;
}
.pricing-mega-v3 .block .pricing-content li {
text-align: center;
}
.pricing-mega-v3 .btn-u {
border: 1px solid #fff;
border-bottom: none;
padding: 8px 0;
}
.pricing-mega-v3 .btn-group .dropdown-menu {
margin: 0;
border: 0;
width: 100%;
background: #72c02c;
border-color: #eee;
border: 1px solid #fff;
border-top: none;
margin-top: 40px;
text-align: center;
}
.pricing-mega-v3 .btn-group .dropdown-menu li a {
color: #fff;
}
.pricing-mega-v3 .btn-group .dropdown-menu li a:hover {
background: #5fb611;
}
.pricing-mega-v3 .btn-group-justified {
display: block;
}
/* Devices (Desktop Mode) */
@media (min-width: 992px) and (max-width: 1200px) {
.sticker-right {
top: 10px;
right: -58px;
padding: 3px;
font-size: 10px;
}
.sticker-left {
top: 10px;
left: -58px;
font-size: 10px;
padding: 3px;
}
}
/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 991px) {
/*Pricing Page*/
.price-active,
.pricing:hover {
margin-top: 0;
}
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
.pricing-zoom .price-active .pricing-head h4,
.pricing-zoom .pricing:hover .pricing-head h4 {
padding: 5px 0;
font-size: 70px;
}
.pricing-mega-v3 .pricing h4,
.pricing-mega-v3 .pricing h3,
.pricing-mega-v3 .pricing-content {
border-left: 1px solid #eee;
}
.pricing-mega-v3 .block h5 {
text-align: center;
visibility: visible;
}
/*End Pricing Page*/
}

@ -0,0 +1,104 @@
/*Promo Page
------------------------------------*/
/*Slider Part*/
.fullwidthbanner-container.slider-promo {
max-height: 460px !important;
}
.slider-promo-info-bg {
padding: 25px 20px 20px;
background: url(../img/bg-black.png) repeat;
}
.slider-promo-info span.big-size {
color: #fff;
display: block;
font-size: 30px;
margin-bottom: 25px;
text-shadow: 0 !important;
}
.slider-promo-info p {
color: #fff;
font-size: 16px;
margin-bottom: 0;
}
/*Promo Box*/
.promo-box {
padding: 20px;
margin: 25px 0 20px;
text-align: center;
}
.promo-box i {
font-size: 50px;
}
.promo-box p {
font-size: 14px;
margin-bottom: 0;
}
.promo-box strong,
.promo-box strong a {
color: #555;
font-size: 20px;
display: block;
margin: 20px 0 15px;
font-weight: 200;
}
.promo-box:hover strong,
.promo-box:hover strong a {
color: #e74c3c;
}
/*Promo Work*/
.promo-work {
margin: 20px 0;
}
/*Promo Service*/
.promo-service {
margin: 20px 0;
}
.promo-service a.btn-u {
margin: 0 20px 10px 0;
}
.promo-service .carousel {
margin-top: 10px;
}
/*Promo Elements*/
.title-box {
margin: 20px 0;
padding: 40px 0;
font-size: 16px;
text-align: center;
border-bottom: solid 1px #eee;
}
.title-box .title-box-text {
color: #555;
display: block;
font-size: 35px;
font-weight: 200;
}
.block-blockquote {
margin: 20px 0;
text-align: center;
border: dashed 1px #ccc;
}
.block-blockquote-inner {
padding: 15px;
}
.block-blockquote p {
font-size: 26px;
margin-bottom: 0;
}

@ -0,0 +1,93 @@
/*Page Search
------------------------------------*/
/*Search Block*/
.search-block {
padding: 80px 0;
text-align: center;
position: relative;
margin-bottom: 20px;
background: url(../../img/bg/7.jpg) 50% 0 repeat fixed;
}
.search-block:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(0,0,0,0.3);
}
.search-block h1 {
color: #fff;
font-size: 34px;
font-weight: 200;
text-align: center;
margin-bottom: 30px;
text-transform: uppercase;
}
.search-block .input-group {
margin-bottom: 10px;
}
.search-block .form-control {
border: none;
height: 48px;
font-size: 16px;
font-weight: 200;
}
/*Checkbox*/
.search-block form.page-search-form {
border: none;
}
.search-block form.page-search-form .radio,
.search-block form.page-search-form .checkbox {
margin: 0 3% 0 4%;
}
.search-block form.page-search-form .checkbox {
color: #fff;
font-weight: 200;
}
.search-block form.page-search-form .radio i,
.search-block form.page-search-form .checkbox i {
top: 6px;
width: 15px;
height: 15px;
border: none;
}
/*Category
------------------------------------*/
/*Section-Block*/
.section-block {
padding: 20px;
border: 1px solid #eee;
box-shadow: 0 0 3px #eee;
}
.section-block h2 {
color: #333;
font-size: 28px;
font-weight: 200;
margin: 10px 0 15px;
}
.section-block .text-center p {
margin-bottom: 0;
}
.section-block .section-block-info {
margin-top: 5px;
padding-top: 20px;
border-top: solid 1px #eee;
}
.section-block .section-block-info ul {
margin-bottom: 0;
}

@ -0,0 +1,188 @@
/*Search Block Version 2
------------------------------------*/
.search-block-v2 {
margin-bottom: 50px;
padding: 50px 0 58px;
border-bottom: 1px solid #eee;
background: url(../../img/breadcrumbs.png) repeat;
}
.search-block-v2 h2 {
font-size: 24px;
font-weight: 200;
text-align: center;
margin-bottom: 18px;
text-transform: uppercase;
}
/*S-Results
------------------------------------*/
/*Related-search*/
.s-results .related-search {
border-right: 1px solid #eee;
}
.s-results .related-search h3 {
color: #999;
display: block;
font-size: 14px;
margin: 0 0 10px;
line-height: 20px;
text-transform: uppercase;
}
.s-results .related-search li {
margin: 4px 0;
}
.s-results .related-search li a {
text-transform: capitalize;
}
.s-results .related-search a.see-all {
color: #999;
}
.s-results .related-search a:hover {
color: #72c02c;
}
.s-results .related-search hr {
margin: 20px 0;
}
.s-results .blog-photos {
margin-bottom: 0;
}
.s-results .blog-photos li img {
width: 34px;
height: 34px;
}
/*Results-number*/
.s-results .results-number {
color: #999;
display: block;
margin-bottom: 10px;
text-transform: uppercase;
}
/*Inner-results*/
.s-results .inner-results {
clear: both;
}
.s-results .inner-results h3 {
font-size: 18px;
margin-bottom: 3px;
text-transform: capitalize;
}
.s-results .inner-results h3 a {
color: #555;
}
.s-results .inner-results h3 a:hover {
color: #72c02c;
}
.s-results .inner-results img {
float: left;
width: 85px;
height: auto;
margin: 0 10px 10px 0;
}
/*up-ul*/
.s-results .up-ul {
margin-bottom: 4px;
}
.s-results .up-ul li a {
color: #999;
}
.s-results .up-ul li a:hover {
color: #72c02c;
}
/*btn-group 'dropdown'*/
.s-results .inner-results .btn {
top: -1px;
padding: 0;
position: relative;
}
.s-results .inner-results .btn-default {
color: #999;
border: none;
font-size: 13px;
}
.s-results .inner-results .btn:hover,
.s-results .inner-results .btn:focus{
box-shadow: none;
background: inherit;
}
.s-results .inner-results .btn-u-default {
color: #999;
border: none;
}
.s-results .inner-results .btn-u-xs {
padding: 0;
}
.s-results .inner-results .btn-u-default i {
font-size: 14px;
}
.s-results .inner-results p {
margin-bottom: 5px;
}
/*down-ul*/
.s-results .down-ul {
margin-bottom: 0;
}
.s-results .down-ul li {
color: #999;
}
.s-results .down-ul li a {
color: #72c02c;
}
.s-results .star-vote li {
padding: 0;
}
@media (max-width: 992px) {
/*Related-search*/
.s-results .related-search {
border-right: none;
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.s-results .related-search hr {
margin: 10px 0;
visibility: hidden;
}
}
@media (max-width: 500px) {
/*Inner-results*/
.s-results .inner-results img {
width: 60px;
height: auto;
}
.s-results .inner-results .overflow-a p {
display: none;
}
}

@ -0,0 +1,15 @@
/*Page_Search1_Block
------------------------------------*/
.search-block {
padding: 40px 0 50px;
border-bottom: 1px solid #eee;
background: url(../../img/breadcrumbs.png) repeat;
}
.search-block h1 {
font-size: 24px;
font-weight: 200;
text-align: center;
margin-bottom: 18px;
text-transform: uppercase;
}

@ -0,0 +1,169 @@
/*Portfolio v1
------------------------------------*/
.view {
z-index:9;
cursor: default;
overflow: hidden;
text-align: center;
position: relative;
margin-bottom: 30px;
box-shadow: 0 0 3px #ddd;
}
.view .mask,.view .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.view img {
display: block;
position: relative;
}
.view h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 22px;
padding: 10px;
background: rgba(0, 0, 0, 0.8);
margin: 20px 0 0 0;
text-shadow:none;
}
.view p {
font-family: Georgia, serif;
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 10px 20px 10px;
text-align: center;
}
.view a.info {
color: #fff;
background: #000;
padding: 5px 12px;
text-decoration: none;
margin-top:10px;
display: inline-block;
overflow:hidden;
text-transform: uppercase;
}
.view a.info:hover {
background:#72c02c;
}
.portfolio-responsive h2 {
margin-top:0 !important;
}
/*CSS3 Hover Effect*/
.view-tenth img {
left:10px;
margin-left:-10px;
position:relative;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.view-tenth .mask {
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.view-tenth h2 {
color: #333;
margin: 20px 40px 0;
background: transparent;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.view-tenth p {
color: #333;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.view-tenth a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.view-tenth:hover img {
-webkit-transform: scale(2) rotate(10deg);
-moz-transform: scale(2) rotate(10deg);
-o-transform: scale(2) rotate(10deg);
-ms-transform: scale(2) rotate(10deg);
transform: scale(2) rotate(10deg);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity: 0.3;
}
.view-tenth:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.portfolio-4-columns .mask h2 {
font-size: 20px;
margin-bottom: 0px;
}
.portfolio-4-columns .mask p {
display: none;
}
}

@ -0,0 +1,75 @@
/*Portfolio v2
------------------------------------*/
.sorting-block ul {
margin: 0;
padding: 0;
}
/*Sorting Navigation*/
.sorting-block .sorting-nav {
margin-bottom: 30px;
}
.sorting-block .sorting-nav li {
padding: 0 2px;
font-size: 14px;
cursor: pointer;
list-style: none;
display: inline-block;
}
.sorting-block .sorting-nav li.active {
color: #72c02c;
border-bottom: solid 1px #72c02c;
}
/*Sorting Navigation v1*/
.sorting-block .sorting-nav-v1 li {
margin: 0 5px;
font-size: 17px;
font-style: italic;
}
/*Sorting Grid*/
.sorting-block .sorting-grid {
list-style: none;
}
.sorting-block .sorting-grid .mix {
opacity: 0;
display: none;
margin-bottom: 30px;
}
/*Sorting Grid with Text*/
.sorting-block .sorting-grid li a:hover {
text-decoration: none;
}
.sorting-block .sorting-grid li span.sorting-cover {
padding: 8px;
display: block;
margin-top: 1px;
background: #fcfcfc;
}
.sorting-block .sorting-grid li span.sorting-cover p {
margin-bottom: 0;
}
.sorting-block .sorting-grid li span.sorting-cover span {
font-size: 16px;
}
.sorting-block .sorting-grid li a:hover span.sorting-cover {
background: #72c02c;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.sorting-block .sorting-grid li a:hover span.sorting-cover p,
.sorting-block .sorting-grid li a:hover span.sorting-cover span {
color: #fff;
}

@ -0,0 +1,224 @@
/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.pricing-bg-colored .no-space-pricing [class^="col-"],
.pricing-bg-colored .no-space-pricing [class*=" col-"] {
padding: 0;
}
.pricing-bg-colored .pricing {
position:relative;
box-shadow:0 0 5px #eee;
}
.pricing-bg-colored .pricing:hover {
box-shadow:0 0 15px #b5b5b5;
}
.pricing-bg-colored .pricing:hover h4 {
color:#74C52C;
}
.pricing-bg-colored .pricing-head {
text-align:center;
}
.pricing-bg-colored .pricing h3,
.pricing-bg-colored .pricing h4 {
margin:0;
line-height:normal;
font-weight:bold;
}
.pricing-bg-colored .pricing p {
padding-top: 10px;
font-size: 11px;
}
.pricing-bg-colored .pricing-head h3 span,
.pricing-bg-colored .pricing-head h4 span {
display:block;
margin-top:5px;
font-size:12px;
font-style:italic;
}
.pricing-bg-colored .pricing-head h3 {
color:#fafafa;
padding:12px 0;
font-size:35px;
font-family:Arial;
background:#74C52C;
border-radius:3px 3px 0 0;
text-shadow:0 1px 0 #32a20f;
}
/*Pricing Content*/
.pricing-bg-colored .pricing-content {
margin-bottom: 0px;
}
.pricing-bg-colored .pricing-content li {
color:#888;
font-size:12px;
padding:7px 15px;
border-bottom:solid 1px #f5f9e7;
}
.pricing-bg-colored .pricing-content li i {
color:#72c02c;
font-size:16px;
margin-right:5px;
position:relative;
}
/*Pricing Footer*/
.pricing-bg-colored .pricing-footer {
color:#777;
font-size:11px;
line-height:17px;
text-align:center;
padding:0 20px 19px;
border-radius:0 0 3px 3px;
}
/*Pricing Active*/
.pricing-bg-colored .price-active,
.pricing-bg-colored .pricing:hover {
z-index:9;
margin-top: -15px;
}
.pricing-bg-colored .price-active h4 {
color:#74C52C;
}
/*Pricing Extra*/
.pricing-bg-colored .bg-color {
background-color: #f9f9f9;
}
.pricing-bg-colored .no-space-pricing {
padding: 0 15px;
}
.pricing-bg-colored .sticker-right,
.pricing-bg-colored .sticker-left {
color: #fff;
width: 150px;
padding: 5px;
font-size: 13px;
font-weight: bold;
font-family: Arial;
position: absolute;
text-align: center;
letter-spacing: 2px;
}
.pricing-bg-colored .sticker-right {
top: 13px;
right: -49px;
background: rgba(231, 76, 60, 1);
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.pricing-bg-colored .sticker-left {
top: 9px;
left: -48px;
background: rgba(116, 197, 44, 1);
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/*Pricing Table Colored Background Version
------------------------------------*/
.price-active,
.pricing-bg-colored .pricing:hover {
margin-top: 0;
}
.pricing-bg-colored .pricing {
overflow: hidden;
}
.pricing-bg-colored .pricing {
border: 1px solid #EEEEEE;
}
.pricing-bg-colored .pricing:hover {
background: #74C52C;
}
.pricing-bg-colored .pricing:hover li,
.pricing-bg-colored .pricing:hover li i,
.pricing-bg-colored .pricing:hover .pricing-head p {
color: #fff;
}
.pricing-bg-colored .pricing-head i {
color: #74C52C;
padding-top: 20px;
margin-top: 10px 0px;
}
.pricing-bg-colored .pricing-head p {
color: #777;
line-height: 17px;
text-align:center;
padding: 0px 20px 19px;
border-radius: 0 0 3px 3px;
border-bottom: 1px solid #F5F9E7;
}
.pricing-bg-colored ul {
margin-top: -8px;
}
.pricing-bg-colored .pricing-footer {
padding: 2px 0px 19px;
}
.pricing-bg-colored .pricing-footer h4 {
color: #999;
font-size: 70px;
padding: 5px 0px;
margin-top: -2px;
font-family: Arial;
background: #F7F7F7;
margin-bottom: 20px;
text-shadow: 0 1px 0 #fff;
}
.pricing-bg-colored .pricing:hover h4 {
background: #fff;
}
.pricing-bg-colored h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
position: relative;
}
.pricing-bg-colored h4 span {
top: -10px;
display: block;
margin-top: 5px;
font-size: 14px;
font-style: normal;
position: relative;
}
/* Devices (Desktop Mode) */
@media (min-width: 992px) and (max-width: 1200px) {
.sticker-right {
top: 10px;
right: -58px;
font-size: 10px;
padding: 3px;
}
.sticker-left {
top: 10px;
left: -58px;
font-size: 10px;
padding: 3px;
}
}
/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 991px) {
/*Pricing Page*/
.price-active,
.pricing:hover {
margin-top: 0;
}
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
}

@ -0,0 +1,285 @@
/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 0;
}
.pricing {
position:relative;
border-radius:3px;
margin-bottom:15px;
box-shadow:0 0 5px #eee;
}
.pricing:hover {
box-shadow:0 0 15px #b5b5b5;
}
.pricing:hover h4 {
color:#74C52C;
}
.pricing-head {
text-align:center;
}
.pricing h3,
.pricing h4 {
margin:0;
line-height:normal;
font-weight:bold;
}
.pricing p {
padding-top: 10px;
font-size: 11px;
}
.pricing-head h3 span,
.pricing-head h4 span {
display:block;
margin-top:5px;
font-size:12px;
font-style:italic;
}
.pricing-head h3 {
color:#fafafa;
padding:12px 0;
font-size:35px;
font-family:Arial;
background:#74C52C;
border-radius:3px 3px 0 0;
text-shadow:0 1px 0 #32a20f;
}
.pricing-head h4 {
color: #888;
padding:5px 0;
font-size:70px;
text-shadow:0 1px 0 #fff;
border-bottom:solid 1px #f5f9e7;
}
.pricing-head h4 i {
top:-8px;
font-size:28px;
font-style:normal;
position:relative;
}
.pricing-head h4 span {
top:-10px;
font-size:14px;
font-style:normal;
position:relative;
}
/*Pricing Content*/
.pricing-content {
margin-bottom: 0px;
}
.pricing-content li {
color:#888;
font-size:12px;
padding:7px 15px;
border-bottom:solid 1px #f5f9e7;
}
.pricing-content li i {
color:#72c02c;
font-size:16px;
margin-right:5px;
position:relative;
}
/*Pricing Footer*/
.pricing-footer {
color:#777;
font-size:11px;
line-height:17px;
text-align:center;
padding:0 20px 19px;
border-radius:0 0 3px 3px;
}
/*Pricing Active*/
.price-active,
.pricing:hover {
z-index:9;
margin-top: -15px;
}
.price-active h4 {
color:#74C52C;
}
/*Pricing Extra*/
.bg-color {
background-color: #f9f9f9;
}
.no-space-pricing {
padding: 0 15px;
}
.sticker-right,
.sticker-left {
color: #fff;
width: 150px;
padding: 5px;
font-size: 13px;
font-weight: bold;
font-family: Arial;
position: absolute;
text-align: center;
letter-spacing: 2px;
}
.sticker-right {
top: 13px;
right: -49px;
background: rgba(231, 76, 60, 1);
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.sticker-left {
top: 9px;
left: -48px;
background: rgba(116, 197, 44, 1);
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/*Pricing Table Dark
------------------------------------*/
.price-active,
.pricing-dark .pricing:hover {
z-index:8;
margin-top: 0 !important;
}
.pricing-dark .pricing {
border-top: 2px solid #717984;
overflow: hidden;
}
.pricing-dark .pricing {
background: #717984;
}
.pricing-dark .pricing .rating {
text-align: center;
}
.pricing-dark .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-dark .pricing li i {
color: #fff;
}
.pricing-dark .rating li i {
margin: 7px 0;
padding-top: 0;
font-size: 20px;
}
.pricing-dark li {
color: #fff;
}
.pricing-dark .pricing-head h3 {
color: #717984;
text-shadow: none;
font-weight: normal !important;
border-bottom: 2px solid #eee !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-dark .pricing-content li {
border-color: #fff;
}
.pricing-dark .pricing-content span {
float: right;
}
.pricing-dark .pricing-content span i {
font-size: 12px;
}
.pricing-dark .pricing-footer {
padding: 2px 0px 20px;
}
.pricing-dark .pricing-footer h4 {
font-size: 70px;
padding: 5px 0px;
font-family: Arial;
text-shadow: none;
margin: -2px 0 20px;
margin-bottom: 20px;
color: #717984 !important;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-dark .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
position: relative;
}
.pricing-dark .pricing-footer h4 span {
top: -10px;
display: block;
margin-top: 5px;
font-size: 14px;
font-style: normal;
position: relative;
}
.pricing-dark .pricing-footer p {
color: #fff;
padding: 0 20px;
line-height: 17px;
text-align:center;
border-radius: 0 0 3px 3px;
}
.pricing-dark .btn-u {
padding: 5px 60px;
background: #fff !important;
border: 1px solid #999 !important;
}
/* Devices (Desktop Mode) */
@media (min-width: 992px) and (max-width: 1200px) {
.sticker-right {
top: 10px;
right: -58px;
font-size: 10px;
padding: 3px;
}
.sticker-left {
top: 10px;
left: -58px;
font-size: 10px;
padding: 3px;
}
}
/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 991px) {
/*Pricing Page*/
.price-active,
.pricing:hover {
margin-top: 0;
}
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
.pricing-zoom .price-active .pricing-head h4,
.pricing-zoom .pricing:hover .pricing-head h4 {
padding: 5px 0;
font-size: 70px;
}
.pricing-mega-v3 .pricing h4,
.pricing-mega-v3 .pricing h3,
.pricing-mega-v3 .pricing-content {
border-left: 1px solid #eee;
}
.pricing-mega-v3 .block h5 {
text-align: center;
visibility: visible;
}
/*End Pricing Page*/
}

@ -0,0 +1,274 @@
/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 0;
}
.pricing {
position:relative;
border-radius:3px;
margin-bottom:15px;
box-shadow:0 0 5px #eee;
}
.pricing:hover {
box-shadow:0 0 15px #b5b5b5;
}
.pricing:hover h4 {
color:#74C52C;
}
.pricing-head {
text-align:center;
}
.pricing h3,
.pricing h4 {
margin:0;
line-height:normal;
font-weight:bold;
}
.pricing p {
padding-top: 10px;
font-size: 11px;
}
.pricing-head h3 span,
.pricing-head h4 span {
display:block;
margin-top:5px;
font-size:12px;
font-style:italic;
}
.pricing-head h3 {
color:#888;
padding:12px 0;
font-size:35px;
font-family:Arial;
background:#74C52C;
border-radius:3px 3px 0 0;
text-shadow:0 1px 0 #32a20f;
}
.pricing-head h4 {
color: #888;
padding:5px 0;
font-size:70px;
text-shadow:0 1px 0 #fff;
border-bottom:solid 1px #f5f9e7;
}
.pricing-head h4 i {
top:-8px;
font-size:28px;
font-style:normal;
position:relative;
}
.pricing-head h4 span {
top:-10px;
font-size:14px;
font-style:normal;
position:relative;
}
/*Pricing Content*/
.pricing-content {
margin-bottom: 0px;
}
.pricing-content li {
color:#888;
font-size:12px;
padding:7px 15px;
border-bottom:solid 1px #f5f9e7;
}
.pricing-content li i {
color:#72c02c;
font-size:16px;
margin-right:5px;
position:relative;
}
/*Pricing Footer*/
.pricing-footer {
color:#777;
font-size:11px;
line-height:17px;
text-align:center;
padding:0 20px 19px;
border-radius:0 0 3px 3px;
}
/*Pricing Active*/
.price-active,
.pricing:hover {
z-index:9;
margin-top: -15px;
}
.price-active h4 {
color:#74C52C;
}
/*Pricing Extra*/
.bg-color {
background-color: #f9f9f9;
}
.no-space-pricing {
padding: 0 15px;
}
.sticker-right,
.sticker-left {
color: #fff;
width: 150px;
padding: 5px;
font-size: 13px;
font-weight: bold;
font-family: Arial;
position: absolute;
text-align: center;
letter-spacing: 2px;
}
.sticker-right {
top: 13px;
right: -49px;
background: rgba(231, 76, 60, 1);
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.sticker-left {
top: 9px;
left: -48px;
background: rgba(116, 197, 44, 1);
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/*Pricing Table Light Version
------------------------------------*/
.price-active,
.pricing-light .pricing:hover {
margin-top: 0 ;
border-color: #717984;
}
.pricing-light .pricing {
overflow: hidden;
box-shadow: none;
border: 1px solid #ddd;
}
.pricing-light .pricing-head h3 {
color: #888;
font-weight: 200 !important;
font-family: inherit;
text-shadow: none !important;
border-bottom: 1px solid #ddd !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-light .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-light .rating li i {
color: #888;
margin: 7px 0;
padding-top: 0;
font-size: 20px;
}
.pricing-light li {
color: #888;
text-align: center;
}
.pricing-light .pricing-footer {
margin: 0px;
padding: 2px 0px 19px;
}
.pricing-light .pricing-footer h4 {
color: #888;
padding: 5px;
font-size: 70px;
text-shadow: none;
margin: -2px 0 0px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-light .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
}
.pricing-light .pricing-footer h4 span {
top: -5px;
display: block;
font-size: 14px;
margin-bottom: 5px;
font-style: normal;
}
.pricing-light .pricing-footer p {
color: #888;
line-height: 17px;
padding: 15px 20px 5px ;
}
.pricing-light .pricing:hover h4,
.pricing-light .pricing:hover h3,
.pricing-light .pricing:hover p,
.pricing-light .pricing:hover li,
.pricing-light .pricing:hover li i {
color: #717984;
}
.pricing-medium-light .btn-u:hover {
background-color: #717984!important;
}
/* Devices (Desktop Mode) */
@media (min-width: 992px) and (max-width: 1200px) {
.sticker-right {
top: 10px;
right: -58px;
font-size: 10px;
padding: 3px;
}
.sticker-left {
top: 10px;
left: -58px;
font-size: 10px;
padding: 3px;
}
}
/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 991px) {
/*Pricing Page*/
.price-active,
.pricing:hover {
margin-top: 0;
}
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
.pricing-zoom .price-active .pricing-head h4,
.pricing-zoom .pricing:hover .pricing-head h4 {
padding: 5px 0;
font-size: 70px;
}
.pricing-mega-v3 .pricing h4,
.pricing-mega-v3 .pricing h3,
.pricing-mega-v3 .pricing-content {
border-left: 1px solid #eee;
}
.pricing-mega-v3 .block h5 {
text-align: center;
visibility: visible;
}
/*End Pricing Page*/
}

@ -0,0 +1,277 @@
/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 0;
}
.pricing {
position:relative;
border-radius:3px;
margin-bottom:15px;
box-shadow:0 0 5px #eee;
}
.pricing:hover {
box-shadow:0 0 15px #b5b5b5;
}
.pricing:hover h4 {
color:#74C52C;
}
.pricing-head {
text-align:center;
}
.pricing h3,
.pricing h4 {
margin:0;
line-height:normal;
}
.pricing p {
padding-top: 10px;
font-size: 11px;
}
.pricing-head h3 span,
.pricing-head h4 span {
display:block;
margin-top:5px;
font-size:12px;
font-style:italic;
}
.pricing-head h3 {
color:#fafafa;
padding:12px 0;
font-size:35px;
font-family:Arial;
background:#74C52C;
border-radius:3px 3px 0 0;
text-shadow:0 1px 0 #32a20f;
}
.pricing-head h4 {
color: #888;
padding:5px 0;
font-size:70px;
text-shadow:0 1px 0 #fff;
border-bottom:solid 1px #f5f9e7;
}
.pricing-head h4 i {
top:-8px;
font-size:28px;
font-style:normal;
position:relative;
}
.pricing-head h4 span {
top:-10px;
font-size:14px;
font-style:normal;
position:relative;
}
/*Pricing Content*/
.pricing-content {
margin-bottom: 0px;
}
.pricing-content li {
color:#888;
font-size:12px;
padding:7px 15px;
border-bottom:solid 1px #f5f9e7;
}
.pricing-content li i {
color:#72c02c;
font-size:16px;
margin-right:5px;
position:relative;
}
/*Pricing Footer*/
.pricing-footer {
color:#777;
font-size:11px;
line-height:17px;
text-align:center;
padding:0 20px 19px;
border-radius:0 0 3px 3px;
}
/*Pricing Active*/
.price-active,
.pricing:hover {
z-index:9;
margin-top: -15px;
}
.price-active h4 {
color:#74C52C;
}
/*Pricing Extra*/
.bg-color {
background-color: #f9f9f9;
}
.no-space-pricing {
padding: 0 15px;
}
.sticker-right,
.sticker-left {
color: #fff;
width: 150px;
padding: 5px;
font-size: 13px;
font-weight: bold;
font-family: Arial;
position: absolute;
text-align: center;
letter-spacing: 2px;
}
.sticker-right {
top: 13px;
right: -49px;
background: rgba(231, 76, 60, 1);
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.sticker-left {
top: 9px;
left: -48px;
background: rgba(116, 197, 44, 1);
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/*Pricing Table medium-dark Version
------------------------------------*/
.price-active,
.pricing-medium-dark .pricing:hover {
margin-top: 0 ;
}
.pricing-medium-dark .pricing {
border: 2px solid #717984;
box-shadow: none;
}
.pricing-medium-dark .pricing-head h3 {
color: #fff;
text-shadow: none;
background: #717984;
border-bottom: 2px solid #eee ;
}
.pricing-medium-dark .pricing .rating {
text-align: center;
}
.pricing-medium-dark .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-medium-dark .rating li i {
padding-top: 0;
margin: 7px 0;
font-size: 20px;
}
.pricing-medium-dark .pricing-content li i {
color: #717984;
}
.pricing-medium-dark .pricing-content li {
border-color: #eee;
}
.pricing-medium-dark .pricing-footer {
margin: 0px;
background: #717984;
padding: 2px 0px 19px;
}
.pricing-medium-dark .pricing-footer h4 {
color: #717984 !important;
font-size: 70px;
padding: 5px 0px;
text-shadow: none;
font-family: Arial;
text-align: center;
line-height: normal;
font-weight: normal;
margin: -2px 0 20px;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-medium-dark .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
position: relative;
}
.pricing-medium-dark .pricing-footer h4 span {
top: -10px;
display: block;
margin-top: 5px;
font-size: 14px;
font-style: normal;
position: relative;
}
.pricing-medium-dark .pricing-footer p {
color: #fff;
font-size: 11px;
line-height: 17px;
text-align: center;
padding: 0 20px 5px;
border-radius: 0 0 3px 3px;
}
.pricing-medium-dark .btn-u {
background: #fff !important;
border: 1px solid #888 ;
}
/* Devices (Desktop Mode) */
@media (min-width: 992px) and (max-width: 1200px) {
.sticker-right {
top: 10px;
right: -58px;
font-size: 10px;
padding: 3px;
}
.sticker-left {
top: 10px;
left: -58px;
font-size: 10px;
padding: 3px;
}
}
/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 991px) {
/*Pricing Page*/
.price-active,
.pricing:hover {
margin-top: 0;
}
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
.pricing-zoom .price-active .pricing-head h4,
.pricing-zoom .pricing:hover .pricing-head h4 {
padding: 5px 0;
font-size: 70px;
}
.pricing-mega-v3 .pricing h4,
.pricing-mega-v3 .pricing h3,
.pricing-mega-v3 .pricing-content {
border-left: 1px solid #eee;
}
.pricing-mega-v3 .block h5 {
text-align: center;
visibility: visible;
}
/*End Pricing Page*/
}

@ -0,0 +1,283 @@
/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 0;
}
.pricing {
position:relative;
border-radius:3px;
margin-bottom:15px;
box-shadow:0 0 5px #eee;
}
.pricing:hover {
box-shadow:0 0 15px #b5b5b5;
}
.pricing:hover h4 {
color:#74C52C;
}
.pricing-head {
text-align:center;
}
.pricing h3,
.pricing h4 {
margin:0;
line-height:normal;
font-weight:bold;
}
.pricing p {
padding-top: 10px;
font-size: 11px;
}
.pricing-head h3 span,
.pricing-head h4 span {
display:block;
margin-top:5px;
font-size:12px;
font-style:italic;
}
.pricing-head h3 {
color:#fafafa;
padding:12px 0;
font-size:35px;
font-family:Arial;
background:#74C52C;
border-radius:3px 3px 0 0;
text-shadow:0 1px 0 #32a20f;
}
.pricing-head h4 {
color: #888;
padding:5px 0;
font-size:70px;
text-shadow:0 1px 0 #fff;
border-bottom:solid 1px #f5f9e7;
}
.pricing-head h4 i {
top:-8px;
font-size:28px;
font-style:normal;
position:relative;
}
.pricing-head h4 span {
top:-10px;
font-size:14px;
font-style:normal;
position:relative;
}
/*Pricing Content*/
.pricing-content {
margin-bottom: 0px;
}
.pricing-content li {
color:#888;
font-size:12px;
padding:7px 15px;
border-bottom:solid 1px #f5f9e7;
}
.pricing-content li i {
color:#72c02c;
font-size:16px;
margin-right:5px;
position:relative;
}
/*Pricing Footer*/
.pricing-footer {
color:#777;
font-size:11px;
line-height:17px;
text-align:center;
padding:0 20px 19px;
border-radius:0 0 3px 3px;
}
/*Pricing Active*/
.price-active,
.pricing:hover {
z-index:9;
margin-top: -15px;
}
.price-active h4 {
color:#74C52C;
}
/*Pricing Extra*/
.bg-color {
background-color: #f9f9f9;
}
.no-space-pricing {
padding: 0 15px;
}
.sticker-right,
.sticker-left {
color: #fff;
width: 150px;
padding: 5px;
font-size: 13px;
font-weight: bold;
font-family: Arial;
position: absolute;
text-align: center;
letter-spacing: 2px;
}
.sticker-right {
top: 13px;
right: -49px;
background: rgba(231, 76, 60, 1);
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.sticker-left {
top: 9px;
left: -48px;
background: rgba(116, 197, 44, 1);
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/*Pricing Meduim Light
------------------------------------*/
.price-active,
.pricing-medium-light .pricing:hover {
z-index:8;
margin-top: 0 !important;
}
.pricing-medium-light .pricing {
overflow: hidden;
background: #eee;
border: 2px solid #ddd;
}
.pricing-medium-light .pricing-head h3 {
color: #717984;
text-shadow: none;
font-weight: normal !important;
border-bottom: 2px solid #eee !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-medium-light .pricing-content > li {
border-color: #fff !important;
}
.pricing-medium-light .pricing .rating {
text-align: center;
}
.pricing-medium-light .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-medium-light .pricing li i {
color: #585f69;
}
.pricing-medium-light .rating li i {
margin: 7px 0;
padding-top: 0;
font-size: 20px;
}
.pricing-medium-light .pricing-content span {
float: right;
}
.pricing-medium-light .pricing-content span i {
font-size: 12px;
}
.pricing-medium-light .pricing-footer {
padding: 2px 0px 20px;
}
.pricing-medium-light .pricing-footer h4 {
color: #717984 !important;
font-size: 70px;
padding: 5px 0px;
text-shadow: none;
font-family: Arial;
margin: -2px 0 20px;
margin-bottom: 20px;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-medium-light .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
position: relative;
}
.pricing-medium-light .pricing-footer h4 span {
top: -10px;
display: block;
margin-top: 5px;
font-size: 14px;
font-style: normal;
position: relative;
}
.pricing-medium-light .pricing-footer p {
color: #585f69;
padding: 0 20px;
line-height: 17px;
text-align:center;
border-radius: 0 0 3px 3px;
}
.pricing-medium-light .btn-u {
background: #fff ;
padding: 5px 58px;
border: 1px solid #888;
}
.pricing-medium-light .btn-u:hover {
background-color: #717984!important;
}
/* Devices (Desktop Mode) */
@media (min-width: 992px) and (max-width: 1200px) {
.sticker-right {
top: 10px;
right: -58px;
font-size: 10px;
padding: 3px;
}
.sticker-left {
top: 10px;
left: -58px;
font-size: 10px;
padding: 3px;
}
}
/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 991px) {
/*Pricing Page*/
.price-active,
.pricing:hover {
margin-top: 0;
}
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
.pricing-zoom .price-active .pricing-head h4,
.pricing-zoom .pricing:hover .pricing-head h4 {
padding: 5px 0;
font-size: 70px;
}
.pricing-mega-v3 .pricing h4,
.pricing-mega-v3 .pricing h3,
.pricing-mega-v3 .pricing-content {
border-left: 1px solid #eee;
}
.pricing-mega-v3 .block h5 {
text-align: center;
visibility: visible;
}
/*End Pricing Page*/
}

@ -0,0 +1,980 @@
/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 0;
}
.pricing {
position:relative;
border-radius:3px;
margin-bottom:15px;
box-shadow:0 0 5px #eee;
}
.pricing:hover {
box-shadow:0 0 15px #b5b5b5;
}
.pricing:hover h4 {
color:#74C52C;
}
.pricing-head {
text-align:center;
}
.pricing h3,
.pricing h4 {
margin:0;
line-height:normal;
font-weight:bold;
}
.pricing p {
padding-top: 10px;
font-size: 11px;
}
.pricing-head h3 span,
.pricing-head h4 span {
display:block;
margin-top:5px;
font-size:12px;
font-style:italic;
}
.pricing-head h3 {
color:#fafafa;
padding:12px 0;
font-size:35px;
font-family:Arial;
background:#74C52C;
border-radius:3px 3px 0 0;
text-shadow:0 1px 0 #32a20f;
}
.pricing-head h4 {
color: #888;
padding:5px 0;
font-size:70px;
text-shadow:0 1px 0 #fff;
border-bottom:solid 1px #f5f9e7;
}
.pricing-head h4 i {
top:-8px;
font-size:28px;
font-style:normal;
position:relative;
}
.pricing-head h4 span {
top:-10px;
font-size:14px;
font-style:normal;
position:relative;
}
/*Pricing Content*/
.pricing-content {
margin-bottom: 0px;
}
.pricing-content li {
color:#888;
font-size:12px;
padding:7px 15px;
border-bottom:solid 1px #f5f9e7;
}
.pricing-content li i {
color:#72c02c;
font-size:16px;
margin-right:5px;
position:relative;
}
/*Pricing Footer*/
.pricing-footer {
color:#777;
font-size:11px;
line-height:17px;
text-align:center;
padding:0 20px 19px;
border-radius:0 0 3px 3px;
}
/*Pricing Active*/
.price-active,
.pricing:hover {
z-index:9;
margin-top: -15px;
}
.price-active h4 {
color:#74C52C;
}
/*Pricing Extra*/
.bg-color {
background-color: #f9f9f9;
}
.no-space-pricing {
padding: 0 15px;
}
.sticker-right,
.sticker-left {
color: #fff;
width: 150px;
padding: 5px;
font-size: 13px;
font-weight: bold;
font-family: Arial;
position: absolute;
text-align: center;
letter-spacing: 2px;
}
.sticker-right {
top: 13px;
right: -49px;
background: rgba(231, 76, 60, 1);
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.sticker-left {
top: 9px;
left: -48px;
background: rgba(116, 197, 44, 1);
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/*Pricing Table Mega v1 Version
------------------------------------*/
.pricing-mega-v1 {
padding: 40px 15px 0 15px;
}
.pricing-mega-v1 .price-active,
.pricing-mega-v1 .pricing:hover {
margin-top: 0;
}
.pricing-mega-v1 .pricing {
position: relative;
border-radius: 3px;
margin-bottom: 15px;
box-shadow: 0 0 0px #eee;
border: 1px solid #eee;
}
.pricing-mega-v1 .pricing-head h3 {
font-size: 25px;
min-height: 75px;
}
.pricing-mega-v1 .pricing-head h4{
font-size: 20px;
min-height: 103px;
}
.pricing-mega-v1 .pricing-head h4 i {
color: #888;
}
.pricing-mega-v1 .pricing:hover h4 i {
color: #74C52C;
}
.pricing-mega-v1 .pricing-head h4 span,
.pricing-mega-v1 .pricing-content li span,
.padding-mega-v1 .pricing-head .price span {
display: block;
padding: 10px 0px 0px;
}
.pricing-mega-v1 .pricing-head .price {
font-size: 70px;
font-style: normal;
padding-bottom: 0px;
background-color: #fff;
}
.pricing-mega-v1 .pricing-head h3,
.pricing-mega-v1 .pricing-head h4 {
font-style: normal;
font-weight: normal !important;
}
.pricing-mega-v1 .hidden-area {
margin-top: 75px;
}
.pricing-mega-v1 .hidden-area:hover {
margin-top: 75px;
}
.pricing-mega-v1 .hidden-area .pricing-head h4 {
font-size: 28px;
padding: 31px 0;
min-height: 103px;
}
.pricing-mega-v1 .hidden-area:hover .pricing-head h4 {
color: #888;
}
.pricing-mega-v1 .block .pricing-content li i {
font-size: 13px;
}
.pricing-mega-v1 .block li {
text-align: center;
}
.pricing-mega-v1 .pricing-content li {
padding: 10px;
font-size: 12px;
font-style: normal;
min-height: 41px;
}
.pricing-mega-v1 .pricing-content li i {
color: #72C02C;
}
.pricing-mega-v1 .btn-group .dropdown-menu {
width: 100%;
background: #72c02c;
border-color: #eee;
margin: 0;
border: 0;
}
.pricing-mega-v1 .btn-group .dropdown-menu li a{
color: #fff;
}
.pricing-mega-v1 .btn-group .dropdown-menu li a:hover {
background: #5fb611
}
/*Pricing Table Colored Background Version
------------------------------------*/
.price-active,
.pricing-bg-colored .pricing:hover {
margin-top: 0;
}
.pricing-bg-colored .pricing {
overflow: hidden;
}
.pricing-bg-colored .pricing {
border: 1px solid #EEEEEE;
}
.pricing-bg-colored .pricing:hover {
background: #74C52C;
}
.pricing-bg-colored .pricing:hover li,
.pricing-bg-colored .pricing:hover li i,
.pricing-bg-colored .pricing:hover .pricing-head p {
color: #fff;
}
.pricing-bg-colored .pricing-head i {
color: #74C52C;
padding-top: 20px;
margin-top: 10px 0px;
}
.pricing-bg-colored .pricing-head p {
color: #777;
line-height: 17px;
text-align:center;
padding: 0px 20px 19px;
border-radius: 0 0 3px 3px;
border-bottom: 1px solid #F5F9E7;
}
.pricing-bg-colored h3 {
border-bottom: 1px solid #fff;
}
.pricing-bg-colored h4 {
color: #999;
font-size: 70px;
padding: 5px 0px;
margin-top: -2px;
font-family: Arial;
background: #F7F7F7;
margin-bottom: 20px;
text-shadow: 0 1px 0 #fff;
}
.pricing-bg-colored .pricing:hover h4 {
background: #fff;
}
.pricing-bg-colored h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
position: relative;
}
.pricing-bg-colored h4 span {
top: -10px;
display: block;
margin-top: 5px;
font-size: 14px;
font-style: normal;
position: relative;
}
.pricing-bg-colored .pricing-footer {
padding: 2px 0px 19px;
}
/*Pricing Table Rounded Version
------------------------------------*/
.price-active,
.pricing-rounded .pricing:hover {
margin-top: 0;
}
.pricing-rounded .pricing {
overflow: hidden;
box-shadow: none;
border: 1px solid #eee;
}
.pricing-rounded .easy-bg-v2 {
letter-spacing: 1px;
border: 1px solid #fff;
background-color:rgba(255, 255, 255, 0.1);
}
.pricing-rounded .easy-bg-v2 i {
padding-left: 3px;
}
.pricing-rounded h3 {
padding-bottom: 80px;
padding-top: 15px;
}
.pricing-rounded h4 {
width: 140px;
height: 140px;
padding-top: 22px;
padding-left: 6px;
font-size: 55px;
margin: -75px auto 20px;
border-radius: 140px !important;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-rounded .pricing-head h4 i{
margin-right: 2px;
}
.pricing-rounded h6 {
color: #888;
font-size: 13px;
font-style: normal;
padding-bottom: 5px;
}
.pricing-rounded .pricing-content span {
float: right;
}
.pricing-rounded .pricing-content span i {
font-size: 13px;
}
/*Pricing Zoom
------------------------------------*/
.pricing-zoom .pricing:hover {
-webkit-transition:box-shadow 0.3s ease-in-out;
-moz-transition:box-shadow 0.3s ease-in-out;
-o-transition:box-shadow 0.3s ease-in-out;
transition:box-shadow 0.2s ease-in-out;
}
.pricing-zoom .pricing-head h4 {
background: url("../../img/breadcrumbs.png")
repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.pricing-zoom .price-active .pricing-head h4,
.pricing-zoom .pricing:hover .pricing-head h4 {
padding: 15px 0;
font-size: 80px;
-webkit-transition:color 0.5s ease-in-out;
-moz-transition:color 0.5s ease-in-out;
-o-transition:color 0.5s ease-in-out;
transition:color 0.5s ease-in-out;
}
/*Pricing Table Light Version
------------------------------------*/
.price-active,
.pricing-light .pricing:hover {
margin-top: 0 ;
border-color: #717984;
}
.pricing-light .pricing {
overflow: hidden;
box-shadow: none;
border: 1px solid #ddd;
}
.pricing-light h3 {
color: #888;
font-weight: 200 !important;
font-family: inherit;
text-shadow: none !important;
border-bottom: 1px solid #ddd !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-light .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-light .rating li i {
color: #888;
margin: 7px 0;
padding-top: 0;
font-size: 20px;
}
.pricing-light li {
color: #888;
text-align: center;
}
.pricing-light .pricing-footer {
margin: 0px;
padding: 2px 0px 19px;
}
.pricing-light .pricing-footer h4 {
color: #888;
padding: 5px;
font-size: 70px;
text-shadow: none;
margin: -2px 0 0px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-light .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
}
.pricing-light .pricing-footer h4 span {
top: -5px;
display: block;
font-size: 14px;
margin-bottom: 5px;
font-style: normal;
}
.pricing-light .pricing-footer p {
color: #888;
line-height: 17px;
padding: 15px 20px 5px ;
}
.pricing-light .pricing:hover h4,
.pricing-light .pricing:hover h3,
.pricing-light .pricing:hover p,
.pricing-light .pricing:hover li,
.pricing-light .pricing:hover li i {
color: #717984;
}
.pricing-medium-light .btn-u:hover {
background-color: #717984!important;
}
/*Pricing Meduim Light
------------------------------------*/
.price-active,
.pricing-medium-light .pricing:hover {
z-index:8;
margin-top: 0 !important;
}
.pricing-medium-light .pricing {
overflow: hidden;
background: #eee;
border: 2px solid #ddd;
}
.pricing-medium-light .pricing-head h3 {
color: #717984;
text-shadow: none;
font-weight: normal !important;
border-bottom: 2px solid #eee !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-medium-light .pricing-content > li {
border-color: #fff !important;
}
.pricing-medium-light .pricing .rating {
text-align: center;
}
.pricing-medium-light .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-medium-light .pricing li i {
color: #585f69;
}
.pricing-medium-light .rating li i {
margin: 7px 0;
padding-top: 0;
font-size: 20px;
}
.pricing-medium-light .pricing-content span {
float: right;
}
.pricing-medium-light .pricing-content span i {
font-size: 12px;
}
.pricing-medium-light .pricing-footer {
padding: 2px 0px 20px;
}
.pricing-medium-light .pricing-footer h4 {
color: #717984 !important;
font-size: 70px;
padding: 5px 0px;
text-shadow: none;
font-family: Arial;
margin: -2px 0 20px;
margin-bottom: 20px;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-medium-light .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
position: relative;
}
.pricing-medium-light .pricing-footer h4 span {
top: -10px;
display: block;
margin-top: 5px;
font-size: 14px;
font-style: normal;
position: relative;
}
.pricing-medium-light .pricing-footer p {
color: #585f69;
padding: 0 20px;
line-height: 17px;
text-align:center;
border-radius: 0 0 3px 3px;
}
.pricing-medium-light .btn-u {
background: #fff ;
padding: 5px 58px;
border: 1px solid #888;
}
.pricing-medium-light .btn-u:hover {
background-color: #717984!important;
}
/*Pricing Table medium-dark Version
------------------------------------*/
.price-active,
.pricing-medium-dark .pricing:hover {
margin-top: 0 ;
}
.pricing-medium-dark .pricing {
border: 2px solid #717984;
box-shadow: none;
}
.pricing-medium-dark .pricing-head h3 {
color: #fff;
text-shadow: none;
background: #717984;
border-bottom: 2px solid #eee ;
}
.pricing-medium-dark .pricing .rating {
text-align: center;
}
.pricing-medium-dark .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-medium-dark .rating li i {
padding-top: 0;
margin: 7px 0;
font-size: 20px;
}
.pricing-medium-dark .pricing-content li i {
color: #717984;
}
.pricing-medium-dark .pricing-content li {
border-color: #eee;
}
.pricing-medium-dark .pricing-footer {
margin: 0px;
background: #717984;
padding: 2px 0px 19px;
}
.pricing-medium-dark .pricing-footer h4 {
color: #717984 !important;
font-size: 70px;
padding: 5px 0px;
text-shadow: none;
font-family: Arial;
text-align: center;
line-height: normal;
font-weight: normal;
margin: -2px 0 20px;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-medium-dark .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
position: relative;
}
.pricing-medium-dark .pricing-footer h4 span {
top: -10px;
display: block;
margin-top: 5px;
font-size: 14px;
font-style: normal;
position: relative;
}
.pricing-medium-dark .pricing-footer p {
color: #fff;
font-size: 11px;
line-height: 17px;
text-align: center;
padding: 0 20px 5px;
border-radius: 0 0 3px 3px;
}
.pricing-medium-dark .btn-u {
background: #fff !important;
border: 1px solid #888 ;
}
/*Pricing Table Dark
------------------------------------*/
.price-active,
.pricing-dark .pricing:hover {
z-index:8;
margin-top: 0 !important;
}
.pricing-dark .pricing {
border-top: 2px solid #717984;
overflow: hidden;
}
.pricing-dark .pricing {
background: #717984;
}
.pricing-dark .pricing .rating {
text-align: center;
}
.pricing-dark .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-dark .pricing li i {
color: #fff;
}
.pricing-dark .rating li i {
margin: 7px 0;
padding-top: 0;
font-size: 20px;
}
.pricing-dark li {
color: #fff;
}
.pricing-dark .pricing-head h3 {
color: #717984;
text-shadow: none;
font-weight: normal !important;
border-bottom: 2px solid #eee !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-dark .pricing-content li {
border-color: #fff;
}
.pricing-dark .pricing-content span {
float: right;
}
.pricing-dark .pricing-content span i {
font-size: 12px;
}
.pricing-dark .pricing-footer {
padding: 2px 0px 20px;
}
.pricing-dark .pricing-footer h4 {
font-size: 70px;
padding: 5px 0px;
font-family: Arial;
text-shadow: none;
margin: -2px 0 20px;
margin-bottom: 20px;
color: #717984 !important;
font-weight: normal !important;
background: #fff url("../../img/breadcrumbs.png") !important;
}
.pricing-dark .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
position: relative;
}
.pricing-dark .pricing-footer h4 span {
top: -10px;
display: block;
margin-top: 5px;
font-size: 14px;
font-style: normal;
position: relative;
}
.pricing-dark .pricing-footer p {
color: #fff;
padding: 0 20px;
line-height: 17px;
text-align:center;
border-radius: 0 0 3px 3px;
}
.pricing-dark .btn-u {
padding: 5px 60px;
background: #fff !important;
border: 1px solid #999 !important;
}
/*Pricing Table Mega v2
------------------------------------*/
.pricing-mega-v2 .price-active,
.pricing-mega-v2 .pricing:hover {
margin-top: 0px;
margin: 40px 0;
}
.pricing-mega-v2 .pricing {
position: relative;
border-radius: 3px;
margin-bottom: 15px;
margin-bottom: 100px;
box-shadow: 0 0 0px #eee;
border: 1px solid #eee;
margin: 40px 0;
}
.pricing-mega-v2 .pricing-head h3 {
font-size: 25px;
min-height: 75px;
}
.pricing-mega-v2 .pricing-head h4{
font-size: 20px;
}
.pricing-mega-v2 .pricing-head h4 i {
color: #888888;
}
.pricing-mega-v2 .pricing:hover h4 i {
color: #74C52C;
}
.pricing-mega-v2 .pricing-head h4 span,
.pricing-mega-v2 .pricing-content li span,
.padding-mega-v2 .pricing-head .price span {
display: block;
padding: 10px 0px 0px;
}
.pricing-mega-v2 .pricing-head .price {
font-size: 70px;
font-style: normal;
padding-bottom: 0px;
background-color: #fff;
}
.pricing-mega-v2 .pricing-head h3,
.pricing-mega-v2 .pricing-head h4 {
font-style: normal;
font-weight: normal !important;
}
.pricing-mega-v2 .hidden-area {
margin-top: 115px;
}
.pricing-mega-v2 .hidden-area:hover {
margin-top: 115px;
}
.pricing-mega-v2 .hidden-area .pricing-head h4 {
font-size: 28px;
min-height: 103px;
padding: 31px 0;
}
.pricing-mega-v2 .hidden-area:hover .pricing-head h4 {
color: #888;
}
.pricing-mega-v2 .hidden-area li:hover i{
color: #74C52C;
}
.pricing-mega-v2 .block li {
text-align: center;
}
.pricing-mega-v2 .block li i {
font-size: 13px;
}
.pricing-mega-v2 .pricing-content li {
padding: 10px;
font-size: 12px;
font-style: normal;
min-height: 41px;
}
.pricing-mega-v2 .hidden-area li {
font-size: 12px;
}
.pricing-mega-v2 .pricing-content li i {
color: #888;
}
.pricing-mega-v2 .bg-color {
background-color: #f9f9f9;
}
.pricing-mega-v2 .block:hover .bg-color {
background: #74C52C;
}
.pricing-mega-v2 .block:hover h3,
.pricing-mega-v2 .block:hover h4,
.pricing-mega-v2 .block:hover li,
.pricing-mega-v2 .block:hover li i,
.pricing-mega-v2 .block:hover h4 i {
color: #fff !important;
background: #74C52C;
}
.pricing-mega-v2 .hidden-area:hover li i {
color: #888;
}
.pricing-mega-v2 a{
padding: 8px 0 ;
}
/*Pricing Table Mega v3
------------------------------------*/
.pricing-mega-v3 .price-active,
.pricing-mega-v3 .pricing:hover {
margin-top: 0;
}
.pricing-mega-v3 .pricing {
border-radius: 3px !important;
box-shadow: none;
}
.pricing-mega-v3 .pricing-content {
border: 1px solid #eee;
border-left: none;
}
.pricing-mega-v3 .hidden-area {
margin-top: 76px;
}
.pricing-mega-v3 .hidden-area:hover {
margin-top: 76px;
}
.pricing-mega-v3 .pricing-head h3 {
font-size: 28px;
min-height: 76px;
font-weight: normal !important;
border-left: 1px solid #eee;
}
.pricing-mega-v3 h4 {
color: #888;
min-height: 100px;
border-top: 1px solid #eee ;
border-right: 1px solid #eee ;
font-weight: normal !important;
}
.pricing-mega-v3 .pricing h5 {
color: #888;
font-size: 20px;
padding-left: 5px;
padding: 30px 0 0 7px;
}
.pricing-mega-v3 .block h5 {
visibility: hidden;
}
.pricing-mega-v3 .pricing-head h4 span,
.pricing-mega-v3 .pricing-content li span,
.padding-mega-v3 .pricing-head .price span {
display: block;
padding: 15px 0px 0px;
}
.pricing-mega-v3 .hidden-area .pricing-content:nth-child(2) {
margin-bottom: 42px;
}
.pricing-mega-v3 .hidden-area .pricing-head h4 {
font-size: 28px;
padding: 34px 0 34px 15px;
border-left: 1px solid #eee;
}
.pricing-mega-v3 .hidden-area:hover .pricing-head h4 {
color: #888;
}
.pricing-mega-v3 .hidden-area .pricing-content {
border-left: 1px solid #eee;
}
.pricing-mega-v3 .hidden-area .price {
text-align: left;
padding-left: 15px;
}
.pricing-mega-v3 .block .pricing-content li i {
font-size: 13px;
}
.pricing-mega-v3 .pricing-content li {
padding: 10px;
font-size: 12px;
text-align: left;
min-height: 41px;
}
.pricing-mega-v3 .block .pricing-content li {
text-align: center;
}
.pricing-mega-v3 .btn-u {
border: 1px solid #fff;
border-bottom: none;
padding: 8px 0;
}
.pricing-mega-v3 .btn-group .dropdown-menu {
margin: 0;
border: 0;
width: 100%;
background: #72c02c;
border-color: #eee;
border: 1px solid #fff;
border-top: none;
margin-top: 40px;
text-align: center;
}
.pricing-mega-v3 .btn-group .dropdown-menu li a {
color: #fff;
}
.pricing-mega-v3 .btn-group .dropdown-menu li a:hover {
background: #5fb611;
}
.pricing-mega-v3 .btn-group-justified {
display: block;
}
/* Devices (Desktop Mode) */
@media (min-width: 992px) and (max-width: 1200px) {
.sticker-right {
top: 10px;
right: -58px;
font-size: 10px;
padding: 3px;
}
.sticker-left {
top: 10px;
left: -58px;
font-size: 10px;
padding: 3px;
}
}
/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 991px) {
/*Pricing Page*/
.price-active,
.pricing:hover {
margin-top: 0;
}
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
.pricing-zoom .price-active .pricing-head h4,
.pricing-zoom .pricing:hover .pricing-head h4 {
padding: 5px 0;
font-size: 70px;
}
.pricing-mega-v3 .pricing h4,
.pricing-mega-v3 .pricing h3,
.pricing-mega-v3 .pricing-content {
border-left: 1px solid #eee;
}
.pricing-mega-v3 .block h5 {
text-align: center;
visibility: visible;
}
/*End Pricing Page*/
}

@ -0,0 +1,274 @@
/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 0;
}
.pricing {
position:relative;
border-radius:3px;
margin-bottom:15px;
box-shadow:0 0 5px #eee;
}
.pricing:hover {
box-shadow:0 0 15px #b5b5b5;
}
.pricing:hover h4 {
color:#74C52C;
}
.pricing-head {
text-align:center;
}
.pricing h3,
.pricing h4 {
margin:0;
line-height:normal;
font-weight:bold;
}
.pricing p {
padding-top: 10px;
font-size: 11px;
}
.pricing-head h3 span,
.pricing-head h4 span {
display:block;
margin-top:5px;
font-size:12px;
font-style:italic;
}
.pricing-head h3 {
color:#fafafa;
padding:12px 0;
font-size:35px;
font-family:Arial;
background:#74C52C;
border-radius:3px 3px 0 0;
text-shadow:0 1px 0 #32a20f;
}
.pricing-head h4 {
color: #888;
padding:5px 0;
font-size:70px;
text-shadow:0 1px 0 #fff;
border-bottom:solid 1px #f5f9e7;
}
.pricing-head h4 i {
top:-8px;
font-size:28px;
font-style:normal;
position:relative;
}
.pricing-head h4 span {
top:-10px;
font-size:14px;
font-style:normal;
position:relative;
}
/*Pricing Content*/
.pricing-content {
margin-bottom: 0px;
}
.pricing-content li {
color:#888;
font-size:12px;
padding:7px 15px;
border-bottom:solid 1px #f5f9e7;
}
.pricing-content li i {
color:#72c02c;
font-size:16px;
margin-right:5px;
position:relative;
}
/*Pricing Footer*/
.pricing-footer {
color:#777;
font-size:11px;
line-height:17px;
text-align:center;
padding:0 20px 19px;
border-radius:0 0 3px 3px;
}
.price-active h4 {
color:#74C52C;
}
/*Pricing Extra*/
.bg-color {
background-color: #f9f9f9;
}
.no-space-pricing {
padding: 0 15px;
}
.sticker-right,
.sticker-left {
color: #fff;
width: 150px;
padding: 5px;
font-size: 13px;
font-weight: bold;
font-family: Arial;
position: absolute;
text-align: center;
letter-spacing: 2px;
}
.sticker-right {
top: 13px;
right: -49px;
background: rgba(231, 76, 60, 1);
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.sticker-left {
top: 9px;
left: -48px;
background: rgba(116, 197, 44, 1);
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/*Pricing Table Mega v2
------------------------------------*/
.pricing-mega-v2 .pricing {
position: relative;
border-radius: 3px;
margin-bottom: 15px;
margin-bottom: 100px;
box-shadow: 0 0 0px #eee;
border: 1px solid #eee;
margin: 40px 0;
}
.pricing-mega-v2 .pricing-head h3 {
font-size: 25px;
min-height: 75px;
}
.pricing-mega-v2 .pricing-head h4{
font-size: 20px;
}
.pricing-mega-v2 .pricing-head h4 i {
color: #888888;
}
.pricing-mega-v2 .pricing:hover h4 i {
color: #74C52C;
}
.pricing-mega-v2 .pricing-head h4 span,
.pricing-mega-v2 .pricing-content li span,
.padding-mega-v2 .pricing-head .price span {
display: block;
padding: 10px 0px 0px;
}
.pricing-mega-v2 .pricing-head .price {
font-size: 70px;
font-style: normal;
padding-bottom: 0px;
background-color: #fff;
}
.pricing-mega-v2 .pricing-head h3,
.pricing-mega-v2 .pricing-head h4 {
font-style: normal;
font-weight: normal !important;
}
.pricing-mega-v2 .hidden-area {
margin-top: 115px;
}
.pricing-mega-v2 .hidden-area:hover {
margin-top: 115px;
}
.pricing-mega-v2 .hidden-area .pricing-head h4 {
font-size: 28px;
min-height: 103px;
padding: 31px 0;
}
.pricing-mega-v2 .hidden-area:hover .pricing-head h4 {
color: #888;
}
.pricing-mega-v2 .hidden-area li:hover i{
color: #74C52C;
}
.pricing-mega-v2 .block li {
text-align: center;
}
.pricing-mega-v2 .block li i {
font-size: 13px;
}
.pricing-mega-v2 .pricing-content li {
padding: 10px;
font-size: 12px;
font-style: normal;
min-height: 41px;
}
.pricing-mega-v2 .hidden-area li {
font-size: 12px;
}
.pricing-mega-v2 .pricing-content li i {
color: #888;
}
.pricing-mega-v2 .bg-color {
background-color: #f9f9f9;
}
.pricing-mega-v2 .block:hover .bg-color {
background: #74C52C;
}
.pricing-mega-v2 .block:hover h3,
.pricing-mega-v2 .block:hover h4,
.pricing-mega-v2 .block:hover li,
.pricing-mega-v2 .block:hover li i,
.pricing-mega-v2 .block:hover h4 i {
color: #fff !important;
background: #74C52C;
}
.pricing-mega-v2 .hidden-area:hover li i {
color: #888;
}
.pricing-mega-v2 a{
padding: 8px 0 ;
}
/* Devices (Desktop Mode) */
@media (min-width: 992px) and (max-width: 1200px) {
.sticker-right {
top: 10px;
right: -58px;
font-size: 10px;
padding: 3px;
}
.sticker-left {
top: 10px;
left: -58px;
font-size: 10px;
padding: 3px;
}
}
/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 991px) {
/*Pricing Page*/
.price-active,
.pricing:hover {
margin-top: 0;
}
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
/*End Pricing Page*/
}

@ -0,0 +1,286 @@
/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 0;
}
.pricing {
position:relative;
border-radius:3px;
margin-bottom:15px;
}
.pricing:hover h4 {
color:#74C52C;
}
.pricing-head {
text-align:center;
}
.pricing h3,
.pricing h4 {
margin:0;
line-height:normal;
font-weight:bold;
}
.pricing p {
padding-top: 10px;
font-size: 11px;
}
.pricing-head h3 span,
.pricing-head h4 span {
display:block;
margin-top:5px;
font-size:12px;
font-style:italic;
}
.pricing-head h3 {
color:#fafafa;
padding:12px 0;
font-size:35px;
font-family:Arial;
background:#74C52C;
border-radius:3px 3px 0 0;
text-shadow:0 1px 0 #32a20f;
}
.pricing-head h4 {
color: #888;
padding:5px 0;
font-size:70px;
text-shadow:0 1px 0 #fff;
border-bottom:solid 1px #f5f9e7;
}
.pricing-head h4 i {
top:-8px;
font-size:28px;
font-style:normal;
position:relative;
}
.pricing-head h4 span {
top:-10px;
font-size:14px;
font-style:normal;
position:relative;
}
/*Pricing Content*/
.pricing-content {
margin-bottom: 0px;
}
.pricing-content li {
color:#888;
font-size:12px;
padding:7px 15px;
border-bottom:solid 1px #f5f9e7;
}
.pricing-content li i {
color:#72c02c;
font-size:16px;
margin-right:5px;
position:relative;
}
/*Pricing Footer*/
.pricing-footer {
color:#777;
font-size:11px;
line-height:17px;
text-align:center;
padding:0 20px 19px;
border-radius:0 0 3px 3px;
}
/*Pricing Active*/
.price-active h4 {
color:#74C52C;
}
/*Pricing Extra*/
.bg-color {
background-color: #f9f9f9;
}
.no-space-pricing {
padding: 0 15px;
}
.sticker-right,
.sticker-left {
color: #fff;
width: 150px;
padding: 5px;
font-size: 13px;
font-weight: bold;
font-family: Arial;
position: absolute;
text-align: center;
letter-spacing: 2px;
}
.sticker-right {
top: 13px;
right: -49px;
background: rgba(231, 76, 60, 1);
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.sticker-left {
top: 9px;
left: -48px;
background: rgba(116, 197, 44, 1);
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/*Pricing Table Mega v3
------------------------------------*/
.pricing-mega-v3 .price-active,
.pricing-mega-v3 .pricing:hover {
margin-top: 0;
}
.pricing-mega-v3 .pricing {
border-radius: 3px !important;
box-shadow: none;
}
.pricing-mega-v3 .pricing-content {
border: 1px solid #eee;
border-left: none;
}
.pricing-mega-v3 .hidden-area {
margin-top: 76px;
}
.pricing-mega-v3 .hidden-area:hover {
margin-top: 76px;
}
.pricing-mega-v3 .pricing-head h3 {
font-size: 28px;
min-height: 76px;
font-weight: normal !important;
border-left: 1px solid #eee;
}
.pricing-mega-v3 h4 {
color: #888;
min-height: 100px;
border-top: 1px solid #eee ;
border-right: 1px solid #eee ;
font-weight: normal !important;
}
.pricing-mega-v3 .pricing h5 {
color: #888;
font-size: 20px;
padding-left: 5px;
padding: 30px 0 0 7px;
}
.pricing-mega-v3 .block h5 {
visibility: hidden;
}
.pricing-mega-v3 .pricing-head h4 span,
.pricing-mega-v3 .pricing-content li span,
.padding-mega-v3 .pricing-head .price span {
display: block;
padding: 15px 0px 0px;
}
.pricing-mega-v3 .hidden-area .pricing-content:nth-child(2) {
margin-bottom: 42px;
}
.pricing-mega-v3 .hidden-area .pricing-head h4 {
font-size: 28px;
padding: 34px 0 34px 15px;
border-left: 1px solid #eee;
}
.pricing-mega-v3 .hidden-area:hover .pricing-head h4 {
color: #888;
}
.pricing-mega-v3 .hidden-area .pricing-content {
border-left: 1px solid #eee;
}
.pricing-mega-v3 .hidden-area .price {
text-align: left;
padding-left: 15px;
}
.pricing-mega-v3 .block .pricing-content li i {
font-size: 13px;
}
.pricing-mega-v3 .pricing-content li {
padding: 10px;
font-size: 12px;
text-align: left;
min-height: 41px;
}
.pricing-mega-v3 .block .pricing-content li {
text-align: center;
}
.pricing-mega-v3 .btn-u {
border: 1px solid #fff;
border-bottom: none;
padding: 8px 0;
}
.pricing-mega-v3 .btn-group .dropdown-menu {
margin: 0;
border: 0;
width: 100%;
background: #72c02c;
border-color: #eee;
border: 1px solid #fff;
border-top: none;
margin-top: 40px;
text-align: center;
}
.pricing-mega-v3 .btn-group .dropdown-menu li a {
color: #fff;
}
.pricing-mega-v3 .btn-group .dropdown-menu li a:hover {
background: #5fb611;
}
.pricing-mega-v3 .btn-group-justified {
display: block;
}
/* Devices (Desktop Mode) */
@media (min-width: 992px) and (max-width: 1200px) {
.sticker-right {
top: 10px;
right: -58px;
font-size: 10px;
padding: 3px;
}
.sticker-left {
top: 10px;
left: -58px;
font-size: 10px;
padding: 3px;
}
}
/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 991px) {
/*Pricing Page*/
.price-active,
.pricing:hover {
margin-top: 0;
}
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
.pricing-mega-v3 .pricing h4,
.pricing-mega-v3 .pricing h3,
.pricing-mega-v3 .pricing-content {
border-left: 1px solid #eee;
}
.pricing-mega-v3 .block h5 {
text-align: center;
visibility: visible;
}
/*End Pricing Page*/
}

@ -0,0 +1,246 @@
/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.pricing-rounded .no-space-pricing [class^="col-"],
.pricing-rounded .no-space-pricing [class*=" col-"] {
padding: 0;
}
.pricing-rounded .pricing {
position:relative;
border-radius:3px;
margin-bottom:15px;
box-shadow:0 0 5px #eee;
}
.pricing-rounded .pricing:hover {
box-shadow:0 0 15px #b5b5b5;
}
.pricing-rounded .pricing:hover h4 {
color:#74C52C;
}
.pricing-rounded .pricing-head {
text-align:center;
}
.pricing-rounded .pricing h3,
.pricing-rounded .pricing h4 {
margin:0;
line-height:normal;
font-weight:bold;
}
.pricing-rounded .pricing p {
padding-top: 10px;
font-size: 11px;
}
.pricing-rounded .pricing-head h3 span,
.pricing-rounded .pricing-head h4 span {
display:block;
margin-top:5px;
font-size:12px;
font-style:italic;
}
.pricing-rounded .pricing-head h3 {
color:#fafafa;
padding:12px 0;
font-size:35px;
font-family:Arial;
background:#74C52C;
border-radius:3px 3px 0 0;
text-shadow:0 1px 0 #32a20f;
}
.pricing-rounded .pricing-head h4 {
color: #888;
padding:5px 0;
font-size:70px;
text-shadow:0 1px 0 #fff;
border-bottom:solid 1px #f5f9e7;
}
.pricing-rounded .pricing-head h4 i {
top:-8px;
font-size:28px;
font-style:normal;
position:relative;
}
.pricing-rounded .pricing-head h4 span {
top:-10px;
font-size:14px;
font-style:normal;
position:relative;
}
/*Pricing Content*/
.pricing-rounded .pricing-content {
margin-bottom: 0px;
}
.pricing-rounded .pricing-content li {
color:#888;
font-size:12px;
padding:7px 15px;
border-bottom:solid 1px #f5f9e7;
}
.pricing-rounded .pricing-content li i {
color:#72c02c;
font-size:16px;
margin-right:5px;
position:relative;
}
/*Pricing Footer*/
.pricing-rounded .pricing-footer {
color:#777;
font-size:11px;
line-height:17px;
text-align:center;
padding:0 20px 19px;
border-radius:0 0 3px 3px;
}
/*Pricing Active*/
.pricing-rounded .price-active,
.pricing-rounded .pricing:hover {
z-index:9;
margin-top: -15px;
}
.pricing-rounded .price-active h4 {
color:#74C52C;
}
/*Pricing Extra*/
.pricing-rounded .bg-color {
background-color: #f9f9f9;
}
.pricing-rounded .no-space-pricing {
padding: 0 15px;
}
.pricing-rounded .sticker-right,
.pricing-rounded .sticker-left {
color: #fff;
width: 150px;
padding: 5px;
font-size: 13px;
font-weight: bold;
font-family: Arial;
position: absolute;
text-align: center;
letter-spacing: 2px;
}
.pricing-rounded .sticker-right {
top: 13px;
right: -49px;
background: rgba(231, 76, 60, 1);
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.pricing-rounded .sticker-left {
top: 9px;
left: -48px;
background: rgba(116, 197, 44, 1);
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/*Pricing Table Rounded Version
------------------------------------*/
.price-active,
.pricing-rounded .pricing:hover {
margin-top: 0;
}
.pricing-rounded .pricing {
overflow: hidden;
box-shadow: none;
border: 1px solid #eee;
}
.pricing-rounded .easy-bg-v2 {
letter-spacing: 1px;
border: 1px solid #fff;
background-color:rgba(255, 255, 255, 0.1);
}
.pricing-rounded .pricing-head h3 {
padding-bottom: 80px;
padding-top: 15px;
}
.pricing-rounded .pricing-head h4 {
width: 140px;
height: 140px;
padding-top: 22px;
padding-left: 6px;
font-size: 55px;
margin: -75px auto 20px;
border-radius: 140px !important;
font-weight: normal !important;
background: #fff url("../../../img/breadcrumbs.png") !important;
}
.pricing-rounded .pricing-head h4 i{
margin-right: 2px;
}
.pricing-rounded h6 {
color: #888;
font-size: 13px;
font-style: normal;
padding-bottom: 5px;
}
.pricing-rounded .pricing-content span {
float: right;
}
.pricing-rounded .pricing-content span i {
font-size: 13px;
}
/* Devices (Desktop Mode) */
@media (min-width: 992px) and (max-width: 1200px) {
.sticker-right {
top: 10px;
right: -58px;
font-size: 10px;
padding: 3px;
}
.sticker-left {
top: 10px;
left: -58px;
font-size: 10px;
padding: 3px;
}
}
/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 991px) {
/*Pricing Page*/
.price-active,
.pricing:hover {
margin-top: 0;
}
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
}

@ -0,0 +1,206 @@
/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 0;
}
.pricing-zoom .pricing {
position:relative;
border-radius:3px;
margin-bottom:15px;
box-shadow:0 0 5px #eee;
}
.pricing-zoom .pricing:hover {
box-shadow:0 0 15px #b5b5b5;
}
.pricing-zoom .pricing:hover h4 {
color:#74C52C;
}
.pricing-zoom .pricing-head {
text-align:center;
}
.pricing-zoom .pricing h3,
.pricing-zoom .pricing h4 {
margin:0;
line-height:normal;
font-weight:bold;
}
.pricing-zoom .pricing p {
padding-top: 10px;
font-size: 11px;
}
.pricing-zoom .pricing-head h3 span,
.pricing-zoom .pricing-head h4 span {
display:block;
margin-top:5px;
font-size:12px;
font-style:italic;
}
.pricing-zoom .pricing-head h3 {
color:#fafafa;
padding:12px 0;
font-size:35px;
font-family:Arial;
background:#74C52C;
border-radius:3px 3px 0 0;
text-shadow:0 1px 0 #32a20f;
}
.pricing-zoom .pricing-head h4 {
color: #888;
padding:5px 0;
font-size:70px;
text-shadow:0 1px 0 #fff;
border-bottom:solid 1px #f5f9e7;
}
.pricing-zoom .pricing-head h4 i {
top:-8px;
font-size:28px;
font-style:normal;
position:relative;
}
.pricing-zoom .pricing-head h4 span {
top:-10px;
font-size:14px;
font-style:normal;
position:relative;
}
/*Pricing Content*/
.pricing-zoom .pricing-content {
margin-bottom: 0px;
}
.pricing-zoom .pricing-content li {
color:#888;
font-size:12px;
padding:7px 15px;
border-bottom:solid 1px #f5f9e7;
}
.pricing-zoom .pricing-content li i {
color:#72c02c;
font-size:16px;
margin-right:5px;
position:relative;
}
/*Pricing Footer*/
.pricing-zoom .pricing-footer {
color:#777;
font-size:11px;
line-height:17px;
text-align:center;
padding:0 20px 19px;
border-radius:0 0 3px 3px;
}
/*Pricing Active*/
.pricing-zoom .price-active,
.pricing-zoom .pricing:hover {
z-index:9;
margin-top: -15px;
}
.pricing-zoom .price-active h4 {
color:#74C52C;
}
/*Pricing Extra*/
.pricing-zoom .bg-color {
background-color: #f9f9f9;
}
.pricing-zoom .no-space-pricing {
padding: 0 15px;
}
.pricing-zoom .sticker-right,
.pricing-zoom .sticker-left {
color: #fff;
width: 150px;
padding: 5px;
font-size: 13px;
font-weight: bold;
font-family: Arial;
position: absolute;
text-align: center;
letter-spacing: 2px;
}
.pricing-zoom .sticker-right {
top: 13px;
right: -49px;
background: rgba(231, 76, 60, 1);
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.pricing-zoom .sticker-left {
top: 9px;
left: -48px;
background: rgba(116, 197, 44, 1);
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/*Pricing Zoom
------------------------------------*/
.pricing-zoom .pricing:hover {
-webkit-transition:box-shadow 0.3s ease-in-out;
-moz-transition:box-shadow 0.3s ease-in-out;
-o-transition:box-shadow 0.3s ease-in-out;
transition:box-shadow 0.2s ease-in-out;
}
.pricing-zoom .pricing-head h4 {
background: url("../../img/breadcrumbs.png")
repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.pricing-zoom .price-active .pricing-head h4,
.pricing-zoom .pricing:hover .pricing-head h4 {
padding: 15px 0;
font-size: 80px;
-webkit-transition:color 0.5s ease-in-out;
-moz-transition:color 0.5s ease-in-out;
-o-transition:color 0.5s ease-in-out;
transition:color 0.5s ease-in-out;
}
/* Devices (Desktop Mode) */
@media (min-width: 992px) and (max-width: 1200px) {
.sticker-right {
top: 10px;
right: -58px;
font-size: 10px;
padding: 3px;
}
.sticker-left {
top: 10px;
left: -58px;
font-size: 10px;
padding: 3px;
}
}
/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 991px) {
/*Pricing Page*/
.pricing-zoom .price-active,
.pricing-zoom .pricing:hover {
margin-top: 0 ;
}
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
.pricing-zoom .price-active .pricing-head h4,
.pricing-zoom .pricing:hover .pricing-head h4 {
padding: 5px 0;
font-size: 70px;
}
}

@ -0,0 +1,177 @@
/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 0;
}
.pricing {
position:relative;
overflow: hidden;
border-radius:3px;
margin-bottom:15px;
box-shadow:0 0 5px #eee;
}
.pricing:hover {
box-shadow:0 0 15px #b5b5b5;
}
.pricing:hover h4 {
color:#74C52C;
}
.pricing-head {
text-align:center;
}
.pricing h3,
.pricing h4 {
margin:0;
line-height:normal;
font-weight:bold;
}
.pricing p {
padding-top: 10px;
font-size: 11px;
}
.pricing-head h3 span,
.pricing-head h4 span {
display:block;
margin-top:5px;
font-size:12px;
font-style:italic;
}
.pricing-head h3 {
color:#fafafa;
padding:12px 0;
font-size:35px;
font-family:Arial;
background:#74C52C;
border-radius:3px 3px 0 0;
text-shadow:0 1px 0 #32a20f;
}
.pricing-head h4 {
color: #888;
padding:5px 0;
font-size:70px;
text-shadow:0 1px 0 #fff;
border-bottom:solid 1px #f5f9e7;
}
.pricing-head h4 i {
top:-8px;
font-size:28px;
font-style:normal;
position:relative;
}
.pricing-head h4 span {
top:-10px;
font-size:14px;
font-style:normal;
position:relative;
}
/*Pricing Content*/
.pricing-content {
margin-bottom: 0px;
}
.pricing-content li {
color:#888;
font-size:12px;
padding:7px 15px;
border-bottom:solid 1px #f5f9e7;
}
.pricing-content li i {
color:#72c02c;
font-size:16px;
margin-right:5px;
position:relative;
}
/*Pricing Footer*/
.pricing-footer {
color:#777;
font-size:11px;
line-height:17px;
text-align:center;
padding:0 20px 19px;
border-radius:0 0 3px 3px;
}
/*Pricing Active*/
.price-active,
.pricing:hover {
z-index:9;
margin-top: -15px;
}
.price-active h4 {
color:#74C52C;
}
/*Pricing Extra*/
.bg-color {
background-color: #f9f9f9;
}
.no-space-pricing {
padding: 0 15px;
}
.sticker-right,
.sticker-left {
color: #fff;
width: 150px;
padding: 5px;
font-size: 13px;
font-weight: bold;
font-family: Arial;
position: absolute;
text-align: center;
letter-spacing: 2px;
}
.sticker-right {
top: 13px;
right: -49px;
background: rgba(231, 76, 60, 1);
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.sticker-left {
top: 9px;
left: -48px;
background: rgba(116, 197, 44, 1);
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/* Devices (Desktop Mode) */
@media (min-width: 992px) and (max-width: 1200px) {
.sticker-right {
top: 10px;
right: -58px;
font-size: 10px;
padding: 3px;
}
.sticker-left {
top: 10px;
left: -58px;
font-size: 10px;
padding: 3px;
}
}
/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 991px) {
/*Pricing Page*/
.price-active,
.pricing:hover {
margin-top: 0;
}
/*End Pricing Page*/
}

@ -0,0 +1,380 @@
/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.pricing {
position:relative;
border-radius:3px;
margin-bottom:15px;
box-shadow:0 0 5px #eee;
}
.pricing:hover {
box-shadow:0 0 15px #b5b5b5;
}
.pricing:hover h4 {
color:#74C52C;
}
.pricing-head {
text-align:center;
}
.pricing h3,
.pricing h4 {
margin:0;
line-height:normal;
font-weight:bold !important;
}
.pricing p {
padding-top: 10px;
font-size: 11px;
}
.pricing-head h3 span,
.pricing-head h4 span {
display:block;
margin-top:5px;
font-size:12px;
font-style:italic;
}
.pricing-head h3 {
color:#fafafa;
padding:12px 0;
font-size:35px;
font-family:Arial;
background:#74C52C;
border-radius:3px 3px 0 0;
text-shadow:0 1px 0 #32a20f;
}
.pricing-head h4 {
color: #888;
padding:5px 0;
font-size:70px;
text-shadow:0 1px 0 #fff;
border-bottom:solid 1px #f5f9e7;
}
.pricing-head h4 i {
top:-8px;
font-size:28px;
font-style:normal;
position:relative;
}
.pricing-head h4 span {
top:-10px;
font-size:14px;
font-style:normal;
position:relative;
}
/*Pricing Content*/
.pricing-content {
margin-bottom: 0px;
}
.pricing-content li {
color:#888;
font-size:12px;
padding:7px 15px;
border-bottom:solid 1px #f5f9e7;
}
.pricing-content li i {
color:#72c02c;
font-size:16px;
margin-right:5px;
position:relative;
}
/*Pricing Footer*/
.pricing-footer {
color:#777;
font-size:11px;
line-height:17px;
text-align:center;
padding:0 20px 19px;
border-radius:0 0 3px 3px;
}
/*Pricing Active*/
.price-active,
.pricing:hover {
z-index:9;
margin-top: -15px;
}
.price-active h4 {
color:#74C52C;
}
/*Pricing Extra*/
.bg-color {
background-color: #f9f9f9;
}
.easy-bg-v2 {
top: 13px;
color: #fff;
width: 150px;
padding: 5px;
right: -49px;
font-size: 13px;
font-weight: bold;
font-family: Arial;
position: absolute;
text-align: center;
letter-spacing: 2px;
background: rgba(231, 76, 60, 1);
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
/*Pricing Table accord-inner Version
------------------------------------*/
.pricing-accord-inner [class^="col-"],
.pricing-accord-inner [class*=" col-"] {
padding: 0px;
}
.pricing-accord .price-active,
.pricing-accord .pricing-accord-inner .pricing:hover {
margin-top: 0 ;
}
.pricing-accord-inner .pricing {
overflow: hidden;
box-shadow: none;
}
.pricing-accord-inner h3 {
color: #888;
text-shadow: none;
font-weight: normal !important;
border-bottom: 1px solid #ddd ;
border-top: 1px solid #ddd;
background: url("../../img/breadcrumbs.png")
repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.pricing-accord-inner .pricing .rating li {
padding: 0;
border-bottom: none;
}
.pricing-accord-inner .rating li i {
color: #888;
margin: 7px 0;
padding-top: 0;
font-size: 20px;
}
.pricing-accord-inner li {
color: #888;
text-align: center;
}
.pricing-accord-inner .pricing-footer {
margin: 0px;
padding: 2px 0px 19px;
}
.pricing-accord .tab-pane h4 {
text-align: center;
padding: 30px 0;
font-size: 30px;
color: #888;
}
.pricing-accord-inner .pricing-footer h4 {
color: #888;
padding: 5px;
font-size: 60px;
text-shadow: none;
margin: -2px 0 0px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-weight: normal !important;
background: url("../../img/breadcrumbs.png")
repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.pricing-accord-inner .pricing-footer h4 i {
top: -8px;
font-size: 28px;
font-style: normal;
}
.pricing-accord-inner .pricing-footer h4 span {
top: -5px;
display: block;
font-size: 14px;
margin-bottom: 5px;
font-style: normal;
}
.pricing-accord-inner .pricing-footer p {
color: #888;
line-height: 17px;
padding: 15px 20px 5px ;
}
.pricing-accord-inner .pricing:hover h4,
.pricing-accord-inner .pricing:hover h3,
.pricing-accord-inner .pricing:hover p,
.pricing-accord-inner .pricing:hover li,
.pricing-accord-inner .pricing:hover li i {
color: #717984;
}
.pricing-accord-inner .pricing-footer .btn-u,
.shadow-wrapper .btn-u {
border: 1px solid #888 ;
background: #fff ;
padding: 7px 59px;
}
.pricing-accord-inner .pricing-footer .btn-u:hover,
.shadow-wrapper .btn-u:hover{
background-color: #74C52C!important;
border-color: #eee !important;
}
.pricing-accord-inner .pricing-footer .btn-u:hover h4 {
color: red;
}
.pricing-accord .tab-content {
border: 1px solid #EEEEEE;
padding: 10px 15px;
}
.pricing-accord .nav {
margin: 0 auto;
display: table;
table-layout: auto;
float: none;
}
.pricing-accord .nav-tabs > li {
margin-bottom: -2px;
text-align: center !important;
}
.pricing-accord .nav-tabs li a {
border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
margin: 0 0 0 30px;
padding-left: 30px;
padding-right: 30px;
width: 130px;
}
.pricing-accord .nav-tabs li.active a {
margin: 0 0 0 30px;
padding-left: 30px;
padding-right: 30px;
width: 130px;
}
.pricing-accord .test {
text-align: center !important;
margin: auto !important;
}
.pricing-accord .btn-group .btn {
color: #888;
border-radius: 30px !important;
margin: 15px 2px 0 ;
border: 1px solid #eee;
}
.pricing-accord .btn-group {
text-align: center !important!;
margin: auto !important;
}
.testimonials {
margin-top: 30px;
}
.progress-bar {
background: #888;
}
h2 {
padding: 30px 0 0 25px;
}
.shadow-wrapper .btn-u {
margin: 20px 0 10px 0;
}
.content-2 h4{
margin: 20px 0 5px 60px;
}
.content-2 p{
padding-right: 50px;
}
/* Devices (tablets, 768px and more) */
@media (min-width: 767px) {
/*Pricing Page*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 0;
}
.pricing-mega [class^="col-"],
.pricing-mega [class*=" col-"] {
padding: 0px;
}
.pricing-mega-2 [class^="col-"],
.pricing-mega-2 [class*=" col-"] {
padding: 0px;
}
.pricing-mega-3 [class^="col-"],
.pricing-mega-3 [class*=" col-"] {
padding: 1px;
}
.pricing-mega-3 [class^="col-"],
.pricing-mega-3 [class*=" col-"] {
padding: 0px;
}
.pricing-light [class^="col-"],
.pricing-light [class*=" col-"] {
padding: 10px;
}
/*End Pricing Page*/
}
/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 992px) {
/*Pricing Page*/
.price-active,
.pricing:hover {
margin-top: 0;
}
.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
padding: 5px 0;
font-size: 70px;
}
.pricing-mega-3 .pricing h4,
.pricing-mega-3 .pricing h3,
.pricing-mega-3 .pricing-content {
border-left: 1px solid #eee;
}
.pricing-mega-3 [class^="col-"],
.pricing-mega-3 [class*=" col-"] {
padding: 10px;
}
.pricing-mega-3 .block h5 {
text-align: center;
visibility: visible;
}
.pricing-accord .tab-content {
border-radius: 0 !important;
}
.pricing-accord .nav-tabs li a {
margin: 0 3px 0 3px;
padding-left: 5px;
padding-right: 5px;
width: 80px;
}
.pricing-accord .nav-tabs li.active a {
margin: 0 0 0 6px;
padding-left: 5px;
padding-right: 5px;
width: 80px;
/*End Pricing Page*/
}

@ -0,0 +1,367 @@
/*
Green: #74C52C rgba(116,197,44, 1);
Blue: #3498db rgba(52,152,219, 1);
Orange: #e67e22 rgba(230,126,34, 1);
Red: #e74c3c rgba(231,76,60, 1);
Grey: #bdc3c7 rgba(189,195,199, 1);
Purple: #9b6bcc rgba(155,107,204, 1);
Aqua: #27d7e7 rgba(39,215,231, 1);
Brown: #9c8061 rgba(156,128,97, 1);
Dark Blue: #4765a0 rgba(71,101,160, 1);
Light Green: #79d5b3 rgba(121,213,179, 1);
*/
/*Pricing Page New
------------------------------------*/
.pricing-table-v1 .sticker-right,
.pricing-table-v1 .sticker-left {
color: #fff;
width: 150px;
padding: 1px;
font-size: 10px;
font-weight: bold;
font-family: Arial;
position: absolute;
text-align: center;
letter-spacing: 2px;
background-color: #585f69;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}
.pricing-table-v1 .sticker-right {
top: 6px;
right: -59px;
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.pricing-table-v1 .sticker-left {
top: 10px;
left: -58px;
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.pricing-table-v1 .bg-green {
background-color: rgba(116,197,44, 0.9);
}
.pricing-table-v1 .bg-blue {
background-color: rgba(52, 152, 219, 1);
}
.pricing-table-v1 .bg-orange {
background-color: rgba(230,126,34, 1);
}
.pricing-table-v1 .bg-red {
background-color: rgba(231,76,60, 1);
}
.pricing-table-v1 .bg-grey {
background-color: rgba(189,195,199, 1);
}
.pricing-table-v1 .bg-purple {
background-color: rgba(155,107,204, 1);
}
.pricing-table-v1 .bg-aqua {
background-color: rgba(39,215,231, 1);
}
.pricing-table-v1 .bg-brown {
background-color: rgba(156,128,97, 1);
}
.pricing-table-v1 .bg-dark-blue {
background-color: rgba(71,101,160, 1);
}
.pricing-table-v1 .bg-light-green {
background-color: rgba(121,213,179, 1);
}
.pricing-table-v1 .pricing-v1 {
overflow: hidden;
position: relative;
margin-bottom: 30px;
}
.pricing-table-v1 .pricing-v1:hover li {
background: #fff;
}
.pricing-table-v1 .pricing-v1-head {
padding: 1px 0;
background: #74C52C;
}
.pricing-table-v1 .pricing-v1-head h4,
.pricing-table-v1 .pricing-v1-head h5 {
font-size: 14px;
margin: 0;
color: #fff;
padding: 9px 0;
font-family: Arial;
letter-spacing: 1px;
}
.pricing-table-v1 .pricing-v1-head h5 {
font-size: 50px;
margin-left: 17px;
}
.pricing-table-v1 .pricing-v1-head h5 i {
top: -5px;
font-size: 15px;
padding-left: 2px;
position: relative;
font-style: normal;
}
.pricing-table-v1 .pricing-v1-head h5 span {
top: -23px;
font-size: 15px;
position: relative;
padding-right: 2px;
}
.pricing-table-v1 .pricing-v1-content {
margin-bottom: 0;
background: #f9f9f9;
}
.pricing-table-v1 .pricing-v1-content li {
margin: 0;
color: #888;
padding: 13px 20px;
border-bottom: 1px solid rgba(116, 197, 44, 0.3);
}
.pricing-table-v1 .pricing-v1-content li i {
margin-right: 10px;
color: #74C52C;
}
.pricing-table-v1 .pricing-v1-green .btn-u {
background: #72c02c !important;
}
.pricing-table-v1 .pricing-v1-blue .pricing-v1-head {
background: rgba(52, 152, 219, 1);
}
.pricing-table-v1 .pricing-v1-blue .pricing-v1-content li {
border-bottom: 1px solid rgba(52, 152, 219, 0.3);
}
.pricing-table-v1 .pricing-v1-blue .pricing-v1-content li i{
color: rgba(52, 152, 219, 1);
}
.pricing-table-v1 .pricing-v1-orange .pricing-v1-head {
background: rgba(230,126,34, 1);
}
.pricing-table-v1 .pricing-v1-orange .pricing-v1-content li {
border-bottom: 1px solid rgba(230,126,34, 0.3);
}
.pricing-table-v1 .pricing-v1-orange .pricing-v1-content li i{
color: rgba(230,126,34, 1);
}
.pricing-table-v1 .pricing-v1-red .pricing-v1-head {
background: rgba(231,76,60, 1);
}
.pricing-table-v1 .pricing-v1-red .pricing-v1-content li {
border-bottom: 1px solid rgba(231,76,60, 0.2);
}
.pricing-table-v1 .pricing-v1-red .pricing-v1-content li i{
color: rgba(231,76,60, 1);
}
.pricing-table-v1 .pricing-v1-grey .pricing-v1-head {
background: rgba(189,195,199, 1);
}
.pricing-table-v1 .pricing-v1-grey .pricing-v1-content li {
border-bottom: 1px solid rgba(189,195,199, 0.3);
}
.pricing-table-v1 .pricing-v1-grey .pricing-v1-content li i{
color: rgba(189,195,199, 1);
}
.pricing-table-v1 .pricing-v1-purple .pricing-v1-head {
background: rgba(155,107,204, 1);
}
.pricing-table-v1 .pricing-v1-purple .pricing-v1-content li {
border-bottom: 1px solid rgba(155,107,204, 0.3);
}
.pricing-table-v1 .pricing-v1-purple .pricing-v1-content li i{
color: rgba(155,107,204, 1);
}
.pricing-table-v1 .pricing-v1-aqua .pricing-v1-head {
background: rgba(39,215,231, 1);
}
.pricing-table-v1 .pricing-v1-aqua .pricing-v1-content li {
border-bottom: 1px solid rgba(39,215,231, 0.3);
}
.pricing-table-v1 .pricing-v1-aqua .pricing-v1-content li i{
color: rgba(39,215,231, 1);
}
.pricing-table-v1 .pricing-v1-brown .pricing-v1-head {
background: rgba(156,128,97, 1);
}
.pricing-table-v1 .pricing-v1-brown .pricing-v1-content li {
border-bottom: 1px solid rgba(156,128,97, 0.3);
}
.pricing-table-v1 .pricing-v1-brown .pricing-v1-content li i{
color: rgba(156,128,97, 1);
}
.pricing-table-v1 .pricing-v1-dark-blue .pricing-v1-head {
background: rgba(71,101,160, 1);
}
.pricing-table-v1 .pricing-v1-dark-blue .pricing-v1-content li {
border-bottom: 1px solid rgba(71,101,160, 0.3);
}
.pricing-table-v1 .pricing-v1-dark-blue .pricing-v1-content li i{
color: rgba(71,101,160, 1);
}
.pricing-table-v1 .pricing-v1-light-green .pricing-v1-head {
background: rgba(121,213,179, 1);
}
.pricing-table-v1 .pricing-v1-light-green .pricing-v1-content li {
border-bottom: 1px solid rgba(121,213,179, 0.3);
}
.pricing-table-v1 .pricing-v1-light-green .pricing-v1-content li i{
color: rgba(121,213,179, 1);
}
/* Devices (Large Screen Mode, 1200px more) */
@media (min-width: 1200px) {
.pricing-table-v1 .sticker-right {
top: 10px;
right: -51px;
padding: 6px;
font-size: 10px;
}
.pricing-table-v1 .sticker-left {
top: 10px;
left: -51px;
padding: 5px;
font-size: 10px;
}
.pricing-table-v1 .pricing-v1 {
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
}
.pricing-table-v1 .pricing-v1:hover {
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
}
.pricing-table-v1 .pricing-v1:hover li {
background: #fff;
}
}
/* Devices (Desktop Mode, 992px and 1200px) */
@media (min-width: 992px) and (max-width: 1200px) {
.pricing-table-v1 .pricing-v1-head h4 {
font-size: 18px;
}
.pricing-table-v1 .pricing-v1 {
-webkit-transition: all 300ms ;
-moz-transition: all 300ms;
}
.pricing-table-v1 .pricing-v1:hover {
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
}
}
/* Devices (Tablet Mode, 768px and 991px) */
@media (min-width: 767px) and (max-width: 991px) {
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 5px;
}
.pricing-table-v1 .pricing-v1-content li {
padding: 9px 10px;
}
}
/* Medium Devices (Phone Mode, 768px and less) */
@media (max-width: 767px) {
/*Pricing Page*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
.pricing-table-v1 .sticker-right,
.pricing-table-v1 .sticker-left {
top: 39px;
padding: 0;
float: left;
left: -40px;
width: 95px;
border: none;
transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
}
.pricing-table-v1 .pricing-v1-content {
text-align: center;
}
.pricing-table-v1 .pricing-v1-content li {
padding: 9px 0 9px 7px;
}
.pricing-table-v1 .pricing-v1-content li i {
display: block;
margin-bottom: 5px;
}
}

@ -0,0 +1,325 @@
/*
Green: #74C52C rgba(116,197,44, 1);
Blue: #3498db rgba(52,152,219, 1);
Orange: #e67e22 rgba(230,126,34, 1);
Red: #e74c3c rgba(231,76,60, 1);
Grey: #bdc3c7 rgba(189,195,199, 1);
Purple: #9b6bcc rgba(155,107,204, 1);
Aqua: #27d7e7 rgba(39,215,231, 1);
Brown: #9c8061 rgba(156,128,97, 1);
Dark Blue: #4765a0 rgba(71,101,160, 1);
Light Green: #79d5b3 rgba(121,213,179, 1);
*/
/*Pricing Page v2
------------------------------------*/
.pricing-table-v2 .bg-green {
background-color: rgba(116,197,44, 0.9);
}
.pricing-table-v2 .bg-blue {
background-color: rgba(52, 152, 219, 1);
}
.pricing-table-v2 .bg-orange {
background-color: rgba(230,126,34, 1);
}
.pricing-table-v2 .bg-red {
background-color: rgba(231,76,60, 1);
}
.pricing-table-v2 .bg-grey {
background-color: rgba(189,195,199, 1);
}
.pricing-table-v2 .bg-purple {
background-color: rgba(155,107,204, 1);
}
.pricing-table-v2 .bg-aqua {
background-color: rgba(39,215,231, 1);
}
.pricing-table-v2 .bg-brown {
background-color: rgba(156,128,97, 1);
}
.pricing-table-v2 .bg-dark-blue {
background-color: rgba(71,101,160, 1);
}
.pricing-table-v2 .bg-light-green {
background-color: rgba(121,213,179, 1);
}
.pricing-table-v2 .pricing-v2 {
overflow: hidden;
position: relative;
margin-bottom: 30px;
border: 1px solid rgba(116,197,44, 0.5);
}
.pricing-table-v2 .pricing-v2-head {
padding: 8px 0 8px 15px;
border-bottom: 1px solid rgba(116,197,44, 0.1);
}
.pricing-table-v2 .pricing-v2-head h4,
.pricing-table-v2 .pricing-v2-head h5 {
margin: 0;
padding: 7px 0;
font-family: Arial;
letter-spacing: 1px;
color: rgba(116,197,44, 1);
}
.pricing-table-v2 .pricing-v2-head h4 {
font-size: 21px;
}
.pricing-table-v2 .pricing-v2-head h5 {
font-size: 29px;
margin-left: 34px;
}
.pricing-table-v2 .pricing-v2-head h5 i {
font-size: 11px;
padding-left: 2px;
font-style: normal;
position: relative;
}
.pricing-table-v2 .pricing-v2-head h5 span {
top: -2px;
font-size: 23px;
position: relative;
padding-right: 2px;
}
.pricing-table-v2 .pricing-v2-content {
margin-bottom: 0;
}
.pricing-table-v2 .pricing-v2-content li i {
float: right;
font-style: normal;
margin-right: 10px;
color: rgba(116,197,44, 1);
}
.pricing-table-v2 .pricing-v2-content li {
margin: 0;
font-size: 14px;
padding: 12px 20px;
color: rgba(116,197,44, 1);
border-bottom: 1px solid rgba(116,197,44, 0.1);
}
.pricing-table-v2 .pricing-v2-footer {
padding: 20px 2px 20px 16px;
}
.pricing-table-v2 .pricing-v2-blue {
border: 1px solid rgba(52, 152, 219, 0.3);
}
.pricing-table-v2 .pricing-v2-blue .pricing-v2-head,
.pricing-table-v2 .pricing-v2-blue .pricing-v2-content li {
border-bottom: 1px solid rgba(52, 152, 219, 0.1);
}
.pricing-table-v2 .pricing-v2-blue h4,
.pricing-table-v2 .pricing-v2-blue h5,
.pricing-table-v2 .pricing-v2-blue .pricing-v2-content li,
.pricing-table-v2 .pricing-v2-blue .pricing-v2-content li i {
color: rgba(52, 152, 219, 1);
}
.pricing-table-v2 .pricing-v2-orange {
border: 1px solid rgba(230,126,34, 0.3);
}
.pricing-table-v2 .pricing-v2-orange .pricing-v2-head,
.pricing-table-v2 .pricing-v2-orange .pricing-v2-content li {
border-bottom: 1px solid rgba(230,126,34, 0.1);
}
.pricing-table-v2 .pricing-v2-orange h4,
.pricing-table-v2 .pricing-v2-orange h5,
.pricing-table-v2 .pricing-v2-orange .pricing-v2-content li,
.pricing-table-v2 .pricing-v2-orange .pricing-v2-content li i {
color: rgba(230,126,34, 1);
}
.pricing-table-v2 .pricing-v2-red {
border: 1px solid rgba(231,76,60, 00.3);
}
.pricing-table-v2 .pricing-v2-red .pricing-v2-head,
.pricing-table-v2 .pricing-v2-red .pricing-v2-content li {
border-bottom: 1px solid rgba(231,76,60, 0.1);
}
.pricing-table-v2 .pricing-v2-red h4,
.pricing-table-v2 .pricing-v2-red h5,
.pricing-table-v2 .pricing-v2-red .pricing-v2-content li,
.pricing-table-v2 .pricing-v2-red .pricing-v2-content li i {
color: rgba(231,76,60, 1);
}
.pricing-table-v2 .pricing-v2-grey {
border: 1px solid #ddd;
}
.pricing-table-v2 .pricing-v2-grey .pricing-v2-head,
.pricing-table-v2 .pricing-v2-grey .pricing-v2-content li {
border-bottom: 1px solid #eee;
}
.pricing-table-v2 .pricing-v2-grey h4,
.pricing-table-v2 .pricing-v2-grey h5,
.pricing-table-v2 .pricing-v2-grey .pricing-v2-content li,
.pricing-table-v2 .pricing-v2-grey .pricing-v2-content li i {
color: #888;
}
.pricing-table-v2 .pricing-v2-purple {
border: 1px solid rgba(155,107,204, 0.3);
}
.pricing-table-v2 .pricing-v2-purple .pricing-v2-head,
.pricing-table-v2 .pricing-v2-purple .pricing-v2-content li {
border-bottom: 1px solid rgba(155,107,204, 0.1);
}
.pricing-table-v2 .pricing-v2-purple h4,
.pricing-table-v2 .pricing-v2-purple h5,
.pricing-table-v2 .pricing-v2-purple .pricing-v2-content li,
.pricing-table-v2 .pricing-v2-purple .pricing-v2-content li i {
color: rgba(155,107,204, 1);
}
.pricing-table-v2 .pricing-v2-aque {
border: 1px solid rgba(39,215,231, 0.3);
}
.pricing-table-v2 .pricing-v2-aqua .pricing-v2-head,
.pricing-table-v2 .pricing-v2-aqua .pricing-v2-content li {
border-bottom: 1px solid rgba(39,215,231, 0.1);
}
.pricing-table-v2 .pricing-v2-aqua h4,
.pricing-table-v2 .pricing-v2-aqua h5,
.pricing-table-v2 .pricing-v2-aqua .pricing-v2-content li,
.pricing-table-v2 .pricing-v2-aqua .pricing-v2-content li i {
color: rgba(39,215,231, 1);
}
.pricing-table-v2 .pricing-v2-brown {
border: 1px solid rgba(156,128,97, 0.3);
}
.pricing-table-v2 .pricing-v2-brown .pricing-v2-head,
.pricing-table-v2 .pricing-v2-brown .pricing-v2-content li {
border-bottom: 1px solid rgba(156,128,97, 0.1);
}
.pricing-table-v2 .pricing-v2-brown h4,
.pricing-table-v2 .pricing-v2-brown h5,
.pricing-table-v2 .pricing-v2-brown .pricing-v2-content li,
.pricing-table-v2 .pricing-v2-brown .pricing-v2-content li i {
color: rgba(156,128,97, 1);
}
.pricing-table-v2 .pricing-v2-dark-blue {
border: 1px solid rgba(71,101,160, 0.3);
}
.pricing-table-v2 .pricing-v2-dark-blue .pricing-v2-head,
.pricing-table-v2 .pricing-v2-dark-blue .pricing-v2-content li {
border-bottom: 1px solid rgba(71,101,160, 0.1);
}
.pricing-table-v2 .pricing-v2-dark-blue h4,
.pricing-table-v2 .pricing-v2-dark-blue h5,
.pricing-table-v2 .pricing-v2-dark-blue .pricing-v2-content li,
.pricing-table-v2 .pricing-v2-dark-blue .pricing-v2-content li i {
color: rgba(71,101,160, 1);
}
.pricing-table-v2 .pricing-v2-light-green {
border: 1px solid rgba(121,213,179, 0.7)
}
.pricing-table-v2 .pricing-v2-light-green .pricing-v2-head,
.pricing-table-v2 .pricing-v2-light-green .pricing-v2-content li {
border-bottom: 1px solid rgba(121,213,179, 0.2)
}
.pricing-table-v2 .pricing-v2-light-green h4,
.pricing-table-v2 .pricing-v2-light-green h5,
.pricing-table-v2 .pricing-v2-light-green .pricing-v2-content li,
.pricing-table-v2 .pricing-v2-light-green .pricing-v2-content li i {
color: rgba(121,213,179, 1)
}
/* Devices (Large Screen Mode, 1200px more) */
@media (min-width: 1200px) {
.pricing-table-v2 .active {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
}
}
/* Devices (Desktop Mode, 992px and 1200px) */
@media (min-width: 992px) and (max-width: 1200px) {
.pricing-table-v2 .active {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}
}
/* Devices (Tablet Mode, 768px and 991px) */
@media (min-width: 767px) and (max-width: 991px) {
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 5px;
}
.pricing-table-v2 .active {
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
}
}
/* Medium Devices (Phone Mode, 768px and less) */
@media (max-width: 767px) {
/*Pricing Page*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
.pricing-table-v2 .pricing-v2-head {
overflow: hidden;
}
.pricing-table-v2 .pricing-v2-head h4 {
font-size: 14px;
font-weight: bold;
padding-left: 1px;
}
.pricing-table-v2 .pricing-v2-head h5 {
margin-left: 5px;
}
}

@ -0,0 +1,423 @@
/*
Green: #74C52C rgba(116,197,44, 1);
Blue: #3498db rgba(52,152,219, 1);
Orange: #e67e22 rgba(230,126,34, 1);
Red: #e74c3c rgba(231,76,60, 1);
Grey: #bdc3c7 rgba(189,195,199, 1);
Purple: #9b6bcc rgba(155,107,204, 1);
Aqua: #27d7e7 rgba(39,215,231, 1);
Brown: #9c8061 rgba(156,128,97, 1);
Dark Blue: #4765a0 rgba(71,101,160, 1);
Light Green: #79d5b3 rgba(121,213,179, 1);
*/
/*Pricing Page v3
------------------------------------*/
.pricing-table-v3 .sticker-right,
.pricing-table-v3 .sticker-left {
color: #fff;
width: 150px;
padding: 1px;
font-size: 10px;
font-weight: bold;
font-family: Arial;
position: absolute;
text-align: center;
letter-spacing: 2px;
background-color: rgba(116,197,44, 0.9);
}
.pricing-table-v3 .sticker-right {
top: 10px;
right: -59px;
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.pricing-table-v3 .sticker-left {
top: 10px;
left: -58px;
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.pricing-table-v3 .bg-green {
background-color: rgba(116,197,44, 0.9);
}
.pricing-table-v3 .bg-blue {
background-color: rgba(52, 152, 219, 1);
}
.pricing-table-v3 .bg-orange {
background-color: rgba(230,126,34, 1);
}
.pricing-table-v3 .bg-red {
background-color: rgba(231,76,60, 1);
}
.pricing-table-v3 .bg-grey {
background-color: rgba(189,195,199, 1);
}
.pricing-table-v3 .bg-purple {
background-color: rgba(155,107,204, 1);
}
.pricing-table-v3 .bg-aqua {
background-color: rgba(39,215,231, 1);
}
.pricing-table-v3 .bg-brown {
background-color: rgba(156,128,97, 1);
}
.pricing-table-v3 .bg-dark-blue {
background-color: rgba(71,101,160, 1);
}
.pricing-table-v3 .bg-light-green {
background-color: rgba(121,213,179, 1);
}
.pricing-table-v3 .pricing-v3 {
overflow: hidden;
position: relative;
margin-bottom: 30px;
background: rgba(116,197,44, 0.1);
border: 2px solid rgba(116,197,44, 0.3);
}
.pricing-table-v3 .pricing-v3-head {
overflow: hidden;
border-bottom: 1px rgba(116,197,44, 0.1);
}
.pricing-table-v3 .pricing-v3-head h4,
.pricing-table-v3 .pricing-v3-head h5 {
margin: 0;
font-family: Arial;
letter-spacing: 1px;
color: rgba(116,197,44, 1);
}
.pricing-table-v3 .pricing-v3-head h4 {
font-size: 20px;
padding: 20px 0;
}
.pricing-table-v3 .pricing-v3-head h5 {
color: #fff;
font-size: 50px;
padding: 30px 0 20px 34px;
background: rgba(116,197,44, 1);
}
.pricing-table-v3 .pricing-v3-head h5 i {
display: inline;
font-size: 13px;
padding-left: 2px;
position: relative;
font-style: normal;
}
.pricing-table-v3 .pricing-v3-head h5 span {
top: -2px;
font-size: 23px;
position: relative;
padding-right: 2px;
}
.pricing-table-v3 .pricing-v3-content {
margin-bottom: 0;
}
.pricing-table-v3 .pricing-v3-content li {
margin: 0;
font-size: 14px;
padding: 12px 20px;
color: rgba(116,197,44, 1);
border-bottom: 1px solid rgba(116,197,44, 0.2);
}
.pricing-table-v3 .pricing-v3-content li i {
display: inherit;
float: right;
font-style: normal;
margin-right: 10px;
color: rgba(116,197,44, 1);
}
.pricing-table-v3 .pricing-v3-blue {
background: rgba(52, 152, 219, 0.1);
border: 2px solid rgba(52, 152, 219, 0.6);
}
.pricing-table-v3 .pricing-v3-blue .pricing-v3-head,
.pricing-table-v3 .pricing-v3-blue .pricing-v3-content li {
border-bottom: 1px solid rgba(52, 152, 219, 0.3);
}
.pricing-table-v3 .pricing-v3-blue h5 {
background: rgba(52, 152, 219, 1);
}
.pricing-table-v3 .pricing-v3-blue h4,
.pricing-table-v3 .pricing-v3-blue .pricing-v3-content li,
.pricing-table-v3 .pricing-v3-blue .pricing-v3-content li i {
color: rgba(52, 152, 219, 1);
}
.pricing-table-v3 .pricing-v3-orange {
background: rgba(230,126,34, 0.1);
border: 2px solid rgba(230,126,34, 0.6);
}
.pricing-table-v3 .pricing-v3-orange .pricing-v3-head,
.pricing-table-v3 .pricing-v3-orange .pricing-v3-content li {
border-bottom: 1px solid rgba(230,126,34,0.32)
}
.pricing-table-v3 .pricing-v3-orange h5 {
background: rgba(230,126,34, 1);
}
.pricing-table-v3 .pricing-v3-orange h4,
.pricing-table-v3 .pricing-v3-orange .pricing-v3-content li,
.pricing-table-v3 .pricing-v3-orange .pricing-v3-content li i {
color: rgba(230,126,34, 1);
}
.pricing-table-v3 .pricing-v3-red {
background: rgba(231,76,60, 0.1);
border: 2px solid rgba(231,76,60, 0.6);
}
.pricing-table-v3 .pricing-v3-red .pricing-v3-head,
.pricing-table-v3 .pricing-v3-red .pricing-v3-content li {
border-bottom: 1px solid rgba(231,76,60, 0.3);
}
.pricing-table-v3 .pricing-v3-red h5 {
background: rgba(231,76,60, 1);
}
.pricing-table-v3 .pricing-v3-red h4,
.pricing-table-v3 .pricing-v3-red .pricing-v3-content li,
.pricing-table-v3 .pricing-v3-red .pricing-v3-content li i {
color: rgba(231,76,60, 1);
}
.pricing-table-v3 .pricing-v3-grey {
background: #f9f9f9;
border: 2px solid #888;
}
.pricing-table-v3 .pricing-v3-grey .pricing-v3-head,
.pricing-table-v3 .pricing-v3-grey .pricing-v3-content li {
border-bottom: 1px solid #eee;
}
.pricing-table-v3 .pricing-v3-grey h5 {
background: #999;
}
.pricing-table-v3 .pricing-v3-grey h4,
.pricing-table-v3 .pricing-v3-grey .pricing-v3-content li,
.pricing-table-v3 .pricing-v3-grey .pricing-v3-content li i {
color: #888;
}
.pricing-table-v3 .pricing-v3-purple {
background: rgba(155,107,204, 0.1);
border: 2px solid rgba(155,107,204, 0.6);
}
.pricing-table-v3 .pricing-v3-purple .pricing-v3-head,
.pricing-table-v3 .pricing-v3-purple .pricing-v3-content li {
border-bottom: 1px solid rgba(155,107,204, 0.3);
}
.pricing-table-v3 .pricing-v3-purple h5 {
background: rgba(155,107,204, 1);
}
.pricing-table-v3 .pricing-v3-purple h4,
.pricing-table-v3 .pricing-v3-purple .pricing-v3-content li,
.pricing-table-v3 .pricing-v3-purple .pricing-v3-content li i {
color: rgba(155,107,204, 1);
}
.pricing-table-v3 .pricing-v3-aqua {
background: rgba(39,215,231, 0.1);
border: 2px solid rgba(39,215,231, 0.6);
}
.pricing-table-v3 .pricing-v3-aqua .pricing-v3-head,
.pricing-table-v3 .pricing-v3-aqua .pricing-v3-content li {
border-bottom: 1px solid rgba(39,215,231, 0.3);
}
.pricing-table-v3 .pricing-v3-aqua h5 {
background: rgba(39,215,231, 1);
}
.pricing-table-v3 .pricing-v3-aqua h4,
.pricing-table-v3 .pricing-v3-aqua .pricing-v3-content li,
.pricing-table-v3 .pricing-v3-aqua .pricing-v3-content li i {
color: rgba(39,215,231, 1);
}
.pricing-table-v3 .pricing-v3-brown {
background: rgba(156,128,97, 0.1);
border: 2px solid rgba(156,128,97, 0.6);
}
.pricing-table-v3 .pricing-v3-brown .pricing-v3-head,
.pricing-table-v3 .pricing-v3-brown .pricing-v3-content li {
border-bottom: 1px solid rgba(156,128,97, 0.3);
}
.pricing-table-v3 .pricing-v3-brown h5 {
background: rgba(156,128,97, 1);
}
.pricing-table-v3 .pricing-v3-brown h4,
.pricing-table-v3 .pricing-v3-brown .pricing-v3-content li,
.pricing-table-v3 .pricing-v3-brown .pricing-v3-content li i {
color: rgba(156,128,97, 1);
}
.pricing-table-v3 .pricing-v3-dark-blue {
background: rgba(71,101,160, 0.1);
border: 2px solid rgba(71,101,160, 0.6);
}
.pricing-table-v3 .pricing-v3-dark-blue .pricing-v3-head,
.pricing-table-v3 .pricing-v3-dark-blue .pricing-v3-content li {
border-bottom: 1px solid rgba(71,101,160, 0.3);
}
.pricing-table-v3 .pricing-v3-dark-blue h5 {
background: rgba(71,101,160, 1);
}
.pricing-table-v3 .pricing-v3-dark-blue h4,
.pricing-table-v3 .pricing-v3-dark-blue .pricing-v3-content li,
.pricing-table-v3 .pricing-v3-dark-blue .pricing-v3-content li i {
color: rgba(71,101,160, 1);
}
.pricing-table-v3 .pricing-v3-light-green {
background: rgba(121,213,179, 0.1);
border: 2px solid rgba(121,213,179, 0.6);
}
.pricing-table-v3 .pricing-v3-light-green .pricing-v3-head,
.pricing-table-v3 .pricing-v3-light-green .pricing-v3-content li {
border-bottom: 1px solid rgba(121,213,179, 0.3);
}
.pricing-table-v3 .pricing-v3-light-green h5 {
background: rgba(121,213,179, 1);
}
.pricing-table-v3 .pricing-v3-light-green h4,
.pricing-table-v3 .pricing-v3-light-green .pricing-v3-content li,
.pricing-table-v3 .pricing-v3-light-green .pricing-v3-content li i {
color: rgba(121,213,179, 1);
}
/* Devices (Large Screen Mode, 1200px more) */
@media (min-width: 1200px) {
/* Can be modefied if needed*/
}
/* Devices (Desktop Mode, 992px and 1200px) */
@media (min-width: 992px) and (max-width: 1200px) {
/* Can be modefied if needed*/
}
/* Devices (Tablet Mode, 768px and 991px) */
@media (min-width: 767px) and (max-width: 991px) {
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 5px;
}
.pricing-table-v3 .pricing-v3-head h4 {
font-size: 17px;
}
.pricing-table-v3 .pricing-v3-content li {
padding: 12px 7px;
}
}
/* Medium Devices (Phone Mode, 768px and less) */
@media (max-width: 767px) {
/*Pricing Page*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
.pricing-table-v3 .sticker-right,
.pricing-table-v3 .sticker-left {
top: 109px;
padding: 0;
float: left;
left: -43px;
width: 104px;
border: none;
background: #585F69;
transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
}
.pricing-table-v3 .pricing-v3-content {
text-align: center;
}
.pricing-table-v3 .pricing-v3-head h4 {
font-size: 14px;
}
.pricing-table-v3 .pricing-v3-head h5 {
font-size: 43px;
padding-left: 10px;
}
.pricing-table-v3 .pricing-v3-head h5 span {
font-size: 16px;
}
.pricing-table-v3 .pricing-v3-head h5 i {
display: block;
font-size: 12px;
margin-top: 5px;
padding-left: 10px;
}
.pricing-table-v3 .pricing-v3-content li i {
float: none;
display: block;
margin-top: 5px;
}
}

@ -0,0 +1,596 @@
/*
Green: #74C52C rgba(116,197,44, 1);
Blue: #3498db rgba(52,152,219, 1);
Orange: #e67e22 rgba(230,126,34, 1);
Red: #e74c3c rgba(231,76,60, 1);
Grey: #bdc3c7 rgba(189,195,199, 1);
Purple: #9b6bcc rgba(155,107,204, 1);
Aqua: #27d7e7 rgba(39,215,231, 1);
Brown: #9c8061 rgba(156,128,97, 1);
Dark Blue: #4765a0 rgba(71,101,160, 1);
Light Green: #79d5b3 rgba(121,213,179, 1);
*/
/*Pricing Page v4
------------------------------------*/
.pricing-table-v4 .bg-green {
background-color: rgba(116,197,44, 0.9);
}
.pricing-table-v4 .bg-blue {
background-color: rgba(52, 152, 219, 1);
}
.pricing-table-v4 .bg-orange {
background-color: rgba(230,126,34, 1);
}
.pricing-table-v4 .bg-red {
background-color: rgba(231,76,60, 1);
}
.pricing-table-v4 .bg-grey {
background-color: rgba(189,195,199, 1);
}
.pricing-table-v4 .bg-purple {
background-color: rgba(155,107,204, 1);
}
.pricing-table-v4 .bg-aqua {
background-color: rgba(39,215,231, 1);
}
.pricing-table-v4 .bg-brown {
background-color: rgba(156,128,97, 1);
}
.pricing-table-v4 .bg-dark-blue {
background-color: rgba(71,101,160, 1);
}
.pricing-table-v4 .bg-light-green {
background-color: rgba(121,213,179, 1);
}
.pricing-table-v4 .pricing-v4 {
position: relative;
margin-bottom: 30px;
border: 1px solid rgba(116,197,44, 0.5);
}
.pricing-table-v4 .pricing-v4-head {
padding: 0 0 8px 0;
border-bottom: 1px solid rgba(116,197,44, 0.1);
}
.pricing-table-v4 .pricing-v4-head h4,
.pricing-table-v4 .pricing-v4-head h5,
.pricing-table-v4 .pricing-v4-head h5 span {
margin: 0;
color: #fff;
padding: 7px 0;
font-family: Arial;
letter-spacing: 1px;
}
.pricing-table-v4 .pricing-v4-head h4 {
padding: 15px 0;
font-size: 21px;
background: rgba(116,197,44, 1);
}
.pricing-table-v4 .pricing-rounded {
width: 90px;
height: 90px;
padding: 10px;
display: inline-block;
margin: 17px 0 10px 15px ;
border-radius: 50% !important;
background: rgba(116, 197, 44, 1);
}
.pricing-table-v4 .pricing-v4-head h5 {
font-size: 30px;
margin: 11px 3px 0 0;
}
.pricing-table-v4 .pricing-v4-head h5 span {
font-size: 20px;
margin-right: 3px;
}
.pricing-table-v4 .pricing-v4-head a {
float: right;
margin-top: 43px;
margin-right: -8px;
}
.pricing-table-v4 .pricing-v4-head h5 i {
display: block;
font-size: 12px;
font-style: normal;
padding-left: 10px;
}
.pricing-table-v4 .pricing-v4-head a {
position: relative;
}
.pricing-table-v4 .pricing-v4-head a span {
margin-left: 7px;
}
.pricing-table-v4 .pricing-v4-head a .price-corner {
width: 0;
height: 0;
right: 0px;
bottom: -8px;
display: block;
position: absolute;
border-style: solid;
border-width: 8px 8px 0 0;
border-color: #477c17 transparent transparent;
}.pricing-table-v4 .pricing-v4-head a .price-corner-2 {
left: 0;
width: 0;
height: 0;
bottom: -1px;
display: block;
position: absolute;
border-style: solid;
border-width: 18px 0 18px 17px;
border-color: transparent transparent transparent #fff;
}
.pricing-table-v4 .pricing-v4-head .btn-u {
padding: 6px 13px 6px 26px;
}
.pricing-table-v4 .pricing-v4-content {
margin-bottom: 0;
}
.pricing-table-v4 .pricing-v4-content li i {
float: right;
font-style: normal;
margin-right: 10px;
color: rgba(116,197,44, 1);
}
.pricing-table-v4 .pricing-v4-content li {
margin: 0;
font-size: 14px;
padding: 12px 20px;
color: rgba(116,197,44, 1);
border-bottom: 1px solid rgba(116,197,44, 0.1);
}
.pricing-table-v4 .pricing-v4-footer {
padding: 20px 2px 20px 16px;
}
.pricing-table-v4 .pricing-v4-blue {
border: 1px solid rgba(52, 152, 219, 0.3);
}
.pricing-table-v4 .pricing-v4-green .btn-u {
background: rgba(116, 197, 44, 1);
}
.pricing-table-v4 .pricing-v4-blue .pricing-v4-head,
.pricing-table-v4 .pricing-v4-blue .pricing-v4-content li {
border-bottom: 1px solid rgba(52, 152, 219, 0.1);
}
.pricing-table-v4 .pricing-v4-blue a .price-corner {
border-color: #1d5378 transparent transparent;
}
.pricing-table-v4 .pricing-v4-blue h4 {
background: rgba(52, 152, 219, 1);
}
.pricing-table-v4 .pricing-v4-blue .pricing-rounded {
background: rgba(52, 152, 219, 1);
}
.pricing-table-v4 .pricing-v4-blue .pricing-v4-content li,
.pricing-table-v4 .pricing-v4-blue .pricing-v4-content li i {
color: rgba(52, 152, 219, 1);
}
.pricing-table-v4 .pricing-v4-orange {
border: 1px solid rgba(230,126,34, 0.3);
}
.pricing-table-v4 .pricing-v4-orange .pricing-v4-head,
.pricing-table-v4 .pricing-v4-orange .pricing-v4-content li {
border-bottom: 1px solid rgba(230,126,34, 0.1);
}
.pricing-table-v4 .pricing-v4-orange a .price-corner {
border-color: #985921 transparent transparent;
}
.pricing-table-v4 .pricing-v4-orange h4{
background: rgba(230,126,34, 1);
}
.pricing-table-v4 .pricing-v4-orange .pricing-rounded {
background: rgba(230,126,34, 1);
}
.pricing-table-v4 .pricing-v4-orange .pricing-v4-content li,
.pricing-table-v4 .pricing-v4-orange .pricing-v4-content li i {
color: rgba(230,126,34, 1);
}
.pricing-table-v4 .pricing-v4-red {
border: 1px solid rgba(231,76,60, 00.3);
}
.pricing-table-v4 .pricing-v4-red .pricing-v4-head,
.pricing-table-v4 .pricing-v4-red .pricing-v4-content li {
border-bottom: 1px solid rgba(231,76,60, 0.1);
}
.pricing-table-v4 .pricing-v4-red h4 {
background: rgba(231,76,60, 1);
}
.pricing-table-v4 .pricing-v4-red .pricing-rounded {
background: rgba(231,76,60, 1);
}
.pricing-table-v4 .pricing-v4-red a .price-corner {
border-color: #8f382f transparent transparent;
}
.pricing-table-v4 .pricing-v4-red .pricing-v4-content li,
.pricing-table-v4 .pricing-v4-red .pricing-v4-content li i {
color: rgba(231,76,60, 1);
}
.pricing-table-v4 .pricing-v4-grey {
border: 1px solid #ddd;
}
.pricing-table-v4 .pricing-v4-grey .pricing-v4-head,
.pricing-table-v4 .pricing-v4-grey .pricing-v4-content li {
border-bottom: 1px solid #eee;
}
.pricing-table-v4 .pricing-v4-grey h4 {
background: #95a5a6;
}
.pricing-table-v4 .pricing-v4-grey .pricing-rounded {
background: #95a5a6;
}
.pricing-table-v4 .pricing-v4-grey a .price-corner {
border-color: #686f6f transparent transparent;
}
.pricing-table-v4 .pricing-v4-grey .pricing-v4-content li,
.pricing-table-v4 .pricing-v4-grey .pricing-v4-content li i {
color: #95a5a6;
}
.pricing-table-v4 .pricing-v4-purple {
border: 1px solid rgba(155,107,204, 0.3);
}
.pricing-table-v4 .pricing-v4-purple .pricing-v4-head,
.pricing-table-v4 .pricing-v4-purple .pricing-v4-content li {
border-bottom: 1px solid rgba(155,107,204, 0.1);
}
.pricing-table-v4 .pricing-v4-purple h4 {
background: rgba(155,107,204, 1);
}
.pricing-table-v4 .pricing-v4-purple .pricing-rounded {
background: rgba(155,107,204, 1);
}
.pricing-table-v4 .pricing-v4-purple a .price-corner {
border-color: #5f2798 transparent transparent;
}
.pricing-table-v4 .pricing-v4-purple .pricing-v4-content li,
.pricing-table-v4 .pricing-v4-purple .pricing-v4-content li i {
color: rgba(155,107,204, 1);
}
.pricing-table-v4 .pricing-v4-aqua {
border: 1px solid rgba(39,215,231, 0.3);
}
.pricing-table-v4 .pricing-v4-aqua .pricing-v4-head,
.pricing-table-v4 .pricing-v4-aqua .pricing-v4-content li {
border-bottom: 1px solid rgba(39,215,231, 0.1);
}
.pricing-table-v4 .pricing-v4-aqua h4 {
background: rgba(39,215,231, 1);
}
.pricing-table-v4 .pricing-v4-aqua .pricing-rounded {
background: rgba(39,215,231, 1);
}
.pricing-table-v4 .pricing-v4-aqua a .price-corner {
border-color: #1b848e transparent transparent;
}
.pricing-table-v4 .pricing-v4-aqua .pricing-v4-content li,
.pricing-table-v4 .pricing-v4-aqua .pricing-v4-content li i {
color: rgba(39,215,231, 1);
}
.pricing-table-v4 .pricing-v4-brown {
border: 1px solid rgba(156,128,97, 0.3);
}
.pricing-table-v4 .pricing-v4-brown .pricing-v4-head,
.pricing-table-v4 .pricing-v4-brown .pricing-v4-content li {
border-bottom: 1px solid rgba(156,128,97, 0.1);
}
.pricing-table-v4 .pricing-v4-brown h4 {
background: rgba(156,128,97, 1);
}
.pricing-table-v4 .pricing-v4-brown .pricing-rounded {
background: rgba(156,128,97, 1);
}
.pricing-table-v4 .pricing-v4-brown a .price-corner {
border-color: #705537 transparent transparent;
}
.pricing-table-v4 .pricing-v4-brown .pricing-v4-content li,
.pricing-table-v4 .pricing-v4-brown .pricing-v4-content li i {
color: rgba(156,128,97, 1);
}
.pricing-table-v4 .pricing-v4-dark-blue {
border: 1px solid rgba(71,101,160, 0.3);
}
.pricing-table-v4 .pricing-v4-dark-blue .pricing-v4-head,
.pricing-table-v4 .pricing-v4-dark-blue .pricing-v4-content li {
border-bottom: 1px solid rgba(71,101,160, 0.1);
}
.pricing-table-v4 .pricing-v4-dark-blue h4{
background: rgba(71,101,160, 1);
}
.pricing-table-v4 .pricing-v4-dark-blue .pricing-rounded {
background: rgba(71,101,160, 1);
}
.pricing-table-v4 .pricing-v4-dark-blue a .price-corner {
border-color: #233d71 transparent transparent;
}
.pricing-table-v4 .pricing-v4-dark-blue .pricing-v4-content li,
.pricing-table-v4 .pricing-v4-dark-blue .pricing-v4-content li i {
color: rgba(71,101,160, 1);
}
.pricing-table-v4 .pricing-v4-light-green {
border: 1px solid rgba(121,213,179, 0.7)
}
.pricing-table-v4 .pricing-v4-light-green .pricing-v4-head,
.pricing-table-v4 .pricing-v4-light-green .pricing-v4-content li {
border-bottom: 1px solid rgba(121,213,179, 0.2)
}
.pricing-table-v4 .pricing-v4-light-green h4{
background: rgba(121,213,179, 1);
}
.pricing-table-v4 .pricing-v4-light-green .pricing-rounded {
background: rgba(121,213,179, 1);
}
.pricing-table-v4 .pricing-v4-light-green a .price-corner {
border-color: #2a8563 transparent transparent;
}
.pricing-table-v4 .pricing-v4-light-green .pricing-v4-content li,
.pricing-table-v4 .pricing-v4-light-green .pricing-v4-content li i {
color: rgba(121,213,179, 1);
}
/* Devices (Large Screen Mode, 1200px more) */
@media (min-width: 1200px) {
.pricing-table-v4 .active {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
}
}
/* Devices (Desktop Mode, 992px and 1200px) */
@media (min-width: 992px) and (max-width: 1200px) {
.pricing-table-v4 .active {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}
.pricing-v4-head {
text-align: center;
}
.pricing-rounded {
margin: 17px 0 55px;
}
.pricing-table-v4 .pricing-v4-head a {
margin-top: -40px;
}
.pricing-table-v4 .pricing-v4-head .btn-u {
padding: 6px 46px 6px 40px;
}
}
/* Devices (Tablet Mode, 768px and 991px) */
@media (min-width: 767px) and (max-width: 991px) {
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 5px;
}
.pricing-v4-head {
text-align: center;
}
.pricing-table-v4 .active {
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
}
.pricing-rounded {
margin: 17px 0 55px;
}
.pricing-table-v4 .pricing-v4-head a {
margin-top: -40px;
}
.pricing-table-v4 .pricing-v4-head .btn-u {
padding: 6px 26px 6px 30px;
}
}
/* Medium Devices (Phone Mode, 768px and less) */
@media (max-width: 767px) {
/*Pricing Page*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
.pricing-table-v4 .pricing-v4-head h4 {
font-size: 14px;
font-weight: bold;
padding-left: 1px;
}
.pricing-table-v4 .pricing-v4-head h5 {
margin-left: 5px;
}
}
/* Medium Devices (Phone Mode, 768px and less) */
@media (max-width: 550px) {
/*Pricing Page*/
.col-sm-3 {
width: 100%
}
}

@ -0,0 +1,557 @@
/*
Green: #74C52C rgba(116,197,44, 1);
Blue: #3498db rgba(52,152,219, 1);
Orange: #e67e22 rgba(230,126,34, 1);
Red: #e74c3c rgba(231,76,60, 1);
Grey: #bdc3c7 rgba(189,195,199, 1);
Purple: #9b6bcc rgba(155,107,204, 1);
Aqua: #27d7e7 rgba(39,215,231, 1);
Brown: #9c8061 rgba(156,128,97, 1);
Dark Blue: #4765a0 rgba(71,101,160, 1);
Light Green: #79d5b3 rgba(121,213,179, 1);
*/
/*Pricing Page v5
------------------------------------*/
.pricing-table-v5 .bg-green {
background-color: rgba(116,197,44, 0.9);
}
.pricing-table-v5 .bg-blue {
background-color: rgba(52, 152, 219, 1);
}
.pricing-table-v5 .bg-orange {
background-color: rgba(230,126,34, 1);
}
.pricing-table-v5 .bg-red {
background-color: rgba(231,76,60, 1);
}
.pricing-table-v5 .bg-grey {
background-color: rgba(189,195,199, 1);
}
.pricing-table-v5 .bg-purple {
background-color: rgba(155,107,204, 1);
}
.pricing-table-v5 .bg-aqua {
background-color: rgba(39,215,231, 1);
}
.pricing-table-v5 .bg-brown {
background-color: rgba(156,128,97, 1);
}
.pricing-table-v5 .bg-dark-blue {
background-color: rgba(71,101,160, 1);
}
.pricing-table-v5 .bg-light-green {
background-color: rgba(121,213,179, 1);
}
.pricing-table-v5 .pricing-v5 {
position: relative;
margin-bottom: 30px;
border: 1px solid rgba(116,197,44, 0.5);
}
.pricing-table-v5 .pricing-v5-head {
text-align: center;
padding: 0 0 8px 0;
border-bottom: 1px solid rgba(116,197,44, 0.1);
}
.pricing-table-v5 .pricing-v5-head h4,
.pricing-table-v5 .pricing-v5-head h5,
.pricing-table-v5 .pricing-v5-head h5 span {
margin: 0;
padding: 10px 0;
font-family: Arial;
letter-spacing: 1px;
color: rgba(116,197,44, 1);
color: rgba(116, 197, 44, 1);
}
.pricing-table-v5 .pricing-v5-head h4 {
font-size: 21px;
background: rgba(116,197,44, 1);
padding: 30px 0;
color: #fff;
}
.pricing-table-v5 .pricing-rounded {
width: 90px;
height: 90px;
display: inline-block;
padding: 10px;
border-radius: 50% !important;
margin: 20px 0px 10px 0;
border: 3px solid rgba(116, 197, 44, .4);
}
.pricing-table-v5 .pricing-v5-head h5 {
font-size: 30px;
margin: 6px 3px 0 0;
}
.pricing-table-v5 .pricing-v5-head h5 span {
font-size: 20px;
margin-right: 3px;
}
.pricing-table-v5 a {
margin: 0 -8px;
display: block;
}
.pricing-table-v5 .pricing-v5-head h5 i {
display: block;
font-size: 12px;
font-style: normal;
padding-left: 10px;
}
.pricing-table-v5 .pricing-v5-head a {
position: relative;
}
.pricing-table-v5 .pricing-v5-head a span {
margin-left: 7px;
}
.pricing-table-v5 a .price-corner {
width: 0;
height: 0;
right: -1px;
bottom: -8px;
display: block;
position: absolute;
border-style: solid;
border-width: 8px 8px 0 0;
border-color: #477c17 transparent transparent;
}.pricing-table-v5 a .price-corner-2 {
width: 0;
height: 0;
left: -1px;
bottom: -15px;
display: block;
position: absolute;
border-style: solid;
border-width: 8px 0 8px 8px;
border-color: #477c17 transparent transparent;
}
.pricing-table-v5 .pricing-v5-head .btn-u {
padding: 6px 13px 6px 26px;
}
.pricing-table-v5 .pricing-v5-content {
margin-bottom: 0;
}
.pricing-table-v5 .pricing-v5-content li i {
float: right;
font-style: normal;
color: rgba(116,197,44, 1);
}
.pricing-table-v5 .pricing-v5-content li {
margin: 0;
font-size: 14px;
padding: 12px 0;
color: rgba(116,197,44, 1);
border-bottom: 1px solid rgba(116,197,44, 0.1);
}
.pricing-table-v5 .pricing-v5-footer {
padding: 20px 2px 20px 16px;
}
.pricing-table-v5 .pricing-v5-blue {
border: 1px solid rgba(52, 152, 219, 0.5);
}
.pricing-table-v5 .pricing-v5-blue .pricing-v5-head,
.pricing-table-v5 .pricing-v5-blue .pricing-v5-content li {
border-bottom: 1px solid rgba(52, 152, 219, 0.1);
}
.pricing-table-v5 .pricing-v5-blue a .price-corner,
.pricing-table-v5 .pricing-v5-blue a .price-corner-2 {
border-color: #1d5378 transparent transparent;
}
.pricing-table-v5 .pricing-v5-blue h4 {
background: rgba(52, 152, 219, 1);
}
.pricing-table-v5 .pricing-v5-blue h5,
.pricing-table-v5 .pricing-v5-blue h5 span {
color: rgba(52, 152, 219, 1);
}
.pricing-table-v5 .pricing-v5-blue .pricing-rounded {
border-color: rgba(52, 152, 219, 0.5);
}
.pricing-table-v5 .pricing-v5-blue .pricing-v5-content li,
.pricing-table-v5 .pricing-v5-blue .pricing-v5-content li i {
color: rgba(52, 152, 219, 1);
}
.pricing-table-v5 .pricing-v5-orange {
border: 1px solid rgba(230,126,34, 0.5);
}
.pricing-table-v5 .pricing-v5-orange .pricing-v5-head,
.pricing-table-v5 .pricing-v5-orange .pricing-v5-content li {
border-bottom: 1px solid rgba(230,126,34, 0.1);
}
.pricing-table-v5 .pricing-v5-orange a .price-corner,
.pricing-table-v5 .pricing-v5-orange a .price-corner-2 {
border-color: #985921 transparent transparent;
}
.pricing-table-v5 .pricing-v5-orange h4{
background: rgba(230,126,34, 1);
}
.pricing-table-v5 .pricing-v5-orange h5,
.pricing-table-v5 .pricing-v5-orange h5 span {
color: rgba(230,126,34, 1);
}
.pricing-table-v5 .pricing-v5-orange .pricing-rounded {
border-color: rgba(230,126,34, 0.5);
}
.pricing-table-v5 .pricing-v5-orange .pricing-v5-content li,
.pricing-table-v5 .pricing-v5-orange .pricing-v5-content li i {
color: rgba(230,126,34, 1);
}
.pricing-table-v5 .pricing-v5-red {
border: 1px solid rgba(231,76,60, 0.5);
}
.pricing-table-v5 .pricing-v5-red .pricing-v5-head,
.pricing-table-v5 .pricing-v5-red .pricing-v5-content li {
border-bottom: 1px solid rgba(231,76,60, 0.1);
}
.pricing-table-v5 .pricing-v5-red h4 {
background: rgba(231,76,60, 1);
}
.pricing-table-v5 .pricing-v5-red h5,
.pricing-table-v5 .pricing-v5-red h5 span {
color: rgba(231,76,60, 1);
}
.pricing-table-v5 .pricing-v5-red .pricing-rounded {
border-color: rgba(231,76,60, 0.5);
}
.pricing-table-v5 .pricing-v5-red a .price-corner,
.pricing-table-v5 .pricing-v5-red a .price-corner-2 {
border-color: #8f382f transparent transparent;
}
.pricing-table-v5 .pricing-v5-red .pricing-v5-content li,
.pricing-table-v5 .pricing-v5-red .pricing-v5-content li i {
color: rgba(231,76,60, 1);
}
.pricing-table-v5 .pricing-v5-grey {
border: 1px solid #ddd;
}
.pricing-table-v5 .pricing-v5-grey .pricing-v5-head,
.pricing-table-v5 .pricing-v5-grey .pricing-v5-content li {
border-bottom: 1px solid #eee;
}
.pricing-table-v5 .pricing-v5-grey h4 {
background: #95a5a6;
}
.pricing-table-v5 .pricing-v5-grey h5,
.pricing-table-v5 .pricing-v5-grey h5 span {
color: #90a5a6;
}
.pricing-table-v5 .pricing-v5-grey .pricing-rounded {
border-color: #cfd5d5;
}
.pricing-table-v5 .pricing-v5-grey a .price-corner,
.pricing-table-v5 .pricing-v5-grey a .price-corner-2 {
border-color: #686f6f transparent transparent;
}
.pricing-table-v5 .pricing-v5-grey .pricing-v5-content li,
.pricing-table-v5 .pricing-v5-grey .pricing-v5-content li i {
color: #95a5a6;
}
.pricing-table-v5 .pricing-v5-purple {
border: 1px solid rgba(155,107,204, 0.5);
}
.pricing-table-v5 .pricing-v5-purple .pricing-v5-head,
.pricing-table-v5 .pricing-v5-purple .pricing-v5-content li {
border-bottom: 1px solid rgba(155,107,204, 0.1);
}
.pricing-table-v5 .pricing-v5-purple h4 {
background: rgba(155,107,204, 1);
}
.pricing-table-v5 .pricing-v5-purple h5,
.pricing-table-v5 .pricing-v5-purple h5 span {
color: rgba(155,107,204, 1);
}
.pricing-table-v5 .pricing-v5-purple .pricing-rounded {
border-color: rgba(155,107,204, 0.5);
}
.pricing-table-v5 .pricing-v5-purple a .price-corner,
.pricing-table-v5 .pricing-v5-purple a .price-corner-2 {
border-color: #5f2798 transparent transparent;
}
.pricing-table-v5 .pricing-v5-purple .pricing-v5-content li,
.pricing-table-v5 .pricing-v5-purple .pricing-v5-content li i {
color: rgba(155,107,204, 1);
}
.pricing-table-v5 .pricing-v5-aqua {
border: 1px solid rgba(39,215,231, 0.5);
}
.pricing-table-v5 .pricing-v5-aqua .pricing-v5-head,
.pricing-table-v5 .pricing-v5-aqua .pricing-v5-content li {
border-bottom: 1px solid rgba(39,215,231, 0.1);
}
.pricing-table-v5 .pricing-v5-aqua h4 {
background: rgba(39,215,231, 1);
}
.pricing-table-v5 .pricing-v5-aqua h5,
.pricing-table-v5 .pricing-v5-aqua h5 span {
color: rgba(39,215,231, 1);
}
.pricing-table-v5 .pricing-v5-aqua .pricing-rounded {
border-color: rgba(39,215,231, 0.5);
}
.pricing-table-v5 .pricing-v5-aqua a .price-corner,
.pricing-table-v5 .pricing-v5-aqua a .price-corner-2 {
border-color: #1b848e transparent transparent;
}
.pricing-table-v5 .pricing-v5-aqua .pricing-v5-content li,
.pricing-table-v5 .pricing-v5-aqua .pricing-v5-content li i {
color: rgba(39,215,231, 1);
}
.pricing-table-v5 .pricing-v5-brown {
border: 1px solid rgba(156,128,97, 0.5);
}
.pricing-table-v5 .pricing-v5-brown .pricing-v5-head,
.pricing-table-v5 .pricing-v5-brown .pricing-v5-content li {
border-bottom: 1px solid rgba(156,128,97, 0.1);
}
.pricing-table-v5 .pricing-v5-brown h4 {
background: rgba(156,128,97, 1);
}
.pricing-table-v5 .pricing-v5-brown h5,
.pricing-table-v5 .pricing-v5-brown h5 span {
color: rgba(156,128,97, 1);
}
.pricing-table-v5 .pricing-v5-brown .pricing-rounded {
border-color: rgba(156,128,97, 0.5);
}
.pricing-table-v5 .pricing-v5-brown a .price-corner,
.pricing-table-v5 .pricing-v5-brown a .price-corner-2 {
border-color: #705537 transparent transparent;
}
.pricing-table-v5 .pricing-v5-brown .pricing-v5-content li,
.pricing-table-v5 .pricing-v5-brown .pricing-v5-content li i {
color: rgba(156,128,97, 1);
}
.pricing-table-v5 .pricing-v5-dark-blue {
border: 1px solid rgba(71,101,160, 0.5);
}
.pricing-table-v5 .pricing-v5-dark-blue .pricing-v5-head,
.pricing-table-v5 .pricing-v5-dark-blue .pricing-v5-content li {
border-bottom: 1px solid rgba(71,101,160, 0.1);
}
.pricing-table-v5 .pricing-v5-dark-blue h4{
background: rgba(71,101,160, 1);
}
.pricing-table-v5 .pricing-v5-dark-blue h5,
.pricing-table-v5 .pricing-v5-dark-blue h5 span {
color: rgba(71,101,160, 1);
}
.pricing-table-v5 .pricing-v5-dark-blue .pricing-rounded {
border-color: rgba(71,101,160, 1);
}
.pricing-table-v5 .pricing-v5-dark-blue a .price-corner,
.pricing-table-v5 .pricing-v5-dark-blue a .price-corner-2 {
border-color: #233d71 transparent transparent;
}
.pricing-table-v5 .pricing-v5-dark-blue .pricing-v5-content li,
.pricing-table-v5 .pricing-v5-dark-blue .pricing-v5-content li i {
color: rgba(71,101,160, 1);
}
.pricing-table-v5 .pricing-v5-light-green {
border: 1px solid rgba(121,213,179, 0.7)
}
.pricing-table-v5 .pricing-v5-light-green .pricing-v5-head,
.pricing-table-v5 .pricing-v5-light-green .pricing-v5-content li {
border-bottom: 1px solid rgba(121,213,179, 0.2)
}
.pricing-table-v5 .pricing-v5-light-green h4{
background: rgba(121,213,179, 1);
}
.pricing-table-v5 .pricing-v5-light-green h5,
.pricing-table-v5 .pricing-v5-light-green h5 span {
color: rgba(121,213,179, 1);
}
.pricing-table-v5 .pricing-v5-light-green .pricing-rounded {
border-color: rgba(121,213,179, 0.5);
}
.pricing-table-v5 .pricing-v5-light-green a .price-corner,
.pricing-table-v5 .pricing-v5-light-green a .price-cornere-2 {
border-color: #2a8563 transparent transparent;
}
.pricing-table-v5 .pricing-v5-light-green .pricing-v5-content li,
.pricing-table-v5 .pricing-v5-light-green .pricing-v5-content li i {
color: rgba(121,213,179, 1);
}
/* Devices (Large Screen Mode, 1200px more) */
@media (min-width: 1200px) {
.pricing-table-v5 .active {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
}
}
/* Devices (Desktop Mode, 992px and 1200px) */
@media (min-width: 992px) and (max-width: 1200px) {
.pricing-table-v5 .active {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}
.pricing-v5-head {
text-align: center;
}
.pricing-rounded {
margin: 17px 0 55px;
}
.pricing-table-v5 .pricing-v5-head a {
margin-top: -40px;
}
.pricing-table-v5 .pricing-v5-head .btn-u {
padding: 6px 46px 6px 40px;
}
}
/* Devices (Tablet Mode, 768px and 991px) */
@media (min-width: 767px) and (max-width: 991px) {
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 9px;
}
.pricing-v5-head {
text-align: center;
}
.pricing-table-v5 .active {
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
}
.pricing-rounded {
margin: 17px 0 55px;
}
.pricing-table-v5 .pricing-v5-head a {
margin-top: -40px;
}
.pricing-table-v5 .pricing-v5-head .btn-u {
padding: 6px 26px 6px 30px;
}
}
/* Medium Devices (Phone Mode, 768px and less) */
@media (max-width: 767px) {
/*Pricing Page*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
padding: 10px;
}
.pricing-table-v5 .pricing-v5-head h4 {
font-size: 14px;
font-weight: bold;
padding-left: 1px;
}
.pricing-table-v5 .pricing-v5-head h5 {
margin-left: 5px;
}
}
/* Medium Devices (Phone Mode, 768px and less) */
@media (max-width: 550px) {
/*Pricing Page*/
.col-sm-3 {
width: 100%
}
}

@ -0,0 +1,112 @@
/*Pricing Page v5
------------------------------------*/
.no-space-pricing-v6 [class^="col-"],
.no-space-pricing-v6 [class*=" col-"] {
padding: 1px;
}
.row.no-space-pricing-v6 {
padding: 0 14px;
}
.pricing-table-v6 i.icon-custom {
width: 80px;
height: 80px;
font-size: 40px;
padding-top: 17px;
}
.pricing-table-v6 h3 {
font-size: 40px;
padding: 10px 0 0 0;
}
.pricing-table-v6 h3,
.pricing-table-v6 h3 i,
.pricing-table-v6 h3 span {
color: #fff;
font-style: normal;
font-weight: 200 !important;
}
.pricing-table-v6 h3 span {
font-size: 25px;
}
.pricing-table-v6 h3 i {
font-size: 20px;
margin: 10px 0 0 4px;
display: inline-block;
}
.pricing-table-v6 ul {
padding-bottom: 10px;
}
.pricing-table-v6 ul li {
color: #fff;
padding: 5px 0;
font-size: 13px;
}
.pricing-table-v6 ul li span {
margin-right: 5px;
}
.pricing-table-v6 .btn-u.btn-brd {
color: #fff;
display: block;
border-color: #fff;
}
.pricing-table-v6 .btn-u.btn-brd:hover {
color: #555;
background: #fff;
border-color: transparent;
}
.pricing-table-v6.v6-plus {
font-weight: 200;
}
.pricing-table-v6.v6-plus ul li {
font-weight: 300;
}
.pricing-table-v6.v6-plus ul li span {
margin-right: 5px;
}
.pricing-table-v6 .service-block-u {
background-color: #72c02c !important;
}
}
/* Devices (Large Screen Mode, 1200px more) */
@media (min-width: 1200px) {
}
/* Devices (Desktop Mode, 992px and 1200px) */
@media (min-width: 992px) and (max-width: 1200px) {
.pricing-table-v6 .service-block {
margin-bottom: 20px;
padding: 20px 15px;
text-align: center;
}
/* Devices (Tablet Mode, 768px and 991px) */
@media (min-width: 767px) and (max-width: 991px) {
}
/* Medium Devices (Phone Mode, 768px and less) */
@media (max-width: 767px) {
}
/* Medium Devices (Phone Mode, 768px and less) */
@media (max-width: 550px) {
.col-width-full {
width: 100%;
}
}

@ -0,0 +1,203 @@
/*Pricing Page v7
------------------------------------*/
.pricing-table-v7 .no-space-pricing [class^="col-"],
.pricing-table-v7 .no-space-pricing [class*=" col-"] {
padding: 0;
}
.pricing-table-v7 .no-row-space {
margin-right: 0;
margin-left: 0;
}
.pricing-table-v7 .service-block {
margin-bottom: 0;
}
.pricing-table-v7 .pricing-inner-1,
.pricing-table-v7 .pricing-inner-2 {
border: 1px solid #eee;
}
.pricing-table-v7 .pricing-inner-1 {
border-right: 0;
}
.pricing-table-v7 .pricing-inner-1,
.pricing-table-v7 .pricing-inner-2 {
border-top: 0;
padding: 20px 0;
}
.pricing-table-v7 .service-block h2 {
margin-bottom: 0;
}
.pricing-table-v7 .service-block > span {
color: #fff;
font-size: 50px;
margin-left: 25px;
position: relative;
display: inline-block;
}
.pricing-table-v7 .service-block > span .dollar {
top: 7px;
left: -13px;
position: absolute;
}
.pricing-table-v7 .service-block > span i {
font-size: 15px;
margin-left: 3px;
margin-right: 2px;
font-style: normal;
}
.pricing-table-v7 .service-block p {
padding-bottom: 7px;
}
.pricing-table-v7 .pricing-body {
background-color: #fff;
}
.pricing-table-v7 i {
font-size: 40px;
border: medium none;
}
.pricing-table-v7 .pricing-body span {
display: block;
color: #959494;
font-size: 13px;
}
.pricing-table-v7 .btn-u.btn-brd {
color: #fff;
border-color: #fff;
}
.pricing-table-v7 .btn-u.btn-brd:hover {
color: #555;
background: #fff;
border-color: transparent;
}
.pricing-table-v7.service-block-u {
background-color: #72c02c !important;
}
.pricing-table-v7.service-block-u .pricing-body i{
color: #72c02c;
}
.pricing-table-v7.service-block-dark-red .service-block{
background: #b61332
}
.pricing-table-v7.service-block-dark-red .pricing-body i{
color: #b61332;
}
.pricing-table-v7.service-block-teal .service-block{
background: #2cd5b6
}
.pricing-table-v7.service-block-teal .pricing-body i{
color: #2cd5b6;
}
.pricing-table-v7.service-block-sea .pricing-body i {
color: #1abc9c;
}
.pricing-table-v7.service-block-grey .pricing-body i {
color: #95a5a6;
}
.pricing-table-v7.service-block-yellow .pricing-body i {
color: #f1c40f;
}
.pricing-table-v7.service-block-purple .pricing-body i {
color: #9b6bcc;
}
.pricing-table-v7.service-block-aqua .pricing-body i {
color: #27d7e7;
}
.pricing-table-v7.service-block-brown .pricing-body i {
color: #9c8061;
}
.pricing-table-v7.service-block-light-green .pricing-body i {
color: #79d5b3;
}
.pricing-table-v7.service-block-purple .pricing-body i {
color: #9b6bcc;
}
.pricing-table-v7.service-block-blue .pricing-body i {
color: #3498db;
}
.pricing-table-v7.service-block-dark-blue .pricing-body i {
color: #4765a0;
}
.pricing-table-v7.service-block-red .pricing-body i {
color: #e74c3c;
}
.pricing-table-v7.service-block-dark .pricing-body i {
color: #555;
}
.pricing-table-v7.service-block-orange i.icon-color-light {
color: #e67e22;
}
.pricing-table-v7.service-block-light .pricing-body span,
.pricing-table-v7.service-block-light .pricing-body i.icon-color-light {
color: #555;
}
.pricing-table-v7.service-block-light .btn-u.btn-brd {
color: #555;
border-color: #888;
}
.pricing-table-v7.service-block-light .btn-u.btn-brd:hover {
border-color: #ddd;
}
/* Devices (Large Screen Mode, 1200px more) */
@media (min-width: 1200px) {
}
/* Devices (Desktop Mode, 992px and 1200px) */
@media (min-width: 992px) and (max-width: 1200px) {
.pricing-table-v7 .no-space-pricing [class^="col-"],
.pricing-table-v7 .no-space-pricing [class*=" col-"] {
padding: 0;
}
}
/* Devices (Tablet Mode, 768px and 991px) */
@media (min-width: 767px) and (max-width: 991px) {
}
/* Medium Devices (Phone Mode, 768px and less) */
@media (max-width: 767px) {
}
/* Medium Devices (Phone Mode, 768px and less) */
@media (max-width: 550px) {
.col-width-full {
width: 100%;
}
}

@ -0,0 +1,206 @@
/*Pricing Page v8
------------------------------------*/
.pricing-table-v8 .no-space-pricing [class^="col-"],
.pricing-table-v8 .no-space-pricing [class*=" col-"] {
padding: 0;
}
.pricing-table-v8 .no-row-space {
margin-right: 0;
margin-left: 0;
}
.pricing-table-v8 .service-block {
margin-bottom: 0;
}
.pricing-table-v8 .pricing-inner-1,
.pricing-table-v8 .pricing-inner-2 {
border: 1px solid #eee;
}
.pricing-table-v8 .pricing-inner-1 {
border-right: 0;
}
.pricing-table-v8 .pricing-inner-1,
.pricing-table-v8 .pricing-inner-2 {
border-top: 0;
padding: 40px 0
}
.pricing-table-v8 .service-block {
padding: 0 0 20px 0;
}
.pricing-table-v8 .service-block h2 {
padding: 15px 0;
font-size: 25px;
margin-bottom: 0px;
background-color: rgba(0,0,0, 0.2);
}
.pricing-table-v8 .service-block > span {
color: #fff;
font-size: 50px;
margin-left: 25px;
position: relative;
display: inline-block;
}
.pricing-table-v8 .service-block > span .dollar {
top: 7px;
left: -13px;
position: absolute;
}
.pricing-table-v8 .service-block > span i {
font-size: 15px;
margin-left: 3px;
margin-right: 2px;
font-style: normal;
}
.pricing-table-v8 .service-block p {
margin: 0 42px 15px 42px;
}
.pricing-table-v8 .pricing-body {
background-color: #fff;
}
.pricing-table-v8 i {
font-size: 40px;
border: medium none;
}
.pricing-table-v8 .pricing-body span {
display: block;
color: #959494;
font-size: 13px;
}
.pricing-table-v8 .btn-u.btn-brd {
color: #fff;
border-color: #fff;
}
.pricing-table-v8 .btn-u.btn-brd:hover {
color: #555;
background: #fff;
border-color: transparent;
}
.pricing-table-v8.service-block-u .pricing-body i{
color: #72c02c;
}
.pricing-table-v8.service-block-u {
background-color: #72c02c !important;
}
.pricing-table-v8.service-block-dark-red .service-block{
background: #b61332
}
.pricing-table-v8.service-block-dark-red .pricing-body i{
color: #b61332;
}
.pricing-table-v8.service-block-teal .service-block{
background: #2cd5b6
}
.pricing-table-v8.service-block-teal .pricing-body i{
color: #2cd5b6;
}
.pricing-table-v8.service-block-sea .pricing-body i{
color: #1abc9c;
}
.pricing-table-v8.service-block-grey .pricing-body i{
color: #95a5a6;
}
.pricing-table-v8.service-block-yellow .pricing-body i{
color: #f1c40f;
}
.pricing-table-v8.service-block-purple .pricing-body i{
color: #9b6bcc;
}
.pricing-table-v8.service-block-aqua .pricing-body i{
color: #27d7e7;
}
.pricing-table-v8.service-block-brown .pricing-body i{
color: #9c8061;
}
.pricing-table-v8.service-block-light-green .pricing-body i{
color: #79d5b3;
}
.pricing-table-v8.service-block-purple .pricing-body i{
color: #9b6bcc;
}
.pricing-table-v8.service-block-blue .pricing-body i{
color: #3498db;
}
.pricing-table-v8.service-block-dark-blue .pricing-body i{
color: #4765a0;
}.pricing-table-v8.service-block-red .pricing-body i{
color: #e74c3c;
}
.pricing-table-v8.service-block-dark .pricing-body i{
color: #555;
}
.pricing-table-v8.service-block-orange .pricing-body i{
color: #e67e22;
}
.pricing-table-v8.service-block-light .pricing-body span,
.pricing-table-v8.service-block-light .pricing-body i{
color: #555;
}
.pricing-table-v8.service-block-light .btn-u.btn-brd {
color: #555;
border-color: #888;
}
.pricing-table-v8.service-block-light .btn-u.btn-brd:hover {
border-color: #ddd;
}
/* Devices (Large Screen Mode, 1200px more) */
@media (min-width: 1200px) {
}
/* Devices (Desktop Mode, 992px and 1200px) */
@media (min-width: 992px) and (max-width: 1200px) {
}
/* Devices (Tablet Mode, 768px and 991px) */
@media (min-width: 767px) and (max-width: 991px) {
}
/* Medium Devices (Phone Mode, 768px and less) */
@media (max-width: 767px) {
}
/* Medium Devices (Phone Mode, 768px and less) */
@media (max-width: 550px) {
.col-width-full {
width: 100%;
}
}

@ -0,0 +1,831 @@
/*Profile
------------------------------------*/
.profile .list-group i {
min-width: 20px;
margin-right: 5px;
text-align: center;
}
.profile .heading-sm-v2 {
font-size: 16px;
}
.profile .profile-body {
padding: 20px;
background: #f7f7f7;
}
/*Scrollbar*/
.contentHolder {
padding: 0;
height: 320px;
margin: 0px auto;
overflow: hidden;
position: relative;
}
.spacer {
text-align: center
}
/*Panel Title Box*/
.profile .panel-profile {
border: none;
margin-bottom: 0;
box-shadow: none;
}
.profile .panel-profile.no-bg {
background: inherit;
}
.profile .panel-heading {
color: #585f69;
background: #fff;
padding: 7px 15px;
border-bottom: solid 3px #f7f7f7;
}
.profile .panel-heading-v2.overflow-h i.pull-right,
.profile .panel-heading.overflow-h i.pull-right {
top: 7px;
position: relative;
}
.profile .panel-heading-v2.overflow-h i.pull-right,
.profile .panel-heading.overflow-h a i {
color: #777;
}
.profile .panel-heading-v2.overflow-h i.pull-right,
.profile .panel-heading.overflow-h a:hover i {
color: #555;
}
.profile .panel-title {
font-size: 16px;
}
/*Notification*/
.profile .notification {
overflow: hidden;
margin-bottom: 10px;
padding: 15px 15px 0 0;
border-top: 1px solid #eee;
}
.profile .notification:first-child {
border-top: none;
}
.profile .notification img,
.profile .notification i {
float: left;
margin-right: 10px;
}
.profile .notification img {
width: 35px;
height: 35px;
}
.profile .notification span {
color: #777;
display: block;
}
.profile .notification small {
color: #999;
font-size: 11px;
}
.profile .notification h4 {
margin: 0 0 3px;
font-size: 14px;
}
.profile .notification p {
color: #777;
font-size: 12px;
}
/*Profile Post*/
.profile .profile-post {
background: #fff;
margin-bottom: 2px;
padding: 7px 7px 7px 0;
}
.profile .profile-post.color-one {
border-left: 2px solid #72c02c;
}
.profile .profile-post.color-two {
border-left: 2px solid #3498db;
}
.profile .profile-post.color-three {
border-left: 2px solid #e74c3c;
}
.profile .profile-post.color-four {
border-left: 2px solid #9b6bcc;
}
.profile .profile-post.color-five {
border-left: 2px solid #555;
}
.profile .profile-post.color-six {
border-left: 2px solid #f1c40f;
}
.profile .profile-post.color-seven {
border-left: 2px solid #27d7e7;
}
.profile .profile-post span.profile-post-numb {
float: left;
color: #999;
font-size: 20px;
font-weight: 200;
padding: 5px 12px;
}
.profile .profile-post:hover span.profile-post-numb {
color: #72c02c;
}
.profile .profile-post-in {
overflow: hidden;
}
.profile .profile-post-in h3 a {
color: #555;
text-transform: uppercase;
}
.profile .profile-post-in p {
color: #999;
margin-bottom: 5px;
}
/*Profile Event*/
.profile .profile-event .heading-xs {
margin-top: 0;
text-transform: uppercase;
}
.profile .profile-event {
background: #fff;
padding: 10px 15px;
margin-bottom: 2px;
}
.profile .profile-event p {
color: #999;
margin-bottom: 5px;
}
.profile .date-formats {
color: #fff;
float: left;
text-align: center;
background: #72c02c;
margin: 7px 13px 0 0;
padding: 7px 10px 4px;
}
.profile .date-formats span {
display: block;
font-size: 22px;
font-weight: 200;
line-height: 25px;
}
/*Table*/
.profile .table {
background: #fff;
}
.profile .table > thead > tr > th,
.profile .table > tbody > tr > th,
.profile .table > tfoot > tr > th,
.profile .table > thead > tr > td,
.profile .table > tbody > tr > td,
.profile .table > tfoot > tr > td {
padding: 11px;
}
/*Comment*/
.profile .comment {
border-bottom: 1px solid #eee;
padding: 15px 15px 5px;
}
.profile .comment img {
float: left;
width: 50px;
height: 50px;
margin-right: 15px;
}
.profile .comment strong {
display: block;
line-height: 15px;
margin-bottom: 3px;
}
.profile .comment p {
font-size: 12px;
margin-bottom: 0;
line-height: 17px;
}
.profile .comment small {
color: #bbb;
font-weight: 200;
}
.profile .comment-list li {
color: #999;
font-size: 11px;
}
.profile .comment-list li a {
color: #555;
}
.profile .comment-list li a:hover {
color: #555;
text-decoration: none;
}
.profile .comment-list li:hover i {
color: #72c02c;
}
/*Image Post*/
.profile .img-post {
position: relative;
}
.profile .img-post:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(0,0,0,0.4);
}
.profile .img-post-in {
left: 0;
right: 0;
bottom: 0;
padding: 20px;
position: absolute;
}
.profile .img-post-in h3 {
color: #fff;
margin: 0 auto;
font-weight: 200;
}
.profile .img-post-in small {
color: #999;
display: block;
margin-bottom: 15px;
}
.profile .img-post-in p {
color: #bbb;
}
.profile .img-post-list {
margin-bottom: 0;
}
.profile .img-post-list li a,
.profile .img-post-list li a:hover {
color: #fff;
text-decoration: none;
}
.profile .img-post-list li a:hover i {
color: #72c02c;
}
/*Media*/
.profile .media.media-v2 {
margin-top: 0;
padding: 25px 0 20px;
border-top: 1px solid #eee;
}
.profile .media.media-v2:first-child {
border-top: none;
}
.profile .media.media-v2 .media.media-v2 {
margin-top: 20px;
padding-bottom: 0;
}
.profile .media.media-v2 img.media-object {
width: 50px;
height: 50px;
margin-right: 10px;
}
/*Media Body*/
.profile .media.media-v2 .media-body {
overflow: hidden;
}
.profile .media.media-v2 .media-body p {
color: #777;
line-height: 1.4;
}
/*Media Heading*/
.profile .media.media-v2 .media-heading {
margin: 0 0 5px;
font-size: 13px;
position: relative;
}
.profile .media.media-v2 .media-heading a,
.profile .media.media-v2 .media-heading a:hover {
color: #555;
}
.profile .media.media-v2 .media-heading strong {
padding-right: 5px;
}
.profile .media.media-v2 .media-heading small {
top: 7px;
right: 0;
color: #999;
font-size: 12px;
position: absolute;
}
/*Results List*/
.profile .results-list {
margin-top: 4px;
}
.profile .results-list li a {
color: #999;
}
/*Expand List*/
.profile i.expand-list {
color: #777;
padding: 5px;
min-width: 20px;
font-size: 12px;
text-align: center;
display: inline-block;
border: 1px solid #777;
}
.profile i.expand-list:hover {
color: #999;
border-color: #999;
}
/*Image Uploaded*/
.profile .img-uploaded li {
padding: 0;
}
.profile .img-uploaded img {
width: 120px;
height: auto;
}
/*Alert Blocks*/
.alert-blocks {
margin: 0 15px 5px;
background: #f7f7f7;
padding: 10px 10px 13px;
}
.alert-blocks:first-child {
margin-top: 15px;
}
.alert-blocks-pending {
background: #fffdcc;
}
.alert-blocks-success {
background: #e1febc;
}
.alert-blocks-pending {
background: #fffdcc;
}
.alert-blocks-error {
background: #fee0e0;
}
.alert-blocks-info {
background: #e0f3fe;
}
.alert-blocks.alert-dismissable {
padding-right: 35px;
}
.alert-blocks i {
float: left;
margin-right: 15px;
}
.alert-blocks img {
float: left;
width: 40px;
height: 40px;
margin-right: 15px;
}
.alert-blocks strong small {
color: #a3a3a3;
font-weight: 200;
}
.alert-blocks p {
color: #999;
margin-bottom: 0;
}
/*Profile Me
------------------------------------*/
/*Profile Biography*/
.profile .profile-bio {
background: #fff;
position: relative;
padding: 15px 10px 5px 15px;
}
.profile .profile-bio a {
left: 50%;
bottom: 20px;
margin-left: -60px;
text-align: center;
position: absolute;
}
.profile .profile-bio h2 {
margin-top: 0;
font-weight: 200;
}
.profile .profile-bio span {
display: block;
}
.profile .profile-bio hr {
margin: 12px 0 10px;
}
.profile .p-chart {
text-align: center;
}
.profile .p-chart h3 {
line-height: 20px;
margin-bottom: 10px;
}
/*Circle in Responsive*/
@media (max-width: 450px) {
.p-chart.col-xs-6 {
width: 100%;
}
}
/*Timeline*/
.profile .timeline-v2.timeline-me:before {
left: 19%;
}
.profile .timeline-v2.timeline-me p {
margin-bottom: 0;
}
.profile .timeline-v2.timeline-me > li .cbp_tmtime {
width: 27%;
}
.profile .timeline-v2.timeline-me > li .cbp_tmicon {
left: 19%;
}
.profile .timeline-v2.timeline-me > li .cbp_tmtime span:first-child {
color: #585f69;
font-size: 16px;
text-align: left;
line-height: 20px;
}
.profile .timeline-v2.timeline-me > li .cbp_tmtime span:last-child {
color: #999;
font-size: 14px;
text-align: left;
}
.profile .timeline-v2.timeline-me > li .cbp_tmlabel {
padding: 0;
background: inherit;
margin: 0 0 20px 23%;
}
.profile .timeline-v2.timeline-me > li .cbp_tmlabel:after {
border-color: inherit;
}
.profile .timeline-v2.timeline-me > li .cbp_tmlabel h2 {
margin: 0 auto;
font-size: 17px;
line-height: 20px;
border-bottom: none;
}
/*Social Contacts v2*/
.profile .social-contacts-v2 {
margin-bottom: 0;
}
.profile .social-contacts-v2 li {
padding: 7px 0;
border-top: 1px solid #f0f0f0;
}
.profile .social-contacts-v2 li:first-child {
border-top: none;
}
.profile .social-contacts-v2 li i {
font-size: 16px;
min-width: 25px;
margin-right: 7px;
text-align: center;
display: inline-block;
}
.profile .social-contacts-v2 li i.tw {
color: #159ceb;
}
.profile .social-contacts-v2 li i.fb {
color: #4862a3;
}
.profile .social-contacts-v2 li i.sk {
color: #00aceb;
}
.profile .social-contacts-v2 li i.gp {
color: #dc4a38;
}
.profile .social-contacts-v2 li i.gm {
color: #c6574b;
}
/*Social Contacts v3*/
.profile .social-contacts-v3 {
margin-bottom: 0;
}
.profile .social-contacts-v3 li {
padding: 12px 0;
border-top: 1px solid #f0f0f0;
}
.profile .social-contacts-v3 li:first-child {
padding-top: 0;
border-top: none;
}
.profile .social-contacts-v3 li:last-child {
padding-bottom: 0;
}
.profile .social-contacts-v3 li i {
color: #fff;
width: 25px;
height: 25px;
line-height: 25px;
margin-right: 7px;
text-align: center;
display: inline-block;
}
.profile .social-contacts-v3 li i.tw {
background: #159ceb;
}
.profile .social-contacts-v3 li i.fb {
background: #4862a3;
}
.profile .social-contacts-v3 li i.sk {
background: #00aceb;
}
.profile .social-contacts-v3 li i.gp {
background: #dc4a38;
}
.profile .social-contacts-v3 li i.gm {
background: #c6574b;
}
/*Profile Blog
------------------------------------*/
.profile .blog-border {
border: 1px solid #f0f0f0;
}
.profile .profile-blog {
padding: 20px;
background: #fff;
}
.profile .profile-blog img {
float: left;
width: 50px;
height: 50px;
margin-right: 20px;
}
.profile .profile-blog hr {
margin: 12px 0 10px;
}
.profile .name-location {
overflow: hidden;
}
.profile .name-location strong {
color: #555;
display: block;
font-size: 16px;
}
.profile .name-location span a {
color: #555;
}
.profile .name-location span a:hover {
color: #72c02c;
}
.profile .name-location span i {
color: #72c02c;
font-size: 18px;
margin-right: 5px;
}
/*Profile Projects
------------------------------------*/
.profile .projects {
background: #fff;
padding: 20px 20px 10px;
}
.profile .projects h2 {
margin: 0 0 5px;
font-size: 22px;
font-weight: 200;
}
.profile .projects h3 {
margin-bottom: 5px;
}
.profile .projects .progress {
margin-bottom: 15px;
}
.profile .blog-info-v2 {
margin-left: 0;
margin-bottom: 15px;
}
.profile .blog-info-v2 li {
font-size: 12px;
padding-left: 8px;
line-height: 12px;
border-left: 1px solid #eee;
}
.profile .blog-info-v2 li:first-child {
padding-left: 0;
border-left: none;
}
.profile .blog-info-v2 li i {
margin-right: 3px;
}
.profile .project-share {
overflow: hidden;
background: #fff;
padding: 10px 20px;
border-top: 1px solid #eee;
}
.profile .project-share ul {
margin-left: 0;
margin-bottom: 0;
}
.profile .comment-list-v2 li {
color: #999;
font-size: 14px;
padding: 0 10px 0 0;
}
.profile .comment-list-v2 li a {
color: #555;
}
.profile .comment-list-v2 li i {
margin-right: 3px;
}
.profile .comment-list-v2 li a:hover {
color: #555;
text-decoration: none;
}
.profile .comment-list-v2 li:hover i {
color: #72c02c;
}
.profile .star-vote li {
padding: 0;
font-size: 15px;
}
/*Profile History
------------------------------------*/
.profile .timeline-v2:before {
background: #eee;
}
.profile .timeline-v2 > li .cbp_tmlabel {
background: #fff;
}
.profile .timeline-v2 > li .cbp_tmlabel:after {
border-right-color: #fff;
}
@media screen and (max-width: 767px) {
.profile .timeline-v2 > li .cbp_tmlabel:after {
border-bottom-color: #fff;
border-right-color: transparent;
}
}
@media screen (min-width: 768px) and (max-width: 992px) {
.profile .timeline-v2 > li .cbp_tmlabel:after {
border-bottom-color: #fff;
border-right-color: transparent;
}
}
/*Profile Settings
------------------------------------*/
/*Profile Edit*/
.profile .profile-edit {
padding: 20px;
background: #fff;
}
.profile .profile-edit h2 {
font-weight: 200;
}
.profile .profile-edit dt {
text-align: inherit;
}
.profile .profile-edit hr {
margin: 17px 0 15px;
}
/*Tab*/
.profile .tab-content {
padding: 0;
}
@media (max-width: 768px) {
.profile .tab-v1 .nav-tabs {
border-bottom: none;
}
}
/*Sky Form*/
.profile .sky-form {
border: none;
}
.profile .sky-form .toggle-change i {
left: 180px;
}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

@ -0,0 +1,68 @@
/*
* Template Name: Unify - Responsive Bootstrap Template
* Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
* Version: 1.6
* Author: @htmlstream
* Website: http://htmlstream.com
*/
.shadow-wrapper {
z-index: 1;
position: relative;
}
/*Common Style*/
.box-shadow {
background: #fff;
position: relative;
}
.box-shadow:after,
.box-shadow:before {
top: 80%;
left: 5px;
width: 50%;
z-index: -1;
content: "";
bottom: 15px;
max-width: 300px;
background: #999;
position: absolute;
}
/*Effect 1*/
.shadow-effect-1 {
box-shadow: 0 10px 6px -6px #bbb;
-moz-box-shadow: 0 10px 6px -6px #bbb;
-webkit-box-shadow: 0 10px 6px -6px #bbb;
}
/*Effect 2,3,4*/
.shadow-effect-2 {
position: relative;
}
.shadow-effect-2:after,
.shadow-effect-2:before,
.shadow-effect-3:before,
.shadow-effect-4:after {
transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
box-shadow: 0 15px 10px #999;
-moz-box-shadow: 0 15px 10px #999;
-webkit-box-shadow: 0 15px 10px #999;
}
.shadow-effect-2:after,
.shadow-effect-4:after {
left: auto;
right: 5px;
transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
}

@ -0,0 +1,6 @@
language: node_js
node_js:
- "0.10"
before_install: npm install -g grunt-cli coffee-script
install: npm install
before_script: grunt build

@ -0,0 +1,21 @@
@mixin btn($color) {
background-color: transparent;
border-color: $color;
color: $color;
&:hover {
background-color: $color;
color: rgb(255, 255, 255);
}
}
@mixin btn-inversed($color) {
background-color: $color;
border-color: $color;
color: rgb(255, 255, 255);
&:hover {
background-color: transparent;
color: $color;
}
}

@ -0,0 +1,93 @@
$brands:
amazon rgb(242,158,55),
delicious rgb(50,113,203),
digg rgb(22,70,115),
disqus rgb(46,159,255),
eventbrite rgb(255,86,22),
eventful rgb(55,96,149),
intensedebate rgb(0,153,225),
lanyrd rgb(46,106,194),
pinboard rgb(0,0,255),
songkick rgb(255,0,80),
stumbleupon rgb(235,73,36),
gmail rgb(219,64,56),
google rgb(78,108,247),
evernote rgb(107,177,48),
grooveshark rgb(233,122,47),
instapaper rgb(34,34,34),
itunes rgb(82,81,82),
opentable rgb(153,0,0),
logmein rgb(0,0,0),
ninetyninedesigns rgb(7,34,67),
paypal rgb(50,104,154),
pocket rgb(222,90,95),
scribd rgb(35,28,26),
spotify rgb(96,175,0),
statusnet rgb(130,157,37),
stripe rgb(47,126,214),
yahoo rgb(162,0,194),
yelp rgb(230,0,16),
wikipedia rgb(17,17,17),
wordpress rgb(70,70,70),
ycombinator rgb(255,102,0),
bitcoin rgb(235,151,55),
cloudapp rgb(49,44,42),
creativecommons rgb(0,0,0),
dropbox rgb(0,126,229),
html5 rgb(255,54,23),
ie rgb(0,161,217),
podcast rgb(147,101,206),
rss rgb(255,127,37),
skype rgb(0,162,237),
steam rgb(0,0,0),
windows rgb(72,187,239),
android rgb(164,198,57),
appstore rgb(0,0,0),
googleplay rgb(185,193,62),
macstore rgb(0,125,203),
appnet rgb(49,120,189),
blogger rgb(238,90,34),
bitbucket rgb(32,80,129),
dribbble rgb(234,76,137),
facebook rgb(72,99,174),
flattr rgb(138,186,66),
flickr rgb(255,0,132),
foursquare rgb(0,114,177),
github rgb(23,21,21),
googleplus rgb(221,74,56),
gowalla rgb(255,114,10),
instagram rgb(63,114,155),
klout rgb(227,74,37),
lastfm rgb(220,26,35),
linkedin rgb(0,131,168),
meetup rgb(255,0,38),
myspace rgb(0,0,0),
pinterest rgb(201,22,24),
quora rgb(168,36,0),
reddit rgb(255,87,0),
plurk rgb(207,104,47),
smashing rgb(255,79,39),
soundcloud rgb(255,69,0),
stackoverflow rgb(241,132,54),
tumblr rgb(55,74,97),
twitter rgb(70,192,251),
viadeo rgb(231,115,46),
vimeo rgb(0,162,205),
vk rgb(69,104,142),
weibo rgb(215,88,77),
xing rgb(10,93,94),
youtube rgb(255,0,0),
csgo rgb(182,115,0),
dota2 rgb(195,61,43),
gm rgb(17,148,240),
lol rgb(215, 153, 34),
minecraft rgb(148,200,100),
tf2 rgb(179,82,21),
quake rgb(205,24,0),
wot rgb(255,64,5);

@ -0,0 +1,8 @@
@import "_variables";
@import "_mixins";
@each $item in $brands {
.btn-#{nth($item, 1)}-inversed {
@include btn-inversed( #{nth($item, 2)} );
}
}

@ -0,0 +1,8 @@
@import "_variables";
@import "_mixins";
@each $item in $brands {
.btn-#{nth($item, 1)} {
@include btn( #{nth($item, 2)} );
}
}

@ -0,0 +1,694 @@
.btn:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn-amazon-inversed {
background-color: #f29e37;
border-color: #f29e37;
color: white; }
.btn-amazon-inversed:hover {
background-color: transparent;
color: #f29e37; }
.btn-delicious-inversed {
background-color: #3271cb;
border-color: #3271cb;
color: white; }
.btn-delicious-inversed:hover {
background-color: transparent;
color: #3271cb; }
.btn-digg-inversed {
background-color: #164673;
border-color: #164673;
color: white; }
.btn-digg-inversed:hover {
background-color: transparent;
color: #164673; }
.btn-disqus-inversed {
background-color: #2e9fff;
border-color: #2e9fff;
color: white; }
.btn-disqus-inversed:hover {
background-color: transparent;
color: #2e9fff; }
.btn-eventbrite-inversed {
background-color: #ff5616;
border-color: #ff5616;
color: white; }
.btn-eventbrite-inversed:hover {
background-color: transparent;
color: #ff5616; }
.btn-eventful-inversed {
background-color: #376095;
border-color: #376095;
color: white; }
.btn-eventful-inversed:hover {
background-color: transparent;
color: #376095; }
.btn-intensedebate-inversed {
background-color: #0099e1;
border-color: #0099e1;
color: white; }
.btn-intensedebate-inversed:hover {
background-color: transparent;
color: #0099e1; }
.btn-lanyrd-inversed {
background-color: #2e6ac2;
border-color: #2e6ac2;
color: white; }
.btn-lanyrd-inversed:hover {
background-color: transparent;
color: #2e6ac2; }
.btn-pinboard-inversed {
background-color: #0000ff;
border-color: #0000ff;
color: white; }
.btn-pinboard-inversed:hover {
background-color: transparent;
color: #0000ff; }
.btn-songkick-inversed {
background-color: #ff0050;
border-color: #ff0050;
color: white; }
.btn-songkick-inversed:hover {
background-color: transparent;
color: #ff0050; }
.btn-stumbleupon-inversed {
background-color: #eb4924;
border-color: #eb4924;
color: white; }
.btn-stumbleupon-inversed:hover {
background-color: transparent;
color: #eb4924; }
.btn-gmail-inversed {
background-color: #db4038;
border-color: #db4038;
color: white; }
.btn-gmail-inversed:hover {
background-color: transparent;
color: #db4038; }
.btn-google-inversed {
background-color: #4e6cf7;
border-color: #4e6cf7;
color: white; }
.btn-google-inversed:hover {
background-color: transparent;
color: #4e6cf7; }
.btn-evernote-inversed {
background-color: #6bb130;
border-color: #6bb130;
color: white; }
.btn-evernote-inversed:hover {
background-color: transparent;
color: #6bb130; }
.btn-grooveshark-inversed {
background-color: #e97a2f;
border-color: #e97a2f;
color: white; }
.btn-grooveshark-inversed:hover {
background-color: transparent;
color: #e97a2f; }
.btn-instapaper-inversed {
background-color: #222222;
border-color: #222222;
color: white; }
.btn-instapaper-inversed:hover {
background-color: transparent;
color: #222222; }
.btn-itunes-inversed {
background-color: #525152;
border-color: #525152;
color: white; }
.btn-itunes-inversed:hover {
background-color: transparent;
color: #525152; }
.btn-opentable-inversed {
background-color: #990000;
border-color: #990000;
color: white; }
.btn-opentable-inversed:hover {
background-color: transparent;
color: #990000; }
.btn-logmein-inversed {
background-color: #000000;
border-color: #000000;
color: white; }
.btn-logmein-inversed:hover {
background-color: transparent;
color: #000000; }
.btn-ninetyninedesigns-inversed {
background-color: #072243;
border-color: #072243;
color: white; }
.btn-ninetyninedesigns-inversed:hover {
background-color: transparent;
color: #072243; }
.btn-paypal-inversed {
background-color: #32689a;
border-color: #32689a;
color: white; }
.btn-paypal-inversed:hover {
background-color: transparent;
color: #32689a; }
.btn-pocket-inversed {
background-color: #de5a5f;
border-color: #de5a5f;
color: white; }
.btn-pocket-inversed:hover {
background-color: transparent;
color: #de5a5f; }
.btn-scribd-inversed {
background-color: #231c1a;
border-color: #231c1a;
color: white; }
.btn-scribd-inversed:hover {
background-color: transparent;
color: #231c1a; }
.btn-spotify-inversed {
background-color: #60af00;
border-color: #60af00;
color: white; }
.btn-spotify-inversed:hover {
background-color: transparent;
color: #60af00; }
.btn-statusnet-inversed {
background-color: #829d25;
border-color: #829d25;
color: white; }
.btn-statusnet-inversed:hover {
background-color: transparent;
color: #829d25; }
.btn-stripe-inversed {
background-color: #2f7ed6;
border-color: #2f7ed6;
color: white; }
.btn-stripe-inversed:hover {
background-color: transparent;
color: #2f7ed6; }
.btn-yahoo-inversed {
background-color: #a200c2;
border-color: #a200c2;
color: white; }
.btn-yahoo-inversed:hover {
background-color: transparent;
color: #a200c2; }
.btn-yelp-inversed {
background-color: #e60010;
border-color: #e60010;
color: white; }
.btn-yelp-inversed:hover {
background-color: transparent;
color: #e60010; }
.btn-wikipedia-inversed {
background-color: #111111;
border-color: #111111;
color: white; }
.btn-wikipedia-inversed:hover {
background-color: transparent;
color: #111111; }
.btn-wordpress-inversed {
background-color: #464646;
border-color: #464646;
color: white; }
.btn-wordpress-inversed:hover {
background-color: transparent;
color: #464646; }
.btn-ycombinator-inversed {
background-color: #ff6600;
border-color: #ff6600;
color: white; }
.btn-ycombinator-inversed:hover {
background-color: transparent;
color: #ff6600; }
.btn-bitcoin-inversed {
background-color: #eb9737;
border-color: #eb9737;
color: white; }
.btn-bitcoin-inversed:hover {
background-color: transparent;
color: #eb9737; }
.btn-cloudapp-inversed {
background-color: #312c2a;
border-color: #312c2a;
color: white; }
.btn-cloudapp-inversed:hover {
background-color: transparent;
color: #312c2a; }
.btn-creativecommons-inversed {
background-color: #000000;
border-color: #000000;
color: white; }
.btn-creativecommons-inversed:hover {
background-color: transparent;
color: #000000; }
.btn-dropbox-inversed {
background-color: #007ee5;
border-color: #007ee5;
color: white; }
.btn-dropbox-inversed:hover {
background-color: transparent;
color: #007ee5; }
.btn-html5-inversed {
background-color: #ff3617;
border-color: #ff3617;
color: white; }
.btn-html5-inversed:hover {
background-color: transparent;
color: #ff3617; }
.btn-ie-inversed {
background-color: #00a1d9;
border-color: #00a1d9;
color: white; }
.btn-ie-inversed:hover {
background-color: transparent;
color: #00a1d9; }
.btn-podcast-inversed {
background-color: #9365ce;
border-color: #9365ce;
color: white; }
.btn-podcast-inversed:hover {
background-color: transparent;
color: #9365ce; }
.btn-rss-inversed {
background-color: #ff7f25;
border-color: #ff7f25;
color: white; }
.btn-rss-inversed:hover {
background-color: transparent;
color: #ff7f25; }
.btn-skype-inversed {
background-color: #00a2ed;
border-color: #00a2ed;
color: white; }
.btn-skype-inversed:hover {
background-color: transparent;
color: #00a2ed; }
.btn-steam-inversed {
background-color: #000000;
border-color: #000000;
color: white; }
.btn-steam-inversed:hover {
background-color: transparent;
color: #000000; }
.btn-windows-inversed {
background-color: #48bbef;
border-color: #48bbef;
color: white; }
.btn-windows-inversed:hover {
background-color: transparent;
color: #48bbef; }
.btn-android-inversed {
background-color: #a4c639;
border-color: #a4c639;
color: white; }
.btn-android-inversed:hover {
background-color: transparent;
color: #a4c639; }
.btn-appstore-inversed {
background-color: #000000;
border-color: #000000;
color: white; }
.btn-appstore-inversed:hover {
background-color: transparent;
color: #000000; }
.btn-googleplay-inversed {
background-color: #b9c13e;
border-color: #b9c13e;
color: white; }
.btn-googleplay-inversed:hover {
background-color: transparent;
color: #b9c13e; }
.btn-macstore-inversed {
background-color: #007dcb;
border-color: #007dcb;
color: white; }
.btn-macstore-inversed:hover {
background-color: transparent;
color: #007dcb; }
.btn-appnet-inversed {
background-color: #3178bd;
border-color: #3178bd;
color: white; }
.btn-appnet-inversed:hover {
background-color: transparent;
color: #3178bd; }
.btn-blogger-inversed {
background-color: #ee5a22;
border-color: #ee5a22;
color: white; }
.btn-blogger-inversed:hover {
background-color: transparent;
color: #ee5a22; }
.btn-bitbucket-inversed {
background-color: #205081;
border-color: #205081;
color: white; }
.btn-bitbucket-inversed:hover {
background-color: transparent;
color: #205081; }
.btn-dribbble-inversed {
background-color: #ea4c89;
border-color: #ea4c89;
color: white; }
.btn-dribbble-inversed:hover {
background-color: transparent;
color: #ea4c89; }
.btn-facebook-inversed {
background-color: #4863ae;
border-color: #4863ae;
color: white; }
.btn-facebook-inversed:hover {
background-color: transparent;
color: #4863ae; }
.btn-flattr-inversed {
background-color: #8aba42;
border-color: #8aba42;
color: white; }
.btn-flattr-inversed:hover {
background-color: transparent;
color: #8aba42; }
.btn-flickr-inversed {
background-color: #ff0084;
border-color: #ff0084;
color: white; }
.btn-flickr-inversed:hover {
background-color: transparent;
color: #ff0084; }
.btn-foursquare-inversed {
background-color: #0072b1;
border-color: #0072b1;
color: white; }
.btn-foursquare-inversed:hover {
background-color: transparent;
color: #0072b1; }
.btn-github-inversed {
background-color: #171515;
border-color: #171515;
color: white; }
.btn-github-inversed:hover {
background-color: transparent;
color: #171515; }
.btn-googleplus-inversed {
background-color: #dd4a38;
border-color: #dd4a38;
color: white; }
.btn-googleplus-inversed:hover {
background-color: transparent;
color: #dd4a38; }
.btn-gowalla-inversed {
background-color: #ff720a;
border-color: #ff720a;
color: white; }
.btn-gowalla-inversed:hover {
background-color: transparent;
color: #ff720a; }
.btn-instagram-inversed {
background-color: #3f729b;
border-color: #3f729b;
color: white; }
.btn-instagram-inversed:hover {
background-color: transparent;
color: #3f729b; }
.btn-klout-inversed {
background-color: #e34a25;
border-color: #e34a25;
color: white; }
.btn-klout-inversed:hover {
background-color: transparent;
color: #e34a25; }
.btn-lastfm-inversed {
background-color: #dc1a23;
border-color: #dc1a23;
color: white; }
.btn-lastfm-inversed:hover {
background-color: transparent;
color: #dc1a23; }
.btn-linkedin-inversed {
background-color: #0083a8;
border-color: #0083a8;
color: white; }
.btn-linkedin-inversed:hover {
background-color: transparent;
color: #0083a8; }
.btn-meetup-inversed {
background-color: #ff0026;
border-color: #ff0026;
color: white; }
.btn-meetup-inversed:hover {
background-color: transparent;
color: #ff0026; }
.btn-myspace-inversed {
background-color: #000000;
border-color: #000000;
color: white; }
.btn-myspace-inversed:hover {
background-color: transparent;
color: #000000; }
.btn-pinterest-inversed {
background-color: #c91618;
border-color: #c91618;
color: white; }
.btn-pinterest-inversed:hover {
background-color: transparent;
color: #c91618; }
.btn-quora-inversed {
background-color: #a82400;
border-color: #a82400;
color: white; }
.btn-quora-inversed:hover {
background-color: transparent;
color: #a82400; }
.btn-reddit-inversed {
background-color: #ff5700;
border-color: #ff5700;
color: white; }
.btn-reddit-inversed:hover {
background-color: transparent;
color: #ff5700; }
.btn-plurk-inversed {
background-color: #cf682f;
border-color: #cf682f;
color: white; }
.btn-plurk-inversed:hover {
background-color: transparent;
color: #cf682f; }
.btn-smashing-inversed {
background-color: #ff4f27;
border-color: #ff4f27;
color: white; }
.btn-smashing-inversed:hover {
background-color: transparent;
color: #ff4f27; }
.btn-soundcloud-inversed {
background-color: #ff4500;
border-color: #ff4500;
color: white; }
.btn-soundcloud-inversed:hover {
background-color: transparent;
color: #ff4500; }
.btn-stackoverflow-inversed {
background-color: #f18436;
border-color: #f18436;
color: white; }
.btn-stackoverflow-inversed:hover {
background-color: transparent;
color: #f18436; }
.btn-tumblr-inversed {
background-color: #374a61;
border-color: #374a61;
color: white; }
.btn-tumblr-inversed:hover {
background-color: transparent;
color: #374a61; }
.btn-twitter-inversed {
background-color: #46c0fb;
border-color: #46c0fb;
color: white; }
.btn-twitter-inversed:hover {
background-color: transparent;
color: #46c0fb; }
.btn-viadeo-inversed {
background-color: #e7732e;
border-color: #e7732e;
color: white; }
.btn-viadeo-inversed:hover {
background-color: transparent;
color: #e7732e; }
.btn-vimeo-inversed {
background-color: #00a2cd;
border-color: #00a2cd;
color: white; }
.btn-vimeo-inversed:hover {
background-color: transparent;
color: #00a2cd; }
.btn-vk-inversed {
background-color: #45688e;
border-color: #45688e;
color: white; }
.btn-vk-inversed:hover {
background-color: transparent;
color: #45688e; }
.btn-weibo-inversed {
background-color: #d7584d;
border-color: #d7584d;
color: white; }
.btn-weibo-inversed:hover {
background-color: transparent;
color: #d7584d; }
.btn-xing-inversed {
background-color: #0a5d5e;
border-color: #0a5d5e;
color: white; }
.btn-xing-inversed:hover {
background-color: transparent;
color: #0a5d5e; }
.btn-youtube-inversed {
background-color: #ff0000;
border-color: #ff0000;
color: white; }
.btn-youtube-inversed:hover {
background-color: transparent;
color: #ff0000; }
.btn-csgo-inversed {
background-color: #b67300;
border-color: #b67300;
color: white; }
.btn-csgo-inversed:hover {
background-color: transparent;
color: #b67300; }
.btn-dota2-inversed {
background-color: #c33d2b;
border-color: #c33d2b;
color: white; }
.btn-dota2-inversed:hover {
background-color: transparent;
color: #c33d2b; }
.btn-gm-inversed {
background-color: #1194f0;
border-color: #1194f0;
color: white; }
.btn-gm-inversed:hover {
background-color: transparent;
color: #1194f0; }
.btn-lol-inversed {
background-color: #d79922;
border-color: #d79922;
color: white; }
.btn-lol-inversed:hover {
background-color: transparent;
color: #d79922; }
.btn-minecraft-inversed {
background-color: #94c864;
border-color: #94c864;
color: white; }
.btn-minecraft-inversed:hover {
background-color: transparent;
color: #94c864; }
.btn-tf2-inversed {
background-color: #b35215;
border-color: #b35215;
color: white; }
.btn-tf2-inversed:hover {
background-color: transparent;
color: #b35215; }
.btn-quake-inversed {
background-color: #cd1800;
border-color: #cd1800;
color: white; }
.btn-quake-inversed:hover {
background-color: transparent;
color: #cd1800; }
.btn-wot-inversed {
background-color: #ff4005;
border-color: #ff4005;
color: white; }
.btn-wot-inversed:hover {
background-color: transparent;
color: #ff4005; }

@ -0,0 +1,694 @@
.btn:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn-amazon {
background-color: transparent;
border-color: #f29e37;
color: #f29e37; }
.btn-amazon:hover {
background-color: #f29e37;
color: white; }
.btn-delicious {
background-color: transparent;
border-color: #3271cb;
color: #3271cb; }
.btn-delicious:hover {
background-color: #3271cb;
color: white; }
.btn-digg {
background-color: transparent;
border-color: #164673;
color: #164673; }
.btn-digg:hover {
background-color: #164673;
color: white; }
.btn-disqus {
background-color: transparent;
border-color: #2e9fff;
color: #2e9fff; }
.btn-disqus:hover {
background-color: #2e9fff;
color: white; }
.btn-eventbrite {
background-color: transparent;
border-color: #ff5616;
color: #ff5616; }
.btn-eventbrite:hover {
background-color: #ff5616;
color: white; }
.btn-eventful {
background-color: transparent;
border-color: #376095;
color: #376095; }
.btn-eventful:hover {
background-color: #376095;
color: white; }
.btn-intensedebate {
background-color: transparent;
border-color: #0099e1;
color: #0099e1; }
.btn-intensedebate:hover {
background-color: #0099e1;
color: white; }
.btn-lanyrd {
background-color: transparent;
border-color: #2e6ac2;
color: #2e6ac2; }
.btn-lanyrd:hover {
background-color: #2e6ac2;
color: white; }
.btn-pinboard {
background-color: transparent;
border-color: #0000ff;
color: #0000ff; }
.btn-pinboard:hover {
background-color: #0000ff;
color: white; }
.btn-songkick {
background-color: transparent;
border-color: #ff0050;
color: #ff0050; }
.btn-songkick:hover {
background-color: #ff0050;
color: white; }
.btn-stumbleupon {
background-color: transparent;
border-color: #eb4924;
color: #eb4924; }
.btn-stumbleupon:hover {
background-color: #eb4924;
color: white; }
.btn-gmail {
background-color: transparent;
border-color: #db4038;
color: #db4038; }
.btn-gmail:hover {
background-color: #db4038;
color: white; }
.btn-google {
background-color: transparent;
border-color: #4e6cf7;
color: #4e6cf7; }
.btn-google:hover {
background-color: #4e6cf7;
color: white; }
.btn-evernote {
background-color: transparent;
border-color: #6bb130;
color: #6bb130; }
.btn-evernote:hover {
background-color: #6bb130;
color: white; }
.btn-grooveshark {
background-color: transparent;
border-color: #e97a2f;
color: #e97a2f; }
.btn-grooveshark:hover {
background-color: #e97a2f;
color: white; }
.btn-instapaper {
background-color: transparent;
border-color: #222222;
color: #222222; }
.btn-instapaper:hover {
background-color: #222222;
color: white; }
.btn-itunes {
background-color: transparent;
border-color: #525152;
color: #525152; }
.btn-itunes:hover {
background-color: #525152;
color: white; }
.btn-opentable {
background-color: transparent;
border-color: #990000;
color: #990000; }
.btn-opentable:hover {
background-color: #990000;
color: white; }
.btn-logmein {
background-color: transparent;
border-color: #000000;
color: #000000; }
.btn-logmein:hover {
background-color: #000000;
color: white; }
.btn-ninetyninedesigns {
background-color: transparent;
border-color: #072243;
color: #072243; }
.btn-ninetyninedesigns:hover {
background-color: #072243;
color: white; }
.btn-paypal {
background-color: transparent;
border-color: #32689a;
color: #32689a; }
.btn-paypal:hover {
background-color: #32689a;
color: white; }
.btn-pocket {
background-color: transparent;
border-color: #de5a5f;
color: #de5a5f; }
.btn-pocket:hover {
background-color: #de5a5f;
color: white; }
.btn-scribd {
background-color: transparent;
border-color: #231c1a;
color: #231c1a; }
.btn-scribd:hover {
background-color: #231c1a;
color: white; }
.btn-spotify {
background-color: transparent;
border-color: #60af00;
color: #60af00; }
.btn-spotify:hover {
background-color: #60af00;
color: white; }
.btn-statusnet {
background-color: transparent;
border-color: #829d25;
color: #829d25; }
.btn-statusnet:hover {
background-color: #829d25;
color: white; }
.btn-stripe {
background-color: transparent;
border-color: #2f7ed6;
color: #2f7ed6; }
.btn-stripe:hover {
background-color: #2f7ed6;
color: white; }
.btn-yahoo {
background-color: transparent;
border-color: #a200c2;
color: #a200c2; }
.btn-yahoo:hover {
background-color: #a200c2;
color: white; }
.btn-yelp {
background-color: transparent;
border-color: #e60010;
color: #e60010; }
.btn-yelp:hover {
background-color: #e60010;
color: white; }
.btn-wikipedia {
background-color: transparent;
border-color: #111111;
color: #111111; }
.btn-wikipedia:hover {
background-color: #111111;
color: white; }
.btn-wordpress {
background-color: transparent;
border-color: #464646;
color: #464646; }
.btn-wordpress:hover {
background-color: #464646;
color: white; }
.btn-ycombinator {
background-color: transparent;
border-color: #ff6600;
color: #ff6600; }
.btn-ycombinator:hover {
background-color: #ff6600;
color: white; }
.btn-bitcoin {
background-color: transparent;
border-color: #eb9737;
color: #eb9737; }
.btn-bitcoin:hover {
background-color: #eb9737;
color: white; }
.btn-cloudapp {
background-color: transparent;
border-color: #312c2a;
color: #312c2a; }
.btn-cloudapp:hover {
background-color: #312c2a;
color: white; }
.btn-creativecommons {
background-color: transparent;
border-color: #000000;
color: #000000; }
.btn-creativecommons:hover {
background-color: #000000;
color: white; }
.btn-dropbox {
background-color: transparent;
border-color: #007ee5;
color: #007ee5; }
.btn-dropbox:hover {
background-color: #007ee5;
color: white; }
.btn-html5 {
background-color: transparent;
border-color: #ff3617;
color: #ff3617; }
.btn-html5:hover {
background-color: #ff3617;
color: white; }
.btn-ie {
background-color: transparent;
border-color: #00a1d9;
color: #00a1d9; }
.btn-ie:hover {
background-color: #00a1d9;
color: white; }
.btn-podcast {
background-color: transparent;
border-color: #9365ce;
color: #9365ce; }
.btn-podcast:hover {
background-color: #9365ce;
color: white; }
.btn-rss {
background-color: transparent;
border-color: #ff7f25;
color: #ff7f25; }
.btn-rss:hover {
background-color: #ff7f25;
color: white; }
.btn-skype {
background-color: transparent;
border-color: #00a2ed;
color: #00a2ed; }
.btn-skype:hover {
background-color: #00a2ed;
color: white; }
.btn-steam {
background-color: transparent;
border-color: #000000;
color: #000000; }
.btn-steam:hover {
background-color: #000000;
color: white; }
.btn-windows {
background-color: transparent;
border-color: #48bbef;
color: #48bbef; }
.btn-windows:hover {
background-color: #48bbef;
color: white; }
.btn-android {
background-color: transparent;
border-color: #a4c639;
color: #a4c639; }
.btn-android:hover {
background-color: #a4c639;
color: white; }
.btn-appstore {
background-color: transparent;
border-color: #000000;
color: #000000; }
.btn-appstore:hover {
background-color: #000000;
color: white; }
.btn-googleplay {
background-color: transparent;
border-color: #b9c13e;
color: #b9c13e; }
.btn-googleplay:hover {
background-color: #b9c13e;
color: white; }
.btn-macstore {
background-color: transparent;
border-color: #007dcb;
color: #007dcb; }
.btn-macstore:hover {
background-color: #007dcb;
color: white; }
.btn-appnet {
background-color: transparent;
border-color: #3178bd;
color: #3178bd; }
.btn-appnet:hover {
background-color: #3178bd;
color: white; }
.btn-blogger {
background-color: transparent;
border-color: #ee5a22;
color: #ee5a22; }
.btn-blogger:hover {
background-color: #ee5a22;
color: white; }
.btn-bitbucket {
background-color: transparent;
border-color: #205081;
color: #205081; }
.btn-bitbucket:hover {
background-color: #205081;
color: white; }
.btn-dribbble {
background-color: transparent;
border-color: #ea4c89;
color: #ea4c89; }
.btn-dribbble:hover {
background-color: #ea4c89;
color: white; }
.btn-facebook {
background-color: transparent;
border-color: #4863ae;
color: #4863ae; }
.btn-facebook:hover {
background-color: #4863ae;
color: white; }
.btn-flattr {
background-color: transparent;
border-color: #8aba42;
color: #8aba42; }
.btn-flattr:hover {
background-color: #8aba42;
color: white; }
.btn-flickr {
background-color: transparent;
border-color: #ff0084;
color: #ff0084; }
.btn-flickr:hover {
background-color: #ff0084;
color: white; }
.btn-foursquare {
background-color: transparent;
border-color: #0072b1;
color: #0072b1; }
.btn-foursquare:hover {
background-color: #0072b1;
color: white; }
.btn-github {
background-color: transparent;
border-color: #171515;
color: #171515; }
.btn-github:hover {
background-color: #171515;
color: white; }
.btn-googleplus {
background-color: transparent;
border-color: #dd4a38;
color: #dd4a38; }
.btn-googleplus:hover {
background-color: #dd4a38;
color: white; }
.btn-gowalla {
background-color: transparent;
border-color: #ff720a;
color: #ff720a; }
.btn-gowalla:hover {
background-color: #ff720a;
color: white; }
.btn-instagram {
background-color: transparent;
border-color: #3f729b;
color: #3f729b; }
.btn-instagram:hover {
background-color: #3f729b;
color: white; }
.btn-klout {
background-color: transparent;
border-color: #e34a25;
color: #e34a25; }
.btn-klout:hover {
background-color: #e34a25;
color: white; }
.btn-lastfm {
background-color: transparent;
border-color: #dc1a23;
color: #dc1a23; }
.btn-lastfm:hover {
background-color: #dc1a23;
color: white; }
.btn-linkedin {
background-color: transparent;
border-color: #0083a8;
color: #0083a8; }
.btn-linkedin:hover {
background-color: #0083a8;
color: white; }
.btn-meetup {
background-color: transparent;
border-color: #ff0026;
color: #ff0026; }
.btn-meetup:hover {
background-color: #ff0026;
color: white; }
.btn-myspace {
background-color: transparent;
border-color: #000000;
color: #000000; }
.btn-myspace:hover {
background-color: #000000;
color: white; }
.btn-pinterest {
background-color: transparent;
border-color: #c91618;
color: #c91618; }
.btn-pinterest:hover {
background-color: #c91618;
color: white; }
.btn-quora {
background-color: transparent;
border-color: #a82400;
color: #a82400; }
.btn-quora:hover {
background-color: #a82400;
color: white; }
.btn-reddit {
background-color: transparent;
border-color: #ff5700;
color: #ff5700; }
.btn-reddit:hover {
background-color: #ff5700;
color: white; }
.btn-plurk {
background-color: transparent;
border-color: #cf682f;
color: #cf682f; }
.btn-plurk:hover {
background-color: #cf682f;
color: white; }
.btn-smashing {
background-color: transparent;
border-color: #ff4f27;
color: #ff4f27; }
.btn-smashing:hover {
background-color: #ff4f27;
color: white; }
.btn-soundcloud {
background-color: transparent;
border-color: #ff4500;
color: #ff4500; }
.btn-soundcloud:hover {
background-color: #ff4500;
color: white; }
.btn-stackoverflow {
background-color: transparent;
border-color: #f18436;
color: #f18436; }
.btn-stackoverflow:hover {
background-color: #f18436;
color: white; }
.btn-tumblr {
background-color: transparent;
border-color: #374a61;
color: #374a61; }
.btn-tumblr:hover {
background-color: #374a61;
color: white; }
.btn-twitter {
background-color: transparent;
border-color: #46c0fb;
color: #46c0fb; }
.btn-twitter:hover {
background-color: #46c0fb;
color: white; }
.btn-viadeo {
background-color: transparent;
border-color: #e7732e;
color: #e7732e; }
.btn-viadeo:hover {
background-color: #e7732e;
color: white; }
.btn-vimeo {
background-color: transparent;
border-color: #00a2cd;
color: #00a2cd; }
.btn-vimeo:hover {
background-color: #00a2cd;
color: white; }
.btn-vk {
background-color: transparent;
border-color: #45688e;
color: #45688e; }
.btn-vk:hover {
background-color: #45688e;
color: white; }
.btn-weibo {
background-color: transparent;
border-color: #d7584d;
color: #d7584d; }
.btn-weibo:hover {
background-color: #d7584d;
color: white; }
.btn-xing {
background-color: transparent;
border-color: #0a5d5e;
color: #0a5d5e; }
.btn-xing:hover {
background-color: #0a5d5e;
color: white; }
.btn-youtube {
background-color: transparent;
border-color: #ff0000;
color: #ff0000; }
.btn-youtube:hover {
background-color: #ff0000;
color: white; }
.btn-csgo {
background-color: transparent;
border-color: #b67300;
color: #b67300; }
.btn-csgo:hover {
background-color: #b67300;
color: white; }
.btn-dota2 {
background-color: transparent;
border-color: #c33d2b;
color: #c33d2b; }
.btn-dota2:hover {
background-color: #c33d2b;
color: white; }
.btn-gm {
background-color: transparent;
border-color: #1194f0;
color: #1194f0; }
.btn-gm:hover {
background-color: #1194f0;
color: white; }
.btn-lol {
background-color: transparent;
border-color: #d79922;
color: #d79922; }
.btn-lol:hover {
background-color: #d79922;
color: white; }
.btn-minecraft {
background-color: transparent;
border-color: #94c864;
color: #94c864; }
.btn-minecraft:hover {
background-color: #94c864;
color: white; }
.btn-tf2 {
background-color: transparent;
border-color: #b35215;
color: #b35215; }
.btn-tf2:hover {
background-color: #b35215;
color: white; }
.btn-quake {
background-color: transparent;
border-color: #cd1800;
color: #cd1800; }
.btn-quake:hover {
background-color: #cd1800;
color: white; }
.btn-wot {
background-color: transparent;
border-color: #ff4005;
color: #ff4005; }
.btn-wot:hover {
background-color: #ff4005;
color: white; }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -0,0 +1,75 @@
/*Import custom_hover_effect.css*/
@import url(hover.css);
.link-effects .tag-box a {
margin: 0 10px 10px 0;
}
.link-effects .tag-box h2.heading-sm {
font-size: 18px;
line-height: 26px;
}
/*custom_hover_effect*/
.link-effects .button {
margin: 10px;
padding: 10px;
cursor: pointer;
}
.link-effects a.button:hover {
text-decoration: none;
}
.link-effects .border-fade,
.link-effects .hollow,
.link-effects .trim,
.link-effects .outline-outward,
.link-effects .outline-inward,
.link-effects .round-corners {
color: #fff !important;
}
.link-effects .hollow:hover {
background: #fff !important;
color: #555 !important;
}
.link-effects .round-corners:hover {
border-radius: 1em !important;
}
.bubble-float-top,
.bubble-float-right,
.bubble-float-left,
.bubble-float-bottom {
transform: inherit;
}
.bubble-float-top,
.bubble-float-right,
.bubble-float-left,
.bubble-float-bottom:hover {
color: #555 !important;
}
.link-effects .curl-top-left:before {
background: -webkit-linear-gradient(315deg, white 45%, #eee 50%, #eee 56%, white 80%);
background: linear-gradient(135deg, white 45%, #eee 50%, #eee 56%, white 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
}
.link-effects .curl-top-right:before {
background: -webkit-linear-gradient(225deg, white 45%, #eee 50%, #eee 56%, white 80%);
background: linear-gradient(225deg, white 45%, #eee 50%, #eee 56%, white 80%);
}
.link-effects .curl-bottom-right:before {
background: -webkit-linear-gradient(135deg, white 45%, #eee 50%, #eee 56%, white 80%);
background: linear-gradient(315deg, white 45%, #eee 50%, #eee 56%, white 80%);
}
.link-effects .curl-bottom-left:before {
background: -webkit-linear-gradient(45deg, white 45%, #eee 50%, #eee 56%, white 80%);
background: linear-gradient(45deg, white 45%, #eee 50%, #eee 56%, white 80%);
}

File diff suppressed because one or more lines are too long

Some files were not shown because too many files have changed in this diff Show More

Loading…
Cancel
Save