diff --git a/theme_levelup/README.rst b/theme_levelup/README.rst new file mode 100644 index 000000000..d1adf317c --- /dev/null +++ b/theme_levelup/README.rst @@ -0,0 +1,45 @@ +.. image:: https://img.shields.io/badge/license-LGPL--3-green.svg + :target: https://www.gnu.org/licenses/agpl-3.0-standalone.html + :alt: License: LGPL-3 + +Theme LevelUp +============ +* Design Web Pages with Theme LevelUp + +Configuration +============= + - www.odoo.com/documentation/15.0/setup/install.html + - Install our custom addon + +License +------- +Lesser General Public License, Version 3 (LGPL v3) +(https://www.odoo.com/documentation/user/15.0/legal/licenses/licenses.html) + +Company +------- +* `Cybrosys Techno Solutions: `__ + +Credits +------- +* Developer: (v15) Anurudh P, Contact: odoo@cybrosys.com + +Contacts +-------- +* Mail Contact : odoo@cybrosys.com +* Website : https://cybrosys.com + +Bug Tracker +----------- +Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. + +Maintainer +========== +.. image:: https://cybrosys.com/images/logo.png + :target: https://cybrosys.com +This module is maintained by Cybrosys Technologies. +For support and more information, please visit https://www.cybrosys.com + +Further information +=================== +HTML Description: ``__ diff --git a/theme_levelup/__init__.py b/theme_levelup/__init__.py new file mode 100644 index 000000000..cd5faefc1 --- /dev/null +++ b/theme_levelup/__init__.py @@ -0,0 +1,22 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2023-TODAY Cybrosys Technologies() +# Author:Anurudh P(odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU LESSER +# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. +# +# This program is distributed in the hope that it will be useful, +# but WITHOUT ANY WARRANTY; without even the implied warranty of +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. +# +# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE +# (LGPL v3) along with this program. +# If not, see . +# +############################################################################# +from . import controllers diff --git a/theme_levelup/__manifest__.py b/theme_levelup/__manifest__.py new file mode 100644 index 000000000..6c2c0ad10 --- /dev/null +++ b/theme_levelup/__manifest__.py @@ -0,0 +1,92 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2023-TODAY Cybrosys Technologies() +# Author:Anurudh P(odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU LESSER +# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. +# +# This program is distributed in the hope that it will be useful, +# but WITHOUT ANY WARRANTY; without even the implied warranty of +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. +# +# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE +# (LGPL v3) along with this program. +# If not, see . +# +############################################################################# +{ + 'name': 'Theme LevelUp', + 'version': '15.0.1.0.0', + 'category': 'Theme/Corporate', + 'summary': 'The perfect website theme for your growing business' + 'can used to apply new design to website and adding more menus ' + 'and feature', + 'description': 'Introducing Theme LevelUp,' + ' your gateway to the future of web design. ' + 'This cutting-edge theme has been meticulously crafted to ' + 'transform your website into a captivating online presence.' + ' With its breathtaking, visuals, sleek animations, ' + 'and modern layouts, Theme LevelUp promises to elevate your ' + 'digital identity to new heights. Prepare to amaze your' + ' visitors from the moment they set foot on your home page ' + 'and guide them through an immersive web experience like ' + 'never before.', + 'author': 'Cybrosys Techno Solutions', + 'company': 'Cybrosys Techno Solutions', + 'maintainer': 'Cybrosys Techno Solutions', + 'website': "https://www.cybrosys.com", + 'depends': ['website', 'website_blog'], + 'data': [ + 'views/blog_templates.xml', + 'views/portfolio_templates.xml', + 'views/about_us_templates.xml', + 'views/footer_templates.xml', + 'views/header_templates.xml', + 'views/layout_templates.xml', + 'views/contact_us_templates.xml', + 'views/team_templates.xml', + 'views/service_templates.xml', + 'views/snippets/s_snippet_templates.xml', + 'views/snippets/s_awards_templates.xml', + 'views/snippets/s_service_templates.xml', + 'views/snippets/s_feature_templates.xml', + 'views/snippets/s_excited_templates.xml', + 'views/snippets/s_testimonial_templates.xml', + 'views/snippets/s_client_templates.xml', + 'views/snippets/s_banner_templates.xml', + 'views/snippets/s_about_templates.xml', + 'views/snippets/s_gallery_templates.xml', + 'views/snippets/s_blog_templates.xml', + ], + 'assets': { + 'web.assets_frontend': [ + 'theme_levelup/static/src/css/animate.min.css', + 'theme_levelup/static/src/css/owl.carousel.min.css', + 'theme_levelup/static/src/css/owl.theme.default.min.css', + 'theme_levelup/static/src/css/style.css', + 'theme_levelup/static/src/css/font.css', + 'theme_levelup/static/src/css/bootstrap.css', + 'https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js', + 'theme_levelup/static/src/js/index.js', + 'theme_levelup/static/src/js/owl.carousel.js', + 'theme_levelup/static/src/js/owl.carousel.min.js', + 'theme_levelup/static/src/js/service_slider.js', + 'theme_levelup/static/src/js/about_slider.js', + 'theme_levelup/static/src/js/blog_slider.js', + 'theme_levelup/static/src/js/testimonial_slider.js', + ], + }, + 'images': [ + 'static/description/theme_screenshot.png', + 'static/description/banner.png', + ], + 'license': 'LGPL-3', + 'installable': True, + 'auto_install': False, + 'application': False, +} diff --git a/theme_levelup/controllers/__init__.py b/theme_levelup/controllers/__init__.py new file mode 100644 index 000000000..a4e0bd172 --- /dev/null +++ b/theme_levelup/controllers/__init__.py @@ -0,0 +1,22 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2023-TODAY Cybrosys Technologies() +# Author:Anurudh P(odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU LESSER +# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. +# +# This program is distributed in the hope that it will be useful, +# but WITHOUT ANY WARRANTY; without even the implied warranty of +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. +# +# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE +# (LGPL v3) along with this program. +# If not, see . +# +############################################################################# +from . import theme_levelup diff --git a/theme_levelup/controllers/theme_levelup.py b/theme_levelup/controllers/theme_levelup.py new file mode 100644 index 000000000..46e3e92e3 --- /dev/null +++ b/theme_levelup/controllers/theme_levelup.py @@ -0,0 +1,55 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2023-TODAY Cybrosys Technologies() +# Author:Anurudh P(odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU LESSER +# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. +# +# This program is distributed in the hope that it will be useful, +# but WITHOUT ANY WARRANTY; without even the implied warranty of +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. +# +# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE +# (LGPL v3) along with this program. +# If not, see . +# +############################################################################# +from odoo import http +from odoo.http import request + + +class MenuController(http.Controller): + """This controller will be used to redirect to the + mentioned pages by clicking the menus.""" + + @http.route('/about', website=True, type='http', auth='public', csrf=False) + def about_page(self): + """This router will be redirected to the about page.""" + return request.render('theme_levelup.about_page') + + @http.route('/portfolio', website=True, type='http', auth='public', + csrf=False) + def portfolio_page(self): + """This router will be redirected to the portfolio page.""" + return request.render('theme_levelup.portfolio_page') + + @http.route('/team', website=True, type='http', auth='public', csrf=False) + def team_page(self): + """This router will be redirected to the team page.""" + return request.render('theme_levelup.team_page') + + @http.route('/service', website=True, type='http', auth='public', + csrf=False) + def service_page(self): + """This router will be redirected to the service page.""" + return request.render('theme_levelup.service_page') + + @http.route('/blog_snippet', auth="public", type='json', website=True) + def latest_blog(self): + """This router will be redirected to the blog page.""" + return request.env['blog.post'].sudo().search_read([], limit=3) diff --git a/theme_levelup/doc/RELEASE_NOTE.md b/theme_levelup/doc/RELEASE_NOTE.md new file mode 100644 index 000000000..2559c21be --- /dev/null +++ b/theme_levelup/doc/RELEASE_NOTE.md @@ -0,0 +1,6 @@ +## Module + +#### 29.11.2023 +#### Version 15.0.1.0.0 +#### ADD +- Initial commit for Theme LevelUp diff --git a/theme_levelup/static/description/assets/icons/Edu.png b/theme_levelup/static/description/assets/icons/Edu.png new file mode 100644 index 000000000..158b36a16 Binary files /dev/null and b/theme_levelup/static/description/assets/icons/Edu.png differ diff --git a/theme_levelup/static/description/assets/icons/POS.png b/theme_levelup/static/description/assets/icons/POS.png new file mode 100644 index 000000000..3c7f1cfe9 Binary files /dev/null and b/theme_levelup/static/description/assets/icons/POS.png differ diff --git a/theme_levelup/static/description/assets/icons/Production.png b/theme_levelup/static/description/assets/icons/Production.png new file mode 100644 index 000000000..e88dcd0d6 Binary files /dev/null and b/theme_levelup/static/description/assets/icons/Production.png differ diff --git a/theme_levelup/static/description/assets/icons/arrow-black.png b/theme_levelup/static/description/assets/icons/arrow-black.png new file mode 100644 index 000000000..3fd6da801 Binary files /dev/null and b/theme_levelup/static/description/assets/icons/arrow-black.png differ diff --git a/theme_levelup/static/description/assets/icons/content-area-img.png b/theme_levelup/static/description/assets/icons/content-area-img.png new file mode 100644 index 000000000..8dbaceeb5 Binary files /dev/null and b/theme_levelup/static/description/assets/icons/content-area-img.png differ diff --git a/theme_levelup/static/description/assets/icons/icon-Compatibility-with-plugins.png b/theme_levelup/static/description/assets/icons/icon-Compatibility-with-plugins.png new file mode 100644 index 000000000..2c0c4015e Binary files /dev/null and b/theme_levelup/static/description/assets/icons/icon-Compatibility-with-plugins.png differ diff --git a/theme_levelup/static/description/assets/icons/icon-Fast-loading-times.png b/theme_levelup/static/description/assets/icons/icon-Fast-loading-times.png new file mode 100644 index 000000000..d758dea65 Binary files /dev/null and b/theme_levelup/static/description/assets/icons/icon-Fast-loading-times.png differ diff --git a/theme_levelup/static/description/assets/icons/icon-One-Click-Installation.png b/theme_levelup/static/description/assets/icons/icon-One-Click-Installation.png new file mode 100644 index 000000000..189cc7cbb Binary files /dev/null and b/theme_levelup/static/description/assets/icons/icon-One-Click-Installation.png differ diff --git a/theme_levelup/static/description/assets/icons/icon-Responsive-design.png b/theme_levelup/static/description/assets/icons/icon-Responsive-design.png new file mode 100644 index 000000000..963329a0a Binary files /dev/null and b/theme_levelup/static/description/assets/icons/icon-Responsive-design.png differ diff --git a/theme_levelup/static/description/assets/icons/icon-Up-to-date-development.png b/theme_levelup/static/description/assets/icons/icon-Up-to-date-development.png new file mode 100644 index 000000000..892a490e8 Binary files /dev/null and b/theme_levelup/static/description/assets/icons/icon-Up-to-date-development.png differ diff --git a/theme_levelup/static/description/assets/icons/icon-design.png b/theme_levelup/static/description/assets/icons/icon-design.png new file mode 100644 index 000000000..bd578f6d1 Binary files /dev/null and b/theme_levelup/static/description/assets/icons/icon-design.png differ diff --git a/theme_levelup/static/description/assets/icons/logo-cybro.png b/theme_levelup/static/description/assets/icons/logo-cybro.png new file mode 100644 index 000000000..ecf9b0134 Binary files /dev/null and b/theme_levelup/static/description/assets/icons/logo-cybro.png differ diff --git a/theme_levelup/static/description/assets/icons/odoo-consultency.png b/theme_levelup/static/description/assets/icons/odoo-consultency.png new file mode 100644 index 000000000..bf2d21531 Binary files /dev/null and b/theme_levelup/static/description/assets/icons/odoo-consultency.png differ diff --git a/theme_levelup/static/description/assets/icons/odoo-customization.png b/theme_levelup/static/description/assets/icons/odoo-customization.png new file mode 100644 index 000000000..a51a84de4 Binary files /dev/null and b/theme_levelup/static/description/assets/icons/odoo-customization.png differ diff --git a/theme_levelup/static/description/assets/icons/odoo-developer.png b/theme_levelup/static/description/assets/icons/odoo-developer.png new file mode 100644 index 000000000..b2272be9e Binary files /dev/null and b/theme_levelup/static/description/assets/icons/odoo-developer.png differ diff --git a/theme_levelup/static/description/assets/icons/odoo-implement.png b/theme_levelup/static/description/assets/icons/odoo-implement.png new file mode 100644 index 000000000..ab975c139 Binary files /dev/null and b/theme_levelup/static/description/assets/icons/odoo-implement.png differ diff --git a/theme_levelup/static/description/assets/icons/odoo-intergration.png b/theme_levelup/static/description/assets/icons/odoo-intergration.png new file mode 100644 index 000000000..82b73a193 Binary files /dev/null and b/theme_levelup/static/description/assets/icons/odoo-intergration.png differ diff --git a/theme_levelup/static/description/assets/icons/odoo-licencing.png b/theme_levelup/static/description/assets/icons/odoo-licencing.png new file mode 100644 index 000000000..fe24f14c4 Binary files /dev/null and b/theme_levelup/static/description/assets/icons/odoo-licencing.png differ diff --git a/theme_levelup/static/description/assets/icons/odoo-logo.png b/theme_levelup/static/description/assets/icons/odoo-logo.png new file mode 100644 index 000000000..d3eae23f2 Binary files /dev/null and b/theme_levelup/static/description/assets/icons/odoo-logo.png differ diff --git a/theme_levelup/static/description/assets/icons/odoo-migration.png b/theme_levelup/static/description/assets/icons/odoo-migration.png new file mode 100644 index 000000000..03ac43d05 Binary files /dev/null and b/theme_levelup/static/description/assets/icons/odoo-migration.png differ diff --git a/theme_levelup/static/description/assets/icons/odoo-support.png b/theme_levelup/static/description/assets/icons/odoo-support.png new file mode 100644 index 000000000..6d481032c Binary files /dev/null and b/theme_levelup/static/description/assets/icons/odoo-support.png differ diff --git a/theme_levelup/static/description/assets/icons/single product 2.png b/theme_levelup/static/description/assets/icons/single product 2.png new file mode 100644 index 000000000..4477eb1cc Binary files /dev/null and b/theme_levelup/static/description/assets/icons/single product 2.png differ diff --git a/theme_levelup/static/description/assets/icons/trading.png b/theme_levelup/static/description/assets/icons/trading.png new file mode 100644 index 000000000..9d99bc55b Binary files /dev/null and b/theme_levelup/static/description/assets/icons/trading.png differ diff --git a/theme_levelup/static/description/assets/screenshots/Banner.png b/theme_levelup/static/description/assets/screenshots/Banner.png new file mode 100644 index 000000000..e3a45ae3a Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/Banner.png differ diff --git a/theme_levelup/static/description/assets/screenshots/Blog-1.png b/theme_levelup/static/description/assets/screenshots/Blog-1.png new file mode 100644 index 000000000..07e18daf0 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/Blog-1.png differ diff --git a/theme_levelup/static/description/assets/screenshots/Blog-2.png b/theme_levelup/static/description/assets/screenshots/Blog-2.png new file mode 100644 index 000000000..f6bbb35cb Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/Blog-2.png differ diff --git a/theme_levelup/static/description/assets/screenshots/Home-1-.png b/theme_levelup/static/description/assets/screenshots/Home-1-.png new file mode 100644 index 000000000..6262e443c Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/Home-1-.png differ diff --git a/theme_levelup/static/description/assets/screenshots/about-us-1.png b/theme_levelup/static/description/assets/screenshots/about-us-1.png new file mode 100644 index 000000000..b26566698 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/about-us-1.png differ diff --git a/theme_levelup/static/description/assets/screenshots/about-us-2.png b/theme_levelup/static/description/assets/screenshots/about-us-2.png new file mode 100644 index 000000000..08f8edffd Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/about-us-2.png differ diff --git a/theme_levelup/static/description/assets/screenshots/about-us-3.png b/theme_levelup/static/description/assets/screenshots/about-us-3.png new file mode 100644 index 000000000..381617ea4 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/about-us-3.png differ diff --git a/theme_levelup/static/description/assets/screenshots/about-us-4.png b/theme_levelup/static/description/assets/screenshots/about-us-4.png new file mode 100644 index 000000000..09c9a60fe Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/about-us-4.png differ diff --git a/theme_levelup/static/description/assets/screenshots/about-us-5.png b/theme_levelup/static/description/assets/screenshots/about-us-5.png new file mode 100644 index 000000000..b5b191624 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/about-us-5.png differ diff --git a/theme_levelup/static/description/assets/screenshots/about-us-6.png b/theme_levelup/static/description/assets/screenshots/about-us-6.png new file mode 100644 index 000000000..ee7cc5194 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/about-us-6.png differ diff --git a/theme_levelup/static/description/assets/screenshots/about-us-7.png b/theme_levelup/static/description/assets/screenshots/about-us-7.png new file mode 100644 index 000000000..182a27e3e Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/about-us-7.png differ diff --git a/theme_levelup/static/description/assets/screenshots/contactus-1.png b/theme_levelup/static/description/assets/screenshots/contactus-1.png new file mode 100644 index 000000000..44c2ff384 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/contactus-1.png differ diff --git a/theme_levelup/static/description/assets/screenshots/contactus-2.png b/theme_levelup/static/description/assets/screenshots/contactus-2.png new file mode 100644 index 000000000..5154b10fe Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/contactus-2.png differ diff --git a/theme_levelup/static/description/assets/screenshots/contactus.png b/theme_levelup/static/description/assets/screenshots/contactus.png new file mode 100644 index 000000000..ac6cb05d0 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/contactus.png differ diff --git a/theme_levelup/static/description/assets/screenshots/heading.png b/theme_levelup/static/description/assets/screenshots/heading.png new file mode 100644 index 000000000..9436afde4 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/heading.png differ diff --git a/theme_levelup/static/description/assets/screenshots/home-10.png b/theme_levelup/static/description/assets/screenshots/home-10.png new file mode 100644 index 000000000..ca7049348 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/home-10.png differ diff --git a/theme_levelup/static/description/assets/screenshots/home-11.png b/theme_levelup/static/description/assets/screenshots/home-11.png new file mode 100644 index 000000000..a0f38f6fc Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/home-11.png differ diff --git a/theme_levelup/static/description/assets/screenshots/home-12.png b/theme_levelup/static/description/assets/screenshots/home-12.png new file mode 100644 index 000000000..c09795b54 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/home-12.png differ diff --git a/theme_levelup/static/description/assets/screenshots/home-13.png b/theme_levelup/static/description/assets/screenshots/home-13.png new file mode 100644 index 000000000..7948cdca5 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/home-13.png differ diff --git a/theme_levelup/static/description/assets/screenshots/home-2.png b/theme_levelup/static/description/assets/screenshots/home-2.png new file mode 100644 index 000000000..216621bb3 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/home-2.png differ diff --git a/theme_levelup/static/description/assets/screenshots/home-3.png b/theme_levelup/static/description/assets/screenshots/home-3.png new file mode 100644 index 000000000..9ea5f8ea7 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/home-3.png differ diff --git a/theme_levelup/static/description/assets/screenshots/home-4.png b/theme_levelup/static/description/assets/screenshots/home-4.png new file mode 100644 index 000000000..1c1b13ced Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/home-4.png differ diff --git a/theme_levelup/static/description/assets/screenshots/home-5.png b/theme_levelup/static/description/assets/screenshots/home-5.png new file mode 100644 index 000000000..9a5a96ab3 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/home-5.png differ diff --git a/theme_levelup/static/description/assets/screenshots/home-6.png b/theme_levelup/static/description/assets/screenshots/home-6.png new file mode 100644 index 000000000..51314f534 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/home-6.png differ diff --git a/theme_levelup/static/description/assets/screenshots/home-7.png b/theme_levelup/static/description/assets/screenshots/home-7.png new file mode 100644 index 000000000..c9158aba8 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/home-7.png differ diff --git a/theme_levelup/static/description/assets/screenshots/home-8.png b/theme_levelup/static/description/assets/screenshots/home-8.png new file mode 100644 index 000000000..05729b133 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/home-8.png differ diff --git a/theme_levelup/static/description/assets/screenshots/home-9.png b/theme_levelup/static/description/assets/screenshots/home-9.png new file mode 100644 index 000000000..5996d6e7a Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/home-9.png differ diff --git a/theme_levelup/static/description/assets/screenshots/portfolio-1.png b/theme_levelup/static/description/assets/screenshots/portfolio-1.png new file mode 100644 index 000000000..229c6e896 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/portfolio-1.png differ diff --git a/theme_levelup/static/description/assets/screenshots/portfolio-2.png b/theme_levelup/static/description/assets/screenshots/portfolio-2.png new file mode 100644 index 000000000..4f86961a6 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/portfolio-2.png differ diff --git a/theme_levelup/static/description/assets/screenshots/services-1.png b/theme_levelup/static/description/assets/screenshots/services-1.png new file mode 100644 index 000000000..fd8fd389e Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/services-1.png differ diff --git a/theme_levelup/static/description/assets/screenshots/services-2.png b/theme_levelup/static/description/assets/screenshots/services-2.png new file mode 100644 index 000000000..9232dd0aa Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/services-2.png differ diff --git a/theme_levelup/static/description/assets/screenshots/services-3.png b/theme_levelup/static/description/assets/screenshots/services-3.png new file mode 100644 index 000000000..728d8af8f Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/services-3.png differ diff --git a/theme_levelup/static/description/assets/screenshots/services.png b/theme_levelup/static/description/assets/screenshots/services.png new file mode 100644 index 000000000..ceff4fd43 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/services.png differ diff --git a/theme_levelup/static/description/assets/screenshots/team-1.png b/theme_levelup/static/description/assets/screenshots/team-1.png new file mode 100644 index 000000000..e557be8f4 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/team-1.png differ diff --git a/theme_levelup/static/description/assets/screenshots/team-2.png b/theme_levelup/static/description/assets/screenshots/team-2.png new file mode 100644 index 000000000..681f55f58 Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/team-2.png differ diff --git a/theme_levelup/static/description/assets/screenshots/team-3.png b/theme_levelup/static/description/assets/screenshots/team-3.png new file mode 100644 index 000000000..127e676fb Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/team-3.png differ diff --git a/theme_levelup/static/description/assets/screenshots/team-4.png b/theme_levelup/static/description/assets/screenshots/team-4.png new file mode 100644 index 000000000..ec57ddf0b Binary files /dev/null and b/theme_levelup/static/description/assets/screenshots/team-4.png differ diff --git a/theme_levelup/static/description/banner.png b/theme_levelup/static/description/banner.png new file mode 100644 index 000000000..af308e29f Binary files /dev/null and b/theme_levelup/static/description/banner.png differ diff --git a/theme_levelup/static/description/icon.png b/theme_levelup/static/description/icon.png new file mode 100644 index 000000000..5b6d3c1b8 Binary files /dev/null and b/theme_levelup/static/description/icon.png differ diff --git a/theme_levelup/static/description/index.html b/theme_levelup/static/description/index.html new file mode 100644 index 000000000..7b2c524e7 --- /dev/null +++ b/theme_levelup/static/description/index.html @@ -0,0 +1,896 @@ + + + + odoo + + + + + + +
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+

+
+
+
+
+
    +
  • Website + Design +
    • +
  • UI/UX
    • +
  • + Developing +
    • +
+
+
+
+
+ +
+
+
+
+

The perfect + theme for + growing business +

+
+
+

Welcome to Theme LevelUp! We are + excited to introduce our cutting-edge theme designed to take + your website to new heights. With Theme LevelUp, you can elevate + your online presence with its stunning visuals, sleek animations, + and modern layouts. Our theme offers a seamless user experience, + ensuring that visitors are captivated from the moment they land on + your home page. Experience the next level of web design with + Theme LevelUp and unlock a world of endless possibilities + for your online business.

+

Customizable is at the + core of Theme LevelUp. We understand that every business + has its own unique branding and style, which is why our theme + offers extensive customization options. With an easy-to-use interface, + you can effortlessly tailor the colors, fonts, and layouts to align with + your brand identity. Whether you want to convey a sense of elegance, + professionalism, or creativity, Theme LevelUp gives + you the flexibility to make your website truly your own.

+

What sets Theme LevelUp apart is + its exceptional user experience. We have meticulously curated + every aspect of the theme to provide a fluid and intuitive + navigation experience. From seamless scrolling to interactive + menus, our theme guarantees a smooth journey for your visitors, + encouraging them to delve deeper into your website and + discover everything you have to offer.

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

+ Key features

+
+
+
+
+
+ + Design +
+

The most recent website creation for design website menus and forms . flexible and simple to use.

+
+
+
+
+
+ + + Compatibility with plugins +
+

Along with this theme , it permits users to use third-party plugins also.

+
+
+
+
+
+ + + Fast loading times +
+

This theme loads all of its features more quickly than other designs.

+
+
+
+
+
+ + + Up-to-date Development +
+

The most up-to-date approaches, concepts, and innovations are being used.

+
+
+
+
+
+ + + Responsive Design +
+

Different resolution devices can be used by users to watch websites.

+
+
+
+
+
+ + + One Click Installation +
+

This mode is significantly easier than others because Odoo makes One Click Installation feasible.

+
+
+
+
+
+
+
+
+
+

Home page

+
+
+
+
+
    +
  • Home
    • +
  • About
    • +
  • Portfolio +
    • +
  • Team
    • +
  • Service +
    • +
  • Blog
    • +
  • contact +
    • +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+
+
+

About page

+
+
+
+
+
    +
  • Banner
    • +
  • Easy + Categorized menu +
    • +
  • Product + List +
    • +
  • Offer + Banner +
    • +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+
+
+

+ Portfolio page

+
+
+
+
+
    +
  • Product + Description +
    • +
  • Similar + Product +
    • +
  • Offer + Banner +
    • +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+
+
+

+ Team Page

+
+
+
+
+
    +
  • Product + Description +
    • +
  • Team +
    • +
  • Offer + Banner +
    • +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+
+
+

+ Service Page

+
+
+
+
+
    +
  • Product + Description +
    • +
  • Service +
    • +
  • Offer + Banner +
    • +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+
+
+

+ Blog Page

+
+
+
+
+
    +
  • Banner
    • +
  • Blog +
    • +
  • Quality +
    • +
  • Promo + Video +
    • + +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+
+
+

+ Contact Page

+
+
+
+
+
    +
  • Banner
    • +
  • + Contact +
    • +
  • Location +
    • + +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+
+
+ +
+ +
+

+ Our Services

+
View + services offered by us +
+
+
+ +
+ + +

+ Odoo Customization

+ +
+
+
+ +
+ + +

+ Odoo Implementation

+ +
+
+ +
+ +
+ + +

+ Odoo Support

+ +
+
+ +
+ +
+ + +

+ Hire Odoo Developer

+ +
+
+
+ +
+ + +

+ Odoo Integration

+ +
+
+ +
+ +
+ + +

+ Odoo Migration

+ +
+
+
+ +
+ + +

+ Odoo Consultancy

+ +
+
+
+ +
+ + +

+ Odoo Implementation

+ +
+
+ +
+ +
+ + +

+ Odoo Licensing Consultancy

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

+ Our Industries

+
Get + Insight in our odoo knowledge and our marked footprint + in industries +
+
+
+ +
+ + +

+ Trading

+

Easily procure and sell + your products

+
+
+
+ +
+ + +

+ E-commerce & Website

+

Mobile friendly, awe-inspiring product pages

+ +
+
+ +
+ +
+ + +

+ POS

+

Easy configuration and + convivial experience

+ +
+
+ +
+ +
+ + +

+ Education

+

A platform for educational + management

+ +
+
+
+
+ + +

+ Manufacturing

+

Plan, track and schedule + your operations

+
+
+
+
+ + +

+ Service Management

+

Keep track of services + and invoice

+
+
+
+ +
+ + +

+ Restaurant

+

Run your bar or restaurant + methodically

+
+
+ +
+ +
+ + +

+ Hotel management

+

An all-inclusive hotel + management application

+
+
+
+
+
+
+ + + + + diff --git a/theme_levelup/static/description/theme_screenshot.png b/theme_levelup/static/description/theme_screenshot.png new file mode 100644 index 000000000..1687e3d70 Binary files /dev/null and b/theme_levelup/static/description/theme_screenshot.png differ diff --git a/theme_levelup/static/src/css/animate.css b/theme_levelup/static/src/css/animate.css new file mode 100644 index 000000000..f784ce8f6 --- /dev/null +++ b/theme_levelup/static/src/css/animate.css @@ -0,0 +1,3158 @@ +@charset "UTF-8"; +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license - http://opensource.org/licenses/MIT + +Copyright (c) 2014 Daniel Eden +*/ + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +@-webkit-keyframes bounce { + 0%, 20%, 53%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + + 40%, 43% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0,-4px,0); + transform: translate3d(0,-4px,0); + } +} + +@keyframes bounce { + 0%, 20%, 53%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + + 40%, 43% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0,-4px,0); + transform: translate3d(0,-4px,0); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + -ms-transform-origin: center bottom; + transform-origin: center bottom; +} + +@-webkit-keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +@keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes pulse { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes rubberBand { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes rubberBand { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} + +@-webkit-keyframes shake { + 0%, 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +@keyframes shake { + 0%, 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + 100% { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + 100% { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes tada { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes wobble { + 0% { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes bounceIn { + 0%, 20%, 40%, 60%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes bounceIn { + 0%, 20%, 40%, 60%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes bounceInDown { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInDown { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInLeft { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInRight { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInUp { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } +} + +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + 100% { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + 100% { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + 0% { + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + 0% { + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateIn { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} + +@-webkit-keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +@keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} + +@-webkit-keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} + +@-webkit-keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} + +@-webkit-keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} + +@-webkit-keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} + +@-webkit-keyframes zoomOut { + 0% { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 100% { + opacity: 0; + } +} + +@keyframes zoomOut { + 0% { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 100% { + opacity: 0; + } +} + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} + +@-webkit-keyframes slideInDown { + 0% { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInDown { + 0% { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + 0% { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInLeft { + 0% { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + 0% { + -webkit-transform: translateX(100%); + transform: translateX(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInRight { + 0% { + -webkit-transform: translateX(100%); + transform: translateX(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideInUp { + 0% { + -webkit-transform: translateY(100%); + transform: translateY(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInUp { + 0% { + -webkit-transform: translateY(100%); + transform: translateY(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} + +@-webkit-keyframes slideOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} + +@keyframes slideOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +} + +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } +} + +@keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } +} + +@keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} diff --git a/theme_levelup/static/src/css/animate.min.css b/theme_levelup/static/src/css/animate.min.css new file mode 100644 index 000000000..073e89cee --- /dev/null +++ b/theme_levelup/static/src/css/animate.min.css @@ -0,0 +1,2 @@ +@charset "UTF-8"; +.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,53%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} \ No newline at end of file diff --git a/theme_levelup/static/src/css/bootstrap.css b/theme_levelup/static/src/css/bootstrap.css new file mode 100644 index 000000000..1cea36773 --- /dev/null +++ b/theme_levelup/static/src/css/bootstrap.css @@ -0,0 +1,1390 @@ +@font-face { + font-family: "bootstrap-icons"; + src: url("./fonts/bootstrap-icons.woff2?856008caa5eb66df68595e734e59580d") format("woff2"), +url("./fonts/bootstrap-icons.woff?856008caa5eb66df68595e734e59580d") format("woff"); +} + +[class^="bi-"]::before, +[class*=" bi-"]::before { + display: inline-block; + font-family: bootstrap-icons !important; + font-style: normal; + font-weight: normal !important; + font-variant: normal; + text-transform: none; + line-height: 1; + vertical-align: -.125em; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.bi-alarm-fill::before { content: "\f101"; } +.bi-alarm::before { content: "\f102"; } +.bi-align-bottom::before { content: "\f103"; } +.bi-align-center::before { content: "\f104"; } +.bi-align-end::before { content: "\f105"; } +.bi-align-middle::before { content: "\f106"; } +.bi-align-start::before { content: "\f107"; } +.bi-align-top::before { content: "\f108"; } +.bi-alt::before { content: "\f109"; } +.bi-app-indicator::before { content: "\f10a"; } +.bi-app::before { content: "\f10b"; } +.bi-archive-fill::before { content: "\f10c"; } +.bi-archive::before { content: "\f10d"; } +.bi-arrow-90deg-down::before { content: "\f10e"; } +.bi-arrow-90deg-left::before { content: "\f10f"; } +.bi-arrow-90deg-right::before { content: "\f110"; } +.bi-arrow-90deg-up::before { content: "\f111"; } +.bi-arrow-bar-down::before { content: "\f112"; } +.bi-arrow-bar-left::before { content: "\f113"; } +.bi-arrow-bar-right::before { content: "\f114"; } +.bi-arrow-bar-up::before { content: "\f115"; } +.bi-arrow-clockwise::before { content: "\f116"; } +.bi-arrow-counterclockwise::before { content: "\f117"; } +.bi-arrow-down-circle-fill::before { content: "\f118"; } +.bi-arrow-down-circle::before { content: "\f119"; } +.bi-arrow-down-left-circle-fill::before { content: "\f11a"; } +.bi-arrow-down-left-circle::before { content: "\f11b"; } +.bi-arrow-down-left-square-fill::before { content: "\f11c"; } +.bi-arrow-down-left-square::before { content: "\f11d"; } +.bi-arrow-down-left::before { content: "\f11e"; } +.bi-arrow-down-right-circle-fill::before { content: "\f11f"; } +.bi-arrow-down-right-circle::before { content: "\f120"; } +.bi-arrow-down-right-square-fill::before { content: "\f121"; } +.bi-arrow-down-right-square::before { content: "\f122"; } +.bi-arrow-down-right::before { content: "\f123"; } +.bi-arrow-down-short::before { content: "\f124"; } +.bi-arrow-down-square-fill::before { content: "\f125"; } +.bi-arrow-down-square::before { content: "\f126"; } +.bi-arrow-down-up::before { content: "\f127"; } +.bi-arrow-down::before { content: "\f128"; } +.bi-arrow-left-circle-fill::before { content: "\f129"; } +.bi-arrow-left-circle::before { content: "\f12a"; } +.bi-arrow-left-right::before { content: "\f12b"; } +.bi-arrow-left-short::before { content: "\f12c"; } +.bi-arrow-left-square-fill::before { content: "\f12d"; } +.bi-arrow-left-square::before { content: "\f12e"; } +.bi-arrow-left::before { content: "\f12f"; } +.bi-arrow-repeat::before { content: "\f130"; } +.bi-arrow-return-left::before { content: "\f131"; } +.bi-arrow-return-right::before { content: "\f132"; } +.bi-arrow-right-circle-fill::before { content: "\f133"; } +.bi-arrow-right-circle::before { content: "\f134"; } +.bi-arrow-right-short::before { content: "\f135"; } +.bi-arrow-right-square-fill::before { content: "\f136"; } +.bi-arrow-right-square::before { content: "\f137"; } +.bi-arrow-right::before { content: "\f138"; } +.bi-arrow-up-circle-fill::before { content: "\f139"; } +.bi-arrow-up-circle::before { content: "\f13a"; } +.bi-arrow-up-left-circle-fill::before { content: "\f13b"; } +.bi-arrow-up-left-circle::before { content: "\f13c"; } +.bi-arrow-up-left-square-fill::before { content: "\f13d"; } +.bi-arrow-up-left-square::before { content: "\f13e"; } +.bi-arrow-up-left::before { content: "\f13f"; } +.bi-arrow-up-right-circle-fill::before { content: "\f140"; } +.bi-arrow-up-right-circle::before { content: "\f141"; } +.bi-arrow-up-right-square-fill::before { content: "\f142"; } +.bi-arrow-up-right-square::before { content: "\f143"; } +.bi-arrow-up-right::before { content: "\f144"; } +.bi-arrow-up-short::before { content: "\f145"; } +.bi-arrow-up-square-fill::before { content: "\f146"; } +.bi-arrow-up-square::before { content: "\f147"; } +.bi-arrow-up::before { content: "\f148"; } +.bi-arrows-angle-contract::before { content: "\f149"; } +.bi-arrows-angle-expand::before { content: "\f14a"; } +.bi-arrows-collapse::before { content: "\f14b"; } +.bi-arrows-expand::before { content: "\f14c"; } +.bi-arrows-fullscreen::before { content: "\f14d"; } +.bi-arrows-move::before { content: "\f14e"; } +.bi-aspect-ratio-fill::before { content: "\f14f"; } +.bi-aspect-ratio::before { content: "\f150"; } +.bi-asterisk::before { content: "\f151"; } +.bi-at::before { content: "\f152"; } +.bi-award-fill::before { content: "\f153"; } +.bi-award::before { content: "\f154"; } +.bi-back::before { content: "\f155"; } +.bi-backspace-fill::before { content: "\f156"; } +.bi-backspace-reverse-fill::before { content: "\f157"; } +.bi-backspace-reverse::before { content: "\f158"; } +.bi-backspace::before { content: "\f159"; } +.bi-badge-3d-fill::before { content: "\f15a"; } +.bi-badge-3d::before { content: "\f15b"; } +.bi-badge-4k-fill::before { content: "\f15c"; } +.bi-badge-4k::before { content: "\f15d"; } +.bi-badge-8k-fill::before { content: "\f15e"; } +.bi-badge-8k::before { content: "\f15f"; } +.bi-badge-ad-fill::before { content: "\f160"; } +.bi-badge-ad::before { content: "\f161"; } +.bi-badge-ar-fill::before { content: "\f162"; } +.bi-badge-ar::before { content: "\f163"; } +.bi-badge-cc-fill::before { content: "\f164"; } +.bi-badge-cc::before { content: "\f165"; } +.bi-badge-hd-fill::before { content: "\f166"; } +.bi-badge-hd::before { content: "\f167"; } +.bi-badge-tm-fill::before { content: "\f168"; } +.bi-badge-tm::before { content: "\f169"; } +.bi-badge-vo-fill::before { content: "\f16a"; } +.bi-badge-vo::before { content: "\f16b"; } +.bi-badge-vr-fill::before { content: "\f16c"; } +.bi-badge-vr::before { content: "\f16d"; } +.bi-badge-wc-fill::before { content: "\f16e"; } +.bi-badge-wc::before { content: "\f16f"; } +.bi-bag-check-fill::before { content: "\f170"; } +.bi-bag-check::before { content: "\f171"; } +.bi-bag-dash-fill::before { content: "\f172"; } +.bi-bag-dash::before { content: "\f173"; } +.bi-bag-fill::before { content: "\f174"; } +.bi-bag-plus-fill::before { content: "\f175"; } +.bi-bag-plus::before { content: "\f176"; } +.bi-bag-x-fill::before { content: "\f177"; } +.bi-bag-x::before { content: "\f178"; } +.bi-bag::before { content: "\f179"; } +.bi-bar-chart-fill::before { content: "\f17a"; } +.bi-bar-chart-line-fill::before { content: "\f17b"; } +.bi-bar-chart-line::before { content: "\f17c"; } +.bi-bar-chart-steps::before { content: "\f17d"; } +.bi-bar-chart::before { content: "\f17e"; } +.bi-basket-fill::before { content: "\f17f"; } +.bi-basket::before { content: "\f180"; } +.bi-basket2-fill::before { content: "\f181"; } +.bi-basket2::before { content: "\f182"; } +.bi-basket3-fill::before { content: "\f183"; } +.bi-basket3::before { content: "\f184"; } +.bi-battery-charging::before { content: "\f185"; } +.bi-battery-full::before { content: "\f186"; } +.bi-battery-half::before { content: "\f187"; } +.bi-battery::before { content: "\f188"; } +.bi-bell-fill::before { content: "\f189"; } +.bi-bell::before { content: "\f18a"; } +.bi-bezier::before { content: "\f18b"; } +.bi-bezier2::before { content: "\f18c"; } +.bi-bicycle::before { content: "\f18d"; } +.bi-binoculars-fill::before { content: "\f18e"; } +.bi-binoculars::before { content: "\f18f"; } +.bi-blockquote-left::before { content: "\f190"; } +.bi-blockquote-right::before { content: "\f191"; } +.bi-book-fill::before { content: "\f192"; } +.bi-book-half::before { content: "\f193"; } +.bi-book::before { content: "\f194"; } +.bi-bookmark-check-fill::before { content: "\f195"; } +.bi-bookmark-check::before { content: "\f196"; } +.bi-bookmark-dash-fill::before { content: "\f197"; } +.bi-bookmark-dash::before { content: "\f198"; } +.bi-bookmark-fill::before { content: "\f199"; } +.bi-bookmark-heart-fill::before { content: "\f19a"; } +.bi-bookmark-heart::before { content: "\f19b"; } +.bi-bookmark-plus-fill::before { content: "\f19c"; } +.bi-bookmark-plus::before { content: "\f19d"; } +.bi-bookmark-star-fill::before { content: "\f19e"; } +.bi-bookmark-star::before { content: "\f19f"; } +.bi-bookmark-x-fill::before { content: "\f1a0"; } +.bi-bookmark-x::before { content: "\f1a1"; } +.bi-bookmark::before { content: "\f1a2"; } +.bi-bookmarks-fill::before { content: "\f1a3"; } +.bi-bookmarks::before { content: "\f1a4"; } +.bi-bookshelf::before { content: "\f1a5"; } +.bi-bootstrap-fill::before { content: "\f1a6"; } +.bi-bootstrap-reboot::before { content: "\f1a7"; } +.bi-bootstrap::before { content: "\f1a8"; } +.bi-border-all::before { content: "\f1a9"; } +.bi-border-bottom::before { content: "\f1aa"; } +.bi-border-center::before { content: "\f1ab"; } +.bi-border-inner::before { content: "\f1ac"; } +.bi-border-left::before { content: "\f1ad"; } +.bi-border-middle::before { content: "\f1ae"; } +.bi-border-outer::before { content: "\f1af"; } +.bi-border-right::before { content: "\f1b0"; } +.bi-border-style::before { content: "\f1b1"; } +.bi-border-top::before { content: "\f1b2"; } +.bi-border-width::before { content: "\f1b3"; } +.bi-border::before { content: "\f1b4"; } +.bi-bounding-box-circles::before { content: "\f1b5"; } +.bi-bounding-box::before { content: "\f1b6"; } +.bi-box-arrow-down-left::before { content: "\f1b7"; } +.bi-box-arrow-down-right::before { content: "\f1b8"; } +.bi-box-arrow-down::before { content: "\f1b9"; } +.bi-box-arrow-in-down-left::before { content: "\f1ba"; } +.bi-box-arrow-in-down-right::before { content: "\f1bb"; } +.bi-box-arrow-in-down::before { content: "\f1bc"; } +.bi-box-arrow-in-left::before { content: "\f1bd"; } +.bi-box-arrow-in-right::before { content: "\f1be"; } +.bi-box-arrow-in-up-left::before { content: "\f1bf"; } +.bi-box-arrow-in-up-right::before { content: "\f1c0"; } +.bi-box-arrow-in-up::before { content: "\f1c1"; } +.bi-box-arrow-left::before { content: "\f1c2"; } +.bi-box-arrow-right::before { content: "\f1c3"; } +.bi-box-arrow-up-left::before { content: "\f1c4"; } +.bi-box-arrow-up-right::before { content: "\f1c5"; } +.bi-box-arrow-up::before { content: "\f1c6"; } +.bi-box-seam::before { content: "\f1c7"; } +.bi-box::before { content: "\f1c8"; } +.bi-braces::before { content: "\f1c9"; } +.bi-bricks::before { content: "\f1ca"; } +.bi-briefcase-fill::before { content: "\f1cb"; } +.bi-briefcase::before { content: "\f1cc"; } +.bi-brightness-alt-high-fill::before { content: "\f1cd"; } +.bi-brightness-alt-high::before { content: "\f1ce"; } +.bi-brightness-alt-low-fill::before { content: "\f1cf"; } +.bi-brightness-alt-low::before { content: "\f1d0"; } +.bi-brightness-high-fill::before { content: "\f1d1"; } +.bi-brightness-high::before { content: "\f1d2"; } +.bi-brightness-low-fill::before { content: "\f1d3"; } +.bi-brightness-low::before { content: "\f1d4"; } +.bi-broadcast-pin::before { content: "\f1d5"; } +.bi-broadcast::before { content: "\f1d6"; } +.bi-brush-fill::before { content: "\f1d7"; } +.bi-brush::before { content: "\f1d8"; } +.bi-bucket-fill::before { content: "\f1d9"; } +.bi-bucket::before { content: "\f1da"; } +.bi-bug-fill::before { content: "\f1db"; } +.bi-bug::before { content: "\f1dc"; } +.bi-building::before { content: "\f1dd"; } +.bi-bullseye::before { content: "\f1de"; } +.bi-calculator-fill::before { content: "\f1df"; } +.bi-calculator::before { content: "\f1e0"; } +.bi-calendar-check-fill::before { content: "\f1e1"; } +.bi-calendar-check::before { content: "\f1e2"; } +.bi-calendar-date-fill::before { content: "\f1e3"; } +.bi-calendar-date::before { content: "\f1e4"; } +.bi-calendar-day-fill::before { content: "\f1e5"; } +.bi-calendar-day::before { content: "\f1e6"; } +.bi-calendar-event-fill::before { content: "\f1e7"; } +.bi-calendar-event::before { content: "\f1e8"; } +.bi-calendar-fill::before { content: "\f1e9"; } +.bi-calendar-minus-fill::before { content: "\f1ea"; } +.bi-calendar-minus::before { content: "\f1eb"; } +.bi-calendar-month-fill::before { content: "\f1ec"; } +.bi-calendar-month::before { content: "\f1ed"; } +.bi-calendar-plus-fill::before { content: "\f1ee"; } +.bi-calendar-plus::before { content: "\f1ef"; } +.bi-calendar-range-fill::before { content: "\f1f0"; } +.bi-calendar-range::before { content: "\f1f1"; } +.bi-calendar-week-fill::before { content: "\f1f2"; } +.bi-calendar-week::before { content: "\f1f3"; } +.bi-calendar-x-fill::before { content: "\f1f4"; } +.bi-calendar-x::before { content: "\f1f5"; } +.bi-calendar::before { content: "\f1f6"; } +.bi-calendar2-check-fill::before { content: "\f1f7"; } +.bi-calendar2-check::before { content: "\f1f8"; } +.bi-calendar2-date-fill::before { content: "\f1f9"; } +.bi-calendar2-date::before { content: "\f1fa"; } +.bi-calendar2-day-fill::before { content: "\f1fb"; } +.bi-calendar2-day::before { content: "\f1fc"; } +.bi-calendar2-event-fill::before { content: "\f1fd"; } +.bi-calendar2-event::before { content: "\f1fe"; } +.bi-calendar2-fill::before { content: "\f1ff"; } +.bi-calendar2-minus-fill::before { content: "\f200"; } +.bi-calendar2-minus::before { content: "\f201"; } +.bi-calendar2-month-fill::before { content: "\f202"; } +.bi-calendar2-month::before { content: "\f203"; } +.bi-calendar2-plus-fill::before { content: "\f204"; } +.bi-calendar2-plus::before { content: "\f205"; } +.bi-calendar2-range-fill::before { content: "\f206"; } +.bi-calendar2-range::before { content: "\f207"; } +.bi-calendar2-week-fill::before { content: "\f208"; } +.bi-calendar2-week::before { content: "\f209"; } +.bi-calendar2-x-fill::before { content: "\f20a"; } +.bi-calendar2-x::before { content: "\f20b"; } +.bi-calendar2::before { content: "\f20c"; } +.bi-calendar3-event-fill::before { content: "\f20d"; } +.bi-calendar3-event::before { content: "\f20e"; } +.bi-calendar3-fill::before { content: "\f20f"; } +.bi-calendar3-range-fill::before { content: "\f210"; } +.bi-calendar3-range::before { content: "\f211"; } +.bi-calendar3-week-fill::before { content: "\f212"; } +.bi-calendar3-week::before { content: "\f213"; } +.bi-calendar3::before { content: "\f214"; } +.bi-calendar4-event::before { content: "\f215"; } +.bi-calendar4-range::before { content: "\f216"; } +.bi-calendar4-week::before { content: "\f217"; } +.bi-calendar4::before { content: "\f218"; } +.bi-camera-fill::before { content: "\f219"; } +.bi-camera-reels-fill::before { content: "\f21a"; } +.bi-camera-reels::before { content: "\f21b"; } +.bi-camera-video-fill::before { content: "\f21c"; } +.bi-camera-video-off-fill::before { content: "\f21d"; } +.bi-camera-video-off::before { content: "\f21e"; } +.bi-camera-video::before { content: "\f21f"; } +.bi-camera::before { content: "\f220"; } +.bi-camera2::before { content: "\f221"; } +.bi-capslock-fill::before { content: "\f222"; } +.bi-capslock::before { content: "\f223"; } +.bi-card-checklist::before { content: "\f224"; } +.bi-card-heading::before { content: "\f225"; } +.bi-card-image::before { content: "\f226"; } +.bi-card-list::before { content: "\f227"; } +.bi-card-text::before { content: "\f228"; } +.bi-caret-down-fill::before { content: "\f229"; } +.bi-caret-down-square-fill::before { content: "\f22a"; } +.bi-caret-down-square::before { content: "\f22b"; } +.bi-caret-down::before { content: "\f22c"; } +.bi-caret-left-fill::before { content: "\f22d"; } +.bi-caret-left-square-fill::before { content: "\f22e"; } +.bi-caret-left-square::before { content: "\f22f"; } +.bi-caret-left::before { content: "\f230"; } +.bi-caret-right-fill::before { content: "\f231"; } +.bi-caret-right-square-fill::before { content: "\f232"; } +.bi-caret-right-square::before { content: "\f233"; } +.bi-caret-right::before { content: "\f234"; } +.bi-caret-up-fill::before { content: "\f235"; } +.bi-caret-up-square-fill::before { content: "\f236"; } +.bi-caret-up-square::before { content: "\f237"; } +.bi-caret-up::before { content: "\f238"; } +.bi-cart-check-fill::before { content: "\f239"; } +.bi-cart-check::before { content: "\f23a"; } +.bi-cart-dash-fill::before { content: "\f23b"; } +.bi-cart-dash::before { content: "\f23c"; } +.bi-cart-fill::before { content: "\f23d"; } +.bi-cart-plus-fill::before { content: "\f23e"; } +.bi-cart-plus::before { content: "\f23f"; } +.bi-cart-x-fill::before { content: "\f240"; } +.bi-cart-x::before { content: "\f241"; } +.bi-cart::before { content: "\f242"; } +.bi-cart2::before { content: "\f243"; } +.bi-cart3::before { content: "\f244"; } +.bi-cart4::before { content: "\f245"; } +.bi-cash-stack::before { content: "\f246"; } +.bi-cash::before { content: "\f247"; } +.bi-cast::before { content: "\f248"; } +.bi-chat-dots-fill::before { content: "\f249"; } +.bi-chat-dots::before { content: "\f24a"; } +.bi-chat-fill::before { content: "\f24b"; } +.bi-chat-left-dots-fill::before { content: "\f24c"; } +.bi-chat-left-dots::before { content: "\f24d"; } +.bi-chat-left-fill::before { content: "\f24e"; } +.bi-chat-left-quote-fill::before { content: "\f24f"; } +.bi-chat-left-quote::before { content: "\f250"; } +.bi-chat-left-text-fill::before { content: "\f251"; } +.bi-chat-left-text::before { content: "\f252"; } +.bi-chat-left::before { content: "\f253"; } +.bi-chat-quote-fill::before { content: "\f254"; } +.bi-chat-quote::before { content: "\f255"; } +.bi-chat-right-dots-fill::before { content: "\f256"; } +.bi-chat-right-dots::before { content: "\f257"; } +.bi-chat-right-fill::before { content: "\f258"; } +.bi-chat-right-quote-fill::before { content: "\f259"; } +.bi-chat-right-quote::before { content: "\f25a"; } +.bi-chat-right-text-fill::before { content: "\f25b"; } +.bi-chat-right-text::before { content: "\f25c"; } +.bi-chat-right::before { content: "\f25d"; } +.bi-chat-square-dots-fill::before { content: "\f25e"; } +.bi-chat-square-dots::before { content: "\f25f"; } +.bi-chat-square-fill::before { content: "\f260"; } +.bi-chat-square-quote-fill::before { content: "\f261"; } +.bi-chat-square-quote::before { content: "\f262"; } +.bi-chat-square-text-fill::before { content: "\f263"; } +.bi-chat-square-text::before { content: "\f264"; } +.bi-chat-square::before { content: "\f265"; } +.bi-chat-text-fill::before { content: "\f266"; } +.bi-chat-text::before { content: "\f267"; } +.bi-chat::before { content: "\f268"; } +.bi-check-all::before { content: "\f269"; } +.bi-check-circle-fill::before { content: "\f26a"; } +.bi-check-circle::before { content: "\f26b"; } +.bi-check-square-fill::before { content: "\f26c"; } +.bi-check-square::before { content: "\f26d"; } +.bi-check::before { content: "\f26e"; } +.bi-check2-all::before { content: "\f26f"; } +.bi-check2-circle::before { content: "\f270"; } +.bi-check2-square::before { content: "\f271"; } +.bi-check2::before { content: "\f272"; } +.bi-chevron-bar-contract::before { content: "\f273"; } +.bi-chevron-bar-down::before { content: "\f274"; } +.bi-chevron-bar-expand::before { content: "\f275"; } +.bi-chevron-bar-left::before { content: "\f276"; } +.bi-chevron-bar-right::before { content: "\f277"; } +.bi-chevron-bar-up::before { content: "\f278"; } +.bi-chevron-compact-down::before { content: "\f279"; } +.bi-chevron-compact-left::before { content: "\f27a"; } +.bi-chevron-compact-right::before { content: "\f27b"; } +.bi-chevron-compact-up::before { content: "\f27c"; } +.bi-chevron-contract::before { content: "\f27d"; } +.bi-chevron-double-down::before { content: "\f27e"; } +.bi-chevron-double-left::before { content: "\f27f"; } +.bi-chevron-double-right::before { content: "\f280"; } +.bi-chevron-double-up::before { content: "\f281"; } +.bi-chevron-down::before { content: "\f282"; } +.bi-chevron-expand::before { content: "\f283"; } +.bi-chevron-left::before { content: "\f284"; } +.bi-chevron-right::before { content: "\f285"; } +.bi-chevron-up::before { content: "\f286"; } +.bi-circle-fill::before { content: "\f287"; } +.bi-circle-half::before { content: "\f288"; } +.bi-circle-square::before { content: "\f289"; } +.bi-circle::before { content: "\f28a"; } +.bi-clipboard-check::before { content: "\f28b"; } +.bi-clipboard-data::before { content: "\f28c"; } +.bi-clipboard-minus::before { content: "\f28d"; } +.bi-clipboard-plus::before { content: "\f28e"; } +.bi-clipboard-x::before { content: "\f28f"; } +.bi-clipboard::before { content: "\f290"; } +.bi-clock-fill::before { content: "\f291"; } +.bi-clock-history::before { content: "\f292"; } +.bi-clock::before { content: "\f293"; } +.bi-cloud-arrow-down-fill::before { content: "\f294"; } +.bi-cloud-arrow-down::before { content: "\f295"; } +.bi-cloud-arrow-up-fill::before { content: "\f296"; } +.bi-cloud-arrow-up::before { content: "\f297"; } +.bi-cloud-check-fill::before { content: "\f298"; } +.bi-cloud-check::before { content: "\f299"; } +.bi-cloud-download-fill::before { content: "\f29a"; } +.bi-cloud-download::before { content: "\f29b"; } +.bi-cloud-drizzle-fill::before { content: "\f29c"; } +.bi-cloud-drizzle::before { content: "\f29d"; } +.bi-cloud-fill::before { content: "\f29e"; } +.bi-cloud-fog-fill::before { content: "\f29f"; } +.bi-cloud-fog::before { content: "\f2a0"; } +.bi-cloud-fog2-fill::before { content: "\f2a1"; } +.bi-cloud-fog2::before { content: "\f2a2"; } +.bi-cloud-hail-fill::before { content: "\f2a3"; } +.bi-cloud-hail::before { content: "\f2a4"; } +.bi-cloud-haze-1::before { content: "\f2a5"; } +.bi-cloud-haze-fill::before { content: "\f2a6"; } +.bi-cloud-haze::before { content: "\f2a7"; } +.bi-cloud-haze2-fill::before { content: "\f2a8"; } +.bi-cloud-lightning-fill::before { content: "\f2a9"; } +.bi-cloud-lightning-rain-fill::before { content: "\f2aa"; } +.bi-cloud-lightning-rain::before { content: "\f2ab"; } +.bi-cloud-lightning::before { content: "\f2ac"; } +.bi-cloud-minus-fill::before { content: "\f2ad"; } +.bi-cloud-minus::before { content: "\f2ae"; } +.bi-cloud-moon-fill::before { content: "\f2af"; } +.bi-cloud-moon::before { content: "\f2b0"; } +.bi-cloud-plus-fill::before { content: "\f2b1"; } +.bi-cloud-plus::before { content: "\f2b2"; } +.bi-cloud-rain-fill::before { content: "\f2b3"; } +.bi-cloud-rain-heavy-fill::before { content: "\f2b4"; } +.bi-cloud-rain-heavy::before { content: "\f2b5"; } +.bi-cloud-rain::before { content: "\f2b6"; } +.bi-cloud-slash-fill::before { content: "\f2b7"; } +.bi-cloud-slash::before { content: "\f2b8"; } +.bi-cloud-sleet-fill::before { content: "\f2b9"; } +.bi-cloud-sleet::before { content: "\f2ba"; } +.bi-cloud-snow-fill::before { content: "\f2bb"; } +.bi-cloud-snow::before { content: "\f2bc"; } +.bi-cloud-sun-fill::before { content: "\f2bd"; } +.bi-cloud-sun::before { content: "\f2be"; } +.bi-cloud-upload-fill::before { content: "\f2bf"; } +.bi-cloud-upload::before { content: "\f2c0"; } +.bi-cloud::before { content: "\f2c1"; } +.bi-clouds-fill::before { content: "\f2c2"; } +.bi-clouds::before { content: "\f2c3"; } +.bi-cloudy-fill::before { content: "\f2c4"; } +.bi-cloudy::before { content: "\f2c5"; } +.bi-code-slash::before { content: "\f2c6"; } +.bi-code-square::before { content: "\f2c7"; } +.bi-code::before { content: "\f2c8"; } +.bi-collection-fill::before { content: "\f2c9"; } +.bi-collection-play-fill::before { content: "\f2ca"; } +.bi-collection-play::before { content: "\f2cb"; } +.bi-collection::before { content: "\f2cc"; } +.bi-columns-gap::before { content: "\f2cd"; } +.bi-columns::before { content: "\f2ce"; } +.bi-command::before { content: "\f2cf"; } +.bi-compass-fill::before { content: "\f2d0"; } +.bi-compass::before { content: "\f2d1"; } +.bi-cone-striped::before { content: "\f2d2"; } +.bi-cone::before { content: "\f2d3"; } +.bi-controller::before { content: "\f2d4"; } +.bi-cpu-fill::before { content: "\f2d5"; } +.bi-cpu::before { content: "\f2d6"; } +.bi-credit-card-2-back-fill::before { content: "\f2d7"; } +.bi-credit-card-2-back::before { content: "\f2d8"; } +.bi-credit-card-2-front-fill::before { content: "\f2d9"; } +.bi-credit-card-2-front::before { content: "\f2da"; } +.bi-credit-card-fill::before { content: "\f2db"; } +.bi-credit-card::before { content: "\f2dc"; } +.bi-crop::before { content: "\f2dd"; } +.bi-cup-fill::before { content: "\f2de"; } +.bi-cup-straw::before { content: "\f2df"; } +.bi-cup::before { content: "\f2e0"; } +.bi-cursor-fill::before { content: "\f2e1"; } +.bi-cursor-text::before { content: "\f2e2"; } +.bi-cursor::before { content: "\f2e3"; } +.bi-dash-circle-dotted::before { content: "\f2e4"; } +.bi-dash-circle-fill::before { content: "\f2e5"; } +.bi-dash-circle::before { content: "\f2e6"; } +.bi-dash-square-dotted::before { content: "\f2e7"; } +.bi-dash-square-fill::before { content: "\f2e8"; } +.bi-dash-square::before { content: "\f2e9"; } +.bi-dash::before { content: "\f2ea"; } +.bi-diagram-2-fill::before { content: "\f2eb"; } +.bi-diagram-2::before { content: "\f2ec"; } +.bi-diagram-3-fill::before { content: "\f2ed"; } +.bi-diagram-3::before { content: "\f2ee"; } +.bi-diamond-fill::before { content: "\f2ef"; } +.bi-diamond-half::before { content: "\f2f0"; } +.bi-diamond::before { content: "\f2f1"; } +.bi-dice-1-fill::before { content: "\f2f2"; } +.bi-dice-1::before { content: "\f2f3"; } +.bi-dice-2-fill::before { content: "\f2f4"; } +.bi-dice-2::before { content: "\f2f5"; } +.bi-dice-3-fill::before { content: "\f2f6"; } +.bi-dice-3::before { content: "\f2f7"; } +.bi-dice-4-fill::before { content: "\f2f8"; } +.bi-dice-4::before { content: "\f2f9"; } +.bi-dice-5-fill::before { content: "\f2fa"; } +.bi-dice-5::before { content: "\f2fb"; } +.bi-dice-6-fill::before { content: "\f2fc"; } +.bi-dice-6::before { content: "\f2fd"; } +.bi-disc-fill::before { content: "\f2fe"; } +.bi-disc::before { content: "\f2ff"; } +.bi-discord::before { content: "\f300"; } +.bi-display-fill::before { content: "\f301"; } +.bi-display::before { content: "\f302"; } +.bi-distribute-horizontal::before { content: "\f303"; } +.bi-distribute-vertical::before { content: "\f304"; } +.bi-door-closed-fill::before { content: "\f305"; } +.bi-door-closed::before { content: "\f306"; } +.bi-door-open-fill::before { content: "\f307"; } +.bi-door-open::before { content: "\f308"; } +.bi-dot::before { content: "\f309"; } +.bi-download::before { content: "\f30a"; } +.bi-droplet-fill::before { content: "\f30b"; } +.bi-droplet-half::before { content: "\f30c"; } +.bi-droplet::before { content: "\f30d"; } +.bi-earbuds::before { content: "\f30e"; } +.bi-easel-fill::before { content: "\f30f"; } +.bi-easel::before { content: "\f310"; } +.bi-egg-fill::before { content: "\f311"; } +.bi-egg-fried::before { content: "\f312"; } +.bi-egg::before { content: "\f313"; } +.bi-eject-fill::before { content: "\f314"; } +.bi-eject::before { content: "\f315"; } +.bi-emoji-angry-fill::before { content: "\f316"; } +.bi-emoji-angry::before { content: "\f317"; } +.bi-emoji-dizzy-fill::before { content: "\f318"; } +.bi-emoji-dizzy::before { content: "\f319"; } +.bi-emoji-expressionless-fill::before { content: "\f31a"; } +.bi-emoji-expressionless::before { content: "\f31b"; } +.bi-emoji-frown-fill::before { content: "\f31c"; } +.bi-emoji-frown::before { content: "\f31d"; } +.bi-emoji-heart-eyes-fill::before { content: "\f31e"; } +.bi-emoji-heart-eyes::before { content: "\f31f"; } +.bi-emoji-laughing-fill::before { content: "\f320"; } +.bi-emoji-laughing::before { content: "\f321"; } +.bi-emoji-neutral-fill::before { content: "\f322"; } +.bi-emoji-neutral::before { content: "\f323"; } +.bi-emoji-smile-fill::before { content: "\f324"; } +.bi-emoji-smile-upside-down-fill::before { content: "\f325"; } +.bi-emoji-smile-upside-down::before { content: "\f326"; } +.bi-emoji-smile::before { content: "\f327"; } +.bi-emoji-sunglasses-fill::before { content: "\f328"; } +.bi-emoji-sunglasses::before { content: "\f329"; } +.bi-emoji-wink-fill::before { content: "\f32a"; } +.bi-emoji-wink::before { content: "\f32b"; } +.bi-envelope-fill::before { content: "\f32c"; } +.bi-envelope-open-fill::before { content: "\f32d"; } +.bi-envelope-open::before { content: "\f32e"; } +.bi-envelope::before { content: "\f32f"; } +.bi-eraser-fill::before { content: "\f330"; } +.bi-eraser::before { content: "\f331"; } +.bi-exclamation-circle-fill::before { content: "\f332"; } +.bi-exclamation-circle::before { content: "\f333"; } +.bi-exclamation-diamond-fill::before { content: "\f334"; } +.bi-exclamation-diamond::before { content: "\f335"; } +.bi-exclamation-octagon-fill::before { content: "\f336"; } +.bi-exclamation-octagon::before { content: "\f337"; } +.bi-exclamation-square-fill::before { content: "\f338"; } +.bi-exclamation-square::before { content: "\f339"; } +.bi-exclamation-triangle-fill::before { content: "\f33a"; } +.bi-exclamation-triangle::before { content: "\f33b"; } +.bi-exclamation::before { content: "\f33c"; } +.bi-exclude::before { content: "\f33d"; } +.bi-eye-fill::before { content: "\f33e"; } +.bi-eye-slash-fill::before { content: "\f33f"; } +.bi-eye-slash::before { content: "\f340"; } +.bi-eye::before { content: "\f341"; } +.bi-eyedropper::before { content: "\f342"; } +.bi-eyeglasses::before { content: "\f343"; } +.bi-facebook::before { content: "\f344"; } +.bi-file-arrow-down-fill::before { content: "\f345"; } +.bi-file-arrow-down::before { content: "\f346"; } +.bi-file-arrow-up-fill::before { content: "\f347"; } +.bi-file-arrow-up::before { content: "\f348"; } +.bi-file-bar-graph-fill::before { content: "\f349"; } +.bi-file-bar-graph::before { content: "\f34a"; } +.bi-file-binary-fill::before { content: "\f34b"; } +.bi-file-binary::before { content: "\f34c"; } +.bi-file-break-fill::before { content: "\f34d"; } +.bi-file-break::before { content: "\f34e"; } +.bi-file-check-fill::before { content: "\f34f"; } +.bi-file-check::before { content: "\f350"; } +.bi-file-code-fill::before { content: "\f351"; } +.bi-file-code::before { content: "\f352"; } +.bi-file-diff-fill::before { content: "\f353"; } +.bi-file-diff::before { content: "\f354"; } +.bi-file-earmark-arrow-down-fill::before { content: "\f355"; } +.bi-file-earmark-arrow-down::before { content: "\f356"; } +.bi-file-earmark-arrow-up-fill::before { content: "\f357"; } +.bi-file-earmark-arrow-up::before { content: "\f358"; } +.bi-file-earmark-bar-graph-fill::before { content: "\f359"; } +.bi-file-earmark-bar-graph::before { content: "\f35a"; } +.bi-file-earmark-binary-fill::before { content: "\f35b"; } +.bi-file-earmark-binary::before { content: "\f35c"; } +.bi-file-earmark-break-fill::before { content: "\f35d"; } +.bi-file-earmark-break::before { content: "\f35e"; } +.bi-file-earmark-check-fill::before { content: "\f35f"; } +.bi-file-earmark-check::before { content: "\f360"; } +.bi-file-earmark-code-fill::before { content: "\f361"; } +.bi-file-earmark-code::before { content: "\f362"; } +.bi-file-earmark-diff-fill::before { content: "\f363"; } +.bi-file-earmark-diff::before { content: "\f364"; } +.bi-file-earmark-easel-fill::before { content: "\f365"; } +.bi-file-earmark-easel::before { content: "\f366"; } +.bi-file-earmark-excel-fill::before { content: "\f367"; } +.bi-file-earmark-excel::before { content: "\f368"; } +.bi-file-earmark-fill::before { content: "\f369"; } +.bi-file-earmark-font-fill::before { content: "\f36a"; } +.bi-file-earmark-font::before { content: "\f36b"; } +.bi-file-earmark-image-fill::before { content: "\f36c"; } +.bi-file-earmark-image::before { content: "\f36d"; } +.bi-file-earmark-lock-fill::before { content: "\f36e"; } +.bi-file-earmark-lock::before { content: "\f36f"; } +.bi-file-earmark-lock2-fill::before { content: "\f370"; } +.bi-file-earmark-lock2::before { content: "\f371"; } +.bi-file-earmark-medical-fill::before { content: "\f372"; } +.bi-file-earmark-medical::before { content: "\f373"; } +.bi-file-earmark-minus-fill::before { content: "\f374"; } +.bi-file-earmark-minus::before { content: "\f375"; } +.bi-file-earmark-music-fill::before { content: "\f376"; } +.bi-file-earmark-music::before { content: "\f377"; } +.bi-file-earmark-person-fill::before { content: "\f378"; } +.bi-file-earmark-person::before { content: "\f379"; } +.bi-file-earmark-play-fill::before { content: "\f37a"; } +.bi-file-earmark-play::before { content: "\f37b"; } +.bi-file-earmark-plus-fill::before { content: "\f37c"; } +.bi-file-earmark-plus::before { content: "\f37d"; } +.bi-file-earmark-post-fill::before { content: "\f37e"; } +.bi-file-earmark-post::before { content: "\f37f"; } +.bi-file-earmark-ppt-fill::before { content: "\f380"; } +.bi-file-earmark-ppt::before { content: "\f381"; } +.bi-file-earmark-richtext-fill::before { content: "\f382"; } +.bi-file-earmark-richtext::before { content: "\f383"; } +.bi-file-earmark-ruled-fill::before { content: "\f384"; } +.bi-file-earmark-ruled::before { content: "\f385"; } +.bi-file-earmark-slides-fill::before { content: "\f386"; } +.bi-file-earmark-slides::before { content: "\f387"; } +.bi-file-earmark-spreadsheet-fill::before { content: "\f388"; } +.bi-file-earmark-spreadsheet::before { content: "\f389"; } +.bi-file-earmark-text-fill::before { content: "\f38a"; } +.bi-file-earmark-text::before { content: "\f38b"; } +.bi-file-earmark-word-fill::before { content: "\f38c"; } +.bi-file-earmark-word::before { content: "\f38d"; } +.bi-file-earmark-x-fill::before { content: "\f38e"; } +.bi-file-earmark-x::before { content: "\f38f"; } +.bi-file-earmark-zip-fill::before { content: "\f390"; } +.bi-file-earmark-zip::before { content: "\f391"; } +.bi-file-earmark::before { content: "\f392"; } +.bi-file-easel-fill::before { content: "\f393"; } +.bi-file-easel::before { content: "\f394"; } +.bi-file-excel-fill::before { content: "\f395"; } +.bi-file-excel::before { content: "\f396"; } +.bi-file-fill::before { content: "\f397"; } +.bi-file-font-fill::before { content: "\f398"; } +.bi-file-font::before { content: "\f399"; } +.bi-file-image-fill::before { content: "\f39a"; } +.bi-file-image::before { content: "\f39b"; } +.bi-file-lock-fill::before { content: "\f39c"; } +.bi-file-lock::before { content: "\f39d"; } +.bi-file-lock2-fill::before { content: "\f39e"; } +.bi-file-lock2::before { content: "\f39f"; } +.bi-file-medical-fill::before { content: "\f3a0"; } +.bi-file-medical::before { content: "\f3a1"; } +.bi-file-minus-fill::before { content: "\f3a2"; } +.bi-file-minus::before { content: "\f3a3"; } +.bi-file-music-fill::before { content: "\f3a4"; } +.bi-file-music::before { content: "\f3a5"; } +.bi-file-person-fill::before { content: "\f3a6"; } +.bi-file-person::before { content: "\f3a7"; } +.bi-file-play-fill::before { content: "\f3a8"; } +.bi-file-play::before { content: "\f3a9"; } +.bi-file-plus-fill::before { content: "\f3aa"; } +.bi-file-plus::before { content: "\f3ab"; } +.bi-file-post-fill::before { content: "\f3ac"; } +.bi-file-post::before { content: "\f3ad"; } +.bi-file-ppt-fill::before { content: "\f3ae"; } +.bi-file-ppt::before { content: "\f3af"; } +.bi-file-richtext-fill::before { content: "\f3b0"; } +.bi-file-richtext::before { content: "\f3b1"; } +.bi-file-ruled-fill::before { content: "\f3b2"; } +.bi-file-ruled::before { content: "\f3b3"; } +.bi-file-slides-fill::before { content: "\f3b4"; } +.bi-file-slides::before { content: "\f3b5"; } +.bi-file-spreadsheet-fill::before { content: "\f3b6"; } +.bi-file-spreadsheet::before { content: "\f3b7"; } +.bi-file-text-fill::before { content: "\f3b8"; } +.bi-file-text::before { content: "\f3b9"; } +.bi-file-word-fill::before { content: "\f3ba"; } +.bi-file-word::before { content: "\f3bb"; } +.bi-file-x-fill::before { content: "\f3bc"; } +.bi-file-x::before { content: "\f3bd"; } +.bi-file-zip-fill::before { content: "\f3be"; } +.bi-file-zip::before { content: "\f3bf"; } +.bi-file::before { content: "\f3c0"; } +.bi-files-alt::before { content: "\f3c1"; } +.bi-files::before { content: "\f3c2"; } +.bi-film::before { content: "\f3c3"; } +.bi-filter-circle-fill::before { content: "\f3c4"; } +.bi-filter-circle::before { content: "\f3c5"; } +.bi-filter-left::before { content: "\f3c6"; } +.bi-filter-right::before { content: "\f3c7"; } +.bi-filter-square-fill::before { content: "\f3c8"; } +.bi-filter-square::before { content: "\f3c9"; } +.bi-filter::before { content: "\f3ca"; } +.bi-flag-fill::before { content: "\f3cb"; } +.bi-flag::before { content: "\f3cc"; } +.bi-flower1::before { content: "\f3cd"; } +.bi-flower2::before { content: "\f3ce"; } +.bi-flower3::before { content: "\f3cf"; } +.bi-folder-check::before { content: "\f3d0"; } +.bi-folder-fill::before { content: "\f3d1"; } +.bi-folder-minus::before { content: "\f3d2"; } +.bi-folder-plus::before { content: "\f3d3"; } +.bi-folder-symlink-fill::before { content: "\f3d4"; } +.bi-folder-symlink::before { content: "\f3d5"; } +.bi-folder-x::before { content: "\f3d6"; } +.bi-folder::before { content: "\f3d7"; } +.bi-folder2-open::before { content: "\f3d8"; } +.bi-folder2::before { content: "\f3d9"; } +.bi-fonts::before { content: "\f3da"; } +.bi-forward-fill::before { content: "\f3db"; } +.bi-forward::before { content: "\f3dc"; } +.bi-front::before { content: "\f3dd"; } +.bi-fullscreen-exit::before { content: "\f3de"; } +.bi-fullscreen::before { content: "\f3df"; } +.bi-funnel-fill::before { content: "\f3e0"; } +.bi-funnel::before { content: "\f3e1"; } +.bi-gear-fill::before { content: "\f3e2"; } +.bi-gear-wide-connected::before { content: "\f3e3"; } +.bi-gear-wide::before { content: "\f3e4"; } +.bi-gear::before { content: "\f3e5"; } +.bi-gem::before { content: "\f3e6"; } +.bi-geo-alt-fill::before { content: "\f3e7"; } +.bi-geo-alt::before { content: "\f3e8"; } +.bi-geo-fill::before { content: "\f3e9"; } +.bi-geo::before { content: "\f3ea"; } +.bi-gift-fill::before { content: "\f3eb"; } +.bi-gift::before { content: "\f3ec"; } +.bi-github::before { content: "\f3ed"; } +.bi-globe::before { content: "\f3ee"; } +.bi-globe2::before { content: "\f3ef"; } +.bi-google::before { content: "\f3f0"; } +.bi-graph-down::before { content: "\f3f1"; } +.bi-graph-up::before { content: "\f3f2"; } +.bi-grid-1x2-fill::before { content: "\f3f3"; } +.bi-grid-1x2::before { content: "\f3f4"; } +.bi-grid-3x2-gap-fill::before { content: "\f3f5"; } +.bi-grid-3x2-gap::before { content: "\f3f6"; } +.bi-grid-3x2::before { content: "\f3f7"; } +.bi-grid-3x3-gap-fill::before { content: "\f3f8"; } +.bi-grid-3x3-gap::before { content: "\f3f9"; } +.bi-grid-3x3::before { content: "\f3fa"; } +.bi-grid-fill::before { content: "\f3fb"; } +.bi-grid::before { content: "\f3fc"; } +.bi-grip-horizontal::before { content: "\f3fd"; } +.bi-grip-vertical::before { content: "\f3fe"; } +.bi-hammer::before { content: "\f3ff"; } +.bi-hand-index-fill::before { content: "\f400"; } +.bi-hand-index-thumb-fill::before { content: "\f401"; } +.bi-hand-index-thumb::before { content: "\f402"; } +.bi-hand-index::before { content: "\f403"; } +.bi-hand-thumbs-down-fill::before { content: "\f404"; } +.bi-hand-thumbs-down::before { content: "\f405"; } +.bi-hand-thumbs-up-fill::before { content: "\f406"; } +.bi-hand-thumbs-up::before { content: "\f407"; } +.bi-handbag-fill::before { content: "\f408"; } +.bi-handbag::before { content: "\f409"; } +.bi-hash::before { content: "\f40a"; } +.bi-hdd-fill::before { content: "\f40b"; } +.bi-hdd-network-fill::before { content: "\f40c"; } +.bi-hdd-network::before { content: "\f40d"; } +.bi-hdd-rack-fill::before { content: "\f40e"; } +.bi-hdd-rack::before { content: "\f40f"; } +.bi-hdd-stack-fill::before { content: "\f410"; } +.bi-hdd-stack::before { content: "\f411"; } +.bi-hdd::before { content: "\f412"; } +.bi-headphones::before { content: "\f413"; } +.bi-headset::before { content: "\f414"; } +.bi-heart-fill::before { content: "\f415"; } +.bi-heart-half::before { content: "\f416"; } +.bi-heart::before { content: "\f417"; } +.bi-heptagon-fill::before { content: "\f418"; } +.bi-heptagon-half::before { content: "\f419"; } +.bi-heptagon::before { content: "\f41a"; } +.bi-hexagon-fill::before { content: "\f41b"; } +.bi-hexagon-half::before { content: "\f41c"; } +.bi-hexagon::before { content: "\f41d"; } +.bi-hourglass-bottom::before { content: "\f41e"; } +.bi-hourglass-split::before { content: "\f41f"; } +.bi-hourglass-top::before { content: "\f420"; } +.bi-hourglass::before { content: "\f421"; } +.bi-house-door-fill::before { content: "\f422"; } +.bi-house-door::before { content: "\f423"; } +.bi-house-fill::before { content: "\f424"; } +.bi-house::before { content: "\f425"; } +.bi-hr::before { content: "\f426"; } +.bi-hurricane::before { content: "\f427"; } +.bi-image-alt::before { content: "\f428"; } +.bi-image-fill::before { content: "\f429"; } +.bi-image::before { content: "\f42a"; } +.bi-images::before { content: "\f42b"; } +.bi-inbox-fill::before { content: "\f42c"; } +.bi-inbox::before { content: "\f42d"; } +.bi-inboxes-fill::before { content: "\f42e"; } +.bi-inboxes::before { content: "\f42f"; } +.bi-info-circle-fill::before { content: "\f430"; } +.bi-info-circle::before { content: "\f431"; } +.bi-info-square-fill::before { content: "\f432"; } +.bi-info-square::before { content: "\f433"; } +.bi-info::before { content: "\f434"; } +.bi-input-cursor-text::before { content: "\f435"; } +.bi-input-cursor::before { content: "\f436"; } +.bi-instagram::before { content: "\f437"; } +.bi-intersect::before { content: "\f438"; } +.bi-journal-album::before { content: "\f439"; } +.bi-journal-arrow-down::before { content: "\f43a"; } +.bi-journal-arrow-up::before { content: "\f43b"; } +.bi-journal-bookmark-fill::before { content: "\f43c"; } +.bi-journal-bookmark::before { content: "\f43d"; } +.bi-journal-check::before { content: "\f43e"; } +.bi-journal-code::before { content: "\f43f"; } +.bi-journal-medical::before { content: "\f440"; } +.bi-journal-minus::before { content: "\f441"; } +.bi-journal-plus::before { content: "\f442"; } +.bi-journal-richtext::before { content: "\f443"; } +.bi-journal-text::before { content: "\f444"; } +.bi-journal-x::before { content: "\f445"; } +.bi-journal::before { content: "\f446"; } +.bi-journals::before { content: "\f447"; } +.bi-joystick::before { content: "\f448"; } +.bi-justify-left::before { content: "\f449"; } +.bi-justify-right::before { content: "\f44a"; } +.bi-justify::before { content: "\f44b"; } +.bi-kanban-fill::before { content: "\f44c"; } +.bi-kanban::before { content: "\f44d"; } +.bi-key-fill::before { content: "\f44e"; } +.bi-key::before { content: "\f44f"; } +.bi-keyboard-fill::before { content: "\f450"; } +.bi-keyboard::before { content: "\f451"; } +.bi-ladder::before { content: "\f452"; } +.bi-lamp-fill::before { content: "\f453"; } +.bi-lamp::before { content: "\f454"; } +.bi-laptop-fill::before { content: "\f455"; } +.bi-laptop::before { content: "\f456"; } +.bi-layer-backward::before { content: "\f457"; } +.bi-layer-forward::before { content: "\f458"; } +.bi-layers-fill::before { content: "\f459"; } +.bi-layers-half::before { content: "\f45a"; } +.bi-layers::before { content: "\f45b"; } +.bi-layout-sidebar-inset-reverse::before { content: "\f45c"; } +.bi-layout-sidebar-inset::before { content: "\f45d"; } +.bi-layout-sidebar-reverse::before { content: "\f45e"; } +.bi-layout-sidebar::before { content: "\f45f"; } +.bi-layout-split::before { content: "\f460"; } +.bi-layout-text-sidebar-reverse::before { content: "\f461"; } +.bi-layout-text-sidebar::before { content: "\f462"; } +.bi-layout-text-window-reverse::before { content: "\f463"; } +.bi-layout-text-window::before { content: "\f464"; } +.bi-layout-three-columns::before { content: "\f465"; } +.bi-layout-wtf::before { content: "\f466"; } +.bi-life-preserver::before { content: "\f467"; } +.bi-lightbulb-fill::before { content: "\f468"; } +.bi-lightbulb-off-fill::before { content: "\f469"; } +.bi-lightbulb-off::before { content: "\f46a"; } +.bi-lightbulb::before { content: "\f46b"; } +.bi-lightning-charge-fill::before { content: "\f46c"; } +.bi-lightning-charge::before { content: "\f46d"; } +.bi-lightning-fill::before { content: "\f46e"; } +.bi-lightning::before { content: "\f46f"; } +.bi-link-45deg::before { content: "\f470"; } +.bi-link::before { content: "\f471"; } +.bi-linkedin::before { content: "\f472"; } +.bi-list-check::before { content: "\f473"; } +.bi-list-nested::before { content: "\f474"; } +.bi-list-ol::before { content: "\f475"; } +.bi-list-stars::before { content: "\f476"; } +.bi-list-task::before { content: "\f477"; } +.bi-list-ul::before { content: "\f478"; } +.bi-list::before { content: "\f479"; } +.bi-lock-fill::before { content: "\f47a"; } +.bi-lock::before { content: "\f47b"; } +.bi-mailbox::before { content: "\f47c"; } +.bi-mailbox2::before { content: "\f47d"; } +.bi-map-fill::before { content: "\f47e"; } +.bi-map::before { content: "\f47f"; } +.bi-markdown-fill::before { content: "\f480"; } +.bi-markdown::before { content: "\f481"; } +.bi-mask::before { content: "\f482"; } +.bi-megaphone-fill::before { content: "\f483"; } +.bi-megaphone::before { content: "\f484"; } +.bi-menu-app-fill::before { content: "\f485"; } +.bi-menu-app::before { content: "\f486"; } +.bi-menu-button-fill::before { content: "\f487"; } +.bi-menu-button-wide-fill::before { content: "\f488"; } +.bi-menu-button-wide::before { content: "\f489"; } +.bi-menu-button::before { content: "\f48a"; } +.bi-menu-down::before { content: "\f48b"; } +.bi-menu-up::before { content: "\f48c"; } +.bi-mic-fill::before { content: "\f48d"; } +.bi-mic-mute-fill::before { content: "\f48e"; } +.bi-mic-mute::before { content: "\f48f"; } +.bi-mic::before { content: "\f490"; } +.bi-minecart-loaded::before { content: "\f491"; } +.bi-minecart::before { content: "\f492"; } +.bi-moisture::before { content: "\f493"; } +.bi-moon-fill::before { content: "\f494"; } +.bi-moon-stars-fill::before { content: "\f495"; } +.bi-moon-stars::before { content: "\f496"; } +.bi-moon::before { content: "\f497"; } +.bi-mouse-fill::before { content: "\f498"; } +.bi-mouse::before { content: "\f499"; } +.bi-mouse2-fill::before { content: "\f49a"; } +.bi-mouse2::before { content: "\f49b"; } +.bi-mouse3-fill::before { content: "\f49c"; } +.bi-mouse3::before { content: "\f49d"; } +.bi-music-note-beamed::before { content: "\f49e"; } +.bi-music-note-list::before { content: "\f49f"; } +.bi-music-note::before { content: "\f4a0"; } +.bi-music-player-fill::before { content: "\f4a1"; } +.bi-music-player::before { content: "\f4a2"; } +.bi-newspaper::before { content: "\f4a3"; } +.bi-node-minus-fill::before { content: "\f4a4"; } +.bi-node-minus::before { content: "\f4a5"; } +.bi-node-plus-fill::before { content: "\f4a6"; } +.bi-node-plus::before { content: "\f4a7"; } +.bi-nut-fill::before { content: "\f4a8"; } +.bi-nut::before { content: "\f4a9"; } +.bi-octagon-fill::before { content: "\f4aa"; } +.bi-octagon-half::before { content: "\f4ab"; } +.bi-octagon::before { content: "\f4ac"; } +.bi-option::before { content: "\f4ad"; } +.bi-outlet::before { content: "\f4ae"; } +.bi-paint-bucket::before { content: "\f4af"; } +.bi-palette-fill::before { content: "\f4b0"; } +.bi-palette::before { content: "\f4b1"; } +.bi-palette2::before { content: "\f4b2"; } +.bi-paperclip::before { content: "\f4b3"; } +.bi-paragraph::before { content: "\f4b4"; } +.bi-patch-check-fill::before { content: "\f4b5"; } +.bi-patch-check::before { content: "\f4b6"; } +.bi-patch-exclamation-fill::before { content: "\f4b7"; } +.bi-patch-exclamation::before { content: "\f4b8"; } +.bi-patch-minus-fill::before { content: "\f4b9"; } +.bi-patch-minus::before { content: "\f4ba"; } +.bi-patch-plus-fill::before { content: "\f4bb"; } +.bi-patch-plus::before { content: "\f4bc"; } +.bi-patch-question-fill::before { content: "\f4bd"; } +.bi-patch-question::before { content: "\f4be"; } +.bi-pause-btn-fill::before { content: "\f4bf"; } +.bi-pause-btn::before { content: "\f4c0"; } +.bi-pause-circle-fill::before { content: "\f4c1"; } +.bi-pause-circle::before { content: "\f4c2"; } +.bi-pause-fill::before { content: "\f4c3"; } +.bi-pause::before { content: "\f4c4"; } +.bi-peace-fill::before { content: "\f4c5"; } +.bi-peace::before { content: "\f4c6"; } +.bi-pen-fill::before { content: "\f4c7"; } +.bi-pen::before { content: "\f4c8"; } +.bi-pencil-fill::before { content: "\f4c9"; } +.bi-pencil-square::before { content: "\f4ca"; } +.bi-pencil::before { content: "\f4cb"; } +.bi-pentagon-fill::before { content: "\f4cc"; } +.bi-pentagon-half::before { content: "\f4cd"; } +.bi-pentagon::before { content: "\f4ce"; } +.bi-people-fill::before { content: "\f4cf"; } +.bi-people::before { content: "\f4d0"; } +.bi-percent::before { content: "\f4d1"; } +.bi-person-badge-fill::before { content: "\f4d2"; } +.bi-person-badge::before { content: "\f4d3"; } +.bi-person-bounding-box::before { content: "\f4d4"; } +.bi-person-check-fill::before { content: "\f4d5"; } +.bi-person-check::before { content: "\f4d6"; } +.bi-person-circle::before { content: "\f4d7"; } +.bi-person-dash-fill::before { content: "\f4d8"; } +.bi-person-dash::before { content: "\f4d9"; } +.bi-person-fill::before { content: "\f4da"; } +.bi-person-lines-fill::before { content: "\f4db"; } +.bi-person-plus-fill::before { content: "\f4dc"; } +.bi-person-plus::before { content: "\f4dd"; } +.bi-person-square::before { content: "\f4de"; } +.bi-person-x-fill::before { content: "\f4df"; } +.bi-person-x::before { content: "\f4e0"; } +.bi-person::before { content: "\f4e1"; } +.bi-phone-fill::before { content: "\f4e2"; } +.bi-phone-landscape-fill::before { content: "\f4e3"; } +.bi-phone-landscape::before { content: "\f4e4"; } +.bi-phone-vibrate-fill::before { content: "\f4e5"; } +.bi-phone-vibrate::before { content: "\f4e6"; } +.bi-phone::before { content: "\f4e7"; } +.bi-pie-chart-fill::before { content: "\f4e8"; } +.bi-pie-chart::before { content: "\f4e9"; } +.bi-pin-angle-fill::before { content: "\f4ea"; } +.bi-pin-angle::before { content: "\f4eb"; } +.bi-pin-fill::before { content: "\f4ec"; } +.bi-pin::before { content: "\f4ed"; } +.bi-pip-fill::before { content: "\f4ee"; } +.bi-pip::before { content: "\f4ef"; } +.bi-play-btn-fill::before { content: "\f4f0"; } +.bi-play-btn::before { content: "\f4f1"; } +.bi-play-circle-fill::before { content: "\f4f2"; } +.bi-play-circle::before { content: "\f4f3"; } +.bi-play-fill::before { content: "\f4f4"; } +.bi-play::before { content: "\f4f5"; } +.bi-plug-fill::before { content: "\f4f6"; } +.bi-plug::before { content: "\f4f7"; } +.bi-plus-circle-dotted::before { content: "\f4f8"; } +.bi-plus-circle-fill::before { content: "\f4f9"; } +.bi-plus-circle::before { content: "\f4fa"; } +.bi-plus-square-dotted::before { content: "\f4fb"; } +.bi-plus-square-fill::before { content: "\f4fc"; } +.bi-plus-square::before { content: "\f4fd"; } +.bi-plus::before { content: "\f4fe"; } +.bi-power::before { content: "\f4ff"; } +.bi-printer-fill::before { content: "\f500"; } +.bi-printer::before { content: "\f501"; } +.bi-puzzle-fill::before { content: "\f502"; } +.bi-puzzle::before { content: "\f503"; } +.bi-question-circle-fill::before { content: "\f504"; } +.bi-question-circle::before { content: "\f505"; } +.bi-question-diamond-fill::before { content: "\f506"; } +.bi-question-diamond::before { content: "\f507"; } +.bi-question-octagon-fill::before { content: "\f508"; } +.bi-question-octagon::before { content: "\f509"; } +.bi-question-square-fill::before { content: "\f50a"; } +.bi-question-square::before { content: "\f50b"; } +.bi-question::before { content: "\f50c"; } +.bi-rainbow::before { content: "\f50d"; } +.bi-receipt-cutoff::before { content: "\f50e"; } +.bi-receipt::before { content: "\f50f"; } +.bi-reception-0::before { content: "\f510"; } +.bi-reception-1::before { content: "\f511"; } +.bi-reception-2::before { content: "\f512"; } +.bi-reception-3::before { content: "\f513"; } +.bi-reception-4::before { content: "\f514"; } +.bi-record-btn-fill::before { content: "\f515"; } +.bi-record-btn::before { content: "\f516"; } +.bi-record-circle-fill::before { content: "\f517"; } +.bi-record-circle::before { content: "\f518"; } +.bi-record-fill::before { content: "\f519"; } +.bi-record::before { content: "\f51a"; } +.bi-record2-fill::before { content: "\f51b"; } +.bi-record2::before { content: "\f51c"; } +.bi-reply-all-fill::before { content: "\f51d"; } +.bi-reply-all::before { content: "\f51e"; } +.bi-reply-fill::before { content: "\f51f"; } +.bi-reply::before { content: "\f520"; } +.bi-rss-fill::before { content: "\f521"; } +.bi-rss::before { content: "\f522"; } +.bi-rulers::before { content: "\f523"; } +.bi-save-fill::before { content: "\f524"; } +.bi-save::before { content: "\f525"; } +.bi-save2-fill::before { content: "\f526"; } +.bi-save2::before { content: "\f527"; } +.bi-scissors::before { content: "\f528"; } +.bi-screwdriver::before { content: "\f529"; } +.bi-search::before { content: "\f52a"; } +.bi-segmented-nav::before { content: "\f52b"; } +.bi-server::before { content: "\f52c"; } +.bi-share-fill::before { content: "\f52d"; } +.bi-share::before { content: "\f52e"; } +.bi-shield-check::before { content: "\f52f"; } +.bi-shield-exclamation::before { content: "\f530"; } +.bi-shield-fill-check::before { content: "\f531"; } +.bi-shield-fill-exclamation::before { content: "\f532"; } +.bi-shield-fill-minus::before { content: "\f533"; } +.bi-shield-fill-plus::before { content: "\f534"; } +.bi-shield-fill-x::before { content: "\f535"; } +.bi-shield-fill::before { content: "\f536"; } +.bi-shield-lock-fill::before { content: "\f537"; } +.bi-shield-lock::before { content: "\f538"; } +.bi-shield-minus::before { content: "\f539"; } +.bi-shield-plus::before { content: "\f53a"; } +.bi-shield-shaded::before { content: "\f53b"; } +.bi-shield-slash-fill::before { content: "\f53c"; } +.bi-shield-slash::before { content: "\f53d"; } +.bi-shield-x::before { content: "\f53e"; } +.bi-shield::before { content: "\f53f"; } +.bi-shift-fill::before { content: "\f540"; } +.bi-shift::before { content: "\f541"; } +.bi-shop-window::before { content: "\f542"; } +.bi-shop::before { content: "\f543"; } +.bi-shuffle::before { content: "\f544"; } +.bi-signpost-2-fill::before { content: "\f545"; } +.bi-signpost-2::before { content: "\f546"; } +.bi-signpost-fill::before { content: "\f547"; } +.bi-signpost-split-fill::before { content: "\f548"; } +.bi-signpost-split::before { content: "\f549"; } +.bi-signpost::before { content: "\f54a"; } +.bi-sim-fill::before { content: "\f54b"; } +.bi-sim::before { content: "\f54c"; } +.bi-skip-backward-btn-fill::before { content: "\f54d"; } +.bi-skip-backward-btn::before { content: "\f54e"; } +.bi-skip-backward-circle-fill::before { content: "\f54f"; } +.bi-skip-backward-circle::before { content: "\f550"; } +.bi-skip-backward-fill::before { content: "\f551"; } +.bi-skip-backward::before { content: "\f552"; } +.bi-skip-end-btn-fill::before { content: "\f553"; } +.bi-skip-end-btn::before { content: "\f554"; } +.bi-skip-end-circle-fill::before { content: "\f555"; } +.bi-skip-end-circle::before { content: "\f556"; } +.bi-skip-end-fill::before { content: "\f557"; } +.bi-skip-end::before { content: "\f558"; } +.bi-skip-forward-btn-fill::before { content: "\f559"; } +.bi-skip-forward-btn::before { content: "\f55a"; } +.bi-skip-forward-circle-fill::before { content: "\f55b"; } +.bi-skip-forward-circle::before { content: "\f55c"; } +.bi-skip-forward-fill::before { content: "\f55d"; } +.bi-skip-forward::before { content: "\f55e"; } +.bi-skip-start-btn-fill::before { content: "\f55f"; } +.bi-skip-start-btn::before { content: "\f560"; } +.bi-skip-start-circle-fill::before { content: "\f561"; } +.bi-skip-start-circle::before { content: "\f562"; } +.bi-skip-start-fill::before { content: "\f563"; } +.bi-skip-start::before { content: "\f564"; } +.bi-slack::before { content: "\f565"; } +.bi-slash-circle-fill::before { content: "\f566"; } +.bi-slash-circle::before { content: "\f567"; } +.bi-slash-square-fill::before { content: "\f568"; } +.bi-slash-square::before { content: "\f569"; } +.bi-slash::before { content: "\f56a"; } +.bi-sliders::before { content: "\f56b"; } +.bi-smartwatch::before { content: "\f56c"; } +.bi-snow::before { content: "\f56d"; } +.bi-snow2::before { content: "\f56e"; } +.bi-snow3::before { content: "\f56f"; } +.bi-sort-alpha-down-alt::before { content: "\f570"; } +.bi-sort-alpha-down::before { content: "\f571"; } +.bi-sort-alpha-up-alt::before { content: "\f572"; } +.bi-sort-alpha-up::before { content: "\f573"; } +.bi-sort-down-alt::before { content: "\f574"; } +.bi-sort-down::before { content: "\f575"; } +.bi-sort-numeric-down-alt::before { content: "\f576"; } +.bi-sort-numeric-down::before { content: "\f577"; } +.bi-sort-numeric-up-alt::before { content: "\f578"; } +.bi-sort-numeric-up::before { content: "\f579"; } +.bi-sort-up-alt::before { content: "\f57a"; } +.bi-sort-up::before { content: "\f57b"; } +.bi-soundwave::before { content: "\f57c"; } +.bi-speaker-fill::before { content: "\f57d"; } +.bi-speaker::before { content: "\f57e"; } +.bi-speedometer::before { content: "\f57f"; } +.bi-speedometer2::before { content: "\f580"; } +.bi-spellcheck::before { content: "\f581"; } +.bi-square-fill::before { content: "\f582"; } +.bi-square-half::before { content: "\f583"; } +.bi-square::before { content: "\f584"; } +.bi-stack::before { content: "\f585"; } +.bi-star-fill::before { content: "\f586"; } +.bi-star-half::before { content: "\f587"; } +.bi-star::before { content: "\f588"; } +.bi-stars::before { content: "\f589"; } +.bi-stickies-fill::before { content: "\f58a"; } +.bi-stickies::before { content: "\f58b"; } +.bi-sticky-fill::before { content: "\f58c"; } +.bi-sticky::before { content: "\f58d"; } +.bi-stop-btn-fill::before { content: "\f58e"; } +.bi-stop-btn::before { content: "\f58f"; } +.bi-stop-circle-fill::before { content: "\f590"; } +.bi-stop-circle::before { content: "\f591"; } +.bi-stop-fill::before { content: "\f592"; } +.bi-stop::before { content: "\f593"; } +.bi-stoplights-fill::before { content: "\f594"; } +.bi-stoplights::before { content: "\f595"; } +.bi-stopwatch-fill::before { content: "\f596"; } +.bi-stopwatch::before { content: "\f597"; } +.bi-subtract::before { content: "\f598"; } +.bi-suit-club-fill::before { content: "\f599"; } +.bi-suit-club::before { content: "\f59a"; } +.bi-suit-diamond-fill::before { content: "\f59b"; } +.bi-suit-diamond::before { content: "\f59c"; } +.bi-suit-heart-fill::before { content: "\f59d"; } +.bi-suit-heart::before { content: "\f59e"; } +.bi-suit-spade-fill::before { content: "\f59f"; } +.bi-suit-spade::before { content: "\f5a0"; } +.bi-sun-fill::before { content: "\f5a1"; } +.bi-sun::before { content: "\f5a2"; } +.bi-sunglasses::before { content: "\f5a3"; } +.bi-sunrise-fill::before { content: "\f5a4"; } +.bi-sunrise::before { content: "\f5a5"; } +.bi-sunset-fill::before { content: "\f5a6"; } +.bi-sunset::before { content: "\f5a7"; } +.bi-symmetry-horizontal::before { content: "\f5a8"; } +.bi-symmetry-vertical::before { content: "\f5a9"; } +.bi-table::before { content: "\f5aa"; } +.bi-tablet-fill::before { content: "\f5ab"; } +.bi-tablet-landscape-fill::before { content: "\f5ac"; } +.bi-tablet-landscape::before { content: "\f5ad"; } +.bi-tablet::before { content: "\f5ae"; } +.bi-tag-fill::before { content: "\f5af"; } +.bi-tag::before { content: "\f5b0"; } +.bi-tags-fill::before { content: "\f5b1"; } +.bi-tags::before { content: "\f5b2"; } +.bi-telegram::before { content: "\f5b3"; } +.bi-telephone-fill::before { content: "\f5b4"; } +.bi-telephone-forward-fill::before { content: "\f5b5"; } +.bi-telephone-forward::before { content: "\f5b6"; } +.bi-telephone-inbound-fill::before { content: "\f5b7"; } +.bi-telephone-inbound::before { content: "\f5b8"; } +.bi-telephone-minus-fill::before { content: "\f5b9"; } +.bi-telephone-minus::before { content: "\f5ba"; } +.bi-telephone-outbound-fill::before { content: "\f5bb"; } +.bi-telephone-outbound::before { content: "\f5bc"; } +.bi-telephone-plus-fill::before { content: "\f5bd"; } +.bi-telephone-plus::before { content: "\f5be"; } +.bi-telephone-x-fill::before { content: "\f5bf"; } +.bi-telephone-x::before { content: "\f5c0"; } +.bi-telephone::before { content: "\f5c1"; } +.bi-terminal-fill::before { content: "\f5c2"; } +.bi-terminal::before { content: "\f5c3"; } +.bi-text-center::before { content: "\f5c4"; } +.bi-text-indent-left::before { content: "\f5c5"; } +.bi-text-indent-right::before { content: "\f5c6"; } +.bi-text-left::before { content: "\f5c7"; } +.bi-text-paragraph::before { content: "\f5c8"; } +.bi-text-right::before { content: "\f5c9"; } +.bi-textarea-resize::before { content: "\f5ca"; } +.bi-textarea-t::before { content: "\f5cb"; } +.bi-textarea::before { content: "\f5cc"; } +.bi-thermometer-half::before { content: "\f5cd"; } +.bi-thermometer-high::before { content: "\f5ce"; } +.bi-thermometer-low::before { content: "\f5cf"; } +.bi-thermometer-snow::before { content: "\f5d0"; } +.bi-thermometer-sun::before { content: "\f5d1"; } +.bi-thermometer::before { content: "\f5d2"; } +.bi-three-dots-vertical::before { content: "\f5d3"; } +.bi-three-dots::before { content: "\f5d4"; } +.bi-toggle-off::before { content: "\f5d5"; } +.bi-toggle-on::before { content: "\f5d6"; } +.bi-toggle2-off::before { content: "\f5d7"; } +.bi-toggle2-on::before { content: "\f5d8"; } +.bi-toggles::before { content: "\f5d9"; } +.bi-toggles2::before { content: "\f5da"; } +.bi-tools::before { content: "\f5db"; } +.bi-tornado::before { content: "\f5dc"; } +.bi-trash-fill::before { content: "\f5dd"; } +.bi-trash::before { content: "\f5de"; } +.bi-trash2-fill::before { content: "\f5df"; } +.bi-trash2::before { content: "\f5e0"; } +.bi-tree-fill::before { content: "\f5e1"; } +.bi-tree::before { content: "\f5e2"; } +.bi-triangle-fill::before { content: "\f5e3"; } +.bi-triangle-half::before { content: "\f5e4"; } +.bi-triangle::before { content: "\f5e5"; } +.bi-trophy-fill::before { content: "\f5e6"; } +.bi-trophy::before { content: "\f5e7"; } +.bi-tropical-storm::before { content: "\f5e8"; } +.bi-truck-flatbed::before { content: "\f5e9"; } +.bi-truck::before { content: "\f5ea"; } +.bi-tsunami::before { content: "\f5eb"; } +.bi-tv-fill::before { content: "\f5ec"; } +.bi-tv::before { content: "\f5ed"; } +.bi-twitch::before { content: "\f5ee"; } +.bi-twitter::before { content: "\f5ef"; } +.bi-type-bold::before { content: "\f5f0"; } +.bi-type-h1::before { content: "\f5f1"; } +.bi-type-h2::before { content: "\f5f2"; } +.bi-type-h3::before { content: "\f5f3"; } +.bi-type-italic::before { content: "\f5f4"; } +.bi-type-strikethrough::before { content: "\f5f5"; } +.bi-type-underline::before { content: "\f5f6"; } +.bi-type::before { content: "\f5f7"; } +.bi-ui-checks-grid::before { content: "\f5f8"; } +.bi-ui-checks::before { content: "\f5f9"; } +.bi-ui-radios-grid::before { content: "\f5fa"; } +.bi-ui-radios::before { content: "\f5fb"; } +.bi-umbrella-fill::before { content: "\f5fc"; } +.bi-umbrella::before { content: "\f5fd"; } +.bi-union::before { content: "\f5fe"; } +.bi-unlock-fill::before { content: "\f5ff"; } +.bi-unlock::before { content: "\f600"; } +.bi-upc-scan::before { content: "\f601"; } +.bi-upc::before { content: "\f602"; } +.bi-upload::before { content: "\f603"; } +.bi-vector-pen::before { content: "\f604"; } +.bi-view-list::before { content: "\f605"; } +.bi-view-stacked::before { content: "\f606"; } +.bi-vinyl-fill::before { content: "\f607"; } +.bi-vinyl::before { content: "\f608"; } +.bi-voicemail::before { content: "\f609"; } +.bi-volume-down-fill::before { content: "\f60a"; } +.bi-volume-down::before { content: "\f60b"; } +.bi-volume-mute-fill::before { content: "\f60c"; } +.bi-volume-mute::before { content: "\f60d"; } +.bi-volume-off-fill::before { content: "\f60e"; } +.bi-volume-off::before { content: "\f60f"; } +.bi-volume-up-fill::before { content: "\f610"; } +.bi-volume-up::before { content: "\f611"; } +.bi-vr::before { content: "\f612"; } +.bi-wallet-fill::before { content: "\f613"; } +.bi-wallet::before { content: "\f614"; } +.bi-wallet2::before { content: "\f615"; } +.bi-watch::before { content: "\f616"; } +.bi-water::before { content: "\f617"; } +.bi-whatsapp::before { content: "\f618"; } +.bi-wifi-1::before { content: "\f619"; } +.bi-wifi-2::before { content: "\f61a"; } +.bi-wifi-off::before { content: "\f61b"; } +.bi-wifi::before { content: "\f61c"; } +.bi-wind::before { content: "\f61d"; } +.bi-window-dock::before { content: "\f61e"; } +.bi-window-sidebar::before { content: "\f61f"; } +.bi-window::before { content: "\f620"; } +.bi-wrench::before { content: "\f621"; } +.bi-x-circle-fill::before { content: "\f622"; } +.bi-x-circle::before { content: "\f623"; } +.bi-x-diamond-fill::before { content: "\f624"; } +.bi-x-diamond::before { content: "\f625"; } +.bi-x-octagon-fill::before { content: "\f626"; } +.bi-x-octagon::before { content: "\f627"; } +.bi-x-square-fill::before { content: "\f628"; } +.bi-x-square::before { content: "\f629"; } +.bi-x::before { content: "\f62a"; } +.bi-youtube::before { content: "\f62b"; } +.bi-zoom-in::before { content: "\f62c"; } +.bi-zoom-out::before { content: "\f62d"; } +.bi-bank::before { content: "\f62e"; } +.bi-bank2::before { content: "\f62f"; } +.bi-bell-slash-fill::before { content: "\f630"; } +.bi-bell-slash::before { content: "\f631"; } +.bi-cash-coin::before { content: "\f632"; } +.bi-check-lg::before { content: "\f633"; } +.bi-coin::before { content: "\f634"; } +.bi-currency-bitcoin::before { content: "\f635"; } +.bi-currency-dollar::before { content: "\f636"; } +.bi-currency-euro::before { content: "\f637"; } +.bi-currency-exchange::before { content: "\f638"; } +.bi-currency-pound::before { content: "\f639"; } +.bi-currency-yen::before { content: "\f63a"; } +.bi-dash-lg::before { content: "\f63b"; } +.bi-exclamation-lg::before { content: "\f63c"; } +.bi-file-earmark-pdf-fill::before { content: "\f63d"; } +.bi-file-earmark-pdf::before { content: "\f63e"; } +.bi-file-pdf-fill::before { content: "\f63f"; } +.bi-file-pdf::before { content: "\f640"; } +.bi-gender-ambiguous::before { content: "\f641"; } +.bi-gender-female::before { content: "\f642"; } +.bi-gender-male::before { content: "\f643"; } +.bi-gender-trans::before { content: "\f644"; } +.bi-headset-vr::before { content: "\f645"; } +.bi-info-lg::before { content: "\f646"; } +.bi-mastodon::before { content: "\f647"; } +.bi-messenger::before { content: "\f648"; } +.bi-piggy-bank-fill::before { content: "\f649"; } +.bi-piggy-bank::before { content: "\f64a"; } +.bi-pin-map-fill::before { content: "\f64b"; } +.bi-pin-map::before { content: "\f64c"; } +.bi-plus-lg::before { content: "\f64d"; } +.bi-question-lg::before { content: "\f64e"; } +.bi-recycle::before { content: "\f64f"; } +.bi-reddit::before { content: "\f650"; } +.bi-safe-fill::before { content: "\f651"; } +.bi-safe2-fill::before { content: "\f652"; } +.bi-safe2::before { content: "\f653"; } +.bi-sd-card-fill::before { content: "\f654"; } +.bi-sd-card::before { content: "\f655"; } +.bi-skype::before { content: "\f656"; } +.bi-slash-lg::before { content: "\f657"; } +.bi-translate::before { content: "\f658"; } +.bi-x-lg::before { content: "\f659"; } +.bi-safe::before { content: "\f65a"; } \ No newline at end of file diff --git a/theme_levelup/static/src/css/font.css b/theme_levelup/static/src/css/font.css new file mode 100644 index 000000000..d1d7e426a --- /dev/null +++ b/theme_levelup/static/src/css/font.css @@ -0,0 +1,216 @@ +/* devanagari */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 100; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format('woff2'); + unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; +} +/* latin-ext */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 100; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 100; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* devanagari */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 200; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2) format('woff2'); + unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; +} +/* latin-ext */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 200; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 200; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* devanagari */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 300; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2'); + unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; +} +/* latin-ext */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 300; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 300; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* devanagari */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2'); + unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; +} +/* latin-ext */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* devanagari */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 500; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2'); + unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; +} +/* latin-ext */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 500; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 500; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* devanagari */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2'); + unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; +} +/* latin-ext */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* devanagari */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 700; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2'); + unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; +} +/* latin-ext */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 700; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 700; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* devanagari */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 800; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2'); + unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; +} +/* latin-ext */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 800; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 800; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* devanagari */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 900; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format('woff2'); + unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; +} +/* latin-ext */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 900; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 900; + src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} \ No newline at end of file diff --git a/theme_levelup/static/src/css/owl.carousel.min.css b/theme_levelup/static/src/css/owl.carousel.min.css new file mode 100644 index 000000000..a71df11c0 --- /dev/null +++ b/theme_levelup/static/src/css/owl.carousel.min.css @@ -0,0 +1,6 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} \ No newline at end of file diff --git a/theme_levelup/static/src/css/owl.theme.default.min.css b/theme_levelup/static/src/css/owl.theme.default.min.css new file mode 100644 index 000000000..487088d2e --- /dev/null +++ b/theme_levelup/static/src/css/owl.theme.default.min.css @@ -0,0 +1,6 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} \ No newline at end of file diff --git a/theme_levelup/static/src/css/shuffle-styles.css b/theme_levelup/static/src/css/shuffle-styles.css new file mode 100644 index 000000000..2f805139e --- /dev/null +++ b/theme_levelup/static/src/css/shuffle-styles.css @@ -0,0 +1,151 @@ +/*=============================================*\ + Some styles to show off masonry layout +\*=============================================*/ +.picture-item { + height: 220px; + margin-top: 24px; + margin-left: 0; + /* shuffle items shouldn't have a left margin*/ +} + +.picture-item img { + display: block; + width: 100%; +} + +@supports (object-fit: cover) { + .picture-item img { + max-width: none; + height: 100%; + object-fit: cover; + } +} + +.picture-item--h2 { + height: 464px; + /* 2x the height + 1 gutter */ +} + +.picture-item__inner { + position: relative; + height: 100%; + overflow: hidden; + background: #ECF0F1; +} + +img.picture-item__blur { + display: none; +} + +.picture-item__details { + display: flex; + align-items: baseline; + justify-content: space-between; + width: 100%; + padding: 1em; +} + +.picture-item__description { + width: 100%; + padding: 0 2em 1em 1em; + margin: 0; +} + +.picture-item__title { + flex-shrink: 0; + margin-right: 4px; +} + +.picture-item__tags { + flex-shrink: 1; + text-align: right; + margin: 0; +} + +@media screen and (min-width: 768px) { + .picture-item--overlay .picture-item__details { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + background-color: rgba(0, 0, 0, 0.6); + color: white; + overflow: hidden; + } + .picture-item--overlay .picture-item__description { + display: none; + } + @supports (filter: blur(1px)) and (clip-path: inset(0 0 0 0)) { + .picture-item--overlay .picture-item__blur { + position: absolute; + z-index: 1; + top: 0; + left: 0; + display: block; + filter: blur(7px); + clip-path: inset(170px 0 0 0); + } + .picture-item--overlay .picture-item__details { + background: none; + } + .picture-item--overlay .picture-item__tags, + .picture-item--overlay .picture-item__title { + position: relative; + z-index: 2; + } + } +} + +/* + Shuffle needs either relative or absolute positioning on the container + It will set it for you, but it'll cause another style recalculation and layout. + AKA worse performance - so just set it here + */ +.my-shuffle-container { + position: relative; + overflow: hidden; +} + +.my-sizer-element { + position: absolute; + opacity: 0; + visibility: hidden; +} + +/* Animate in styles */ +.shuffle--animatein { + overflow: visible; +} + +.shuffle--animatein .picture-item__inner { + opacity: 0; + transform: translate(0, 220px); +} + +.shuffle--animatein .picture-item__inner--transition { + transition: all .6s ease; +} + +.shuffle--animatein .picture-item.in .picture-item__inner { + opacity: 1; + transform: translate(0, 0); +} + +@media screen and (max-width: 767px) { + .picture-item { + height: auto; + margin-top: 20px; + } + .picture-item__details, + .picture-item__description { + font-size: .875em; + padding: .625em; + } + .picture-item__description { + padding-right: .875em; + padding-bottom: 1.25em; + } + .picture-item--h2 { + height: auto; + } +} diff --git a/theme_levelup/static/src/css/style.css b/theme_levelup/static/src/css/style.css new file mode 100644 index 000000000..fbec037f2 --- /dev/null +++ b/theme_levelup/static/src/css/style.css @@ -0,0 +1,3998 @@ +:root { + --level-brand:#fcb017; + --level-color-1: #253237; + --level-color-2: #000; + --level-color-3: #181818; + --section-bg: #f2f2f2; + --section-bg2: #FDF4DA5E; + --section-bg3: #FEF9ED; + --sub-color-1: #dc3545; + --sub-color-2: #2250fc; + --sub-color-3: #c52132; + --button-color: #50449c; + --p-color: #484848; + --p-color2: #777; + --p-color3: #eaeaea; + --p-color4:#a2abb7; + --banner-title-bg: #f8f9fa; + --subhead-color: #000000; + --white-color: #ffffff; + --level-up-black:#151515; + --footer-main: #f3f3f3; + --footer-sub: #f8f9fa !important; + --border-color2: #eeecec; + --border-color: #dad6d6; + --body-bg:#FFFCF8; +} + +*:focus { + outline: 0 !important; +} + +*:hover { + -webkit-transition: 0.5s; + transition: 0.5s; +} + +*:focus { + outline: 0 !important; + box-shadow: none !important; +} + +* button:focus { + border: none; + outline: none; + box-shadow: none; +} + +* { + list-style-type: none; + font-family: "Red Hat Display", sans-serif; + font-size: 16px; +} +*:focus, *:active { + outline: none !important; +} + +html.sr .load-hidden { + visibility: hidden; +} + +*:hover { + -webkit-transition: 0.8s !important; + transition: 0.8s !important; +} + +*::selection { + color: rgb(243, 235, 238); + background-color: black; +} + +* a, +a:visited { + color: #990000; + text-decoration: none; +} + +.affix { + top: 0; + width: 100%; + z-index: 9999 !important; +} + +html { + scroll-behavior: smooth !important; +} + +body { + scroll-behavior: smooth !important; + background-color: var(--body-bg); + position: relative; +} + +.bold_heading { + color: var(--level-up-black); + font-weight: 700; + padding-bottom: 15px; + line-height: 120px; + font-size: 13.5vh; +} +@media screen and (max-width: 992px) { + .bold_heading { + font-size: 7vh; + line-height: normal; + } +} +@media screen and (max-width: 768px) { + .bold_heading { + font-size: 4vh; + line-height: normal; + } +} + +.b_head { + color: var(--level-up-black); + font-weight: 700; + padding-bottom: 15px; + line-height: 90px; + font-size: 9.5vh; +} +@media screen and (max-width: 768px) { + .b_head { + font-size: 7vh; + line-height: 60px; + } +} + +.p_text { + color: var(--p-color2); + font-size: 14px; + font-weight: 600; + text-transform: capitalize; + letter-spacing: 1.4px; + padding-top: 25px; + line-height: 1.9; +} + +.u_sub_heading { + font-size: 32px; + color: var(--level-brand); + font-weight: 500; + padding-bottom: 15px; +} + +.u_sub_heading_dark { + font-size: 32px; + color: var(--level-up-black); + font-weight: 500; +} + +.main_heading { + text-align: center; +} +.main_heading h3 { + color: var(--level-color-3); + font-size: 48px; + font-weight: 700; + text-transform: capitalize; + line-height: 1.3; +} +@media screen and (max-width: 576px) { + .main_heading h3 { + font-size: 25px; + } +} +.main_heading p { + color: var(--level-brand); + font-size: 14px; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 1.4px; +} + +.heading_c { + color: var(--eco-color-1); + font-size: 24px; + font-weight: 700; + text-transform: capitalize; +} + +.p_top { + padding-top: 80px; +} + +.p_bottom { + padding-bottom: 80px; +} + +.m_top { + margin-top: 40px; +} + +.m_bottom { + margin-bottom: 40px; +} + +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ +/* Document + ========================================================================== */ +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ +/** + * Remove the margin in all browsers. + */ +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ +/** + * Remove the gray background on active links in IE 10. + */ +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ +/** + * Remove the border on images inside links in IE 10. + */ +img { + border-style: none; +} + +/* Forms + ========================================================================== */ +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ +button:-moz-focusring, +[type=button]:-moz-focusring, +[type=reset]:-moz-focusring, +[type=submit]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ +[type=checkbox], +[type=radio] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ +[type=search] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ +/** + * Add the correct display in IE 10+. + */ +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ +[hidden] { + display: none; +} + +.btn { + border: none !important; + outline: 0 !important; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.btn-primary { + border-radius: 0px; + border: 2px solid var(--level-up-black) !important; + font-size: 14px; + font-weight: 600; + letter-spacing: 0.6px; + text-decoration: none; + padding:5px 21px !important; + position: relative; + background-color: var(--level-up-black) !important; + color: var(--white-color) !important; + transition: all 0.3s; + line-height: 14px; +} +.btn-primary:hover { + background-color: var(--white-color) !important; + color: var(--level-color-1) !important; +} +.btn-secondary { + border-radius: 0; + border: 0px solid var(--white-color) !important; + font-size: 14px; + font-weight: 600; + letter-spacing: 0.6px; + text-decoration: none; + padding: 15px 25px; + position: relative; + text-transform: uppercase; + background-color: transparent; + color: var(--white-color) !important; + transition: all 0.3s; + line-height: 14px; +} +.btn-secondary:hover { + background-color: var(--white-color) !important; + color: var(--level-color-1) !important; +} +.btn-dark { + border-radius: 0; + border: 2px solid var(--level-up-black) !important; + font-size: 14px; + font-weight: 600; + letter-spacing: 0.6px; + text-decoration: none; + padding: 15px 25px; + position: relative; + text-transform: uppercase; + background-color: transparent; + color:#fff !important; + transition: all 0.3s; + line-height: 14px; +} +.btn-dark:hover { + background-color: var(--white-color) !important; + color: var(--level-color-1) !important; + border: 2px solid var(--level-up-black) !important; +} +.btn-white { + border-radius: 0; + border: 2px solid var(--white-color) !important; + font-size: 14px; + font-weight: 600; + letter-spacing: 0.6px; + text-decoration: none; + padding: 15px 25px; + position: relative; + text-transform: uppercase; + background-color: transparent; + color: var(--white-color) !important; + transition: all 0.3s; + line-height: 14px; +} +.btn-white:hover { + background-color: var(--white-color) !important; + color: var(--level-color-1) !important; + border: 2px solid var(--level-up-black) !important; +} + +.banner { + background-image: url("../images/banner/a.jpg") !important; + background-position: inherit; + background-size: 64%; + background-repeat: no-repeat; + background-position-x: 120% !important; + background-position-y: 76%; + position: relative; +} +@media screen and (max-width: 992px) { + .banner { + background-size: cover; + background-position: center !important; + } + .banner::after { + position: absolute; + content: " "; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(255, 232, 193, 0.226); + } +} +@media screen and (max-width: 768px) { + .banner .wrapper { + padding: 50px 0; + } +} +.banner .wrapper .banner_content { + width: 100%; + height: 100vh; + display: flex; + justify-content: left; + align-items: center; + z-index: 1; + text-align: left; +} +.banner .wrapper .banner_content .c_wrapper { + position: absolute; + z-index: 999; +} +@media screen and (max-width: 992px) { + .banner .wrapper .banner_left .bold_heading { + font-weight: 700; + font-size: 8vh; + line-height: 60px; + } + .banner .wrapper .banner_left p { + color: var(--white-color); + } +} +@media screen and (max-width: 768px) { + .banner .wrapper .banner_left { + font-size: 5vh; + } +} + +.banner_about { + position: relative; + height: 500px; + background-size: 140vh; + background-repeat: no-repeat; + background-position: right; +} +@media screen and (max-width: 992px) { + .banner_about { + height: 50vh; + } +} +.banner_about .banner_content { + width: 100% !important; + height: 75vh; + display: flex; + font-weight: 700; + font-size: 96px; + justify-content: start; + align-items: center; +} +@media screen and (max-width: 576px) { + .banner_about .banner_content { + font-size: 60px; + justify-content: center; + } +} +.banner_about .banner_content .c_wrapper { + position: absolute; + top: 0px; + left: -100px; + bottom: 0; + z-index: -1; + font-size: 20rem; + font-weight: 900; + color: rgba(198, 198, 198, 0.2705882353); +} +@media screen and (max-width: 992px) { + .banner_about .banner_content .c_wrapper { + font-size: 10rem; + top: 100px; + } +} + @media screen and (max-width: 650px) { + .banner_about .banner_content .c_wrapper { + display:flex; + } + } + +.banner_service { + position: relative; + height: 500px; + background-size: 140vh; + background-repeat: no-repeat; + background-position: right; +} +@media screen and (max-width: 768px) { + .banner_service { + height: 50vh; + } +} +.banner_service .banner_content { + width: 100% !important; + height: 75vh; + display: flex; + align-items: center; +} +@media screen and (max-width: 768px) { + .banner_service .banner_content { + justify-content: center; + text-align: center; + height: 50vh; + } +} +.banner_service .banner_content .text { + font-weight: 700; + font-size: 8rem; + background: -webkit-linear-gradient(285deg, #ffaa00 26%, white 90%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +@media screen and (max-width: 992px) { + .banner_service .banner_content .text { + font-size: 6rem; + } +} +@media screen and (max-width: 576px) { + .banner_service .banner_content .text { + font-size: 3.5rem; + } +} + +.banner_portfolio { + background-image: url("../images/banner/banner_portfolio.jpg") !important; +} + +.banner_team { + background-image: url"../images/Main_bg/circle_trans.png") !important; +} + +.footer { + background-color: var(--level-up-black); + padding: 100px 0px 50px 0px; +} +@media screen and (max-width: 992px) { + .footer { + padding: 100px 15px 50px 15px; + } +} +.footer .wrapper .top { + margin-bottom: 50px; +} +.footer .wrapper .footer_c .footer_brand { + font-size: 24px; + color: var(--white-color); + font-weight: 700; +} +@media screen and (max-width: 1200px) { + .footer .wrapper .footer_c .footer_brand { + margin-right: auto; + padding-left: 15px; + } +} +@media screen and (max-width: 576px) { + .footer .wrapper .footer_c .footer_brand { + margin-right: auto; + padding-left: 0px; + } +} +.footer .wrapper .footer_c .footer_brand span { + max-width: 90px; + display: inline-block; +} +.footer .wrapper .footer_c .footer_brand span img { + width: 100%; + margin-top: -16px; +} +.footer .wrapper .footer_c .footer_heading { + color: var(--white-color); + font-weight: 600; + font-size: 24px; + margin-bottom: 20px; +} +.footer .wrapper .footer_c p { + color: var(--p-color4) !important; + font-size: 16px; + line-height: 1.9; + margin-right: 50px; + padding-top: 20px; + text-transform: capitalize; +} +.footer .wrapper .footer_c ul { + padding-left: 0; + padding-top: 30 px; +} +.footer .wrapper .footer_c ul li { + padding-bottom: 15px; +} +.footer .wrapper .footer_c ul li a { + color: var(--p-color4); + font-size: 16px; + line-height: 1.9; + text-transform: capitalize; +} +.footer .wrapper .footer_c ul li a:hover { + color: var(--white-color) !important; + text-decoration: none; +} +.footer .wrapper .footer_c .input-group .form-control { + box-shadow: none !important; + outline: none !important; + font-size: 12px !important; + padding: 10px 10px; + color: var(--p-color3); + border: none !important; +} +.footer .wrapper .footer_c .input-group .input-group-append .btn-outline-secondary { + padding: 10px 20px; + background-color: var(--level-brand) !important; +} +.footer .wrapper .footer_c .input-group .input-group-append .btn-outline-secondary i { + color: var(--white-color); +} + +.header_modern_light { + margin-bottom: 91px; +} +.header_modern_light .navigation { + transition: background-color 0.4s ease-out; + background-color: var(--white-color); +} + +header .navigation.fixed-top { + top: auto; +} + +.header_modern_light .navigation .navbar { + margin: 10px 0px 10px 0px; + padding-left: 0; + padding-right: 0; +} +.header_modern_light .navigation .navbar .navbar-brand { + font-size: 30px; + color: var(--level-color-1); + font-weight: 700; +} +@media screen and (max-width: 1200px) { + .header_modern_light .navigation .navbar .navbar-brand { + margin-right: auto; + padding-left: 15px; + } +} +.header_modern_light .navigation .navbar .navbar-brand span { + max-width: 46px; + display: inline-block; +} +.header_modern_light .navigation .navbar .navbar-brand span img { + width: 100px; + margin-top: -16px; +} +@media screen and (max-width: 1200px) { + .header_modern_light .navigation .navbar .navbar-collapse { + background-color: var(--white-color); + padding: 15px 15px; + } +} +.header_modern_light .navigation .navbar .navbar-nav { + margin: auto; +} +@media screen and (max-width: 1200px) { + .header_modern_light .navigation .navbar .navbar-nav .nav-item { + padding: 5px 0; + } +} +.header_modern_light .navigation .navbar .navbar-nav .nav-item .nav-link { + color: var(--level-color-1); + font-size: 14px; + margin: 0px 15px; + font-weight: 500; +} +.header_modern_light .navigation .navbar .navbar-nav .nav-item .nav-link.active { + color: var(--level-up-black) !important; + font-weight: 700; +} +.header_modern_light .navigation .navbar .navbar-nav .nav-item .nav-link:hover { + color: var(--p-color3); +} +@media screen and (max-width: 1200px) { + .header_modern_light .navigation .navbar .navbar-nav .nav-item .nav-link { + color: var(--p-color2); + } + .header_modern_light .navigation .navbar .navbar-nav .nav-item .nav-link:hover { + color: var(--p-color1); + } +} +.header_modern_light .navigation .navbar form { + margin-left: 15px; +} +.header_modern_light .navigation .navbar form span { + padding-right: 15px; +} +.header_modern_light .navigation .navbar form span a { + color: var(--white-color); + margin-right: 15px; +} +.bg_white { + background-color: var(--white-color); + transition: background-color 0.4s ease-out; +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.text_color { + color: var(--level-color-1) !important; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +.fadeInup { + -webkit-animation-name: fadeInup; + animation-name: fadeInup; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + animation-direction: reverse; +} + +@-webkit-keyframes fadeInup { + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + 0% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInup { + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + 0% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +.b_shadow { + box-shadow: 0px 3px 6px 1px rgba(200, 187, 201, 0.48); +} + +/* top line needs a little padding */ +.navbar-toggler span:nth-child(1) { + margin-top: 0.3em; +} + +/** + * Animate collapse into X. + */ +/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */ +.navbar-toggler:not(.collapsed) span:nth-child(1) { + transform: translate(15%, -33%) rotate(45deg); +} + +/* center line goes transparent */ +.navbar-toggler:not(.collapsed) span:nth-child(2) { + opacity: 0; +} + +/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button */ +.navbar-toggler:not(.collapsed) span:nth-child(3) { + transform: translate(15%, 33%) rotate(-45deg); +} + +/** + * Animate collapse open into hamburger menu + */ +/* top line moves back to initial position and rotates back to 0 degrees */ +.navbar-toggler span:nth-child(1) { + transform: translate(0%, 0%) rotate(0deg); +} + +/* middle line goes back to regular color and opacity */ +.navbar-toggler span:nth-child(2) { + opacity: 1; +} + +/* bottom line goes back to initial position and rotates back to 0 degrees */ +.navbar-toggler span:nth-child(3) { + transform: translate(0%, 0%) rotate(0deg); +} + +.navbar-toggler .menu_icon { + display: block; + background-color: var(--level-up-black); + height: 3px; + width: 25px; + margin-top: 5px; + margin-bottom: 5px; + position: relative; + border-radius: 2px; + left: 0; + opacity: 1; + transition: all 0.35s ease-out; + transform-origin: center left; +} + +@media screen and (max-width: 992px) { + .navbar-toggler { + margin-right: 25px; + } +} + +.menu_color { + background-color: var(--level-color-1) !important; +} + +.index_about { + margin-bottom: 40px; +} +.index_about .ss_wrapper .about_right .desc_img { + margin-top: 50px; + max-width: 100%; +} +@media screen and (max-width: 768px) { + .index_about .ss_wrapper .about_right .desc_img { + max-width: 100%; + } +} +.index_about .ss_wrapper .about_right .desc_img img { + width: 100%; +} +.index_about .ss_wrapper .barnding .brand_flex { + display: flex; + flex-direction: column; + align-items: center; +} +.index_about .ss_wrapper .barnding .brand_img { + max-width: 100px; + margin: auto; + cursor: pointer; + margin-bottom: 15px; +} +.index_about .ss_wrapper .barnding .brand_img img { + width: 100%; +} +.index_about .ss_wrapper h5 { + padding-top: 20px; +} +.index_about .ss_wrapper .about_etc .wrapper .card { + border: none; +} +.index_about .ss_wrapper .about_etc .wrapper .card .card_img { + max-width: 100%; +} +.index_about .ss_wrapper .about_etc .wrapper .card .card_img img { + width: 100%; + border-radius: 5px; +} +.index_about .ss_wrapper .about_etc .wrapper .card .caption { + padding-top: 20px; + font-size: 26px; + color: var(--p-color2); +} +@media screen and (max-width: 768px) { + .index_about .ss_wrapper .about_etc .wrapper .card .caption { + font-size: 18px; + } +} +.index_about .ss_wrapper .about_etc .wrapper .card .details { + padding-top: 20px; + font-size: 26px; + color: var(--level-up-black); + font-weight: 500; +} +@media screen and (max-width: 768px) { + .index_about .ss_wrapper .about_etc .wrapper .card .details { + font-size: 18px; + } +} + +.custom_margin { + margin-top: 140px; +} +@media screen and (max-width: 768px) { + .custom_margin { + margin-top: 50px; + } +} + +.custom_margin_m { + margin-top: -115px; +} +@media screen and (max-width: 768px) { + .custom_margin_m { + margin-top: 0px; + } +} + +.gallery .wrapper .bg_heading { + position: relative; + background-image: url("../images/Main_bg/circles.png") !important; + height: 500px; + background-size: 140vh; + background-repeat: no-repeat; + background-position: center; +} +@media screen and (max-width: 992px) { + .gallery .wrapper .bg_heading { + display: flex; + align-items: center; + height: 250px; + } +} +.gallery .wrapper .bg_heading .gallery_head { + font-size: 13.5vh; + background: -webkit-radial-gradient(#a0a0a0, #262626); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-weight: 900; + width: 70%; + line-height: 115px; + height: 75%; +} +@media screen and (max-width: 992px) { + .gallery .wrapper .bg_heading .gallery_head { + width: 100%; + } +} +@media screen and (max-width: 768px) { + .gallery .wrapper .bg_heading .gallery_head { + font-size: 8vh; + margin-top: 0; + line-height: normal; + margin-bottom: 0; + height: fit-content; + } +} +.gallery .wrapper .img_group { + margin-top: 20px; +} +.gallery .wrapper .img_group .card { + border: none; +} +.gallery .wrapper .img_group .card .card_img { + max-width: 100%; +} +.gallery .wrapper .img_group .card .card_img img { + width: 100%; + border-radius: 5px; +} +.gallery .wrapper .img_group .bottom_link { + padding-top: 50px; +} +.gallery .wrapper .img_group .bottom_link p { + color: var(--level-up-black); + font-size: 24px; + font-weight: 600; +} +.gallery .wrapper .img_group .bottom_link .left_link { + text-align: end; +} +.gallery .wrapper .img_group .bottom_link .left_link a { + color: var(--level-brand); + font-size: 24px; + font-weight: 600; + border: 1px solid var(--level-brand); + border-color: transparent; + border-bottom-color: var(--level-brand) !important; + padding-bottom: 10px; + border-width: 2px; +} + +.featured { + background-color: var(--section-bg); + padding-top: 90px; + padding-bottom: 70px; + margin-bottom: 70px; +} +@media screen and (max-width: 992px) { + .featured { + padding-top: 50px; + padding-bottom: 40px; + } +} +.featured .wrapper { + margin-top: 40px; +} +.featured .wrapper .featured_content { + padding-top: 70px; +} +.featured .wrapper .featured_content .card-deck { + padding-bottom: 20px; + margin-bottom: 20px; +} +.featured .wrapper .featured_content .card-deck .card { + border: none; + position: relative; +} +@media screen and (max-width: 992px) { + .featured .wrapper .featured_content .card-deck .card { + margin-bottom: 40px; + } +} +.featured .wrapper .featured_content .card-deck .card_image { + position: relative; + display: block; +} +.featured .wrapper .featured_content .card-deck .card_image::after { + content: " "; + position: absolute; + top: 0px; + left: 0px; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.493); + transition: all 1s ease; + opacity: 0; + z-index: 999; +} +.featured .wrapper .featured_content .card-deck .card_image:hover::after { + opacity: 1 !important; +} +.featured .wrapper .featured_content .card-deck .card_image .card-img-top { + border-radius: 0 !important; +} +.featured .wrapper .featured_content .card-deck .card-body { + -webkit-box-shadow: 0px 4px 5px 5px rgba(247, 247, 247, 0.72); + -moz-box-shadow: 0px 4px 5px 5px rgba(247, 247, 247, 0.72); + box-shadow: 0px 4px 5px 5px rgba(247, 247, 247, 0.72); + text-align: center; +} +.featured .wrapper .featured_content .card-deck .card-body .card-title { + font-size: 16px; + font-weight: 500; + margin-top: 15px; +} +.featured .wrapper .featured_content .card-deck .card-body .card-text { + font-size: 14px; + color: var(--p-color2); + margin-bottom: 15px; +} + +.awards .wrapper .t_c { + margin-top: 100px; +} +@media screen and (max-width: 768px) { + .awards .wrapper .t_c { + margin-top: 50px; + } +} +.awards .wrapper h5 { + padding-top: 20px; +} +.awards .wrapper .bg_round { + position: relative; + background-image: url("../images/Main_bg/circle_trans.png"); + background-repeat: no-repeat; + background-position: center; + height: 270px; + display: flex; + justify-content: center; + align-items: center; + background-size: contain; +} +@media screen and (max-width: 992px) { + .awards .wrapper .bg_round { + justify-content: flex-start; + } +} +@media screen and (max-width: 768px) { + .awards .wrapper .bg_round { + height: 150px; + } +} +.awards .wrapper .area { + padding-top: 40px; +} +@media screen and (max-width: 768px) { + .awards .wrapper .left_link { + padding-top: 50px !important; + } +} +@media screen and (max-width: 576px) { + .awards .wrapper .left_link { + padding-top: 20px !important; + } +} +.awards .wrapper .left_link a { + color: var(--level-brand); + font-size: 24px; + font-weight: 600; + border: 1px solid var(--level-brand); + border-color: transparent; + border-bottom-color: var(--level-brand) !important; + padding-bottom: 10px; + border-width: 2px; +} +@media screen and (max-width: 768px) { + .awards .wrapper .img_flex { + display: flex; + padding-bottom: 40px; + } + .awards .wrapper .img_flex img { + margin-top: 0 !important; + } +} +.awards .wrapper .accordion { + padding-top: 50px; +} +.awards .wrapper .accordion .accordion-item { + border: 1px solid transparent; + border-bottom-color: var(--border-color); + margin-bottom: 30px; +} +.awards .wrapper .accordion .accordion-item .accordion-header { + margin-bottom: 20px; +} +.awards .wrapper .accordion .accordion-item .accordion-header .accordion-button { + background-color: transparent; + border: transparent; + font-size: 32px; + color: var(--level-color-3); + font-weight: 700; + letter-spacing: 0.03em; + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + text-align: left; +} +.awards .wrapper .accordion .accordion-item .accordion-body { + padding-top: 15px; + padding-bottom: 30px; +} +.awards .wrapper .accordion .accordion-item .accordion-body ul li { + font-size: 32px; + color: var(--level-color-3); + font-weight: 400; + margin-bottom: 15px; + list-style: disc; + letter-spacing: 0.03em; +} +.awards .wrapper .accordion .accordion-item .accordion-body p { + color: var(--p-color2); + font-weight: 400; + font-size: 24px; + line-height: 50px; + letter-spacing: 0.03em; +} +.awards .wrapper .accordion .accordion-item .accordion-body .left_link a { + color: var(--level-brand); + font-size: 18px; + font-weight: 600; + border: 1px solid var(--level-brand); + border-color: transparent; + border-bottom-color: var(--level-brand) !important; + padding-bottom: 10px; + border-width: 2px; +} +.awards .wrapper .accordion-icon { + float: right; + font-weight: bold; + font-size:20px; +} + +.accordion-button::after{ + + display:none !important; + +} + +.awards .wrapper .accordion-button[aria-expanded=true] .accordion-icon::before { + content: "-"; +} +.awards .wrapper .accordion-button[aria-expanded=false] .accordion-icon::before { + content: "+"; +} +.awards .wrapper .client_logo { + padding-top: 50px; +} +.awards .wrapper .client_logo .img_wrapper { + width: 150px; + height: 150px; + overflow: hidden; + display: grid; + place-items: center; +} +@media screen and (max-width: 768px) { + .awards .wrapper .client_logo .img_wrapper { + max-width: 150px; + } +} +.awards .wrapper .client_logo .img_wrapper img { + width: 100%; + height: auto; + display: block; +} +.awards .wrapper .t_slider { + padding-top: 50px; +} +.awards .wrapper .t_slider .owl-theme2 .item { + display: flex; +} +@media screen and (max-width: 768px) { + .awards .wrapper .t_slider .owl-theme2 .item { + flex-direction: column; + } +} +.awards .wrapper .t_slider .owl-theme2 .item .img_wrapper { + max-width: 200px; +} +@media screen and (max-width: 768px) { + .awards .wrapper .t_slider .owl-theme2 .item .img_wrapper { + margin: auto; + padding-bottom: 20px; + } +} +.awards .wrapper .t_slider .owl-theme2 .item .img_wrapper img { + width: 100%; + border-radius: 50%; +} +.awards .wrapper .t_slider .owl-theme2 .item .p_info { + padding-left: 50px; +} +@media screen and (max-width: 768px) { + .awards .wrapper .t_slider .owl-theme2 .item .p_info { + text-align: center; + padding-left: 0px; + } +} +.awards .wrapper .t_slider .owl-theme2 .item .p_info .comment { + color: var(--level-up-black); + font-size: 24px; + line-height: 50px; + letter-spacing: 3%; + font-weight: 600; +} +.awards .wrapper .t_slider .owl-theme2 .item .p_info .detail { + padding-top: 15px; + color: var(--p-color2); +} +.awards .wrapper .t_slider .owl-theme2 .item .p_info .detail h6 { + font-size: 18px; + letter-spacing: 3%; + font-weight: 600; +} +.awards .wrapper .t_slider .custom-nav { + width: 50%; + margin: auto; + padding-left: 22px; + padding-top: 4px; + display: grid; + grid-auto-flow: column; + justify-content: start; + grid-gap: 15px; +} +@media screen and (max-width: 768px) { + .awards .wrapper .t_slider .custom-nav { + justify-content: center; + } +} +.awards .wrapper .t_slider .custom-nav .prev, +.awards .wrapper .t_slider .custom-nav .next { + height: 30px; + width: 30px; + background-color: var(--level-up-black); + border-radius: 50%; + display: grid; + justify-content: center; + align-items: center; +} +.awards .wrapper .t_slider .custom-nav .prev svg, +.awards .wrapper .t_slider .custom-nav .next svg { + width: 15px; +} +.awards .wrapper .blog_slider { + padding-top: 70px; +} +.awards .wrapper .blog_slider .owl-theme1 .item { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 0; +} +@media screen and (max-width: 768px) { + .awards .wrapper .blog_slider .owl-theme1 .item { + grid-template-columns: 1fr 2fr; + } +} +.awards .wrapper .blog_slider .owl-theme1 .item .img_wrapper { + background-image: url("../images/testimoinial/fds.png"); + background-size: cover; + background-position: center; +} +.awards .wrapper .blog_slider .owl-theme1 .item .p_info { + padding: 40px 50px 20px 30px; + background-color: var(--level-up-black); + color: var(--white-color); +} +@media screen and (max-width: 768px) { + .awards .wrapper .blog_slider .owl-theme1 .item .p_info { + padding: 20px 20px 40px 20px; + } +} +.awards .wrapper .blog_slider .owl-theme1 .item .p_info .date { + padding-top: 15px; +} +.awards .wrapper .blog_slider .owl-theme1 .item .p_info .date h6 { + font-size: 24px; + letter-spacing: 3%; + font-weight: 600; +} +.awards .wrapper .blog_slider .owl-theme1 .item .p_info .date span { + font-size: 16px; + font-weight: normal; +} +.awards .wrapper .blog_slider .owl-theme1 .item .p_info .comment { + font-size: 24px; + line-height: 45px; + letter-spacing: 3%; + font-weight: 600; + padding-top: 20px; +} +.awards .wrapper .blog_slider .owl-theme1 .item .p_info .left_link { + padding-top: 40px; +} +@media screen and (max-width: 768px) { + .awards .wrapper .blog_slider .owl-theme1 .item .p_info .left_link { + padding-top: 20px; + } +} +.awards .wrapper .blog_slider .owl-theme1 .item .p_info .left_link a { + color: var(--level-brand); + font-size: 18px; + font-weight: 600; + border: 1px solid var(--level-brand); + border-color: transparent; + border-bottom-color: var(--level-brand) !important; + padding-bottom: 10px; + border-width: 2px; + text-decoration: none; +} +.awards .wrapper .blog_slider .custom-nav { + width: 100%; + margin: auto; + padding-left: 22px; + padding-top: 4px; + display: grid; + grid-auto-flow: column; + justify-content: center; + grid-gap: 30px; +} +.awards .wrapper .blog_slider .custom-nav .slider { + position: relative; +} +.awards .wrapper .blog_slider .custom-nav .slider-counter { + text-align: center; + color: var(--level-up-black); + font-size: 18px; +} +.awards .wrapper .blog_slider .custom-nav .prev, +.awards .wrapper .blog_slider .custom-nav .next { + height: 30px; + width: 30px; + display: grid; + justify-content: center; + align-items: center; +} +.awards .wrapper .blog_slider .custom-nav .prev svg, +.awards .wrapper .blog_slider .custom-nav .next svg { + width: 20px; +} +.awards .wrapper .blog_slider .custom-nav .prev svg path, +.awards .wrapper .blog_slider .custom-nav .next svg path { + fill: black !important; +} +.awards .wrapper .excited { + font-weight: 700; + font-size: 12rem; + background: -webkit-linear-gradient(285deg, #ffaa00 26%, white 90%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +@media screen and (max-width: 992px) { + .awards .wrapper .excited { + font-size: 8rem; + line-height: normal; + } +} +@media screen and (max-width: 768px) { + .awards .wrapper .excited { + font-size: 4rem; + line-height: normal; + margin-bottom: 0; + } +} + +.service { + background-image: url("../images/service/service-bg.jpg"); + background-position: center; + background-size: cover; + padding-bottom: 50px; +} +@media screen and (max-width: 992px) { + .service { + padding-bottom: 20px; + } +} +.service .wrapper { + padding-bottom: 70px; +} +@media screen and (max-width: 992px) { + .service .wrapper { + padding-bottom: 20px; + } +} +.service .wrapper .service_left { + padding: 150px 100px 0px 100px; +} +@media screen and (max-width: 1200px) { + .service .wrapper .service_left { + padding: 50px 50px 0px 100px; + } +} +@media screen and (max-width: 992px) { + .service .wrapper .service_left { + padding: 70px 0px 70px 15px; + } +} +.service .wrapper .service_left .s_p { + margin-top: 40px; + color: var(--p-color2); + font-size: 14px; + line-height: 1.9rem; + padding-bottom: 30px; +} +.service .wrapper .service_right img { + width: 100%; + border-radius: 8px; +} + +.amazing { + background-color: var(--section-bg); + padding-top: 90px; + padding-bottom: 70px; + margin-bottom: 70px; +} +@media screen and (max-width: 768px) { + .amazing .wrapper .rm_br br { + display: none !important; + } +} +.amazing .wrapper .amazing_content { + padding-top: 50px; + margin-top: 40px; +} +.amazing .wrapper .amazing_content .card-deck { + display: grid; + grid-template-columns: 1fr 1fr 1fr; +} +@media screen and (max-width: 768px) { + .amazing .wrapper .amazing_content .card-deck { + grid-template-columns: 1fr; + } +} +.amazing .wrapper .amazing_content .card { + position: relative; + -webkit-backface-visibility: hidden; + background-color: transparent !important; + margin-bottom: 35px; + max-width: 100%; + border: none; + border-radius: 5px; + padding: 0; +} +.amazing .wrapper .amazing_content .card-body { + -ms-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-transform-style: preserve-3d; + perspective: 1000px; + -webkit-perspective: 1000px; + padding: 0; +} +.amazing .wrapper .amazing_content .flip-box-front .icon_wrapper { + margin-bottom: 15px; + text-align: center; + padding-top: 15px; +} +.amazing .wrapper .amazing_content .flip-box-front .icon_wrapper svg { + fill: #fcb017; + height: 50px; + width: 50px; +} +.amazing .wrapper .amazing_content .flip-box-front .inner { + border-radius: 5px; +} +.amazing .wrapper .amazing_content .flip-box-front .inner .card-heading { + padding-top: 15px; + color: var(--level-color3); + font-size: 16px; + font-weight: 600; + text-align: center; +} +.amazing .wrapper .amazing_content .flip-box-front .inner .card-text { + padding-top: 15px; + color: var(--p-color2); + font-size: 14px; + text-align: center; + line-height: 1.9rem; +} +.amazing .wrapper .amazing_content .flip-box-back { + background: rgb(241, 104, 104); + background: linear-gradient(38deg, rgb(241, 104, 104) 14%, rgb(252, 176, 23) 60%, rgb(252, 176, 23) 100%); + border-radius: 5px; +} +.amazing .wrapper .amazing_content .flip-box-back .inner .card-heading { + padding-top: 15px; + color: var(--color-white) !important; + font-size: 16px; + font-weight: 600; + text-align: center; +} +.amazing .wrapper .amazing_content .flip-box-back .inner .card-text { + padding-top: 15px; + color: var(--color-white) !important; + font-size: 14px; + text-align: center; + line-height: 1.9rem; +} +.amazing .wrapper .amazing_content .flip-box-front, +.amazing .wrapper .amazing_content .flip-box-back { + min-height: 300px; + -ms-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); + transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); + -webkit-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +@media screen and (max-width: 992px) { + .amazing .wrapper .amazing_content .flip-box-front, + .amazing .wrapper .amazing_content .flip-box-back { + min-height: 330px; + } +} + +@media screen and (max-width: 992px) { + .amazing .wrapper .amazing_content .flip-box-front, + .amazing .wrapper .amazing_content .flip-box-back { + min-height: 350px; + } +} +@media screen and (max-width: 768px) { + .amazing .wrapper .amazing_content .flip-box-front, + .amazing .wrapper .amazing_content .flip-box-back { + min-height: 300px; + } +} +.amazing .wrapper .amazing_content .flip-box-front { + -ms-transform: rotateY(0deg); + -webkit-transform: rotateY(0deg); + transform: rotateY(0deg); + -webkit-transform-style: preserve-3d; + -ms-transform-style: preserve-3d; + transform-style: preserve-3d; + padding: 20px; +} +.amazing .wrapper .amazing_content .card-body:hover .flip-box-front { + -ms-transform: rotateY(-180deg); + -webkit-transform: rotateY(-180deg); + transform: rotateY(-180deg); + -webkit-transform-style: preserve-3d; + -ms-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.amazing .wrapper .amazing_content .flip-box-back { + position: absolute; + top: 0; + left: 0; + width: 100%; + -ms-transform: rotateY(180deg); + -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); + -webkit-transform-style: preserve-3d; + -ms-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.amazing .wrapper .amazing_content .flip-box-back .inner { + background-color: transparent !important; + padding: 40px !important; +} +.amazing .wrapper .amazing_content .card-body:hover .flip-box-back { + -ms-transform: rotateY(0deg); + -webkit-transform: rotateY(0deg); + transform: rotateY(0deg); + -webkit-transform-style: preserve-3d; + -ms-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.amazing .wrapper .amazing_content .card-body .inner { + position: absolute; + left: 0; + width: 100%; + height: 100%; + -webkit-perspective: inherit; + perspective: inherit; + z-index: 2; + background-color: white; + transform: translateY(-50%) translateZ(60px) scale(0.94); + -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94); + -ms-transform: translateY(-50%) translateZ(60px) scale(0.94); + top: 50%; + padding: 20px; +} +.amazing .wrapper .amazing_content .flip-box-button { + background-color: transparent; + border: 2px solid #fff; + border-radius: 2px; + color: #fff; + cursor: pointer; + font-size: 20px; + font-weight: bold; + margin-top: 25px; + padding: 15px 20px; + text-transform: uppercase; +} + +.partners { + padding-bottom: 50px; + border: 1px solid; + border-color: transparent; + border-bottom-color: var(--border-color2) !important; + margin-bottom: 20px; +} +@media screen and (max-width: 768px) { + .partners { + padding-bottom: 20px; + } +} +.partners .wrapper .p_img { + max-width: 200px; + margin: auto; +} +@media screen and (max-width: 768px) { + .partners .wrapper .p_img { + margin-bottom: 30px; + } +} +.partners .wrapper .p_img img { + width: 100%; + filter: grayscale(1); +} +.partners .wrapper .p_img img:hover { + filter: grayscale(0); +} + +.creative { + padding-top: 50px; + padding-bottom: 70px; +} +@media screen and (max-width: 768px) { + .creative { + padding-bottom: 40px; + } +} +.creative .wrapper { + margin-top: 50px; + margin-bottom: 50px; +} +.creative .wrapper .c_wrapper { + padding-top: 70px; +} +.creative .wrapper .c_wrapper .c_img { + max-width: 300px; + overflow: hidden; + position: relative; + margin-bottom: 40px; +} +@media screen and (max-width: 768px) { + .creative .wrapper .c_wrapper .c_img { + max-width: 450px; + margin: auto; + margin-bottom: 40px; + } +} +.creative .wrapper .c_wrapper .c_img:after { + position: absolute; + content: " "; + height: 100%; + width: 100%; + top: 0; + left: 0; + background: #00000054 !important; + opacity: 0; + transition: 0.5s ease; +} +.creative .wrapper .c_wrapper .c_img img { + width: 100%; + border-radius: 5px; + transform: scale(1); + transition: 0.5s ease-in-out; +} +.creative .wrapper .c_wrapper .c_img:hover img { + transform: scale(1.3) !important; +} +.creative .wrapper .c_wrapper .c_img:hover:after { + opacity: 1 !important; +} +.creative .wrapper .c_wrapper .c_img:hover .info { + display: block !important; + width: 100%; + height: 100%; +} +.creative .wrapper .c_wrapper .c_img:hover .info .i_wrapper { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; +} +.creative .wrapper .c_wrapper .c_img:hover .info .i_wrapper .ss { + text-align: center; + color: var(--white-color) !important; +} +.creative .wrapper .c_wrapper .c_img:hover .info .i_wrapper .ss h5 { + font-size: 18px; +} +.creative .wrapper .c_wrapper .c_img:hover .info .i_wrapper .ss p { + font-size: 12px; +} +.creative .wrapper .c_wrapper .info { + display: none; + position: absolute; + z-index: 3; + top: 0; + left: 0; +} +.counter_main { + width: 100%; + background-color: var(--white-color); + position: relative; + height: 30vh; + overflow: hidden; + margin-top: 70px; +} +@media screen and (max-width: 992px) { + .counter_main { + margin-top: 40px; + } +} +@media screen and (max-width: 768px) { + .counter_main { + height: 55vh; + } +} +@media screen and (max-width: 576px) { + .counter_main { + height: 90vh; + } +} +.counter_main .overlay { + width: 100%; + height: 100%; + background-color: #00000300; + position: absolute; + top: 0; + display: flex; + justify-content: center; + align-items: center; + z-index: 3; +} +.counter_main .overlay #counter-section-container { + width: 100%; + text-align: center; +} +.counter_main .overlay #counter-box-container { + /*border: 1px solid #999999;*/ + overflow: /home/cybrosys/odoo16/custom/theme_levelup/static/src/css/style.csshidden; + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; +} +@media screen and (max-width: 768px) { + .counter_main .overlay #counter-box-container { + grid-template-columns: 2fr 2fr; + } +} +@media screen and (max-width: 576px) { + .counter_main .overlay #counter-box-container { + grid-template-columns: 1fr; + } +} +.counter_main .overlay #counter-box { + /*width: 33.22%;*/ + margin: 5px 5px 5px 5px; + padding: 5px 5px 5px 5px; + float: left; + text-align: center; + position: relative; +} +.counter_main .overlay #counter-box p { + padding-top: 10px; + text-transform: uppercase; + font-size: 14px; + color: var(--p-color2); + font-weight: 500; +} +.counter_main .overlay .counter { + font-size: 40px; + font-weight: 600; + color: var(--level-color-3); +} + +.latest { + background-color: var(--section-bg); + padding: 100px 0px 100px 0px; +} +@media screen and (max-width: 768px) { + .latest { + padding: 70px 0px 25px 0px; + } +} +.latest .wrapper { + margin-top: 30px; +} +.latest .wrapper .latest_content { + margin-top: 90px !important; + margin-bottom: 40px; +} +.latest .wrapper .latest_content .card-deck { + padding-bottom: 20px; + margin-bottom: 20px; + display: grid; + grid-template-columns: 1fr 1fr 1fr; +} +.latest .wrapper .latest_content .card-deck .card { + border: none; + position: relative; +} +@media screen and (max-width: 768px) { + .latest .wrapper .latest_content .card-deck .card { + margin-bottom: 30px; + } +} +.latest .wrapper .latest_content .card-deck .card .type { + position: absolute; + background-color: rgba(0, 0, 0, 0.481); + color: var(--white-color); + font-size: 10px; + padding: 6px 15px; + letter-spacing: 1px; + top: 20px; + right: 20px; + z-index: 1000; + text-transform: uppercase; +} +.latest .wrapper .latest_content .card-deck .card .card_image { + position: relative; + display: block; +} +.latest .wrapper .latest_content .card-deck .card .card_image::after { + content: " "; + position: absolute; + top: 0px; + left: 0px; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.271); + transition: all 1s ease; + opacity: 1; + z-index: 999; +} +.latest .wrapper .latest_content .card-deck .card .card_image .card-img-top { + border-radius: 0 !important; +} +.latest .wrapper .latest_content .card-deck .card .card-body { + -webkit-box-shadow: 0px 4px 5px 5px rgba(247, 247, 247, 0.72); + -moz-box-shadow: 0px 4px 5px 5px rgba(247, 247, 247, 0.72); + box-shadow: 0px 4px 5px 5px rgba(247, 247, 247, 0.72); + -webkit-transition: 0.5s; + transition: 0.5s; + text-align: start; + padding: 35px; +} +.latest .wrapper .latest_content .card-deck .card .card-body .card-title a { + font-size: 16px; + font-weight: 500; + margin-top: 15px; + text-decoration: none; + color: var(--level-color-3); +} +.latest .wrapper .latest_content .card-deck .card .card-body .card-text { + font-size: 14px; + color: var(--p-color2); + margin-bottom: 15px; + line-height: 2; +} +@media screen and (max-width: 768px) { + .latest .wrapper .latest_content .card-deck { + grid-template-columns: 1fr; + } +} +.latest .wrapper .latest_content:hover .card_image::after { + opacity: 0 !important; +} +.latest .wrapper .latest_content:hover .card-body { + -webkit-transition: 0.5s; + transition: 0.5s; + box-shadow: 0 0 11px rgba(33, 33, 33, 0.2) !important; +} + +.about { + position: relative; + padding-top: 100px; +} +@media screen and (max-width: 768px) { + .about { + padding-top: 70px; + } +} +.about .wrapper { + margin-top: 40px; +} +.about .wrapper .intro .left { + background-color: rgba(253, 244, 218, 0.368627451); + padding-left: 170px; + padding-top: 40px; + padding-bottom: 60px; +} +@media screen and (max-width: 992px) { + .about .wrapper .intro .left { + padding-left: 15px; + } +} +.about .wrapper .intro .right { + padding-right: 170px; + padding-left: 15px; + padding-top: 40px; +} +@media screen and (max-width: 992px) { + .about .wrapper .intro .right { + padding-top: 50px; + padding-right: 0px; + } +} +.about .wrapper .intro .right h6 { + font-size: 16px; + font-weight: 500; + text-decoration: none; + color: var(--level-color-3); +} +.about .wrapper .intro .right p { + margin-top: 18px; + color: var(--p-color2); + font-size: 14px; + line-height: 1.9rem; + padding-bottom: 30px; +} +.about .wrapper .intro .right .next a { + display: flex; + align-items: center; +} +.about .wrapper .intro .right .next a .arrow { + height: 32px; + width: 32px; + border-radius: 50%; + background-color: var(--level-brand); + display: inline-block; + padding-top: 4px; + position: relative; +} +.about .wrapper .intro .right .next a .arrow i { + position: absolute; + top: -2px; + left: -5px; + color: var(--white-color); + font-size: 25px; + margin-left: 10px; +} +.about .wrapper .intro .right .next a span { + padding-left: 10px; + color: var(--level-color-3); + font-weight: 700; + font-size: 16px; +} +.about .wrapper .slider { + padding-top: 80px; + margin-bottom: 100px; +} +@media screen and (max-width: 992px) { + .about .wrapper .slider { + padding-top: 30px; + } +} +.about .wrapper .slider .owl-carousel .owl-item.active.center { + transform: scale(1.5); + margin-top: 0 !important; + position: relative; + z-index: 999; + -webkit-transform: scale(1); + transform: scale(1); +} +.about .wrapper .slider .owl-carousel .owl-item { + transform: scale(0.7); + padding: 10px 0px; + transition: all 0.5s; +} +.about .wrapper .slider .item { + position: relative; + opacity: 1; + transition: 0.4s ease all; + margin: 0 -200px; + margin-top: 40px; +} +.about .wrapper .slider .bg1 { + margin-top: 40px; +} +.about .wrapper .slider .bg1 img { + width: 100%; +} +.about .wrapper .awards { + padding-top: 40px; +} +.about .wrapper .awards ul li .aw_sub { + margin-bottom: 30px; +} +.about .wrapper .awards ul li .aw_sub .year { + font-size: 36px; + color: var(--p-color2); +} +.about .wrapper .awards ul li .aw_sub p { + font-size: 40px; + font-weight: 600; + color: var(--level-color-3); +} +@media screen and (max-width: 768px) { + .about .wrapper .awards ul li .aw_sub p { + font-size: 30px; + } +} +.about .socail_media { + padding-top: 80px; + position: relative; +} +@media screen and (max-width: 992px) { + .about .socail_media { + padding-top: 0; + } +} +.about .socail_media .big_heading { + color: var(--section-bg); + font-size: 7em; + font-weight: 700; + text-align: center; + margin-bottom: -70px; + text-transform: capitalize; +} +@media screen and (max-width: 992px) { + .about .socail_media .big_heading { + font-size: 4em; + margin-bottom: -40px; + } +} +@media screen and (max-width: 768px) { + .about .socail_media .big_heading { + font-size: 3em; + margin-bottom: -30px; + } +} +@media screen and (max-width: 576px) { + .about .socail_media .big_heading { + display: none; + } +} +.about .socail_media .warpper_s { + padding-top: 100px; + padding-bottom: 80px; +} +.about .socail_media .warpper_s .content { + padding-top: 70px; +} +@media screen and (max-width: 768px) { + .about .socail_media .warpper_s .content { + padding-left: 15px; + padding-right: 15px; + } +} +.about .socail_media .warpper_s .content .card-deck { + padding-bottom: 40px; + display: grid; + grid-template-columns: 3fr 3fr 3fr; +} +@media screen and (max-width: 768px) { + .about .socail_media .warpper_s .content .card-deck { + flex-flow: column !important; + display: flex !important; + } +} +.about .socail_media .warpper_s .content .card-deck .card { + margin-top: 20px; + border: none; + border-radius: 5px; + padding: 10px 10px 10x 10px; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + background-color: #F2EFEC; + text-align: start; +} +@media screen and (max-width: 768px) { + .about .socail_media .warpper_s .content .card-deck .card { + text-align: center; + } +} +.about .socail_media .warpper_s .content .card-deck .card .card-body .icon_wrapper { + max-width: 100px; + margin: auto; +} +.about .socail_media .warpper_s .content .card-deck .card .card-body .icon_wrapper svg { + width: 50px; + height: 50px; + fill: var(--level-brand); + margin-bottom: 15px; + padding-top: 15px; +} +.about .socail_media .warpper_s .content .card-deck .card .card-body .card-heading { + padding-top: 15px; + color: var(--level-color3); + font-size: 16px; + font-weight: 700; +} +.about .socail_media .warpper_s .content .card-deck .card .card-body .card-text { + padding-top: 15px; + color: var(--p-color2); + font-size: 14px; + line-height: 1.9rem; +} +.about .skills { + padding-top: 100px; + background-color: var(--section-bg2) !important; +} +@media screen and (max-width: 768px) { + .about .skills { + padding-top: 50px; + } +} +.about .skills .wrapper .top { + padding: 0px 50px; +} +.about .skills .wrapper .top .s_info { + padding-top: 0px; + color: var(--p-color2); + font-size: 32px; + line-height: 3.1rem; +} +@media screen and (max-width: 768px) { + .about .skills .wrapper .top .s_info { + font-size: 24px; + } +} +.about .skills .wrapper .top .right .progress_wrapp { + margin-top: 80px; + padding-bottom: 80px; +} +@media screen and (max-width: 768px) { + .about .skills .wrapper .top .right .progress_wrapp { + padding-top: 20px !important; + } +} +.about .skills .wrapper .top .right .progress_wrapp .chart { + width: var(--size); + height: var(--size); + margin: 1em auto; + border-radius: 50%; + background-image: conic-gradient(#fcb017 var(--value), white var(--value)); + position: relative; + display: flex !important; + justify-content: center; + align-items: center; +} +@media screen and (max-width: 768px) { + .about .skills .wrapper .top .right .progress_wrapp .chart { + margin-bottom: 50px !important; + } +} +.about .skills .wrapper .top .right .progress_wrapp .chart::after { + content: ""; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: calc(95% - var(--bord)); + height: calc(95% - var(--bord)); + border-radius: var(--b-radius); + background: white; + border-radius: inherit; +} +.about .skills .wrapper .top .right .progress_wrapp p { + position: relative; + z-index: 1; + font-size: 2em; +} +.about .skills .wrapper .top .right .progress_wrapp .x-70 { + --value: 70%; +} +.about .skills .wrapper .top .right .progress_wrapp .x-85 { + --value: 85%; +} +.about .skills .wrapper .top .right .progress_wrapp .x-95 { + --value: 95%; +} +.about .skill_img .bottom { + padding-top: 0px; + margin-top: 30px; +} +.about .skill_img .bottom .img_wrapper { + max-width: 550px; + margin: auto; + position: relative; + top: 150px; + z-index: 1; +} +.about .skill_img .bottom .img_wrapper img { + width: 100%; + border-radius: 25px; +} +@media screen and (max-width: 768px) { + .about .skill_img .bottom .img_wrapper img { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } +} +.about .skill_img .bottom .b_right { + padding-top: 260px; + background-color: white; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + border-radius: 0px 8px 0px 9px; + padding-right: 50px; + padding-left: 50px; + padding-bottom: 80px; +} +.about .skill_img .bottom .b_info { + color: var(--p-color2); + font-size: 32px; + line-height: 3.1rem; + margin-bottom: 40px; +} +@media screen and (max-width: 768px) { + .about .skill_img .bottom .b_info { + font-size: 24px; + padding-top: 40px; + } +} +.about .roll .asd { + padding: 60px 0px; + position: relative; +} +@media screen and (max-width: 768px) { + .about .roll .asd { + margin-top: 40px; + padding-bottom: 30px; + } +} +.about .roll .asd .as { + text-align: center; + border: 3px solid #000000; + padding: 70px 20px; +} +@media screen and (max-width: 768px) { + .about .roll .asd .as { + margin-bottom: 40px; + } +} +.about .roll .asd .as h6 { + color: var(--level-color3); + font-size: 28px; + font-weight: 600; + word-break: break-word; +} +.about .roll .asd .as p { + color: var(--p-color2); + font-size: 24px; + text-align: center; +} +.about .roll .asd .as:hover { + background-color: #F2EFEC; +} +.about .roll .asd .as:hover p { + color: var(--level-brand); +} +.about .abt_video { + margin-top: 40px; + padding-top: 80px; + margin-bottom: 40px; +} +.about .abt_video .bg_img2 { + position: absolute; + z-index: 7; + width: 1000px; + top: -150px; + right: 0px; +} +@media screen and (max-width: 768px) { + .about .abt_video { + padding-top: 30px; + } +} +.about .abt_video .wrapper { + background-image: url("../images/about_page/jason-goodman-0K7GgiA8lVE-unsplash.jpg"); + background-position: center; + background-size: cover; + height: 70vh; + position: relative; + display: flex; + justify-content: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.277); + margin: 0px 100px; +} +@media screen and (max-width: 768px) { + .about .abt_video .wrapper { + margin: 0px; + } +} +.about .abt_video .wrapper .play a { + display: block; + max-width: 100px; +} +.about .abt_video .wrapper .play a:hover svg circle { + fill: white !important; +} +.about .abt_video .wrapper .play a:hover svg path { + fill: var(--level-brand) !important; +} + +.subscribe { + position: relative; + padding-top: 100px; + background: rgba(253, 244, 218, 0.37); + margin-bottom: 200px; +} +.subscribe .wrapper { + margin-top: 40px; + text-align: center; + height: 40vh; +} +.subscribe .wrapper .bg_sub { + position: absolute; + z-index: -1; + width: 600px; + left: 50%; + transform: translate(-50%, 15%); +} +@media screen and (max-width: 768px) { + .subscribe .wrapper .bg_sub { + width: 100%; + } +} +.subscribe .wrapper .wrapper_sub { + width: 100%; + position: absolute; + z-index: 999; +} + +.bg_img { + position: absolute; + z-index: 7; + width: 1000px; + top: -150px; + right: 0px; +} +@media screen and (max-width: 500px) { + .bg_img { + width: 500px; + top: -100px; + } +} + +.creative { + padding-top: 50px; + padding-bottom: 70px; +} +.creative .wrapper { + margin-top: 50px; + margin-bottom: 50px; +} +.creative .wrapper .c_wrapper { + padding-top: 70px; +} +.creative .wrapper .c_wrapper .c_img { + max-width: 300px; + overflow: hidden; + position: relative; + margin-bottom: 40px; +} +.creative .wrapper .c_wrapper .c_img:after { + position: absolute; + content: " "; + height: 100%; + width: 100%; + top: 0; + left: 0; + background: #00000054 !important; + opacity: 0; + transition: 0.5s ease; +} +.creative .wrapper .c_wrapper .c_img img { + width: 100%; + border-radius: 5px; + transform: scale(1); + transition: 0.5s ease-in-out; +} +.creative .wrapper .c_wrapper .c_img:hover img { + transform: scale(1.3) !important; +} +.creative .wrapper .c_wrapper .c_img:hover:after { + opacity: 1 !important; +} +.creative .wrapper .c_wrapper .c_img:hover .info { + display: block !important; + width: 100%; + height: 100%; +} +.creative .wrapper .c_wrapper .c_img:hover .info .i_wrapper { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; +} +.creative .wrapper .c_wrapper .c_img:hover .info .i_wrapper .ss { + text-align: center; + color: var(--white-color) !important; +} +.creative .wrapper .c_wrapper .c_img:hover .info .i_wrapper .ss h5 { + font-size: 18px; +} +.creative .wrapper .c_wrapper .c_img:hover .info .i_wrapper .ss p { + font-size: 12px; +} +.creative .wrapper .c_wrapper .info { + display: none; + position: absolute; + z-index: 3; + top: 0; + left: 0; +} + +@media screen and (max-width: 768px) { + .creative { + padding-bottom: 40px; + } + .creative .wrapper .c_wrapper .c_img { + max-width: 450px; + margin: auto; + margin-bottom: 40px; + } +} +:root { + --size: 150px; + --bord: 10px; + --b-radius: 10; +} + +.service_page { + padding-top: 50px; +} +.service_page .wrapper { + margin-bottom: 100px; +} +.service_page .wrapper .s_content { + padding-top: 100px; + padding-bottom: 100px; + margin-top: 30px; + margin-bottom: 70px; + background-color: var(--section-bg3); +} +@media screen and (max-width: 768px) { + .service_page .wrapper .s_content { + margin-bottom: 20px; + } +} +.service_page .wrapper .s_content .img_top { + max-width: 600px; + border: 3px solid; + padding: 5px; + border-color: var(--level-color-3); +} +.service_page .wrapper .s_content .img_top img { + width: 100%; +} +@media screen and (max-width: 992px) { + .service_page .wrapper .s_content .img_top img { + position: unset; + } +} +@media screen and (max-width: 992px) { + .service_page .wrapper .s_content .b_right { + padding: 80px 30px 0px 0px; + } +} +.service_page .wrapper .s_content .b_right .b_info { + padding-top: 15px; + color: var(--p-color2); + font-size: 20px; + line-height: 36px; + padding-bottom: 50px; +} +.service_page .wrapper .our_services { + background-color: var(--section-bg); + padding: 100px 0px 100px 0px; +} +@media screen and (max-width: 768px) { + .service_page .wrapper .our_services { + padding: 100px 0px 10px 0px; + } +} +.service_page .wrapper .our_services .wrapper { + margin-top: 30px; +} +.service_page .wrapper .our_services .wrapper .latest_content { + margin-top: 90px !important; + margin-bottom: 40px; +} +.service_page .wrapper .our_services .wrapper .latest_content .card-deck { + padding-bottom: 20px; + margin-bottom: 20px; +} +@media screen and (max-width: 768px) { + .service_page .wrapper .our_services .wrapper .latest_content .card-deck { + flex-flow: column; + } +} +.service_page .wrapper .our_services .wrapper .latest_content .card-deck .card { + border: none; + position: relative; +} +@media screen and (max-width: 768px) { + .service_page .wrapper .our_services .wrapper .latest_content .card-deck .card { + margin-bottom: 20px; + } +} +.service_page .wrapper .our_services .wrapper .latest_content .card-deck .card_image { + position: relative; + display: block; + overflow: hidden; +} +.service_page .wrapper .our_services .wrapper .latest_content .card-deck .card_image::after { + content: " "; + position: absolute; + top: 0px; + left: 0px; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.271); + transition: all 1s ease; + opacity: 1; + z-index: 999; +} +.service_page .wrapper .our_services .wrapper .latest_content .card-deck .card_image .card-img-top { + border-radius: 0 !important; + transform: scale(1); + -webkit-transition: 0.5s; + transition: 0.5s; +} +.service_page .wrapper .our_services .wrapper .latest_content .card-deck .card-body { + -webkit-box-shadow: 0px 4px 5px 5px rgba(247, 247, 247, 0.72); + -moz-box-shadow: 0px 4px 5px 5px rgba(247, 247, 247, 0.72); + box-shadow: 0px 4px 5px 5px rgba(247, 247, 247, 0.72); + -webkit-transition: 0.5s; + transition: 0.5s; + text-align: start; + padding: 35px; +} +.service_page .wrapper .our_services .wrapper .latest_content .card-deck .card-body .card-title a { + font-size: 16px; + font-weight: 500; + margin-top: 15px; + text-decoration: none; + color: var(--level-color-3); +} +.service_page .wrapper .our_services .wrapper .latest_content .card-deck .card-body .card-text { + font-size: 14px; + color: var(--p-color2); + margin-bottom: 15px; + line-height: 2; +} +.service_page .wrapper .our_services .wrapper .latest_content .card-deck:hover .card_image::after { + opacity: 0 !important; +} +.service_page .wrapper .our_services .wrapper .latest_content .card-deck:hover .card_image .card-img-top { + transform: scale(1.3) !important; +} +.service_page .wrapper .our_services .wrapper .latest_content .card-deck:hover .card-body { + -webkit-transition: 0.5s; + transition: 0.5s; + box-shadow: 0 0 11px rgba(33, 33, 33, 0.2) !important; +} +.service_page .wrapper .icon_service { + margin-top: 70px; + padding-top: 40px; +} +@media screen and (max-width: 768px) { + .service_page .wrapper .icon_service { + margin-top: 30px; + padding-bottom: 70px; + } +} +.service_page .wrapper .icon_service .i_content { + margin-top: 20px; + border: 1px solid; + padding: 20px 25px; + padding-top: 30px; + margin-bottom: 70px; + text-align: center; +} +.service_page .wrapper .icon_service .i_content:hover { + background-color: var(--section-bg3); + border: none !important; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); +} +.service_page .wrapper .icon_service .i_content .icon_wrapper { + background-color: var(--level-brand); + margin: auto; + display: flex; + justify-content: center; + align-items: center; + height: 70px; + width: 70px; + border-radius: 50%; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + position: absolute; + left: 50%; + transform: translate(-50%, 0); + top: -20px; +} +.service_page .wrapper .icon_service .i_content .icon_wrapper svg { + height: 45px; + width: 45px; +} +.service_page .wrapper .icon_service .i_content h5 { + padding-top: 15px; + color: var(--level-color3); + font-size: 28px; + font-weight: 600; +} +.service_page .wrapper .icon_service .i_content p { + padding-top: 15px; + color: var(--p-color2); + font-size: 20px; + line-height: 2.1rem; +} +.service_page .wrapper .pricing { + padding: 100px 0px 100px 0px; + position: relative; +} +.service_page .wrapper .pricing .bg_color { + position: absolute; + height: 50vh; + width: 100%; + background-color: var(--section-bg3); + bottom: 0; +} +.service_page .wrapper .pricing .wrapper_p .p_content { + margin-top: 50px; +} +.service_page .wrapper .pricing .wrapper_p .p_content .card-deck { + padding-bottom: 20px; + margin-bottom: 20px; +} +@media screen and (max-width: 992px) { + .service_page .wrapper .pricing .wrapper_p .p_content .card-deck { + flex-flow: column; + } +} +.service_page .wrapper .pricing .wrapper_p .p_content .cd { + margin: 30px 0; +} +.service_page .wrapper .pricing .wrapper_p .p_content .card { + padding: 20px 30px; + border: none; + box-shadow: -1px 2px 8px rgba(0, 0, 0, 0.25); + border-radius: 0; + background-color: var(--section-bg) !important; +} +.service_page .wrapper .pricing .wrapper_p .p_content .card:nth-child(2) { + box-shadow: none !important; + background-color: var(--level-brand) !important; + margin: 0px 30px; +} +@media screen and (max-width: 992px) { + .service_page .wrapper .pricing .wrapper_p .p_content .card:nth-child(2) { + margin: 0; + } +} +.service_page .wrapper .pricing .wrapper_p .p_content .card:nth-child(2) .p_card { + text-align: center; + margin: 50px 30px; + padding: 25px 0; +} +.service_page .wrapper .pricing .wrapper_p .p_content .card:nth-child(2) .p_card h6 { + color: var(--white-color); + font-size: 28px; + text-transform: uppercase; + margin-bottom: 45px; +} +.service_page .wrapper .pricing .wrapper_p .p_content .card:nth-child(2) .p_card .center_bg { + background-color: var(--section-bg3); + border-radius: 32px; + padding: 0px 22px 15px 22px; + margin-bottom: 25px; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); +} +.service_page .wrapper .pricing .wrapper_p .p_content .card:nth-child(2) .p_card .center_bg .price { + padding-top: 20px; + font-weight: 700; + color: var(--level-color-3); + font-size: 50px; +} +.service_page .wrapper .pricing .wrapper_p .p_content .card:nth-child(2) .p_card .center_bg .month { + margin-top: 5px; + font-size: 14px; + font-weight: 700; + color: var(--level-color-3); +} +.service_page .wrapper .pricing .wrapper_p .p_content .card:nth-child(2) .p_card .center_bg ul { + padding-top: 20px; + padding-left: 0; +} +.service_page .wrapper .pricing .wrapper_p .p_content .card:nth-child(2) .p_card .center_bg ul li { + color: var(--level-color-3); + font-size: 15px; + padding: 15px; + border: 1px solid; + border-color: transparent; + border-bottom-color: var(--level-color-3); + margin-bottom: 10px; +} +.service_page .wrapper .pricing .wrapper_p .p_content .card:nth-child(2) .p_card .center_bg ul li:last-child { + border: none !important; + margin-bottom: 0px; +} +.service_page .wrapper .pricing .wrapper_p .p_content .card .p_card { + text-align: center; + margin: 30px 30px !important; + padding: 25px 0; +} + +.service_page .wrapper .pricing .wrapper_p .p_content .card .p_card h6 { + color: var(--level-brand); + font-size: 28px; + text-transform: uppercase; +} + +.service_page .wrapper .pricing .wrapper_p .p_content .card .p_card .price { + padding-top: 20px; + color: var(--level-color3); + font-size: 50px; + font-weight: 700; +} +.service_page .wrapper .pricing .wrapper_p .p_content .card .p_card .month { + margin-top: 5px; + font-size: 14px; + font-weight: 700; + color: var(--level-color-3); +} +.service_page .wrapper .pricing .wrapper_p .p_content .card .p_card ul { + padding-top: 20px; + padding-left: 0; +} +.service_page .wrapper .pricing .wrapper_p .p_content .card .p_card ul li { + color: var(--level-color-3); + font-size: 20px; + padding: 15px; + border: 1px solid; + border-color: transparent; + border-bottom-color: var(--level-color-3); + margin-bottom: 10px; +} +.service_page .wrapper .pricing .wrapper_p .p_content .card .p_card ul li:last-child { + border: none !important; + margin-bottom: 30px; +} +.service_page .wrapper .faq { + padding-top: 80px; + margin-top: 70px; +} +@media screen and (max-width: 992px) { + .service_page .wrapper .faq { + margin-top: 0px; + } +} +.service_page .wrapper .faq .wrapper { + margin-top: 50px; +} +.service_page .wrapper .faq .wrapper .accordion { + padding-top: 50px; +} +.service_page .wrapper .faq .wrapper .accordion .accordion-item { + border: 1px solid transparent; + border-bottom-color: var(--border-color); + margin-bottom: 30px; +} +.service_page .wrapper .faq .wrapper .accordion .accordion-item .accordion-header { + margin-bottom: 40px; +} +.service_page .wrapper .faq .wrapper .accordion .accordion-item .accordion-header .accordion-button { + background-color: transparent; + border: transparent; + font-size: 32px; + color: var(--level-color-3); + font-weight: 700; + letter-spacing: 0.03em; + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + text-align: left; +} +.service_page .wrapper .faq .wrapper .accordion .accordion-item .accordion-body { + padding-top: 15px; + padding-bottom: 30px; +} +.service_page .wrapper .faq .wrapper .accordion-icon { + float: right; + font-weight: bold; +} +.service_page .wrapper .faq .wrapper .accordion-button[aria-expanded=true] .accordion-icon::before { + content: "-"; +} +.service_page .wrapper .faq .wrapper .accordion-button[aria-expanded=false] .accordion-icon::before { + content: "+"; +} +.service_page .wrapper .testimonial { + padding-top: 80px; +} +.service_page .wrapper .testimonial .wrapper { + padding-top: 50px; + margin-bottom: 100px; +} +@media screen and (max-width: 992px) { + .service_page .wrapper .testimonial .wrapper { + padding-top: 30px; + } +} +.service_page .wrapper .testimonial .wrapper .owl-carousel .owl-item.active.center { + transform: scale(1.5); + margin-top: 0 !important; + position: relative; + z-index: 999; + -webkit-transform: scale(0.9); + transform: scale(1); +} +.service_page .wrapper .testimonial .wrapper .owl-carousel .owl-item.active.center .item { + margin-top: 0px !important; +} +.service_page .wrapper .testimonial .wrapper .owl-carousel .owl-item.active.center .item .t_details { + display: block !important; +} +.service_page .wrapper .testimonial .wrapper .owl-carousel .owl-item.active.center .item .t_content .img_wrapper { + max-width: 170px; + margin: auto; + border: 2px solid; + border-color: var(--level-brand) !important; + border-radius: 50%; + position: relative; +} +.service_page .wrapper .testimonial .wrapper .owl-carousel .owl-item.active.center .item .t_content .img_wrapper img { + width: 100%; + border-radius: 50%; +} +.service_page .wrapper .testimonial .wrapper .owl-carousel .owl-item.active.center .item .t_content .t_details { + background: #FEF9ED !important; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + border-radius: 21px; + padding: 160px 20px 20px 20px; + margin-top: -160px; + text-align: center; + display: none; +} +.service_page .wrapper .testimonial .wrapper .owl-carousel .owl-item { + transform: scale(0.7); + padding: 10px 0px; + transition: all 0.5s; +} +.service_page .wrapper .testimonial .wrapper .item { + position: relative; + opacity: 1; + transition: 0.4s ease all; + margin: 0 -100px; + margin-top: 40px; + margin-top: 150px; +} +.service_page .wrapper .testimonial .wrapper .item .t_content { + text-align: center; +} +.service_page .wrapper .testimonial .wrapper .item .t_content .img_wrapper { + max-width: 200px; + margin: auto; +} +.service_page .wrapper .testimonial .wrapper .item .t_content .img_wrapper img { + width: 100%; + border-radius: 50%; +} +.service_page .wrapper .testimonial .wrapper .item .t_content h4 { + font-size: 32px; + font-weight: 700; + padding-top: 20px; +} +.service_page .wrapper .testimonial .wrapper .item .t_content .roll { + font-size: 18px; + color: var(--p-color2); +} +.service_page .wrapper .testimonial .wrapper .item .t_content .t_details { + display: none; +} +.service_page .wrapper .testimonial .wrapper .item .t_content .t_details p { + padding-top: 15px; + color: var(--level-color-3); + font-size: 26px; + line-height: 2.5rem; +} +.service_page .wrapper .testimonial .wrapper .item .t_content .t_details ul { + display: flex; + padding-left: 0; + justify-content: center; +} +.service_page .wrapper .testimonial .wrapper .custom-nav { + width: 50%; + margin: auto; + margin-top: 40px; + padding-top: 4px; + display: grid; + grid-auto-flow: column; + justify-content: center; + grid-gap: 15px; +} +@media screen and (max-width: 768px) { + .service_page .wrapper .testimonial .wrapper .custom-nav { + justify-content: center; + } +} +.colr .fa-arrow-left:before, +.colr .fa-arrow-right:before{ + color: white !important; +} +.service_page .wrapper .testimonial .wrapper .custom-nav .prev, +.service_page .wrapper .testimonial .wrapper .custom-nav .next { + height: 30px; + width: 30px; + border-radius: 50%; + display: grid; + justify-content: center; + align-items: center; +} +.service_page .wrapper .testimonial .wrapper .custom-nav .prev svg, +.service_page .wrapper .testimonial .wrapper .custom-nav .next svg { + width: 15px; +} + +.contact .wrapper .ct { + margin-bottom: 40px; +} +@media screen and (max-width: 992px) { + .contact .wrapper .ct { + padding-top: 0px; + } +} + +.contact .wrapper .ct .wrapper_c { + background-image: url("../images/contact/c1.jpg"); + background-position: center; + background-size: cover; + height: 90vh; + position: relative; +} +@media screen and (max-width: 992px) { + .contact .wrapper .ct .wrapper_c { + height: 130vh; + } +} +@media screen and (max-width: 768px) { + .contact .wrapper .ct .wrapper_c { + height: 180vh; + } +} +@media screen and (max-width: 567px) { + .contact .wrapper .ct .wrapper_c { + height: 165vh; + } +} +.contact .wrapper .ct .wrapper_c::after { + position: absolute; + content: " "; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.73); + z-index: 1; +} +.contact .wrapper .ct .wrapper_c .contact_details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 2; + padding-top: 110px; +} +.contact .wrapper .ct .wrapper_c .contact_details .location_details { + text-align: center; +} +@media screen and (max-width: 768px) { + .contact .wrapper .ct .wrapper_c .contact_details .location_details { + margin-bottom: 60px; + padding: 0px 20px; + + } +} +.contact .wrapper .ct .wrapper_c .contact_details .location_details .c_icon { + margin-bottom: 15px; +} +.contact .wrapper .ct .wrapper_c .contact_details .location_details .l_heading { + color: var(--level-brand); + font-size: 40px; + font-weight: 700; +} +@media screen and (max-width: 768px) { + .contact .wrapper .ct .wrapper_c .contact_details .location_details .l_heading { + font-size: 32px; + } +} +.contact .wrapper .ct .wrapper_c .contact_details .location_details .address { + padding-top: 15px; +} +.contact .wrapper .ct .wrapper_c .contact_details .location_details .address p { + color: var(--white-color); + font-size: 32px; + line-height: 3.5rem; +} +@media screen and (max-width: 768px) { + .contact .wrapper .ct .wrapper_c .contact_details .location_details .address p { + font-size: 24px; + } +} +.contact .wrapper .ct .asd { + background-color: var(--white-color); + padding: 80px 30px; + border-radius: 0px; + margin-top: -75px; + box-shadow: 0px 2px 8px -1px rgb(217, 217, 217); + position: relative; + position: relative; + z-index: 999; +} +@media screen and (max-width: 992px) { + .contact .wrapper .ct .asd { + margin-top: 80px; + } +} +.contact .wrapper .ct .asd .c_heading { + text-align: center; + padding-bottom: 30px; + margin-bottom: 30px; +} +.contact .wrapper .ct .asd .c_heading h3 { + font-size: 62px; + font-weight: 700; + color: var(--level-color-3); +} +@media screen and (max-width: 992px) { + .contact .wrapper .ct .asd .contact_form { + margin-bottom: 40px; + } +} +@media screen and (max-width: 576px) { + .contact .wrapper .ct .asd .contact_form { + padding: 20px 0px 20px 0px; + } +} +.contact .wrapper .ct .asd form .form-group { + position: relative; + margin-bottom: 40px; +} +.contact .wrapper .ct .asd form .form-group label { + display: inline-block; + margin-bottom: 0.5rem; + position: absolute; + top: -10px; + left: 15px; + font-size: 18px !important; + font-weight: 500; + background-color: var(--white-color); + width: 90px; + text-align: center; +} +.contact .wrapper .ct .asd form .form-control { + display: block; + width: 100%; + padding: 0.375rem rem 0.75rem; + font-size: 1rem; + line-height: 2.5; + color: #101010; + background-color: #fff; + background-clip: padding-box; + border: 2px solid #000000; + border-radius: 8px; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +.contact .wrapper .c_t_s { + padding-top: 50px; + margin-bottom: 70px; +} +@media screen and (max-width: 992px) { + .contact .wrapper .c_t_s { + padding-top: 40px; + } +} +.contact .wrapper .c_t_s .social_media { + text-align: center; +} +@media screen and (max-width: 768px) { + .contact .wrapper .c_t_s .social_media { + display: block; + } +} +.contact .wrapper .c_t_s .social_media h4 { + color: var(--level-color-3); + font-size: 30px; + font-weight: 700; + margin-bottom: 25px; +} +.contact .wrapper .c_t_s .social_media ul { + display: flex; + padding-left: 0; + justify-content: center; +} +@media screen and (max-width: 768px) { + .contact .wrapper .c_t_s .social_media ul { + padding-left: 0px; + margin-top: 40px; + } +} +.contact .wrapper .c_t_s .social_media ul li { + margin-left: 15px; +} +.contact .wrapper .c_t_s .social_media ul li a { + display: block; + max-width: 30px; +} +.contact .wrapper .c_t_s .social_media ul li a img { + width: 100%; +} + +.portfolio_grid { + padding-top: 100px; + margin-bottom: 80px; + padding-bottom: 80px; +} +@media screen and (max-width: 768px) { + .portfolio_grid { + padding-bottom: 0px; + } +} +.portfolio_grid .wrapper .portfolio_grid_wrapper .p_c_margin { + margin-top: 120px; +} +@media screen and (max-width: 768px) { + .portfolio_grid .wrapper .portfolio_grid_wrapper .p_c_margin { + margin-top: 0px; + padding-bottom: 70px; + } +} +.portfolio_grid .wrapper .portfolio_grid_wrapper .p_r { + padding-right: 30px; +} +@media screen and (max-width: 768px) { + .portfolio_grid .wrapper .portfolio_grid_wrapper .p_r { + padding-right: 15px; + padding-bottom: 70px; + } +} +.portfolio_grid .wrapper .portfolio_grid_wrapper .P_l { + padding-left: 30px; +} +@media screen and (max-width: 768px) { + .portfolio_grid .wrapper .portfolio_grid_wrapper .P_l { + padding-left: 15px; + } +} +.portfolio_grid .wrapper .portfolio_grid_wrapper .portfolio_img { + position: relative; + overflow: hidden; +} +.portfolio_grid .wrapper .portfolio_grid_wrapper .portfolio_img .portfolio_info { + position: absolute; + z-index: 999; + left: 0; + bottom: 100px; + display: none; + background-color: rgba(0, 0, 0, 0.43); + height: 200px; + width: 300px; + padding: 20px; +} +.portfolio_grid .wrapper .portfolio_grid_wrapper .portfolio_img .portfolio_info h6 { + color: var(--white-color); + font-size: 30px; + font-weight: 600; +} +.portfolio_grid .wrapper .portfolio_grid_wrapper .portfolio_img .portfolio_info p { + color: var(--white-color); + font-size: 18px; + font-weight: 400; + line-height: 40px; +} +.portfolio_grid .wrapper .portfolio_grid_wrapper .portfolio_img:hover .portfolio_info { + display: block !important; +} +.portfolio_grid .wrapper .portfolio_grid_wrapper .portfolio_img .img_wrapper img { + width: 100%; +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +@-webkit-keyframes slideInLeft { + 0% { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + visibility: visible; + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes slideInLeft { + 0% { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + visibility: visible; + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +.page_team { + padding-top: 100px; + padding-bottom: 70px; + background-color: var(--section-bg3); +} +@media screen and (max-width: 992px) { + .page_team { + padding-bottom: 40px; + } +} +.page_team .wrapper { + margin-bottom: 50px; +} +.page_team .wrapper .leads .lead_wrapper { + padding-top: 80px; +} +.page_team .wrapper .leads .lead_wrapper .lead_img { + max-width: 160px; + margin: auto; +} +.page_team .wrapper .leads .lead_wrapper .lead_img img { + width: 100%; + transition: transform 0.5s; + box-shadow: none; + border-radius: 50%; +} +.page_team .wrapper .leads .lead_wrapper:hover img { + transform: perspective(1000px) rotateY(20deg); + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + border-radius: 50%; + transition: transform 0.5s; +} +.page_team .wrapper .leads .lead_wrapper .leads_body { + padding: 120px 30px 50px 30px; + background-color: var(--white-color); + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + text-align: center; + margin-top: -80px; + border-radius: 8px; +} +.page_team .wrapper .leads .lead_wrapper .leads_body h6 { + font-size: 32px; + color: var(--level-color-3); + font-weight: 700; +} +.page_team .wrapper .leads .lead_wrapper .leads_body .roll { + font-size: 24px; + color: var(--level-brand); + font-weight: 500; + padding-bottom: 15px; +} +.page_team .wrapper .leads .lead_wrapper .leads_body p { + font-size: 18px; + color: var(--p-color2); + line-height: 32px; +} +.page_team .wrapper .leads .lead_wrapper .leads_body ul { + display: flex; + padding-left: 0; + justify-content: center; + align-items: center; + padding-top: 15px; +} +.page_team .wrapper .leads .lead_wrapper .leads_body ul li { + padding: 0px 15px; +} +.page_team .wrapper .leads .lead_wrapper .leads_body ul li a { + max-width: 30px; +} +.page_team .wrapper .leads .lead_wrapper .leads_body ul li a svg { + width: 100%; + height: 25px; +} +.page_team .wrapper .behind { + margin-top: 80px; + padding-bottom: 50px; +} +.page_team .wrapper .behind .behind_warpper { + padding-top: 40px; +} +.page_team .wrapper .behind .behind_warpper .abt_team { + color: var(--p-color); + font-weight: 600; + font-size: 28px; + line-height: 51px; +} +.page_team .wrapper .behind .behind_warpper .team_img { + display: grid; + grid-template-columns: 1fr 1fr; + margin-top: 45px; +} +@media screen and (max-width: 500px) { + .page_team .wrapper .behind .behind_warpper .team_img { + grid-template-columns: 1fr; + } +} +.page_team .wrapper .behind .behind_warpper .team_img .r_img { + position: relative; + top: 0; + left: 0; +} +@media screen and (max-width: 500px) { + .page_team .wrapper .behind .behind_warpper .team_img .r_img { + padding-bottom: 40px; + } +} +.page_team .wrapper .behind .behind_warpper .team_img .r_img .image1 { + position: relative; + top: 0; + left: 0; +} +.page_team .wrapper .behind .behind_warpper .team_img .r_img .image2 { + position: absolute; + top: 0px; + left: 30px; +} +.page_team .wrapper .behind .behind_warpper .team_img .r_img .image3 { + position: relative; + top: 0; +} +.page_team .wrapper .behind .behind_warpper .team_img .r_img .image4 { + position: relative; + top: 0px; + left: -30px; +} +.page_team .wrapper .behind .behind_warpper .team_img .trust { + color: var(--level-brand); + font-weight: 600; + font-size: 20px; + width: 100%; +} +.page_team .wrapper .behind .behind_warpper .members { + padding-top: 100px; +} +.page_team .wrapper .behind .behind_warpper .members .members_img { + position: relative; + overflow: hidden; +} +@media screen and (max-width: 768px) { + .page_team .wrapper .behind .behind_warpper .members .members_img { + margin-bottom: 40px; + } +} +.page_team .wrapper .behind .behind_warpper .members .members_img .members_info { + position: absolute; + z-index: 999; + left: 0; + bottom: 100px; + display: none; + background-color: rgba(0, 0, 0, 0.43); + height: 100px; + width: 150px; + padding: 20px; + text-align: center; +} +.page_team .wrapper .behind .behind_warpper .members .members_img .members_info h6 { + color: var(--white-color); + font-size: 20px; + font-weight: 600; + margin-bottom: 0; +} +.page_team .wrapper .behind .behind_warpper .members .members_img .members_info p { + color: var(--level-brand); + font-size: 18px; + font-weight: 400; + line-height: 40px; +} +.page_team .wrapper .behind .behind_warpper .members .members_img:hover .members_info { + display: block !important; +} +.page_team .wrapper .behind .behind_warpper .members .members_img .img_wrapper img { + width: 100%; +} +.page_team .wrapper .behind .behind_warpper .members .custom_margin_top { + margin-top: 100px; +} +@media screen and (max-width: 768px) { + .page_team .wrapper .behind .behind_warpper .members .custom_margin_top { + margin-top: 0px; + } +} +.page_team .wrapper .join { + background-image: url("../images/team/business-team-giving-high-five.png"); + background-position: center; + background-size: cover; + height: 70vh; + position: relative; + margin-top: 100px; +} +@media screen and (max-width: 768px) { + .page_team .wrapper .join { + height: 100vh; + } +} +.page_team .wrapper .join .wrapper_j { + position: absolute; + height: 100%; + width: 100%; + background: linear-gradient(71.6deg, #F16868 -4.82%, rgba(252, 176, 23, 0.78) 101.09%, #FCB017 141.26%, #FCB017 228.46%); + display: flex; + justify-content: center; + align-items: center; +} +.page_team .wrapper .join .wrapper_j .content { + text-align: center; + color: var(--white-color); +} +.page_team .wrapper .join .wrapper_j .content p { + font-size: 28px; + font-weight: 500; +} +.page_team .wrapper .join .wrapper_j .content h4 { + font-size: 64px; + font-weight: 700; + line-height: 81px; + padding-bottom: 20px; +} +.page_team .wrapper .words { + padding-top: 100px; +} +@media screen and (max-width: 768px) { + .page_team .wrapper .words { + padding-top: 0; + } +} +.page_team .wrapper .words .wrapper_w { + padding-top: 100px; +} +.page_team .wrapper .words .wrapper_w .left { + margin-top: 100px; +} +@media screen and (max-width: 992px) { + .page_team .wrapper .words .wrapper_w .left { + margin-bottom: 50px; + max-width: 500px; + } +} +@media screen and (max-width: 992px) { + .page_team .wrapper .words .wrapper_w .left .img_w1 { + width: 100%; + } +} +.page_team .wrapper .words .wrapper_w .left .img_w2 { + position: absolute; + left: 20%; + top: 0%; +} +@media screen and (max-width: 992px) { + .page_team .wrapper .words .wrapper_w .left .img_w2 { + width: 70%; + } +} +@media screen and (max-width: 768px) { + .page_team .wrapper .words .wrapper_w .left .img_w2 { + display: none; + } +} +.page_team .wrapper .words .wrapper_w .right { + padding-top: 50px; +} +.page_team .wrapper .words .wrapper_w .right .xox { + color: var(--p-color2); + font-size: 32px; + line-height: 3.1rem; +} +@media screen and (max-width: 768px) { + .page_team .wrapper .words .wrapper_w .right .xox { + font-size: 22px; + } +} +.page_team .wrapper .words .wrapper_w .right .person { + display: flex; + justify-content: end; + align-items: center; + margin-top: 50px; + padding-left: 30px; +} +@media screen and (max-width: 768px) { + .page_team .wrapper .words .wrapper_w .right .person { + padding-left: 0; + } +} +.page_team .wrapper .words .wrapper_w .right .person .details { + padding-right: 20px; +} +.page_team .wrapper .words .wrapper_w .right .person .details h6 { + font-size: 28px; + color: var(--level-color-3); + font-weight: 700; +} +.page_team .wrapper .words .wrapper_w .right .person .details p { + font-size: 24px; + font-weight: 400; + color: var(--p-color2); + margin-bottom: 0; +} + +.blog_page { + background-color: var(--section-bg3); + padding-top: 100px; + padding-bottom: 100px; +} +.blog_page .wrapper .card { + border: none; + position: relative; + margin-bottom: 30px; + background-color: transparent !important; +} +.blog_page .wrapper .card:hover .card_image::after { + opacity: 0 !important; +} +.blog_page .wrapper .card_image { + position: relative; + display: block; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} +.blog_page .wrapper .card_image::after { + content: " "; + position: absolute; + top: 0px; + left: 0px; + height: 100%; + width: 100%; + border-radius: 15px; + background-color: rgba(0, 0, 0, 0.271); + transition: all 1s ease; + opacity: 1; + z-index: 999; +} +.blog_page .wrapper .card_image .card-img-top { + border-radius: 0 !important; +} +.blog_page .wrapper .card-body { + -webkit-transition: 0.5s; + transition: 0.5s; + text-align: start; + padding: 35px; + padding-left: 0; +} +.blog_page .wrapper .card-body .card-title a { + font-size: 32px; + font-weight: 700; + margin-top: 15px; + text-decoration: none; + color: var(--level-color-3); +} +.blog_page .wrapper .card-body .card-title a:hover { + text-decoration: none; + color: var(--p-color2); +} +.blog_page .wrapper .card-body .card-text { + font-size: 24px; + color: var(--p-color2); + margin-bottom: 15px; + line-height: 2; +} +.blog_page .wrapper .blog_sidebar { + padding-left: 20px; +} +.blog_page .wrapper .blog_sidebar .s_wrapper .sidebar_heading { + font-size: 40px; + color: var(--level-brand); + font-weight: 500; + padding-bottom: 15px; + margin-bottom: 20px; +} +.blog_page .wrapper .blog_sidebar .s_wrapper .populor_feed { + display: flex; + margin-bottom: 40px; + + +} +.blog_page .wrapper .blog_sidebar .s_wrapper .populor_feed .img_wrapper { + margin-right: 15px; + width: 100px !important; + height: 50px; +} +.blog_page .wrapper .blog_sidebar .s_wrapper .populor_feed .img_wrapper img { + width: 100%; + border-radius: 5px; +} +.blog_page .wrapper .blog_sidebar .s_wrapper .populor_feed .p_f_detials .date { + font-size: 16px; + color: var(--p-color2); +} +.blog_page .wrapper .blog_sidebar .s_wrapper .populor_feed .p_f_detials .feed_caption { + font-size: 18px; + font-weight: 700; + color: var(--level-color-3); +} +.blog_page .wrapper .blog_sidebar .s_wrapper .populor_feed .p_f_detials .feed_caption:hover { + text-decoration: none; + color: var(--p-color2); +} +.btn{ + border-radius:1px !important; +} +.img-fluid{ + max-width: 200% !important; +} +.btn-light{ + color: #fff !important; +} +.map_container iframe{ + height:66%; +} + +.btn-price_m:hover{ +color:#000 !important; +background-color:#fff !important; +border:2px solid #000 !important; + +} + +.btn-price, .btn-price_m{ +color:#fff !important; +padding: 8px !important; + margin-top: -1px !important; + background-color:black; +} +.btn-price:hover{ +color:#000 !important; +background-color:#fff !important; +border:2px solid #000 !important; + +} +.website_blog #o_wblog_posts_loop .o_record_cover_container{ + padding-top: 60%; +} +.btn-schedule{ + margin-top: 0px !important; +} +.btn-light { + color:#212529 !important; +} +.new-nav-color{ + color: var(--level-color-1) !important; + font-size: 14px; + margin: 0px 15px !important; + font-weight: 500; + padding-top: 17px; +} + .btn-new-call{ + background-color:#000 !important; +} + + +@media screen and (max-width:1025px){ + +main .banner_about .banner_content .c_wrapper { + font-size: 9rem !important; +} + +main .banner_about .banner_content { + + height: 45vh !important; + font-size: 71px !important; + +} + +} + +@media screen and (max-width: 650px){ +.banner_about .banner_content .c_wrapper { + display: flex; + justify-content: center; + font-size: 5rem; + left:31px; +} + +.banner_about .banner_content{ + +height:42vh; + +} + +.banner_about .portfolio { + height: 30vh !important; +} + +main .banner_about .banner_content .c_wrapper{ + font-size:5rem !important; + +} + +.subscribe{ + + overflow:hidden !important; + + } + + #o_wblog_index_content{ + + overflow:hidden !important; + + } + + +} + +.banner_about .banner_content .c_wrapper { + + top: 71px !important; + left: 0px !important; + font-size: 17rem !important; +} \ No newline at end of file diff --git a/theme_levelup/static/src/images/Main_bg/circle_trans.png b/theme_levelup/static/src/images/Main_bg/circle_trans.png new file mode 100644 index 000000000..9178e1eac Binary files /dev/null and b/theme_levelup/static/src/images/Main_bg/circle_trans.png differ diff --git a/theme_levelup/static/src/images/Main_bg/circles.png b/theme_levelup/static/src/images/Main_bg/circles.png new file mode 100644 index 000000000..1aa13c92d Binary files /dev/null and b/theme_levelup/static/src/images/Main_bg/circles.png differ diff --git a/theme_levelup/static/src/images/Social Media Icons/behance.png b/theme_levelup/static/src/images/Social Media Icons/behance.png new file mode 100644 index 000000000..d900ce68b Binary files /dev/null and b/theme_levelup/static/src/images/Social Media Icons/behance.png differ diff --git a/theme_levelup/static/src/images/Social Media Icons/dribbble.png b/theme_levelup/static/src/images/Social Media Icons/dribbble.png new file mode 100644 index 000000000..6b7053fcc Binary files /dev/null and b/theme_levelup/static/src/images/Social Media Icons/dribbble.png differ diff --git a/theme_levelup/static/src/images/Social Media Icons/dropbox.png b/theme_levelup/static/src/images/Social Media Icons/dropbox.png new file mode 100644 index 000000000..c7bfceb60 Binary files /dev/null and b/theme_levelup/static/src/images/Social Media Icons/dropbox.png differ diff --git a/theme_levelup/static/src/images/Social Media Icons/facebook.png b/theme_levelup/static/src/images/Social Media Icons/facebook.png new file mode 100644 index 000000000..1eb64d2d3 Binary files /dev/null and b/theme_levelup/static/src/images/Social Media Icons/facebook.png differ diff --git a/theme_levelup/static/src/images/Social Media Icons/google-plus.png b/theme_levelup/static/src/images/Social Media Icons/google-plus.png new file mode 100644 index 000000000..09f9c3980 Binary files /dev/null and b/theme_levelup/static/src/images/Social Media Icons/google-plus.png differ diff --git a/theme_levelup/static/src/images/Social Media Icons/instagram.png b/theme_levelup/static/src/images/Social Media Icons/instagram.png new file mode 100644 index 000000000..029909d87 Binary files /dev/null and b/theme_levelup/static/src/images/Social Media Icons/instagram.png differ diff --git a/theme_levelup/static/src/images/Social Media Icons/linkedin.png b/theme_levelup/static/src/images/Social Media Icons/linkedin.png new file mode 100644 index 000000000..861cf90c4 Binary files /dev/null and b/theme_levelup/static/src/images/Social Media Icons/linkedin.png differ diff --git a/theme_levelup/static/src/images/Social Media Icons/pinterest.png b/theme_levelup/static/src/images/Social Media Icons/pinterest.png new file mode 100644 index 000000000..4fb2e86ad Binary files /dev/null and b/theme_levelup/static/src/images/Social Media Icons/pinterest.png differ diff --git a/theme_levelup/static/src/images/Social Media Icons/skype.png b/theme_levelup/static/src/images/Social Media Icons/skype.png new file mode 100644 index 000000000..b791e7064 Binary files /dev/null and b/theme_levelup/static/src/images/Social Media Icons/skype.png differ diff --git a/theme_levelup/static/src/images/Social Media Icons/snapchat.png b/theme_levelup/static/src/images/Social Media Icons/snapchat.png new file mode 100644 index 000000000..f3213e6cf Binary files /dev/null and b/theme_levelup/static/src/images/Social Media Icons/snapchat.png differ diff --git a/theme_levelup/static/src/images/Social Media Icons/spotify.png b/theme_levelup/static/src/images/Social Media Icons/spotify.png new file mode 100644 index 000000000..e8aab702c Binary files /dev/null and b/theme_levelup/static/src/images/Social Media Icons/spotify.png differ diff --git a/theme_levelup/static/src/images/Social Media Icons/tumblr.png b/theme_levelup/static/src/images/Social Media Icons/tumblr.png new file mode 100644 index 000000000..4144b97da Binary files /dev/null and b/theme_levelup/static/src/images/Social Media Icons/tumblr.png differ diff --git a/theme_levelup/static/src/images/Social Media Icons/twitter.png b/theme_levelup/static/src/images/Social Media Icons/twitter.png new file mode 100644 index 000000000..d4ee8fab5 Binary files /dev/null and b/theme_levelup/static/src/images/Social Media Icons/twitter.png differ diff --git a/theme_levelup/static/src/images/Social Media Icons/vimeo.png b/theme_levelup/static/src/images/Social Media Icons/vimeo.png new file mode 100644 index 000000000..302ce86cc Binary files /dev/null and b/theme_levelup/static/src/images/Social Media Icons/vimeo.png differ diff --git a/theme_levelup/static/src/images/Social Media Icons/whatsapp.png b/theme_levelup/static/src/images/Social Media Icons/whatsapp.png new file mode 100644 index 000000000..ce5677dca Binary files /dev/null and b/theme_levelup/static/src/images/Social Media Icons/whatsapp.png differ diff --git a/theme_levelup/static/src/images/Social Media Icons/youtube.png b/theme_levelup/static/src/images/Social Media Icons/youtube.png new file mode 100644 index 000000000..2db89d207 Binary files /dev/null and b/theme_levelup/static/src/images/Social Media Icons/youtube.png differ diff --git a/theme_levelup/static/src/images/abou_icon/bar-chart-line.svg b/theme_levelup/static/src/images/abou_icon/bar-chart-line.svg new file mode 100644 index 000000000..e0d618f47 --- /dev/null +++ b/theme_levelup/static/src/images/abou_icon/bar-chart-line.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/theme_levelup/static/src/images/abou_icon/briefcase.svg b/theme_levelup/static/src/images/abou_icon/briefcase.svg new file mode 100644 index 000000000..849646f38 --- /dev/null +++ b/theme_levelup/static/src/images/abou_icon/briefcase.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/theme_levelup/static/src/images/abou_icon/gear.svg b/theme_levelup/static/src/images/abou_icon/gear.svg new file mode 100644 index 000000000..905ada72a --- /dev/null +++ b/theme_levelup/static/src/images/abou_icon/gear.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/theme_levelup/static/src/images/abou_icon/globe.svg b/theme_levelup/static/src/images/abou_icon/globe.svg new file mode 100644 index 000000000..09b341f45 --- /dev/null +++ b/theme_levelup/static/src/images/abou_icon/globe.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/theme_levelup/static/src/images/abou_icon/pencil-square (1).svg b/theme_levelup/static/src/images/abou_icon/pencil-square (1).svg new file mode 100644 index 000000000..c107c95b4 --- /dev/null +++ b/theme_levelup/static/src/images/abou_icon/pencil-square (1).svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/theme_levelup/static/src/images/abou_icon/pencil-square.svg b/theme_levelup/static/src/images/abou_icon/pencil-square.svg new file mode 100644 index 000000000..c107c95b4 --- /dev/null +++ b/theme_levelup/static/src/images/abou_icon/pencil-square.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/theme_levelup/static/src/images/abou_icon/pinterest.svg b/theme_levelup/static/src/images/abou_icon/pinterest.svg new file mode 100644 index 000000000..f73d93291 --- /dev/null +++ b/theme_levelup/static/src/images/abou_icon/pinterest.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/theme_levelup/static/src/images/abou_icon/unity.svg b/theme_levelup/static/src/images/abou_icon/unity.svg new file mode 100644 index 000000000..b510af04a --- /dev/null +++ b/theme_levelup/static/src/images/abou_icon/unity.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/theme_levelup/static/src/images/about_home/1 1.png b/theme_levelup/static/src/images/about_home/1 1.png new file mode 100644 index 000000000..25ccce7fe Binary files /dev/null and b/theme_levelup/static/src/images/about_home/1 1.png differ diff --git a/theme_levelup/static/src/images/about_home/2.png b/theme_levelup/static/src/images/about_home/2.png new file mode 100644 index 000000000..36465d2ce Binary files /dev/null and b/theme_levelup/static/src/images/about_home/2.png differ diff --git a/theme_levelup/static/src/images/about_home/3.png b/theme_levelup/static/src/images/about_home/3.png new file mode 100644 index 000000000..8862a4d08 Binary files /dev/null and b/theme_levelup/static/src/images/about_home/3.png differ diff --git a/theme_levelup/static/src/images/about_home/4.png b/theme_levelup/static/src/images/about_home/4.png new file mode 100644 index 000000000..43f40cf6f Binary files /dev/null and b/theme_levelup/static/src/images/about_home/4.png differ diff --git a/theme_levelup/static/src/images/about_home/Place Your Image Here (Double Click to Edit) 2.png b/theme_levelup/static/src/images/about_home/Place Your Image Here (Double Click to Edit) 2.png new file mode 100644 index 000000000..fa159064b Binary files /dev/null and b/theme_levelup/static/src/images/about_home/Place Your Image Here (Double Click to Edit) 2.png differ diff --git a/theme_levelup/static/src/images/about_home/client (1).png b/theme_levelup/static/src/images/about_home/client (1).png new file mode 100644 index 000000000..2d760297f Binary files /dev/null and b/theme_levelup/static/src/images/about_home/client (1).png differ diff --git a/theme_levelup/static/src/images/about_home/client (2).png b/theme_levelup/static/src/images/about_home/client (2).png new file mode 100644 index 000000000..a3afaef8c Binary files /dev/null and b/theme_levelup/static/src/images/about_home/client (2).png differ diff --git a/theme_levelup/static/src/images/about_home/client (3).png b/theme_levelup/static/src/images/about_home/client (3).png new file mode 100644 index 000000000..d98fb9108 Binary files /dev/null and b/theme_levelup/static/src/images/about_home/client (3).png differ diff --git a/theme_levelup/static/src/images/about_home/client (4).png b/theme_levelup/static/src/images/about_home/client (4).png new file mode 100644 index 000000000..302429194 Binary files /dev/null and b/theme_levelup/static/src/images/about_home/client (4).png differ diff --git a/theme_levelup/static/src/images/about_home/client (5).png b/theme_levelup/static/src/images/about_home/client (5).png new file mode 100644 index 000000000..7f07e6c72 Binary files /dev/null and b/theme_levelup/static/src/images/about_home/client (5).png differ diff --git a/theme_levelup/static/src/images/about_home/client (6).png b/theme_levelup/static/src/images/about_home/client (6).png new file mode 100644 index 000000000..a0b394bd9 Binary files /dev/null and b/theme_levelup/static/src/images/about_home/client (6).png differ diff --git a/theme_levelup/static/src/images/about_home/image 1.png b/theme_levelup/static/src/images/about_home/image 1.png new file mode 100644 index 000000000..b8b1a2cae Binary files /dev/null and b/theme_levelup/static/src/images/about_home/image 1.png differ diff --git a/theme_levelup/static/src/images/about_home/image 2.png b/theme_levelup/static/src/images/about_home/image 2.png new file mode 100644 index 000000000..53b259166 Binary files /dev/null and b/theme_levelup/static/src/images/about_home/image 2.png differ diff --git a/theme_levelup/static/src/images/about_home/image 3.png b/theme_levelup/static/src/images/about_home/image 3.png new file mode 100644 index 000000000..e0f8dc6dd Binary files /dev/null and b/theme_levelup/static/src/images/about_home/image 3.png differ diff --git a/theme_levelup/static/src/images/about_home/image 4.png b/theme_levelup/static/src/images/about_home/image 4.png new file mode 100644 index 000000000..38b91cd45 Binary files /dev/null and b/theme_levelup/static/src/images/about_home/image 4.png differ diff --git a/theme_levelup/static/src/images/about_home/image 5.png b/theme_levelup/static/src/images/about_home/image 5.png new file mode 100644 index 000000000..84c8b88a6 Binary files /dev/null and b/theme_levelup/static/src/images/about_home/image 5.png differ diff --git a/theme_levelup/static/src/images/about_page/jason-goodman-0K7GgiA8lVE-unsplash.jpg b/theme_levelup/static/src/images/about_page/jason-goodman-0K7GgiA8lVE-unsplash.jpg new file mode 100644 index 000000000..47740934c Binary files /dev/null and b/theme_levelup/static/src/images/about_page/jason-goodman-0K7GgiA8lVE-unsplash.jpg differ diff --git a/theme_levelup/static/src/images/about_page/play (1).svg b/theme_levelup/static/src/images/about_page/play (1).svg new file mode 100644 index 000000000..a818d36dd --- /dev/null +++ b/theme_levelup/static/src/images/about_page/play (1).svg @@ -0,0 +1,2 @@ + + diff --git a/theme_levelup/static/src/images/about_page/play-button.png b/theme_levelup/static/src/images/about_page/play-button.png new file mode 100644 index 000000000..5e5cf50ee Binary files /dev/null and b/theme_levelup/static/src/images/about_page/play-button.png differ diff --git a/theme_levelup/static/src/images/about_page/portrait-happy-successful-young-businessman-wears-white-shirt-office.jpg b/theme_levelup/static/src/images/about_page/portrait-happy-successful-young-businessman-wears-white-shirt-office.jpg new file mode 100644 index 000000000..86605529b Binary files /dev/null and b/theme_levelup/static/src/images/about_page/portrait-happy-successful-young-businessman-wears-white-shirt-office.jpg differ diff --git a/theme_levelup/static/src/images/about_page/slider1.jpg b/theme_levelup/static/src/images/about_page/slider1.jpg new file mode 100644 index 000000000..cdb0efde4 Binary files /dev/null and b/theme_levelup/static/src/images/about_page/slider1.jpg differ diff --git a/theme_levelup/static/src/images/about_page/slider2.jpg b/theme_levelup/static/src/images/about_page/slider2.jpg new file mode 100644 index 000000000..aa6c2d622 Binary files /dev/null and b/theme_levelup/static/src/images/about_page/slider2.jpg differ diff --git a/theme_levelup/static/src/images/about_page/slider3.jpg b/theme_levelup/static/src/images/about_page/slider3.jpg new file mode 100644 index 000000000..f6e5ba4d7 Binary files /dev/null and b/theme_levelup/static/src/images/about_page/slider3.jpg differ diff --git a/theme_levelup/static/src/images/banner/8542740 1.png b/theme_levelup/static/src/images/banner/8542740 1.png new file mode 100644 index 000000000..d6bdf1822 Binary files /dev/null and b/theme_levelup/static/src/images/banner/8542740 1.png differ diff --git a/theme_levelup/static/src/images/banner/a.jpg b/theme_levelup/static/src/images/banner/a.jpg new file mode 100644 index 000000000..8454e33e2 Binary files /dev/null and b/theme_levelup/static/src/images/banner/a.jpg differ diff --git a/theme_levelup/static/src/images/banner/banner-1.jpg b/theme_levelup/static/src/images/banner/banner-1.jpg new file mode 100644 index 000000000..c228cba9d Binary files /dev/null and b/theme_levelup/static/src/images/banner/banner-1.jpg differ diff --git a/theme_levelup/static/src/images/banner/banner-2.jpg b/theme_levelup/static/src/images/banner/banner-2.jpg new file mode 100644 index 000000000..0774795fc Binary files /dev/null and b/theme_levelup/static/src/images/banner/banner-2.jpg differ diff --git a/theme_levelup/static/src/images/banner/banner-3.jpg b/theme_levelup/static/src/images/banner/banner-3.jpg new file mode 100644 index 000000000..b18c49982 Binary files /dev/null and b/theme_levelup/static/src/images/banner/banner-3.jpg differ diff --git a/theme_levelup/static/src/images/banner/banner_about.jpg b/theme_levelup/static/src/images/banner/banner_about.jpg new file mode 100644 index 000000000..1ea43e7cf Binary files /dev/null and b/theme_levelup/static/src/images/banner/banner_about.jpg differ diff --git a/theme_levelup/static/src/images/banner/banner_portfolio.jpg b/theme_levelup/static/src/images/banner/banner_portfolio.jpg new file mode 100644 index 000000000..6e3cfc213 Binary files /dev/null and b/theme_levelup/static/src/images/banner/banner_portfolio.jpg differ diff --git a/theme_levelup/static/src/images/banner/banner_team.jpg b/theme_levelup/static/src/images/banner/banner_team.jpg new file mode 100644 index 000000000..2176c3e1c Binary files /dev/null and b/theme_levelup/static/src/images/banner/banner_team.jpg differ diff --git a/theme_levelup/static/src/images/banner/bg.png b/theme_levelup/static/src/images/banner/bg.png new file mode 100644 index 000000000..262802807 Binary files /dev/null and b/theme_levelup/static/src/images/banner/bg.png differ diff --git a/theme_levelup/static/src/images/blog/blog (1).jpg b/theme_levelup/static/src/images/blog/blog (1).jpg new file mode 100644 index 000000000..b54e1691d Binary files /dev/null and b/theme_levelup/static/src/images/blog/blog (1).jpg differ diff --git a/theme_levelup/static/src/images/blog/blog (10).jpg b/theme_levelup/static/src/images/blog/blog (10).jpg new file mode 100644 index 000000000..4884db2b9 Binary files /dev/null and b/theme_levelup/static/src/images/blog/blog (10).jpg differ diff --git a/theme_levelup/static/src/images/blog/blog (11).jpg b/theme_levelup/static/src/images/blog/blog (11).jpg new file mode 100644 index 000000000..77e60dff7 Binary files /dev/null and b/theme_levelup/static/src/images/blog/blog (11).jpg differ diff --git a/theme_levelup/static/src/images/blog/blog (12).jpg b/theme_levelup/static/src/images/blog/blog (12).jpg new file mode 100644 index 000000000..450b12971 Binary files /dev/null and b/theme_levelup/static/src/images/blog/blog (12).jpg differ diff --git a/theme_levelup/static/src/images/blog/blog (13).jpg b/theme_levelup/static/src/images/blog/blog (13).jpg new file mode 100644 index 000000000..4df67da6a Binary files /dev/null and b/theme_levelup/static/src/images/blog/blog (13).jpg differ diff --git a/theme_levelup/static/src/images/blog/blog (14).jpg b/theme_levelup/static/src/images/blog/blog (14).jpg new file mode 100644 index 000000000..5351f82fc Binary files /dev/null and b/theme_levelup/static/src/images/blog/blog (14).jpg differ diff --git a/theme_levelup/static/src/images/blog/blog (2).jpg b/theme_levelup/static/src/images/blog/blog (2).jpg new file mode 100644 index 000000000..df5ad9420 Binary files /dev/null and b/theme_levelup/static/src/images/blog/blog (2).jpg differ diff --git a/theme_levelup/static/src/images/blog/blog (3).jpg b/theme_levelup/static/src/images/blog/blog (3).jpg new file mode 100644 index 000000000..212e594f1 Binary files /dev/null and b/theme_levelup/static/src/images/blog/blog (3).jpg differ diff --git a/theme_levelup/static/src/images/blog/blog (4).jpg b/theme_levelup/static/src/images/blog/blog (4).jpg new file mode 100644 index 000000000..657549a7a Binary files /dev/null and b/theme_levelup/static/src/images/blog/blog (4).jpg differ diff --git a/theme_levelup/static/src/images/blog/blog (5).jpg b/theme_levelup/static/src/images/blog/blog (5).jpg new file mode 100644 index 000000000..b3143a53a Binary files /dev/null and b/theme_levelup/static/src/images/blog/blog (5).jpg differ diff --git a/theme_levelup/static/src/images/blog/blog (6).jpg b/theme_levelup/static/src/images/blog/blog (6).jpg new file mode 100644 index 000000000..5ae738179 Binary files /dev/null and b/theme_levelup/static/src/images/blog/blog (6).jpg differ diff --git a/theme_levelup/static/src/images/blog/blog (7).jpg b/theme_levelup/static/src/images/blog/blog (7).jpg new file mode 100644 index 000000000..e3cf2b476 Binary files /dev/null and b/theme_levelup/static/src/images/blog/blog (7).jpg differ diff --git a/theme_levelup/static/src/images/blog/blog (9).jpg b/theme_levelup/static/src/images/blog/blog (9).jpg new file mode 100644 index 000000000..7f6ab8ac4 Binary files /dev/null and b/theme_levelup/static/src/images/blog/blog (9).jpg differ diff --git a/theme_levelup/static/src/images/branding/Group (3).png b/theme_levelup/static/src/images/branding/Group (3).png new file mode 100644 index 000000000..772ff6601 Binary files /dev/null and b/theme_levelup/static/src/images/branding/Group (3).png differ diff --git a/theme_levelup/static/src/images/branding/Group 108.png b/theme_levelup/static/src/images/branding/Group 108.png new file mode 100644 index 000000000..d130710a8 Binary files /dev/null and b/theme_levelup/static/src/images/branding/Group 108.png differ diff --git a/theme_levelup/static/src/images/branding/Vector (2).png b/theme_levelup/static/src/images/branding/Vector (2).png new file mode 100644 index 000000000..b81b68f44 Binary files /dev/null and b/theme_levelup/static/src/images/branding/Vector (2).png differ diff --git a/theme_levelup/static/src/images/branding/branding1.jpg b/theme_levelup/static/src/images/branding/branding1.jpg new file mode 100644 index 000000000..7ec182bbc Binary files /dev/null and b/theme_levelup/static/src/images/branding/branding1.jpg differ diff --git a/theme_levelup/static/src/images/branding/branding2.jpg b/theme_levelup/static/src/images/branding/branding2.jpg new file mode 100644 index 000000000..bac2ce2a1 Binary files /dev/null and b/theme_levelup/static/src/images/branding/branding2.jpg differ diff --git a/theme_levelup/static/src/images/branding/branding3.jpg b/theme_levelup/static/src/images/branding/branding3.jpg new file mode 100644 index 000000000..df14ac0c7 Binary files /dev/null and b/theme_levelup/static/src/images/branding/branding3.jpg differ diff --git a/theme_levelup/static/src/images/branding/branding4.jpg b/theme_levelup/static/src/images/branding/branding4.jpg new file mode 100644 index 000000000..18f5ca11f Binary files /dev/null and b/theme_levelup/static/src/images/branding/branding4.jpg differ diff --git a/theme_levelup/static/src/images/contact/business-people-shaking-hands-together.jpg b/theme_levelup/static/src/images/contact/business-people-shaking-hands-together.jpg new file mode 100644 index 000000000..d7abbadf7 Binary files /dev/null and b/theme_levelup/static/src/images/contact/business-people-shaking-hands-together.jpg differ diff --git a/theme_levelup/static/src/images/contact/c1.jpg b/theme_levelup/static/src/images/contact/c1.jpg new file mode 100644 index 000000000..5d06896a9 Binary files /dev/null and b/theme_levelup/static/src/images/contact/c1.jpg differ diff --git a/theme_levelup/static/src/images/creative/craetive (1).jpg b/theme_levelup/static/src/images/creative/craetive (1).jpg new file mode 100644 index 000000000..cb8117eea Binary files /dev/null and b/theme_levelup/static/src/images/creative/craetive (1).jpg differ diff --git a/theme_levelup/static/src/images/creative/craetive (2).jpg b/theme_levelup/static/src/images/creative/craetive (2).jpg new file mode 100644 index 000000000..11ee39ea5 Binary files /dev/null and b/theme_levelup/static/src/images/creative/craetive (2).jpg differ diff --git a/theme_levelup/static/src/images/creative/craetive (3).jpg b/theme_levelup/static/src/images/creative/craetive (3).jpg new file mode 100644 index 000000000..cee7cf398 Binary files /dev/null and b/theme_levelup/static/src/images/creative/craetive (3).jpg differ diff --git a/theme_levelup/static/src/images/featured/featured (1).jpg b/theme_levelup/static/src/images/featured/featured (1).jpg new file mode 100644 index 000000000..57a9cebf4 Binary files /dev/null and b/theme_levelup/static/src/images/featured/featured (1).jpg differ diff --git a/theme_levelup/static/src/images/featured/featured (2).jpg b/theme_levelup/static/src/images/featured/featured (2).jpg new file mode 100644 index 000000000..17d70102b Binary files /dev/null and b/theme_levelup/static/src/images/featured/featured (2).jpg differ diff --git a/theme_levelup/static/src/images/featured/featured (3).jpg b/theme_levelup/static/src/images/featured/featured (3).jpg new file mode 100644 index 000000000..6a67986cb Binary files /dev/null and b/theme_levelup/static/src/images/featured/featured (3).jpg differ diff --git a/theme_levelup/static/src/images/featured/featured (4).jpg b/theme_levelup/static/src/images/featured/featured (4).jpg new file mode 100644 index 000000000..880716b0f Binary files /dev/null and b/theme_levelup/static/src/images/featured/featured (4).jpg differ diff --git a/theme_levelup/static/src/images/featured/featured (5).jpg b/theme_levelup/static/src/images/featured/featured (5).jpg new file mode 100644 index 000000000..578e22b78 Binary files /dev/null and b/theme_levelup/static/src/images/featured/featured (5).jpg differ diff --git a/theme_levelup/static/src/images/featured/featured (6).jpg b/theme_levelup/static/src/images/featured/featured (6).jpg new file mode 100644 index 000000000..afa6aec32 Binary files /dev/null and b/theme_levelup/static/src/images/featured/featured (6).jpg differ diff --git a/theme_levelup/static/src/images/gallery/g1 (1).png b/theme_levelup/static/src/images/gallery/g1 (1).png new file mode 100644 index 000000000..0c2565c57 Binary files /dev/null and b/theme_levelup/static/src/images/gallery/g1 (1).png differ diff --git a/theme_levelup/static/src/images/gallery/g1 (2).png b/theme_levelup/static/src/images/gallery/g1 (2).png new file mode 100644 index 000000000..a5a3c66b8 Binary files /dev/null and b/theme_levelup/static/src/images/gallery/g1 (2).png differ diff --git a/theme_levelup/static/src/images/gallery/g1 (3).png b/theme_levelup/static/src/images/gallery/g1 (3).png new file mode 100644 index 000000000..6d27abf8b Binary files /dev/null and b/theme_levelup/static/src/images/gallery/g1 (3).png differ diff --git a/theme_levelup/static/src/images/gallery/g1 (4).png b/theme_levelup/static/src/images/gallery/g1 (4).png new file mode 100644 index 000000000..5d879e8b2 Binary files /dev/null and b/theme_levelup/static/src/images/gallery/g1 (4).png differ diff --git a/theme_levelup/static/src/images/latest/latest1.jpg b/theme_levelup/static/src/images/latest/latest1.jpg new file mode 100644 index 000000000..4094fb528 Binary files /dev/null and b/theme_levelup/static/src/images/latest/latest1.jpg differ diff --git a/theme_levelup/static/src/images/latest/latest2.jpg b/theme_levelup/static/src/images/latest/latest2.jpg new file mode 100644 index 000000000..2002a1b31 Binary files /dev/null and b/theme_levelup/static/src/images/latest/latest2.jpg differ diff --git a/theme_levelup/static/src/images/latest/latest3.jpg b/theme_levelup/static/src/images/latest/latest3.jpg new file mode 100644 index 000000000..e7860e3d3 Binary files /dev/null and b/theme_levelup/static/src/images/latest/latest3.jpg differ diff --git a/theme_levelup/static/src/images/logo/l logo.svg b/theme_levelup/static/src/images/logo/l logo.svg new file mode 100644 index 000000000..7659f1a37 --- /dev/null +++ b/theme_levelup/static/src/images/logo/l logo.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + diff --git a/theme_levelup/static/src/images/portfolio/fil (1).jpg b/theme_levelup/static/src/images/portfolio/fil (1).jpg new file mode 100644 index 000000000..c360eda4f Binary files /dev/null and b/theme_levelup/static/src/images/portfolio/fil (1).jpg differ diff --git a/theme_levelup/static/src/images/portfolio/fil (2).jpg b/theme_levelup/static/src/images/portfolio/fil (2).jpg new file mode 100644 index 000000000..2fb0c03d0 Binary files /dev/null and b/theme_levelup/static/src/images/portfolio/fil (2).jpg differ diff --git a/theme_levelup/static/src/images/portfolio/fil (3).jpg b/theme_levelup/static/src/images/portfolio/fil (3).jpg new file mode 100644 index 000000000..0e3c84283 Binary files /dev/null and b/theme_levelup/static/src/images/portfolio/fil (3).jpg differ diff --git a/theme_levelup/static/src/images/portfolio/fil (4).jpg b/theme_levelup/static/src/images/portfolio/fil (4).jpg new file mode 100644 index 000000000..a1e3997a1 Binary files /dev/null and b/theme_levelup/static/src/images/portfolio/fil (4).jpg differ diff --git a/theme_levelup/static/src/images/portfolio/fil (5).jpg b/theme_levelup/static/src/images/portfolio/fil (5).jpg new file mode 100644 index 000000000..fc4a1d22e Binary files /dev/null and b/theme_levelup/static/src/images/portfolio/fil (5).jpg differ diff --git a/theme_levelup/static/src/images/portfolio/fil (6).jpg b/theme_levelup/static/src/images/portfolio/fil (6).jpg new file mode 100644 index 000000000..9bf152239 Binary files /dev/null and b/theme_levelup/static/src/images/portfolio/fil (6).jpg differ diff --git a/theme_levelup/static/src/images/service/boss-workers-meeting.jpg b/theme_levelup/static/src/images/service/boss-workers-meeting.jpg new file mode 100644 index 000000000..3d1800f22 Binary files /dev/null and b/theme_levelup/static/src/images/service/boss-workers-meeting.jpg differ diff --git a/theme_levelup/static/src/images/service/service-bg.jpg b/theme_levelup/static/src/images/service/service-bg.jpg new file mode 100644 index 000000000..9506e732f Binary files /dev/null and b/theme_levelup/static/src/images/service/service-bg.jpg differ diff --git a/theme_levelup/static/src/images/service/service-left.jpg b/theme_levelup/static/src/images/service/service-left.jpg new file mode 100644 index 000000000..86bf09ac5 Binary files /dev/null and b/theme_levelup/static/src/images/service/service-left.jpg differ diff --git a/theme_levelup/static/src/images/service_page/bruce-mars-8YG31Xn4dSw-unsplash.jpg b/theme_levelup/static/src/images/service_page/bruce-mars-8YG31Xn4dSw-unsplash.jpg new file mode 100644 index 000000000..8a87b5271 Binary files /dev/null and b/theme_levelup/static/src/images/service_page/bruce-mars-8YG31Xn4dSw-unsplash.jpg differ diff --git a/theme_levelup/static/src/images/service_page/photo-successful-handsome-business-man-with-his-team-working-office.jpg b/theme_levelup/static/src/images/service_page/photo-successful-handsome-business-man-with-his-team-working-office.jpg new file mode 100644 index 000000000..450d7096d Binary files /dev/null and b/theme_levelup/static/src/images/service_page/photo-successful-handsome-business-man-with-his-team-working-office.jpg differ diff --git a/theme_levelup/static/src/images/service_page/portrait-handsome-smiling-serious-indian-man.jpg b/theme_levelup/static/src/images/service_page/portrait-handsome-smiling-serious-indian-man.jpg new file mode 100644 index 000000000..81472c5da Binary files /dev/null and b/theme_levelup/static/src/images/service_page/portrait-handsome-smiling-serious-indian-man.jpg differ diff --git a/theme_levelup/static/src/images/snippet.icon/About.png b/theme_levelup/static/src/images/snippet.icon/About.png new file mode 100644 index 000000000..14f319f06 Binary files /dev/null and b/theme_levelup/static/src/images/snippet.icon/About.png differ diff --git a/theme_levelup/static/src/images/snippet.icon/Award.png b/theme_levelup/static/src/images/snippet.icon/Award.png new file mode 100644 index 000000000..cce3ca4cb Binary files /dev/null and b/theme_levelup/static/src/images/snippet.icon/Award.png differ diff --git a/theme_levelup/static/src/images/snippet.icon/Banner.png b/theme_levelup/static/src/images/snippet.icon/Banner.png new file mode 100644 index 000000000..29a9203d9 Binary files /dev/null and b/theme_levelup/static/src/images/snippet.icon/Banner.png differ diff --git a/theme_levelup/static/src/images/snippet.icon/Blog.png b/theme_levelup/static/src/images/snippet.icon/Blog.png new file mode 100644 index 000000000..8ae5a768c Binary files /dev/null and b/theme_levelup/static/src/images/snippet.icon/Blog.png differ diff --git a/theme_levelup/static/src/images/snippet.icon/client.png b/theme_levelup/static/src/images/snippet.icon/client.png new file mode 100644 index 000000000..67d63b457 Binary files /dev/null and b/theme_levelup/static/src/images/snippet.icon/client.png differ diff --git a/theme_levelup/static/src/images/snippet.icon/excited.png b/theme_levelup/static/src/images/snippet.icon/excited.png new file mode 100644 index 000000000..90f43a953 Binary files /dev/null and b/theme_levelup/static/src/images/snippet.icon/excited.png differ diff --git a/theme_levelup/static/src/images/snippet.icon/feature.png b/theme_levelup/static/src/images/snippet.icon/feature.png new file mode 100644 index 000000000..d3bf30dfa Binary files /dev/null and b/theme_levelup/static/src/images/snippet.icon/feature.png differ diff --git a/theme_levelup/static/src/images/snippet.icon/gallery.png b/theme_levelup/static/src/images/snippet.icon/gallery.png new file mode 100644 index 000000000..9bf315337 Binary files /dev/null and b/theme_levelup/static/src/images/snippet.icon/gallery.png differ diff --git a/theme_levelup/static/src/images/snippet.icon/service.png b/theme_levelup/static/src/images/snippet.icon/service.png new file mode 100644 index 000000000..39c5d9764 Binary files /dev/null and b/theme_levelup/static/src/images/snippet.icon/service.png differ diff --git a/theme_levelup/static/src/images/snippet.icon/testimonial.png b/theme_levelup/static/src/images/snippet.icon/testimonial.png new file mode 100644 index 000000000..b19d830c6 Binary files /dev/null and b/theme_levelup/static/src/images/snippet.icon/testimonial.png differ diff --git a/theme_levelup/static/src/images/team/Ellipse 26.png b/theme_levelup/static/src/images/team/Ellipse 26.png new file mode 100644 index 000000000..709a0c18b Binary files /dev/null and b/theme_levelup/static/src/images/team/Ellipse 26.png differ diff --git a/theme_levelup/static/src/images/team/Ellipse 27.png b/theme_levelup/static/src/images/team/Ellipse 27.png new file mode 100644 index 000000000..fbf1df62a Binary files /dev/null and b/theme_levelup/static/src/images/team/Ellipse 27.png differ diff --git a/theme_levelup/static/src/images/team/Ellipse 28.png b/theme_levelup/static/src/images/team/Ellipse 28.png new file mode 100644 index 000000000..2a5d7264c Binary files /dev/null and b/theme_levelup/static/src/images/team/Ellipse 28.png differ diff --git a/theme_levelup/static/src/images/team/Ellipse 29.png b/theme_levelup/static/src/images/team/Ellipse 29.png new file mode 100644 index 000000000..808208b27 Binary files /dev/null and b/theme_levelup/static/src/images/team/Ellipse 29.png differ diff --git a/theme_levelup/static/src/images/team/Rectangle 124.png b/theme_levelup/static/src/images/team/Rectangle 124.png new file mode 100644 index 000000000..7c780cf48 Binary files /dev/null and b/theme_levelup/static/src/images/team/Rectangle 124.png differ diff --git a/theme_levelup/static/src/images/team/aa.png b/theme_levelup/static/src/images/team/aa.png new file mode 100644 index 000000000..063de509c Binary files /dev/null and b/theme_levelup/static/src/images/team/aa.png differ diff --git a/theme_levelup/static/src/images/team/as.png b/theme_levelup/static/src/images/team/as.png new file mode 100644 index 000000000..2dc530e65 Binary files /dev/null and b/theme_levelup/static/src/images/team/as.png differ diff --git a/theme_levelup/static/src/images/team/business-people-office.jpg b/theme_levelup/static/src/images/team/business-people-office.jpg new file mode 100644 index 000000000..a44f4a840 Binary files /dev/null and b/theme_levelup/static/src/images/team/business-people-office.jpg differ diff --git a/theme_levelup/static/src/images/team/business-team-giving-high-five.png b/theme_levelup/static/src/images/team/business-team-giving-high-five.png new file mode 100644 index 000000000..efa2bf712 Binary files /dev/null and b/theme_levelup/static/src/images/team/business-team-giving-high-five.png differ diff --git a/theme_levelup/static/src/images/team/business-team-working-office-discussing-job-issues.jpg b/theme_levelup/static/src/images/team/business-team-working-office-discussing-job-issues.jpg new file mode 100644 index 000000000..c21c80e44 Binary files /dev/null and b/theme_levelup/static/src/images/team/business-team-working-office-discussing-job-issues.jpg differ diff --git a/theme_levelup/static/src/images/team/c_t2.jpg b/theme_levelup/static/src/images/team/c_t2.jpg new file mode 100644 index 000000000..365779a2d Binary files /dev/null and b/theme_levelup/static/src/images/team/c_t2.jpg differ diff --git a/theme_levelup/static/src/images/team/lead (1).png b/theme_levelup/static/src/images/team/lead (1).png new file mode 100644 index 000000000..8b05ce359 Binary files /dev/null and b/theme_levelup/static/src/images/team/lead (1).png differ diff --git a/theme_levelup/static/src/images/team/lead (2).png b/theme_levelup/static/src/images/team/lead (2).png new file mode 100644 index 000000000..954b3441d Binary files /dev/null and b/theme_levelup/static/src/images/team/lead (2).png differ diff --git a/theme_levelup/static/src/images/team/lead (3).png b/theme_levelup/static/src/images/team/lead (3).png new file mode 100644 index 000000000..27f3587be Binary files /dev/null and b/theme_levelup/static/src/images/team/lead (3).png differ diff --git a/theme_levelup/static/src/images/team/lead (4).png b/theme_levelup/static/src/images/team/lead (4).png new file mode 100644 index 000000000..54236faf7 Binary files /dev/null and b/theme_levelup/static/src/images/team/lead (4).png differ diff --git a/theme_levelup/static/src/images/team/tr (1).png b/theme_levelup/static/src/images/team/tr (1).png new file mode 100644 index 000000000..9757e3bff Binary files /dev/null and b/theme_levelup/static/src/images/team/tr (1).png differ diff --git a/theme_levelup/static/src/images/team/tr (2).png b/theme_levelup/static/src/images/team/tr (2).png new file mode 100644 index 000000000..e43ae1f96 Binary files /dev/null and b/theme_levelup/static/src/images/team/tr (2).png differ diff --git a/theme_levelup/static/src/images/team/tr (3).png b/theme_levelup/static/src/images/team/tr (3).png new file mode 100644 index 000000000..4f3d6ca40 Binary files /dev/null and b/theme_levelup/static/src/images/team/tr (3).png differ diff --git a/theme_levelup/static/src/images/team/tr (4).png b/theme_levelup/static/src/images/team/tr (4).png new file mode 100644 index 000000000..77623d811 Binary files /dev/null and b/theme_levelup/static/src/images/team/tr (4).png differ diff --git a/theme_levelup/static/src/images/testimoinial/Yellow_background.jpg b/theme_levelup/static/src/images/testimoinial/Yellow_background.jpg new file mode 100644 index 000000000..3ca630c62 Binary files /dev/null and b/theme_levelup/static/src/images/testimoinial/Yellow_background.jpg differ diff --git a/theme_levelup/static/src/images/testimoinial/c_t1.jpg b/theme_levelup/static/src/images/testimoinial/c_t1.jpg new file mode 100644 index 000000000..0012e9c07 Binary files /dev/null and b/theme_levelup/static/src/images/testimoinial/c_t1.jpg differ diff --git a/theme_levelup/static/src/images/testimoinial/c_t2.jpg b/theme_levelup/static/src/images/testimoinial/c_t2.jpg new file mode 100644 index 000000000..365779a2d Binary files /dev/null and b/theme_levelup/static/src/images/testimoinial/c_t2.jpg differ diff --git a/theme_levelup/static/src/images/testimoinial/c_t3.jpg b/theme_levelup/static/src/images/testimoinial/c_t3.jpg new file mode 100644 index 000000000..00f1a6d72 Binary files /dev/null and b/theme_levelup/static/src/images/testimoinial/c_t3.jpg differ diff --git a/theme_levelup/static/src/images/testimoinial/f.png b/theme_levelup/static/src/images/testimoinial/f.png new file mode 100644 index 000000000..a8ace58fd Binary files /dev/null and b/theme_levelup/static/src/images/testimoinial/f.png differ diff --git a/theme_levelup/static/src/images/testimoinial/fds.png b/theme_levelup/static/src/images/testimoinial/fds.png new file mode 100644 index 000000000..27699ca81 Binary files /dev/null and b/theme_levelup/static/src/images/testimoinial/fds.png differ diff --git a/theme_levelup/static/src/images/testimoinial/testimonial.jpg b/theme_levelup/static/src/images/testimoinial/testimonial.jpg new file mode 100644 index 000000000..a7fd6e62f Binary files /dev/null and b/theme_levelup/static/src/images/testimoinial/testimonial.jpg differ diff --git a/theme_levelup/static/src/js/about_slider.js b/theme_levelup/static/src/js/about_slider.js new file mode 100644 index 000000000..36b9a2f2b --- /dev/null +++ b/theme_levelup/static/src/js/about_slider.js @@ -0,0 +1,34 @@ +odoo.define('theme_levelup.about_slider', function(require) { + "use strict" + var PublicWidget = require('web.public.widget'); + var AboutSlider = PublicWidget.Widget.extend({ + selector: '#wrapwrap', + /* Start function for calling slider function */ + start: function() { + this.about_carousel(); + }, + /* Function for about page carousel slider */ + about_carousel:function () { + if(this.$el.find("#owl-slider-8")){ + this.$el.find("#owl-slider-8").owlCarousel({ + items: 3, + loop: true, + margin: 40, + stagePadding: 0, + smartSpeed: 450, + autoplay: true, + autoPlaySpeed: 3000, + autoPlayTimeout: 1000, + autoplayHoverPause: true, + dots: true, + nav: true, + animateIn: "fadeIn", + animateOut: "fadeOut", + center: true, + }); + } + }, + }); + PublicWidget.registry.banner = AboutSlider; + return AboutSlider; +}); diff --git a/theme_levelup/static/src/js/blog_slider.js b/theme_levelup/static/src/js/blog_slider.js new file mode 100644 index 000000000..6f5472130 --- /dev/null +++ b/theme_levelup/static/src/js/blog_slider.js @@ -0,0 +1,33 @@ +odoo.define('theme_levelup.home_slider', function(require) { + "use strict" + var PublicWidget = require('web.public.widget'); + var BlogSlider = PublicWidget.Widget.extend({ + selector: '.awards', + /* Start function for calling carousel function */ + start: function() { + this.blog_carousel(); + }, + /* Function for slider page blog carousel*/ + blog_carousel:function () { + if(this.$el.find('.owl-theme1').length > 0) { + var owl = this.$el.find('.owl-theme1'); + console.log('owl', owl) + owl.owlCarousel({ + loop: true, + margin: 10, + nav: false, + items: 1, + autoplay: true, + }); + this.$el.find('.custom-nav .prev').click(function () { + owl.trigger('prev.owl.carousel'); + }); + this.$el.find('.custom-nav .next').click(function () { + owl.trigger('next.owl.carousel'); + }); + } + }, + }); + PublicWidget.registry.banner3 = BlogSlider; + return BlogSlider; +}); diff --git a/theme_levelup/static/src/js/index.js b/theme_levelup/static/src/js/index.js new file mode 100644 index 000000000..96a705310 --- /dev/null +++ b/theme_levelup/static/src/js/index.js @@ -0,0 +1,32 @@ +odoo.define('theme_levelup.index', function (require) { + 'use strict'; + var publicWidget = require('web.public.widget'); + var header; + var nav; + var pos; + publicWidget.registry.ThemeIndex = publicWidget.Widget.extend({ + selector: '#wrapwrap', + events: { + 'wheel main': '_handleScroll', + }, + /* Start function fetching the classes */ + start: function () { + header = this.$el.find(".header_modern_light"); + nav = this.$el.find('.navigation'); + pos = header.position(); + }, + /* Function for website header scroll */ + _handleScroll: function () { + var windowpos = $('#wrapwrap').scrollTop(); + if (windowpos >= pos.top & windowpos >= 100) { + nav.addClass("fadeInDown"); + nav.addClass("bg_white"); + nav.addClass("b_shadow"); + } else { + nav.removeClass("fadeInDown"); + nav.removeClass("bg_white"); + nav.removeClass("b_shadow"); + } + }, + }); +}); diff --git a/theme_levelup/static/src/js/owl.carousel.js b/theme_levelup/static/src/js/owl.carousel.js new file mode 100644 index 000000000..66c67ebe0 --- /dev/null +++ b/theme_levelup/static/src/js/owl.carousel.js @@ -0,0 +1,3448 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +/** + * Owl carousel + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author David Deutsch + * @license The MIT License (MIT) + * @todo Lazy Load Icon + * @todo prevent animationend bubling + * @todo itemsScaleUp + * @todo Test Zepto + * @todo stagePadding calculate wrong active classes + */ +;(function($, window, document, undefined) { + + /** + * Creates a carousel. + * @class The Owl Carousel. + * @public + * @param {HTMLElement|jQuery} element - The element to create the carousel for. + * @param {Object} [options] - The options + */ + function Owl(element, options) { + + /** + * Current settings for the carousel. + * @public + */ + this.settings = null; + + /** + * Current options set by the caller including defaults. + * @public + */ + this.options = $.extend({}, Owl.Defaults, options); + + /** + * Plugin element. + * @public + */ + this.$element = $(element); + + /** + * Proxied event handlers. + * @protected + */ + this._handlers = {}; + + /** + * References to the running plugins of this carousel. + * @protected + */ + this._plugins = {}; + + /** + * Currently suppressed events to prevent them from being retriggered. + * @protected + */ + this._supress = {}; + + /** + * Absolute current position. + * @protected + */ + this._current = null; + + /** + * Animation speed in milliseconds. + * @protected + */ + this._speed = null; + + /** + * Coordinates of all items in pixel. + * @todo The name of this member is missleading. + * @protected + */ + this._coordinates = []; + + /** + * Current breakpoint. + * @todo Real media queries would be nice. + * @protected + */ + this._breakpoint = null; + + /** + * Current width of the plugin element. + */ + this._width = null; + + /** + * All real items. + * @protected + */ + this._items = []; + + /** + * All cloned items. + * @protected + */ + this._clones = []; + + /** + * Merge values of all items. + * @todo Maybe this could be part of a plugin. + * @protected + */ + this._mergers = []; + + /** + * Widths of all items. + */ + this._widths = []; + + /** + * Invalidated parts within the update process. + * @protected + */ + this._invalidated = {}; + + /** + * Ordered list of workers for the update process. + * @protected + */ + this._pipe = []; + + /** + * Current state information for the drag operation. + * @todo #261 + * @protected + */ + this._drag = { + time: null, + target: null, + pointer: null, + stage: { + start: null, + current: null + }, + direction: null + }; + + /** + * Current state information and their tags. + * @type {Object} + * @protected + */ + this._states = { + current: {}, + tags: { + 'initializing': [ 'busy' ], + 'animating': [ 'busy' ], + 'dragging': [ 'interacting' ] + } + }; + + $.each([ 'onResize', 'onThrottledResize' ], $.proxy(function(i, handler) { + this._handlers[handler] = $.proxy(this[handler], this); + }, this)); + + $.each(Owl.Plugins, $.proxy(function(key, plugin) { + this._plugins[key.charAt(0).toLowerCase() + key.slice(1)] + = new plugin(this); + }, this)); + + $.each(Owl.Workers, $.proxy(function(priority, worker) { + this._pipe.push({ + 'filter': worker.filter, + 'run': $.proxy(worker.run, this) + }); + }, this)); + + this.setup(); + this.initialize(); + } + + /** + * Default options for the carousel. + * @public + */ + Owl.Defaults = { + items: 3, + loop: false, + center: false, + rewind: false, + checkVisibility: true, + + mouseDrag: true, + touchDrag: true, + pullDrag: true, + freeDrag: false, + + margin: 0, + stagePadding: 0, + + merge: false, + mergeFit: true, + autoWidth: false, + + startPosition: 0, + rtl: false, + + smartSpeed: 250, + fluidSpeed: false, + dragEndSpeed: false, + + responsive: {}, + responsiveRefreshRate: 200, + responsiveBaseElement: window, + + fallbackEasing: 'swing', + slideTransition: '', + + info: false, + + nestedItemSelector: false, + itemElement: 'div', + stageElement: 'div', + + refreshClass: 'owl-refresh', + loadedClass: 'owl-loaded', + loadingClass: 'owl-loading', + rtlClass: 'owl-rtl', + responsiveClass: 'owl-responsive', + dragClass: 'owl-drag', + itemClass: 'owl-item', + stageClass: 'owl-stage', + stageOuterClass: 'owl-stage-outer', + grabClass: 'owl-grab' + }; + + /** + * Enumeration for width. + * @public + * @readonly + * @enum {String} + */ + Owl.Width = { + Default: 'default', + Inner: 'inner', + Outer: 'outer' + }; + + /** + * Enumeration for types. + * @public + * @readonly + * @enum {String} + */ + Owl.Type = { + Event: 'event', + State: 'state' + }; + + /** + * Contains all registered plugins. + * @public + */ + Owl.Plugins = {}; + + /** + * List of workers involved in the update process. + */ + Owl.Workers = [ { + filter: [ 'width', 'settings' ], + run: function() { + this._width = this.$element.width(); + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function(cache) { + cache.current = this._items && this._items[this.relative(this._current)]; + } + }, { + filter: [ 'items', 'settings' ], + run: function() { + this.$stage.children('.cloned').remove(); + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function(cache) { + var margin = this.settings.margin || '', + grid = !this.settings.autoWidth, + rtl = this.settings.rtl, + css = { + 'width': 'auto', + 'margin-left': rtl ? margin : '', + 'margin-right': rtl ? '' : margin + }; + + !grid && this.$stage.children().css(css); + + cache.css = css; + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function(cache) { + var width = (this.width() / this.settings.items).toFixed(3) - this.settings.margin, + merge = null, + iterator = this._items.length, + grid = !this.settings.autoWidth, + widths = []; + + cache.items = { + merge: false, + width: width + }; + + while (iterator--) { + merge = this._mergers[iterator]; + merge = this.settings.mergeFit && Math.min(merge, this.settings.items) || merge; + + cache.items.merge = merge > 1 || cache.items.merge; + + widths[iterator] = !grid ? this._items[iterator].width() : width * merge; + } + + this._widths = widths; + } + }, { + filter: [ 'items', 'settings' ], + run: function() { + var clones = [], + items = this._items, + settings = this.settings, + // TODO: Should be computed from number of min width items in stage + view = Math.max(settings.items * 2, 4), + size = Math.ceil(items.length / 2) * 2, + repeat = settings.loop && items.length ? settings.rewind ? view : Math.max(view, size) : 0, + append = '', + prepend = ''; + + repeat /= 2; + + while (repeat > 0) { + // Switch to only using appended clones + clones.push(this.normalize(clones.length / 2, true)); + append = append + items[clones[clones.length - 1]][0].outerHTML; + clones.push(this.normalize(items.length - 1 - (clones.length - 1) / 2, true)); + prepend = items[clones[clones.length - 1]][0].outerHTML + prepend; + repeat -= 1; + } + + this._clones = clones; + + $(append).addClass('cloned').appendTo(this.$stage); + $(prepend).addClass('cloned').prependTo(this.$stage); + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function() { + var rtl = this.settings.rtl ? 1 : -1, + size = this._clones.length + this._items.length, + iterator = -1, + previous = 0, + current = 0, + coordinates = []; + + while (++iterator < size) { + previous = coordinates[iterator - 1] || 0; + current = this._widths[this.relative(iterator)] + this.settings.margin; + coordinates.push(previous + current * rtl); + } + + this._coordinates = coordinates; + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function() { + var padding = this.settings.stagePadding, + coordinates = this._coordinates, + css = { + 'width': Math.ceil(Math.abs(coordinates[coordinates.length - 1])) + padding * 2, + 'padding-left': padding || '', + 'padding-right': padding || '' + }; + + this.$stage.css(css); + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function(cache) { + var iterator = this._coordinates.length, + grid = !this.settings.autoWidth, + items = this.$stage.children(); + + if (grid && cache.items.merge) { + while (iterator--) { + cache.css.width = this._widths[this.relative(iterator)]; + items.eq(iterator).css(cache.css); + } + } else if (grid) { + cache.css.width = cache.items.width; + items.css(cache.css); + } + } + }, { + filter: [ 'items' ], + run: function() { + this._coordinates.length < 1 && this.$stage.removeAttr('style'); + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function(cache) { + cache.current = cache.current ? this.$stage.children().index(cache.current) : 0; + cache.current = Math.max(this.minimum(), Math.min(this.maximum(), cache.current)); + this.reset(cache.current); + } + }, { + filter: [ 'position' ], + run: function() { + this.animate(this.coordinates(this._current)); + } + }, { + filter: [ 'width', 'position', 'items', 'settings' ], + run: function() { + var rtl = this.settings.rtl ? 1 : -1, + padding = this.settings.stagePadding * 2, + begin = this.coordinates(this.current()) + padding, + end = begin + this.width() * rtl, + inner, outer, matches = [], i, n; + + for (i = 0, n = this._coordinates.length; i < n; i++) { + inner = this._coordinates[i - 1] || 0; + outer = Math.abs(this._coordinates[i]) + padding * rtl; + + if ((this.op(inner, '<=', begin) && (this.op(inner, '>', end))) + || (this.op(outer, '<', begin) && this.op(outer, '>', end))) { + matches.push(i); + } + } + + this.$stage.children('.active').removeClass('active'); + this.$stage.children(':eq(' + matches.join('), :eq(') + ')').addClass('active'); + + this.$stage.children('.center').removeClass('center'); + if (this.settings.center) { + this.$stage.children().eq(this.current()).addClass('center'); + } + } + } ]; + + /** + * Create the stage DOM element + */ + Owl.prototype.initializeStage = function() { + this.$stage = this.$element.find('.' + this.settings.stageClass); + + // if the stage is already in the DOM, grab it and skip stage initialization + if (this.$stage.length) { + return; + } + + this.$element.addClass(this.options.loadingClass); + + // create stage + this.$stage = $('<' + this.settings.stageElement + '>', { + "class": this.settings.stageClass + }).wrap( $( '
', { + "class": this.settings.stageOuterClass + })); + + // append stage + this.$element.append(this.$stage.parent()); + }; + + /** + * Create item DOM elements + */ + Owl.prototype.initializeItems = function() { + var $items = this.$element.find('.owl-item'); + + // if the items are already in the DOM, grab them and skip item initialization + if ($items.length) { + this._items = $items.get().map(function(item) { + return $(item); + }); + + this._mergers = this._items.map(function() { + return 1; + }); + + this.refresh(); + + return; + } + + // append content + this.replace(this.$element.children().not(this.$stage.parent())); + + // check visibility + if (this.isVisible()) { + // update view + this.refresh(); + } else { + // invalidate width + this.invalidate('width'); + } + + this.$element + .removeClass(this.options.loadingClass) + .addClass(this.options.loadedClass); + }; + + /** + * Initializes the carousel. + * @protected + */ + Owl.prototype.initialize = function() { + this.enter('initializing'); + this.trigger('initialize'); + + this.$element.toggleClass(this.settings.rtlClass, this.settings.rtl); + + if (this.settings.autoWidth && !this.is('pre-loading')) { + var imgs, nestedSelector, width; + imgs = this.$element.find('img'); + nestedSelector = this.settings.nestedItemSelector ? '.' + this.settings.nestedItemSelector : undefined; + width = this.$element.children(nestedSelector).width(); + + if (imgs.length && width <= 0) { + this.preloadAutoWidthImages(imgs); + } + } + + this.initializeStage(); + this.initializeItems(); + + // register event handlers + this.registerEventHandlers(); + + this.leave('initializing'); + this.trigger('initialized'); + }; + + /** + * @returns {Boolean} visibility of $element + * if you know the carousel will always be visible you can set `checkVisibility` to `false` to + * prevent the expensive browser layout forced reflow the $element.is(':visible') does + */ + Owl.prototype.isVisible = function() { + return this.settings.checkVisibility + ? this.$element.is(':visible') + : true; + }; + + /** + * Setups the current settings. + * @todo Remove responsive classes. Why should adaptive designs be brought into IE8? + * @todo Support for media queries by using `matchMedia` would be nice. + * @public + */ + Owl.prototype.setup = function() { + var viewport = this.viewport(), + overwrites = this.options.responsive, + match = -1, + settings = null; + + if (!overwrites) { + settings = $.extend({}, this.options); + } else { + $.each(overwrites, function(breakpoint) { + if (breakpoint <= viewport && breakpoint > match) { + match = Number(breakpoint); + } + }); + + settings = $.extend({}, this.options, overwrites[match]); + if (typeof settings.stagePadding === 'function') { + settings.stagePadding = settings.stagePadding(); + } + delete settings.responsive; + + // responsive class + if (settings.responsiveClass) { + this.$element.attr('class', + this.$element.attr('class').replace(new RegExp('(' + this.options.responsiveClass + '-)\\S+\\s', 'g'), '$1' + match) + ); + } + } + + this.trigger('change', { property: { name: 'settings', value: settings } }); + this._breakpoint = match; + this.settings = settings; + this.invalidate('settings'); + this.trigger('changed', { property: { name: 'settings', value: this.settings } }); + }; + + /** + * Updates option logic if necessery. + * @protected + */ + Owl.prototype.optionsLogic = function() { + if (this.settings.autoWidth) { + this.settings.stagePadding = false; + this.settings.merge = false; + } + }; + + /** + * Prepares an item before add. + * @todo Rename event parameter `content` to `item`. + * @protected + * @returns {jQuery|HTMLElement} - The item container. + */ + Owl.prototype.prepare = function(item) { + var event = this.trigger('prepare', { content: item }); + + if (!event.data) { + event.data = $('<' + this.settings.itemElement + '/>') + .addClass(this.options.itemClass).append(item) + } + + this.trigger('prepared', { content: event.data }); + + return event.data; + }; + + /** + * Updates the view. + * @public + */ + Owl.prototype.update = function() { + var i = 0, + n = this._pipe.length, + filter = $.proxy(function(p) { return this[p] }, this._invalidated), + cache = {}; + + while (i < n) { + if (this._invalidated.all || $.grep(this._pipe[i].filter, filter).length > 0) { + this._pipe[i].run(cache); + } + i++; + } + + this._invalidated = {}; + + !this.is('valid') && this.enter('valid'); + }; + + /** + * Gets the width of the view. + * @public + * @param {Owl.Width} [dimension=Owl.Width.Default] - The dimension to return. + * @returns {Number} - The width of the view in pixel. + */ + Owl.prototype.width = function(dimension) { + dimension = dimension || Owl.Width.Default; + switch (dimension) { + case Owl.Width.Inner: + case Owl.Width.Outer: + return this._width; + default: + return this._width - this.settings.stagePadding * 2 + this.settings.margin; + } + }; + + /** + * Refreshes the carousel primarily for adaptive purposes. + * @public + */ + Owl.prototype.refresh = function() { + this.enter('refreshing'); + this.trigger('refresh'); + + this.setup(); + + this.optionsLogic(); + + this.$element.addClass(this.options.refreshClass); + + this.update(); + + this.$element.removeClass(this.options.refreshClass); + + this.leave('refreshing'); + this.trigger('refreshed'); + }; + + /** + * Checks window `resize` event. + * @protected + */ + Owl.prototype.onThrottledResize = function() { + window.clearTimeout(this.resizeTimer); + this.resizeTimer = window.setTimeout(this._handlers.onResize, this.settings.responsiveRefreshRate); + }; + + /** + * Checks window `resize` event. + * @protected + */ + Owl.prototype.onResize = function() { + if (!this._items.length) { + return false; + } + + if (this._width === this.$element.width()) { + return false; + } + + if (!this.isVisible()) { + return false; + } + + this.enter('resizing'); + + if (this.trigger('resize').isDefaultPrevented()) { + this.leave('resizing'); + return false; + } + + this.invalidate('width'); + + this.refresh(); + + this.leave('resizing'); + this.trigger('resized'); + }; + + /** + * Registers event handlers. + * @todo Check `msPointerEnabled` + * @todo #261 + * @protected + */ + Owl.prototype.registerEventHandlers = function() { + if ($.support.transition) { + this.$stage.on($.support.transition.end + '.owl.core', $.proxy(this.onTransitionEnd, this)); + } + + if (this.settings.responsive !== false) { + this.on(window, 'resize', this._handlers.onThrottledResize); + } + + if (this.settings.mouseDrag) { + this.$element.addClass(this.options.dragClass); + this.$stage.on('mousedown.owl.core', $.proxy(this.onDragStart, this)); + this.$stage.on('dragstart.owl.core selectstart.owl.core', function() { return false }); + } + + if (this.settings.touchDrag){ + this.$stage.on('touchstart.owl.core', $.proxy(this.onDragStart, this)); + this.$stage.on('touchcancel.owl.core', $.proxy(this.onDragEnd, this)); + } + }; + + /** + * Handles `touchstart` and `mousedown` events. + * @todo Horizontal swipe threshold as option + * @todo #261 + * @protected + * @param {Event} event - The event arguments. + */ + Owl.prototype.onDragStart = function(event) { + var stage = null; + + if (event.which === 3) { + return; + } + + if ($.support.transform) { + stage = this.$stage.css('transform').replace(/.*\(|\)| /g, '').split(','); + stage = { + x: stage[stage.length === 16 ? 12 : 4], + y: stage[stage.length === 16 ? 13 : 5] + }; + } else { + stage = this.$stage.position(); + stage = { + x: this.settings.rtl ? + stage.left + this.$stage.width() - this.width() + this.settings.margin : + stage.left, + y: stage.top + }; + } + + if (this.is('animating')) { + $.support.transform ? this.animate(stage.x) : this.$stage.stop() + this.invalidate('position'); + } + + this.$element.toggleClass(this.options.grabClass, event.type === 'mousedown'); + + this.speed(0); + + this._drag.time = new Date().getTime(); + this._drag.target = $(event.target); + this._drag.stage.start = stage; + this._drag.stage.current = stage; + this._drag.pointer = this.pointer(event); + + $(document).on('mouseup.owl.core touchend.owl.core', $.proxy(this.onDragEnd, this)); + + $(document).one('mousemove.owl.core touchmove.owl.core', $.proxy(function(event) { + var delta = this.difference(this._drag.pointer, this.pointer(event)); + + $(document).on('mousemove.owl.core touchmove.owl.core', $.proxy(this.onDragMove, this)); + + if (Math.abs(delta.x) < Math.abs(delta.y) && this.is('valid')) { + return; + } + + event.preventDefault(); + + this.enter('dragging'); + this.trigger('drag'); + }, this)); + }; + + /** + * Handles the `touchmove` and `mousemove` events. + * @todo #261 + * @protected + * @param {Event} event - The event arguments. + */ + Owl.prototype.onDragMove = function(event) { + var minimum = null, + maximum = null, + pull = null, + delta = this.difference(this._drag.pointer, this.pointer(event)), + stage = this.difference(this._drag.stage.start, delta); + + if (!this.is('dragging')) { + return; + } + + event.preventDefault(); + + if (this.settings.loop) { + minimum = this.coordinates(this.minimum()); + maximum = this.coordinates(this.maximum() + 1) - minimum; + stage.x = (((stage.x - minimum) % maximum + maximum) % maximum) + minimum; + } else { + minimum = this.settings.rtl ? this.coordinates(this.maximum()) : this.coordinates(this.minimum()); + maximum = this.settings.rtl ? this.coordinates(this.minimum()) : this.coordinates(this.maximum()); + pull = this.settings.pullDrag ? -1 * delta.x / 5 : 0; + stage.x = Math.max(Math.min(stage.x, minimum + pull), maximum + pull); + } + + this._drag.stage.current = stage; + + this.animate(stage.x); + }; + + /** + * Handles the `touchend` and `mouseup` events. + * @todo #261 + * @todo Threshold for click event + * @protected + * @param {Event} event - The event arguments. + */ + Owl.prototype.onDragEnd = function(event) { + var delta = this.difference(this._drag.pointer, this.pointer(event)), + stage = this._drag.stage.current, + direction = delta.x > 0 ^ this.settings.rtl ? 'left' : 'right'; + + $(document).off('.owl.core'); + + this.$element.removeClass(this.options.grabClass); + + if (delta.x !== 0 && this.is('dragging') || !this.is('valid')) { + this.speed(this.settings.dragEndSpeed || this.settings.smartSpeed); + this.current(this.closest(stage.x, delta.x !== 0 ? direction : this._drag.direction)); + this.invalidate('position'); + this.update(); + + this._drag.direction = direction; + + if (Math.abs(delta.x) > 3 || new Date().getTime() - this._drag.time > 300) { + this._drag.target.one('click.owl.core', function() { return false; }); + } + } + + if (!this.is('dragging')) { + return; + } + + this.leave('dragging'); + this.trigger('dragged'); + }; + + /** + * Gets absolute position of the closest item for a coordinate. + * @todo Setting `freeDrag` makes `closest` not reusable. See #165. + * @protected + * @param {Number} coordinate - The coordinate in pixel. + * @param {String} direction - The direction to check for the closest item. Ether `left` or `right`. + * @return {Number} - The absolute position of the closest item. + */ + Owl.prototype.closest = function(coordinate, direction) { + var position = -1, + pull = 30, + width = this.width(), + coordinates = this.coordinates(); + + if (!this.settings.freeDrag) { + // check closest item + $.each(coordinates, $.proxy(function(index, value) { + // on a left pull, check on current index + if (direction === 'left' && coordinate > value - pull && coordinate < value + pull) { + position = index; + // on a right pull, check on previous index + // to do so, subtract width from value and set position = index + 1 + } else if (direction === 'right' && coordinate > value - width - pull && coordinate < value - width + pull) { + position = index + 1; + } else if (this.op(coordinate, '<', value) + && this.op(coordinate, '>', coordinates[index + 1] !== undefined ? coordinates[index + 1] : value - width)) { + position = direction === 'left' ? index + 1 : index; + } + return position === -1; + }, this)); + } + + if (!this.settings.loop) { + // non loop boundries + if (this.op(coordinate, '>', coordinates[this.minimum()])) { + position = coordinate = this.minimum(); + } else if (this.op(coordinate, '<', coordinates[this.maximum()])) { + position = coordinate = this.maximum(); + } + } + + return position; + }; + + /** + * Animates the stage. + * @todo #270 + * @public + * @param {Number} coordinate - The coordinate in pixels. + */ + Owl.prototype.animate = function(coordinate) { + var animate = this.speed() > 0; + + this.is('animating') && this.onTransitionEnd(); + + if (animate) { + this.enter('animating'); + this.trigger('translate'); + } + + if ($.support.transform3d && $.support.transition) { + this.$stage.css({ + transform: 'translate3d(' + coordinate + 'px,0px,0px)', + transition: (this.speed() / 1000) + 's' + ( + this.settings.slideTransition ? ' ' + this.settings.slideTransition : '' + ) + }); + } else if (animate) { + this.$stage.animate({ + left: coordinate + 'px' + }, this.speed(), this.settings.fallbackEasing, $.proxy(this.onTransitionEnd, this)); + } else { + this.$stage.css({ + left: coordinate + 'px' + }); + } + }; + + /** + * Checks whether the carousel is in a specific state or not. + * @param {String} state - The state to check. + * @returns {Boolean} - The flag which indicates if the carousel is busy. + */ + Owl.prototype.is = function(state) { + return this._states.current[state] && this._states.current[state] > 0; + }; + + /** + * Sets the absolute position of the current item. + * @public + * @param {Number} [position] - The new absolute position or nothing to leave it unchanged. + * @returns {Number} - The absolute position of the current item. + */ + Owl.prototype.current = function(position) { + if (position === undefined) { + return this._current; + } + + if (this._items.length === 0) { + return undefined; + } + + position = this.normalize(position); + + if (this._current !== position) { + var event = this.trigger('change', { property: { name: 'position', value: position } }); + + if (event.data !== undefined) { + position = this.normalize(event.data); + } + + this._current = position; + + this.invalidate('position'); + + this.trigger('changed', { property: { name: 'position', value: this._current } }); + } + + return this._current; + }; + + /** + * Invalidates the given part of the update routine. + * @param {String} [part] - The part to invalidate. + * @returns {Array.} - The invalidated parts. + */ + Owl.prototype.invalidate = function(part) { + if ($.type(part) === 'string') { + this._invalidated[part] = true; + this.is('valid') && this.leave('valid'); + } + return $.map(this._invalidated, function(v, i) { return i }); + }; + + /** + * Resets the absolute position of the current item. + * @public + * @param {Number} position - The absolute position of the new item. + */ + Owl.prototype.reset = function(position) { + position = this.normalize(position); + + if (position === undefined) { + return; + } + + this._speed = 0; + this._current = position; + + this.suppress([ 'translate', 'translated' ]); + + this.animate(this.coordinates(position)); + + this.release([ 'translate', 'translated' ]); + }; + + /** + * Normalizes an absolute or a relative position of an item. + * @public + * @param {Number} position - The absolute or relative position to normalize. + * @param {Boolean} [relative=false] - Whether the given position is relative or not. + * @returns {Number} - The normalized position. + */ + Owl.prototype.normalize = function(position, relative) { + var n = this._items.length, + m = relative ? 0 : this._clones.length; + + if (!this.isNumeric(position) || n < 1) { + position = undefined; + } else if (position < 0 || position >= n + m) { + position = ((position - m / 2) % n + n) % n + m / 2; + } + + return position; + }; + + /** + * Converts an absolute position of an item into a relative one. + * @public + * @param {Number} position - The absolute position to convert. + * @returns {Number} - The converted position. + */ + Owl.prototype.relative = function(position) { + position -= this._clones.length / 2; + return this.normalize(position, true); + }; + + /** + * Gets the maximum position for the current item. + * @public + * @param {Boolean} [relative=false] - Whether to return an absolute position or a relative position. + * @returns {Number} + */ + Owl.prototype.maximum = function(relative) { + var settings = this.settings, + maximum = this._coordinates.length, + iterator, + reciprocalItemsWidth, + elementWidth; + + if (settings.loop) { + maximum = this._clones.length / 2 + this._items.length - 1; + } else if (settings.autoWidth || settings.merge) { + iterator = this._items.length; + if (iterator) { + reciprocalItemsWidth = this._items[--iterator].width(); + elementWidth = this.$element.width(); + while (iterator--) { + reciprocalItemsWidth += this._items[iterator].width() + this.settings.margin; + if (reciprocalItemsWidth > elementWidth) { + break; + } + } + } + maximum = iterator + 1; + } else if (settings.center) { + maximum = this._items.length - 1; + } else { + maximum = this._items.length - settings.items; + } + + if (relative) { + maximum -= this._clones.length / 2; + } + + return Math.max(maximum, 0); + }; + + /** + * Gets the minimum position for the current item. + * @public + * @param {Boolean} [relative=false] - Whether to return an absolute position or a relative position. + * @returns {Number} + */ + Owl.prototype.minimum = function(relative) { + return relative ? 0 : this._clones.length / 2; + }; + + /** + * Gets an item at the specified relative position. + * @public + * @param {Number} [position] - The relative position of the item. + * @return {jQuery|Array.} - The item at the given position or all items if no position was given. + */ + Owl.prototype.items = function(position) { + if (position === undefined) { + return this._items.slice(); + } + + position = this.normalize(position, true); + return this._items[position]; + }; + + /** + * Gets an item at the specified relative position. + * @public + * @param {Number} [position] - The relative position of the item. + * @return {jQuery|Array.} - The item at the given position or all items if no position was given. + */ + Owl.prototype.mergers = function(position) { + if (position === undefined) { + return this._mergers.slice(); + } + + position = this.normalize(position, true); + return this._mergers[position]; + }; + + /** + * Gets the absolute positions of clones for an item. + * @public + * @param {Number} [position] - The relative position of the item. + * @returns {Array.} - The absolute positions of clones for the item or all if no position was given. + */ + Owl.prototype.clones = function(position) { + var odd = this._clones.length / 2, + even = odd + this._items.length, + map = function(index) { return index % 2 === 0 ? even + index / 2 : odd - (index + 1) / 2 }; + + if (position === undefined) { + return $.map(this._clones, function(v, i) { return map(i) }); + } + + return $.map(this._clones, function(v, i) { return v === position ? map(i) : null }); + }; + + /** + * Sets the current animation speed. + * @public + * @param {Number} [speed] - The animation speed in milliseconds or nothing to leave it unchanged. + * @returns {Number} - The current animation speed in milliseconds. + */ + Owl.prototype.speed = function(speed) { + if (speed !== undefined) { + this._speed = speed; + } + + return this._speed; + }; + + /** + * Gets the coordinate of an item. + * @todo The name of this method is missleanding. + * @public + * @param {Number} position - The absolute position of the item within `minimum()` and `maximum()`. + * @returns {Number|Array.} - The coordinate of the item in pixel or all coordinates. + */ + Owl.prototype.coordinates = function(position) { + var multiplier = 1, + newPosition = position - 1, + coordinate; + + if (position === undefined) { + return $.map(this._coordinates, $.proxy(function(coordinate, index) { + return this.coordinates(index); + }, this)); + } + + if (this.settings.center) { + if (this.settings.rtl) { + multiplier = -1; + newPosition = position + 1; + } + + coordinate = this._coordinates[position]; + coordinate += (this.width() - coordinate + (this._coordinates[newPosition] || 0)) / 2 * multiplier; + } else { + coordinate = this._coordinates[newPosition] || 0; + } + + coordinate = Math.ceil(coordinate); + + return coordinate; + }; + + /** + * Calculates the speed for a translation. + * @protected + * @param {Number} from - The absolute position of the start item. + * @param {Number} to - The absolute position of the target item. + * @param {Number} [factor=undefined] - The time factor in milliseconds. + * @returns {Number} - The time in milliseconds for the translation. + */ + Owl.prototype.duration = function(from, to, factor) { + if (factor === 0) { + return 0; + } + + return Math.min(Math.max(Math.abs(to - from), 1), 6) * Math.abs((factor || this.settings.smartSpeed)); + }; + + /** + * Slides to the specified item. + * @public + * @param {Number} position - The position of the item. + * @param {Number} [speed] - The time in milliseconds for the transition. + */ + Owl.prototype.to = function(position, speed) { + var current = this.current(), + revert = null, + distance = position - this.relative(current), + direction = (distance > 0) - (distance < 0), + items = this._items.length, + minimum = this.minimum(), + maximum = this.maximum(); + + if (this.settings.loop) { + if (!this.settings.rewind && Math.abs(distance) > items / 2) { + distance += direction * -1 * items; + } + + position = current + distance; + revert = ((position - minimum) % items + items) % items + minimum; + + if (revert !== position && revert - distance <= maximum && revert - distance > 0) { + current = revert - distance; + position = revert; + this.reset(current); + } + } else if (this.settings.rewind) { + maximum += 1; + position = (position % maximum + maximum) % maximum; + } else { + position = Math.max(minimum, Math.min(maximum, position)); + } + + this.speed(this.duration(current, position, speed)); + this.current(position); + + if (this.isVisible()) { + this.update(); + } + }; + + /** + * Slides to the next item. + * @public + * @param {Number} [speed] - The time in milliseconds for the transition. + */ + Owl.prototype.next = function(speed) { + speed = speed || false; + this.to(this.relative(this.current()) + 1, speed); + }; + + /** + * Slides to the previous item. + * @public + * @param {Number} [speed] - The time in milliseconds for the transition. + */ + Owl.prototype.prev = function(speed) { + speed = speed || false; + this.to(this.relative(this.current()) - 1, speed); + }; + + /** + * Handles the end of an animation. + * @protected + * @param {Event} event - The event arguments. + */ + Owl.prototype.onTransitionEnd = function(event) { + + // if css2 animation then event object is undefined + if (event !== undefined) { + event.stopPropagation(); + + // Catch only owl-stage transitionEnd event + if ((event.target || event.srcElement || event.originalTarget) !== this.$stage.get(0)) { + return false; + } + } + + this.leave('animating'); + this.trigger('translated'); + }; + + /** + * Gets viewport width. + * @protected + * @return {Number} - The width in pixel. + */ + Owl.prototype.viewport = function() { + var width; + if (this.options.responsiveBaseElement !== window) { + width = $(this.options.responsiveBaseElement).width(); + } else if (window.innerWidth) { + width = window.innerWidth; + } else if (document.documentElement && document.documentElement.clientWidth) { + width = document.documentElement.clientWidth; + } else { + console.warn('Can not detect viewport width.'); + } + return width; + }; + + /** + * Replaces the current content. + * @public + * @param {HTMLElement|jQuery|String} content - The new content. + */ + Owl.prototype.replace = function(content) { + this.$stage.empty(); + this._items = []; + + if (content) { + content = (content instanceof jQuery) ? content : $(content); + } + + if (this.settings.nestedItemSelector) { + content = content.find('.' + this.settings.nestedItemSelector); + } + + content.filter(function() { + return this.nodeType === 1; + }).each($.proxy(function(index, item) { + item = this.prepare(item); + this.$stage.append(item); + this._items.push(item); + this._mergers.push(item.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1); + }, this)); + + this.reset(this.isNumeric(this.settings.startPosition) ? this.settings.startPosition : 0); + + this.invalidate('items'); + }; + + /** + * Adds an item. + * @todo Use `item` instead of `content` for the event arguments. + * @public + * @param {HTMLElement|jQuery|String} content - The item content to add. + * @param {Number} [position] - The relative position at which to insert the item otherwise the item will be added to the end. + */ + Owl.prototype.add = function(content, position) { + var current = this.relative(this._current); + + position = position === undefined ? this._items.length : this.normalize(position, true); + content = content instanceof jQuery ? content : $(content); + + this.trigger('add', { content: content, position: position }); + + content = this.prepare(content); + + if (this._items.length === 0 || position === this._items.length) { + this._items.length === 0 && this.$stage.append(content); + this._items.length !== 0 && this._items[position - 1].after(content); + this._items.push(content); + this._mergers.push(content.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1); + } else { + this._items[position].before(content); + this._items.splice(position, 0, content); + this._mergers.splice(position, 0, content.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1); + } + + this._items[current] && this.reset(this._items[current].index()); + + this.invalidate('items'); + + this.trigger('added', { content: content, position: position }); + }; + + /** + * Removes an item by its position. + * @todo Use `item` instead of `content` for the event arguments. + * @public + * @param {Number} position - The relative position of the item to remove. + */ + Owl.prototype.remove = function(position) { + position = this.normalize(position, true); + + if (position === undefined) { + return; + } + + this.trigger('remove', { content: this._items[position], position: position }); + + this._items[position].remove(); + this._items.splice(position, 1); + this._mergers.splice(position, 1); + + this.invalidate('items'); + + this.trigger('removed', { content: null, position: position }); + }; + + /** + * Preloads images with auto width. + * @todo Replace by a more generic approach + * @protected + */ + Owl.prototype.preloadAutoWidthImages = function(images) { + images.each($.proxy(function(i, element) { + this.enter('pre-loading'); + element = $(element); + $(new Image()).one('load', $.proxy(function(e) { + element.attr('src', e.target.src); + element.css('opacity', 1); + this.leave('pre-loading'); + !this.is('pre-loading') && !this.is('initializing') && this.refresh(); + }, this)).attr('src', element.attr('src') || element.attr('data-src') || element.attr('data-src-retina')); + }, this)); + }; + + /** + * Destroys the carousel. + * @public + */ + Owl.prototype.destroy = function() { + + this.$element.off('.owl.core'); + this.$stage.off('.owl.core'); + $(document).off('.owl.core'); + + if (this.settings.responsive !== false) { + window.clearTimeout(this.resizeTimer); + this.off(window, 'resize', this._handlers.onThrottledResize); + } + + for (var i in this._plugins) { + this._plugins[i].destroy(); + } + + this.$stage.children('.cloned').remove(); + + this.$stage.unwrap(); + this.$stage.children().contents().unwrap(); + this.$stage.children().unwrap(); + this.$stage.remove(); + this.$element + .removeClass(this.options.refreshClass) + .removeClass(this.options.loadingClass) + .removeClass(this.options.loadedClass) + .removeClass(this.options.rtlClass) + .removeClass(this.options.dragClass) + .removeClass(this.options.grabClass) + .attr('class', this.$element.attr('class').replace(new RegExp(this.options.responsiveClass + '-\\S+\\s', 'g'), '')) + .removeData('owl.carousel'); + }; + + /** + * Operators to calculate right-to-left and left-to-right. + * @protected + * @param {Number} [a] - The left side operand. + * @param {String} [o] - The operator. + * @param {Number} [b] - The right side operand. + */ + Owl.prototype.op = function(a, o, b) { + var rtl = this.settings.rtl; + switch (o) { + case '<': + return rtl ? a > b : a < b; + case '>': + return rtl ? a < b : a > b; + case '>=': + return rtl ? a <= b : a >= b; + case '<=': + return rtl ? a >= b : a <= b; + default: + break; + } + }; + + /** + * Attaches to an internal event. + * @protected + * @param {HTMLElement} element - The event source. + * @param {String} event - The event name. + * @param {Function} listener - The event handler to attach. + * @param {Boolean} capture - Wether the event should be handled at the capturing phase or not. + */ + Owl.prototype.on = function(element, event, listener, capture) { + if (element.addEventListener) { + element.addEventListener(event, listener, capture); + } else if (element.attachEvent) { + element.attachEvent('on' + event, listener); + } + }; + + /** + * Detaches from an internal event. + * @protected + * @param {HTMLElement} element - The event source. + * @param {String} event - The event name. + * @param {Function} listener - The attached event handler to detach. + * @param {Boolean} capture - Wether the attached event handler was registered as a capturing listener or not. + */ + Owl.prototype.off = function(element, event, listener, capture) { + if (element.removeEventListener) { + element.removeEventListener(event, listener, capture); + } else if (element.detachEvent) { + element.detachEvent('on' + event, listener); + } + }; + + /** + * Triggers a public event. + * @todo Remove `status`, `relatedTarget` should be used instead. + * @protected + * @param {String} name - The event name. + * @param {*} [data=null] - The event data. + * @param {String} [namespace=carousel] - The event namespace. + * @param {String} [state] - The state which is associated with the event. + * @param {Boolean} [enter=false] - Indicates if the call enters the specified state or not. + * @returns {Event} - The event arguments. + */ + Owl.prototype.trigger = function(name, data, namespace, state, enter) { + var status = { + item: { count: this._items.length, index: this.current() } + }, handler = $.camelCase( + $.grep([ 'on', name, namespace ], function(v) { return v }) + .join('-').toLowerCase() + ), event = $.Event( + [ name, 'owl', namespace || 'carousel' ].join('.').toLowerCase(), + $.extend({ relatedTarget: this }, status, data) + ); + + if (!this._supress[name]) { + $.each(this._plugins, function(name, plugin) { + if (plugin.onTrigger) { + plugin.onTrigger(event); + } + }); + + this.register({ type: Owl.Type.Event, name: name }); + this.$element.trigger(event); + + if (this.settings && typeof this.settings[handler] === 'function') { + this.settings[handler].call(this, event); + } + } + + return event; + }; + + /** + * Enters a state. + * @param name - The state name. + */ + Owl.prototype.enter = function(name) { + $.each([ name ].concat(this._states.tags[name] || []), $.proxy(function(i, name) { + if (this._states.current[name] === undefined) { + this._states.current[name] = 0; + } + + this._states.current[name]++; + }, this)); + }; + + /** + * Leaves a state. + * @param name - The state name. + */ + Owl.prototype.leave = function(name) { + $.each([ name ].concat(this._states.tags[name] || []), $.proxy(function(i, name) { + this._states.current[name]--; + }, this)); + }; + + /** + * Registers an event or state. + * @public + * @param {Object} object - The event or state to register. + */ + Owl.prototype.register = function(object) { + if (object.type === Owl.Type.Event) { + if (!$.event.special[object.name]) { + $.event.special[object.name] = {}; + } + + if (!$.event.special[object.name].owl) { + var _default = $.event.special[object.name]._default; + $.event.special[object.name]._default = function(e) { + if (_default && _default.apply && (!e.namespace || e.namespace.indexOf('owl') === -1)) { + return _default.apply(this, arguments); + } + return e.namespace && e.namespace.indexOf('owl') > -1; + }; + $.event.special[object.name].owl = true; + } + } else if (object.type === Owl.Type.State) { + if (!this._states.tags[object.name]) { + this._states.tags[object.name] = object.tags; + } else { + this._states.tags[object.name] = this._states.tags[object.name].concat(object.tags); + } + + this._states.tags[object.name] = $.grep(this._states.tags[object.name], $.proxy(function(tag, i) { + return $.inArray(tag, this._states.tags[object.name]) === i; + }, this)); + } + }; + + /** + * Suppresses events. + * @protected + * @param {Array.} events - The events to suppress. + */ + Owl.prototype.suppress = function(events) { + $.each(events, $.proxy(function(index, event) { + this._supress[event] = true; + }, this)); + }; + + /** + * Releases suppressed events. + * @protected + * @param {Array.} events - The events to release. + */ + Owl.prototype.release = function(events) { + $.each(events, $.proxy(function(index, event) { + delete this._supress[event]; + }, this)); + }; + + /** + * Gets unified pointer coordinates from event. + * @todo #261 + * @protected + * @param {Event} - The `mousedown` or `touchstart` event. + * @returns {Object} - Contains `x` and `y` coordinates of current pointer position. + */ + Owl.prototype.pointer = function(event) { + var result = { x: null, y: null }; + + event = event.originalEvent || event || window.event; + + event = event.touches && event.touches.length ? + event.touches[0] : event.changedTouches && event.changedTouches.length ? + event.changedTouches[0] : event; + + if (event.pageX) { + result.x = event.pageX; + result.y = event.pageY; + } else { + result.x = event.clientX; + result.y = event.clientY; + } + + return result; + }; + + /** + * Determines if the input is a Number or something that can be coerced to a Number + * @protected + * @param {Number|String|Object|Array|Boolean|RegExp|Function|Symbol} - The input to be tested + * @returns {Boolean} - An indication if the input is a Number or can be coerced to a Number + */ + Owl.prototype.isNumeric = function(number) { + return !isNaN(parseFloat(number)); + }; + + /** + * Gets the difference of two vectors. + * @todo #261 + * @protected + * @param {Object} - The first vector. + * @param {Object} - The second vector. + * @returns {Object} - The difference. + */ + Owl.prototype.difference = function(first, second) { + return { + x: first.x - second.x, + y: first.y - second.y + }; + }; + + /** + * The jQuery Plugin for the Owl Carousel + * @todo Navigation plugin `next` and `prev` + * @public + */ + $.fn.owlCarousel = function(option) { + var args = Array.prototype.slice.call(arguments, 1); + + return this.each(function() { + var $this = $(this), + data = $this.data('owl.carousel'); + + if (!data) { + data = new Owl(this, typeof option == 'object' && option); + $this.data('owl.carousel', data); + + $.each([ + 'next', 'prev', 'to', 'destroy', 'refresh', 'replace', 'add', 'remove' + ], function(i, event) { + data.register({ type: Owl.Type.Event, name: event }); + data.$element.on(event + '.owl.carousel.core', $.proxy(function(e) { + if (e.namespace && e.relatedTarget !== this) { + this.suppress([ event ]); + data[event].apply(this, [].slice.call(arguments, 1)); + this.release([ event ]); + } + }, data)); + }); + } + + if (typeof option == 'string' && option.charAt(0) !== '_') { + data[option].apply(data, args); + } + }); + }; + + /** + * The constructor for the jQuery Plugin + * @public + */ + $.fn.owlCarousel.Constructor = Owl; + +})(window.Zepto || window.jQuery, window, document); + +/** + * AutoRefresh Plugin + * @version 2.3.4 + * @author Artus Kolanowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the auto refresh plugin. + * @class The Auto Refresh Plugin + * @param {Owl} carousel - The Owl Carousel + */ + var AutoRefresh = function(carousel) { + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + /** + * Refresh interval. + * @protected + * @type {number} + */ + this._interval = null; + + /** + * Whether the element is currently visible or not. + * @protected + * @type {Boolean} + */ + this._visible = null; + + /** + * All event handlers. + * @protected + * @type {Object} + */ + this._handlers = { + 'initialized.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.autoRefresh) { + this.watch(); + } + }, this) + }; + + // set default options + this._core.options = $.extend({}, AutoRefresh.Defaults, this._core.options); + + // register event handlers + this._core.$element.on(this._handlers); + }; + + /** + * Default options. + * @public + */ + AutoRefresh.Defaults = { + autoRefresh: true, + autoRefreshInterval: 500 + }; + + /** + * Watches the element. + */ + AutoRefresh.prototype.watch = function() { + if (this._interval) { + return; + } + + this._visible = this._core.isVisible(); + this._interval = window.setInterval($.proxy(this.refresh, this), this._core.settings.autoRefreshInterval); + }; + + /** + * Refreshes the element. + */ + AutoRefresh.prototype.refresh = function() { + if (this._core.isVisible() === this._visible) { + return; + } + + this._visible = !this._visible; + + this._core.$element.toggleClass('owl-hidden', !this._visible); + + this._visible && (this._core.invalidate('width') && this._core.refresh()); + }; + + /** + * Destroys the plugin. + */ + AutoRefresh.prototype.destroy = function() { + var handler, property; + + window.clearInterval(this._interval); + + for (handler in this._handlers) { + this._core.$element.off(handler, this._handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] != 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.AutoRefresh = AutoRefresh; + +})(window.Zepto || window.jQuery, window, document); + +/** + * Lazy Plugin + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the lazy plugin. + * @class The Lazy Plugin + * @param {Owl} carousel - The Owl Carousel + */ + var Lazy = function(carousel) { + + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + /** + * Already loaded items. + * @protected + * @type {Array.} + */ + this._loaded = []; + + /** + * Event handlers. + * @protected + * @type {Object} + */ + this._handlers = { + 'initialized.owl.carousel change.owl.carousel resized.owl.carousel': $.proxy(function(e) { + if (!e.namespace) { + return; + } + + if (!this._core.settings || !this._core.settings.lazyLoad) { + return; + } + + if ((e.property && e.property.name == 'position') || e.type == 'initialized') { + var settings = this._core.settings, + n = (settings.center && Math.ceil(settings.items / 2) || settings.items), + i = ((settings.center && n * -1) || 0), + position = (e.property && e.property.value !== undefined ? e.property.value : this._core.current()) + i, + clones = this._core.clones().length, + load = $.proxy(function(i, v) { this.load(v) }, this); + //TODO: Need documentation for this new option + if (settings.lazyLoadEager > 0) { + n += settings.lazyLoadEager; + // If the carousel is looping also preload images that are to the "left" + if (settings.loop) { + position -= settings.lazyLoadEager; + n++; + } + } + + while (i++ < n) { + this.load(clones / 2 + this._core.relative(position)); + clones && $.each(this._core.clones(this._core.relative(position)), load); + position++; + } + } + }, this) + }; + + // set the default options + this._core.options = $.extend({}, Lazy.Defaults, this._core.options); + + // register event handler + this._core.$element.on(this._handlers); + }; + + /** + * Default options. + * @public + */ + Lazy.Defaults = { + lazyLoad: false, + lazyLoadEager: 0 + }; + + /** + * Loads all resources of an item at the specified position. + * @param {Number} position - The absolute position of the item. + * @protected + */ + Lazy.prototype.load = function(position) { + var $item = this._core.$stage.children().eq(position), + $elements = $item && $item.find('.owl-lazy'); + + if (!$elements || $.inArray($item.get(0), this._loaded) > -1) { + return; + } + + $elements.each($.proxy(function(index, element) { + var $element = $(element), image, + url = (window.devicePixelRatio > 1 && $element.attr('data-src-retina')) || $element.attr('data-src') || $element.attr('data-srcset'); + + this._core.trigger('load', { element: $element, url: url }, 'lazy'); + + if ($element.is('img')) { + $element.one('load.owl.lazy', $.proxy(function() { + $element.css('opacity', 1); + this._core.trigger('loaded', { element: $element, url: url }, 'lazy'); + }, this)).attr('src', url); + } else if ($element.is('source')) { + $element.one('load.owl.lazy', $.proxy(function() { + this._core.trigger('loaded', { element: $element, url: url }, 'lazy'); + }, this)).attr('srcset', url); + } else { + image = new Image(); + image.onload = $.proxy(function() { + $element.css({ + 'background-image': 'url("' + url + '")', + 'opacity': '1' + }); + this._core.trigger('loaded', { element: $element, url: url }, 'lazy'); + }, this); + image.src = url; + } + }, this)); + + this._loaded.push($item.get(0)); + }; + + /** + * Destroys the plugin. + * @public + */ + Lazy.prototype.destroy = function() { + var handler, property; + + for (handler in this.handlers) { + this._core.$element.off(handler, this.handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] != 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.Lazy = Lazy; + +})(window.Zepto || window.jQuery, window, document); + +/** + * AutoHeight Plugin + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the auto height plugin. + * @class The Auto Height Plugin + * @param {Owl} carousel - The Owl Carousel + */ + var AutoHeight = function(carousel) { + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + this._previousHeight = null; + + /** + * All event handlers. + * @protected + * @type {Object} + */ + this._handlers = { + 'initialized.owl.carousel refreshed.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.autoHeight) { + this.update(); + } + }, this), + 'changed.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.autoHeight && e.property.name === 'position'){ + this.update(); + } + }, this), + 'loaded.owl.lazy': $.proxy(function(e) { + if (e.namespace && this._core.settings.autoHeight + && e.element.closest('.' + this._core.settings.itemClass).index() === this._core.current()) { + this.update(); + } + }, this) + }; + + // set default options + this._core.options = $.extend({}, AutoHeight.Defaults, this._core.options); + + // register event handlers + this._core.$element.on(this._handlers); + this._intervalId = null; + var refThis = this; + + // These changes have been taken from a PR by gavrochelegnou proposed in #1575 + // and have been made compatible with the latest jQuery version + $(window).on('load', function() { + if (refThis._core.settings.autoHeight) { + refThis.update(); + } + }); + + // Autoresize the height of the carousel when window is resized + // When carousel has images, the height is dependent on the width + // and should also change on resize + $(window).resize(function() { + if (refThis._core.settings.autoHeight) { + if (refThis._intervalId != null) { + clearTimeout(refThis._intervalId); + } + + refThis._intervalId = setTimeout(function() { + refThis.update(); + }, 250); + } + }); + + }; + + /** + * Default options. + * @public + */ + AutoHeight.Defaults = { + autoHeight: false, + autoHeightClass: 'owl-height' + }; + + /** + * Updates the view. + */ + AutoHeight.prototype.update = function() { + var start = this._core._current, + end = start + this._core.settings.items, + lazyLoadEnabled = this._core.settings.lazyLoad, + visible = this._core.$stage.children().toArray().slice(start, end), + heights = [], + maxheight = 0; + + $.each(visible, function(index, item) { + heights.push($(item).height()); + }); + + maxheight = Math.max.apply(null, heights); + + if (maxheight <= 1 && lazyLoadEnabled && this._previousHeight) { + maxheight = this._previousHeight; + } + + this._previousHeight = maxheight; + + this._core.$stage.parent() + .height(maxheight) + .addClass(this._core.settings.autoHeightClass); + }; + + AutoHeight.prototype.destroy = function() { + var handler, property; + + for (handler in this._handlers) { + this._core.$element.off(handler, this._handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] !== 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.AutoHeight = AutoHeight; + +})(window.Zepto || window.jQuery, window, document); + +/** + * Video Plugin + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the video plugin. + * @class The Video Plugin + * @param {Owl} carousel - The Owl Carousel + */ + var Video = function(carousel) { + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + /** + * Cache all video URLs. + * @protected + * @type {Object} + */ + this._videos = {}; + + /** + * Current playing item. + * @protected + * @type {jQuery} + */ + this._playing = null; + + /** + * All event handlers. + * @todo The cloned content removale is too late + * @protected + * @type {Object} + */ + this._handlers = { + 'initialized.owl.carousel': $.proxy(function(e) { + if (e.namespace) { + this._core.register({ type: 'state', name: 'playing', tags: [ 'interacting' ] }); + } + }, this), + 'resize.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.video && this.isInFullScreen()) { + e.preventDefault(); + } + }, this), + 'refreshed.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.is('resizing')) { + this._core.$stage.find('.cloned .owl-video-frame').remove(); + } + }, this), + 'changed.owl.carousel': $.proxy(function(e) { + if (e.namespace && e.property.name === 'position' && this._playing) { + this.stop(); + } + }, this), + 'prepared.owl.carousel': $.proxy(function(e) { + if (!e.namespace) { + return; + } + + var $element = $(e.content).find('.owl-video'); + + if ($element.length) { + $element.css('display', 'none'); + this.fetch($element, $(e.content)); + } + }, this) + }; + + // set default options + this._core.options = $.extend({}, Video.Defaults, this._core.options); + + // register event handlers + this._core.$element.on(this._handlers); + + this._core.$element.on('click.owl.video', '.owl-video-play-icon', $.proxy(function(e) { + this.play(e); + }, this)); + }; + + /** + * Default options. + * @public + */ + Video.Defaults = { + video: false, + videoHeight: false, + videoWidth: false + }; + + /** + * Gets the video ID and the type (YouTube/Vimeo/vzaar only). + * @protected + * @param {jQuery} target - The target containing the video data. + * @param {jQuery} item - The item containing the video. + */ + Video.prototype.fetch = function(target, item) { + var type = (function() { + if (target.attr('data-vimeo-id')) { + return 'vimeo'; + } else if (target.attr('data-vzaar-id')) { + return 'vzaar' + } else { + return 'youtube'; + } + })(), + id = target.attr('data-vimeo-id') || target.attr('data-youtube-id') || target.attr('data-vzaar-id'), + width = target.attr('data-width') || this._core.settings.videoWidth, + height = target.attr('data-height') || this._core.settings.videoHeight, + url = target.attr('href'); + + if (url) { + + /* + Parses the id's out of the following urls (and probably more): + https://www.youtube.com/watch?v=:id + https://youtu.be/:id + https://vimeo.com/:id + https://vimeo.com/channels/:channel/:id + https://vimeo.com/groups/:group/videos/:id + https://app.vzaar.com/videos/:id + + Visual example: https://regexper.com/#(http%3A%7Chttps%3A%7C)%5C%2F%5C%2F(player.%7Cwww.%7Capp.)%3F(vimeo%5C.com%7Cyoutu(be%5C.com%7C%5C.be%7Cbe%5C.googleapis%5C.com)%7Cvzaar%5C.com)%5C%2F(video%5C%2F%7Cvideos%5C%2F%7Cembed%5C%2F%7Cchannels%5C%2F.%2B%5C%2F%7Cgroups%5C%2F.%2B%5C%2F%7Cwatch%5C%3Fv%3D%7Cv%5C%2F)%3F(%5BA-Za-z0-9._%25-%5D*)(%5C%26%5CS%2B)%3F + */ + + id = url.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com|be\-nocookie\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/); + + if (id[3].indexOf('youtu') > -1) { + type = 'youtube'; + } else if (id[3].indexOf('vimeo') > -1) { + type = 'vimeo'; + } else if (id[3].indexOf('vzaar') > -1) { + type = 'vzaar'; + } else { + throw new Error('Video URL not supported.'); + } + id = id[6]; + } else { + throw new Error('Missing video URL.'); + } + + this._videos[url] = { + type: type, + id: id, + width: width, + height: height + }; + + item.attr('data-video', url); + + this.thumbnail(target, this._videos[url]); + }; + + /** + * Creates video thumbnail. + * @protected + * @param {jQuery} target - The target containing the video data. + * @param {Object} info - The video info object. + * @see `fetch` + */ + Video.prototype.thumbnail = function(target, video) { + var tnLink, + icon, + path, + dimensions = video.width && video.height ? 'width:' + video.width + 'px;height:' + video.height + 'px;' : '', + customTn = target.find('img'), + srcType = 'src', + lazyClass = '', + settings = this._core.settings, + create = function(path) { + icon = '
'; + + if (settings.lazyLoad) { + tnLink = $('
',{ + "class": 'owl-video-tn ' + lazyClass, + "srcType": path + }); + } else { + tnLink = $( '
', { + "class": "owl-video-tn", + "style": 'opacity:1;background-image:url(' + path + ')' + }); + } + target.after(tnLink); + target.after(icon); + }; + + // wrap video content into owl-video-wrapper div + target.wrap( $( '
', { + "class": "owl-video-wrapper", + "style": dimensions + })); + + if (this._core.settings.lazyLoad) { + srcType = 'data-src'; + lazyClass = 'owl-lazy'; + } + + // custom thumbnail + if (customTn.length) { + create(customTn.attr(srcType)); + customTn.remove(); + return false; + } + + if (video.type === 'youtube') { + path = "//img.youtube.com/vi/" + video.id + "/hqdefault.jpg"; + create(path); + } else if (video.type === 'vimeo') { + $.ajax({ + type: 'GET', + url: '//vimeo.com/api/v2/video/' + video.id + '.json', + jsonp: 'callback', + dataType: 'jsonp', + success: function(data) { + path = data[0].thumbnail_large; + create(path); + } + }); + } else if (video.type === 'vzaar') { + $.ajax({ + type: 'GET', + url: '//vzaar.com/api/videos/' + video.id + '.json', + jsonp: 'callback', + dataType: 'jsonp', + success: function(data) { + path = data.framegrab_url; + create(path); + } + }); + } + }; + + /** + * Stops the current video. + * @public + */ + Video.prototype.stop = function() { + this._core.trigger('stop', null, 'video'); + this._playing.find('.owl-video-frame').remove(); + this._playing.removeClass('owl-video-playing'); + this._playing = null; + this._core.leave('playing'); + this._core.trigger('stopped', null, 'video'); + }; + + /** + * Starts the current video. + * @public + * @param {Event} event - The event arguments. + */ + Video.prototype.play = function(event) { + var target = $(event.target), + item = target.closest('.' + this._core.settings.itemClass), + video = this._videos[item.attr('data-video')], + width = video.width || '100%', + height = video.height || this._core.$stage.height(), + html, + iframe; + + if (this._playing) { + return; + } + + this._core.enter('playing'); + this._core.trigger('play', null, 'video'); + + item = this._core.items(this._core.relative(item.index())); + + this._core.reset(item.index()); + + html = $( '' ); + html.attr( 'height', height ); + html.attr( 'width', width ); + if (video.type === 'youtube') { + html.attr( 'src', '//www.youtube.com/embed/' + video.id + '?autoplay=1&rel=0&v=' + video.id ); + } else if (video.type === 'vimeo') { + html.attr( 'src', '//player.vimeo.com/video/' + video.id + '?autoplay=1' ); + } else if (video.type === 'vzaar') { + html.attr( 'src', '//view.vzaar.com/' + video.id + '/player?autoplay=true' ); + } + + iframe = $(html).wrap( '
' ).insertAfter(item.find('.owl-video')); + + this._playing = item.addClass('owl-video-playing'); + }; + + /** + * Checks whether an video is currently in full screen mode or not. + * @todo Bad style because looks like a readonly method but changes members. + * @protected + * @returns {Boolean} + */ + Video.prototype.isInFullScreen = function() { + var element = document.fullscreenElement || document.mozFullScreenElement || + document.webkitFullscreenElement; + + return element && $(element).parent().hasClass('owl-video-frame'); + }; + + /** + * Destroys the plugin. + */ + Video.prototype.destroy = function() { + var handler, property; + + this._core.$element.off('click.owl.video'); + + for (handler in this._handlers) { + this._core.$element.off(handler, this._handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] != 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.Video = Video; + +})(window.Zepto || window.jQuery, window, document); + +/** + * Animate Plugin + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the animate plugin. + * @class The Navigation Plugin + * @param {Owl} scope - The Owl Carousel + */ + var Animate = function(scope) { + this.core = scope; + this.core.options = $.extend({}, Animate.Defaults, this.core.options); + this.swapping = true; + this.previous = undefined; + this.next = undefined; + + this.handlers = { + 'change.owl.carousel': $.proxy(function(e) { + if (e.namespace && e.property.name == 'position') { + this.previous = this.core.current(); + this.next = e.property.value; + } + }, this), + 'drag.owl.carousel dragged.owl.carousel translated.owl.carousel': $.proxy(function(e) { + if (e.namespace) { + this.swapping = e.type == 'translated'; + } + }, this), + 'translate.owl.carousel': $.proxy(function(e) { + if (e.namespace && this.swapping && (this.core.options.animateOut || this.core.options.animateIn)) { + this.swap(); + } + }, this) + }; + + this.core.$element.on(this.handlers); + }; + + /** + * Default options. + * @public + */ + Animate.Defaults = { + animateOut: false, + animateIn: false + }; + + /** + * Toggles the animation classes whenever an translations starts. + * @protected + * @returns {Boolean|undefined} + */ + Animate.prototype.swap = function() { + + if (this.core.settings.items !== 1) { + return; + } + + if (!$.support.animation || !$.support.transition) { + return; + } + + this.core.speed(0); + + var left, + clear = $.proxy(this.clear, this), + previous = this.core.$stage.children().eq(this.previous), + next = this.core.$stage.children().eq(this.next), + incoming = this.core.settings.animateIn, + outgoing = this.core.settings.animateOut; + + if (this.core.current() === this.previous) { + return; + } + + if (outgoing) { + left = this.core.coordinates(this.previous) - this.core.coordinates(this.next); + previous.one($.support.animation.end, clear) + .css( { 'left': left + 'px' } ) + .addClass('animated owl-animated-out') + .addClass(outgoing); + } + + if (incoming) { + next.one($.support.animation.end, clear) + .addClass('animated owl-animated-in') + .addClass(incoming); + } + }; + + Animate.prototype.clear = function(e) { + $(e.target).css( { 'left': '' } ) + .removeClass('animated owl-animated-out owl-animated-in') + .removeClass(this.core.settings.animateIn) + .removeClass(this.core.settings.animateOut); + this.core.onTransitionEnd(); + }; + + /** + * Destroys the plugin. + * @public + */ + Animate.prototype.destroy = function() { + var handler, property; + + for (handler in this.handlers) { + this.core.$element.off(handler, this.handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] != 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.Animate = Animate; + +})(window.Zepto || window.jQuery, window, document); + +/** + * Autoplay Plugin + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author Artus Kolanowski + * @author David Deutsch + * @author Tom De Caluwé + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the autoplay plugin. + * @class The Autoplay Plugin + * @param {Owl} scope - The Owl Carousel + */ + var Autoplay = function(carousel) { + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + /** + * The autoplay timeout id. + * @type {Number} + */ + this._call = null; + + /** + * Depending on the state of the plugin, this variable contains either + * the start time of the timer or the current timer value if it's + * paused. Since we start in a paused state we initialize the timer + * value. + * @type {Number} + */ + this._time = 0; + + /** + * Stores the timeout currently used. + * @type {Number} + */ + this._timeout = 0; + + /** + * Indicates whenever the autoplay is paused. + * @type {Boolean} + */ + this._paused = true; + + /** + * All event handlers. + * @protected + * @type {Object} + */ + this._handlers = { + 'changed.owl.carousel': $.proxy(function(e) { + if (e.namespace && e.property.name === 'settings') { + if (this._core.settings.autoplay) { + this.play(); + } else { + this.stop(); + } + } else if (e.namespace && e.property.name === 'position' && this._paused) { + // Reset the timer. This code is triggered when the position + // of the carousel was changed through user interaction. + this._time = 0; + } + }, this), + 'initialized.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.autoplay) { + this.play(); + } + }, this), + 'play.owl.autoplay': $.proxy(function(e, t, s) { + if (e.namespace) { + this.play(t, s); + } + }, this), + 'stop.owl.autoplay': $.proxy(function(e) { + if (e.namespace) { + this.stop(); + } + }, this), + 'mouseover.owl.autoplay': $.proxy(function() { + if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) { + this.pause(); + } + }, this), + 'mouseleave.owl.autoplay': $.proxy(function() { + if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) { + this.play(); + } + }, this), + 'touchstart.owl.core': $.proxy(function() { + if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) { + this.pause(); + } + }, this), + 'touchend.owl.core': $.proxy(function() { + if (this._core.settings.autoplayHoverPause) { + this.play(); + } + }, this) + }; + + // register event handlers + this._core.$element.on(this._handlers); + + // set default options + this._core.options = $.extend({}, Autoplay.Defaults, this._core.options); + }; + + /** + * Default options. + * @public + */ + Autoplay.Defaults = { + autoplay: false, + autoplayTimeout: 5000, + autoplayHoverPause: false, + autoplaySpeed: false + }; + + /** + * Transition to the next slide and set a timeout for the next transition. + * @private + * @param {Number} [speed] - The animation speed for the animations. + */ + Autoplay.prototype._next = function(speed) { + this._call = window.setTimeout( + $.proxy(this._next, this, speed), + this._timeout * (Math.round(this.read() / this._timeout) + 1) - this.read() + ); + + if (this._core.is('interacting') || document.hidden) { + return; + } + this._core.next(speed || this._core.settings.autoplaySpeed); + } + + /** + * Reads the current timer value when the timer is playing. + * @public + */ + Autoplay.prototype.read = function() { + return new Date().getTime() - this._time; + }; + + /** + * Starts the autoplay. + * @public + * @param {Number} [timeout] - The interval before the next animation starts. + * @param {Number} [speed] - The animation speed for the animations. + */ + Autoplay.prototype.play = function(timeout, speed) { + var elapsed; + + if (!this._core.is('rotating')) { + this._core.enter('rotating'); + } + + timeout = timeout || this._core.settings.autoplayTimeout; + + // Calculate the elapsed time since the last transition. If the carousel + // wasn't playing this calculation will yield zero. + elapsed = Math.min(this._time % (this._timeout || timeout), timeout); + + if (this._paused) { + // Start the clock. + this._time = this.read(); + this._paused = false; + } else { + // Clear the active timeout to allow replacement. + window.clearTimeout(this._call); + } + + // Adjust the origin of the timer to match the new timeout value. + this._time += this.read() % timeout - elapsed; + + this._timeout = timeout; + this._call = window.setTimeout($.proxy(this._next, this, speed), timeout - elapsed); + }; + + /** + * Stops the autoplay. + * @public + */ + Autoplay.prototype.stop = function() { + if (this._core.is('rotating')) { + // Reset the clock. + this._time = 0; + this._paused = true; + + window.clearTimeout(this._call); + this._core.leave('rotating'); + } + }; + + /** + * Pauses the autoplay. + * @public + */ + Autoplay.prototype.pause = function() { + if (this._core.is('rotating') && !this._paused) { + // Pause the clock. + this._time = this.read(); + this._paused = true; + + window.clearTimeout(this._call); + } + }; + + /** + * Destroys the plugin. + */ + Autoplay.prototype.destroy = function() { + var handler, property; + + this.stop(); + + for (handler in this._handlers) { + this._core.$element.off(handler, this._handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] != 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.autoplay = Autoplay; + +})(window.Zepto || window.jQuery, window, document); + +/** + * Navigation Plugin + * @version 2.3.4 + * @author Artus Kolanowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + 'use strict'; + + /** + * Creates the navigation plugin. + * @class The Navigation Plugin + * @param {Owl} carousel - The Owl Carousel. + */ + var Navigation = function(carousel) { + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + /** + * Indicates whether the plugin is initialized or not. + * @protected + * @type {Boolean} + */ + this._initialized = false; + + /** + * The current paging indexes. + * @protected + * @type {Array} + */ + this._pages = []; + + /** + * All DOM elements of the user interface. + * @protected + * @type {Object} + */ + this._controls = {}; + + /** + * Markup for an indicator. + * @protected + * @type {Array.} + */ + this._templates = []; + + /** + * The carousel element. + * @type {jQuery} + */ + this.$element = this._core.$element; + + /** + * Overridden methods of the carousel. + * @protected + * @type {Object} + */ + this._overrides = { + next: this._core.next, + prev: this._core.prev, + to: this._core.to + }; + + /** + * All event handlers. + * @protected + * @type {Object} + */ + this._handlers = { + 'prepared.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.dotsData) { + this._templates.push('
' + + $(e.content).find('[data-dot]').addBack('[data-dot]').attr('data-dot') + '
'); + } + }, this), + 'added.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.dotsData) { + this._templates.splice(e.position, 0, this._templates.pop()); + } + }, this), + 'remove.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.dotsData) { + this._templates.splice(e.position, 1); + } + }, this), + 'changed.owl.carousel': $.proxy(function(e) { + if (e.namespace && e.property.name == 'position') { + this.draw(); + } + }, this), + 'initialized.owl.carousel': $.proxy(function(e) { + if (e.namespace && !this._initialized) { + this._core.trigger('initialize', null, 'navigation'); + this.initialize(); + this.update(); + this.draw(); + this._initialized = true; + this._core.trigger('initialized', null, 'navigation'); + } + }, this), + 'refreshed.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._initialized) { + this._core.trigger('refresh', null, 'navigation'); + this.update(); + this.draw(); + this._core.trigger('refreshed', null, 'navigation'); + } + }, this) + }; + + // set default options + this._core.options = $.extend({}, Navigation.Defaults, this._core.options); + + // register event handlers + this.$element.on(this._handlers); + }; + + /** + * Default options. + * @public + * @todo Rename `slideBy` to `navBy` + */ + Navigation.Defaults = { + nav: false, + navText: [ + '‹', + '›' + ], + navSpeed: false, + navElement: 'button type="button" role="presentation"', + navContainer: false, + navContainerClass: 'owl-nav', + navClass: [ + 'owl-prev', + 'owl-next' + ], + slideBy: 1, + dotClass: 'owl-dot', + dotsClass: 'owl-dots', + dots: true, + dotsEach: false, + dotsData: false, + dotsSpeed: false, + dotsContainer: false + }; + + /** + * Initializes the layout of the plugin and extends the carousel. + * @protected + */ + Navigation.prototype.initialize = function() { + var override, + settings = this._core.settings; + + // create DOM structure for relative navigation + this._controls.$relative = (settings.navContainer ? $(settings.navContainer) + : $('
').addClass(settings.navContainerClass).appendTo(this.$element)).addClass('disabled'); + + this._controls.$previous = $('<' + settings.navElement + '>') + .addClass(settings.navClass[0]) + .html(settings.navText[0]) + .prependTo(this._controls.$relative) + .on('click', $.proxy(function(e) { + this.prev(settings.navSpeed); + }, this)); + this._controls.$next = $('<' + settings.navElement + '>') + .addClass(settings.navClass[1]) + .html(settings.navText[1]) + .appendTo(this._controls.$relative) + .on('click', $.proxy(function(e) { + this.next(settings.navSpeed); + }, this)); + + // create DOM structure for absolute navigation + if (!settings.dotsData) { + this._templates = [ $('