diff --git a/theme_eco_food/README.rst b/theme_eco_food/README.rst new file mode 100644 index 000000000..a4379b524 --- /dev/null +++ b/theme_eco_food/README.rst @@ -0,0 +1,46 @@ +.. image:: https://img.shields.io/badge/license-LGPL--3-blue.svg + :target: http://www.gnu.org/licenses/lgpl-3.0-standalone.html + :alt: License: LGPL-3 + +Theme Eco Life +============== +* Design Web Pages with Theme Eco Life + +Installation +============ + - www.odoo.com/documentation/17.0/setup/install.html + - Install our custom addon + +License +------- +General Public License, Version 3 (LGPL v3). +(http://www.gnu.org/licenses/lgpl-3.0-standalone.html) + +Company +------- +* `Cybrosys Techno Solutions `__ + +Credits +------- +* Developer: (V17) Fouzan M @cybrosys, 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: ``__ \ No newline at end of file diff --git a/theme_eco_food/__init__.py b/theme_eco_food/__init__.py new file mode 100644 index 000000000..50349d36a --- /dev/null +++ b/theme_eco_food/__init__.py @@ -0,0 +1,23 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Techno Solutions() +# +# 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 +from . import models diff --git a/theme_eco_food/__manifest__.py b/theme_eco_food/__manifest__.py new file mode 100644 index 000000000..ead251b93 --- /dev/null +++ b/theme_eco_food/__manifest__.py @@ -0,0 +1,99 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Techno Solutions() +# +# 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 Eco Food', + 'description': 'Theme Eco Food is an attractive and modern eCommerce' + ' Website theme', + 'summary': 'Design Web Pages with theme EcoLife', + 'category': 'Theme/eCommerce', + 'version': '17.0.1.0.0', + 'author': 'Cybrosys Techno Solutions', + 'company': 'Cybrosys Techno Solutions', + 'maintainer': 'Cybrosys Techno Solutions', + 'website': "https://www.cybrosys.com", + 'depends': ['website', 'website_sale', 'website_sale_wishlist', 'website_blog'], + 'data': [ + 'data/best_seller_data.xml', + 'data/recently_added_data.xml', + 'data/featured_product_data.xml', + 'data/new_arrival_data.xml', + 'security/ir.model.access.csv', + 'views/shop_template.xml', + 'views/best_seller_views.xml', + 'views/recently_added_views.xml', + 'views/featured_product_views.xml', + 'views/new_arrival_views.xml', + 'views/footer_template.xml', + 'views/header_template.xml', + 'views/contact_template.xml', + 'views/checkout_template.xml', + 'views/testimonial_views.xml', + 'views/snippets/banner_template.xml', + 'views/snippets/best_seller_template.xml', + 'views/snippets/client_template.xml', + 'views/snippets/featured_product_template.xml', + 'views/snippets/new_arrival_template.xml', + 'views/snippets/recently_added_template.xml', + 'views/snippets/service_template.xml', + 'views/snippets/testimonial_template.xml', + 'views/snippets/website_ad_template.xml', + 'views/snippets/ad_template.xml', + 'views/snippets/snippet_templates.xml', + ], + 'assets': { + 'web.assets_frontend': [ + 'theme_eco_food/static/src/css/animate.css', + 'theme_eco_food/static/src/xml/snippets/best_seller.xml', + 'theme_eco_food/static/src/xml/snippets/featured_products.xml', + 'theme_eco_food/static/src/xml/snippets/new_arrival_products.xml', + 'theme_eco_food/static/src/xml/snippets/recently_added.xml', + 'theme_eco_food/static/src/xml/snippets/testimonial.xml', + 'theme_eco_food/static/src/css/animate.min.css', + 'theme_eco_food/static/src/css/bootstrap-dropdownhover.css', + 'theme_eco_food/static/src/css/bootstrap-dropdownhover.min.css', + 'theme_eco_food/static/src/css/bootstrap-icons.css', + 'theme_eco_food/static/src/css/owl.carousel.min.css', + 'theme_eco_food/static/src/css/owl.theme.default.min.css', + 'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css', + 'theme_eco_food/static/src/css/style.css', + 'theme_eco_food/static/src/js/owl.carousel.js', + 'theme_eco_food/static/src/js/owl.carousel.min.js', + 'theme_eco_food/static/src/js/script.js', + 'theme_eco_food/static/src/js/index.js', + 'theme_eco_food/static/src/js/new_arrivals.js', + 'theme_eco_food/static/src/js/best_seller.js', + 'theme_eco_food/static/src/js/featured_products.js', + 'theme_eco_food/static/src/js/recently_added.js', + 'theme_eco_food/static/src/js/testimonial.js', + 'theme_eco_food/static/src/js/website_sale.js', + 'theme_eco_food/static/src/js/custom.js', + ], + }, + 'images': [ + 'static/description/banner.jpg', + 'static/description/theme_screenshot.jpg', + ], + 'license': 'LGPL-3', + 'installable': True, + 'application': False, + 'auto_install': False, +} diff --git a/theme_eco_food/controllers/__init__.py b/theme_eco_food/controllers/__init__.py new file mode 100644 index 000000000..d1429e0e5 --- /dev/null +++ b/theme_eco_food/controllers/__init__.py @@ -0,0 +1,24 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Techno Solutions() +# +# 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 website_eco_food +from . import website_sale +from . import website_sale_wishlist diff --git a/theme_eco_food/controllers/website_eco_food.py b/theme_eco_food/controllers/website_eco_food.py new file mode 100644 index 000000000..abaec889d --- /dev/null +++ b/theme_eco_food/controllers/website_eco_food.py @@ -0,0 +1,132 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Techno Solutions() +# +# 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 WebsiteEcoFood(http.Controller): + """ Class for website to add extra functions""" + + @http.route('/get_best_seller', auth="public", type='json') + def get_best_seller(self): + """this function is used to retrieve the best-selling product""" + products = request.env.ref( + 'theme_eco_food.best_seller_product').product_tmpl_ids.sorted( + key=lambda x: x.sales_count, reverse=True)[:10] + best_seller = [{'id': product.id, + 'name': product.name, + 'category': product.categ_id.name, + 'rating_avg': product.rating_avg, + 'list_price': product.list_price, + 'currency': product.currency_id.symbol + } for product in products] + return best_seller + + @http.route('/get_featured_products', auth="public", type='json') + def get_featured_products(self): + """this function is used to retrieve featured products""" + products = request.env.ref( + 'theme_eco_food.featured_product').product_tmpl_ids.sorted( + key=lambda x: x.id, reverse=True)[:8] + values = { + f'slide{i + 1}': [{'id': product.id, + 'name': product.name, + 'category': product.categ_id.name, + 'rating_avg': product.rating_avg, + 'list_price': product.list_price, + 'currency': product.currency_id.symbol + } for product in products[i * 4:(i + 1) * 4]] + for i in range((len(products) + 3) // 4) + } + return values + + @http.route('/get_recently_added_products', auth="public", type='json') + def get_recently_added_products(self): + """this function will return the most recently added products.""" + products = request.env.ref( + 'theme_eco_food.recently_added_product').product_tmpl_ids.sorted( + key=lambda x: x.id, reverse=True)[:16] + values = { + f'slide{i + 1}': [{'id': product.id, + 'name': product.name, + 'category': product.categ_id.name, + 'rating_avg': product.rating_avg, + 'list_price': product.list_price, + 'currency': product.currency_id.symbol + } for product in products[i * 8:(i + 1) * 8]] + for i in range((len(products) + 7) // 8) + } + return values + + @http.route('/get_new_arrivals', auth="public", type='json') + def get_new_arrivals(self): + """this function is used to retrieve new arrival products""" + products = request.env.ref( + 'theme_eco_food.new_arrival_product').product_tmpl_ids.sorted( + key=lambda x: x.id, reverse=True)[:16] + values = [{ + 'id': product.id, + 'name': product.name, + 'category': product.categ_id.name, + 'rating_avg': product.rating_avg, + 'list_price': product.list_price, + 'currency': product.currency_id.symbol + } for product in products] + return values + + @http.route('/get_testimonials', auth="public", type='json') + def get_testimonials(self): + """this function is used to retrieve testimonials.py""" + testimonials = request.env['ecofood.testimonial'].search([]).sorted( + key=lambda x: x.id, reverse=True)[:16] + values = { + f'slide{i + 1}': [{'id': record.id, + 'name': record.partner_id.name, + 'email': record.partner_id.email, + 'review': record.review + } for record in testimonials[i * 2:(i + 1) * 2]] + for i in range((len(testimonials) + 1) // 2) + } + return values + + @http.route('/subscribe_newsletter', auth='public', type='json') + def subscribe_newsletter(self, **kw): + """ To save email to newsletter mail list""" + if request.env['mailing.contact'].sudo().search([ + ("email", "=", kw.get("email")), + ("list_ids", "in", + [request.env.ref('mass_mailing.mailing_list_data').id])]): + return False + elif request.env.user._is_public(): + visitor_sudo = (request.env['website.visitor'].sudo() + ._get_visitor_from_request()) + name = visitor_sudo.display_name if visitor_sudo else \ + "Website Visitor" + else: + name = request.env.user.partner_id.name + request.env['mailing.contact'].sudo().create({ + "name": name, + "email": kw.get('email'), + "list_ids": [request.env.ref( + 'mass_mailing.mailing_list_data').id] + }) + return True diff --git a/theme_eco_food/controllers/website_sale.py b/theme_eco_food/controllers/website_sale.py new file mode 100644 index 000000000..e6c9f1557 --- /dev/null +++ b/theme_eco_food/controllers/website_sale.py @@ -0,0 +1,64 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Techno Solutions() +# +# 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 +from odoo.addons.website_sale.controllers.main import TableCompute, WebsiteSale +from odoo.tools import lazy + + +class EcoFoodWebsiteSale(WebsiteSale): + """This function helps to override the functionalities of a website shop""" + + @http.route() + def shop(self, **post): + """this function is used to set products based on selected category on + the category snippet option""" + result = super().shop(**post) + page = post.get('page', 0) + post.pop('page', None) + search_product = result.qcontext['search_product'] + search_product = request.env['product.template'].sudo().search([ + ('id', 'in', search_product.ids), + ('selected_att', '=', True) + ]) + if search_product: + product_count = len(search_product) + ppg = result.qcontext['ppg'] + ppr = result.qcontext['ppr'] + url = '/shop' + website = request.env['website'].get_current_website() + pager = website.pager(url=url, total=product_count, page=page, + step=ppg, url_args=post) + offset = pager['offset'] + products = search_product[offset:offset + ppg] + result.qcontext['search_product'] = search_product + result.qcontext['search_count'] = product_count + result.qcontext['pager'] = pager + result.qcontext['products'] = products + result.qcontext['bins'] = lazy( + lambda: TableCompute().process(products, ppg, ppr)) + if products: + result.qcontext['attributes'] = lazy( + lambda: request.env['product.attribute'].search([ + ('product_tmpl_ids', 'in', search_product.ids), + ('visibility', '=', 'visible')])) + return result diff --git a/theme_eco_food/controllers/website_sale_wishlist.py b/theme_eco_food/controllers/website_sale_wishlist.py new file mode 100644 index 000000000..cdb49bd47 --- /dev/null +++ b/theme_eco_food/controllers/website_sale_wishlist.py @@ -0,0 +1,39 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Techno Solutions() +# +# 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 +from odoo.addons.website_sale.controllers.main import WebsiteSale + + +class WebsiteSaleWishlist(WebsiteSale): + """This function helps to override the functionalities of a wishlist""" + + @http.route() + def add_to_wishlist(self, product_id, **kw): + """Function to check product is exits in wishlist list or not""" + if kw.get('is_template'): + product_id = request.env['product.template'].sudo().browse( + product_id)._get_first_possible_variant_id() + wish = request.env['product.wishlist'].sudo().search([ + ('product_id', '=', product_id) + ]) + return False if wish else super().add_to_wishlist(product_id, **kw) diff --git a/theme_eco_food/data/best_seller_data.xml b/theme_eco_food/data/best_seller_data.xml new file mode 100644 index 000000000..69f7b9314 --- /dev/null +++ b/theme_eco_food/data/best_seller_data.xml @@ -0,0 +1,9 @@ + + + + + + Best Seller + + + \ No newline at end of file diff --git a/theme_eco_food/data/featured_product_data.xml b/theme_eco_food/data/featured_product_data.xml new file mode 100644 index 000000000..5b2d2d857 --- /dev/null +++ b/theme_eco_food/data/featured_product_data.xml @@ -0,0 +1,9 @@ + + + + + + Featured Product + + + \ No newline at end of file diff --git a/theme_eco_food/data/new_arrival_data.xml b/theme_eco_food/data/new_arrival_data.xml new file mode 100644 index 000000000..de968d164 --- /dev/null +++ b/theme_eco_food/data/new_arrival_data.xml @@ -0,0 +1,9 @@ + + + + + + New Arrival + + + \ No newline at end of file diff --git a/theme_eco_food/data/recently_added_data.xml b/theme_eco_food/data/recently_added_data.xml new file mode 100644 index 000000000..aa48690a4 --- /dev/null +++ b/theme_eco_food/data/recently_added_data.xml @@ -0,0 +1,9 @@ + + + + + + Recently Added Products + + + \ No newline at end of file diff --git a/theme_eco_food/doc/RELEASE_NOTES.md b/theme_eco_food/doc/RELEASE_NOTES.md new file mode 100644 index 000000000..64de86cac --- /dev/null +++ b/theme_eco_food/doc/RELEASE_NOTES.md @@ -0,0 +1,6 @@ +## Module + +#### 10.01.2024 +#### Version 17.0.1.0.0 +#### ADD +- Initial commit for Theme Eco Life \ No newline at end of file diff --git a/theme_eco_food/models/__init__.py b/theme_eco_food/models/__init__.py new file mode 100644 index 000000000..125d77a6a --- /dev/null +++ b/theme_eco_food/models/__init__.py @@ -0,0 +1,27 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Techno Solutions() +# +# 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 best_seller +from . import featured_products +from . import new_arrival +from . import product_template +from . import recently_added +from . import testimonial diff --git a/theme_eco_food/models/best_seller.py b/theme_eco_food/models/best_seller.py new file mode 100644 index 000000000..619501a22 --- /dev/null +++ b/theme_eco_food/models/best_seller.py @@ -0,0 +1,36 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Techno Solutions() +# +# 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 fields, models + + +class BestSeller(models.Model): + """This is used to set the Best sellers and their corresponding products for + the snippet""" + _name = "best.seller" + _description = "Best Seller" + + name = fields.Char(required=True) + product_tmpl_ids = fields.Many2many('product.template', + domain="[('sale_ok', '=', True)," + " ('is_published', '=', True)]", + string="Best-Selling Products", + help="Choose best selling products") diff --git a/theme_eco_food/models/featured_products.py b/theme_eco_food/models/featured_products.py new file mode 100644 index 000000000..4cbbca26f --- /dev/null +++ b/theme_eco_food/models/featured_products.py @@ -0,0 +1,35 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Techno Solutions() +# +# 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 fields, models + + +class FeaturedProducts(models.Model): + """model to manage featured products.""" + _name = "featured.products" + _description = "Featured Products" + + name = fields.Char(required=True) + product_tmpl_ids = fields.Many2many('product.template', + domain="[('sale_ok', '=', True)," + " ('is_published', '=', True)]", + string="Featured Products", + help="Choose featured products") diff --git a/theme_eco_food/models/new_arrival.py b/theme_eco_food/models/new_arrival.py new file mode 100644 index 000000000..82fbf88db --- /dev/null +++ b/theme_eco_food/models/new_arrival.py @@ -0,0 +1,35 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Techno Solutions() +# +# 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 fields, models + + +class NewArrival(models.Model): + """model to manage new arrival products""" + _name = "new.arrival" + _description = "New Arrival Products" + + name = fields.Char(required=True) + product_tmpl_ids = fields.Many2many('product.template', + domain="[('sale_ok', '=', True)," + " ('is_published', '=', True)]", + string="New Arrival Products", + help="Choose new arrival products") diff --git a/theme_eco_food/models/product_template.py b/theme_eco_food/models/product_template.py new file mode 100644 index 000000000..3ab758c01 --- /dev/null +++ b/theme_eco_food/models/product_template.py @@ -0,0 +1,42 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Techno Solutions() +# +# 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 api, fields, models + + +class ProductTemplate(models.Model): + """ This model extends the 'product.template' model to add additional + functionality""" + _inherit = 'product.template' + + selected_att = fields.Boolean(string='Product Selection', + help='to select multiple category') + + @api.model + def get_product_selections(self, data): + """Function to set the value of selected_att based on the selected view + type in the shop page.""" + for record in self.search([]): + record.selected_att = data['all'] + if not data['all'] and data['category']: + for rec in record.public_categ_ids: + if rec.id in data['category']: + record.selected_att = True diff --git a/theme_eco_food/models/recently_added.py b/theme_eco_food/models/recently_added.py new file mode 100644 index 000000000..d0807e80a --- /dev/null +++ b/theme_eco_food/models/recently_added.py @@ -0,0 +1,35 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Techno Solutions() +# +# 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 fields, models + + +class RecentlyAdded(models.Model): + """model to manage recently added product""" + _name = "recently.added" + _description = "Recently Added Products" + + name = fields.Char(required=True) + product_tmpl_ids = fields.Many2many('product.template', + domain="[('sale_ok', '=', True)," + " ('is_published', '=', True)]", + string='Recently Added Products', + help="Choose recently added products") diff --git a/theme_eco_food/models/testimonial.py b/theme_eco_food/models/testimonial.py new file mode 100644 index 000000000..d884237b8 --- /dev/null +++ b/theme_eco_food/models/testimonial.py @@ -0,0 +1,33 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Techno Solutions() +# +# 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 fields, models + + +class Testimonial(models.Model): + """model to manage testimonials.py""" + _name = 'ecofood.testimonial' + _description = 'Testimonials' + _rec_name = 'partner_id' + + partner_id = fields.Many2one('res.partner', string='Customer', + required=True) + review = fields.Text(help='Add your review here') diff --git a/theme_eco_food/security/ir.model.access.csv b/theme_eco_food/security/ir.model.access.csv new file mode 100644 index 000000000..d4fdb086b --- /dev/null +++ b/theme_eco_food/security/ir.model.access.csv @@ -0,0 +1,6 @@ +id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink +access_best_seller,best.seller,model_best_seller,base.group_user,1,1,1,1 +access_featured_products,featured.products,model_featured_products,base.group_user,1,1,1,1 +access_recently_added,recently.added,model_recently_added,base.group_user,1,1,1,1 +access_new_arrival,new.arrival,model_new_arrival,base.group_user,1,1,1,1 +access_testimonial,ecofood.testimonial,model_ecofood_testimonial,base.group_user,1,1,1,1 \ No newline at end of file diff --git a/theme_eco_food/static/description/assets/all_screens.png b/theme_eco_food/static/description/assets/all_screens.png new file mode 100644 index 000000000..47b5d9a18 Binary files /dev/null and b/theme_eco_food/static/description/assets/all_screens.png differ diff --git a/theme_eco_food/static/description/assets/easily-access-menu.gif b/theme_eco_food/static/description/assets/easily-access-menu.gif new file mode 100644 index 000000000..08340f307 Binary files /dev/null and b/theme_eco_food/static/description/assets/easily-access-menu.gif differ diff --git a/theme_eco_food/static/description/assets/hero.gif b/theme_eco_food/static/description/assets/hero.gif new file mode 100644 index 000000000..03ff24bc4 Binary files /dev/null and b/theme_eco_food/static/description/assets/hero.gif differ diff --git a/theme_eco_food/static/description/assets/icons/check.png b/theme_eco_food/static/description/assets/icons/check.png new file mode 100644 index 000000000..c8e85f51d Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/check.png differ diff --git a/theme_eco_food/static/description/assets/icons/chevron.png b/theme_eco_food/static/description/assets/icons/chevron.png new file mode 100644 index 000000000..2089293d6 Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/chevron.png differ diff --git a/theme_eco_food/static/description/assets/icons/cogs.png b/theme_eco_food/static/description/assets/icons/cogs.png new file mode 100644 index 000000000..95d0bad62 Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/cogs.png differ diff --git a/theme_eco_food/static/description/assets/icons/consultation.png b/theme_eco_food/static/description/assets/icons/consultation.png new file mode 100644 index 000000000..8319d4baa Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/consultation.png differ diff --git a/theme_eco_food/static/description/assets/icons/ecom-black.png b/theme_eco_food/static/description/assets/icons/ecom-black.png new file mode 100644 index 000000000..a9385ff13 Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/ecom-black.png differ diff --git a/theme_eco_food/static/description/assets/icons/education-black.png b/theme_eco_food/static/description/assets/icons/education-black.png new file mode 100644 index 000000000..3eb09b27b Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/education-black.png differ diff --git a/theme_eco_food/static/description/assets/icons/hotel-black.png b/theme_eco_food/static/description/assets/icons/hotel-black.png new file mode 100644 index 000000000..130f613be Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/hotel-black.png differ diff --git a/theme_eco_food/static/description/assets/icons/license.png b/theme_eco_food/static/description/assets/icons/license.png new file mode 100644 index 000000000..a5869797e Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/license.png differ diff --git a/theme_eco_food/static/description/assets/icons/lifebuoy.png b/theme_eco_food/static/description/assets/icons/lifebuoy.png new file mode 100644 index 000000000..658d56ccc Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/lifebuoy.png differ diff --git a/theme_eco_food/static/description/assets/icons/manufacturing-black.png b/theme_eco_food/static/description/assets/icons/manufacturing-black.png new file mode 100644 index 000000000..697eb0e9f Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/manufacturing-black.png differ diff --git a/theme_eco_food/static/description/assets/icons/pos-black.png b/theme_eco_food/static/description/assets/icons/pos-black.png new file mode 100644 index 000000000..97c0f90c1 Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/pos-black.png differ diff --git a/theme_eco_food/static/description/assets/icons/puzzle.png b/theme_eco_food/static/description/assets/icons/puzzle.png new file mode 100644 index 000000000..65cf854e7 Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/puzzle.png differ diff --git a/theme_eco_food/static/description/assets/icons/restaurant-black.png b/theme_eco_food/static/description/assets/icons/restaurant-black.png new file mode 100644 index 000000000..4a35eb939 Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/restaurant-black.png differ diff --git a/theme_eco_food/static/description/assets/icons/service-black.png b/theme_eco_food/static/description/assets/icons/service-black.png new file mode 100644 index 000000000..301ab51cb Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/service-black.png differ diff --git a/theme_eco_food/static/description/assets/icons/trading-black.png b/theme_eco_food/static/description/assets/icons/trading-black.png new file mode 100644 index 000000000..9398ba2f1 Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/trading-black.png differ diff --git a/theme_eco_food/static/description/assets/icons/training.png b/theme_eco_food/static/description/assets/icons/training.png new file mode 100644 index 000000000..884ca024d Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/training.png differ diff --git a/theme_eco_food/static/description/assets/icons/update.png b/theme_eco_food/static/description/assets/icons/update.png new file mode 100644 index 000000000..ecbc5a01a Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/update.png differ diff --git a/theme_eco_food/static/description/assets/icons/user.png b/theme_eco_food/static/description/assets/icons/user.png new file mode 100644 index 000000000..6ffb23d9f Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/user.png differ diff --git a/theme_eco_food/static/description/assets/icons/wrench.png b/theme_eco_food/static/description/assets/icons/wrench.png new file mode 100644 index 000000000..6c04dea0f Binary files /dev/null and b/theme_eco_food/static/description/assets/icons/wrench.png differ diff --git a/theme_eco_food/static/description/assets/logo.png b/theme_eco_food/static/description/assets/logo.png new file mode 100644 index 000000000..4e19a9e29 Binary files /dev/null and b/theme_eco_food/static/description/assets/logo.png differ diff --git a/theme_eco_food/static/description/assets/menu_focus.png b/theme_eco_food/static/description/assets/menu_focus.png new file mode 100644 index 000000000..7c8a93427 Binary files /dev/null and b/theme_eco_food/static/description/assets/menu_focus.png differ diff --git a/theme_eco_food/static/description/assets/responsive.jpg b/theme_eco_food/static/description/assets/responsive.jpg new file mode 100644 index 000000000..0c6354b8d Binary files /dev/null and b/theme_eco_food/static/description/assets/responsive.jpg differ diff --git a/theme_eco_food/static/description/assets/screenshots/1.png b/theme_eco_food/static/description/assets/screenshots/1.png new file mode 100644 index 000000000..84f11ed37 Binary files /dev/null and b/theme_eco_food/static/description/assets/screenshots/1.png differ diff --git a/theme_eco_food/static/description/assets/screenshots/2.png b/theme_eco_food/static/description/assets/screenshots/2.png new file mode 100644 index 000000000..f1275d823 Binary files /dev/null and b/theme_eco_food/static/description/assets/screenshots/2.png differ diff --git a/theme_eco_food/static/description/assets/screenshots/3.png b/theme_eco_food/static/description/assets/screenshots/3.png new file mode 100644 index 000000000..5b675f3b4 Binary files /dev/null and b/theme_eco_food/static/description/assets/screenshots/3.png differ diff --git a/theme_eco_food/static/description/assets/screenshots/4.png b/theme_eco_food/static/description/assets/screenshots/4.png new file mode 100644 index 000000000..8d59c42ea Binary files /dev/null and b/theme_eco_food/static/description/assets/screenshots/4.png differ diff --git a/theme_eco_food/static/description/assets/screenshots/5.png b/theme_eco_food/static/description/assets/screenshots/5.png new file mode 100644 index 000000000..11595e3fe Binary files /dev/null and b/theme_eco_food/static/description/assets/screenshots/5.png differ diff --git a/theme_eco_food/static/description/assets/screenshots/6.png b/theme_eco_food/static/description/assets/screenshots/6.png new file mode 100644 index 000000000..10d9afc97 Binary files /dev/null and b/theme_eco_food/static/description/assets/screenshots/6.png differ diff --git a/theme_eco_food/static/description/assets/screenshots/7.png b/theme_eco_food/static/description/assets/screenshots/7.png new file mode 100644 index 000000000..cdf29d41c Binary files /dev/null and b/theme_eco_food/static/description/assets/screenshots/7.png differ diff --git a/theme_eco_food/static/description/assets/screenshots/8.png b/theme_eco_food/static/description/assets/screenshots/8.png new file mode 100644 index 000000000..78738666f Binary files /dev/null and b/theme_eco_food/static/description/assets/screenshots/8.png differ diff --git a/theme_eco_food/static/description/banner.jpg b/theme_eco_food/static/description/banner.jpg new file mode 100644 index 000000000..46fbc935a Binary files /dev/null and b/theme_eco_food/static/description/banner.jpg differ diff --git a/theme_eco_food/static/description/icon.png b/theme_eco_food/static/description/icon.png new file mode 100644 index 000000000..5d4b46798 Binary files /dev/null and b/theme_eco_food/static/description/icon.png differ diff --git a/theme_eco_food/static/description/index.html b/theme_eco_food/static/description/index.html new file mode 100644 index 000000000..d8d99eefa --- /dev/null +++ b/theme_eco_food/static/description/index.html @@ -0,0 +1,728 @@ + +
+
+
+

+ Theme Eco Food +

+

Minimalist and Elegant Frontend + Theme for Odoo 17

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

+ The Eco Life V17 Gives You a Fully Modified View with a Full Screen Display. + This is a Minimalist and Elegant Frontend Theme for Odoo 17. + This Theme Will Change Your Old Experience to a New Experience With Odoo. + It is a Perfect Choice for Your Odoo Frontend and an Attractive Theme for Your Odoo 17. + It will Give You an attractive header with details on cart, wishlist, pricelist etc. + Using this theme you can customize your product card with features like add to cart, add to wishlist, + rating and all in a new outlook. This will change your contact us, cart, address and payment page to + A Fully Modified View. +

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

+ Features

+
+
+ +
+
+
+ +
+
+
+
+ New +
+

Fully Responsive Layout

+
+ Now take advantage of everything your dashboard has to offer even on the go. Our design are + now + fully responsive enabling you to view and manage everything from the comfort of your mobile + device. Everything + has been designed in a meticulous fashion. +
+ + +

Fully responsive

+ + + +

Fits perfectly to all screen sizes

+ +
+
+
+
+ + +
+
+
+

Shop View

+
+ The Eco Life Theme V17 Gives You a Fully Modified Shop View. + The product card gives a Pleasant Experience And an Extraordinary Design + To Your Shop page Making The product cards Look Great. + It will Give You a Clean Layout with the New Outlook to your product card with + add to cart,add to wishlist, rating, etc in a new style. +
+
+
+ + +

Modified Font

+ + + + +

New Color Combination

+ + + + +

Full Screen View

+ +
+ +
+ + +

Hover Effect

+ + + + +

Clean Layout

+ + + + +

New label at the top

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

Cart page

+
+ The All new Eco Life Theme V17 Gives You The Fully Modified Cart View and This Table Design + is Also Have Awesome Design and it Gives You More Beauty for Your Odoo Frontend. + It will Give You a Clean Layout with the New Color Combination and a Modified Font. +
+
+
+ + +

Modified Table Style

+ + + + +

New Color Combination

+ + + + +

Shows discount percentage and discounted price

+ +
+ +
+ + +

Buttons with New Colors

+ + + +

Modified Font

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

Contact Us Page

+
+ Eco Life Theme Gives You The Fully Modified Contact View with a Full Screen Experience. It will + Give You a Clean Layout with the New OutLook + and a Modified Font. +
+
+
+ + +

Modified Style

+ + + + +

Full Screen View

+ +
+ +
+ + +

New Looks for Button

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

Overview

+
+ Eco Life Theme V17 is an Attractive Theme for Your Odoo 17. + This Theme Will Change Improve Your Experience With Odoo. + This is a Minimalist and Elegant Frontend Theme for Odoo 17 And Can Offer a Perfect Choice + for + Your Odoo Frontend. +
+
+ + +

Modified Structure for All Pages

+ + + + +

New Style for Buttons

+ + + +

New Color Combination

+ + + + +

New Look for All Pages

+ + + +

A Clean layout and New Font Style

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

+ Screenshots

+
+
+ +
+
+
+
+
1
+
+
Home Page with Banner
+
+
+
+ +
+
+ +
+
+
+
+
2
+
+
Home page with snippets
+
+
+
+ +
+
+ +
+
+
+
+
3
+
+
Home page with dynamic snippet
+
+
+
+ +
+
+ +
+
+
+
+
4
+
+
Shop Page
+
+
+
+ +
+
+ +
+
+
+
+
5
+
+
Contact Us Page
+
+
+
+ +
+
+ +
+
+
+
+
6
+
+
Home page with a dynamic snippet
+
+
+
+ +
+
+ +
+
+
+
+
7
+
+
Cart Page
+
+
+
+ +
+
+
+
+
+
+
8
+
+
Address Page +
+
+
+
+ +
+
+
+
+ + + + +
+
+
+ +

+ Our Services

+
+ +
+
+ +
+
+ Odoo + Customization
+
+ +
+
+ +
+
+ Odoo + Implementation
+
+ +
+
+ +
+
+ Odoo + Support
+
+ +
+
+ +
+
+ Hire + Odoo + Developer
+
+ +
+
+ +
+
+ Odoo + Integration
+
+ +
+
+ +
+
+ Odoo + Migration
+
+ +
+
+ +
+
+ Odoo + Consultancy
+
+ +
+
+ +
+
+ Odoo + Implementation
+
+ +
+
+ +
+
+ Odoo + Licensing Consultancy
+
+
+
+ + + +
+
+
+ +

+ Our Industries

+
+ +
+
+ +
+ Trading +
+

Easily + procure + and + sell your products

+
+
+ +
+
+ +
+ POS +
+

Easy + configuration + and convivial experience

+
+
+ +
+
+ +
+ Education +
+

A + platform for + educational management

+
+
+ +
+
+ +
+ Manufacturing +
+

Plan, + track and + schedule your operations

+
+
+
+
+ +
+ E-commerce & Website +
+

Mobile + friendly, + awe-inspiring product pages

+
+
+
+
+ +
+ Service Management +
+

Keep + track of + services and invoice

+
+
+
+
+ +
+ Restaurant +
+

Run + your bar or + restaurant methodically

+
+
+
+
+ +
+ Hotel Management +
+

An + all-inclusive + hotel management application

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

+ Need Help?

+
+
+ +
+
+
+
+ odoo@cybrosys.com +
+
+ + WhatsApp +
+
+ + info@cybrosys.com +
+
+
+
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+
\ No newline at end of file diff --git a/theme_eco_food/static/description/theme_screenshot.jpg b/theme_eco_food/static/description/theme_screenshot.jpg new file mode 100644 index 000000000..f9b56787f Binary files /dev/null and b/theme_eco_food/static/description/theme_screenshot.jpg differ diff --git a/theme_eco_food/static/src/css/animate.css b/theme_eco_food/static/src/css/animate.css new file mode 100644 index 000000000..f784ce8f6 --- /dev/null +++ b/theme_eco_food/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_eco_food/static/src/css/animate.min.css b/theme_eco_food/static/src/css/animate.min.css new file mode 100644 index 000000000..073e89cee --- /dev/null +++ b/theme_eco_food/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_eco_food/static/src/css/bootstrap-dropdownhover.css b/theme_eco_food/static/src/css/bootstrap-dropdownhover.css new file mode 100644 index 000000000..0cb9adf21 --- /dev/null +++ b/theme_eco_food/static/src/css/bootstrap-dropdownhover.css @@ -0,0 +1,73 @@ +/*! + * Dropdownhover v1.0.0 (http://bs-dropdownhover.kybarg.com) + */ +.dropdown .dropdown-menu .caret { + border: 4px solid transparent; + border-left-color: #000; + float: right; + margin-top: 6px; +} +.dropdown-menu { + min-width: 250px; +} +.dropdown-menu > li.open > a { + background-color: #F5F5F5; + color: #262626; + text-decoration: none; +} +.dropdown-menu .dropdown-menu { + left: 100%; + margin: 0; + right: auto; + top: -1px; +} +.dropdown-menu-right .dropdown-menu, +.navbar-right .dropdown-menu .dropdown-menu, +.pull-right .dropdown-menu .dropdown-menu { + left: auto; + right: 100%; +} +.dropdown-menu.animated { + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; +} +.dropdown-menu.animated:before { + content: " "; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 99; +} +.dropdownhover-top { + margin-bottom: 2px; + margin-top: 0; +} +.navbar-fixed-bottom .dropdown-menu .dropdown-menu, +.dropdownhover-top .dropdown-menu { + bottom: -1px; + top: auto; +} + +.navbar-nav > li > .dropdown-menu { + margin-bottom: 0; +} + +.dropdownhover-bottom { + -webkit-transform-origin: 50% 0; + transform-origin: 50% 0; +} +.dropdownhover-left { + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} +.dropdownhover-right { + -webkit-transform-origin: 0 50%; + transform-origin: 0 50%; +} +.dropdownhover-top { + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} \ No newline at end of file diff --git a/theme_eco_food/static/src/css/bootstrap-dropdownhover.min.css b/theme_eco_food/static/src/css/bootstrap-dropdownhover.min.css new file mode 100644 index 000000000..a913dcf94 --- /dev/null +++ b/theme_eco_food/static/src/css/bootstrap-dropdownhover.min.css @@ -0,0 +1,4 @@ +/*! + * Dropdownhover v1.0.0 (http://bs-dropdownhover.kybarg.com) + */ +.dropdown .dropdown-menu .caret{border:4px solid transparent;border-left-color:#000;float:right;margin-top:6px}.dropdown-menu{min-width:250px}.dropdown-menu > li.open > a{background-color:#F5F5F5;color:#262626;text-decoration:none}.dropdown-menu .dropdown-menu{left:100%;margin:0;right:auto;top:-1px}.dropdown-menu-right .dropdown-menu,.navbar-right .dropdown-menu .dropdown-menu,.pull-right .dropdown-menu .dropdown-menu{left:auto;right:100%}.dropdown-menu.animated{-webkit-animation-duration:0.3s;animation-duration:0.3s}.dropdown-menu.animated:before{content:" ";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:99}.dropdownhover-top{margin-bottom:2px;margin-top:0}.navbar-fixed-bottom .dropdown-menu .dropdown-menu,.dropdownhover-top .dropdown-menu{bottom:-1px;top:auto}.navbar-nav > li > .dropdown-menu{margin-bottom:0}.dropdownhover-bottom{-webkit-transform-origin:50% 0;transform-origin:50% 0}.dropdownhover-left{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.dropdownhover-right{-webkit-transform-origin:0 50%;transform-origin:0 50%}.dropdownhover-top{-webkit-transform-origin:50% 100%;transform-origin:50% 100%} \ No newline at end of file diff --git a/theme_eco_food/static/src/css/bootstrap-icons.css b/theme_eco_food/static/src/css/bootstrap-icons.css new file mode 100644 index 000000000..c98f8553e --- /dev/null +++ b/theme_eco_food/static/src/css/bootstrap-icons.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"; } diff --git a/theme_eco_food/static/src/css/owl.carousel.min.css b/theme_eco_food/static/src/css/owl.carousel.min.css new file mode 100644 index 000000000..a71df11c0 --- /dev/null +++ b/theme_eco_food/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_eco_food/static/src/css/owl.theme.default.min.css b/theme_eco_food/static/src/css/owl.theme.default.min.css new file mode 100644 index 000000000..487088d2e --- /dev/null +++ b/theme_eco_food/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_eco_food/static/src/css/shuffle-styles.css b/theme_eco_food/static/src/css/shuffle-styles.css new file mode 100644 index 000000000..2f805139e --- /dev/null +++ b/theme_eco_food/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_eco_food/static/src/css/style.css b/theme_eco_food/static/src/css/style.css new file mode 100644 index 000000000..794b0d534 --- /dev/null +++ b/theme_eco_food/static/src/css/style.css @@ -0,0 +1,5962 @@ +/*@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;400;500;600;700;800;900&family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap"); +*/ +:root { + --eco-color-1: #253237; + --eco-color-2: #000; + --mars-color-3: #181818; + --sub-color-1: #dc3545; + --sub-color-2: #2250fc; + --sub-color-3: #c52132; + --button-color: #50449c; + --p-color: #484848; + --p-color2: #777; + --p-color3: #838383; + --section-bg: #f7f9fb; + --banner-title-bg: #f8f9fa; + --subhead-color: #000000; + --white-color: #ffffff; + --footer-main: #f3f3f3; + --footer-sub: #f8f9fa !important; + --border-color2: #eeecec; + --border-color: #dad6d6; + --work-color1: #917d5d; + --work-color2: #a08c6c; + --work-color3: #ad9979; + --color-hover: #4fb68d; + --rating-color: #ffdf00; + --sub-color-1: #9b0b19; +} + +*:focus { + outline: 0 !important; +} + +*:hover { + transition: 0.5s; +} + +nav a { + color: #276e72 !important; +} + +.my_cart_quantity { + background-color: #276e72 !important; +} + +*:focus { + outline: 0 !important; + box-shadow: none !important; +} + +*button:focus { + border: none; + outline: none; + box-shadow: none; +} + +* { + list-style-type: none; + font-family: "Noto Sans", sans-serif !important; +} + +*:focus, *:active { + outline: none !important; +} + +html.sr .load-hidden { + visibility: hidden; +} + +*:hover { + transition: 0.8s !important; +} + +*::selection { + color: #f3ebee; + background-color: black; +} + +*a, +a:visited { + color: #990000; + text-decoration: none; +} + +body { + position: relative; +} + +.affix { + top: 0; + width: 100%; + z-index: 9999 !important; +} + +html { + scroll-behavior: smooth !important; +} + +body { + scroll-behavior: smooth !important; +} + + + +.main_heading h1 { + color: var(--eco-color-1); + font-size: 24px; + text-transform: capitalize; +} +.banner.o_colored_level .owl-nav.disabled{ + display: none !important; +} +.main_heading p { + color: var(--p-color2); + font-size: 14px; +} + +.o_wsale_products_main_row{ + padding: 0px 20px; +} + +.heading_c { + color: var(--eco-color-1); + font-size: 24px; + font-weight: 700; + text-transform: capitalize; +} +.oe_edited_link{ + font-size: 14px !important; + font-weight: 700 !important; + letter-spacing: 0.6px !important; + text-decoration: none !important; + padding: 12px 25px !important; + position: relative !important; + text-transform: uppercase !important; + background-color: transparent !important; + color: var(--white-color) !important; + transition: all 0.3s !important; + line-height: 14px !important; + margin-top: -95px !important; + border: none !important !important; + outline: 0 !important !important; + display: inline-block !important; + text-align: center !important; + vertical-align: middle !important; + cursor: pointer !important; + user-select: none !important; +} +/*! 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; + transition: 0.5s; +} + +.btn-primary { + border-radius: 25px 25px; + font-size: 11px; + font-weight: 700; + letter-spacing: 0.6px; + text-decoration: none; + padding: 12px 25px; + position: relative; + text-transform: uppercase; + background-color: #ffffff; + color: var(--eco-color-2); + transition: all 0.3s; + margin-bottom: 6px; + line-height: 14px; + color: var(--eco-color-1) !important; + background-color:var(--white-color) !important; +} +a { + color: var(--eco-color-1); +} +.css_attribute_color.active { + border: 5px solid var(--eco-color-1); +} + +.btn-primary:hover { + background-color: var(--eco-color-1) !important; + color: var(--white-color) !important; +} + +.btn-ad_button { + font-size: 14px; + font-weight: 700; + letter-spacing: 0.6px; + text-decoration: none; + padding: 12px 25px; + position: relative; + text-transform: uppercase; + background-color: transparent; + color: var(--white-color); + transition: all 0.3s; + line-height: 14px; + margin-top: -95px; +} + +.btn-ad_button:hover { + color: #7dcda8; +} + +.btn-add_cart { + font-size: 14px; + font-weight: 700; + letter-spacing: 0.6px; + text-decoration: none; + padding: 0px 0px 5px 0px; + position: relative; + text-transform: uppercase; + background-color: transparent; + border-radius: 0; + transition: all 0.3s; + line-height: 14px; + color: var(--eco-color-1); + border: 1px solid !important; + border-width: 2px !important; + border-color: transparent !important; + border-bottom-color: var(--eco-color-1) !important; +} + +.btn-add_cart:hover { + color: var(--color-hover) !important; + border-bottom-color: var(--color-hover) !important; +} + +.btn-add_cart_p { + border-radius: 25px 25px; + font-size: 14px; + font-weight: 700; + letter-spacing: 0.6px; + text-decoration: none; + padding: 12px 25px; + position: relative; + text-transform: uppercase; + background-color: var(--color-hover); + color: var(--white-color); + transition: all 0.3s; + margin-bottom: 6px; + line-height: 14px; +} + +.btn-add_cart_p:hover { + background-color: var(--p-color) !important; + color: var(--white-color); +} + +.btn-download { + display: flex; + border: 3px solid !important; + border-color: var(--eco-color-2); + border-radius: 5px; + width: fit-content; + height: fit-content; + margin-right: 15px; +} + +.btn-download .icon_img { + max-width: 40px; +} + +.btn-download .icon_img img { + width: 100%; +} + +.btn-download .btn_info span { + font-size: 10px; + display: block; + color: var(--eco-color-2); + font-weight: 700; +} + +.btn-download .btn_info p { + font-weight: 700; + color: var(--eco-color-2); +} + +.btn-tag { + border: 1px solid var(--border-color) !important; + border-radius: 25px 25px; + font-size: 14px; + letter-spacing: 0.6px; + text-decoration: none; + padding: 12px 25px; + position: relative; + text-transform: capitalize; + background-color: #ffffff; + color: var(--p-color); + transition: all 0.3s; + margin-bottom: 6px; + line-height: 14px; +} + +.btn-tag:hover { + background-color: var(--color-hover) !important; + color: var(--white-color); + border-color: var(--color-hover) !important; +} + +.btn-cart { + border-radius: 5px 5px; + font-size: 14px; + font-weight: 600; + letter-spacing: 0.6px; + text-decoration: none; + padding: 12px 20px; + position: relative; + text-transform: capitalize; + background-color: var(--eco-color-1); + color: var(--white-color); + transition: all 0.3s; + margin-bottom: 6px; + line-height: 14px; +} + +.btn-cart:hover { + background-color: var(--color-hover) !important; + color: var(--white-color); +} + +.btn-paypal { + background-color: #ffc439 !important; + color: white !important; + font-size: 14px; + font-weight: 600; + border-top-left-radius: 5px; + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + border-bottom-left-radius: 5px; + margin: 20px 0; + width: 100%; +} + +.btn-paypal .wrapp { + width: 100px; + margin: auto; +} + +.btn-paypal .wrapp img { + width: 100%; +} + +.btn-paypal:hover { + background-color: #ffcc53 !important; +} + +.btn-credit { + background-color: #003087 !important; + color: white !important; + font-size: 14px; + font-weight: 600; + border-top-left-radius: 5px; + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + border-bottom-left-radius: 5px; + width: 100%; +} + + +.btn-credit .wrapp { + width: 150px; + margin: auto; + display: flex; + align-items: end; +} + +.btn-credit .wrapp img { + width: 100%; +} + +.btn-credit .wrapp i { + font-style: italic !important; + font-size: 15px; + font-weight: 600; + margin-left: 4px; +} + +.btn-credit:hover { + background-color: #0039a1 !important; +} + +.banner { + position: relative; + margin-top: 115px !important; +} + +.banner .banner_bg1 { + background-image: url(./../images/banner/slider-1.jpg); + background-position: center; + background-size: cover; + height: 100vh; +} + +.banner .banner_bg2 { + background-image: url(./../images/banner/slider-2.jpg); + background-position: center; + background-size: cover; + height: 100vh; +} + +.banner .slider_content { + height: 100vh; + display: flex; + justify-content: flex-start; + align-items: flex-end; + padding-bottom: 150px; + padding-left: 60px; +} + +@media screen and (max-width: 768px) { + .banner .slider_content { + padding-left: 15px; + } +} + +.banner .slider_content .content { + color: var(--white-color); +} + +.banner .slider_content .content span { + font-size: 16px; + font-style: italic; + padding-bottom: 15px; +} + +.banner .slider_content .content h3 { + font-size: 55px; + line-height: 1.2; + font-weight: 700; + padding-bottom: 20px; +} + +.banner .slider-progress-bar .progress { + top: 0; + position: absolute; + height: 3px; + background: #4a7200; + animation: sliderProgressBar ease; +} + +.banner .my-slider:hover .slider-progress-bar .progress { + animation-play-state: paused; +} + +@keyframes sliderProgressBar { + 0% { + width: 0%; + } + 100% { + width: 100%; + } +} + +.banner .owl-theme .owl-dots { + bottom: 5%; + position: absolute; + width: 100%; +} + +.banner .owl-theme .owl-dots .owl-dot span { + width: 12px !important; + height: 12px !important; + margin: 5px 4px !important; + display: block; + transition: opacity 0.2s ease; + border-radius: 50% !important; +} + +.banner .owl-theme .owl-dots .owl-dot.active span { + border-color: #535353; + transition: height .3s ease; + transition-property: height; + transition-duration: 0.3s; + transition-timing-function: ease; + transition-delay: 0s; + background: linear-gradient(to right, black 50%, white 50%); + background-size: 200% 100%; + background-position: right bottom; + transition: all .5s ease-out; +} + +.banner_product { + background-image: url(./../images/product-banner/product-banner.jpg); + height: 450px; + background-position: inherit; + background-size: cover; + position: relative; + overflow: hidden; +} + +@media screen and (max-width: 996px) { + .banner_product { + height: 400px; + } +} + +@media screen and (max-width: 768px) { + .banner_product { + height: 300px; + } +} + +.banner_product:after { + height: 100%; + width: 100%; + background-color: #4a720049; + position: absolute; + content: ''; + z-index: 2; +} + +.banner_product .wrapper { + height: 100%; + width: 100%; + z-index: 3; + display: flex; + justify-content: center; + align-items: center; + position: absolute; +} + +.banner_product .wrapper .content { + margin-top: 100px; +} + +@media screen and (max-width: 768px) { + .banner_product .wrapper .content { + margin-top: 50px; + } +} + +.banner_product .wrapper .content h1 { + text-align: center; + font-size: 36px; + font-weight: 600; + margin-bottom: 0; + color: var(--eco-color-1) !important; +} + +.banner_product .wrapper .content .breadcrumb { + background-color: transparent; + align-items: end; +} + +.banner_product .wrapper .content .breadcrumb .breadcrumb-item a { + color: var(--eco-color-1) !important; + font-size: 14px; + text-decoration: none; +} + +.banner_product .wrapper .content .breadcrumb .breadcrumb-item:before { + display: none; +} + +.banner_product .wrapper .content .breadcrumb .breadcrumb-item .arrow { + border: solid var(--eco-color-1); + border-width: 0 1px 1px 0; + display: inline-block; + padding: 3px; + margin: 0px 8px; +} + +.banner_product .wrapper .content .breadcrumb .breadcrumb-item .right { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); +} + +.banner_product .wrapper .content .breadcrumb .breadcrumb-item.active { + color: var(--color-hover) !important; + font-size: 14px; +} + +.contact_banner { + background-image: url(./../images/product-banner/contact-banner.jpg); + height: 450px; + background-position: inherit; + background-size: cover; + position: relative; + overflow: hidden; +} + +@media screen and (max-width: 996px) { + .contact_banner { + height: 400px; + } +} + +@media screen and (max-width: 768px) { + .contact_banner { + height: 300px; + } +} + +.contact_banner:after { + height: 100%; + width: 100%; + background-color: #4a720049; + position: absolute; + content: ''; + z-index: 2; +} + +.contact_banner .wrapper { + height: 100%; + width: 100%; + z-index: 3; + display: flex; + justify-content: center; + align-items: center; + position: absolute; +} + +.contact_banner .wrapper .content { + margin-top: 100px; +} + +@media screen and (max-width: 768px) { + .contact_banner .wrapper .content { + margin-top: 50px; + } +} + +.contact_banner .wrapper .content h1 { + text-align: center; + font-size: 36px; + font-weight: 600; + margin-bottom: 0; + color: var(--eco-color-1) !important; +} + +.contact_banner .wrapper .content .breadcrumb { + background-color: transparent; + align-items: end; +} + +.contact_banner .wrapper .content .breadcrumb .breadcrumb-item a { + color: var(--eco-color-1) !important; + font-size: 14px; + text-decoration: none; +} + +.contact_banner .wrapper .content .breadcrumb .breadcrumb-item:before { + display: none; +} + +.contact_banner .wrapper .content .breadcrumb .breadcrumb-item .arrow { + border: solid var(--eco-color-1); + border-width: 0 1px 1px 0; + display: inline-block; + padding: 3px; + margin: 0px 8px; +} + +.contact_banner .wrapper .content .breadcrumb .breadcrumb-item .right { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); +} + +.contact_banner .wrapper .content .breadcrumb .breadcrumb-item.active { + color: var(--color-hover) !important; + font-size: 14px; +} + +.animated { + animation-duration: 3s; + animation-delay: 700ms; +} + +.animate-out { + animation-delay: 0ms; +} + +figure { + display: block; + width: 100%; + text-align: center; +} + +.maind { + background-color: #4a7200; + width: 400px; + display: flex; + justify-content: center; + margin: 50px auto; + height: 500px; +} + +.maind .sub { + width: auto; + background-color: aqua; + border: 1px solid; + height: 50px; +} + +.maind .sub:nth-of-type(1) { + flex-grow: 1; +} + +.maind .sub:nth-of-type(2) { + flex-shrink: 1; +} + +.maind .sub:nth-of-type(3) { + flex-grow: 1; +} + +.maind .sub:nth-of-type(4) { + flex-grow: 1; +} + +.maind .sub:nth-of-type(5) { + flex-grow: 1; +} + +.footer .wrapper { + display: grid; + grid-template-columns: 1fr 2fr; +} + +@media screen and (max-width: 1200px) { + .footer .wrapper { + grid-template-columns: 1fr; + } +} + +.footer .wrapper .left { + padding: 50px 54px; + background-color: var(--footer-sub); +} + +@media screen and (max-width: 768px) { + .footer .wrapper .left { + padding: 50px 15px; + } +} + +.footer .wrapper .left .footer_brand { + font-size: 35px; + font-weight: 800; + letter-spacing: 1.3px; + position: relative; + color: var(--eco-color-1); + padding-bottom: 30px; +} + +.footer .wrapper .left .footer_brand:after { + position: absolute; + content: " "; + width: 19px; + height: 4px; + background-color: var(--color-hover); + top: 14px; + left: 42px; +} + +.footer .wrapper .left p { + color: var(--p-color); + font-size: 14px; + margin-bottom: 20px; +} + +.footer .wrapper .left .help { + display: flex; + padding-top: 15px; + margin-top: 15px; +} + +.footer .wrapper .left .help .h_icon { + max-width: 60px; +} + +.footer .wrapper .left .help .h_icon img { + width: 100%; +} + +.footer .wrapper .left .help .info { + margin-left: 15px; +} + +.footer .wrapper .left .help .info span { + text-transform: uppercase; + font-size: 18px; + color: var(--p-color2); + font-weight: 300; +} + +.footer .wrapper .left .help .info p { + font-size: 22px; + font-weight: 700; + color: var(--eco-color-1); +} + +.footer .wrapper .left .footer_icon { + padding-top: 15px; + display: flex; + margin-bottom: 20px; +} + +.footer .wrapper .left .footer_icon span { + margin: 0px 15px; +} + +.footer .wrapper .left .footer_icon span i { + color: var(--p-color2); + font-size: 20px; +} + +.footer .wrapper .left .footer_icon span i:hover { + color: var(--color-hover); +} + +.footer .wrapper .left .copyright { + padding-top: 50px; + font-size: 14px; + color: var(--p-color2); +} + +.footer .wrapper .left .copyright a { + color: var(--p-color2); + text-decoration: none; + font-size: 14px; +} + +.footer .wrapper .left .copyright a:hover { + color: var(--color-hover); +} + +.footer .wrapper .right { + padding: 50px 54px; + background-color: var(--footer-main); +} + +@media screen and (max-width: 768px) { + .footer .wrapper .right { + padding: 50px 15px; + } +} + +.footer .wrapper .right h6 { + font-size: 18px; + color: var(--eco-color-1); + font-weight: 700; + text-transform: capitalize; + padding-bottom: 15px; + border: 1px solid; + border-color: transparent; + border-bottom-color: var(--border-color); + margin-bottom: 20px; + position: relative; +} + +.footer .wrapper .right h6:after { + position: absolute; + content: " "; + width: 65px; + height: 3px; + background-color: var(--color-hover); + bottom: -1px; + left: 0; +} + +.footer .wrapper .right .information { + padding-top: 15px; +} + +.footer .wrapper .right .information ul { + padding-left: 0; +} + +.footer .wrapper .right .information ul li { + padding-bottom: 15px; +} + +.footer .wrapper .right .information ul li a { + color: var(--p-color); + font-size: 14px; + text-decoration: none; + transition: all 0.4s ease-out; +} + +.footer .wrapper .right .information ul li a:hover { + color: var(--color-hover); + margin-left: 20px; +} + +.footer .wrapper .right .footer_p { + color: var(--p-color); + font-size: 14px; + margin-bottom: 20px; + padding-top: 17px; +} + +.footer .wrapper .right .input-group .form-control { + height: calc(2em + 0.95rem + 2px); + border-top-left-radius: 25px; + border-bottom-left-radius: 25px; + border: none; + color: var(--p-color2); +} + +.footer .wrapper .right .input-group button { + background-color: var(--eco-color-1) !important; + color: var(--white-color); + padding: 0.375rem 1.5rem; + border-top-right-radius: 25px; + border-bottom-right-radius: 25px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + font-size: 14px; +} + +.footer .wrapper .right .input-group button:hover { + background-color: var(--color-hover) !important; +} + +.footer .wrapper .right .download_buttons { + padding-top: 20px; + display: flex; +} + +@media screen and (max-width: 576px) { + .footer .wrapper .right .download_buttons { + display: block !important; + } + .footer .wrapper .right .download_buttons .f_o_button { + margin-bottom: 15px; + } +} + +.footer .wrapper .right .payments { + display: flex; + margin-top: 35px; +} + +.footer .wrapper .right .payments .p_img { + max-width: 35px; + margin-right: 15px; +} + +.footer .wrapper .right .payments .p_img img { + width: 100%; +} + +.footer .warning { + margin-bottom: 0px !important; + padding-top: 0px !important; + padding-left: 20px; +} + +.header_modern_light { + top: 0px; + left: 0; + width: 100%; + z-index: 1030; + background-color: transparent; +} + +.header_modern_light .mobile_toggler { + position: absolute; + right: 25px; + top: 20px; +} + +@media screen and (max-width: 992px) { + .header_modern_light { + position: unset; + } +} + +.header_modern_light .nav_modern { + transition: background-color 0.4s ease-out; + width: 100%; + /* rotate caret on hover */ +} + +@media screen and (max-width: 992px) { + .header_modern_light .nav_modern { + padding-top: 0px; + } +} + +.header_modern_light .nav_modern .top_bar1 { + display: flex; + justify-content: space-between; + margin: auto; + width: 100%; + color: var(--white-color); + padding: 8px; + align-items: center; +} + +@media screen and (max-width: 992px) { + .header_modern_light .nav_modern .top_bar1 { + width: 100%; + background-color: var(--eco-color-1); + padding: 6px; + justify-content: center; + } + .header_modern_light .nav_modern .top_bar1 .right { + display: none; + } +} + +.header_modern_light .nav_modern .top_bar1 .left span { + font-size: 14px; +} + +.header_modern_light .nav_modern .top_bar1 .right ul li { + margin-left: 20px; +} + +.header_modern_light .nav_modern .top_bar1 .right ul li a { + color: var(--white-color); + font-size: 14px; + border: 1px solid; + border-color: transparent; + border-right-color: var(--white-color) !important; + padding-right: 20px; + display:block; +} + +.header_modern_light .nav_modern .top_bar1 .right ul li a i { + font-size: 12px; + margin-right: 6px; +} + +.header_modern_light .nav_modern .top_bar1 .right ul li a span { + font-size: 12px; +} + +.header_modern_light .nav_modern .top_bar1 .right ul li a .form-select { + background: transparent; + color: var(--white-color); + font-size: 12px; + border: none; + padding-top:2px; +} + +.header_modern_light .nav_modern .top_bar1 .right ul li a .form-select:hover { + cursor: pointer; + color: var(--color-hover); +} + +.header_modern_light .nav_modern .top_bar1 .right ul li a:hover { + text-decoration: none; + color: var(--eco-color-2); +} +.header_modern_light .nav_modern .top_bar1 .right ul li a span:hover { + text-decoration: none; + color: var(--color-hover); +} + +.header_modern_light .nav_modern .top_bar1 .right ul li:last-child a { + border: none !important; +} + +.header_modern_light .nav_modern .navbar-toggler span { + display: block; + background-color: var(--eco-color-2) !important; + height: 3px; + width: 25px; + margin-top: 5px; + margin-bottom: 5px; + position: relative; + left: 0; + opacity: 1; + transition: all 0.35s ease-out; + transform-origin: center left; +} + +.header_modern_light .nav_modern .navbar { + background-color: var(--white-color); + padding: 0px 15px; + width: 100%; + margin: auto; +} + +@media screen and (max-width: 1200px) { + .header_modern_light .nav_modern .navbar { + width: 80%; + } +} + +@media screen and (max-width: 992px) { + .header_modern_light .nav_modern .navbar { + padding: 10px 15px; + height: 100%; + width: 100%; + border-radius: 0; + } +} + +.header_modern_light .nav_modern .navbar .navbar-brand { + font-size: 35px; + font-weight: 800; + letter-spacing: 1.5px; + position: relative; +} + +.header_modern_light .nav_modern .navbar .navbar-brand:after { + position: absolute; + content: " "; + width: 19px; + height: 4px; + background-color: var(--color-hover); + top: 19px; + left: 42px; +} + +.header_modern_light .nav_modern .navbar .navbar-brand2 { + position: absolute; + top: 33px; + left: 50%; + transform: translate(-50%, -50%); +} + +.header_modern_light .nav_modern .navbar .navbar-nav .nav-item { + justify-content: space-between; + transition: 0.5s; +} + +.header_modern_light .nav_modern .navbar .navbar-nav .nav-item:hover .under_line::after { + width: 100%; + top: 40px; + left: 0%; + background-color: var(--eco-color-1); +} + +.header_modern_light .nav_modern .navbar .navbar-nav .nav-item .nav-link { + display: flex; + position: relative; +} + +.header_modern_light .nav_modern .navbar .navbar-nav .nav-item .nav-link span { + position: relative; + padding: 2px 4px; + text-transform: capitalize; + font-size: 13px; + font-weight: 800; + letter-spacing: 0.6px; + border-radius: 0; + border-width: 0; + border-style: solid; + border-color: transparent; + transition: all 0.3s ease; + line-height: normal; + color: var(--eco-color-1); +} + +@media screen and (max-width: 992px) { + .header_modern_light .nav_modern .navbar .navbar-nav .nav-item .nav-link { + padding: 15px 15px; + } + .header_modern_light .nav_modern .navbar .navbar-nav .nav-item .nav-link i { + display: inline-block !important; + } +} + +.header_modern_light .nav_modern .navbar .navbar-nav .nav-item .under_line::after { + content: ""; + position: absolute; + top: auto; + bottom: -10px; + left: 50%; + width: 0; + height: 2px; + transition: all 0.3s ease; +} + +@media screen and (max-width: 992px) { + .header_modern_light .nav_modern .navbar .navbar-nav .nav-item .under_line::after { + display: none; + } +} + +.header_modern_light .nav_modern .navbar .navbar-nav .nav-item .under_lines::after { + content: ""; + position: absolute; + top: 40px; + bottom: -10px; + width: 100%; + left: 0%; + background-color: var(--eco-color-2); + height: 2px; + transition: all 0.3s ease; +} + +@media screen and (max-width: 992px) { + .header_modern_light .nav_modern .navbar .navbar-nav .nav-item .under_lines::after { + display: none; + } +} + +.header_modern_light .nav_modern .navbar .navbar-nav .dropdown { + overflow: visible; +} + +.header_modern_light .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu { + top: 50px; + background-position: right bottom; + background-repeat: no-repeat; + min-width: 200px; + background-color: #fff; + border: 0; + color: #000; + border-style: solid; + border-color: #eee; + border-width: 1px !important; + margin: 0; + margin-top: 0px; + border-radius: 4px; + box-shadow: 0px 4px 16px #cecbcb; + -webkit-box-shadow: 0px 4px 16px #cecbcb; + -moz-box-shadow: 0px 4px 16px #cecbcb; + padding: 10px 10px; + overflow: visible; +} + +@media screen and (max-width: 992px) { + .header_modern_light .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu { + position: relative; + left: 0; + border: none; + box-shadow: none; + top: 0px !important; + } +} + +.header_modern_light .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item { + font-size: 10px; + line-height: 14px; + font-weight: 500; + font-style: normal; + color: #444; + padding: 8px 10px 10px 4px; + display: block; + transition: 0.3s ease; + position: relative; + overflow: visible; + transition: all 0.4s ease-out; +} + +.header_modern_light .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover { + color: var(--color-hover); + margin-left: 10px; + background: transparent !important; +} + +.header_modern_light .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item span { + font-size: 8px; + border: 1px solid transparent; + padding: 0 2px 0 2px; + border-radius: 3px; + color: var(--white-color); +} + +.header_modern_light .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item .new { + background-color: var(--sub-color-1); +} + +.header_modern_light .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item .num { + background-color: var(--sub-color-2); +} + +.header_modern_light .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover .arrow { + right: 10px; + transition: 0.5s; +} + +.header_modern_light .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item .arrow { + border: solid black; + border-width: 0 1px 1px 0; + display: inline-block; + padding: 3px; + position: absolute; + right: 20px; +} + +.header_modern_light .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item .right { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); +} + +.header_modern_light .nav_modern .navbar .icons_nav { + margin-bottom: 0 !important; + padding-left: 0; + align-items:center !important; + +} + +@media screen and (max-width: 992px) { + .header_modern_light .nav_modern .navbar .icons_nav { + margin-left: 30px; + position: absolute; + top: 20px; + right: 10px; + } +} + +@media screen and (max-width: 576px) { + .header_modern_light .nav_modern .navbar .icons_nav { + right: 10px; + } +} + +.header_modern_light .nav_modern .navbar .icons_nav li { + padding: 0 10px; + + + + +} + +.header_modern_light .nav_modern .megamenu-li { + position: static; +} + +.header_modern_light .nav_modern .megamenu { + position: absolute; + width: 60vw; + left: auto; + top: 62px !important; + right: 5%; + padding: 15px; + box-shadow: 0 33px 32px rgba(206, 203, 203, 0.61); + -webkit-box-shadow: 0 33px 32px rgba(206, 203, 203, 0.61); + -moz-box-shadow: 0 33px 32px rgba(206, 203, 203, 0.61); + padding: 15px !important; +} + +@media screen and (max-width: 1200px) { + .header_modern_light .nav_modern .megamenu { + width: 70vw !important; + } +} + +@media screen and (max-width: 992px) { + .header_modern_light .nav_modern .megamenu { + width: auto !important; + } +} + +.header_modern_light .nav_modern .megamenu .grid_mega_menu_list { + display: grid; + grid-template-columns: repeat(4, 1fr); +} + +@media screen and (max-width: 992px) { + .header_modern_light .nav_modern .megamenu .grid_mega_menu_list { + grid-template-columns: repeat(1, 1fr); + } +} + +.header_modern_light .nav_modern .megamenu h6 a { + font-size: 14px; + text-transform: uppercase; + font-weight: 700; + margin-top: 10px; + text-decoration: none; + color: var(--eco-color-1); +} + +.header_modern_light .nav_modern .megamenu h6 span { + font-size: 8px; + border: 1px solid transparent; + padding: 0 2px 0 2px; + border-radius: 3px; + color: var(--white-color); + background-color: var(--sub-color-2); +} + +.header_modern_light .nav_modern .megamenu .offer_add { + padding: 40px 30px; +} + +@media screen and (max-width: 992px) { + .header_modern_light .nav_modern .megamenu .offer_add { + padding: 20px 0; + } +} + +.header_modern_light .nav_modern .megamenu .offer_add h4 { + color: var(--sub-color-2); + font-size: 24px; + font-weight: 600; + text-transform: uppercase; +} + +.header_modern_light .nav_modern .megamenu .offer_add h4 small { + font-size: 12px; + font-weight: 100; +} + +.header_modern_light .nav_modern .megamenu .offer_add .offer { + color: var(--sub-color-2); + font-size: 80px; + font-weight: 800; +} + +@media screen and (max-width: 992px) { + .header_modern_light .nav_modern .megamenu .offer_add .offer { + font-size: 50px; + font-weight: 700; + } +} + +.header_modern_light .nav_modern .megamenu .offer_add p { + font-size: 12px; + color: var(--p-color2); + font-weight: 400; + line-height: 1.7; +} + +.header_modern_light .nav_modern .megamenu .offer_add .limited { + font-style: italic; + font-size: 12px; + color: var(--p-color2); + padding-top: 15px; +} + +.header_modern_light .nav_modern .megamenu .hover_styles { + font-size: 52px; + font-weight: 100 !important; + text-align: left; + color: var(--p-color); +} + +.header_modern_light .nav_modern .megamenu .hover_styles span { + color: var(--sub-color-2); + font-size: 52px; + font-weight: 600; + padding-right: 5px; +} + +@media screen and (max-width: 992px) { + .header_modern_light .nav_modern .megamenu .hover_styles span { + font-size: 35px; + } +} + +@media screen and (max-width: 768px) { + .header_modern_light .nav_modern .megamenu .hover_styles span { + font-size: 25px; + } +} + +@media screen and (max-width: 576px) { + .header_modern_light .nav_modern .megamenu .hover_styles span { + font-size: 20px; + } +} + +@media screen and (max-width: 992px) { + .header_modern_light .nav_modern .megamenu .hover_styles { + font-size: 35px; + } +} + +@media screen and (max-width: 768px) { + .header_modern_light .nav_modern .megamenu .hover_styles { + font-size: 25px; + } +} + +@media screen and (max-width: 567px) { + .header_modern_light .nav_modern .megamenu .hover_styles { + font-size: 18px; + font-weight: 500 !important; + } +} + +.header_modern_light .nav_modern .megamenu .nav_img { + background-image: url(./../images/navbar/meganav.jpg); + background-position: center; + background-size: cover; + height: 150px; +} + +.header_modern_light .nav_modern .single { + left: -50px; +} + +.header_modern_light .nav_modern nav .navbar-collapse { + justify-content: center; +} + +@media screen and (max-width: 992px) { + .header_modern_light .nav_modern nav .navbar-collapse { + background-color: white; + height: 107vh !important; + padding: 20px; + margin-top: 15px; + overflow: scroll; + justify-content: start !important; + } +} + +.header_modern_light .nav_modern nav ul .megamenu-li:hover .dropdown-menu { + display: block !important; + animation: fade-in-out 0.3s ease; +} + +.header_modern_light .nav_modern .navbar-nav li:hover > ul.dropdown-menu { + display: block; +} + +.header_modern_light .nav_modern .dropdown-submenu { + position: relative; +} + +.header_modern_light .nav_modern .dropdown-submenu > .dropdown-menu { + top: 0; + margin-top: -6px; + float: left !important; +} + +.header_modern_light .nav_modern .dropdown-menu > li > a:hover:after { + text-decoration: underline; + transform: rotate(-90deg); +} + +.header_modern_product { + position: fixed; + top: 0px; + left: 0; + width: 100%; + z-index: 1030; + background-color: transparent; +} + +.header_modern_product .mobile_toggler { + position: absolute; + right: 25px; + top: 20px; +} + +@media screen and (max-width: 992px) { + .header_modern_product { + position: unset; + } +} + +.header_modern_product .nav_modern { + transition: background-color 0.4s ease-out; + width: 100%; + /* rotate caret on hover */ +} + +@media screen and (max-width: 992px) { + .header_modern_product .nav_modern { + padding-top: 0px; + padding-bottom: 10px; + } +} + +.header_modern_product .nav_modern .top_bar1 { + display: flex; + justify-content: space-between; + margin: auto; + width: 100%; + color: var(--white-color); + padding: 8px 54px; +} + +@media screen and (max-width: 992px) { + .header_modern_product .nav_modern .top_bar1 { + width: 100%; + background-color: var(--eco-color-1); + padding: 6px; + justify-content: center; + } + .header_modern_product .nav_modern .top_bar1 .right { + display: none; + } +} + +.header_modern_product .nav_modern .top_bar1 .left span { + font-size: 14px; +} + +.header_modern_product .nav_modern .top_bar1 .right ul { + margin-bottom: 0; +} + +.header_modern_product .nav_modern .top_bar1 .right ul li { + margin-left: 20px; +} + +.header_modern_product .nav_modern .top_bar1 .right ul li a { + color: var(--white-color); + font-size: 14px; + border: 1px solid; + border-color: transparent; + border-right-color: var(--white-color) !important; + padding-right: 20px; +} + +.header_modern_product .nav_modern .top_bar1 .right ul li a i { + font-size: 12px; + margin-right: 6px; +} + +.header_modern_product .nav_modern .top_bar1 .right ul li a span { + font-size: 12px; +} + +.header_modern_product .nav_modern .top_bar1 .right ul li a .form-select { + background: transparent; + color: var(--white-color); + font-size: 12px; + border: none; +} + +.header_modern_product .nav_modern .top_bar1 .right ul li a .form-select:hover { + cursor: pointer; + color: var(--color-hover); +} + +.header_modern_product .nav_modern .top_bar1 .right ul li a:hover { + text-decoration: none; + color: var(--color-hover); +} + +.header_modern_product .nav_modern .top_bar1 .right ul li:last-child a { + border: none !important; +} + +.header_modern_product .nav_modern .navbar-toggler span { + display: block; + background-color: var(--eco-color-2) !important; + height: 3px; + width: 25px; + margin-top: 5px; + margin-bottom: 5px; + position: relative; + left: 0; + opacity: 1; + transition: all 0.35s ease-out; + transform-origin: center left; +} + +.header_modern_product .nav_modern .navbar { + background-color: var(--white-color); + padding: 0px 15px; + width: 100%; + margin: auto; +} + +@media screen and (max-width: 992px) { + .header_modern_product .nav_modern .navbar { + padding: 10px 15px; + height: 100%; + width: 100%; + border-radius: 0; + } +} + +.header_modern_product .nav_modern .navbar .navbar-brand { + font-size: 35px; + font-weight: 800; + letter-spacing: 1.5px; + position: relative; +} + +.header_modern_product .nav_modern .navbar .navbar-brand:after { + position: absolute; + content: " "; + width: 19px; + height: 4px; + background-color: var(--color-hover); + top: 19px; + left: 42px; +} + +.header_modern_product .nav_modern .navbar .navbar-brand2 { + position: absolute; + top: 33px; + left: 50%; + transform: translate(-50%, -50%); +} + +.header_modern_product .nav_modern .navbar .navbar-nav .nav-item { + justify-content: space-between; + transition: 0.5s; +} + +.header_modern_product .nav_modern .navbar .navbar-nav .nav-item:hover .under_line::after { + width: 100%; + top: 40px; + left: 0%; + background-color: var(--eco-color-1); +} + +.header_modern_product .nav_modern .navbar .navbar-nav .nav-item .nav-link { + display: flex; + position: relative; +} + +.header_modern_product .nav_modern .navbar .navbar-nav .nav-item .nav-link span { + position: relative; + padding: 2px 4px; + text-transform: capitalize; + font-size: 13px; + font-weight: 800; + letter-spacing: 0.6px; + border-radius: 0; + border-width: 0; + border-style: solid; + border-color: transparent; + transition: all 0.3s ease; + line-height: normal; + color: var(--eco-color-1); +} + +@media screen and (max-width: 992px) { + .header_modern_product .nav_modern .navbar .navbar-nav .nav-item .nav-link { + padding: 15px 15px; + } + .header_modern_product .nav_modern .navbar .navbar-nav .nav-item .nav-link i { + display: inline-block !important; + } +} + +.header_modern_product .nav_modern .navbar .navbar-nav .nav-item .under_line::after { + content: ""; + position: absolute; + top: auto; + bottom: -10px; + left: 50%; + width: 0; + height: 2px; + transition: all 0.3s ease; +} + +@media screen and (max-width: 992px) { + .header_modern_product .nav_modern .navbar .navbar-nav .nav-item .under_line::after { + display: none; + } +} + +.header_modern_product .nav_modern .navbar .navbar-nav .nav-item .under_lines::after { + content: ""; + position: absolute; + top: 40px; + bottom: -10px; + width: 100%; + left: 0%; + background-color: var(--eco-color-2); + height: 2px; + transition: all 0.3s ease; +} + +@media screen and (max-width: 992px) { + .header_modern_product .nav_modern .navbar .navbar-nav .nav-item .under_lines::after { + display: none; + } +} + +.header_modern_product .nav_modern .navbar .navbar-nav .dropdown { + overflow: visible; +} + +.header_modern_product .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu { + top: 50px; + background-position: right bottom; + background-repeat: no-repeat; + min-width: 200px; + background-color: #fff; + border: 0; + color: #000; + border-style: solid; + border-color: #eee; + border-width: 1px !important; + margin: 0; + margin-top: 0px; + border-radius: 4px; + box-shadow: 0px 4px 16px #cecbcb; + -webkit-box-shadow: 0px 4px 16px #cecbcb; + -moz-box-shadow: 0px 4px 16px #cecbcb; + padding: 10px 10px; + overflow: visible; +} + +@media screen and (max-width: 992px) { + .header_modern_product .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu { + position: relative; + left: 0; + border: none; + box-shadow: none; + top: 0px !important; + } +} + +.header_modern_product .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item { + font-size: 10px; + line-height: 14px; + font-weight: 500; + font-style: normal; + color: #444; + padding: 8px 10px 10px 4px; + display: block; + transition: 0.3s ease; + position: relative; + overflow: visible; + transition: all 0.4s ease-out; +} + +.header_modern_product .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover { + color: var(--color-hover); + margin-left: 10px; + background: transparent !important; +} + +.header_modern_product .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item span { + font-size: 8px; + border: 1px solid transparent; + padding: 0 2px 0 2px; + border-radius: 3px; + color: var(--white-color); +} + +.header_modern_product .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item .new { + background-color: var(--sub-color-1); +} + +.header_modern_product .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item .num { + background-color: var(--sub-color-2); +} + +.header_modern_product .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover .arrow { + right: 10px; + transition: 0.5s; +} + +.header_modern_product .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item .arrow { + border: solid black; + border-width: 0 1px 1px 0; + display: inline-block; + padding: 3px; + position: absolute; + right: 20px; +} + +.header_modern_product .nav_modern .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item .right { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); +} + +.header_modern_product .nav_modern .navbar .icons_nav { + margin-bottom: 0 !important; + padding-left: 0; +} + +@media screen and (max-width: 992px) { + .header_modern_product .nav_modern .navbar .icons_nav { + margin-left: 30px; + position: absolute; + top: 20px; + right: 10px; + } +} + +@media screen and (max-width: 576px) { + .header_modern_product .nav_modern .navbar .icons_nav { + right: 10px; + } +} + +.header_modern_product .nav_modern .navbar .icons_nav li { + padding: 0 10px; +} + +.header_modern_product .nav_modern .megamenu-li { + position: static; +} + +.header_modern_product .nav_modern .megamenu { + position: absolute; + width: 60vw; + left: auto; + top: 62px !important; + right: 5%; + padding: 15px; + box-shadow: 0 33px 32px rgba(206, 203, 203, 0.61); + -webkit-box-shadow: 0 33px 32px rgba(206, 203, 203, 0.61); + -moz-box-shadow: 0 33px 32px rgba(206, 203, 203, 0.61); + padding: 15px !important; +} + +@media screen and (max-width: 1200px) { + .header_modern_product .nav_modern .megamenu { + width: 70vw !important; + } +} + +@media screen and (max-width: 992px) { + .header_modern_product .nav_modern .megamenu { + width: auto !important; + } +} + +.header_modern_product .nav_modern .megamenu .grid_mega_menu_list { + display: grid; + grid-template-columns: repeat(4, 1fr); +} + +@media screen and (max-width: 992px) { + .header_modern_product .nav_modern .megamenu .grid_mega_menu_list { + grid-template-columns: repeat(1, 1fr); + } +} + +.header_modern_product .nav_modern .megamenu h6 a { + font-size: 14px; + text-transform: uppercase; + font-weight: 700; + margin-top: 10px; + text-decoration: none; + color: var(--eco-color-1); +} + +.header_modern_product .nav_modern .megamenu h6 span { + font-size: 8px; + border: 1px solid transparent; + padding: 0 2px 0 2px; + border-radius: 3px; + color: var(--white-color); + background-color: var(--sub-color-2); +} + +.header_modern_product .nav_modern .megamenu .offer_add { + padding: 40px 30px; +} + +@media screen and (max-width: 992px) { + .header_modern_product .nav_modern .megamenu .offer_add { + padding: 20px 0; + } +} + +.header_modern_product .nav_modern .megamenu .offer_add h4 { + color: var(--sub-color-2); + font-size: 24px; + font-weight: 600; + text-transform: uppercase; +} + +.header_modern_product .nav_modern .megamenu .offer_add h4 small { + font-size: 12px; + font-weight: 100; +} + +.header_modern_product .nav_modern .megamenu .offer_add .offer { + color: var(--sub-color-2); + font-size: 80px; + font-weight: 800; +} + +@media screen and (max-width: 992px) { + .header_modern_product .nav_modern .megamenu .offer_add .offer { + font-size: 50px; + font-weight: 700; + } +} + +.header_modern_product .nav_modern .megamenu .offer_add p { + font-size: 12px; + color: var(--p-color2); + font-weight: 400; + line-height: 1.7; +} + +.header_modern_product .nav_modern .megamenu .offer_add .limited { + font-style: italic; + font-size: 12px; + color: var(--p-color2); + padding-top: 15px; +} + +.header_modern_product .nav_modern .megamenu .hover_styles { + font-size: 52px; + font-weight: 100 !important; + text-align: left; + color: var(--p-color); +} + +.header_modern_product .nav_modern .megamenu .hover_styles span { + color: var(--sub-color-2); + font-size: 52px; + font-weight: 600; + padding-right: 5px; +} + +@media screen and (max-width: 992px) { + .header_modern_product .nav_modern .megamenu .hover_styles span { + font-size: 35px; + } +} + +@media screen and (max-width: 768px) { + .header_modern_product .nav_modern .megamenu .hover_styles span { + font-size: 25px; + } +} + +@media screen and (max-width: 576px) { + .header_modern_product .nav_modern .megamenu .hover_styles span { + font-size: 20px; + } +} + +@media screen and (max-width: 992px) { + .header_modern_product .nav_modern .megamenu .hover_styles { + font-size: 35px; + } +} + +@media screen and (max-width: 768px) { + .header_modern_product .nav_modern .megamenu .hover_styles { + font-size: 25px; + } +} + +@media screen and (max-width: 567px) { + .header_modern_product .nav_modern .megamenu .hover_styles { + font-size: 18px; + font-weight: 500 !important; + } +} + +.header_modern_product .nav_modern .megamenu .nav_img { + background-image: url(./../images/navbar/meganav.jpg); + background-position: center; + background-size: cover; + height: 150px; +} + +.header_modern_product .nav_modern .single { + left: -50px; +} + +.header_modern_product .nav_modern nav .navbar-collapse { + justify-content: center; +} + +@media screen and (max-width: 992px) { + .header_modern_product .nav_modern nav .navbar-collapse { + background-color: white; + height: 107vh !important; + padding: 20px; + margin-top: 15px; + overflow: scroll; + justify-content: start !important; + } +} + +.header_modern_product .nav_modern nav ul .megamenu-li:hover .dropdown-menu { + display: block !important; + animation: fade-in-out 0.3s ease; +} + +.header_modern_product .nav_modern .navbar-nav li:hover > ul.dropdown-menu { + display: block; +} + +.header_modern_product .nav_modern .dropdown-submenu { + position: relative; +} + +.header_modern_product .nav_modern .dropdown-submenu > .dropdown-menu { + top: 0; + margin-top: -6px; + float: left !important; +} + +.header_modern_product .nav_modern .dropdown-menu > li > a:hover:after { + text-decoration: underline; + transform: rotate(-90deg); +} + +#search-btn:hover { + cursor: pointer; +} + +#search-overlay { + display: none; +} + +.block { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: auto; + text-align: center; + background: rgba(255, 255, 255, 0.9); + border: #a0a0a0 solid 1px; + margin: 0; + z-index: 1031; +} + +.block:before { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; + margin-right: 0; + /* Adjusts for spacing */ + /* For visualization + background: #808080; width: 5px; + */ +} + +.centered { + display: inline-block; + vertical-align: middle; + width: 50%; + padding: 10px 15px; + color: #fff; + border: none; + background: transparent; +} + +@media screen and (max-width: 768px) { + .centered { + width: 70%; + } +} + +@media screen and (max-width: 576px) { + .centered { + width: 90%; + } +} + +#search-box { + position: relative; + width: 100%; + margin: 0; +} + +#search-form { + height: 4em; + border: 1px solid #999; + border-radius: 2px; + background-color: #fff; + overflow: hidden; +} + +#search-text { + font-size: 14px; + color: #ddd; + border-width: 0; + background: transparent; +} + +#search-box input[type="text"] { + width: 90%; + padding: 20px; + color: #333; + outline: none; + font-size: 1.4em; + font-weight: 600; +} + +#search-button { + position: absolute; + top: 0; + right: 0; + height: 4.6em; + width: 100px; + font-size: 14px; + color: #fff; + text-align: center; + line-height: 42px; + border-width: 0; + background-color: var(--sub-color-1); + border-radius: 0 2px 2px 0; + cursor: pointer; +} + +#close-btn { + position: fixed; + top: 3em; + right: 1em; + background-color: var(--sub-color-2); + padding: 6px 10px; + border-radius: 5px; +} + +#close-btn:hover { + color: #777; + cursor: pointer; +} + +.b_shadow { + box-shadow: 0px 3px 6px 1px rgba(200, 187, 201, 0.48); +} + +.navbar-toggler span { + display: block; + background-color: var(--white-color); + height: 3px; + width: 25px; + margin-top: 5px; + margin-bottom: 5px; + position: relative; + left: 0; + opacity: 1; + transition: all 0.35s ease-out; + transform-origin: center left; +} + +/* 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); +} + +.bg_white { + background-color: white; + transition: background-color 0.4s ease-out; +} + +.fadeInDown { + animation-name: fadeInDown; + animation-duration: 1s; + animation-fill-mode: both; +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + transform: translate3d(0, -100%, 0); + } + 100% { + opacity: 1; + transform: none; + } +} + +.fadeInup { + animation-name: fadeInup; + animation-duration: 1s; + animation-fill-mode: both; + animation-direction: reverse; +} + +@keyframes fadeInup { + 100% { + opacity: 0; + transform: translate3d(0, -100%, 0); + } + 0% { + opacity: 1; + transform: none; + } +} + +.topbar_margin { + position: fixed; + top: 0; + left: 0; + z-index: 1030; + background-color: #fff; + width: 100%; +} + +@media screen and (max-width: 414px) { + .mobileMenu { + width: 65% !important; + } +} + +@media (max-width: 992px) { + .mobileMenu { + transform: translateX(-100%); + position: fixed; + top: 0px; + bottom: 0; + margin: auto; + height: 100vh !important; + left: 0; + z-index: 1029; + transition: all ease 0.25s; + width: 50%; + } + .mobileMenu.open { + transform: translateX(0%); + } + .mobileMenu .navbar-nav { + overflow-y: auto; + margin-top: 50px; + } + .mobileMenu .navbar-nav .form-select { + background: transparent; + color: var(--p-color2); + font-size: 12px; + border: none; + } + .mobileMenu .navbar-nav .form-select:hover { + cursor: pointer; + color: var(--color-hover); + } + .mobileMenu .navbar-nav :last-child { + border-bottom-color: transparent !important; + } + .mobileMenu .navbar-nav .nav-item { + border: 1px solid; + border-color: transparent; + border-bottom-color: #cacaca; + } + .mobileMenu .navbar-nav .nav_sub_head { + font-size: 20px !important; + font-weight: 700 !important; + } + .overlay { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + background-color: rgba(0, 0, 0, 0.5); + display: none; + } + .overlay.open { + display: block; + z-index: 1028; + } +} + +.service { + margin-top: 50px; + margin-bottom: 50px; +} + +.service .wrapper { + border: 1px solid; + border-radius: 5px; + border-color: var(--border-color); + margin: 0px 54px; + padding: 15px 0; +} + +.service .wrapper .service_wrapper { + display: flex; + justify-content: center; + align-items: center; + padding: 20px 20px; +} + +@media screen and (max-width: 576px) { + .service .wrapper .service_wrapper { + padding-bottom: 30px; + justify-content: space-evenly; + } +} + +.service .wrapper .service_wrapper .s_icon_wrapper { + max-width: 50px; + margin-right: 15px; +} + +.service .wrapper .service_wrapper .s_icon_wrapper img { + width: 100%; +} + +.service .wrapper .service_wrapper .service_detials h6 { + margin-bottom: 0; + font-weight: 600; +} + +.service .wrapper .service_wrapper .service_detials p { + color: var(--p-color2); + font-size: 12px; + margin-bottom: 0; +} + +.ad .wrapper { + padding-top: 10px; + margin: 70px 54px; +} + +.ad .wrapper .zoom { + overflow: hidden; + transition: 1s; +} + +@media screen and (max-width: 992px) { + .ad .wrapper .zoom { + margin-bottom: 25px; + } +} + +.ad .wrapper .zoom:hover .ad_wrapper1, +.ad .wrapper .zoom:hover .ad_wrapper2, +.ad .wrapper .zoom:hover .ad_wrapper3 { + transform: scale(1.05); + transition: all 1s ease-in-out; +} + +.ad .wrapper .ad_wrapper1 { + background-image: url(./../images/ad-section/ad1.jpg); + position: relative; + background-size: cover; + width: 100%; + background-repeat: no-repeat; + height: 350px; + transform: scale(1); + transition: all 1s ease-in-out; +} + +.ad .wrapper .ad_wrapper1 .xx { +height: 100%; + width: 100%; + text-decoration: none; + font-size: 14px !important; + font-weight: 700 !important; + letter-spacing: 0.6px !important; + text-decoration: none !important; + padding: 12px 25px !important; + position: relative !important; + text-transform: uppercase !important; + color: var(--white-color) !important; + transition: all 0.3s !important; + line-height: 14px !important; + margin-top: -95px !important; + border: none !important !important; + outline: 0 !important !important; + display: inline-block !important; + text-align: center !important; + vertical-align: middle !important; + cursor: pointer !important; + user-select: none !important; + +} + +.ad .wrapper .ad_wrapper1 .xx .ad_content { + padding: 30px 20px; +} + +.ad .wrapper .ad_wrapper1 .xx .ad_content span { + font-style: italic; + font-size: 20px; + font-weight: 200; +} + +.ad .wrapper .ad_wrapper1 .xx .ad_content p { + font-size: 22px; + font-weight: 700; + letter-spacing: 0.7px; + line-height: 0.9em; +} + +.ad .wrapper .ad_wrapper2 { + background-image: url(./../images/ad-section/ad2.jpg); + position: relative; + background-size: cover; + width: 100%; + background-repeat: no-repeat; + height: 350px; + transform: scale(1); + transition: all 1s ease-in-out; +} + +.ad .wrapper .ad_wrapper2 .xx { + height: 100%; + width: 100%; + text-decoration: none; + font-size: 14px !important; + font-weight: 700 !important; + letter-spacing: 0.6px !important; + text-decoration: none !important; + padding: 12px 25px !important; + position: relative !important; + text-transform: uppercase !important; + color: var(--white-color) !important; + transition: all 0.3s !important; + line-height: 14px !important; + margin-top: -95px !important; + border: none !important !important; + outline: 0 !important !important; + display: inline-block !important; + text-align: center !important; + vertical-align: middle !important; + cursor: pointer !important; + user-select: none !important; + +} + +.ad .wrapper .ad_wrapper2 .xx .ad_content { + padding: 30px 40px; + margin: 0px 20px; + padding-bottom: 20px; +} + +.ad .wrapper .ad_wrapper2 .xx .ad_content span { + font-style: italic; + font-size: 28px; + font-weight: 200; +} + +.ad .wrapper .ad_wrapper2 .xx .ad_content p { + font-size: 30px; + font-weight: 700; + letter-spacing: 0.7px; + line-height: 0.9em; +} + +.ad .wrapper .ad_wrapper2 .xx .new_ad { + padding: 0px 40px; + margin: 0px 20px; + margin-top: 15px; +} + +.ad .wrapper .ad_wrapper2 .xx .new_ad span { + background-color: var(--white-color); + color: var(--p-color2); + font-size: 14px; + font-weight: 700; + border-radius: 25px 25px; + padding: 4px 11px; + text-transform: uppercase; +} + +.ad .wrapper .ad_wrapper2 .xx .new_ad p { + margin-top: 20px; + font-size: 20px; + font-weight: 700; + letter-spacing: 0.7px; + line-height: 1em; + text-transform: uppercase; + font-weight: 300; +} + +.ad .wrapper .ad_wrapper3 { + background-image: url(./../images/ad-section/ad3.jpg); + position: relative; + background-size: cover; + width: 100%; + background-repeat: no-repeat; + height: 350px; + transform: scale(1); + transition: all 1s ease-in-out; +} + +.ad .wrapper .ad_wrapper3 .xx { + height: 100%; + width: 100%; + text-decoration: none; + font-size: 14px !important; + font-weight: 700 !important; + letter-spacing: 0.6px !important; + text-decoration: none !important; + padding: 12px 25px !important; + position: relative !important; + text-transform: uppercase !important; + color: var(--white-color) !important; + transition: all 0.3s !important; + line-height: 14px !important; + margin-top: -95px !important; + border: none !important !important; + outline: 0 !important !important; + display: inline-block !important; + text-align: center !important; + vertical-align: middle !important; + cursor: pointer !important; + user-select: none !important; + + + +} + +.ad .wrapper .ad_wrapper3 .xx .ad_content { + padding: 30px 20px; +} + +.ad .wrapper .ad_wrapper3 .xx .ad_content span { + font-style: italic; + font-size: 20px; + font-weight: 200; +} + +.ad .wrapper .ad_wrapper3 .xx .ad_content p { + font-size: 22px; + font-weight: 700; + letter-spacing: 0.7px; + line-height: 0.9em; +} + +.best_seller { + margin: 40px 50px; +} + +.best_seller .wrapper .best_products { + display: grid; + grid-template-columns: 5fr 5fr 5fr 5fr 5fr; + grid-column-gap: 20px; + grid-row-gap: 40px; + margin-bottom: 40px; +} + +@media screen and (max-width: 992px) { + .best_seller .wrapper .best_products { + grid-template-columns: 1fr 1fr 1fr; + } +} + +@media screen and (max-width: 768px) { + .best_seller .wrapper .best_products { + grid-template-columns: 1fr 1fr; + } +} + +@media screen and (max-width: 576px) { + .best_seller .wrapper .best_products { + grid-template-columns: 1fr; + } +} + +.best_seller .wrapper .best_products .b_product { + overflow: hidden; + border: 1px solid; + border-color: var(--border-color2); + border-radius: 5px; + position: relative; + transition: 0.8s !important; + padding: 15px 15px; +} + +.best_seller .wrapper .best_products .b_product:hover { + border-color: var(--color-hover); +} + +.best_seller .wrapper .best_products .b_product .new { + color: var(--white-color); + background-color: var(--color-hover); + padding: 2px 8px; + border-radius: 5px; + position: absolute; + top: 10px; + left: 10px; + z-index: 999; + font-size: 12px; + font-weight: 600; +} + +.best_seller .wrapper .best_products .b_product .wrapper .img_wrapper { + max-width: 300px; + position: relative; +} + +.best_seller .wrapper .best_products .b_product .wrapper .img_wrapper img { + width: 100%; + max-height: 212px; +} + +.best_seller .wrapper .best_products .b_product .wrapper .img_wrapper .inner { + width: 100%; + height: 100%; + position: absolute; + top: 0; + display: flex; + justify-content: center; + align-items: center; + z-index: 3; +} + +.best_seller .wrapper .best_products .b_product .wrapper .quick_view { + font-size: 16px; + background-color: var(--white-color); + height: 40px; + width: 40px; + border-radius: 50%; + display: none; + transition: 0.8s !important; +} + +.best_seller .wrapper .best_products .b_product .wrapper .quick_view i { + color: var(--eco-color-1); +} + +.best_seller .wrapper .best_products .b_product .wrapper .quick_view:hover { + background-color: var(--color-hover); +} + +.best_seller .wrapper .best_products .b_product .wrapper .quick_view:hover i { + color: var(--white-color); +} +.best_seller .wrapper .best_products .b_product .wrapper:hover .quick_view { + display: flex; + align-items: center; + justify-content: center; + transition: 0.8s !important; +} + +.best_seller .wrapper .best_products .b_product .wrapper .product_info { + line-height: 1.9; +} + +.best_seller .wrapper .best_products .b_product .wrapper .product_info .p_category { + color: var(--p-color2); + font-size: 10px; + letter-spacing: 0.4px; + text-transform: uppercase; +} + +.best_seller .wrapper .best_products .b_product .wrapper .product_info .p_name { + color: var(--p-color); + font-size: 14px; + font-weight: 700; + letter-spacing: 0.4px; + text-transform: capitalize; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.best_seller .wrapper .best_products .b_product .wrapper .product_info .p_rating i { + color: var(--rating-color); + font-size: 14px; + margin-right: 3px; +} + +.best_seller .wrapper .best_products .b_product .wrapper .product_info .p_price { + padding-top: 10px; + color: var(--p-color); + padding-bottom: 20px; +} + +.best_seller .wrapper .best_products .b_product .wrapper .product_info .p_price_updated { + padding-top: 10px; + padding-bottom: 20px; +} + +.best_seller .wrapper .best_products .b_product .wrapper .product_info .p_price_updated .old { + color: var(--p-color2); + text-decoration: line-through; + margin-right: 8px; +} + +.best_seller .wrapper .best_products .b_product .wrapper .product_info .p_price_updated .updated { + color: var(--sub-color-3); + margin-right: 8px; +} + +.best_seller .wrapper .best_products .b_product .wrapper .product_info .p_price_updated .off { + color: var(--white-color); + background-color: var(--sub-color-3); + padding: 2px 8px; + border-radius: 5px; + z-index: 999; + font-size: 12px; + font-weight: 600; +} + +.best_seller .wrapper .best_products .b_product .wrapper:hover .p_price, +.best_seller .wrapper .best_products .b_product .wrapper:hover .p_price_updated { + visibility: hidden; +} + +.best_seller .wrapper .best_products .b_product .wrapper .product_bottom { + display: none; + opacity: 0; + padding-bottom: 20px; + width: 80%; + position: absolute; +} + +.best_seller .wrapper .best_products .b_product .wrapper .product_bottom .b_icon i { + color: var(--eco-color-1); +} + +.best_seller .wrapper .best_products .b_product .wrapper .product_bottom .b_icon :first-child { +} + +.best_seller .wrapper .best_products .b_product .wrapper:hover .product_bottom { + display: flex; + transition: 0.8s !important; + justify-content: space-between; + opacity: 1; + bottom: 10px; +} + +.scale-in-center { + animation: scale-in-center 0.8s ease-in-out both; +} + +@keyframes scale-in-center { + 0% { + transform: scale(0); + opacity: 1; + } + 100% { + transform: scale(1); + opacity: 1; + } +} + +.slide-in-bottom { + animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; +} + +@keyframes slide-in-bottom { + 0% { + transform: translateY(1000px); + opacity: 0; + } + 100% { + transform: translateY(0); + opacity: 1; + } +} + +.modal .modal-dialog { + width: 1000px; + max-width: 1000px; +} + +@media screen and (max-width: 992px) { + .modal .modal-dialog { + width: 700px !important; + } +} + +@media screen and (max-width: 768px) { + .modal .modal-dialog { + width: 500px !important; + } +} + +@media screen and (max-width: 576px) { + .modal .modal-dialog { + width: 90% !important; + margin: auto; + } +} + +.modal .modal-dialog .modal-header { + border: none !important; +} + +.modal .modal-dialog .preview_product { + padding: 40px 40px 70px 0px; +} + +@media screen and (max-width: 992px) { + .modal .modal-dialog .preview_product { + padding: 40px 0px 70px 0px !important; + } +} + +.modal .modal-dialog .preview_product #big { + padding: 10px; + margin-bottom: 10px; +} + +.modal .modal-dialog .preview_product #big .item { + max-width: 100%; +} + +@media screen and (max-width: 768px) { + .modal .modal-dialog .preview_product #big .item { + max-width: 100% !important; + } +} + +.modal .modal-dialog .preview_product #thumbs .item { + max-width: 100px; + display: block; + text-align: center; + cursor: pointer; + border: 1px solid; + border-color: transparent; +} + +.modal .modal-dialog .preview_product #thumbs .item:active { + border: 1px solid black !important; + padding: 5px !important; +} + +.modal .modal-dialog .preview_product .owl-theme .owl-nav [class*="owl-"] { + transition: all 0.3s ease; +} + +.modal .modal-dialog .preview_product .owl-theme .owl-nav [class*="owl-"].disabled:hover { + background-color: #d6d6d6; +} + +.modal .modal-dialog .preview_product #big.owl-theme { + position: relative; +} + +.modal .modal-dialog .preview_details .wrapper .top { + border: 1px solid; + border-color: transparent; + border-bottom-color: var(--border-color2) !important; + padding-bottom: 15px; + margin-bottom: 20px; +} + +.modal .modal-dialog .preview_details .wrapper .top h1 { + font-size: 24px; + color: var(--eco-color-1); + letter-spacing: 0.6px; + padding-bottom: 15px; +} + +.preview_details .wrapper .top h1 { + font-size: 24px; + color: var(--eco-color-1); + letter-spacing: 0.6px; + padding-bottom: 15px; + font-weight: unset; +} + +.modal .modal-dialog .preview_details .wrapper .top p { + font-size: 16px; + font-weight: 700; + color: var(--eco-color-1); + margin-bottom: 12px; +} + +.modal .modal-dialog .preview_details .wrapper .top .p_rating { + margin-bottom: 20px; +} + +.preview_details .wrapper .top .p_rating { + margin-bottom: 20px; +} + +.modal .modal-dialog .preview_details .wrapper .top .p_rating i { + color: var(--rating-color); + font-size: 14px; + margin-right: 3px; +} + +.modal .modal-dialog .preview_details .wrapper .top .p_price { + font-size: 28px; + color: var(--p-color3); + margin-bottom: 12px; + font-weight: 300; +} + +.preview_details .wrapper .top .p_price { + font-size: 28px; + color: var(--p-color3); + margin-bottom: 12px; + font-weight: 300; +} + +.modal .modal-dialog .preview_details .wrapper .top .p_description p { + color: var(--p-color2); + font-weight: 300; + font-size: 14px; + line-height: 1.7; +} + + +.preview_details .wrapper .top .p_description p { + color: var(--p-color2); + font-weight: 300; + font-size: 14px; + line-height: 1.7; +} + +.modal .modal-dialog .preview_details .wrapper .bottom { + padding-top: 20px; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .dimension h4 { + font-size: 16px; + font-weight: 700; + color: var(--eco-color-1); + text-transform: capitalize; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .dimension .form-select- { + width: 100% !important; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .dimension .form-select { + background-color: transparent !important; + border-color: var(--p-color2) !important; + color: var(--eco-color-11); + border: 1px solid !important; + border-color: var(--border-color) !important; + font-size: 12px; + display: flex; + justify-content: space-between; + align-items: center; + padding: 8px 18px; + font-weight: 500; + width: fit-content; + border-radius: 0px; + margin-bottom: 20px; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .dimension .form-select option { + font-size: 12px; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .dimension .form-select:focus { + border-color: #0d1114 !important; + border: 2px solid !important; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .qnty_button { + display: flex; + padding-top: 15px; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .qnty_button .quantity { + display: flex; + padding: 0; + margin-right: 20px; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .qnty_button .quantity .quantity__minus, +.modal .modal-dialog .preview_details .wrapper .bottom .qnty_button .quantity .quantity__plus { + width: 32px; + height: 35px; + display: flex; + justify-content: center; + align-items: center; + margin: 0; + padding: 0; + text-align: center; + border: 1px solid; + border-color: var(--border-color); + background: var(--white-color); + color: #424246 !important; + line-height: 23px; + text-decoration: none; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .qnty_button .quantity .quantity__minus:hover, +.modal .modal-dialog .preview_details .wrapper .bottom .qnty_button .quantity .quantity__plus:hover { + background: #575b71; + color: #fff; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .qnty_button .quantity .quantity__input { + width: 32px; + height: 35px; + margin: 0; + padding: 0; + text-align: center; + border: 1px solid; + border-color: var(--border-color); + background: #fff; + color: #8184a1; + font-size: 12px; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .qnty_button .quantity .quantity__minus:link, +.modal .modal-dialog .preview_details .wrapper .bottom .qnty_button .quantity .quantity__plus:link { + color: #a8a9af; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .qnty_button .quantity .quantity__minus:visited, +.modal .modal-dialog .preview_details .wrapper .bottom .qnty_button .quantity .quantity__plus:visited { + color: #fff; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .p_options { + padding-top: 15px; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .p_options p { + margin-bottom: 10px; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .p_options p i { + color: var(--sub-color-1); + font-size: 20px; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .p_options p span { + color: var(--p-color); + font-weight: 600; + font-size: 18px; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .p_options .s_w { + display: flex; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .p_options .s_w :first-child { + margin-right: 15px; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .p_options .s_w .icon i { + font-size: 14px; + color: var(--p-color2); + margin-right: 5px !important; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .p_options .s_w .icon span { + font-size: 14px; + color: var(--p-color2); +} + +.modal .modal-dialog .preview_details .wrapper .bottom .p_options .bottom_icon { + margin-top: 20px; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .p_options .bottom_icon span { + color: var(--p-color); + font-size: 16px; + font-weight: 700; + margin-right: 15px; +} + +.modal .modal-dialog .preview_details .wrapper .bottom .p_options .bottom_icon i { + color: var(--border-color); + margin-right: 15px; +} + +.featured_product { + background-image: url(./../images/featured/brooke-lark-08bOYnH_r_E-unsplash.jpg); + background-position: center; + background-size: cover; + margin-bottom: 50px; + padding-top: 20px; +} + +.featured_product .f_wrapper { + padding: 50px 50px; +} + +@media screen and (max-width: 996px) { + .featured_product .f_wrapper { + padding-bottom: 100px; + } +} + +@media screen and (max-width: 996px) { + .featured_product .f_wrapper { + padding: 50px 20px 100px 20px; + } +} + +.featured_product .f_wrapper .featured_slider { + margin-top: 30px; + position: relative; +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product { + border: 1px solid; + border-color: var(--border-color2); + border-radius: 5px; + position: relative; + transition: 0.8s !important; + padding: 15px 15px; + background-color: var(--white-color); + margin-bottom: 25px; +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product:hover { + border-color: var(--color-hover); +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper { + display: flex; + align-items: center; + margin-top: 15px; +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .img_wrapper img { + width: 115px; +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .img_wrapper .inner { + width: 100%; + height: 100%; + position: absolute; + top: 0; + display: flex; + justify-content: start !important; + align-items: center; + z-index: 3; + margin-left: 30px !important; +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .img_wrapper .quick_view { + font-size: 16px; + background-color: var(--white-color); + height: 40px; + width: 40px; + border-radius: 50%; + display: none; + transition: 0.8s !important; +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .img_wrapper .quick_view i { + color: var(--eco-color-1); +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .img_wrapper .quick_view:hover { + background-color: var(--color-hover); +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .img_wrapper .quick_view:hover i { + color: var(--white-color); +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .img_wrapper:hover .quick_view { + display: flex; + align-items: center; + justify-content: center; +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .img_wrapper .inner { + width: 100%; + height: 100%; + position: absolute; + top: 0; + display: flex; + justify-content: center; + align-items: center; + z-index: 3; +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info { + line-height: 1.9; + overflow: hidden; + margin-left: 15px; +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info .p_category { + color: var(--p-color2); + font-size: 12px; + letter-spacing: 0.4px; + text-transform: uppercase; +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info .p_name { + color: var(--p-color); + font-size: 14px; + font-weight: 700; + letter-spacing: 0.4px; + text-transform: capitalize; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info .p_rating i { + color: var(--rating-color); + font-size: 14px; + margin-right: 3px; +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info .p_price { + padding-top: 10px; + color: var(--p-color); + padding-bottom: 0px; +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info .p_price_updated { + padding-top: 10px; + padding-bottom: 20px; +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info .p_price_updated .old { + color: var(--p-color2); + text-decoration: line-through; + margin-right: 8px; +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info .p_price_updated .updated { + color: var(--sub-color-3); + margin-right: 8px; +} + +.featured_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info .p_price_updated .off { + color: var(--white-color); + background-color: var(--sub-color-3); + padding: 2px 8px; + border-radius: 5px; + z-index: 999; + font-size: 12px; + font-weight: 600; +} + +.featured_product .f_wrapper .featured_slider .owl-nav { + position: absolute; + top: -115px; + right: 21px; +} + +@media screen and (max-width: 992px) { + .featured_product .f_wrapper .featured_slider .owl-nav { + top: 105%; + width: 100%; + right: 0; + left: 0; + text-align: center; + } +} + +.featured_product .f_wrapper .featured_slider .owl-nav .all { + display: block; +} + +.featured_product .f_wrapper .featured_slider .owl-nav .owl-prev, +.featured_product .f_wrapper .featured_slider .owl-nav .owl-next { + background-color: var(--color-white); + width: 32px; + height: 32px; + border-radius: 50%; + margin: 0 10px; + position: relative; + box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); +} + .banner .my-slider .owl-nav .owl-prev, +.banner .my-slider .owl-nav .owl-next { + background-color: var(--color-white); + width: 32px; + height: 32px; + border-radius: 50%; + margin: 0 10px; + position: relative; + box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); +} + +.featured_product .f_wrapper .featured_slider .owl-nav .owl-prev:focus, +.featured_product .f_wrapper .featured_slider .owl-nav .owl-next:focus { + background-color: var(--color-hover) !important; +} + +.featured_product .f_wrapper .featured_slider .owl-nav .owl-prev:focus span, +.featured_product .f_wrapper .featured_slider .owl-nav .owl-next:focus span { + color: var(--color-white) !important; +} + +.featured_product .f_wrapper .featured_slider .owl-nav .owl-prev span, +.featured_product .f_wrapper .featured_slider .owl-nav .owl-next span { + font-size: 22px; + width: 100%; + display: block; + position: absolute; + top: -2px; +} + +.featured_product .f_wrapper .featured_slider .owl-nav .owl-prev span:focus span, +.featured_product .f_wrapper .featured_slider .owl-nav .owl-next span:focus span { + color: var(--color-white) !important; +} + +.new_arrivals { + padding-top: 10px; + margin: 70px 54px; +} + +.new_arrivals .wrapper .best_products { + margin-top: 20px; + margin-bottom: 40px; + position: relative; +} + +.new_arrivals .wrapper .best_products .b_product { + overflow: hidden; + border: 1px solid; + border-color: var(--border-color2); + border-radius: 5px; + position: relative; + transition: 0.8s !important; + padding: 15px 15px; +} + +.new_arrivals .wrapper .best_products .b_product:hover { + border-color: var(--color-hover); +} + +.new_arrivals .wrapper .best_products .b_product .new { + color: var(--white-color); + background-color: var(--color-hover); + padding: 2px 8px; + border-radius: 5px; + position: absolute; + top: 10px; + left: 10px; + z-index: 999; + font-size: 12px; + font-weight: 600; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .img_wrapper { + max-width: 300px; + position: relative; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .img_wrapper img { + width: 100%; + min-height: 222px; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .img_wrapper .inner { + width: 100%; + height: 100%; + position: absolute; + top: 0; + display: flex; + justify-content: center; + align-items: center; + z-index: 3; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .quick_view { + font-size: 16px; + background-color: var(--white-color); + height: 40px; + width: 40px; + border-radius: 50%; + display: none; + transition: 0.8s !important; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .quick_view i { + color: var(--eco-color-1); +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .quick_view:hover { + background-color: var(--color-hover); +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .quick_view:hover i { + color: var(--white-color); +} + +.new_arrivals .wrapper .best_products .b_product .wrapper:hover .quick_view { + display: flex; + align-items: center; + justify-content: center; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .product_info { + line-height: 1.9; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .product_info .p_category { + color: var(--p-color2); + font-size: 12px; + letter-spacing: 0.4px; + text-transform: uppercase; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .product_info .p_name { + color: var(--p-color); + font-size: 14px; + font-weight: 700; + letter-spacing: 0.4px; + text-transform: capitalize; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .product_info .p_rating i { + color: var(--rating-color); + font-size: 14px; + margin-right: 3px; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .product_info .p_price { + padding-top: 10px; + color: var(--p-color); + padding-bottom: 20px; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .product_info .p_price_updated { + padding-top: 10px; + padding-bottom: 20px; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .product_info .p_price_updated .old { + color: var(--p-color2); + text-decoration: line-through; + margin-right: 8px; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .product_info .p_price_updated .updated { + color: var(--sub-color-3); + margin-right: 8px; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .product_info .p_price_updated .off { + color: var(--white-color); + background-color: var(--sub-color-3); + padding: 2px 8px; + border-radius: 5px; + z-index: 999; + font-size: 12px; + font-weight: 600; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper:hover .p_price, +.new_arrivals .wrapper .best_products .b_product .wrapper:hover .p_price_updated { + visibility: hidden; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .product_bottom { + display: none; + opacity: 0; + padding-bottom: 20px; + width: 80%; + position: absolute; +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .product_bottom .b_icon i { + color: var(--eco-color-1); +} + +.new_arrivals .wrapper .best_products .b_product .wrapper .product_bottom .b_icon :first-child { +} + +.new_arrivals .wrapper .best_products .b_product .wrapper:hover .product_bottom { + display: flex; + transition: 0.8s !important; + justify-content: space-between; + opacity: 1; + bottom: 10px; +} + +.new_arrivals .new_arrival_carousel .owl-nav { + position: absolute; + top: -60px; + right: 21px; + display: block !important; +} + +@media screen and (max-width: 992px) { + .new_arrivals .new_arrival_carousel .owl-nav { + top: 100%; + width: 100%; + right: 0; + left: 0; + text-align: center; + } +} + +.new_arrivals .new_arrival_carousel .owl-nav .all { + display: block; +} + +.new_arrivals .new_arrival_carousel .owl-nav .owl-prev, +.new_arrivals .new_arrival_carousel .owl-nav .owl-next { + background-color: var(--color-white); + width: 32px; + height: 32px; + border-radius: 50%; + margin: 0 10px; + position: relative; + box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); +} + +.new_arrivals .new_arrival_carousel .owl-nav .owl-prev:focus, +.new_arrivals .new_arrival_carousel .owl-nav .owl-next:focus { + background-color: var(--color-hover) !important; +} + +.new_arrivals .new_arrival_carousel .owl-nav .owl-prev:focus span, +.new_arrivals .new_arrival_carousel .owl-nav .owl-next:focus span { + color: var(--color-white) !important; +} + +.new_arrivals .new_arrival_carousel .owl-nav .owl-prev span, +.new_arrivals .new_arrival_carousel .owl-nav .owl-next span { + font-size: 22px; + width: 100%; + display: block; + position: absolute; + top: -2px; +} + +.new_arrivals .new_arrival_carousel .owl-nav .owl-prev span:focus span, +.new_arrivals .new_arrival_carousel .owl-nav .owl-next span:focus span { + color: var(--color-white) !important; +} + +.website_ad { + margin: 70px 70px; + transition: transform .9s; + overflow: hidden; +} + +@media screen and (max-width: 992px) { + .website_ad { + margin: 80px 0px 70px 0px; + } +} + +.website_ad .wrapper { + display: flex; + align-items: center; + padding-left: 40px; + background-image: url(./../images/web-ad/web_ad.jpg); + height: 200px; + background-position: center; + background-size: cover; + background-repeat: no-repeat; + overflow: hidden; + padding: 50px 65px; + overflow: hidden; + transition: 2s all ease-in-out; +} + +.website_ad .wrapper:hover { + overflow: hidden; + transform: scale(1.1); +} + +.website_ad .wrapper a { + display: block; + height: 100%; + width: 100%; + text-decoration: none; +} + +.website_ad .wrapper .content p { + font-style: italic; + margin-bottom: 0; + font-size: 24px; + font-weight: 300; + color: var(--eco-color-1); +} + +.website_ad .wrapper .content h1 { + text-transform: capitalize; + color: var(--eco-color-1); + font-size: 36px; +} + +.recent_product { + padding-top: 20px; +} + +.recent_product .f_wrapper { + padding: 30px 50px; +} + +.recent_product .f_wrapper .featured_slider { + margin-top: 30px; + position: relative; +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product { + border: 1px solid; + border-color: var(--border-color2); + border-radius: 5px; + position: relative; + transition: 0.8s !important; + padding: 15px 15px; + background-color: var(--white-color); + margin-bottom: 25px; +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product:hover { + border-color: var(--color-hover); +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper { + display: flex; + align-items: center; + margin-top: 15px; +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .img_wrapper img { + width: 115px; +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .img_wrapper .inner { + width: 100%; + height: 100%; + position: absolute; + top: 0; + display: flex; + justify-content: start !important; + align-items: center; + z-index: 3; + margin-left: 30px !important; +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .img_wrapper .quick_view { + font-size: 16px; + background-color: var(--white-color); + height: 40px; + width: 40px; + border-radius: 50%; + display: none; + transition: 0.8s !important; +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .img_wrapper .quick_view i { + color: var(--eco-color-1); +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .img_wrapper .quick_view:hover { + background-color: var(--color-hover); +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .img_wrapper .quick_view:hover i { + color: var(--white-color); +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .img_wrapper:hover .quick_view { + display: flex; + align-items: center; + justify-content: center; +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .img_wrapper .inner { + width: 100%; + height: 100%; + position: absolute; + top: 0; + display: flex; + justify-content: center; + align-items: center; + z-index: 3; +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info { + line-height: 1.9; + overflow: hidden; + margin-left: 15px; +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info .p_category { + color: var(--p-color2); + font-size: 12px; + letter-spacing: 0.4px; + text-transform: uppercase; +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info .p_name { + color: var(--p-color); + font-size: 14px; + font-weight: 700; + letter-spacing: 0.4px; + text-transform: capitalize; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info .p_rating i { + color: var(--rating-color); + font-size: 14px; + margin-right: 3px; +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info .p_price { + padding-top: 10px; + color: var(--p-color); + padding-bottom: 0px; +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info .p_price_updated { + padding-top: 10px; + padding-bottom: 20px; +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info .p_price_updated .old { + color: var(--p-color2); + text-decoration: line-through; + margin-right: 8px; +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info .p_price_updated .updated { + color: var(--sub-color-3); + margin-right: 8px; +} + +.recent_product .f_wrapper .featured_slider .favorite-carousel .b_product .wrapper .product_info .p_price_updated .off { + color: var(--white-color); + background-color: var(--sub-color-3); + padding: 2px 8px; + border-radius: 5px; + z-index: 999; + font-size: 12px; + font-weight: 600; +} + +.recent_product .f_wrapper .featured_slider .owl-nav { + position: absolute; + top: -115px; + right: 21px; +} + +@media screen and (max-width: 992px) { + .recent_product .f_wrapper .featured_slider .owl-nav { + top: 99%; + width: 100%; + right: 0; + left: 0; + text-align: center; + } +} + +.recent_product .f_wrapper .featured_slider .owl-nav .all { + display: block; +} + +.recent_product .f_wrapper .featured_slider .owl-nav .owl-prev, +.recent_product .f_wrapper .featured_slider .owl-nav .owl-next { + background-color: var(--color-white); + width: 32px; + height: 32px; + border-radius: 50%; + margin: 0 10px; + position: relative; + box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); +} + +.recent_product .f_wrapper .featured_slider .owl-nav .owl-prev:focus, +.recent_product .f_wrapper .featured_slider .owl-nav .owl-next:focus { + background-color: var(--color-hover) !important; +} + +.recent_product .f_wrapper .featured_slider .owl-nav .owl-prev:focus span, +.recent_product .f_wrapper .featured_slider .owl-nav .owl-next:focus span { + color: var(--color-white) !important; +} + +.recent_product .f_wrapper .featured_slider .owl-nav .owl-prev span, +.recent_product .f_wrapper .featured_slider .owl-nav .owl-next span { + font-size: 22px; + width: 100%; + display: block; + position: absolute; + top: -2px; +} + +.recent_product .f_wrapper .featured_slider .owl-nav .owl-prev span:focus span, +.recent_product .f_wrapper .featured_slider .owl-nav .owl-next span:focus span { + color: var(--color-white) !important; +} + +.testimonial { + background-image: url(./../images/testimonial/testimonial-bg.jpg); + background-position: center; + background-size: cover; + padding: 50px 50px; +} + +.testimonial .wrapper .test_slider { + margin-top: 40px; + margin-bottom: 20px; +} + +.testimonial .wrapper .test_slider .slider_content { + display: flex; + align-items: center; +} + +@media screen and (max-width: 576px) { + .testimonial .wrapper .test_slider .slider_content { + flex-direction: column; + } +} + +.testimonial .wrapper .test_slider .slider_content .slider_img { + max-width: 100px; + margin-right: -20px; + position: relative; +} + +@media screen and (max-width: 576px) { + .testimonial .wrapper .test_slider .slider_content .slider_img { + margin-bottom: -35px; + margin-right: 0; + } +} + +.testimonial .wrapper .test_slider .slider_content .slider_img img { + width: 100%; + border-radius: 50%; + border: 1px solid white; + border-width: 3px; +} + +.testimonial .wrapper .test_slider .slider_content .slider_info { + background-color: var(--white-color); + padding: 45px 45px 20px 45px; + border-radius: 5px; +} + +.testimonial .wrapper .test_slider .slider_content .slider_info .slider_disc { + color: var(--p-color); + font-size: 14px; +} + +.testimonial .wrapper .test_slider .slider_content .slider_info .bottom { + padding-top: 15px; + display: flex; +} + +.testimonial .wrapper .test_slider .slider_content .slider_info .bottom .quote { + max-width: 40px; +} + +.testimonial .wrapper .test_slider .slider_content .slider_info .bottom .quote img { + width: 100%; +} + +.testimonial .wrapper .test_slider .slider_content .slider_info .bottom .info { + margin-left: 20px; +} + +.testimonial .wrapper .test_slider .slider_content .slider_info .bottom .info h6 { + color: var(--eco-color); + font-size: 20xp; + margin-bottom: 0; + font-weight: 700; +} + +.testimonial .wrapper .test_slider .slider_content .slider_info .bottom .info p { + color: var(--p-color2); + font-size: 14px; + font-style: italic; +} +.testimonial .wrapper .featured_slider .owl-nav { + display: flex; + padding-top: 15px; + justify-content: center; +} + +.testimonial .wrapper .featured_slider .owl-nav .owl-prev, +.testimonial .wrapper .featured_slider .owl-nav .owl-next { + background-color: white; + width: 32px; + height: 32px; + border-radius: 50%; + margin: 0 10px; + position: relative; + box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); +} + +.testimonial .wrapper .featured_slider .owl-nav .owl-prev:focus, +.testimonial .wrapper .featured_slider .owl-nav .owl-next:focus { + background-color: var(--color-hover) !important; +} + +.testimonial .wrapper .featured_slider .owl-nav .owl-prev:focus span, +.testimonial .wrapper .featured_slider .owl-nav .owl-next:focus span { + color: var(--color-white) !important; +} + +.testimonial .wrapper .featured_slider .owl-nav .owl-prev span, +.testimonial .wrapper .featured_slider .owl-nav .owl-next span { + font-size: 22px; + width: 100%; + display: block; + position: absolute; + top: -2px; +} + +.testimonial .wrapper .featured_slider .owl-nav .owl-prev span:focus span, +.testimonial .wrapper .featured_slider .owl-nav .owl-next span:focus span { + color: var(--color-white) !important; +} + +.clients { + margin: 90px 54px; +} + +@media screen and (max-width: 768px) { + .clients { + margin: 50px 15px; + } +} + +.clients .client-carousel { + padding-top: 30px; + padding-bottom: 30px; + border-color: var(--border-color); + position: relative; +} +.clients .card { + border: unset; +} + + +.clients .client-carousel .c_img { + margin: 15px auto; + display: flex; + justify-content: center; +} + +.clients .client-carousel .c_img img { + width: 250px; +} + +.clients .carousel-item .card-group { + width: 100%; +} + +.clients .client-carousel .owl-nav { + display: flex; + justify-content: space-between; + position: absolute; + width: 100%; + top: 45%; + opacity: 0; + transition: all 0.4s ease-out; +} + +.clients .client-carousel .owl-nav .owl-prev, +.clients .client-carousel .owl-nav .owl-next { + background-color: var(--color-white); + width: 32px; + height: 32px; + border-radius: 50%; + margin: 0 10px; + position: relative; + box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); +} + +.clients .client-carousel .owl-nav .owl-prev:hover, +.clients .client-carousel .owl-nav .owl-next:hover { + background-color: var(--color-hover) !important; + color: var(--color-white) !important; +} + +.clients .client-carousel .owl-nav .owl-prev span, +.clients .client-carousel .owl-nav .owl-next span { + font-size: 22px; + width: 100%; + display: block; + position: absolute; + top: -2px; +} + +.clients .client-carousel .owl-nav .owl-prev span:hover, +.clients .client-carousel .owl-nav .owl-next span:hover { + color: var(--color-white) !important; +} + +.clients .client-carousel:hover .owl-nav { + opacity: 1; +} +/* +.product_main { + margin-top: 70px; + padding: 0px 54px; +} +*/ + +@media screen and (max-width: 768px) { + .product_main { + padding: 0px 15px; + } +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_by { + font-size: 22px; + color: var(--eco-color-1); + font-weight: 600; + text-transform: capitalize; + padding-bottom: 15px; + border: 1px solid; + border-color: transparent; + border-bottom-color: var(--border-color); + margin-bottom: 20px; + position: relative; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_by:after { + position: absolute; + content: " "; + width: 65px; + height: 3px; + background-color: var(--color-hover); + bottom: -1px; + left: 0; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type { + padding: 30px 20px 20px 0px; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .sub_head { + font-size: 16px; + padding-bottom: 10px; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .size__list { + padding-bottom: 15px; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .size__list label { + display: block; + font-size: 14px; + text-transform: capitalize; + color: var(--p-color2); + position: relative; + cursor: pointer; + display: flex; + flex-direction: row-reverse; + justify-content: flex-end; + margin-bottom: 15px; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .size__list label:hover { + color: var(--color-hover) !important; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .size__list label:hover .checkmark { + border-color: var(--color-hover) !important; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .size__list label input { + visibility: hidden; + margin-right: 4px; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .size__list label input:checked ~ .checkmark { + border-color: var(--eco-color-2) !important; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .size__list label input:checked ~ .checkmark:after { + border-color: var(--eco-color-2) !important; + opacity: 1; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .size__list label .checkmark { + border: 1px solid var(--p-color2); + border-radius: 2px; + position: absolute; + left: 0; + top: 4px; + height: 12px; + width: 12px; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .size__list label .checkmark:after { + position: absolute; + left: 0px; + top: -2px; + width: 11px; + height: 5px; + border: solid #f2f2f2; + border-width: 1.5px 1.5px 0px 0px; + transform: rotate(127deg); + opacity: 0; + content: ""; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .color__list { + padding-bottom: 15px; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .color__list label { + display: block; + font-size: 14px; + text-transform: capitalize; + color: var(--p-color2); + position: relative; + cursor: pointer; + display: flex; + flex-direction: row-reverse; + justify-content: flex-end; + margin-bottom: 15px; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .color__list label:hover { + color: var(--color-hover) !important; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .color__list label:hover .checkmark { + border-color: var(--color-hover) !important; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .color__list label input#c1 { + visibility: hidden; + margin-right: 4px; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .color__list label input#c1:checked ~ .checkmark { + border-color: #afafaf !important; + background-color: #afafaf; + box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .color__list label input#c2 { + visibility: hidden; + margin-right: 4px; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .color__list label input#c2:checked ~ .checkmark { + border-color: #fff !important; + background-color: #ffffff; + box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .color__list label input#c3 { + visibility: hidden; + margin-right: 4px; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .color__list label input#c3:checked ~ .checkmark { + border-color: black !important; + background-color: black; + box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .color__list label input#c4 { + visibility: hidden; + margin-right: 4px; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .color__list label input#c4:checked ~ .checkmark { + border-color: #eaab22 !important; + background-color: #eaab22; + box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .color__list label .checkmark { + border: 1px solid var(--p-color2); + border-radius: 2px; + position: absolute; + left: 0; + top: 4px; + height: 12px; + width: 12px; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .categories .color__list label .checkmark:after { + position: absolute; + left: 0px; + top: -2px; + width: 11px; + height: 5px; + border: solid #f2f2f2; + border-width: 1.5px 1.5px 0px 0px; + transform: rotate(127deg); + opacity: 0; + content: ""; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .price_filter .price_wrapper { + margin-bottom: 15px; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .price_filter .price_wrapper input { + color: var(--eco-color-1) !important; + font-weight: normal !important; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .price_filter #slider-range { + margin-bottom: 30px; + background-color: black; + border: none; + height: 8px; + border-radius: 8px; + position: relative; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .price_filter #slider-range .ui-state-default, +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .price_filter #slider-range .ui-widget-content .ui-state-default { + background-color: var(--border-color) !important; + border: none; + height: 18px; + width: 18px; + top: -4.8px; + position: absolute; + border-radius: 50%; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .price_filter #slider-range.ui-slider-horizontal .ui-slider-range { + top: 0; + background-color: var(--color-hover) !important; + left: 0%; + width: 60%; + position: absolute; + height: 8px; + border-radius: 8px; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .sidebar_ad { + margin-top: 50px; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .sidebar_ad a { + max-width: 300px; + position: relative; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .sidebar_ad a:hover:before { + animation: shine .75s; +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .sidebar_ad a:before { + position: absolute; + top: 0; + left: -78%; + z-index: 2; + display: block; + content: ''; + width: 50%; + height: 100%; + background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); + transform: skewX(-25deg); +} + +.product_main .wrapper .product_sidebar .ps_wrapper .filter_type .sidebar_ad a img { + width: 100%; +} + +.product_main .wrapper .product_content .wrapper .top_bar { + padding: 10px 10px; + background-color: var(--border-color2); +} + +.product_content .wrapper .top_bar { + padding: 10px 10px; + background-color: var(--border-color2); +} + +.product_main .wrapper .product_content .wrapper .top_bar .left { + height: 100%; + display: flex; + align-items: center; +} + +.product_content .wrapper .top_bar .left { + height: 100%; + display: flex; + align-items: center; +} + +.product_main .wrapper .product_content .wrapper .top_bar .left a { + color: var(--p-color2); + margin-right: 15px; +} + +.product_content .wrapper .top_bar .left label { + color: var(--p-color2); + margin-right: 15px; + display: flex; + align-items: center; +} + +.product_main .wrapper .product_content .wrapper .top_bar .left a i { + font-size: 18px; +} + +.product_content .wrapper .top_bar .left label i { + font-size: 18px; +} + +.product_main .wrapper .product_content .wrapper .top_bar .left a:hover { + color: var(--color-hover) !important; +} + +.product_main .wrapper .product_content .wrapper .top_bar .left a.active { + color: var(--color-hover) !important; +} + +.product_main .wrapper .product_content .wrapper .top_bar .left span { + font-size: 13px; + color: var(--p-color2); +} + +@media screen and (max-width: 768px) { + .product_main .wrapper .product_content .wrapper .top_bar .left { + margin-bottom: 20px; + } + + .product_content .wrapper .top_bar .left { + margin-bottom: 20px; + } +} + +.product_main .wrapper .product_content .wrapper .top_bar .right { + display: flex; + display: flex; + align-items: center; + justify-content: space-around; +} + +.product_content .wrapper .top_bar .right { + display: flex; + display: flex; + align-items: center; + justify-content: space-around; +} + +.product_main .wrapper .product_content .wrapper .top_bar .right span { + font-size: 13px; + color: var(--p-color2); +} + +.product_content .wrapper .top_bar .right span { + font-size: 13px; + color: var(--p-color2); +} + +.product_main .wrapper .product_content .wrapper .top_bar .right .form-select { + background-color: var(--white-color) !important; + color: var(--mars-color-1); + border: 1px solid !important; + border-color: var(--border-color) !important; + font-size: 12px; + display: flex; + justify-content: space-between; + align-items: center; + padding: 8px 10px; + font-weight: 500; + width: 80%; + border-radius: 25px; +} + +.product_content .wrapper .top_bar .right .form-select { + background-color: var(--white-color) !important; + color: var(--mars-color-1); + border: 1px solid !important; + border-color: var(--border-color) !important; + font-size: 12px; + display: flex; + justify-content: space-between; + align-items: center; + padding: 8px 10px; + font-weight: 500; + width: 80%; + border-radius: 25px; +} + +.product_main .wrapper .product_content .wrapper .top_bar .right .form-select option { + font-size: 12px; +} + +.product_main .wrapper .product_content .wrapper .top_bar .right .form-select:focus { + border-color: #0d1114 !important; + border: 2px solid !important; +} + +.product_content .wrapper .top_bar .right .form-select:focus { + border-color: #0d1114 !important; + border: 2px solid !important; +} + +.product_main .wrapper .product_content .wrapper .top_bar .right .form-group .form-control { + font-size: 12px; + padding: 18px 15px; +} + +.product_main .wrapper .product_content .wrapper .top_bar .right .form-control:focus { + color: #495057; + background-color: #fff; + border-color: #0d1114; + outline: 0; +} + +.product_main .wrapper .product_content .wrapper .product_grid { + padding-top: 10px; + margin-top: 50px; + margin-bottom: 50px; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products { + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-column-gap: 20px; + grid-row-gap: 30px; + margin-bottom: 40px; +} + +@media screen and (max-width: 996px) { + .product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products { + grid-template-columns: repeat(3, 1fr); + } +} + +@media screen and (max-width: 768px) { + .product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products { + grid-template-columns: repeat(2, 1fr); + } +} + +@media screen and (max-width: 576px) { + .product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products { + grid-template-columns: repeat(1, 1fr); + } +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product { + overflow: hidden; + border: 1px solid; + border-color: var(--border-color2); + border-radius: 5px; + position: relative; + transition: 0.8s !important; + padding: 15px 15px; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product:hover { + border-color: var(--color-hover); +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .new { + color: var(--white-color); + background-color: var(--color-hover); + padding: 2px 8px; + border-radius: 5px; + position: absolute; + top: 10px; + left: 10px; + z-index: 1; + font-size: 12px; + font-weight: 600; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .img_wrapper { + max-width: 300px; + position: relative; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .img_wrapper img { + width: 100%; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .img_wrapper .inner { + width: 100%; + height: 100%; + position: absolute; + top: 0; + display: flex; + justify-content: center; + align-items: center; + z-index: 3; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .quick_view { + font-size: 16px; + background-color: var(--white-color); + height: 40px; + width: 40px; + border-radius: 50%; + display: none; + transition: 0.8s !important; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .quick_view i { + color: var(--eco-color-1); +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .quick_view:hover { + background-color: var(--color-hover); +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .quick_view:hover i { + color: var(--white-color); +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper:hover .quick_view { + display: flex; + align-items: center; + justify-content: center; + transition: 0.8s !important; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .product_info { + line-height: 1.9; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .product_info .p_category { + color: var(--p-color2); + font-size: 12px; + letter-spacing: 0.4px; + text-transform: uppercase; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .product_info .p_name { + color: var(--p-color); + font-size: 14px; + font-weight: 700; + letter-spacing: 0.4px; + text-transform: capitalize; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .product_info .p_rating i { + color: var(--rating-color); + font-size: 14px; + margin-right: 3px; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .product_info .p_price { + padding-top: 10px; + color: var(--p-color); + padding-bottom: 20px; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .product_info .p_price_updated { + padding-top: 10px; + padding-bottom: 20px; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .product_info .p_price_updated .old { + color: var(--p-color2); + text-decoration: line-through; + margin-right: 8px; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .product_info .p_price_updated .updated { + color: var(--sub-color-3); + margin-right: 8px; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .product_info .p_price_updated .off { + color: var(--white-color); + background-color: var(--sub-color-3); + padding: 2px 8px; + border-radius: 5px; + z-index: 999; + font-size: 12px; + font-weight: 600; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper:hover .p_price, +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper:hover .p_price_updated { + visibility: hidden; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .product_bottom { + display: none; + opacity: 0; + padding-bottom: 20px; + width: 80%; + position: absolute; +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .product_bottom .b_icon i { + color: var(--eco-color-1); +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .product_bottom .b_icon :first-child { +} + +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper:hover .product_bottom { + display: flex; + transition: 0.8s !important; + justify-content: space-between; + opacity: 1; + bottom: 10px; +} + +.product_main .wrapper .product_content .wrapper .scale-in-center { + animation: scale-in-center 0.8s ease-in-out both; +} + +@keyframes scale-in-center { + 0% { + transform: scale(0); + opacity: 1; + } + 100% { + transform: scale(1); + opacity: 1; + } +} + +.product_main .wrapper .product_content .wrapper .slide-in-bottom { + animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; +} + +@keyframes slide-in-bottom { + 0% { + transform: translateY(1000px); + opacity: 0; + } + 100% { + transform: translateY(0); + opacity: 1; + } +} + +.product_main .wrapper .product_content nav { + display: flex; + justify-content: center; +} + +.product_main .wrapper .product_content nav .pagination .page-item .page-link { + border: none; + background-color: var(--footer-main); + margin-right: 10px; + border-radius: 50%; + color: var(--eco-color-2); +} + +.product_main .wrapper .product_content nav .pagination .page-item .page-link.active { + background-color: var(--color-hover); + color: var(--white-color); +} + +.product_main .wrapper .product_content nav .pagination .page-item .page-link:hover { + background-color: var(--color-hover); + color: var(--white-color); +} + +.product_main .card { + margin-bottom: 1rem; +} + +.product_main .list-view .row > [class*='col-'] { + max-width: 100%; + flex: 0 0 100%; +} + +.product_main .list-view .card { + flex-direction: row; +} + +@media (max-width: 575.98px) { + .product_main .list-view .card { + flex-direction: column; + } +} + +.product_main .list-view .card > .card-img-top { + width: auto; +} + +.product_main .list-view .card .card-body { + display: inline-block; +} + +@keyframes shine { + 100% { + left: 125%; + } +} + +.cart { + padding-bottom: 100px; +} +/*.cart { + padding-bottom: 100px; + margin: 0px 40px; +} +*/ +@media screen and (max-width: 996px) { + .cart { + padding-top: 40px; + padding-bottom: 80px; + margin: 50px 15px 0px 15px; + } +} + +@media screen and (max-width: 576px) { + .cart { + padding-top: 50px; + padding-bottom: 60px; + margin: 50px 15px 0px 15px; + } +} + +.cart .wrapper .cart_items .c_wrapper { + padding-top: 40px; + border: 1px solid; + border-color: transparent; + border-bottom-color: var(--border-color) !important; + padding-bottom: 30px; +} + +.cart .wrapper .cart_items .c_wrapper .cart_img { + max-width: 75px; +} + +.cart .wrapper .cart_items .c_wrapper .cart_img img { + width: 100%; +} + +.cart .wrapper .cart_items .c_wrapper .p_info .p_one a { + text-decoration: none; + color: var(--eco-color-1); + font-weight: 700; + padding-bottom: 15px !important; + display: block; +} + +.cart .wrapper .cart_items .c_wrapper .p_info .p_one a:hover { + color: var(--color-hover); +} + +.cart .wrapper .cart_items .c_wrapper .p_info .p_one :nth-child(2) { + color: var(--p-color) !important; + margin-right: 10px; +} + +.cart .wrapper .cart_items .c_wrapper .p_info .p_one :nth-child(3) { + color: var(--p-color2) !important; + margin-right: 10px; + text-decoration: line-through; +} + +.cart .wrapper .cart_items .c_wrapper .p_info .p_one :nth-child(5) { + color: var(--white-color) !important; + padding: 3px 8px; + font-size: 14px; + background-color: var(--eco-color-2); +} + +.cart .wrapper .cart_items .c_wrapper .p_info .p_one .size { + color: var(--p-color); + margin-top: 10px; +} + +.cart .wrapper .cart_items .c_wrapper .cart_q { + position: relative; +} + +.cart .wrapper .cart_items .c_wrapper .cart_q .quantity { + position: absolute; + left: 30px; +} + +.cart .wrapper .cart_items .c_wrapper .cart_q input[type="number"]::-webkit-inner-spin-button, +.cart .wrapper .cart_items .c_wrapper .cart_q input[type="number"]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} + +.cart .wrapper .cart_items .c_wrapper .cart_q input[type="number"] { + -moz-appearance: textfield; +} + +.cart .wrapper .cart_items .c_wrapper .cart_q .quantity input { + width: 45px; + height: 42px; + line-height: 1.65; + display: block; + padding: 0; + margin: 0; + padding-left: 10px; + border: 1px solid; + border-color: var(--border-color); +} + +.cart .wrapper .cart_items .c_wrapper .cart_q .quantity input:focus { + outline: 0; +} + +.cart .wrapper .cart_items .c_wrapper .cart_q .quantity-nav { + float: right; + position: relative; + height: 42px; + right: -19px; + top: -4px; +} + +.cart .wrapper .cart_items .c_wrapper .cart_q .quantity-button { + position: relative; + cursor: pointer; + border-left: 1px solid; + border-color: var(--border-color); + width: 20px; + text-align: center; + color: #333; + font-size: 13px; + line-height: 1.7; + transform: translateX(-100%); + -o-user-select: none; + user-select: none; +} + +.cart .wrapper .cart_items .c_wrapper .cart_q .quantity-button.quantity-up { + position: absolute; + height: 50%; + top: -38px; + border: 1px solid !important; + border-color: var(--border-color) !important; +} + +.cart .wrapper .cart_items .c_wrapper .cart_q .quantity-button.quantity-down { + position: absolute; + bottom: 38px; + height: 50%; + border: 1px solid !important; + border-color: var(--border-color) !important; +} + +.cart .wrapper .cart_items .c_wrapper .total { + font-weight: 700; + color: var(--eco-color-1); +} + +.cart .wrapper .cart_items .p_checkout { + margin-bottom: 30px; + margin: 0px 20px; + border: 1px solid; + border-color: var(--border-color2) !important; +} + +@media screen and (max-width: 5762px) { + .cart .wrapper .cart_items .p_checkout { + margin: 50px 0px 0px 0px; + } +} + +.cart .wrapper .cart_items .p_checkout .wrapper1 { + display: flex; + justify-content: space-between; + align-items: center; + border: 1px solid; + border-color: transparent; + border-bottom-color: var(--border-color2) !important; +} + +.cart .wrapper .cart_items .p_checkout .wrapper1 .left, +.cart .wrapper .cart_items .p_checkout .wrapper1 .right { + color: var(--eco-color-1); + font-size: 14px; + font-weight: 600; + padding: 20px 20px; +} + +.cart .wrapper .cart_items .p_checkout .wrapper1 .left span, +.cart .wrapper .cart_items .p_checkout .wrapper1 .right span { + margin-bottom: 5px; + display: block; +} + +.cart .wrapper .cart_items .p_checkout .wrapper2 { + display: flex; + justify-content: center; + align-items: center; + padding: 20px; +} + +.contact { + margin: 70px 40px; +} + +@media screen and (max-width: 5762px) { + .contact { + margin: 70px 15px; + } +} + +@media screen and (max-width: 992px) { + .contact .wrapper .store_info { + padding-bottom: 40px; + } +} + +.contact .wrapper .store_info ul { + margin-top: 20px; + padding-left: 0; +} + +.contact .wrapper .store_info ul li { + display: flex; + padding-bottom: 15px; + align-items: flex-start; + border: 1px solid; + border-color: transparent; + border-bottom-color: var(--border-color); + padding-top: 15px; +} + +.contact .wrapper .store_info ul li:last-child { + border-bottom-color: transparent !important; +} + +.contact .wrapper .store_info ul li span { + padding-right: 20px; + margin-right: 10px; +} + +.contact .wrapper .store_info ul li span i { + font-size: 28px; + color: var(--p-color2); +} + +.contact .wrapper .store_info ul li p { + font-size: 14px; + color: var(--p-color); +} + +.contact .wrapper .store_info ul li a { + color: var(--p-color); + text-decoration: none; + padding-top: 15px; +} + +.contact .wrapper .store_info ul li a:hover { + color: var(--color-hover); +} + +.contact .wrapper .subscribe { + position: relative; +} + +.contact .wrapper .subscribe .form-group { + padding-top: 20px; +} + +.contact .wrapper .subscribe .form-group input { + font-size: 14px; +} + +.contact .wrapper .subscribe .form-group label { + color: var(--p-color2); + font-size: 14px !important; + font-weight: normal !important; +} + +.contact .wrapper .subscribe .form-group .form-control-file { + display: inline-block; + padding: 6px 12px; + cursor: pointer; + direction: rtl; + background: #97979726; +} + +.contact .wrapper .subscribe .form-group .optional { + color: var(--p-color2); + font-size: 14px; + margin-top: 10px; + display: block; +} + +.checkout { + padding-top: 100px; + padding-bottom: 100px; + margin: 70px 40px; +} + +@media screen and (max-width: 996px) { + .checkout { + padding-top: 40px; + padding-bottom: 80px; + margin: 50px 15px 0px 15px; + } +} + +.checkout .Chekout_items .checkout_left .accordion .card { + padding: 15px 15px; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-header { + background-color: transparent; + border: none; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-header .btn-link { + color: var(--eco-color); + text-decoration: none; + font-weight: 700; + font-size: 18px; +} +.btn-link { + color: var(--eco-color); +} +.form-check-input:checked { + background-color: var(--eco-color-2); +} +.checkout .Chekout_items .checkout_left .accordion .card .card-body p { + font-size: 14px; + color: var(--eco-color); + margin-left: 30px; + margin-bottom: 15px; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .nav-tabs { + border: none; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .nav-tabs .nav-item { + margin-bottom: 15px; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .nav-tabs .nav-item:first-child { + border: 2px solid; + border-color: transparent; + border-right-color: var(--eco-color); +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .nav-tabs .nav-item .nav-link { + color: var(--p-color2); + text-decoration: none; + font-weight: 700; + font-size: 14px; + border-color: transparent; + background-color: transparent; + padding: 0px 15px; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .nav-tabs .nav-item .nav-link.active { + color: var(--eco-color); +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content { + padding-top: 20px; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .col-form-label { + font-size: 12px; + color: var(--p-color); +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .radio_b { + display: flex; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .passwrd_optional .create { + color: var(--eco-color); + text-decoration: none; + font-weight: 700; + font-size: 14px; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .passwrd_optional .create i { + font-weight: 400; + font-size: 13px; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .passwrd_optional p { + padding-top: 20px; + font-size: 14px; + color: var(--p-color2); +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .passwrd_optional a { + text-decoration: none; + padding-top: 10px; + font-size: 14px; + color: var(--p-color2); +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .passwrd_optional a:hover { + color: var(--color-hover); +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .eg { + font-size: 12px; + padding-top: 10px; + color: var(--p-color2); +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .policy .size__list { + padding-bottom: 15px; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .policy .size__list label { + display: block; + font-size: 14px; + text-transform: capitalize; + color: var(--p-color); + position: relative; + cursor: pointer; + display: flex; + flex-direction: row-reverse; + justify-content: flex-end; + margin-bottom: 15px; + padding-left: 10px; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .policy .size__list label:hover { + color: var(--color-hover) !important; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .policy .size__list label:hover .checkmark { + border-color: var(--color-hover) !important; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .policy .size__list label input { + visibility: hidden; + margin-right: 4px; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .policy .size__list label input:checked ~ .checkmark { + border-color: var(--eco-color-2) !important; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .policy .size__list label input:checked ~ .checkmark:after { + border-color: var(--eco-color-2) !important; + opacity: 1; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .policy .size__list label .checkmark { + border: 2px solid black; + border-radius: 0px; + position: absolute; + left: 0; + top: 4px; + height: 13px; + width: 13px; +} +#o_comparelist_table{ + content: "" !important; + display: table !important; + margin: 50px !important; +} +.checkout .Chekout_items .checkout_left .accordion .card .card-body .personal_info .tab-content .guest form .policy .size__list label .checkmark:after { + position: absolute; + left: 0px; + top: 1px; + width: 8px; + height: 5px; + border: solid #000000; + border-width: 1.9px 1.9px 0px 0px; + transform: rotate(127deg); + opacity: 0; + content: ""; +} +/* +.checkout .Chekout_items .checkout_left .accordion .card .card-body .Address form .col-form-label { + font-size: 12px; + color: var(--p-color); +} +*/ +.Address form .col-form-label { + font-size: 12px; + color: var(--p-color); + font-weight: normal; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .Address form .form-select { + background-color: transparent !important; + color: var(--eco-color-11); + border: 1px solid !important; + border-color: var(--border-color) !important; + font-size: 12px; + display: flex; + justify-content: space-between; + align-items: center; + padding: 8px 18px; + font-weight: 500; + width: fit-content; + border-radius: 5px; + margin-bottom: 20px; + width: 100% !important; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .Address form .form-select option { + font-size: 12px; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .Address form .form-select:focus { + border-color: #0d1114 !important; + border: 2px solid !important; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .Address form .policy .size__list { + padding-bottom: 15px; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .Address form .policy .size__list label { + display: block; + font-size: 14px; + text-transform: capitalize; + color: var(--p-color); + position: relative; + cursor: pointer; + display: flex; + flex-direction: row-reverse; + justify-content: flex-end; + margin-bottom: 15px; + padding-left: 10px; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .Address form .policy .size__list label:hover { + color: var(--color-hover) !important; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .Address form .policy .size__list label:hover .checkmark { + border-color: var(--color-hover) !important; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .Address form .policy .size__list label input { + visibility: hidden; + margin-right: 4px; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .Address form .policy .size__list label input:checked ~ .checkmark { + border-color: var(--eco-color-2) !important; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .Address form .policy .size__list label input:checked ~ .checkmark:after { + border-color: var(--eco-color-2) !important; + opacity: 1; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .Address form .policy .size__list label .checkmark { + border: 2px solid black; + border-radius: 0px; + position: absolute; + left: 0; + top: 4px; + height: 13px; + width: 13px; +} + +.checkout .Chekout_items .checkout_left .accordion .card .card-body .Address form .policy .size__list label .checkmark:after { + position: absolute; + left: 0px; + top: 1px; + width: 8px; + height: 5px; + border: solid #000000; + border-width: 1.9px 1.9px 0px 0px; + transform: rotate(127deg); + opacity: 0; + content: ""; +} + +.checkout .Chekout_items .checkout_right .p_checkout { + margin: 0px 20px; + border: 1px solid; + border-color: var(--border-color2) !important; +} + +@media screen and (max-width: 996px) { + .checkout .Chekout_items .checkout_right .p_checkout { + margin: 40px 0px 0px 0px; + } +} + +.checkout .Chekout_items .checkout_right .p_checkout .wrapper1 { + display: flex; + justify-content: space-between; + align-items: center; + border: 1px solid; + border-color: transparent; + border-bottom-color: var(--border-color2) !important; +} + +.checkout .Chekout_items .checkout_right .p_checkout .wrapper1 .left, +.checkout .Chekout_items .checkout_right .p_checkout .wrapper1 .right { + color: var(--eco-color-1); + font-size: 14px; + font-weight: 600; + padding: 20px 20px; +} + +.checkout .Chekout_items .checkout_right .p_checkout .wrapper1 .left span, +.checkout .Chekout_items .checkout_right .p_checkout .wrapper1 .right span { + margin-bottom: 5px; + display: block; +} + +.checkout .Chekout_items .checkout_right .p_checkout .wrapper2 { + display: flex; + justify-content: center; + align-items: center; + padding: 20px; +} + +.payment .p_methodes { + margin-bottom: 30px; + background-color: #f7f7f7; + background-color: var(--eco-color); +} + +.payment .p_methodes h5 { + border: none !important; + font-weight: 700; + font-size: 16px; + padding: 10px 15px; +} + +.payment .p_methodes h5 .form-check { + position: relative; + display: block; + padding: 0; + margin: 0 15px; + width: 100%; +} + +.payment .p_methodes h5 .form-check .form-check-label { + margin-bottom: 0; + font-weight: 700; +} + +.payment .p_methodes p { + padding: 0px 15px; +} + +@media screen and (max-width: 992px) { + .payment .p_methodes .options { + padding: 0px 20px 30px 20px; + } +} + +.oe_search_button{ +margin-bottom: 0 !important; + +} + +.icons_nav{ + align-item:center !important; + .input-group{ + + display:none !important; + } + +} + +/*.form-select.dropdown-toggle.btn.btn-light{ + width: 100% !important; +} +*/ +.js_language_selector.d-print-none span{ + color: #fff; +} + +.col-12.col-xl.order-xl-1.oe_cart { +} + +.address .o_page_header { + border: none; + border-bottom-style: none !important; +} + +.pagination.m-0.d-none.d-lg-inline-block.ms-3 { + display: flex !important; +} + +.btn.btn-light.border-primary.bi.bi-grid-3x3-gap-fill.o_wsale_apply_grid { + color: #4fb68d !important; +} + +.js_cart_summary{ + border: none; +} +header .navbar-collapse.show { + max-height: 100vh; + overflow-y: auto; + overflow-x: hidden; +} +.input-group.d-flex.ms-3 { + width: 92%; +} +.product_main .wrapper .product_content .wrapper .product_grid .wrapper .best_products .b_product .wrapper .img_wrapper { + max-width: 311px; + position: relative; +} +/*.c_wrapper { + margin-left: -209px; +} +h4.heading_c { + margin-left: -209px; +}*/ +/*nav.navbar.navbar-expand-lg.navbar-light { + margin: 75px; + width: 89%; +}*/ + +section.banner.o_colored_level { + margin-top: 51px !important; +} + +.cart .wrapper .cart_items .p_checkout { + margin: 265px 0px 0px 0px; +} +/*.header_modern_light .nav_modern .navbar { + background-color: var(--white-color); + padding: 0px 15px; + width: 90%; + margin: auto; +}*/ +element.style { + margin-top: 51px !important; + background-image: none; +} + + +.new_arrivals { + padding-top: 10px; + margin: 70px 54px; +} + +.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { + display: block; +} + +.btn.btn-light.border-primary.o_wsale_apply_list { + color: #4fb68d !important; +} +.oe_login_form{ + padding-top: 85PX !IMPORTANT; +} + +li .btn { + margin: 10px; +} + +.top_bar > div{ + display: flex; + align-items: center; +} + +.o_wsale_my_cart { + margin-top: -10px; +} + +.ecolife-count { + color: #276e72; +} +header#eco_food_header a[href="/shop/wishlist"]:not(.eco_food) { + display: none !important; +} +#wrapwrap { +} +.page-item.active .page-link { + background-color: var(--eco-color-1) !important; + border-color: var(--eco-color-1) !important; + color: var(--white-color) !important; +} + +.testimonial_carousel .slider_content { + width: 100% !important; + height: 100% !important; +} + +.testimonial_carousel .slider_info { + width: 100% !important; + height: 100% !important; +} + +@media (max-width: 767px) { + .clients .carousel-inner .carousel-item > div { + display: none; + } + .clients .carousel-inner .carousel-item > div:first-child { + display: block; + } +} + +.clients .carousel-inner .carousel-item.active, +.clients .carousel-inner .carousel-item-next, +.clients .carousel-inner .carousel-item-prev { + display: flex; +} + +.carousel-control-prev, +.carousel-control-next{ + width: 40px; + height: 40px; + background-color: var(--eco-color-1) !important; + position: absolute; + top: 50%; + transform: translateY(-50%); + border-radius: 50% +} + +.carousel-control-next-icon, +.carousel-control-prev-icon { + width: 20px; + height: 20px; +} + +.carousel-control-prev { + left: 20px; +} +.carousel-control-next { + right: 20px; +} diff --git a/theme_eco_food/static/src/images/ad-section/ad1.jpg b/theme_eco_food/static/src/images/ad-section/ad1.jpg new file mode 100644 index 000000000..2679bb5f9 Binary files /dev/null and b/theme_eco_food/static/src/images/ad-section/ad1.jpg differ diff --git a/theme_eco_food/static/src/images/ad-section/ad2.jpg b/theme_eco_food/static/src/images/ad-section/ad2.jpg new file mode 100644 index 000000000..cb0b6c3ea Binary files /dev/null and b/theme_eco_food/static/src/images/ad-section/ad2.jpg differ diff --git a/theme_eco_food/static/src/images/ad-section/ad3.jpg b/theme_eco_food/static/src/images/ad-section/ad3.jpg new file mode 100644 index 000000000..5def87319 Binary files /dev/null and b/theme_eco_food/static/src/images/ad-section/ad3.jpg differ diff --git a/theme_eco_food/static/src/images/banner/slider-1.jpg b/theme_eco_food/static/src/images/banner/slider-1.jpg new file mode 100644 index 000000000..750744213 Binary files /dev/null and b/theme_eco_food/static/src/images/banner/slider-1.jpg differ diff --git a/theme_eco_food/static/src/images/banner/slider-2.jpg b/theme_eco_food/static/src/images/banner/slider-2.jpg new file mode 100644 index 000000000..650a4c4f6 Binary files /dev/null and b/theme_eco_food/static/src/images/banner/slider-2.jpg differ diff --git a/theme_eco_food/static/src/images/client/c1.jpg b/theme_eco_food/static/src/images/client/c1.jpg new file mode 100644 index 000000000..cbc2a274e Binary files /dev/null and b/theme_eco_food/static/src/images/client/c1.jpg differ diff --git a/theme_eco_food/static/src/images/client/c1.png b/theme_eco_food/static/src/images/client/c1.png new file mode 100644 index 000000000..ed20d4ec2 Binary files /dev/null and b/theme_eco_food/static/src/images/client/c1.png differ diff --git a/theme_eco_food/static/src/images/client/c1_01.jpg b/theme_eco_food/static/src/images/client/c1_01.jpg new file mode 100644 index 000000000..3546aa88f Binary files /dev/null and b/theme_eco_food/static/src/images/client/c1_01.jpg differ diff --git a/theme_eco_food/static/src/images/client/c1_02.gif b/theme_eco_food/static/src/images/client/c1_02.gif new file mode 100644 index 000000000..3aaa767e1 Binary files /dev/null and b/theme_eco_food/static/src/images/client/c1_02.gif differ diff --git a/theme_eco_food/static/src/images/client/c1_03.gif b/theme_eco_food/static/src/images/client/c1_03.gif new file mode 100644 index 000000000..74e8018ed Binary files /dev/null and b/theme_eco_food/static/src/images/client/c1_03.gif differ diff --git a/theme_eco_food/static/src/images/client/c1_04.gif b/theme_eco_food/static/src/images/client/c1_04.gif new file mode 100644 index 000000000..c3da38563 Binary files /dev/null and b/theme_eco_food/static/src/images/client/c1_04.gif differ diff --git a/theme_eco_food/static/src/images/client/c1_08.gif b/theme_eco_food/static/src/images/client/c1_08.gif new file mode 100644 index 000000000..34f265176 Binary files /dev/null and b/theme_eco_food/static/src/images/client/c1_08.gif differ diff --git a/theme_eco_food/static/src/images/client/c1_09.gif b/theme_eco_food/static/src/images/client/c1_09.gif new file mode 100644 index 000000000..1e59b56f4 Binary files /dev/null and b/theme_eco_food/static/src/images/client/c1_09.gif differ diff --git a/theme_eco_food/static/src/images/client/c1_13.gif b/theme_eco_food/static/src/images/client/c1_13.gif new file mode 100644 index 000000000..b26c8a0e5 Binary files /dev/null and b/theme_eco_food/static/src/images/client/c1_13.gif differ diff --git a/theme_eco_food/static/src/images/client/c1_15.gif b/theme_eco_food/static/src/images/client/c1_15.gif new file mode 100644 index 000000000..f34ec78b5 Binary files /dev/null and b/theme_eco_food/static/src/images/client/c1_15.gif differ diff --git a/theme_eco_food/static/src/images/client/c1_16.gif b/theme_eco_food/static/src/images/client/c1_16.gif new file mode 100644 index 000000000..e73aea031 Binary files /dev/null and b/theme_eco_food/static/src/images/client/c1_16.gif differ diff --git a/theme_eco_food/static/src/images/client/c2.png b/theme_eco_food/static/src/images/client/c2.png new file mode 100644 index 000000000..e09467534 Binary files /dev/null and b/theme_eco_food/static/src/images/client/c2.png differ diff --git a/theme_eco_food/static/src/images/client/c3.png b/theme_eco_food/static/src/images/client/c3.png new file mode 100644 index 000000000..ee79e8594 Binary files /dev/null and b/theme_eco_food/static/src/images/client/c3.png differ diff --git a/theme_eco_food/static/src/images/client/c4.png b/theme_eco_food/static/src/images/client/c4.png new file mode 100644 index 000000000..86f923468 Binary files /dev/null and b/theme_eco_food/static/src/images/client/c4.png differ diff --git a/theme_eco_food/static/src/images/client/c5.png b/theme_eco_food/static/src/images/client/c5.png new file mode 100644 index 000000000..811fad073 Binary files /dev/null and b/theme_eco_food/static/src/images/client/c5.png differ diff --git a/theme_eco_food/static/src/images/client/c6.png b/theme_eco_food/static/src/images/client/c6.png new file mode 100644 index 000000000..a788428e8 Binary files /dev/null and b/theme_eco_food/static/src/images/client/c6.png differ diff --git a/theme_eco_food/static/src/images/featured/banner-2.png b/theme_eco_food/static/src/images/featured/banner-2.png new file mode 100644 index 000000000..6b6c2f7b7 Binary files /dev/null and b/theme_eco_food/static/src/images/featured/banner-2.png differ diff --git a/theme_eco_food/static/src/images/featured/brooke-lark-08bOYnH_r_E-unsplash.jpg b/theme_eco_food/static/src/images/featured/brooke-lark-08bOYnH_r_E-unsplash.jpg new file mode 100644 index 000000000..8279a168d Binary files /dev/null and b/theme_eco_food/static/src/images/featured/brooke-lark-08bOYnH_r_E-unsplash.jpg differ diff --git a/theme_eco_food/static/src/images/footer_icons/american-express (1).png b/theme_eco_food/static/src/images/footer_icons/american-express (1).png new file mode 100644 index 000000000..4d68dac3f Binary files /dev/null and b/theme_eco_food/static/src/images/footer_icons/american-express (1).png differ diff --git a/theme_eco_food/static/src/images/footer_icons/american-express.png b/theme_eco_food/static/src/images/footer_icons/american-express.png new file mode 100644 index 000000000..b70ba6246 Binary files /dev/null and b/theme_eco_food/static/src/images/footer_icons/american-express.png differ diff --git a/theme_eco_food/static/src/images/footer_icons/android_black_24dp.svg b/theme_eco_food/static/src/images/footer_icons/android_black_24dp.svg new file mode 100644 index 000000000..63f296ca0 --- /dev/null +++ b/theme_eco_food/static/src/images/footer_icons/android_black_24dp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/theme_eco_food/static/src/images/footer_icons/apple-black-logo.png b/theme_eco_food/static/src/images/footer_icons/apple-black-logo.png new file mode 100644 index 000000000..1c404f65a Binary files /dev/null and b/theme_eco_food/static/src/images/footer_icons/apple-black-logo.png differ diff --git a/theme_eco_food/static/src/images/footer_icons/discover.png b/theme_eco_food/static/src/images/footer_icons/discover.png new file mode 100644 index 000000000..01336a337 Binary files /dev/null and b/theme_eco_food/static/src/images/footer_icons/discover.png differ diff --git a/theme_eco_food/static/src/images/footer_icons/google-play.png b/theme_eco_food/static/src/images/footer_icons/google-play.png new file mode 100644 index 000000000..d1fa2d994 Binary files /dev/null and b/theme_eco_food/static/src/images/footer_icons/google-play.png differ diff --git a/theme_eco_food/static/src/images/footer_icons/maestro.png b/theme_eco_food/static/src/images/footer_icons/maestro.png new file mode 100644 index 000000000..8b2fb73fd Binary files /dev/null and b/theme_eco_food/static/src/images/footer_icons/maestro.png differ diff --git a/theme_eco_food/static/src/images/footer_icons/paypal.png b/theme_eco_food/static/src/images/footer_icons/paypal.png new file mode 100644 index 000000000..b1dbd88ec Binary files /dev/null and b/theme_eco_food/static/src/images/footer_icons/paypal.png differ diff --git a/theme_eco_food/static/src/images/footer_icons/visa.png b/theme_eco_food/static/src/images/footer_icons/visa.png new file mode 100644 index 000000000..dc4ebd08e Binary files /dev/null and b/theme_eco_food/static/src/images/footer_icons/visa.png differ diff --git a/theme_eco_food/static/src/images/footer_icons/western-union.png b/theme_eco_food/static/src/images/footer_icons/western-union.png new file mode 100644 index 000000000..3b8afe513 Binary files /dev/null and b/theme_eco_food/static/src/images/footer_icons/western-union.png differ diff --git a/theme_eco_food/static/src/images/icons/credit.png b/theme_eco_food/static/src/images/icons/credit.png new file mode 100644 index 000000000..88a488333 Binary files /dev/null and b/theme_eco_food/static/src/images/icons/credit.png differ diff --git a/theme_eco_food/static/src/images/icons/delete.png b/theme_eco_food/static/src/images/icons/delete.png new file mode 100644 index 000000000..2b9fe7bba Binary files /dev/null and b/theme_eco_food/static/src/images/icons/delete.png differ diff --git a/theme_eco_food/static/src/images/icons/h_icon.png b/theme_eco_food/static/src/images/icons/h_icon.png new file mode 100644 index 000000000..02f3ca010 Binary files /dev/null and b/theme_eco_food/static/src/images/icons/h_icon.png differ diff --git a/theme_eco_food/static/src/images/icons/icons8-france-48.png b/theme_eco_food/static/src/images/icons/icons8-france-48.png new file mode 100644 index 000000000..e5e8794fe Binary files /dev/null and b/theme_eco_food/static/src/images/icons/icons8-france-48.png differ diff --git a/theme_eco_food/static/src/images/icons/icons8-internal-call-32.png b/theme_eco_food/static/src/images/icons/icons8-internal-call-32.png new file mode 100644 index 000000000..7c081f43e Binary files /dev/null and b/theme_eco_food/static/src/images/icons/icons8-internal-call-32.png differ diff --git a/theme_eco_food/static/src/images/icons/icons8-usa-48.png b/theme_eco_food/static/src/images/icons/icons8-usa-48.png new file mode 100644 index 000000000..df38af99f Binary files /dev/null and b/theme_eco_food/static/src/images/icons/icons8-usa-48.png differ diff --git a/theme_eco_food/static/src/images/icons/paypal.png b/theme_eco_food/static/src/images/icons/paypal.png new file mode 100644 index 000000000..a42f1d8a2 Binary files /dev/null and b/theme_eco_food/static/src/images/icons/paypal.png differ diff --git a/theme_eco_food/static/src/images/icons/quote.png b/theme_eco_food/static/src/images/icons/quote.png new file mode 100644 index 000000000..469dbc7b3 Binary files /dev/null and b/theme_eco_food/static/src/images/icons/quote.png differ diff --git a/theme_eco_food/static/src/images/images/ecofood-banner.jpg b/theme_eco_food/static/src/images/images/ecofood-banner.jpg new file mode 100644 index 000000000..2fd89ce2e Binary files /dev/null and b/theme_eco_food/static/src/images/images/ecofood-banner.jpg differ diff --git a/theme_eco_food/static/src/images/images/ecofood-bestseller.jpg b/theme_eco_food/static/src/images/images/ecofood-bestseller.jpg new file mode 100644 index 000000000..9d70a20ae Binary files /dev/null and b/theme_eco_food/static/src/images/images/ecofood-bestseller.jpg differ diff --git a/theme_eco_food/static/src/images/images/ecofood-clients.jpg b/theme_eco_food/static/src/images/images/ecofood-clients.jpg new file mode 100644 index 000000000..7b9672f4a Binary files /dev/null and b/theme_eco_food/static/src/images/images/ecofood-clients.jpg differ diff --git a/theme_eco_food/static/src/images/images/ecofood-featured-products.jpg b/theme_eco_food/static/src/images/images/ecofood-featured-products.jpg new file mode 100644 index 000000000..31866b047 Binary files /dev/null and b/theme_eco_food/static/src/images/images/ecofood-featured-products.jpg differ diff --git a/theme_eco_food/static/src/images/images/ecofood-new_arrivals.jpg b/theme_eco_food/static/src/images/images/ecofood-new_arrivals.jpg new file mode 100644 index 000000000..9d70a20ae Binary files /dev/null and b/theme_eco_food/static/src/images/images/ecofood-new_arrivals.jpg differ diff --git a/theme_eco_food/static/src/images/images/ecofood-service.jpg b/theme_eco_food/static/src/images/images/ecofood-service.jpg new file mode 100644 index 000000000..6a9f26f77 Binary files /dev/null and b/theme_eco_food/static/src/images/images/ecofood-service.jpg differ diff --git a/theme_eco_food/static/src/images/images/ecofood-testimoinial.jpg b/theme_eco_food/static/src/images/images/ecofood-testimoinial.jpg new file mode 100644 index 000000000..9148a93e0 Binary files /dev/null and b/theme_eco_food/static/src/images/images/ecofood-testimoinial.jpg differ diff --git a/theme_eco_food/static/src/images/images/ecofood_ad.jpg b/theme_eco_food/static/src/images/images/ecofood_ad.jpg new file mode 100644 index 000000000..d14eb45ba Binary files /dev/null and b/theme_eco_food/static/src/images/images/ecofood_ad.jpg differ diff --git a/theme_eco_food/static/src/images/images/ecofood_recently_added.jpg b/theme_eco_food/static/src/images/images/ecofood_recently_added.jpg new file mode 100644 index 000000000..386b7e784 Binary files /dev/null and b/theme_eco_food/static/src/images/images/ecofood_recently_added.jpg differ diff --git a/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_01.jpg b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_01.jpg new file mode 100644 index 000000000..029bb4a83 Binary files /dev/null and b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_01.jpg differ diff --git a/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_02.gif b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_02.gif new file mode 100644 index 000000000..b8c1f5581 Binary files /dev/null and b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_02.gif differ diff --git a/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_03.gif b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_03.gif new file mode 100644 index 000000000..c336671be Binary files /dev/null and b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_03.gif differ diff --git a/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_04.gif b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_04.gif new file mode 100644 index 000000000..c91ac0fcc Binary files /dev/null and b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_04.gif differ diff --git a/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_05.gif b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_05.gif new file mode 100644 index 000000000..a0b4de37f Binary files /dev/null and b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_05.gif differ diff --git a/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_06.gif b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_06.gif new file mode 100644 index 000000000..723887c9e Binary files /dev/null and b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_06.gif differ diff --git a/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_07.gif b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_07.gif new file mode 100644 index 000000000..4b0881d52 Binary files /dev/null and b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_07.gif differ diff --git a/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_08.gif b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_08.gif new file mode 100644 index 000000000..1f37153da Binary files /dev/null and b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_08.gif differ diff --git a/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_09.gif b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_09.gif new file mode 100644 index 000000000..968777db8 Binary files /dev/null and b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_09.gif differ diff --git a/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_10.gif b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_10.gif new file mode 100644 index 000000000..11379f4cd Binary files /dev/null and b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_10.gif differ diff --git a/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_11.gif b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_11.gif new file mode 100644 index 000000000..c8b2be151 Binary files /dev/null and b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_11.gif differ diff --git a/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_12.gif b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_12.gif new file mode 100644 index 000000000..8de987040 Binary files /dev/null and b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_12.gif differ diff --git a/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_13.gif b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_13.gif new file mode 100644 index 000000000..e352114ec Binary files /dev/null and b/theme_eco_food/static/src/images/images/v618-tk-01-wellnesslogo_13.gif differ diff --git a/theme_eco_food/static/src/images/navbar/meganav.jpg b/theme_eco_food/static/src/images/navbar/meganav.jpg new file mode 100644 index 000000000..b676600ba Binary files /dev/null and b/theme_eco_food/static/src/images/navbar/meganav.jpg differ diff --git a/theme_eco_food/static/src/images/product-banner/contact-banner.jpg b/theme_eco_food/static/src/images/product-banner/contact-banner.jpg new file mode 100644 index 000000000..eca793712 Binary files /dev/null and b/theme_eco_food/static/src/images/product-banner/contact-banner.jpg differ diff --git a/theme_eco_food/static/src/images/product-banner/product-banner.jpg b/theme_eco_food/static/src/images/product-banner/product-banner.jpg new file mode 100644 index 000000000..a4d3aee23 Binary files /dev/null and b/theme_eco_food/static/src/images/product-banner/product-banner.jpg differ diff --git a/theme_eco_food/static/src/images/service-icon/call-center.png b/theme_eco_food/static/src/images/service-icon/call-center.png new file mode 100644 index 000000000..62ecf6fb0 Binary files /dev/null and b/theme_eco_food/static/src/images/service-icon/call-center.png differ diff --git a/theme_eco_food/static/src/images/service-icon/credit-card.png b/theme_eco_food/static/src/images/service-icon/credit-card.png new file mode 100644 index 000000000..0fa484abd Binary files /dev/null and b/theme_eco_food/static/src/images/service-icon/credit-card.png differ diff --git a/theme_eco_food/static/src/images/service-icon/delivery-truck.png b/theme_eco_food/static/src/images/service-icon/delivery-truck.png new file mode 100644 index 000000000..05614a681 Binary files /dev/null and b/theme_eco_food/static/src/images/service-icon/delivery-truck.png differ diff --git a/theme_eco_food/static/src/images/service-icon/earth (1).png b/theme_eco_food/static/src/images/service-icon/earth (1).png new file mode 100644 index 000000000..778109dd3 Binary files /dev/null and b/theme_eco_food/static/src/images/service-icon/earth (1).png differ diff --git a/theme_eco_food/static/src/images/service-icon/product-return.png b/theme_eco_food/static/src/images/service-icon/product-return.png new file mode 100644 index 000000000..7fa3b86b8 Binary files /dev/null and b/theme_eco_food/static/src/images/service-icon/product-return.png differ diff --git a/theme_eco_food/static/src/images/testimonial/testimonial-bg.jpg b/theme_eco_food/static/src/images/testimonial/testimonial-bg.jpg new file mode 100644 index 000000000..7a2c42a96 Binary files /dev/null and b/theme_eco_food/static/src/images/testimonial/testimonial-bg.jpg differ diff --git a/theme_eco_food/static/src/images/web-ad/web_ad.jpg b/theme_eco_food/static/src/images/web-ad/web_ad.jpg new file mode 100644 index 000000000..5cc2e821c Binary files /dev/null and b/theme_eco_food/static/src/images/web-ad/web_ad.jpg differ diff --git a/theme_eco_food/static/src/js/best_seller.js b/theme_eco_food/static/src/js/best_seller.js new file mode 100644 index 000000000..72eaf1fe8 --- /dev/null +++ b/theme_eco_food/static/src/js/best_seller.js @@ -0,0 +1,18 @@ +/** @odoo-module **/ + +import { jsonrpc } from "@web/core/network/rpc_service"; +import publicWidget from "@web/legacy/js/public/public_widget"; +import animations from "@website/js/content/snippets.animation"; +import { renderToElement } from "@web/core/utils/render"; + +publicWidget.registry.ecoFoodBestSeller = animations.Animation.extend({ + selector : '.best_seller_products', + async start() { + var data = await jsonrpc('/get_best_seller') + if (data) { + this.$target.empty().append(renderToElement('theme_eco_food.eco_food_best_seller_snippet', { + best_seller: data + })) + } + } +}); \ No newline at end of file diff --git a/theme_eco_food/static/src/js/bootstrap-dropdownhover.js b/theme_eco_food/static/src/js/bootstrap-dropdownhover.js new file mode 100644 index 000000000..2738241a2 --- /dev/null +++ b/theme_eco_food/static/src/js/bootstrap-dropdownhover.js @@ -0,0 +1,299 @@ +/* ======================================================================== + * Bootstrap: dropdownhover.js v1.1.0 + * http://kybarg.github.io/bootstrap-dropdown-hover/ + * ======================================================================== + * Licensed under MIT (https://github.com/kybarg/bootstrap-dropdown-hover/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // DROPDOWN CLASS DEFINITION + // ========================= + + var backdrop = '.dropdown-backdrop' + + var Dropdownhover = function (element, options) { + this.options = options + this.$element = $(element) + + var that = this + + // Defining if navigation tree or single dropdown + this.dropdowns = this.$element.hasClass('dropdown-toggle') ? this.$element.parent().find('.dropdown-menu').parent('.dropdown') : this.$element.find('.dropdown') + + if (!options.onClick) { + this.dropdowns.each(function () { + $(this).on('mouseenter.bs.dropdownhover', function (e) { + that.show($(this).children('a, button')) + }) + }) + + this.dropdowns.each(function () { + $(this).on('mouseleave.bs.dropdownhover', function (e) { + that.hide($(this).children('a, button')) + }) + }) + } else { + this.dropdowns.each(function () { + $(this).children('a, button').on('click.bs.dropdownhover', function (e) { + var isActive = $(this).parent().hasClass('open') + isActive ? that.hide($(this)) : that.show($(this)) + }) + }) + } + + } + + Dropdownhover.TRANSITION_DURATION = 300 + Dropdownhover.DELAY = 150 + Dropdownhover.TIMEOUT + + Dropdownhover.DEFAULTS = { + onClick: false, + animations: ['fadeInDown', 'fadeInRight', 'fadeInUp', 'fadeInLeft'], + } + + function getParent($this) { + var selector = $this.attr('data-target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 + } + + var $parent = selector && $(document).find(selector) + + return $parent && $parent.length ? $parent : $this.parent() + } + + function clearMenus(e) { + if (e && e.which === 3) return + $(backdrop).remove() + $('[data-hover="dropdown"]').each(function () { + var $this = $(this) + var $parent = getParent($this) + var relatedTarget = { relatedTarget: this } + + if (!$parent.hasClass('open')) return + + if (e && e.type == 'click' && /input|textarea/i.test(e.target.tagName) && $.contains($parent[0], e.target)) return + + $parent.trigger(e = $.Event('hide.bs.dropdownhover', relatedTarget)) + + if (e.isDefaultPrevented()) return + + $this.attr('aria-expanded', 'false') + $parent.removeClass('open').trigger($.Event('hidden.bs.dropdownhover', relatedTarget)) + }) + } + + // Opens dropdown menu when mouse is over the trigger element + Dropdownhover.prototype.show = function (_dropdownLink) { + var $this = $(_dropdownLink) + + + window.clearTimeout(Dropdownhover.TIMEOUT) + // Close all dropdowns + $('.dropdown').not($this.parents()).each(function () { + $(this).removeClass('open') + }); + + var effect = this.options.animations[0] + + if ($this.is('.disabled, :disabled')) return + + var $parent = $this.parent() + var isActive = $parent.hasClass('open') + + if (!isActive) { + + if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { + // if mobile we use a backdrop because click events don't delegate + $(document.createElement('div')) + .addClass('dropdown-backdrop') + .insertAfter($(this)) + .on('click', clearMenus) + } + + var $dropdown = $this.next('.dropdown-menu') + + $parent.addClass('open') + $this.attr('aria-expanded', true) + + // Ensures that all menus that are closed have proper aria tagging. + $parent.siblings().each(function () { + if (!$(this).hasClass('open')) { + $(this).find('[data-hover="dropdown"]').attr('aria-expanded', false); + } + }) + + var side = this.position($dropdown) + + switch (side) { + case 'top': + effect = this.options.animations[2] + break; + case 'right': + effect = this.options.animations[3] + break; + case 'left': + effect = this.options.animations[1] + break; + default: + effect = this.options.animations[0] + break; + } + + $dropdown.addClass('animated ' + effect) + + var transition = $.support.transition && $dropdown.hasClass('animated') + + transition ? + $dropdown + .one('bsTransitionEnd', function () { + $dropdown.removeClass('animated ' + effect) + }) + .emulateTransitionEnd(Dropdownhover.TRANSITION_DURATION) : + $dropdown.removeClass('animated ' + effect) + } + + return false + } + + // Closes dropdown menu when mouse is out of it + Dropdownhover.prototype.hide = function (_dropdownLink) { + + var that = this + var $this = $(_dropdownLink) + var $parent = $this.parent() + var $this_delay = $this.data('dropdown-hover-delay'); + Dropdownhover.TIMEOUT = window.setTimeout(function () { + $parent.removeClass('open') + $this.attr('aria-expanded', false) + }, ($this_delay ? $this_delay : Dropdownhover.DELAY)) + } + + // Calculating position of dropdown menu + Dropdownhover.prototype.position = function (dropdown) { + + var win = $(window); + + // Reset css to prevent incorrect position + dropdown.css({ bottom: '', left: '', top: '', right: '' }).removeClass('dropdownhover-top') + + var viewport = { + top: win.scrollTop(), + left: win.scrollLeft() + }; + viewport.right = viewport.left + win.width(); + viewport.bottom = viewport.top + win.height(); + + var bounds = dropdown.offset(); + bounds.right = bounds.left + dropdown.outerWidth(); + bounds.bottom = bounds.top + dropdown.outerHeight(); + var position = dropdown.position(); + position.right = bounds.left + dropdown.outerWidth(); + position.bottom = bounds.top + dropdown.outerHeight(); + + var side = '' + + var isSubnow = dropdown.parents('.dropdown-menu').length + + if (isSubnow) { + + if (position.left < 0) { + side = 'left' + dropdown.removeClass('dropdownhover-right').addClass('dropdownhover-left') + } else { + side = 'right' + dropdown.addClass('dropdownhover-right').removeClass('dropdownhover-left') + } + + if (bounds.left < viewport.left) { + side = 'right' + dropdown.css({ left: '100%', right: 'auto' }).addClass('dropdownhover-right').removeClass('dropdownhover-left') + } else if (bounds.right > viewport.right) { + side = 'left' + dropdown.css({ left: 'auto', right: '100%' }).removeClass('dropdownhover-right').addClass('dropdownhover-left') + } + + if (bounds.bottom > viewport.bottom) { + dropdown.css({ bottom: 'auto', top: -(bounds.bottom - viewport.bottom) }) + } else if (bounds.top < viewport.top) { + dropdown.css({ bottom: -(viewport.top - bounds.top), top: 'auto' }) + } + + } else { // Defines special position styles for root dropdown menu + + var parentLi = dropdown.parent('.dropdown') + var pBounds = parentLi.offset() + pBounds.right = pBounds.left + parentLi.outerWidth() + pBounds.bottom = pBounds.top + parentLi.outerHeight() + + if (bounds.right > viewport.right) { + dropdown.css({ left: -(bounds.right - viewport.right), right: 'auto' }) + } + + if (bounds.bottom > viewport.bottom && (pBounds.top - viewport.top) > (viewport.bottom - pBounds.bottom) || dropdown.position().top < 0) { + side = 'top' + dropdown.css({ bottom: '100%', top: 'auto' }).addClass('dropdownhover-top').removeClass('dropdownhover-bottom') + } else { + side = 'bottom' + dropdown.addClass('dropdownhover-bottom') + } + } + + return side; + + } + + + // DROPDOWNHOVER PLUGIN DEFINITION + // ========================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.dropdownhover') + var settings = $this.data() + if ($this.data('animations') !== undefined && $this.data('animations') !== null) + settings.animations = $.isArray(settings.animations) ? settings.animations : settings.animations.split(' ') + + var options = $.extend({}, Dropdownhover.DEFAULTS, settings, typeof option == 'object' && option) + + if (!data) $this.data('bs.dropdownhover', (data = new Dropdownhover(this, options))) + + }) + } + + var old = $.fn.dropdownhover + + $.fn.dropdownhover = Plugin + $.fn.dropdownhover.Constructor = Dropdownhover + + + // DROPDOWNHOVER NO CONFLICT + // ==================== + + $.fn.dropdownhover.noConflict = function () { + $.fn.dropdownhover = old + return this + } + + + // APPLY TO STANDARD DROPDOWNHOVER ELEMENTS + // =================================== + $(document).ready(function () { + $('[data-hover="dropdown"]').each(function () { + var $target = $(this) + if ('ontouchstart' in document.documentElement) { + Plugin.call($target, $.extend({}, $target.data(), { onClick: true })) + } else { + Plugin.call($target, $target.data()) + } + }) + }) + +}(jQuery); diff --git a/theme_eco_food/static/src/js/custom.js b/theme_eco_food/static/src/js/custom.js new file mode 100644 index 000000000..6c07605c8 --- /dev/null +++ b/theme_eco_food/static/src/js/custom.js @@ -0,0 +1,89 @@ +/** @odoo-module **/ + +import publicWidget from "@web/legacy/js/public/public_widget"; +import { jsonrpc } from "@web/core/network/rpc_service"; +import wSaleUtils from "@website_sale/js/website_sale_utils"; + +publicWidget.registry.WebsiteSaleCart = publicWidget.Widget.extend({ + selector: '#wrapwrap', + events: { + 'click .cart-btn': '_addToCart', + 'click .wishlist-btn': '_addToWishlist', + 'click .subscribe-btn': 'onClickSubscribe', + }, + init() { + this._super(...arguments); + this.wishlistProductIDs = JSON.parse(sessionStorage.getItem('website_sale_wishlist_product_ids') || '[]'); + }, + willStart() { + var self = this; + var def = this._super.apply(this, arguments); + var wishDef; + if (this.wishlistProductIDs.length != +$('header#top .my_wish_quantity').text()) { + wishDef = $.get('/shop/wishlist', { + count: 1, + }).then(function (res) { + self.wishlistProductIDs = JSON.parse(res); + sessionStorage.setItem('website_sale_wishlist_product_ids', res); + }); + } + return Promise.all([def, wishDef]); + }, + start() { + this._updateWishlistView(); + }, + async _addToCart(ev) { + // Function for adding products to cart. + let productId = $(ev.currentTarget).data('product-id'); + let data = await jsonrpc("/shop/cart/update_json", { + add_qty: 1, + product_id: productId + }); + wSaleUtils.updateCartNavBar(data); + }, + async _addToWishlist(ev) { + // Function for adding products to wishlist. + let productId = $(ev.currentTarget).data('product-id'); + let data = await jsonrpc('/shop/wishlist/add', { + product_id: productId, + is_template: true + }); + if (data) { + this.wishlistProductIDs.push(productId); + sessionStorage.setItem('website_sale_wishlist_product_ids', JSON.stringify(this.wishlistProductIDs)); + this._updateWishlistView(); + } + }, + _updateWishlistView () { + // Function to update wishlist count in website. + const $wishButton = $('.o_wsale_my_wish'); + if ($wishButton.hasClass('o_wsale_my_wish_hide_empty')) { + $wishButton.toggleClass('d-none', !this.wishlistProductIDs.length); + } + $wishButton.find('.my_wish_quantity').text(this.wishlistProductIDs.length); + }, + async onClickSubscribe(ev) { + // Function for subscribe newsletter. + const $button = $(ev.currentTarget); + const $input = $(ev.currentTarget.parentElement).find('input'); + this.$el.removeClass('o_has_error').find('.form-control').removeClass('is-invalid'); + if ($input.val().match(/.+@.+/)) { + let data = await jsonrpc('/subscribe_newsletter', { + email: $input.val() + }); + if (data) { + $(ev.currentTarget.parentElement.parentElement).find('.warning').hide(); + $input.css('pointer-events', 'none'); + $button.css('background-color', 'green !important'); + $button.text("THANKS"); + } else { + $(ev.currentTarget.parentElement.parentElement).find('.warning').text("Already subscribed to the newsletter."); + $(ev.currentTarget.parentElement.parentElement).find('.warning').show(); + } + } else { + this.$el.addClass('o_has_error').find('.form-control').addClass('is-invalid'); + $(ev.currentTarget.parentElement.parentElement).find('.warning').text("Enter a valid email."); + $(ev.currentTarget.parentElement.parentElement).find('.warning').show(); + } + }, +}) \ No newline at end of file diff --git a/theme_eco_food/static/src/js/featured_products.js b/theme_eco_food/static/src/js/featured_products.js new file mode 100644 index 000000000..69a6794f5 --- /dev/null +++ b/theme_eco_food/static/src/js/featured_products.js @@ -0,0 +1,36 @@ +/** @odoo-module **/ + +import { jsonrpc } from "@web/core/network/rpc_service"; +import publicWidget from "@web/legacy/js/public/public_widget"; +import animations from "@website/js/content/snippets.animation"; +import { renderToElement } from "@web/core/utils/render"; + +publicWidget.registry.ecoFoodFeaturedProducts = animations.Animation.extend({ + selector : '.featured_product_carousal', + async start(){ + var data = await jsonrpc('/get_featured_products') + if(data){ + this.$target.empty().append(renderToElement('theme_eco_food.eco_food_featured_products_carousel', { + slides: data, + })); + this.product_carousel(); + } + }, + product_carousel () { + $(".favorite-carousel").owlCarousel( + { + items: 1, + loop: true, + margin: 40, + stagePadding: 0, + smartSpeed: 450, + autoplay: false, + autoPlaySpeed: 3000, + autoPlayTimeout: 1000, + autoplayHoverPause: true, + dots: false, + nav: true, + } + ); + }, +}); \ No newline at end of file diff --git a/theme_eco_food/static/src/js/index.js b/theme_eco_food/static/src/js/index.js new file mode 100644 index 000000000..ebbacec3e --- /dev/null +++ b/theme_eco_food/static/src/js/index.js @@ -0,0 +1,257 @@ +/** @odoo-module **/ + +// +$(document).ready(function () { + var s = $(".topbar"); + var pos = s.position(); + $('#wrapwrap').scroll(function () { + var windowpos = $('#wrapwrap').scrollTop(); + if (windowpos >= pos.top & windowpos >= 100) { + s.addClass("fadeInDown"); + s.addClass("topbar_margin"); + } else { + s.removeClass("fadeInDown"); + s.removeClass("topbar_margin"); + } + }); +}); + +/// +$(document).ready(function () { +$(".featured_eco_food").owlCarousel({ + items: 1, + loop: true, + margin: 30, + stagePadding: 30, + smartSpeed: 450, + autoplay: true, + autoPlaySpeed: 1000, + autoPlayTimeout: 1000, + autoplayHoverPause: true, + dots: false, + nav: true, + responsiveClass: true, + }); +}); +// +const $slider = $('.my-slider') +const SLIDER_TIMEOUT = 5000 +$slider.owlCarousel({ + items: 1, + nav: false, + dots: false, + autoplay: true, + autoplayTimeout: SLIDER_TIMEOUT, + autoplayHoverPause: false, + loop: true, + onInitialized: ({ target }) => { + const animationStyle = `-webkit-animation-duration:${SLIDER_TIMEOUT}ms;animation-duration:${SLIDER_TIMEOUT}ms` + const progressBar = $( + `
` + ) + $(target).append(progressBar) + }, + onChanged: ({ type, target }) => { + if (type === 'changed') { + const $progressBar = $(target).find('.slider-progress-bar') + const clonedProgressBar = $progressBar.clone(true) + $progressBar.remove() + $(target).append(clonedProgressBar) + } + } +}); +// +$(document).ready(function () { + var owl = $('.owl-theme1'); + $(".owl-theme1").owlCarousel({}); + function setAnimation(_elem, _InOut) { + var animationEndEvent = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend'; + _elem.each(function () { + var $elem = $(this); + var $animationType = 'animated ' + $elem.data('animation-' + _InOut); + $elem.addClass($animationType).one(animationEndEvent, function () { + $elem.removeClass($animationType); // remove animate.css Class at the end of the animations + }); + }); + } + // Fired before current slide change + owl.on('change.owl.carousel', function (event) { + var $currentItem = $('.owl-item', owl).eq(event.item.index); + var $elemsToanim = $currentItem.find("[data-animation-out]"); + setAnimation($elemsToanim, 'out'); + }); + // Fired after current slide has been changed + owl.on('changed.owl.carousel', function (event) { + var $currentItem = $('.owl-item', owl).eq(event.item.index); + var $elemsToanim = $currentItem.find("[data-animation-in]"); + setAnimation($elemsToanim, 'in'); + }) +}); + +//// +$(document).ready(function () { + var bigimage = $("#big"); + var thumbs = $("#thumbs"); + //var totalslides = 10; + var syncedSecondary = true; + bigimage + .owlCarousel({ + items: 1, + slideSpeed: 2000, + margin: 30, + singleItem: true, + nav: false, + autoplay: false, + dots: false, + loop: true, + responsiveRefreshRate: 200, + responsive: { + 0: { + items: 1, + }, + 768: { + items: 1, + }, + 992: { + items: 1, + } + }, + }) + .on("changed.owl.carousel", syncPosition); + thumbs + .on("initialized.owl.carousel", function () { + thumbs + .find(".owl-item") + .eq(0) + .addClass("current"); + }) + .owlCarousel({ + items: 4, + dots: false, + nav: false, + responsive: { + 0: { + items: 4, + }, + 768: { + items: 4, + }, + 992: { + items: 4, + } + }, + smartSpeed: 200, + slideSpeed: 500, + slideBy: 3, + margin: 10, + responsiveRefreshRate: 100 + }) + .on("changed.owl.carousel", syncPosition2); + function syncPosition(el) { + //if loop is set to false, then you have to uncomment the next line + //var current = el.item.index; + //to disable loop, comment this block + var count = el.item.count - 1; + var current = Math.round(el.item.index - el.item.count / 2 - 0.5); + if (current < 0) { + current = count; + } + if (current > count) { + current = 0; + } + //to this + thumbs + .find(".owl-item") + .removeClass("current") + .eq(current) + .addClass("current"); + var onscreen = thumbs.find(".owl-item.active").length - 1; + var start = thumbs + .find(".owl-item.active") + .first() + .index(); + var end = thumbs + .find(".owl-item.active") + .last() + .index(); + if (current > end) { + thumbs.data("owl.carousel").to(current, 100, true); + } + if (current < start) { + thumbs.data("owl.carousel").to(current - onscreen, 100, true); + } + } + function syncPosition2(el) { + if (syncedSecondary) { + var number = el.item.index; + bigimage.data("owl.carousel").to(number, 100, true); + } + } + thumbs.on("click", ".owl-item", function (e) { + e.preventDefault(); + var number = $(this).index(); + bigimage.data("owl.carousel").to(number, 300, true); + }); +}); + +//// +$(document).ready(function () { + $(".new_arrival_carousel").owlCarousel( + { + items: 6, + loop: true, + margin: 40, + stagePadding: 0, + smartSpeed: 450, + autoplay: false, + autoPlaySpeed: 3000, + autoPlayTimeout: 1000, + autoplayHoverPause: true, + dots: false, + nav: true, + responsive: { + 0: { + items: 1, + }, + 576: { + items: 2, + }, + 768: { + items: 3, + }, + 992: { + items: 6, + } + }, + } + ); +}); +//// +$(document).ready(function () { + $(".test-carousel").owlCarousel( + { + items: 2, + loop: true, + margin: 40, + stagePadding: 0, + smartSpeed: 450, + autoplay: false, + autoPlaySpeed: 3000, + autoPlayTimeout: 1000, + autoplayHoverPause: true, + dots: false, + nav: false, + responsive: { + 0: { + items: 1, + }, + 768: { + items: 2, + }, + 992: { + items: 2, + } + }, + } + ); +}); \ No newline at end of file diff --git a/theme_eco_food/static/src/js/new_arrivals.js b/theme_eco_food/static/src/js/new_arrivals.js new file mode 100644 index 000000000..133fe7c4f --- /dev/null +++ b/theme_eco_food/static/src/js/new_arrivals.js @@ -0,0 +1,50 @@ +/** @odoo-module **/ + +import { jsonrpc } from "@web/core/network/rpc_service"; +import publicWidget from "@web/legacy/js/public/public_widget"; +import animations from "@website/js/content/snippets.animation"; +import { renderToElement } from "@web/core/utils/render"; + +publicWidget.registry.ecoFoodNewArrival = animations.Animation.extend({ + selector : '.new_arrival_products', + async start() { + const data = await jsonrpc('/get_new_arrivals') + if(data){ + this.$target.empty().append(renderToElement('theme_eco_food.eco_food_new_arrivals_carousel', { + new_arrival: data, + })); + this.product_carousel(); + } + }, + product_carousel(autoplay=false, items=5, slider_timing=5000) { + $(".new_arrival_carousel").owlCarousel( + { + items: 6, + loop: true, + margin: 40, + stagePadding: 0, + smartSpeed: 450, + autoplay: false, + autoPlaySpeed: 3000, + autoPlayTimeout: 1000, + autoplayHoverPause: true, + dots: false, + nav: true, + responsive: { + 0: { + items: 1, + }, + 576: { + items: 2, + }, + 768: { + items: 3, + }, + 992: { + items: 6, + } + }, + } + ); + }, +}); \ No newline at end of file diff --git a/theme_eco_food/static/src/js/owl.carousel.js b/theme_eco_food/static/src/js/owl.carousel.js new file mode 100644 index 000000000..3031fc6a4 --- /dev/null +++ b/theme_eco_food/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 = [ $('