@charset "UTF-8";
/*
Theme Name: EkoFood
Theme URI: http://wp.jmstheme.com/ekofood
Author: JoomMasters
Author URI: http://www.joommasters.com
Description: EkoFood is simple and clean looking WordPress Theme suitable for fashion stores websites or any kind of shopping website with better usability. Flexible settings, fast loading, premium modules, fast support and much more. All these amazing features are blended together in EkoFood – your powerful, stylish and attractive responsive WordPress Theme. Make your business with our theme. We are sure that it will satisfy all your needs.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ekofood
Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, sticky-post, threaded-comments
*/
/* -------------------------------------------
[Table of contents]
1. BASE
1.1 LIST
1.2 LINK
1.3 HEADING
1.4 TABLE
1.5 FORM
1.6 BUTTON
1.7 CLEARING
1.8 HELPER
1.9 GLOBAL
1.10 LAYOUT
2. WORDPRESS DEFAULT CLASS
3. HEADER
3.1 HEADER 1
3.2 HEADER 2
3.3 HEADER 3
3.4 HEADER 4
3.5 HEADER 5
3.6 HEADER 6
3.7 HEADER 7
3.8 HEADER 8
4. MENU
4.1 PRIMARY MENU
4.2 MOBILE MENU
4.3 VERTICAL MENU
4.4 FOOTER MENU
5. FOOTER
6. HOME
7. PAGE
7.1 MAINTENANCE
7.2 404
7.3 CONTACT
7.4 SEARCH
7.5 PAGE HEADING
8. POST
8.1 SINGLE POST
8.2 POST PAGINATION
8.3 POST COMMENT
8.4 POST LAYOUT
8.5 POST NAVIGATION
9. WIDGET
10. WOOCOMMERCE
10.1 TOOLTIP
10.2 MESSAGE
10.3 RATING
10.4 SHOP ACTION
10.5 SHOP FILTER
10.6 QUICK VIEW
10.7 SHIPPING POPUP
10.8 ONSALE
10.9 PRODUCT BOX
10.10 PRODUCT CATEGORY
10.11 SHOP LAYOUT
10.12 SHOP PAGINATION
10.13 SINGLE PRODUCT
10.14 WOOCOMMERCE TABS
10.15 OTHER PRODUCTS
10.16 PAGE WISHLIST
10.17 MY ACCOUNT
10.18 CART
10.19 CHECKOUT
10.20 CART STYLE
11. ELEMENTS
11.1 BANNER
11.2 PROMO BAR
11.3 PORTFOLIO
11.4 INSTAGRAM
11.5 SERVICE
11.6 BRAND
11.7 PRODUCTS
11.8 TESTIMONIAL
11.9 TEAM MEMBER
11.10 SOCIAL ICONS
11.11 MEGAMENU WIDGET
11.12 GOOGLE MAPS
11.13 INFORMATION BOX
11.14 GALLERY
11.15 VIDEO
12. LOADING
13. ANIMATION
14. RESPONSIVE
14.1 MEDIUM
14.2 TABLET
14.3 MOBILE
------------------------------------------- */
/**
* =========================================
* SETTING CSS DEFAULT
* =========================================
*
*/
.background-primary-color, .button_hover:after, .background-hover-button a:after, table.compare-list tr.add-to-cart .button-cart:after, .loadmore_product_btn a:after, .btn.btn-color-primary,
.button.btn-color-primary,
button.btn-color-primary,
.added_to_cart.btn-color-primary,
input.btn-color-primary[type="submit"],
input.btn-color-primary[type="button"],
input.btn-color-primary[type="reset"], .btn-transparent:hover, .checkout-button,
.coupon .button,
.checkout_coupon .button,
.actions .update-cart,
#customer_login .button, .owl-theme .owl-dots .owl-dot.active,
.owl-theme .owl-dots .owl-dot:hover, .h6-eko-hot-deals .owl-theme .owl-nav [class*="owl-"]:hover,
.ekofood-related-posts .owl-theme .owl-nav [class*="owl-"]:hover,
.jmsproducttabs-elements.tab-design-left .owl-theme .owl-nav [class*="owl-"]:hover,
.jmsproducttabs-elements.tab-design-line .owl-theme .owl-nav [class*="owl-"]:hover, .wp-block-search .wp-block-search__button:hover, body .post-nav-links .post-page-numbers:hover, body .post-nav-links .post-page-numbers.current, .header-wishlist a span, .header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-nav [class*="owl-"]:hover, .header-1 .bottom-header .ver-cat-menu .show-catmenu, .header-2 .topbar, .header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .show-catmenu, .header-5 .bottom-header .ver-cat-menu .show-catmenu, .ekofood-menu.primary-menu > li > a:after, .ekofood-mobile-menu .menu-title, .menu-popup, .menu-popup .menu-title, .ekofood-popup-menu .menu-title, #footer-wrapper .footer-top .widget_nav_menu li a:after, #backtop:hover, .h-one-feature-categories .jmsproductcategories-elements .cat-items .category-image .count-pr-cat, .h-one-feature-product .ekofood-button-wrapper a:hover, .h-one-group-banner .banner-box .banner-text .content .button-banner-wrapper a:hover, .h-one-best-sell-products .ekofood-button-wrapper a:hover, .h-one-banner-sale .col-content-sale .ekofood-button-wrapper a:hover, .tab-home2 .ekofood-button-wrapper a:hover, .home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title li.active, .home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title li:hover, .thre-banner-home6 .col-banner-1 .banner-box .banner-text .button-banner-wrapper a:hover,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text .button-banner-wrapper a:hover, .feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper .tab-title li.btn-view-all:after, .error-404 .btn-backhome a, .page-contact .ctu_form .wpcf7-form .sbtn-submit input[type="submit"]:hover, .blog-type-list .blog-post-loop .read-more-section a:after, .entry-header .post-date, .ekofood-single-bottom .tags-list a:hover, .ekofood-single-bottom .tags-list a:focus, .ekofood-related-posts .addon-title h3:after, .single-post .wp-block-search .wp-block-search__button, .post-password-form input[type="submit"], .ekofood-ajax-loadmore a:hover, .ekofood-ajax-loadmore a:focus, .comment-form .submit:hover, .page-links > span:not(.page-links-title), .ekofood-entry-content .page-links > a,
.ekofood-entry-content .page-links > span:not(.page-links-title), .wp-block-button__link:hover, .is-style-outline .wp-block-button__link:hover, .jmsblog-box .blog-post-loop .article-inner .entry-header .meta-date, .widget_calendar #wp-calendar tbody a, .tagcloud a:hover, .tagcloud a:focus, .widget_shopping_cart_content .buttons a:hover, .widget_price_filter .price_slider_amount .button:hover, .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget .yith-wcan-reset-navigation.button:hover,
.woocommerce-page .widget .yith-wcan-reset-navigation.button:hover, .notice-cart .icon-notice, .notice-cart .text-notice a, .product-style-2 .product-thumb .btn-wishlist:hover, .product-style-2 .product-thumb .quickview:hover, .product-style-2 .addtocart-btn .button-cart:hover,
.product-style-2 .addtocart-btn .button-cart + .added_to_cart:hover, .product-style-4.product-item .product-thumb .btn-wishlist:hover, .product-list-info .product-btn li .button:hover, .product-list-info .product-btn .button-cart, .jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button.button-cart.added + .added_to_cart.wc-forward:after, .jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button .tooltip:after, .jmsproduct-elements .product-style-list2 .product-list-info-box .product-list-info-top .yith-wcwl-add-to-wishlist:hover, .jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button.button-cart.added + .added_to_cart.wc-forward:after, .jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button .tooltip:after, .list-view .products .product-item .product-box .product-btn .addtocart .button:hover,
.list-view .products .product-item .product-box .product-btn .addtocart .added + .added_to_cart:hover, .list-view .products .product-item .product-box .product-btn .compare-button .button:hover,
.list-view .products .product-item .product-box .product-btn .quickview .button:hover, nav.woocommerce-pagination ul li span.current, .product-style-default .product-thumb .btn-wishlist:hover, .product-style-default .product-btn li .compare.button:hover, .product-style-default .product-btn .addtocart-btn .button:hover,
.product-style-default .product-btn .addtocart-btn .button-cart + .added_to_cart:hover, .product-style-default .product-btn .quickview .button:hover, .jmsproduct-elements .products .product-style-flex .product-box .product-info .addtocart-btn .button,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box .product-info .addtocart-btn .button, .wc-single-video a:before, .entry-summary .yith-wcwl-add-to-wishlist:hover, .entry-summary .compare.button:hover, .single_add_to_cart_button.button, .wc-single-product .entry-summary .pr-single-tc li span:before, .tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper .form-submit input[type="submit"]:hover, .woocommerce table.wishlist_table a.button, .wishlist_table .wishlist-items-wrapper .product-add-to-cart .button-cart:hover, table.compare-list tr.add-to-cart .button-cart, .woocommerce-MyAccount-content .button.view, .cart-actions .coupon .button:hover, .cart-actions input[name="update_cart"]:hover, .cart-totals-inner .wc-proceed-to-checkout a:hover, .checkout-order-review .form-row .button:hover, .form-row .button, .checkout_coupon .button:hover, input.dokan-btn[type="submit"],
a.dokan-btn,
.dokan-btn, input.dokan-btn[type="submit"]:hover, input.dokan-btn[type="submit"]:focus,
a.dokan-btn:hover,
a.dokan-btn:focus,
.dokan-btn:hover,
.dokan-btn:focus, .reset_variations:hover, .product-style-5.product .product-thumb .yith-wcwl-add-to-wishlist:hover, .product-style-5.product .product-info .btn-group li a:hover, .product-style-5.product .product-info .button-cart:hover,
.product-style-5.product .product-info .button-cart + .added_to_cart:hover, .product-style-5.product .product-info .button-cart > span:after, .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-thumb .btn-wishlist:hover, .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .add_to_cart_button:hover, .jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-thumb .btn-wishlist:hover, .jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .button-cart:hover, .addon-title.line-bottom-big h3:before,
.addon-title.line-bottom-small h3:before, .title-color-primary .title.style-background,
.title-color-primary .subtitle.style-background, .button-type-buton a, .button-type-border a, .ekofood-button-wrapper a:hover, .ekofood-button-wrapper a:focus, .background-color-primary a,
.background-color-hover-primary a:hover, .portfolio-filter > a:before, .jmsproduct-tab .nav-tabs > li > a:after, .jmsproduct-tab.design-tab-2 .nav-tabs > li.active > a:after, .megamenu-widget-wrapper h3:before, .countdown-style-primary .ekofood-countdown > span, .ekofood-price-table.price-style-default .ekofood-plan-name, .ekofood-price-table .ekofood-plan-footer > a, .jms-tabs-title ul li:before, .cat-type-image.jmsproductcategories-elements .cat-items .category-image .count-pr-cat, .jmslist-elements.list-style-unordered ul li p:before, .spinner1 .bounce11,
.spinner1 .bounce22, .spinner4 .bounce11,
.spinner4 .bounce22,
.spinner4 .bounce33, .spinner5, .spinner6 .dot11, .spinner6 .dot22, .row-rated-products .col-rated-product .jmsproduct-elements .ekofood-products-holder .owl-item .item-wrap .item.product-style-list2 .product-list-info-box .addtocart .button .tooltip:after, .h1-eko-services .service-elements .service-box-icon, .h2-eko-services .service-elements .service-box-icon, .h3-eko-featured-cate .addon-title .title:after, .h3-eko-check-out-pro .addon-title .title:after, .h3-eko-services .service-elements .service-box-icon, .h4-eko-services .service-elements .service-box-icon, .h5-eko-services .service-elements .service-box-icon, .h6-eko-services .service-elements .service-box-icon, .newsletter-home-1 .mc4wp-form .mail-home input[type="submit"]:hover, .newsletter-home-2 .wpb_column .mc4wp-form .mail-home input[type="submit"]:hover, .newsletter-home-2 .wpb_column .ekofood-social-icons .ekofood-social-icon:hover, .box-timedate, .meta-tags > a:hover, .box-tags > a:hover, .flex-update-cart .continue-to-shop > a:hover, body.ekofood-theme-testing .blog-post-loop .read-more-section a:after {
background-color: #86bc42; }
.background-primary-color-ipt, .testimonial-home2 .jmstestimonial-box.testimonials-slider .owl-theme .owl-dots .owl-dot.active, .hfour-bg-banner .banner-box .banner-text .banner-inner .content .button-banner-wrapper a:hover, .h5-slider-btn .tp-mask-wrap .rev-btn, .ekofood-pagination .page-numbers li span:hover, .ekofood-pagination .page-numbers li a:hover, .ekofood-pagination .page-numbers li .current, nav.woocommerce-pagination ul li a:focus,
nav.woocommerce-pagination ul li a:hover,
nav.woocommerce-pagination ul li span.current:hover, .woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button.disabled:hover, .h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .actions-button .addtocart .button-cart:hover {
background-color: #86bc42 !important; }
.border-primary-color, .button_hover:hover, .background-hover-button a:hover, table.compare-list tr.add-to-cart .button-cart:hover, .loadmore_product_btn a:hover, .button_hover:focus, .background-hover-button a:focus, table.compare-list tr.add-to-cart .button-cart:focus, .loadmore_product_btn a:focus, input[type="email"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus, .btn-transparent:hover, .h6-eko-hot-deals .owl-theme .owl-nav [class*="owl-"]:hover,
.ekofood-related-posts .owl-theme .owl-nav [class*="owl-"]:hover,
.jmsproducttabs-elements.tab-design-left .owl-theme .owl-nav [class*="owl-"]:hover,
.jmsproducttabs-elements.tab-design-line .owl-theme .owl-nav [class*="owl-"]:hover, .header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-nav [class*="owl-"]:hover, .header-1 #jms_ajax_search .search-form input[type="text"]:focus, .header-1 #jms_ajax_search .search-form input[type="text"]:hover, .header-5 #jms_ajax_search .search-form input[type="text"]:focus, .header-5 #jms_ajax_search .search-form input[type="text"]:hover, .ekofood-menu.primary-menu > li:hover > a, .newsletter-form input[type="email"]:focus, #newsletter-bottom .newsletter-form input[type="email"]:focus, .custom-banner .btn-transparent-color, .h-one-feature-product .ekofood-button-wrapper a, .h-one-feature-product .ekofood-button-wrapper a:hover, .h-one-group-banner .banner-box .banner-text .content .button-banner-wrapper a, .h-one-group-banner .banner-box .banner-text .content .button-banner-wrapper a:hover, .h-one-best-sell-products .ekofood-button-wrapper a, .h-one-best-sell-products .ekofood-button-wrapper a:hover, .h-one-banner-sale .col-content-sale .ekofood-button-wrapper a, .tab-home2 .ekofood-button-wrapper a, .tab-home2 .ekofood-button-wrapper a:hover, .category-type-icon .ekofood-button-wrapper a, .home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title li.active, .home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title li:hover, .hfour-featuer-product .jmsproducttabs-elements .jms-tabs-title ul li.active, .hfour-featuer-product .jmsproducttabs-elements .jms-tabs-title ul li:hover, .hfour-newest-product .jmsproducttabs-elements .jms-tabs-title ul li.active, .hfour-newest-product .jmsproducttabs-elements .jms-tabs-title ul li:hover, .cat-vegetable .ekofood-menu-wrapper, .cat-dried-fast-food .ekofood-menu-wrapper, .cat-milk-cream .ekofood-menu-wrapper, .thre-banner-home6 .col-banner-1 .banner-box .banner-text .button-banner-wrapper a,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text .button-banner-wrapper a, .thre-banner-home6 .col-banner-1 .banner-box .banner-text .button-banner-wrapper a:hover,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text .button-banner-wrapper a:hover, .feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper .tab-title li.active, .feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper .tab-title li:hover, .error-404 .btn-backhome a, .page-contact .ctu_form .wpcf7-form .form-group .form-control:focus, .page-contact .ctu_form .wpcf7-form .sbtn-submit input[type="submit"], .page-contact .ctu_form .wpcf7-form .sbtn-submit input[type="submit"]:hover, .blog-type-list .blog-post-loop.sticky .article-body-container, .single-post .wp-block-quote cite > img, .ekofood-pagination .page-numbers li .current, .ekofood-ajax-loadmore a:hover, .ekofood-ajax-loadmore a:focus, .comment-form .submit, .comment-form .submit:hover, .is-style-outline .wp-block-button__link:hover, .tagcloud a:hover, .tagcloud a:focus, .widget_shopping_cart_content .buttons a, .widget_shopping_cart_content .buttons a:hover, .widget_price_filter .price_slider_amount .button, .widget_price_filter .price_slider_amount .button:hover, .woocommerce .widget .yith-wcan-reset-navigation.button,
.woocommerce-page .widget .yith-wcan-reset-navigation.button, .woocommerce .widget .yith-wcan-reset-navigation.button:hover,
.woocommerce-page .widget .yith-wcan-reset-navigation.button:hover, .shop-filter .widget_product_tag_cloud .tagcloud a:hover, .product-style-2 .product-thumb .btn-wishlist:hover, .product-style-2 .addtocart-btn .button-cart,
.product-style-2 .addtocart-btn .button-cart + .added_to_cart, .product-style-2 .addtocart-btn .button-cart:hover,
.product-style-2 .addtocart-btn .button-cart + .added_to_cart:hover, .product-style-4.product-item .product-thumb .btn-wishlist:hover, .product-list-info .product-btn li .button:hover, .product-list-info .product-btn .button-cart, .product-list-info .product-btn .yith-wcwl-add-to-wishlist:hover, .jmsproduct-elements .product-style-list2 .product-list-info-box .product-list-info-top .yith-wcwl-add-to-wishlist:hover, .list-view .products .product-item .product-box .product-btn .addtocart .button,
.list-view .products .product-item .product-box .product-btn .addtocart .added + .added_to_cart, .list-view .products .product-item .product-box .product-btn .addtocart .button:hover,
.list-view .products .product-item .product-box .product-btn .addtocart .added + .added_to_cart:hover, .woocommerce.widget_layered_nav ul.woocommerce-widget-layered-nav-list li:hover a:before, .woocommerce.widget_layered_nav ul.woocommerce-widget-layered-nav-list li.current a:before, .woocommerce.widget_layered_nav ul.woocommerce-widget-layered-nav-list li.chosen a:before, nav.woocommerce-pagination ul li span.current, .product-style-default .product-thumb .btn-wishlist:hover, .product-style-default .product-btn li .compare.button:hover, .product-style-default .product-btn .addtocart-btn .button,
.product-style-default .product-btn .addtocart-btn .button-cart + .added_to_cart, .product-style-default .product-btn .addtocart-btn .button:hover,
.product-style-default .product-btn .addtocart-btn .button-cart + .added_to_cart:hover, .product-style-default .product-btn .quickview .button:hover, .single-product-thumbnail .p-nav .slick-slide.slick-current img, .entry-summary .attribute-wrap .imageswatch-variation.selected, .entry-summary .yith-wcwl-add-to-wishlist:hover, .entry-summary .compare.button:hover, .tabs-layout-tabs .wc-tabs > li:hover > a, .tabs-layout-tabs .wc-tabs > li.active > a, .tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper .form-control:focus, .wishlist_table .wishlist-items-wrapper .product-add-to-cart .button-cart, .cart-actions .coupon .button, .cart-actions .coupon .button:hover, .cart-actions input[name="update_cart"], .cart-actions input[name="update_cart"]:hover, .cart-totals-inner, .cart-totals-inner .wc-proceed-to-checkout a, .cart-totals-inner .wc-proceed-to-checkout a:hover, .checkout-order-review .form-row .button, .checkout-order-review .form-row .button:hover, .variation-attr .variation-attr_color .p-attr-color.active, .variation-attr .variation-attr_image .p-attr-image.active, .variations .tawcvs-swatches .swatch.selected:before, .product-style-5.product .product-thumb .yith-wcwl-add-to-wishlist:hover, .product-style-5.product .product-info .btn-group li a:hover, .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals, .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .add_to_cart_button, .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .add_to_cart_button:hover, .jms-hot-deals-products.product-type-layout2, .jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .button-cart, .jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .button-cart:hover, .banner-box .button-banner-wrapper a:hover, .testimonial-box .testimonial-avatar img, .jmstestimonial-box .testimonial-box.testimonial-box-layout-1 .testimonial-inner .testimonial-avatar img, .jmstestimonial-box .testimonial-box.testimonial-box-layout-2 .testimonial-inner .testimonials-avatar-box img, .jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonial-inner .testimonial-avatar img, .jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonial-inner .testimonial-avatar img, .ekofood-price-table.price-style-default .ekofood-plan-price, .ekofood-price-table .ekofood-plan-footer > a, .ekofood .tp-bullet.selected,
.ekofood .tp-bullet:hover, .h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .actions-button .addtocart .button-cart, .h5-eko-services .service-elements .service-box-icon, .h6-eko-services > .container, .newsletter-home-2 .wpb_column .ekofood-social-icons .ekofood-social-icon:hover, .flex-update-cart .continue-to-shop > a, .flex-update-cart .continue-to-shop > a:hover {
border-color: #86bc42; }
.border-primary-color-ipt, .testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner .testimonials-avatar-box img, .banner-bg-color-home03 .banner-box, .h5-slider-btn .tp-mask-wrap .rev-btn, .h5-slider-btn .tp-mask-wrap .rev-btn:hover, .single_add_to_cart_button,
.checkout_coupon .button, .product-style-5.product .product-info .button-cart,
.product-style-5.product .product-info .button-cart + .added_to_cart, .ekofood .tp-bullet.selected,
.ekofood .tp-bullet:hover, .newsletter-home-1 .mc4wp-form .mail-home input[type="submit"], .newsletter-home-2, .newsletter-home-2 .wpb_column .mc4wp-form .mail-home input[type="submit"] {
border-color: #86bc42 !important; }
.color-primary-color, a:hover, a:focus, a:active, p a:hover, .color, .owl-theme .owl-nav [class*="owl-"]:hover, body.not_plg_ekofood .ekofood-menu.primary-menu > li > ul:not(.mega-nav) li:hover > a, .header-action .header-block:hover i, .result-wrapper .content-price ins, .jms_ajax_search_content .searchbox .input-wrapper .search-submit, .topbar .topbar-menu a:hover, .topbar.color-scheme-dark .topbar-menu li a:hover, .topbar.color-scheme-dark .topbar-menu li a:focus, .topbar.color-scheme-dark .dropdown-toggle:hover, .topbar a:hover, .language-dropdown:hover,
.currency-dropdown:hover, .topbar-device-mobile .topbar-mobile-history a:hover span, .header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-stage .owl-item .title-image a:hover, .header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner > .mega-nav > li .sub-menu li a:hover, .header-1 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu li:hover, .header-1 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu a:hover, .header-1 .list-link-topbar li a:hover, .header-1 a.top-bar-logout:hover, .header-1 #jms_ajax_search .search-form .search-submit, .header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu-default li:hover, .header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu-default a:hover, .header-wrapper.header-3 .bottom-wrap-header .jms_ajax_search_content .searchbox .input-wrapper .search-submit, .header-wrapper.header-4 .header-right .menu-popup-button, .header-5 .part-header-middle .header-position.header-action .account-text:hover, .header-5 .bottom-header .ver-cat-menu .category-menu-default li a:hover, .header-5 .bottom-header .ver-cat-menu .category-menu-default li a i, .header-5 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu li:hover, .header-5 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu a:hover, .header-5 .list-link-topbar li a:hover, .header-5 a.top-bar-logout:hover, .header-5 #jms_ajax_search .search-form .search-submit, .header-wrapper.header-6 .mt-header .header-center .header-cat-menu .secondary-title svg, .header-wrapper.header-6 .mt-header .header-center .header-cat-menu .category-menu-wrapper .category-menu.ekofood-menu li:hover, .header-wrapper.header-6 .mt-header .header-center .header-cat-menu .category-menu-wrapper .category-menu.ekofood-menu a:hover, .header-wrapper.header-6 .mt-header .header-right .header-account .account-text:hover,
.header-wrapper.header-6 .mt-header .header-right .header-account .top-bar-logout:hover, .ekofood-menu.vertical-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li .sub-menu li a:hover, .menu-popup .close-menu-popup:hover:before, .popup-menu > li:hover > a, .popup-menu ul li:hover > a, .ekofood-menu .dropdown-menu.simple-menu .mega-dropdown-inner .sub-menu li:hover > a, .ekofood-menu .dropdown-menu.simple-menu li.menu-item-has-children:hover:before, .ekofood-menu .dropdown-menu .column-heading:hover, .ekofood-menu li a:hover,
.ekofood-menu li.current-menu-item > a, .ekofood-menu li ul:not(.mega-nav) a:hover, .ekofood-menu li ul:not(.mega-nav) li.menu-item-has-children:hover:before, .header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li .sub-menu li:hover a, #footer-wrapper a:hover, #footer-wrapper p a, #footer-wrapper .footer-top .widget_nav_menu li:hover a, #footer-wrapper .footer-bottom .copyright a, #footer-wrapper .copyright_footer a, .custom-banner h3 span, .custom-banner .btn-transparent-color, .h-one-feature-product .ekofood-button-wrapper a, .h-one-group-banner .banner-box .banner-text .content .button-banner-wrapper a, .h-one-group-banner .item-banner-o .banner-box .banner-text .content .title p, .h-one-banner-txt .banner-box .content .title p, .h-one-best-sell-products .jmsproducttabs-elements .tab-title li.active span, .h-one-best-sell-products .jmsproducttabs-elements .tab-title li:hover span, .h-one-best-sell-products .ekofood-button-wrapper a, .h-one-banner-sale .col-content-sale .subtitle .title, .h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-days, .h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-hours, .h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-min, .h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-sec, .h-one-banner-sale .col-content-sale .ekofood-button-wrapper a, .service-full-with .service-elements.service-align-left .service-box-icon .inner-ivon svg, .tab-home2 .ekofood-button-wrapper a, .banner-bg-color .banner-box .banner-text .banner-inner .content a:hover, .category-type-icon .ekofood-button-wrapper a, .category-type-icon .ekofood-button-wrapper a:hover, .jmsproductcategories-elements.cat-type-icon .cat-items:hover .category-info a, .group-banner-countdown .banner-col-1 .banner-box .banner-text .content .title p, .group-banner-countdown .banner-col-3 .banner-box .banner-text .content .title p, .banner-two-home2 .col-banner-1 .banner-box .content .title p, .banner-two-home2 .col-banner-1 .banner-box .content .subtitle p, .row-rated-products .jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button:hover .tooltip, .col-rated-product .banner-hot-deals .banner-text .content .title p,
.col-rated-product .banner-hot-deals .banner-text .content .subtitle p, .group-product-home3 .jmsproduct-elements .product-style-list1 .product-box .product-list-info-box .addtocart .button .tooltip, .hfour-featuer-product .jmsproducttabs-elements .product-tab-content .jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button:hover .tooltip, .home5-tab-product .jmsproducttabs-elements .jms-tabs-title .tab-title li.active span, .thre-banner-home6 .col-banner-1 .banner-box .banner-text .button-banner-wrapper a,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text .button-banner-wrapper a, .feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper .tab-title li.btn-view-all a, .error-404 .sub-title a, .error-404 .btn-backhome a:hover, .page-contact .ctu_customer .pt-link.pt-color-base, .page-contact .ctu_form .wpcf7-form .sbtn-submit input[type="submit"], .icon-close:hover, .page-heading a:hover, .breadcrumb a:hover,
.woocommerce-breadcrumb a:hover, .about-first .col-2 #color-active, .about-second .highest-quality-1 .vc_wp_text.first .widgettitle, .about-second .highest-quality-1 .vc_wp_text.second .widgettitle, .about-second .highest-quality-1 .vc_wp_text.third .widgettitle,
.about-second .highest-quality-2 .vc_wp_text.first .widgettitle,
.about-second .highest-quality-2 .vc_wp_text.second .widgettitle,
.about-second .highest-quality-2 .vc_wp_text.third .widgettitle, .blog-post-loop .entry-title a:hover, .entry-meta-list li:hover, .entry-meta-list li:hover a, .read-more-section a, .type-show-2.blog-post-loop .article-body-container .entry-title a:hover, .type-show-2.blog-post-loop .article-body-container .blog-meta li a:hover, .type-show-3 .entry-header .entry-thumbnail .blog-meta a:hover, blockquote a:hover, div[class^='wp-block-'] a:hover,
figure[class^='wp-block-'] a:hover,
ul[class^='wp-block-'] a:hover, .comment-form .submit, .comments-area #cancel-comment-reply-link, .comments-area .reply a, .comment-text .flex a, .widget a:hover, .widget_ranged_price_filter .ranged-price-filter li.current,
.widget_order_by_filter li.current, .widget_ranged_price_filter .ranged-price-filter li.current a,
.widget_order_by_filter li.current a, .widget_categories ul li.current_page_item > a,
.widget_pages ul li.current_page_item > a,
.widget_archive ul li.current_page_item > a,
.widget_nav_menu ul li.current_page_item > a,
.widget_product_categories ul li.current_page_item > a, .widget_recent_comments .recentcomments a:not(.url):hover, .widget_products .product_list_widget .content-product-widget .product-cat a:hover,
.widget_top_rated_products .product_list_widget .content-product-widget .product-cat a:hover, .widget_products .product_list_widget li a:hover .product-title,
.widget_top_rated_products .product_list_widget li a:hover .product-title, .cart_list li .desc .product_name:hover, .cart_list li .desc .cart-price, .cart_list li .desc .amount, .widget_shopping_cart_content .total .amount, .widget_shopping_cart_content .buttons a, .widget_price_filter .price_slider_amount .button, .widget_recent_post_with_image .ekofood-recent-posts-list .entry-meta-list a:hover, .widget_recent_post_with_image .ekofood-recent-posts-list .entry-title a:hover, .banner-slidebar-blog .banner-box .banner-text .content .ft-ss ins, .woocommerce .widget .yith-wcan-reset-navigation.button,
.woocommerce-page .widget .yith-wcan-reset-navigation.button, .special-filter .product-categories > li > a:hover, .special-filter .product-categories > li > a:focus, .special-filter .product-categories > li .count, .special-filter .product-categories > li.active > a, .badge.pa.new, .product-box .product-info > a:hover, .product-box .product-info .product-cat a:hover, .product-box .product-info .price, .product-box .btn-wishlist .yith-wcwl-add-to-wishlist:hover a:before, .product-box .btn-wishlist .yith-wcwl-add-to-wishlist:focus a:before, .product-box .btn-wishlist .yith-wcwl-add-to-wishlist:hover .yith-wcwl-wishlistaddedbrowse.show a:before, .product-box .btn-wishlist .yith-wcwl-add-to-wishlist:focus .yith-wcwl-wishlistaddedbrowse.show a:before, .product-box .btn-wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse.show a:before,
.product-box .btn-wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse.show a:before, .product-box .btn-wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse.show a:hover:before,
.product-box .btn-wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse.show a:hover:before, .product-btn li .button:hover:before, .product-btn li .button:focus:before, .addtocart .button-cart, .addtocart .button-cart:hover, .addtocart .button-cart:focus, .product-style-2 .product-info .price span, .product-style-2 .addtocart-btn .button-cart,
.product-style-2 .addtocart-btn .button-cart + .added_to_cart, .product-style-2 .addtocart-btn .button-cart span.tooltip,
.product-style-2 .addtocart-btn .button-cart + .added_to_cart span.tooltip, .product-style-4 .product-btn.in-thumb li a:hover svg, .product-list-info .product-btn .button-cart .tooltip, .list-product .product-info .price, .product-style-list-box .addtocart .button-cart:hover, .product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box .product-cat a:hover, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box .product-cat a:hover, .product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box .woocommerce-LoopProduct-link:hover, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box .woocommerce-LoopProduct-link:hover, .product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box .price span, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box .price span, .product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box .addtocart .button, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box .addtocart .button, .jmsproduct-elements .product-style-list1 .product-list-info-box .product-cat a:hover, .jmsproduct-elements .product-style-list1 .product-list-info-box .woocommerce-LoopProduct-link:hover, .jmsproduct-elements .product-style-list1 .product-list-info-box .price, .jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button.button-cart.added + .added_to_cart.wc-forward:hover, .jmsproduct-elements .product-style-list2 .product-list-info-box .product-cat a:hover, .jmsproduct-elements .product-style-list2 .product-list-info-box .woocommerce-LoopProduct-link:hover, .jmsproduct-elements .product-style-list2 .product-list-info-box .price, .jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button.button-cart.added + .added_to_cart.wc-forward:hover, .jmsproduct-elements .product-style-list2 .actions-button ul li a:hover, .list-view .products .product-item .product-box .product-list-info-top .product-cat a:hover, .list-view .products .product-item .product-box .woocommerce-loop-product__link:hover, .list-view .products .product-item .product-box .price, .list-view .products .product-item .product-box .product-btn .addtocart .button,
.list-view .products .product-item .product-box .product-btn .addtocart .added + .added_to_cart, .woocommerce.widget_layered_nav ul.woocommerce-widget-layered-nav-list li.current a, .woocommerce.widget_layered_nav ul.woocommerce-widget-layered-nav-list li.chosen a, .product-style-default .product-info .price span, .product-style-default .product-btn .addtocart-btn .button,
.product-style-default .product-btn .addtocart-btn .button-cart + .added_to_cart, .jmsproduct-elements .products .product-style-flex .product-box .product-info .product-cat a:hover,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box .product-info .product-cat a:hover, .jmsproduct-elements .products .product-style-flex .product-box .product-info > a:hover,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box .product-info > a:hover, .entry-summary .ekofood-countdown > span, .woocommerce-product-rating .woocommerce-review-link:hover, .woocommerce-product-rating .woocommerce-your-review-link:hover, .product_meta li:before, .product_meta a:hover, .entry-summary .price, .entry-summary table.variations .reset_variations, .single_add_to_cart_button:hover, .wc-single-product .entry-summary .pr-single-tc li a:hover, .tabs-layout-tabs .woocommerce-Reviews > div#comments .woocommerce-Reviews-title span, .tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper .form-submit input[type="submit"], .product-type-external .column-right .entry-summary .cart .single_add_to_cart_button:hover, .woocommerce table.wishlist_table .product-price span, .wishlist_table .product-stock-status span.wishlist-in-stock, .wishlist_table .wishlist-items-wrapper .product-add-to-cart .button-cart .tooltip, .wishlist_table.responsive.mobile .remove_from_wishlist, .cart-actions .coupon .button, .cart-actions input[name="update_cart"], .cart-totals-inner .shop_table .woocommerce-shipping-calculator a.shipping-calculator-button:hover, .cart-totals-inner .wc-proceed-to-checkout a, .checkout-order-review .form-row .button, body.woocommerce-checkout .woocommerce > .woocommerce-info a,
.checkout_coupon .button, .cartSidebarWrap .cart-sidebar-header .close-cart i:hover:before, .product-style-5.product .product-info .product-cat a:hover, .product-style-5.product .product-info .price ins, .product-style-5.product .product-info .button-cart,
.product-style-5.product .product-info .button-cart + .added_to_cart, .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .woocommerce-LoopProduct-link:hover, .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .price span, .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .add_to_cart_button .txt-add-cart, .jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .product-cat a:hover, .jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .woocommerce-LoopProduct-link:hover, .jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .price, .jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .prt-sold span, .jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .button-cart .txt-add-cart, .title-color-primary .title,
.title-color-primary .subtitle, .ekofood-button-wrapper a:hover, .ekofood-button-wrapper a:focus, .button-color-primary a,
.button-color-hover-primary a:hover, .portfolio-filter > a.selected, .p-element-sevice .service-elements .service-box-icon .inner-ivon svg, .image-carousel-box .title-image a:hover, .product-filter a.active, .jmsproduct-tab .nav-tabs > li.active > a, .jmsproduct-tab.design-tab-2 .nav-tabs > li.active > a, .jmstestimonial-box .testimonial-box.testimonial-box-layout-1 .testimonial-inner .testimonial-content strong, .jmstestimonial-box .testimonial-box.testimonial-box-layout-2 .testimonial-inner .testimonial-content strong, .jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonial-inner .testimonial-content strong, .jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonial-inner .testimonial-content strong, .team-member .member-social .ekofood-social-icon a:hover, .ekofood-social-icons.icon-color-default .ekofood-social-icon a:hover, .ekofood-social-icons.icon-color-black .ekofood-social-icon a:hover, .ekofood-social-icons.icon-color-white .ekofood-social-icon a:hover, .ekofood-social-icons.icon-color-primary .ekofood-social-icon a, .ekofood-menu-wrapper ul li a:hover, .ekofood-price-table .ekofood-plan-footer > a:hover, .ekofood-price-table.price-style-alt .ekofood-price-currency, .ekofood-price-table.price-style-alt .ekofood-price-value, .jms-tabs-title ul li.active, .jms-tabs-title ul li:hover, .cat-type-image.jmsproductcategories-elements .cat-items:hover .category-info a, .row-rated-products .col-rated-product .jmsproduct-elements .ekofood-products-holder .owl-item .item-wrap .item.product-style-list2 .product-list-info-box .addtocart .button:hover, .header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li .sub-menu li:hover a, .h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .price, .h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .actions-button .addtocart .button-cart, .f2-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column p > ins, .f3-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column p > ins, .newsletter-home-1 .mc4wp-form .mail-home input[type="submit"], .newsletter-home-2 .wpb_column .mc4wp-form .mail-home input[type="submit"], .newsletter-home-4 .wpb_column .mc4wp-form .mail-home input[type="submit"]:hover, .widget-siderbar .widget.widget_categories ul li a:before, .widget-siderbar .widget.widget_archive ul li a:before, .widget-siderbar .widget.widget_recent_entries ul li a:before, .widget-siderbar .widget.widget_meta ul li a:before, .widget-siderbar .widget.widget_product_categories ul li a:before, .widget-siderbar .widget.widget_nav_menu ul li a:before, .widget-siderbar .widget.widget_pages ul li a:before, .flex-update-cart .continue-to-shop > a, #search_result .content-preview .item-desc .product-name:hover,
.search_result .content-preview .item-desc .product-name:hover {
color: #86bc42; }
.color-primary-color-ipt, #footer-wrapper .footer-top .widget_nav_menu li a:hover, .group-product-home3 .jmsproduct-elements .product-style-list1 .product-box .product-list-info-box .addtocart .button:hover .tooltip, .h5-slider-btn .tp-mask-wrap .rev-btn:hover, .h5-bgimg-banner .ekofood-countdown-timer .ekofood-countdown > span, .post-show-type1 .blog-grid .item-wrap .blog-post-loop .article-body-container .entry-title a:hover, .post-show-type1 .blog-grid .item-wrap .blog-post-loop .article-body-container .blog-meta li a:hover, .blog-design-slider.type-show-1 .article-inner .entry-title a:hover, .blog-design-slider.type-show-1 .article-inner .blog-meta li a:hover, .jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button:hover .tooltip, .jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button:hover .tooltip, .newsletter-home-2 .wpb_column .ekofood-social-icons .ekofood-social-icon a, .newsletter-home-4 .wpb_column .ekofood-social-icons .ekofood-social-icon:hover a {
color: #86bc42 !important; }
.icon-color-primary-color, .header-1 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu li i, .header-1 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu a i, .header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu-default li i, .header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu-default a i, .header-5 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu li i, .header-5 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu a i, .header-wrapper.header-6 .mt-header .header-center .header-cat-menu .category-menu-wrapper .category-menu.ekofood-menu li i, .header-wrapper.header-6 .mt-header .header-center .header-cat-menu .category-menu-wrapper .category-menu.ekofood-menu a i {
color: #86bc42; }
.border-left-primary-color, blockquote {
border-left-color: #86bc42; }
.border-right-primary-color, .wp-block-quote.has-text-align-right {
border-right-color: #86bc42; }
.background-body-color {
background-color: #555; }
.border-body-color {
border-color: #555; }
.color-body-color {
color: #555; }
.font-icon, .icon-search:before, .header-action .icon-heart:before, .header-action .icon-user:before, .product-list-info .addtocart .button-cart.added:before, .product-list-info .addtocart .button-cart:before, .widget-siderbar .widget.widget_categories ul li a:before, .widget-siderbar .widget.widget_archive ul li a:before, .widget-siderbar .widget.widget_recent_entries ul li a:before, .widget-siderbar .widget.widget_meta ul li a:before, .widget-siderbar .widget.widget_product_categories ul li a:before, .widget-siderbar .widget.widget_nav_menu ul li a:before, .widget-siderbar .widget.widget_pages ul li a:before {
display: inline-block;
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.font-icon2 {
font-family: "FontAwesome"; }
.primary-font, .addon-title.subtitle .title, .post-navigation span.prev,
.post-navigation span.next, .woocommerce .widget .yith-wcan-reset-navigation.button,
.woocommerce-page .widget .yith-wcan-reset-navigation.button, .jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button.button-cart.added + .added_to_cart.wc-forward, .jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button.button-cart.added + .added_to_cart.wc-forward, .tabs-layout-tabs .woocommerce-Reviews > div#comments .woocommerce-Reviews-title, .tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper #review_form h3#reply-title, .addon-title.primary-font h3, .banner-box .primary-font p, .ekofood-countdown > span span {
font-family: "Roboto", sans-serif; }
.second-font, h1, h2, h3, h4, h5, h6, .btn,
.button,
button,
.added_to_cart,
input[type="submit"],
input[type="button"],
input[type="reset"], .ekofood-menu .dropdown-menu .column-heading, blockquote cite, .post-navigation a div, .shop-filter-toggle span.filter-text, .product-list-info .addtocart .button-cart .tooltip, .product-category .hover-mask a, .addon-title.second-font h3, .banner-box p, .banner-box .button-banner-wrapper a, .banner-box .second-font p, .image-carousel-box .title-image, .loadmore_product_btn a, .testimonial-box .testimonials-title .name, .ekofood-countdown > span, .rev-btn, .rev-btn:visited,
.slider-font-custom, .h2-eko-newest-products .addon-title .title, .box-timedate .day {
font-family: "Caros"; }
.button_hover, .background-hover-button a, table.compare-list tr.add-to-cart .button-cart, .loadmore_product_btn a {
position: relative;
display: inline-block;
overflow: hidden; }
.button_hover:after, .background-hover-button a:after, table.compare-list tr.add-to-cart .button-cart:after, .loadmore_product_btn a:after {
content: "";
position: absolute;
z-index: -1;
opacity: 0;
border-radius: 50%;
height: 0;
width: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: width 0.65s, height 0.65s, opacity 0.4s cubic-bezier(0.15, 0.7, 0.54, 0.99);
-moz-transition: width 0.65s, height 0.65s, opacity 0.4s cubic-bezier(0.15, 0.7, 0.54, 0.99);
-o-transition: width 0.65s, height 0.65s, opacity 0.4s cubic-bezier(0.15, 0.7, 0.54, 0.99);
transition: width 0.65s, height 0.65s, opacity 0.4s cubic-bezier(0.15, 0.7, 0.54, 0.99); }
.button_hover:hover, .background-hover-button a:hover, table.compare-list tr.add-to-cart .button-cart:hover, .loadmore_product_btn a:hover, .button_hover:focus, .background-hover-button a:focus, table.compare-list tr.add-to-cart .button-cart:focus, .loadmore_product_btn a:focus {
color: #fff;
background: none !important; }
.button_hover:hover:after, .background-hover-button a:hover:after, table.compare-list tr.add-to-cart .button-cart:hover:after, .loadmore_product_btn a:hover:after, .button_hover:focus:after, .background-hover-button a:focus:after, table.compare-list tr.add-to-cart .button-cart:focus:after, .loadmore_product_btn a:focus:after {
opacity: 1;
height: 300px;
width: 500px;
-webkit-transition: width 0.85s, height 0.85s, opacity 0.4s cubic-bezier(0.15, 0.7, 0.54, 0.99);
-moz-transition: width 0.85s, height 0.85s, opacity 0.4s cubic-bezier(0.15, 0.7, 0.54, 0.99);
-o-transition: width 0.85s, height 0.85s, opacity 0.4s cubic-bezier(0.15, 0.7, 0.54, 0.99);
transition: width 0.85s, height 0.85s, opacity 0.4s cubic-bezier(0.15, 0.7, 0.54, 0.99); }
/* Class Extend */
.transition1 {
-webkit-transition: all 100ms ease-in-out 0s;
-moz-transition: all 100ms ease-in-out 0s;
-o-transition: all 100ms ease-in-out 0s;
transition: all 100ms ease-in-out 0s; }
.transition2, .owl-theme .owl-dots .owl-dot, .owl-theme .owl-dots .owl-dot.active,
.owl-theme .owl-dots .owl-dot:hover, .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span, .ekofood-mobile-menu .close-menu-mobile span:before, .ekofood-mobile-menu .close-menu-mobile span:after {
-webkit-transition: all 200ms ease-in-out 0s;
-moz-transition: all 200ms ease-in-out 0s;
-o-transition: all 200ms ease-in-out 0s;
transition: all 200ms ease-in-out 0s; }
.transition3, .wrap-header .dropdown-menu, #footer-wrapper .footer-top .widget_nav_menu li, #footer-wrapper .footer-top .widget_nav_menu li:hover, .slider-opacity .owl-item, .slider-opacity .owl-item.centerActiveItem, .jms-tabs-title ul li:before, .jms-tabs-title ul li.active:before, .jms-tabs-title ul li:hover:before {
-webkit-transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s; }
.transition4, .image-effect-2 .item-effect:before, .image-effect-3 .item-effect:before, .image-effect-3 .item-effect:after, .image-effect-4 .item-effect:before, .image-effect-4 .item-effect:after, .image-effect-5 .item-effect:before, .image-effect-6 .item-effect:before, .image-effect-9 .item-effect:before, .image-effect-9:hover .item-effect:before, .image-effect-10 .item-effect:before, .image-effect-10:hover .item-effect:before, .image-effect-11 .item-effect:before, .image-effect-12 .item-effect:before, .image-effect-13 .item-effect:before, .image-effect-14 .item-effect:before, .image-effect-14 .item-effect:after, .image-effect-15 .item-effect:before, .image-effect-16 .item-effect:before, .image-effect-16:hover .item-effect:before, .image-effect-17 .item-effect:before, .image-effect-17 .item-effect:after, .image-effect-17:hover .item-effect:before, .image-effect-17:hover .item-effect:after, .menu-popup, .menu-popup .close-menu-popup:before, .menu-popup .close-menu-popup:hover:before, .show-menu-popup .menu-popup, .search-popup, .search-popup .search-box .search-box-content .close-search-popup, .search-popup .search-box .search-box-content .close-search-popup:hover, .show-search-popup .search-popup, .product-box:hover .ekofood-countdown, .product-box:hover .primary-img, .product-box img, .product-box .ekofood-countdown, .effect-thumb-2 .product-box .hover-image, .effect-thumb-2 .product-box:hover .hover-image, .effect-thumb-3 .product-box .hover-image, .effect-thumb-3 .product-box:hover .hover-image, .effect-thumb-4 .product-box .hover-image, .effect-thumb-4 .product-box:hover .hover-image, .effect-thumb-6 .product-box .hover-image, .effect-thumb-6 .product-box:hover .hover-image, .effect-thumb-7 .product-box .hover-image, .effect-thumb-7 .product-box:hover .hover-image, .effect-thumb-8 .product-box .hover-image, .effect-thumb-8 .product-box:hover .hover-image, .effect-thumb-9 .product-box .hover-image, .effect-thumb-9 .product-box:hover .hover-image, .effect-thumb-10 .product-box:hover .hover-image, .effect-thumb-11 .product-box:hover .hover-image, .effect-thumb-12 .product-box:hover .hover-image, .effect-thumb-13 .product-box:hover .hover-image, .effect-thumb-14 .product-box .hover-image, .effect-thumb-14 .product-box:hover .hover-image, .effect-thumb-15 .product-box .hover-image, .effect-thumb-15 .product-box:hover .hover-image, .list-product .product-thumb .hover-image, .list-product:hover .hover-image, .banner-box.box-content-hidden .title, .banner-box.box-content-hidden .subtitle, .banner-box.box-content-hidden .subsubtitle, .banner-box.box-content-hidden .button-banner-wrapper, .banner-box.box-content-hidden:hover .title, .banner-box.box-content-hidden:hover .subtitle, .banner-box.box-content-hidden:hover .subsubtitle, .banner-box.box-content-hidden:hover .button-banner-wrapper, .button-type-buton a, .button-type-buton a:hover, .button-type-border a, .button-type-border a:hover, .image-carousel-box a img, .image-carousel-box a:hover img, .ekofood-price-table, .ekofood-price-table:hover {
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
transition: all 400ms ease-in-out 0s; }
.transition5, .product-box:hover .addtocart, .addtocart {
-webkit-transition: all 500ms ease-in-out 0s;
-moz-transition: all 500ms ease-in-out 0s;
-o-transition: all 500ms ease-in-out 0s;
transition: all 500ms ease-in-out 0s; }
.transition6 {
-webkit-transition: all 600ms ease-in-out 0s;
-moz-transition: all 600ms ease-in-out 0s;
-o-transition: all 600ms ease-in-out 0s;
transition: all 600ms ease-in-out 0s; }
.transition7 {
-webkit-transition: all 700ms ease-in-out 0s;
-moz-transition: all 700ms ease-in-out 0s;
-o-transition: all 700ms ease-in-out 0s;
transition: all 700ms ease-in-out 0s; }
.transition8, .image-effect-17 .item-effect img {
-webkit-transition: all 800ms ease-in-out 0s;
-moz-transition: all 800ms ease-in-out 0s;
-o-transition: all 800ms ease-in-out 0s;
transition: all 800ms ease-in-out 0s; }
.transition9 {
-webkit-transition: all 900ms ease-in-out 0s;
-moz-transition: all 900ms ease-in-out 0s;
-o-transition: all 900ms ease-in-out 0s;
transition: all 900ms ease-in-out 0s; }
.transition10 {
-webkit-transition: all 1000ms ease-in-out 0s;
-moz-transition: all 1000ms ease-in-out 0s;
-o-transition: all 1000ms ease-in-out 0s;
transition: all 1000ms ease-in-out 0s; }
.aligned_ver {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.aligned_hoz, .text-center .title:before, .tab-design-center .addon-title .title:before {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); }
.btn-size-default, .btn,
.button,
button,
.added_to_cart,
input[type="submit"],
input[type="button"],
input[type="reset"] {
font-size: 15px;
line-height: 16px;
padding: 6px 10px; }
.btn-size-extra-small {
font-size: 12px;
line-height: 16px;
padding: 10px 14px; }
.btn-size-small {
font-size: inherit;
line-height: 18px;
padding: 12px 20px; }
.btn-size-large {
font-size: 13px;
line-height: 20px;
padding: 14px 40px; }
.btn-size-extra-large {
font-size: 16px;
line-height: 22px;
padding: 17px 40px; }
.btn.btn-style-radius {
border-radius: 40px; }
.cubic-bezier, .image-effect-2:hover img, .image-effect-5 img, .image-effect-6 img, .image-effect-11 img, .image-effect-12 img, .image-effect-13 img, .effect-thumb-1 .product-box .hover-image {
-webkit-transition: opacity 0.5s ease, transform 0.2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 0.2s cubic-bezier(0, 0, 0.44, 1.18);
-moz-transition: opacity 0.5s ease, transform 0.2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 0.2s cubic-bezier(0, 0, 0.44, 1.18);
transition: opacity 0.5s ease, transform 0.2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 0.2s cubic-bezier(0, 0, 0.44, 1.18); }
@-webkit-keyframes video_sc {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
100% {
-webkit-transform: scale(1.8);
transform: scale(1.8);
opacity: 0; } }
@keyframes video_sc {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
100% {
-webkit-transform: scale(1.8);
transform: scale(1.8);
opacity: 0; } }
/**
* ================================
* Mixin - Responsive
* ================================
*/
/**
* ================================
* Mixin - Responsive Landscape
* ================================
*/
/* iPads (landscape) ----------- */
/* iPhone 6+, 7+, 8+ ----------- */
/* iPhone 6, 7, 8 ----------- */
/* iPhone 5 ----------- */
/* ---------------------------------------------
1. BASE
------------------------------------------- */
html {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px; }
*,
*:before,
*:after {
box-sizing: inherit; }
body {
font-family: "Roboto", sans-serif;
color: #555;
background: #fff;
font-size: 15px;
line-height: 1.6;
font-weight: 400; }
@media only screen and (min-width: 1300px) {
body {
letter-spacing: 0.2px; } }
p {
margin-bottom: 20px; }
img {
height: auto;
max-width: 100%;
vertical-align: middle; }
b, strong {
font-weight: 500; }
#woo_pp_ec_button img {
content: url("https://www.paypalobjects.com/webstatic/i/buttons/checkout-logo-medium.png"); }
.black-window {
display: none;
cursor: pointer;
opacity: 0.7;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 400;
background-color: rgba(40, 40, 40, 0.3); }
.hidden-tag {
display: none; }
/* ==========================================================================
1.1 LIST
========================================================================== */
ul, ol {
padding-left: 15px;
line-height: 1.45; }
ul li, ol li {
margin-bottom: 12px; }
ul {
list-style: disc; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-top: 12px;
margin-bottom: 0; }
/* ==========================================================================
1.3 LINK
========================================================================== */
a {
color: #000000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
a, a:hover, a:focus, a:active {
text-decoration: none;
outline: 0; }
p a {
color: #000; }
/* ==========================================================================
1.4 HEADING
========================================================================== */
h1, h2, h3, h4, h5, h6 {
color: black;
line-height: 1.4;
font-weight: 500;
margin-top: 0; }
h1 {
font-size: 2.6rem; }
h2 {
font-size: 2.14rem; }
h3 {
font-size: 1.71rem; }
h4 {
font-size: 1.35rem; }
h5 {
font-size: 1.28rem; }
h6 {
font-size: 1.14rem; }
/* ==========================================================================
1.5 TABLE
========================================================================== */
table {
width: 100%;
margin-bottom: 35px;
line-height: 1.4; }
table th {
padding: 15px 10px;
text-align: left;
font-weight: 600;
text-transform: uppercase;
color: #000000;
vertical-align: middle;
border: none;
border-bottom: 1px solid #EFEFEF; }
table td {
padding: 15px 12px;
border: none;
text-align: left;
border-bottom: 1px solid #E6E6E6; }
table tbody th,
table tfoot th {
border-bottom: 1px solid #E6E6E6;
text-transform: none; }
/** ------------------------------------------------------------------------------------------------
* FORMS
* ------------------------------------------------------------------------------------------------ */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0; }
input[type="email"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="text"],
input[type="password"],
textarea,
select {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
/* Removing the inner shadow on iOS inputs */ }
input[type="email"],
input[type="date"],
input[type="search"],
input[type="number"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
width: 100%;
max-width: 100%;
border: 1px solid #E6E6E6;
background-color: transparent;
box-shadow: none;
vertical-align: middle;
padding: 0 15px;
height: 45px;
transition: all .5s ease; }
input[type="email"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
outline: none; }
input[type="search"] {
height: 50px; }
input[type="radio"],
input[type="checkbox"] {
margin-top: 0px;
margin-right: 5px;
vertical-align: middle; }
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: inherit;
margin-left: 0; }
textarea {
line-height: 1.4;
padding: 10px 15px;
min-height: 150px; }
input[type="button"]:focus {
outline: none; }
select {
padding: 0 25px 0 10px;
background-image: url("assets/images/icons/icon-down-shop-action.png");
background-repeat: no-repeat;
background-position: calc(100% - 15px) 50%; }
/** ------------------------------------------------------------------------------------------------
* BUTTONS
* ------------------------------------------------------------------------------------------------ */
.btn,
.button,
button,
.added_to_cart,
input[type="submit"],
input[type="button"],
input[type="reset"] {
position: relative;
display: inline-block;
text-align: center;
text-transform: none;
font-family: "Caros";
outline: 0;
letter-spacing: 0.8px;
border: 0;
vertical-align: middle;
cursor: pointer;
background-color: #f3f3f3;
color: #888;
line-height: 2.7;
border-radius: 0;
padding: 0 30px;
transition: all 0.3s ease; }
.btn.font-size-17,
.button.font-size-17,
button.font-size-17,
.added_to_cart.font-size-17,
input[type="submit"].font-size-17,
input[type="button"].font-size-17,
input[type="reset"].font-size-17 {
font-size: 17px; }
.btn.font-size-20,
.button.font-size-20,
button.font-size-20,
.added_to_cart.font-size-20,
input[type="submit"].font-size-20,
input[type="button"].font-size-20,
input[type="reset"].font-size-20 {
font-size: 20px; }
.btn.fw-400,
.button.fw-400,
button.fw-400,
.added_to_cart.fw-400,
input[type="submit"].fw-400,
input[type="button"].fw-400,
input[type="reset"].fw-400 {
font-weight: 400; }
.btn i,
.button i,
button i,
.added_to_cart i,
input[type="submit"] i,
input[type="button"] i,
input[type="reset"] i {
margin-left: 3px; }
.btn:hover, .btn:focus,
.button:hover,
.button:focus,
button:hover,
button:focus,
.added_to_cart:hover,
.added_to_cart:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus {
outline: 0; }
.btn.disabled,
.button.disabled,
button.disabled,
.added_to_cart.disabled,
input[type="submit"].disabled,
input[type="button"].disabled,
input[type="reset"].disabled {
opacity: 0.6 !important; }
.btn.btn-color-default,
.button.btn-color-default,
button.btn-color-default,
.added_to_cart.btn-color-default,
input[type="submit"].btn-color-default,
input[type="button"].btn-color-default,
input[type="reset"].btn-color-default {
background-color: #f3f3f3;
color: #888; }
.btn.btn-color-primary,
.button.btn-color-primary,
button.btn-color-primary,
.added_to_cart.btn-color-primary,
input[type="submit"].btn-color-primary,
input[type="button"].btn-color-primary,
input[type="reset"].btn-color-primary {
color: white; }
.btn.btn-color-primary:hover,
.button.btn-color-primary:hover,
button.btn-color-primary:hover,
.added_to_cart.btn-color-primary:hover,
input[type="submit"].btn-color-primary:hover,
input[type="button"].btn-color-primary:hover,
input[type="reset"].btn-color-primary:hover {
color: black !important; }
.btn.btn-color-alt,
.button.btn-color-alt,
button.btn-color-alt,
.added_to_cart.btn-color-alt,
input[type="submit"].btn-color-alt,
input[type="button"].btn-color-alt,
input[type="reset"].btn-color-alt {
background-color: #fbbc34;
color: white; }
.btn.btn-color-black,
.button.btn-color-black,
button.btn-color-black,
.added_to_cart.btn-color-black,
input[type="submit"].btn-color-black,
input[type="button"].btn-color-black,
input[type="reset"].btn-color-black {
background-color: #212121;
color: white; }
.btn.btn-color-black:hover, .btn.btn-color-black:focus,
.button.btn-color-black:hover,
.button.btn-color-black:focus,
button.btn-color-black:hover,
button.btn-color-black:focus,
.added_to_cart.btn-color-black:hover,
.added_to_cart.btn-color-black:focus,
input[type="submit"].btn-color-black:hover,
input[type="submit"].btn-color-black:focus,
input[type="button"].btn-color-black:hover,
input[type="button"].btn-color-black:focus,
input[type="reset"].btn-color-black:hover,
input[type="reset"].btn-color-black:focus {
background-color: #888;
color: white;
box-shadow: none; }
.btn.btn-color-white,
.button.btn-color-white,
button.btn-color-white,
.added_to_cart.btn-color-white,
input[type="submit"].btn-color-white,
input[type="button"].btn-color-white,
input[type="reset"].btn-color-white {
background-color: white; }
.btn.btn-color-white:hover, .btn.btn-color-white:focus,
.button.btn-color-white:hover,
.button.btn-color-white:focus,
button.btn-color-white:hover,
button.btn-color-white:focus,
.added_to_cart.btn-color-white:hover,
.added_to_cart.btn-color-white:focus,
input[type="submit"].btn-color-white:hover,
input[type="submit"].btn-color-white:focus,
input[type="button"].btn-color-white:hover,
input[type="button"].btn-color-white:focus,
input[type="reset"].btn-color-white:hover,
input[type="reset"].btn-color-white:focus {
background-color: white;
box-shadow: none;
border-color: transparent; }
.btn.btn-style-bordered,
.button.btn-style-bordered,
button.btn-style-bordered,
.added_to_cart.btn-style-bordered,
input[type="submit"].btn-style-bordered,
input[type="button"].btn-style-bordered,
input[type="reset"].btn-style-bordered {
background-color: transparent;
border: 2px solid #888; }
.btn.btn-style-bordered:hover, .btn.btn-style-bordered:focus,
.button.btn-style-bordered:hover,
.button.btn-style-bordered:focus,
button.btn-style-bordered:hover,
button.btn-style-bordered:focus,
.added_to_cart.btn-style-bordered:hover,
.added_to_cart.btn-style-bordered:focus,
input[type="submit"].btn-style-bordered:hover,
input[type="submit"].btn-style-bordered:focus,
input[type="button"].btn-style-bordered:hover,
input[type="button"].btn-style-bordered:focus,
input[type="reset"].btn-style-bordered:hover,
input[type="reset"].btn-style-bordered:focus {
background-color: #888;
border-color: #888;
color: white;
box-shadow: none; }
.btn.btn-style-bordered.btn-color-alt,
.button.btn-style-bordered.btn-color-alt,
button.btn-style-bordered.btn-color-alt,
.added_to_cart.btn-style-bordered.btn-color-alt,
input[type="submit"].btn-style-bordered.btn-color-alt,
input[type="button"].btn-style-bordered.btn-color-alt,
input[type="reset"].btn-style-bordered.btn-color-alt {
color: #fbbc34;
border-color: #fbbc34; }
.btn.btn-style-bordered.btn-color-alt:hover, .btn.btn-style-bordered.btn-color-alt:focus,
.button.btn-style-bordered.btn-color-alt:hover,
.button.btn-style-bordered.btn-color-alt:focus,
button.btn-style-bordered.btn-color-alt:hover,
button.btn-style-bordered.btn-color-alt:focus,
.added_to_cart.btn-style-bordered.btn-color-alt:hover,
.added_to_cart.btn-style-bordered.btn-color-alt:focus,
input[type="submit"].btn-style-bordered.btn-color-alt:hover,
input[type="submit"].btn-style-bordered.btn-color-alt:focus,
input[type="button"].btn-style-bordered.btn-color-alt:hover,
input[type="button"].btn-style-bordered.btn-color-alt:focus,
input[type="reset"].btn-style-bordered.btn-color-alt:hover,
input[type="reset"].btn-style-bordered.btn-color-alt:focus {
background-color: #fbbc34;
color: white;
border-color: #fbbc34; }
.btn.btn-style-bordered.btn-color-black,
.button.btn-style-bordered.btn-color-black,
button.btn-style-bordered.btn-color-black,
.added_to_cart.btn-style-bordered.btn-color-black,
input[type="submit"].btn-style-bordered.btn-color-black,
input[type="button"].btn-style-bordered.btn-color-black,
input[type="reset"].btn-style-bordered.btn-color-black {
color: #000;
border-color: #888; }
.btn.btn-style-bordered.btn-color-black:hover, .btn.btn-style-bordered.btn-color-black:focus,
.button.btn-style-bordered.btn-color-black:hover,
.button.btn-style-bordered.btn-color-black:focus,
button.btn-style-bordered.btn-color-black:hover,
button.btn-style-bordered.btn-color-black:focus,
.added_to_cart.btn-style-bordered.btn-color-black:hover,
.added_to_cart.btn-style-bordered.btn-color-black:focus,
input[type="submit"].btn-style-bordered.btn-color-black:hover,
input[type="submit"].btn-style-bordered.btn-color-black:focus,
input[type="button"].btn-style-bordered.btn-color-black:hover,
input[type="button"].btn-style-bordered.btn-color-black:focus,
input[type="reset"].btn-style-bordered.btn-color-black:hover,
input[type="reset"].btn-style-bordered.btn-color-black:focus {
background-color: #888;
color: white;
border-color: #888; }
.btn.btn-style-bordered.btn-color-white,
.button.btn-style-bordered.btn-color-white,
button.btn-style-bordered.btn-color-white,
.added_to_cart.btn-style-bordered.btn-color-white,
input[type="submit"].btn-style-bordered.btn-color-white,
input[type="button"].btn-style-bordered.btn-color-white,
input[type="reset"].btn-style-bordered.btn-color-white {
color: white;
border-color: white; }
.btn.btn-style-bordered.btn-color-white:hover, .btn.btn-style-bordered.btn-color-white:focus,
.button.btn-style-bordered.btn-color-white:hover,
.button.btn-style-bordered.btn-color-white:focus,
button.btn-style-bordered.btn-color-white:hover,
button.btn-style-bordered.btn-color-white:focus,
.added_to_cart.btn-style-bordered.btn-color-white:hover,
.added_to_cart.btn-style-bordered.btn-color-white:focus,
input[type="submit"].btn-style-bordered.btn-color-white:hover,
input[type="submit"].btn-style-bordered.btn-color-white:focus,
input[type="button"].btn-style-bordered.btn-color-white:hover,
input[type="button"].btn-style-bordered.btn-color-white:focus,
input[type="reset"].btn-style-bordered.btn-color-white:hover,
input[type="reset"].btn-style-bordered.btn-color-white:focus {
background-color: white;
color: #3E3E3E;
border-color: white; }
.btn.btn-style-rounded,
.button.btn-style-rounded,
button.btn-style-rounded,
.added_to_cart.btn-style-rounded,
input[type="submit"].btn-style-rounded,
input[type="button"].btn-style-rounded,
input[type="reset"].btn-style-rounded {
border-radius: 35px; }
.btn.btn-style-rounded:hover, .btn.btn-style-rounded:focus,
.button.btn-style-rounded:hover,
.button.btn-style-rounded:focus,
button.btn-style-rounded:hover,
button.btn-style-rounded:focus,
.added_to_cart.btn-style-rounded:hover,
.added_to_cart.btn-style-rounded:focus,
input[type="submit"].btn-style-rounded:hover,
input[type="submit"].btn-style-rounded:focus,
input[type="button"].btn-style-rounded:hover,
input[type="button"].btn-style-rounded:focus,
input[type="reset"].btn-style-rounded:hover,
input[type="reset"].btn-style-rounded:focus {
opacity: 0.8; }
.btn.btn-style-3d,
.button.btn-style-3d,
button.btn-style-3d,
.added_to_cart.btn-style-3d,
input[type="submit"].btn-style-3d,
input[type="button"].btn-style-3d,
input[type="reset"].btn-style-3d {
border: none;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.15); }
.btn.btn-style-3d:hover, .btn.btn-style-3d:focus,
.button.btn-style-3d:hover,
.button.btn-style-3d:focus,
button.btn-style-3d:hover,
button.btn-style-3d:focus,
.added_to_cart.btn-style-3d:hover,
.added_to_cart.btn-style-3d:focus,
input[type="submit"].btn-style-3d:hover,
input[type="submit"].btn-style-3d:focus,
input[type="button"].btn-style-3d:hover,
input[type="button"].btn-style-3d:focus,
input[type="reset"].btn-style-3d:hover,
input[type="reset"].btn-style-3d:focus {
opacity: 0.8;
box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.15); }
.btn.active,
.btn:active {
box-shadow: none !important; }
.btn-transparent {
border: 2px solid #888;
background-color: transparent !important; }
.btn-transparent:hover {
color: white; }
#place_order {
width: 100%; }
.checkout-button,
.coupon .button,
.checkout_coupon .button,
.actions .update-cart,
#customer_login .button {
color: white; }
.checkout-button:hover, .checkout-button:focus,
.coupon .button:hover,
.coupon .button:focus,
.checkout_coupon .button:hover,
.checkout_coupon .button:focus,
.actions .update-cart:hover,
.actions .update-cart:focus,
#customer_login .button:hover,
#customer_login .button:focus {
opacity: 0.8;
color: white; }
.btn-full-width {
width: 100%; }
/* ==========================================================================
1.7 CLEARING
========================================================================== */
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.clearfix:before,
.clearfix:after {
content: ' ';
display: table; }
.clearfix:after {
clear: both; }
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 0px;
overflow: hidden;
position: absolute !important;
width: 1px; }
/* ==========================================================================
1.8 HELPER CLASS
========================================================================== */
.width-0 {
width: 0; }
.color_64 {
color: #646464; }
.light {
color: white; }
.dark {
color: black; }
.fl {
float: left; }
.fr {
float: right; }
.fw300 {
font-weight: 300; }
.fw400 {
font-weight: 400; }
.fw500 {
font-weight: 500; }
.fw600 {
font-weight: 600; }
.fw700 {
font-weight: 700; }
.flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
.middle-xs {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.center-xs {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center; }
.left-xs {
-webkit-justify-content: left;
-ms-flex-pack: left;
-webkit-box-pack: left;
justify-content: left;
text-align: left; }
.right-xs {
-webkit-justify-content: right;
-ms-flex-pack: right;
-webkit-box-pack: right;
justify-content: right;
text-align: right; }
.between-xs {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between; }
@media screen and (max-width: 991px) {
.start-sm {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start; }
.center-sm {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center; }
.end-sm {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end; } }
.pd_0 {
padding: 0; }
.pl_0 {
padding-left: 0; }
.pr_0 {
padding-right: 0; }
.mg_0 {
margin: 0; }
.ml_0 {
margin-left: 0; }
.mr_0 {
margin-right: 0; }
.pt_1 {
padding-top: 1px; }
.pb_1 {
padding-bottom: 1px; }
.pl_1 {
padding-left: 1px; }
.pr_1 {
padding-right: 1px; }
.mt_1 {
margin-top: 1px; }
.mb_1 {
margin-bottom: 1px; }
.ml_1 {
margin-left: 1px; }
.mr_1 {
margin-right: 1px; }
.pt_2 {
padding-top: 2px; }
.pb_2 {
padding-bottom: 2px; }
.pl_2 {
padding-left: 2px; }
.pr_2 {
padding-right: 2px; }
.mt_2 {
margin-top: 2px; }
.mb_2 {
margin-bottom: 2px; }
.ml_2 {
margin-left: 2px; }
.mr_2 {
margin-right: 2px; }
.pt_3 {
padding-top: 3px; }
.pb_3 {
padding-bottom: 3px; }
.pl_3 {
padding-left: 3px; }
.pr_3 {
padding-right: 3px; }
.mt_3 {
margin-top: 3px; }
.mb_3 {
margin-bottom: 3px; }
.ml_3 {
margin-left: 3px; }
.mr_3 {
margin-right: 3px; }
.pt_4 {
padding-top: 4px; }
.pb_4 {
padding-bottom: 4px; }
.pl_4 {
padding-left: 4px; }
.pr_4 {
padding-right: 4px; }
.mt_4 {
margin-top: 4px; }
.mb_4 {
margin-bottom: 4px; }
.ml_4 {
margin-left: 4px; }
.mr_4 {
margin-right: 4px; }
.pt_5 {
padding-top: 5px; }
.pb_5 {
padding-bottom: 5px; }
.pl_5 {
padding-left: 5px; }
.pr_5 {
padding-right: 5px; }
.mt_5 {
margin-top: 5px; }
.mb_5 {
margin-bottom: 5px; }
.ml_5 {
margin-left: 5px; }
.mr_5 {
margin-right: 5px; }
.pt_6 {
padding-top: 6px; }
.pb_6 {
padding-bottom: 6px; }
.pl_6 {
padding-left: 6px; }
.pr_6 {
padding-right: 6px; }
.mt_6 {
margin-top: 6px; }
.mb_6 {
margin-bottom: 6px; }
.ml_6 {
margin-left: 6px; }
.mr_6 {
margin-right: 6px; }
.pt_7 {
padding-top: 7px; }
.pb_7 {
padding-bottom: 7px; }
.pl_7 {
padding-left: 7px; }
.pr_7 {
padding-right: 7px; }
.mt_7 {
margin-top: 7px; }
.mb_7 {
margin-bottom: 7px; }
.ml_7 {
margin-left: 7px; }
.mr_7 {
margin-right: 7px; }
.pt_8 {
padding-top: 8px; }
.pb_8 {
padding-bottom: 8px; }
.pl_8 {
padding-left: 8px; }
.pr_8 {
padding-right: 8px; }
.mt_8 {
margin-top: 8px; }
.mb_8 {
margin-bottom: 8px; }
.ml_8 {
margin-left: 8px; }
.mr_8 {
margin-right: 8px; }
.pt_9 {
padding-top: 9px; }
.pb_9 {
padding-bottom: 9px; }
.pl_9 {
padding-left: 9px; }
.pr_9 {
padding-right: 9px; }
.mt_9 {
margin-top: 9px; }
.mb_9 {
margin-bottom: 9px; }
.ml_9 {
margin-left: 9px; }
.mr_9 {
margin-right: 9px; }
.pt_10 {
padding-top: 10px; }
.pb_10 {
padding-bottom: 10px; }
.pl_10 {
padding-left: 10px; }
.pr_10 {
padding-right: 10px; }
.mt_10 {
margin-top: 10px; }
.mb_10 {
margin-bottom: 10px; }
.ml_10 {
margin-left: 10px; }
.mr_10 {
margin-right: 10px; }
.pt_11 {
padding-top: 11px; }
.pb_11 {
padding-bottom: 11px; }
.pl_11 {
padding-left: 11px; }
.pr_11 {
padding-right: 11px; }
.mt_11 {
margin-top: 11px; }
.mb_11 {
margin-bottom: 11px; }
.ml_11 {
margin-left: 11px; }
.mr_11 {
margin-right: 11px; }
.pt_12 {
padding-top: 12px; }
.pb_12 {
padding-bottom: 12px; }
.pl_12 {
padding-left: 12px; }
.pr_12 {
padding-right: 12px; }
.mt_12 {
margin-top: 12px; }
.mb_12 {
margin-bottom: 12px; }
.ml_12 {
margin-left: 12px; }
.mr_12 {
margin-right: 12px; }
.pt_13 {
padding-top: 13px; }
.pb_13 {
padding-bottom: 13px; }
.pl_13 {
padding-left: 13px; }
.pr_13 {
padding-right: 13px; }
.mt_13 {
margin-top: 13px; }
.mb_13 {
margin-bottom: 13px; }
.ml_13 {
margin-left: 13px; }
.mr_13 {
margin-right: 13px; }
.pt_14 {
padding-top: 14px; }
.pb_14 {
padding-bottom: 14px; }
.pl_14 {
padding-left: 14px; }
.pr_14 {
padding-right: 14px; }
.mt_14 {
margin-top: 14px; }
.mb_14 {
margin-bottom: 14px; }
.ml_14 {
margin-left: 14px; }
.mr_14 {
margin-right: 14px; }
.pt_15 {
padding-top: 15px; }
.pb_15 {
padding-bottom: 15px; }
.pl_15 {
padding-left: 15px; }
.pr_15 {
padding-right: 15px; }
.mt_15 {
margin-top: 15px; }
.mb_15 {
margin-bottom: 15px; }
.ml_15 {
margin-left: 15px; }
.mr_15 {
margin-right: 15px; }
.pt_16 {
padding-top: 16px; }
.pb_16 {
padding-bottom: 16px; }
.pl_16 {
padding-left: 16px; }
.pr_16 {
padding-right: 16px; }
.mt_16 {
margin-top: 16px; }
.mb_16 {
margin-bottom: 16px; }
.ml_16 {
margin-left: 16px; }
.mr_16 {
margin-right: 16px; }
.pt_17 {
padding-top: 17px; }
.pb_17 {
padding-bottom: 17px; }
.pl_17 {
padding-left: 17px; }
.pr_17 {
padding-right: 17px; }
.mt_17 {
margin-top: 17px; }
.mb_17 {
margin-bottom: 17px; }
.ml_17 {
margin-left: 17px; }
.mr_17 {
margin-right: 17px; }
.pt_18 {
padding-top: 18px; }
.pb_18 {
padding-bottom: 18px; }
.pl_18 {
padding-left: 18px; }
.pr_18 {
padding-right: 18px; }
.mt_18 {
margin-top: 18px; }
.mb_18 {
margin-bottom: 18px; }
.ml_18 {
margin-left: 18px; }
.mr_18 {
margin-right: 18px; }
.pt_19 {
padding-top: 19px; }
.pb_19 {
padding-bottom: 19px; }
.pl_19 {
padding-left: 19px; }
.pr_19 {
padding-right: 19px; }
.mt_19 {
margin-top: 19px; }
.mb_19 {
margin-bottom: 19px; }
.ml_19 {
margin-left: 19px; }
.mr_19 {
margin-right: 19px; }
.pt_20 {
padding-top: 20px; }
.pb_20 {
padding-bottom: 20px; }
.pl_20 {
padding-left: 20px; }
.pr_20 {
padding-right: 20px; }
.mt_20 {
margin-top: 20px; }
.mb_20 {
margin-bottom: 20px; }
.ml_20 {
margin-left: 20px; }
.mr_20 {
margin-right: 20px; }
.pt_21 {
padding-top: 21px; }
.pb_21 {
padding-bottom: 21px; }
.pl_21 {
padding-left: 21px; }
.pr_21 {
padding-right: 21px; }
.mt_21 {
margin-top: 21px; }
.mb_21 {
margin-bottom: 21px; }
.ml_21 {
margin-left: 21px; }
.mr_21 {
margin-right: 21px; }
.pt_22 {
padding-top: 22px; }
.pb_22 {
padding-bottom: 22px; }
.pl_22 {
padding-left: 22px; }
.pr_22 {
padding-right: 22px; }
.mt_22 {
margin-top: 22px; }
.mb_22 {
margin-bottom: 22px; }
.ml_22 {
margin-left: 22px; }
.mr_22 {
margin-right: 22px; }
.pt_23 {
padding-top: 23px; }
.pb_23 {
padding-bottom: 23px; }
.pl_23 {
padding-left: 23px; }
.pr_23 {
padding-right: 23px; }
.mt_23 {
margin-top: 23px; }
.mb_23 {
margin-bottom: 23px; }
.ml_23 {
margin-left: 23px; }
.mr_23 {
margin-right: 23px; }
.pt_24 {
padding-top: 24px; }
.pb_24 {
padding-bottom: 24px; }
.pl_24 {
padding-left: 24px; }
.pr_24 {
padding-right: 24px; }
.mt_24 {
margin-top: 24px; }
.mb_24 {
margin-bottom: 24px; }
.ml_24 {
margin-left: 24px; }
.mr_24 {
margin-right: 24px; }
.pt_25 {
padding-top: 25px; }
.pb_25 {
padding-bottom: 25px; }
.pl_25 {
padding-left: 25px; }
.pr_25 {
padding-right: 25px; }
.mt_25 {
margin-top: 25px; }
.mb_25 {
margin-bottom: 25px; }
.ml_25 {
margin-left: 25px; }
.mr_25 {
margin-right: 25px; }
.pt_26 {
padding-top: 26px; }
.pb_26 {
padding-bottom: 26px; }
.pl_26 {
padding-left: 26px; }
.pr_26 {
padding-right: 26px; }
.mt_26 {
margin-top: 26px; }
.mb_26 {
margin-bottom: 26px; }
.ml_26 {
margin-left: 26px; }
.mr_26 {
margin-right: 26px; }
.pt_27 {
padding-top: 27px; }
.pb_27 {
padding-bottom: 27px; }
.pl_27 {
padding-left: 27px; }
.pr_27 {
padding-right: 27px; }
.mt_27 {
margin-top: 27px; }
.mb_27 {
margin-bottom: 27px; }
.ml_27 {
margin-left: 27px; }
.mr_27 {
margin-right: 27px; }
.pt_28 {
padding-top: 28px; }
.pb_28 {
padding-bottom: 28px; }
.pl_28 {
padding-left: 28px; }
.pr_28 {
padding-right: 28px; }
.mt_28 {
margin-top: 28px; }
.mb_28 {
margin-bottom: 28px; }
.ml_28 {
margin-left: 28px; }
.mr_28 {
margin-right: 28px; }
.pt_29 {
padding-top: 29px; }
.pb_29 {
padding-bottom: 29px; }
.pl_29 {
padding-left: 29px; }
.pr_29 {
padding-right: 29px; }
.mt_29 {
margin-top: 29px; }
.mb_29 {
margin-bottom: 29px; }
.ml_29 {
margin-left: 29px; }
.mr_29 {
margin-right: 29px; }
.pt_30 {
padding-top: 30px; }
.pb_30 {
padding-bottom: 30px; }
.pl_30 {
padding-left: 30px; }
.pr_30 {
padding-right: 30px; }
.mt_30 {
margin-top: 30px; }
.mb_30 {
margin-bottom: 30px; }
.ml_30 {
margin-left: 30px; }
.mr_30 {
margin-right: 30px; }
.pt_31 {
padding-top: 31px; }
.pb_31 {
padding-bottom: 31px; }
.pl_31 {
padding-left: 31px; }
.pr_31 {
padding-right: 31px; }
.mt_31 {
margin-top: 31px; }
.mb_31 {
margin-bottom: 31px; }
.ml_31 {
margin-left: 31px; }
.mr_31 {
margin-right: 31px; }
.pt_32 {
padding-top: 32px; }
.pb_32 {
padding-bottom: 32px; }
.pl_32 {
padding-left: 32px; }
.pr_32 {
padding-right: 32px; }
.mt_32 {
margin-top: 32px; }
.mb_32 {
margin-bottom: 32px; }
.ml_32 {
margin-left: 32px; }
.mr_32 {
margin-right: 32px; }
.pt_33 {
padding-top: 33px; }
.pb_33 {
padding-bottom: 33px; }
.pl_33 {
padding-left: 33px; }
.pr_33 {
padding-right: 33px; }
.mt_33 {
margin-top: 33px; }
.mb_33 {
margin-bottom: 33px; }
.ml_33 {
margin-left: 33px; }
.mr_33 {
margin-right: 33px; }
.pt_34 {
padding-top: 34px; }
.pb_34 {
padding-bottom: 34px; }
.pl_34 {
padding-left: 34px; }
.pr_34 {
padding-right: 34px; }
.mt_34 {
margin-top: 34px; }
.mb_34 {
margin-bottom: 34px; }
.ml_34 {
margin-left: 34px; }
.mr_34 {
margin-right: 34px; }
.pt_35 {
padding-top: 35px; }
.pb_35 {
padding-bottom: 35px; }
.pl_35 {
padding-left: 35px; }
.pr_35 {
padding-right: 35px; }
.mt_35 {
margin-top: 35px; }
.mb_35 {
margin-bottom: 35px; }
.ml_35 {
margin-left: 35px; }
.mr_35 {
margin-right: 35px; }
.pt_36 {
padding-top: 36px; }
.pb_36 {
padding-bottom: 36px; }
.pl_36 {
padding-left: 36px; }
.pr_36 {
padding-right: 36px; }
.mt_36 {
margin-top: 36px; }
.mb_36 {
margin-bottom: 36px; }
.ml_36 {
margin-left: 36px; }
.mr_36 {
margin-right: 36px; }
.pt_37 {
padding-top: 37px; }
.pb_37 {
padding-bottom: 37px; }
.pl_37 {
padding-left: 37px; }
.pr_37 {
padding-right: 37px; }
.mt_37 {
margin-top: 37px; }
.mb_37 {
margin-bottom: 37px; }
.ml_37 {
margin-left: 37px; }
.mr_37 {
margin-right: 37px; }
.pt_38 {
padding-top: 38px; }
.pb_38 {
padding-bottom: 38px; }
.pl_38 {
padding-left: 38px; }
.pr_38 {
padding-right: 38px; }
.mt_38 {
margin-top: 38px; }
.mb_38 {
margin-bottom: 38px; }
.ml_38 {
margin-left: 38px; }
.mr_38 {
margin-right: 38px; }
.pt_39 {
padding-top: 39px; }
.pb_39 {
padding-bottom: 39px; }
.pl_39 {
padding-left: 39px; }
.pr_39 {
padding-right: 39px; }
.mt_39 {
margin-top: 39px; }
.mb_39 {
margin-bottom: 39px; }
.ml_39 {
margin-left: 39px; }
.mr_39 {
margin-right: 39px; }
.pt_40 {
padding-top: 40px; }
.pb_40 {
padding-bottom: 40px; }
.pl_40 {
padding-left: 40px; }
.pr_40 {
padding-right: 40px; }
.mt_40 {
margin-top: 40px; }
.mb_40 {
margin-bottom: 40px; }
.ml_40 {
margin-left: 40px; }
.mr_40 {
margin-right: 40px; }
.pt_41 {
padding-top: 41px; }
.pb_41 {
padding-bottom: 41px; }
.pl_41 {
padding-left: 41px; }
.pr_41 {
padding-right: 41px; }
.mt_41 {
margin-top: 41px; }
.mb_41 {
margin-bottom: 41px; }
.ml_41 {
margin-left: 41px; }
.mr_41 {
margin-right: 41px; }
.pt_42 {
padding-top: 42px; }
.pb_42 {
padding-bottom: 42px; }
.pl_42 {
padding-left: 42px; }
.pr_42 {
padding-right: 42px; }
.mt_42 {
margin-top: 42px; }
.mb_42 {
margin-bottom: 42px; }
.ml_42 {
margin-left: 42px; }
.mr_42 {
margin-right: 42px; }
.pt_43 {
padding-top: 43px; }
.pb_43 {
padding-bottom: 43px; }
.pl_43 {
padding-left: 43px; }
.pr_43 {
padding-right: 43px; }
.mt_43 {
margin-top: 43px; }
.mb_43 {
margin-bottom: 43px; }
.ml_43 {
margin-left: 43px; }
.mr_43 {
margin-right: 43px; }
.pt_44 {
padding-top: 44px; }
.pb_44 {
padding-bottom: 44px; }
.pl_44 {
padding-left: 44px; }
.pr_44 {
padding-right: 44px; }
.mt_44 {
margin-top: 44px; }
.mb_44 {
margin-bottom: 44px; }
.ml_44 {
margin-left: 44px; }
.mr_44 {
margin-right: 44px; }
.pt_45 {
padding-top: 45px; }
.pb_45 {
padding-bottom: 45px; }
.pl_45 {
padding-left: 45px; }
.pr_45 {
padding-right: 45px; }
.mt_45 {
margin-top: 45px; }
.mb_45 {
margin-bottom: 45px; }
.ml_45 {
margin-left: 45px; }
.mr_45 {
margin-right: 45px; }
.pt_46 {
padding-top: 46px; }
.pb_46 {
padding-bottom: 46px; }
.pl_46 {
padding-left: 46px; }
.pr_46 {
padding-right: 46px; }
.mt_46 {
margin-top: 46px; }
.mb_46 {
margin-bottom: 46px; }
.ml_46 {
margin-left: 46px; }
.mr_46 {
margin-right: 46px; }
.pt_47 {
padding-top: 47px; }
.pb_47 {
padding-bottom: 47px; }
.pl_47 {
padding-left: 47px; }
.pr_47 {
padding-right: 47px; }
.mt_47 {
margin-top: 47px; }
.mb_47 {
margin-bottom: 47px; }
.ml_47 {
margin-left: 47px; }
.mr_47 {
margin-right: 47px; }
.pt_48 {
padding-top: 48px; }
.pb_48 {
padding-bottom: 48px; }
.pl_48 {
padding-left: 48px; }
.pr_48 {
padding-right: 48px; }
.mt_48 {
margin-top: 48px; }
.mb_48 {
margin-bottom: 48px; }
.ml_48 {
margin-left: 48px; }
.mr_48 {
margin-right: 48px; }
.pt_49 {
padding-top: 49px; }
.pb_49 {
padding-bottom: 49px; }
.pl_49 {
padding-left: 49px; }
.pr_49 {
padding-right: 49px; }
.mt_49 {
margin-top: 49px; }
.mb_49 {
margin-bottom: 49px; }
.ml_49 {
margin-left: 49px; }
.mr_49 {
margin-right: 49px; }
.pt_50 {
padding-top: 50px; }
.pb_50 {
padding-bottom: 50px; }
.pl_50 {
padding-left: 50px; }
.pr_50 {
padding-right: 50px; }
.mt_50 {
margin-top: 50px; }
.mb_50 {
margin-bottom: 50px; }
.ml_50 {
margin-left: 50px; }
.mr_50 {
margin-right: 50px; }
.pt_51 {
padding-top: 51px; }
.pb_51 {
padding-bottom: 51px; }
.pl_51 {
padding-left: 51px; }
.pr_51 {
padding-right: 51px; }
.mt_51 {
margin-top: 51px; }
.mb_51 {
margin-bottom: 51px; }
.ml_51 {
margin-left: 51px; }
.mr_51 {
margin-right: 51px; }
.pt_52 {
padding-top: 52px; }
.pb_52 {
padding-bottom: 52px; }
.pl_52 {
padding-left: 52px; }
.pr_52 {
padding-right: 52px; }
.mt_52 {
margin-top: 52px; }
.mb_52 {
margin-bottom: 52px; }
.ml_52 {
margin-left: 52px; }
.mr_52 {
margin-right: 52px; }
.pt_53 {
padding-top: 53px; }
.pb_53 {
padding-bottom: 53px; }
.pl_53 {
padding-left: 53px; }
.pr_53 {
padding-right: 53px; }
.mt_53 {
margin-top: 53px; }
.mb_53 {
margin-bottom: 53px; }
.ml_53 {
margin-left: 53px; }
.mr_53 {
margin-right: 53px; }
.pt_54 {
padding-top: 54px; }
.pb_54 {
padding-bottom: 54px; }
.pl_54 {
padding-left: 54px; }
.pr_54 {
padding-right: 54px; }
.mt_54 {
margin-top: 54px; }
.mb_54 {
margin-bottom: 54px; }
.ml_54 {
margin-left: 54px; }
.mr_54 {
margin-right: 54px; }
.pt_55 {
padding-top: 55px; }
.pb_55 {
padding-bottom: 55px; }
.pl_55 {
padding-left: 55px; }
.pr_55 {
padding-right: 55px; }
.mt_55 {
margin-top: 55px; }
.mb_55 {
margin-bottom: 55px; }
.ml_55 {
margin-left: 55px; }
.mr_55 {
margin-right: 55px; }
.pt_56 {
padding-top: 56px; }
.pb_56 {
padding-bottom: 56px; }
.pl_56 {
padding-left: 56px; }
.pr_56 {
padding-right: 56px; }
.mt_56 {
margin-top: 56px; }
.mb_56 {
margin-bottom: 56px; }
.ml_56 {
margin-left: 56px; }
.mr_56 {
margin-right: 56px; }
.pt_57 {
padding-top: 57px; }
.pb_57 {
padding-bottom: 57px; }
.pl_57 {
padding-left: 57px; }
.pr_57 {
padding-right: 57px; }
.mt_57 {
margin-top: 57px; }
.mb_57 {
margin-bottom: 57px; }
.ml_57 {
margin-left: 57px; }
.mr_57 {
margin-right: 57px; }
.pt_58 {
padding-top: 58px; }
.pb_58 {
padding-bottom: 58px; }
.pl_58 {
padding-left: 58px; }
.pr_58 {
padding-right: 58px; }
.mt_58 {
margin-top: 58px; }
.mb_58 {
margin-bottom: 58px; }
.ml_58 {
margin-left: 58px; }
.mr_58 {
margin-right: 58px; }
.pt_59 {
padding-top: 59px; }
.pb_59 {
padding-bottom: 59px; }
.pl_59 {
padding-left: 59px; }
.pr_59 {
padding-right: 59px; }
.mt_59 {
margin-top: 59px; }
.mb_59 {
margin-bottom: 59px; }
.ml_59 {
margin-left: 59px; }
.mr_59 {
margin-right: 59px; }
.pt_60 {
padding-top: 60px; }
.pb_60 {
padding-bottom: 60px; }
.pl_60 {
padding-left: 60px; }
.pr_60 {
padding-right: 60px; }
.mt_60 {
margin-top: 60px; }
.mb_60 {
margin-bottom: 60px; }
.ml_60 {
margin-left: 60px; }
.mr_60 {
margin-right: 60px; }
.pt_61 {
padding-top: 61px; }
.pb_61 {
padding-bottom: 61px; }
.pl_61 {
padding-left: 61px; }
.pr_61 {
padding-right: 61px; }
.mt_61 {
margin-top: 61px; }
.mb_61 {
margin-bottom: 61px; }
.ml_61 {
margin-left: 61px; }
.mr_61 {
margin-right: 61px; }
.pt_62 {
padding-top: 62px; }
.pb_62 {
padding-bottom: 62px; }
.pl_62 {
padding-left: 62px; }
.pr_62 {
padding-right: 62px; }
.mt_62 {
margin-top: 62px; }
.mb_62 {
margin-bottom: 62px; }
.ml_62 {
margin-left: 62px; }
.mr_62 {
margin-right: 62px; }
.pt_63 {
padding-top: 63px; }
.pb_63 {
padding-bottom: 63px; }
.pl_63 {
padding-left: 63px; }
.pr_63 {
padding-right: 63px; }
.mt_63 {
margin-top: 63px; }
.mb_63 {
margin-bottom: 63px; }
.ml_63 {
margin-left: 63px; }
.mr_63 {
margin-right: 63px; }
.pt_64 {
padding-top: 64px; }
.pb_64 {
padding-bottom: 64px; }
.pl_64 {
padding-left: 64px; }
.pr_64 {
padding-right: 64px; }
.mt_64 {
margin-top: 64px; }
.mb_64 {
margin-bottom: 64px; }
.ml_64 {
margin-left: 64px; }
.mr_64 {
margin-right: 64px; }
.pt_65 {
padding-top: 65px; }
.pb_65 {
padding-bottom: 65px; }
.pl_65 {
padding-left: 65px; }
.pr_65 {
padding-right: 65px; }
.mt_65 {
margin-top: 65px; }
.mb_65 {
margin-bottom: 65px; }
.ml_65 {
margin-left: 65px; }
.mr_65 {
margin-right: 65px; }
.pt_66 {
padding-top: 66px; }
.pb_66 {
padding-bottom: 66px; }
.pl_66 {
padding-left: 66px; }
.pr_66 {
padding-right: 66px; }
.mt_66 {
margin-top: 66px; }
.mb_66 {
margin-bottom: 66px; }
.ml_66 {
margin-left: 66px; }
.mr_66 {
margin-right: 66px; }
.pt_67 {
padding-top: 67px; }
.pb_67 {
padding-bottom: 67px; }
.pl_67 {
padding-left: 67px; }
.pr_67 {
padding-right: 67px; }
.mt_67 {
margin-top: 67px; }
.mb_67 {
margin-bottom: 67px; }
.ml_67 {
margin-left: 67px; }
.mr_67 {
margin-right: 67px; }
.pt_68 {
padding-top: 68px; }
.pb_68 {
padding-bottom: 68px; }
.pl_68 {
padding-left: 68px; }
.pr_68 {
padding-right: 68px; }
.mt_68 {
margin-top: 68px; }
.mb_68 {
margin-bottom: 68px; }
.ml_68 {
margin-left: 68px; }
.mr_68 {
margin-right: 68px; }
.pt_69 {
padding-top: 69px; }
.pb_69 {
padding-bottom: 69px; }
.pl_69 {
padding-left: 69px; }
.pr_69 {
padding-right: 69px; }
.mt_69 {
margin-top: 69px; }
.mb_69 {
margin-bottom: 69px; }
.ml_69 {
margin-left: 69px; }
.mr_69 {
margin-right: 69px; }
.pt_70 {
padding-top: 70px; }
.pb_70 {
padding-bottom: 70px; }
.pl_70 {
padding-left: 70px; }
.pr_70 {
padding-right: 70px; }
.mt_70 {
margin-top: 70px; }
.mb_70 {
margin-bottom: 70px; }
.ml_70 {
margin-left: 70px; }
.mr_70 {
margin-right: 70px; }
.pt_71 {
padding-top: 71px; }
.pb_71 {
padding-bottom: 71px; }
.pl_71 {
padding-left: 71px; }
.pr_71 {
padding-right: 71px; }
.mt_71 {
margin-top: 71px; }
.mb_71 {
margin-bottom: 71px; }
.ml_71 {
margin-left: 71px; }
.mr_71 {
margin-right: 71px; }
.pt_72 {
padding-top: 72px; }
.pb_72 {
padding-bottom: 72px; }
.pl_72 {
padding-left: 72px; }
.pr_72 {
padding-right: 72px; }
.mt_72 {
margin-top: 72px; }
.mb_72 {
margin-bottom: 72px; }
.ml_72 {
margin-left: 72px; }
.mr_72 {
margin-right: 72px; }
.pt_73 {
padding-top: 73px; }
.pb_73 {
padding-bottom: 73px; }
.pl_73 {
padding-left: 73px; }
.pr_73 {
padding-right: 73px; }
.mt_73 {
margin-top: 73px; }
.mb_73 {
margin-bottom: 73px; }
.ml_73 {
margin-left: 73px; }
.mr_73 {
margin-right: 73px; }
.pt_74 {
padding-top: 74px; }
.pb_74 {
padding-bottom: 74px; }
.pl_74 {
padding-left: 74px; }
.pr_74 {
padding-right: 74px; }
.mt_74 {
margin-top: 74px; }
.mb_74 {
margin-bottom: 74px; }
.ml_74 {
margin-left: 74px; }
.mr_74 {
margin-right: 74px; }
.pt_75 {
padding-top: 75px; }
.pb_75 {
padding-bottom: 75px; }
.pl_75 {
padding-left: 75px; }
.pr_75 {
padding-right: 75px; }
.mt_75 {
margin-top: 75px; }
.mb_75 {
margin-bottom: 75px; }
.ml_75 {
margin-left: 75px; }
.mr_75 {
margin-right: 75px; }
.pt_76 {
padding-top: 76px; }
.pb_76 {
padding-bottom: 76px; }
.pl_76 {
padding-left: 76px; }
.pr_76 {
padding-right: 76px; }
.mt_76 {
margin-top: 76px; }
.mb_76 {
margin-bottom: 76px; }
.ml_76 {
margin-left: 76px; }
.mr_76 {
margin-right: 76px; }
.pt_77 {
padding-top: 77px; }
.pb_77 {
padding-bottom: 77px; }
.pl_77 {
padding-left: 77px; }
.pr_77 {
padding-right: 77px; }
.mt_77 {
margin-top: 77px; }
.mb_77 {
margin-bottom: 77px; }
.ml_77 {
margin-left: 77px; }
.mr_77 {
margin-right: 77px; }
.pt_78 {
padding-top: 78px; }
.pb_78 {
padding-bottom: 78px; }
.pl_78 {
padding-left: 78px; }
.pr_78 {
padding-right: 78px; }
.mt_78 {
margin-top: 78px; }
.mb_78 {
margin-bottom: 78px; }
.ml_78 {
margin-left: 78px; }
.mr_78 {
margin-right: 78px; }
.pt_79 {
padding-top: 79px; }
.pb_79 {
padding-bottom: 79px; }
.pl_79 {
padding-left: 79px; }
.pr_79 {
padding-right: 79px; }
.mt_79 {
margin-top: 79px; }
.mb_79 {
margin-bottom: 79px; }
.ml_79 {
margin-left: 79px; }
.mr_79 {
margin-right: 79px; }
.pt_80 {
padding-top: 80px; }
.pb_80 {
padding-bottom: 80px; }
.pl_80 {
padding-left: 80px; }
.pr_80 {
padding-right: 80px; }
.mt_80 {
margin-top: 80px; }
.mb_80 {
margin-bottom: 80px; }
.ml_80 {
margin-left: 80px; }
.mr_80 {
margin-right: 80px; }
.pt_81 {
padding-top: 81px; }
.pb_81 {
padding-bottom: 81px; }
.pl_81 {
padding-left: 81px; }
.pr_81 {
padding-right: 81px; }
.mt_81 {
margin-top: 81px; }
.mb_81 {
margin-bottom: 81px; }
.ml_81 {
margin-left: 81px; }
.mr_81 {
margin-right: 81px; }
.pt_82 {
padding-top: 82px; }
.pb_82 {
padding-bottom: 82px; }
.pl_82 {
padding-left: 82px; }
.pr_82 {
padding-right: 82px; }
.mt_82 {
margin-top: 82px; }
.mb_82 {
margin-bottom: 82px; }
.ml_82 {
margin-left: 82px; }
.mr_82 {
margin-right: 82px; }
.pt_83 {
padding-top: 83px; }
.pb_83 {
padding-bottom: 83px; }
.pl_83 {
padding-left: 83px; }
.pr_83 {
padding-right: 83px; }
.mt_83 {
margin-top: 83px; }
.mb_83 {
margin-bottom: 83px; }
.ml_83 {
margin-left: 83px; }
.mr_83 {
margin-right: 83px; }
.pt_84 {
padding-top: 84px; }
.pb_84 {
padding-bottom: 84px; }
.pl_84 {
padding-left: 84px; }
.pr_84 {
padding-right: 84px; }
.mt_84 {
margin-top: 84px; }
.mb_84 {
margin-bottom: 84px; }
.ml_84 {
margin-left: 84px; }
.mr_84 {
margin-right: 84px; }
.pt_85 {
padding-top: 85px; }
.pb_85 {
padding-bottom: 85px; }
.pl_85 {
padding-left: 85px; }
.pr_85 {
padding-right: 85px; }
.mt_85 {
margin-top: 85px; }
.mb_85 {
margin-bottom: 85px; }
.ml_85 {
margin-left: 85px; }
.mr_85 {
margin-right: 85px; }
.pt_86 {
padding-top: 86px; }
.pb_86 {
padding-bottom: 86px; }
.pl_86 {
padding-left: 86px; }
.pr_86 {
padding-right: 86px; }
.mt_86 {
margin-top: 86px; }
.mb_86 {
margin-bottom: 86px; }
.ml_86 {
margin-left: 86px; }
.mr_86 {
margin-right: 86px; }
.pt_87 {
padding-top: 87px; }
.pb_87 {
padding-bottom: 87px; }
.pl_87 {
padding-left: 87px; }
.pr_87 {
padding-right: 87px; }
.mt_87 {
margin-top: 87px; }
.mb_87 {
margin-bottom: 87px; }
.ml_87 {
margin-left: 87px; }
.mr_87 {
margin-right: 87px; }
.pt_88 {
padding-top: 88px; }
.pb_88 {
padding-bottom: 88px; }
.pl_88 {
padding-left: 88px; }
.pr_88 {
padding-right: 88px; }
.mt_88 {
margin-top: 88px; }
.mb_88 {
margin-bottom: 88px; }
.ml_88 {
margin-left: 88px; }
.mr_88 {
margin-right: 88px; }
.pt_89 {
padding-top: 89px; }
.pb_89 {
padding-bottom: 89px; }
.pl_89 {
padding-left: 89px; }
.pr_89 {
padding-right: 89px; }
.mt_89 {
margin-top: 89px; }
.mb_89 {
margin-bottom: 89px; }
.ml_89 {
margin-left: 89px; }
.mr_89 {
margin-right: 89px; }
.pt_90 {
padding-top: 90px; }
.pb_90 {
padding-bottom: 90px; }
.pl_90 {
padding-left: 90px; }
.pr_90 {
padding-right: 90px; }
.mt_90 {
margin-top: 90px; }
.mb_90 {
margin-bottom: 90px; }
.ml_90 {
margin-left: 90px; }
.mr_90 {
margin-right: 90px; }
.pt_91 {
padding-top: 91px; }
.pb_91 {
padding-bottom: 91px; }
.pl_91 {
padding-left: 91px; }
.pr_91 {
padding-right: 91px; }
.mt_91 {
margin-top: 91px; }
.mb_91 {
margin-bottom: 91px; }
.ml_91 {
margin-left: 91px; }
.mr_91 {
margin-right: 91px; }
.pt_92 {
padding-top: 92px; }
.pb_92 {
padding-bottom: 92px; }
.pl_92 {
padding-left: 92px; }
.pr_92 {
padding-right: 92px; }
.mt_92 {
margin-top: 92px; }
.mb_92 {
margin-bottom: 92px; }
.ml_92 {
margin-left: 92px; }
.mr_92 {
margin-right: 92px; }
.pt_93 {
padding-top: 93px; }
.pb_93 {
padding-bottom: 93px; }
.pl_93 {
padding-left: 93px; }
.pr_93 {
padding-right: 93px; }
.mt_93 {
margin-top: 93px; }
.mb_93 {
margin-bottom: 93px; }
.ml_93 {
margin-left: 93px; }
.mr_93 {
margin-right: 93px; }
.pt_94 {
padding-top: 94px; }
.pb_94 {
padding-bottom: 94px; }
.pl_94 {
padding-left: 94px; }
.pr_94 {
padding-right: 94px; }
.mt_94 {
margin-top: 94px; }
.mb_94 {
margin-bottom: 94px; }
.ml_94 {
margin-left: 94px; }
.mr_94 {
margin-right: 94px; }
.pt_95 {
padding-top: 95px; }
.pb_95 {
padding-bottom: 95px; }
.pl_95 {
padding-left: 95px; }
.pr_95 {
padding-right: 95px; }
.mt_95 {
margin-top: 95px; }
.mb_95 {
margin-bottom: 95px; }
.ml_95 {
margin-left: 95px; }
.mr_95 {
margin-right: 95px; }
.pt_96 {
padding-top: 96px; }
.pb_96 {
padding-bottom: 96px; }
.pl_96 {
padding-left: 96px; }
.pr_96 {
padding-right: 96px; }
.mt_96 {
margin-top: 96px; }
.mb_96 {
margin-bottom: 96px; }
.ml_96 {
margin-left: 96px; }
.mr_96 {
margin-right: 96px; }
.pt_97 {
padding-top: 97px; }
.pb_97 {
padding-bottom: 97px; }
.pl_97 {
padding-left: 97px; }
.pr_97 {
padding-right: 97px; }
.mt_97 {
margin-top: 97px; }
.mb_97 {
margin-bottom: 97px; }
.ml_97 {
margin-left: 97px; }
.mr_97 {
margin-right: 97px; }
.pt_98 {
padding-top: 98px; }
.pb_98 {
padding-bottom: 98px; }
.pl_98 {
padding-left: 98px; }
.pr_98 {
padding-right: 98px; }
.mt_98 {
margin-top: 98px; }
.mb_98 {
margin-bottom: 98px; }
.ml_98 {
margin-left: 98px; }
.mr_98 {
margin-right: 98px; }
.pt_99 {
padding-top: 99px; }
.pb_99 {
padding-bottom: 99px; }
.pl_99 {
padding-left: 99px; }
.pr_99 {
padding-right: 99px; }
.mt_99 {
margin-top: 99px; }
.mb_99 {
margin-bottom: 99px; }
.ml_99 {
margin-left: 99px; }
.mr_99 {
margin-right: 99px; }
.pt_100 {
padding-top: 100px; }
.pb_100 {
padding-bottom: 100px; }
.pl_100 {
padding-left: 100px; }
.pr_100 {
padding-right: 100px; }
.mt_100 {
margin-top: 100px; }
.mb_100 {
margin-bottom: 100px; }
.ml_100 {
margin-left: 100px; }
.mr_100 {
margin-right: 100px; }
.ml_1 {
margin-left: 1px; }
.mr_1 {
margin-right: 1px; }
.ml_0 {
margin-left: 0px; }
.mr_0 {
margin-right: 0px; }
.ml_-1 {
margin-left: -1px; }
.mr_-1 {
margin-right: -1px; }
.ml_-2 {
margin-left: -2px; }
.mr_-2 {
margin-right: -2px; }
.ml_-3 {
margin-left: -3px; }
.mr_-3 {
margin-right: -3px; }
.ml_-4 {
margin-left: -4px; }
.mr_-4 {
margin-right: -4px; }
.ml_-5 {
margin-left: -5px; }
.mr_-5 {
margin-right: -5px; }
.ml_-6 {
margin-left: -6px; }
.mr_-6 {
margin-right: -6px; }
.ml_-7 {
margin-left: -7px; }
.mr_-7 {
margin-right: -7px; }
.ml_-8 {
margin-left: -8px; }
.mr_-8 {
margin-right: -8px; }
.ml_-9 {
margin-left: -9px; }
.mr_-9 {
margin-right: -9px; }
.ml_-10 {
margin-left: -10px; }
.mr_-10 {
margin-right: -10px; }
.ml_-11 {
margin-left: -11px; }
.mr_-11 {
margin-right: -11px; }
.ml_-12 {
margin-left: -12px; }
.mr_-12 {
margin-right: -12px; }
.ml_-13 {
margin-left: -13px; }
.mr_-13 {
margin-right: -13px; }
.ml_-14 {
margin-left: -14px; }
.mr_-14 {
margin-right: -14px; }
.ml_-15 {
margin-left: -15px; }
.mr_-15 {
margin-right: -15px; }
.ml_-16 {
margin-left: -16px; }
.mr_-16 {
margin-right: -16px; }
.ml_-17 {
margin-left: -17px; }
.mr_-17 {
margin-right: -17px; }
.ml_-18 {
margin-left: -18px; }
.mr_-18 {
margin-right: -18px; }
.ml_-19 {
margin-left: -19px; }
.mr_-19 {
margin-right: -19px; }
.ml_-20 {
margin-left: -20px; }
.mr_-20 {
margin-right: -20px; }
.ml_-21 {
margin-left: -21px; }
.mr_-21 {
margin-right: -21px; }
.ml_-22 {
margin-left: -22px; }
.mr_-22 {
margin-right: -22px; }
.ml_-23 {
margin-left: -23px; }
.mr_-23 {
margin-right: -23px; }
.ml_-24 {
margin-left: -24px; }
.mr_-24 {
margin-right: -24px; }
.ml_-25 {
margin-left: -25px; }
.mr_-25 {
margin-right: -25px; }
.ml_-26 {
margin-left: -26px; }
.mr_-26 {
margin-right: -26px; }
.ml_-27 {
margin-left: -27px; }
.mr_-27 {
margin-right: -27px; }
.ml_-28 {
margin-left: -28px; }
.mr_-28 {
margin-right: -28px; }
.ml_-29 {
margin-left: -29px; }
.mr_-29 {
margin-right: -29px; }
.ml_-30 {
margin-left: -30px; }
.mr_-30 {
margin-right: -30px; }
.ml_-31 {
margin-left: -31px; }
.mr_-31 {
margin-right: -31px; }
.ml_-32 {
margin-left: -32px; }
.mr_-32 {
margin-right: -32px; }
.ml_-33 {
margin-left: -33px; }
.mr_-33 {
margin-right: -33px; }
.ml_-34 {
margin-left: -34px; }
.mr_-34 {
margin-right: -34px; }
.ml_-35 {
margin-left: -35px; }
.mr_-35 {
margin-right: -35px; }
.ml_-36 {
margin-left: -36px; }
.mr_-36 {
margin-right: -36px; }
.ml_-37 {
margin-left: -37px; }
.mr_-37 {
margin-right: -37px; }
.ml_-38 {
margin-left: -38px; }
.mr_-38 {
margin-right: -38px; }
.ml_-39 {
margin-left: -39px; }
.mr_-39 {
margin-right: -39px; }
.ml_-40 {
margin-left: -40px; }
.mr_-40 {
margin-right: -40px; }
.ml_-41 {
margin-left: -41px; }
.mr_-41 {
margin-right: -41px; }
.ml_-42 {
margin-left: -42px; }
.mr_-42 {
margin-right: -42px; }
.ml_-43 {
margin-left: -43px; }
.mr_-43 {
margin-right: -43px; }
.ml_-44 {
margin-left: -44px; }
.mr_-44 {
margin-right: -44px; }
.ml_-45 {
margin-left: -45px; }
.mr_-45 {
margin-right: -45px; }
.ml_-46 {
margin-left: -46px; }
.mr_-46 {
margin-right: -46px; }
.ml_-47 {
margin-left: -47px; }
.mr_-47 {
margin-right: -47px; }
.ml_-48 {
margin-left: -48px; }
.mr_-48 {
margin-right: -48px; }
.ml_-49 {
margin-left: -49px; }
.mr_-49 {
margin-right: -49px; }
.ml_-50 {
margin-left: -50px; }
.mr_-50 {
margin-right: -50px; }
.ml_-51 {
margin-left: -51px; }
.mr_-51 {
margin-right: -51px; }
.ml_-52 {
margin-left: -52px; }
.mr_-52 {
margin-right: -52px; }
.ml_-53 {
margin-left: -53px; }
.mr_-53 {
margin-right: -53px; }
.ml_-54 {
margin-left: -54px; }
.mr_-54 {
margin-right: -54px; }
.ml_-55 {
margin-left: -55px; }
.mr_-55 {
margin-right: -55px; }
.ml_-56 {
margin-left: -56px; }
.mr_-56 {
margin-right: -56px; }
.ml_-57 {
margin-left: -57px; }
.mr_-57 {
margin-right: -57px; }
.ml_-58 {
margin-left: -58px; }
.mr_-58 {
margin-right: -58px; }
.ml_-59 {
margin-left: -59px; }
.mr_-59 {
margin-right: -59px; }
.ml_-60 {
margin-left: -60px; }
.mr_-60 {
margin-right: -60px; }
.fs_1 {
font-size: 1px; }
.fs_2 {
font-size: 2px; }
.fs_3 {
font-size: 3px; }
.fs_4 {
font-size: 4px; }
.fs_5 {
font-size: 5px; }
.fs_6 {
font-size: 6px; }
.fs_7 {
font-size: 7px; }
.fs_8 {
font-size: 8px; }
.fs_9 {
font-size: 9px; }
.fs_10 {
font-size: 10px; }
.fs_11 {
font-size: 11px; }
.fs_12 {
font-size: 12px; }
.fs_13 {
font-size: 13px; }
.fs_14 {
font-size: 14px; }
.fs_15 {
font-size: 15px; }
.fs_16 {
font-size: 16px; }
.fs_17 {
font-size: 17px; }
.fs_18 {
font-size: 18px; }
.fs_19 {
font-size: 19px; }
.fs_20 {
font-size: 20px; }
.fs_21 {
font-size: 21px; }
.fs_22 {
font-size: 22px; }
.fs_23 {
font-size: 23px; }
.fs_24 {
font-size: 24px; }
.fs_25 {
font-size: 25px; }
.fs_26 {
font-size: 26px; }
.fs_27 {
font-size: 27px; }
.fs_28 {
font-size: 28px; }
.fs_29 {
font-size: 29px; }
.fs_30 {
font-size: 30px; }
.fs_31 {
font-size: 31px; }
.fs_32 {
font-size: 32px; }
.fs_33 {
font-size: 33px; }
.fs_34 {
font-size: 34px; }
.fs_35 {
font-size: 35px; }
.fs_36 {
font-size: 36px; }
.fs_37 {
font-size: 37px; }
.fs_38 {
font-size: 38px; }
.fs_39 {
font-size: 39px; }
.fs_40 {
font-size: 40px; }
.fs_41 {
font-size: 41px; }
.fs_42 {
font-size: 42px; }
.fs_43 {
font-size: 43px; }
.fs_44 {
font-size: 44px; }
.fs_45 {
font-size: 45px; }
.fs_46 {
font-size: 46px; }
.fs_47 {
font-size: 47px; }
.fs_48 {
font-size: 48px; }
.fs_49 {
font-size: 49px; }
.fs_50 {
font-size: 50px; }
.fs_51 {
font-size: 51px; }
.fs_52 {
font-size: 52px; }
.fs_53 {
font-size: 53px; }
.fs_54 {
font-size: 54px; }
.fs_55 {
font-size: 55px; }
.fs_56 {
font-size: 56px; }
.fs_57 {
font-size: 57px; }
.fs_58 {
font-size: 58px; }
.fs_59 {
font-size: 59px; }
.fs_60 {
font-size: 60px; }
.fs_61 {
font-size: 61px; }
.fs_62 {
font-size: 62px; }
.fs_63 {
font-size: 63px; }
.fs_64 {
font-size: 64px; }
.fs_65 {
font-size: 65px; }
.fs_66 {
font-size: 66px; }
.fs_67 {
font-size: 67px; }
.fs_68 {
font-size: 68px; }
.fs_69 {
font-size: 69px; }
.fs_70 {
font-size: 70px; }
.fs_71 {
font-size: 71px; }
.fs_72 {
font-size: 72px; }
.fs_73 {
font-size: 73px; }
.fs_74 {
font-size: 74px; }
.fs_75 {
font-size: 75px; }
.fs_76 {
font-size: 76px; }
.fs_77 {
font-size: 77px; }
.fs_78 {
font-size: 78px; }
.fs_79 {
font-size: 79px; }
.fs_80 {
font-size: 80px; }
.fs_81 {
font-size: 81px; }
.fs_82 {
font-size: 82px; }
.fs_83 {
font-size: 83px; }
.fs_84 {
font-size: 84px; }
.fs_85 {
font-size: 85px; }
.fs_86 {
font-size: 86px; }
.fs_87 {
font-size: 87px; }
.fs_88 {
font-size: 88px; }
.fs_89 {
font-size: 89px; }
.fs_90 {
font-size: 90px; }
.fs_91 {
font-size: 91px; }
.fs_92 {
font-size: 92px; }
.fs_93 {
font-size: 93px; }
.fs_94 {
font-size: 94px; }
.fs_95 {
font-size: 95px; }
.fs_96 {
font-size: 96px; }
.fs_97 {
font-size: 97px; }
.fs_98 {
font-size: 98px; }
.fs_99 {
font-size: 99px; }
.fs_100 {
font-size: 100px; }
.db {
display: block; }
.dn {
display: none; }
.dib {
display: inline-block; }
.oh {
overflow: hidden; }
.oi {
overflow: inherit; }
.tc {
text-align: center; }
.tl {
text-align: left; }
.tr {
text-align: right; }
.pa {
position: absolute; }
.pr {
position: relative; }
.pf {
position: fixed; }
.pa-center {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3D(-50%, -50%, 0);
-moz-transform: translate3D(-50%, -50%, 0);
-o-transform: translate3D(-50%, -50%, 0);
transform: translate3D(-50%, -50%, 0); }
.ypop-wrapper a.close {
width: 12px;
height: 13px;
background: url("assets/images/icons/close.png") no-repeat center center !important;
top: 20px !important;
right: 20px !important; }
.vc_tta-panel-title {
font-size: inherit; }
.page-content-inner > .row {
margin-left: 0;
margin-right: 0; }
.page-content-inner > .row > #main-content {
padding-left: 0;
padding-right: 0; }
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.container {
width: 100%; } }
.container-fluid {
padding-left: 80px;
padding-right: 80px; }
.mb-135 {
margin-bottom: 135px; }
.mb-80 {
margin-bottom: 80px; }
.mb-82 {
margin-bottom: 82px; }
body.page-home-2.has-footer-2 .page-content.mb-82 {
margin-bottom: 22px; }
body.page-home-3.has-footer-2 .page-content.mb-82 {
margin-bottom: 0; }
body.page-home-4.has-footer-3 .page-content.mb-80 {
margin-bottom: 0; }
@media only screen and (min-width: 1350px) {
body.page-home-5.has-footer-2 .page-content.mb-80 {
margin-bottom: 0; } }
@media only screen and (min-width: 1350px) {
body.page-home-5.has-footer-2 .footer-2 {
margin-top: -73px; } }
@media only screen and (min-width: 1350px) {
body.page-home-5.has-footer-2 .f2-eko-footer {
padding-top: 147px;
z-index: 0; } }
body.page-home-5 .newsletter-home-2 {
margin-top: 63px;
position: relative;
z-index: 1; }
body.has-footer-4.home .page-content.mb-82 {
margin-bottom: 11px; }
.btn-group.open .dropdown-toggle {
box-shadow: none; }
.dropdown-menu {
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
.bypostauthor {
padding: 0; }
.owl-theme .owl-dots .owl-dot {
border-radius: 50%;
transition: box-shadow 0.3s ease;
background: transparent;
width: 13px;
height: 13px;
position: relative;
margin: 0 3px; }
.owl-theme .owl-dots .owl-dot span {
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
border-radius: 50%;
background: #ccc;
text-indent: -999em;
cursor: pointer;
position: absolute;
margin: 0;
opacity: 1; }
.owl-theme .owl-dots .owl-dot.active,
.owl-theme .owl-dots .owl-dot:hover {
border-radius: 50%; }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
.owl-theme .owl-nav .disabled {
opacity: 1;
cursor: not-allowed; }
.owl-theme .owl-nav .disabled[class*="owl-"]:before {
opacity: 0.4; }
.owl-theme .owl-nav [class*="owl-"] {
color: #9f9f9f;
font-size: 19px;
padding: 0;
margin: 0;
width: 40px;
height: 40px;
background: none;
opacity: 0;
position: absolute;
top: 50%;
transition: all .25s ease;
display: inline-flex;
justify-content: center;
align-items: center; }
.owl-theme .owl-nav [class*="owl-"]:before {
margin: 0;
content: "\e971";
display: inline-flex;
font-family: 'typo-icon'; }
.owl-theme .owl-nav [class*="owl-"]:hover {
background: none; }
.owl-theme .owl-nav [class*="owl-"].owl-prev {
left: -50px;
transform: translateX(-30px); }
.owl-theme .owl-nav [class*="owl-"].owl-next {
right: -50px;
transform: translateX(30px); }
.owl-theme .owl-nav [class*="owl-"].owl-next:before {
content: "\e972"; }
.owl-theme:hover .owl-nav [class*="owl-"].owl-prev {
opacity: 1;
transform: translateY(0);
pointer-events: visible;
visibility: visible; }
.owl-theme:hover .owl-nav [class*="owl-"].owl-next {
opacity: 1;
transform: translateY(0);
pointer-events: visible;
visibility: visible; }
.icon_box_arrow .owl-nav [class*="owl-"].owl-prev {
left: -71px; }
.icon_box_arrow .owl-nav [class*="owl-"].owl-next {
right: -69px; }
@media only screen and (min-width: 1300px) {
.h6-eko-hot-deals .owl-theme .owl-nav,
.ekofood-related-posts .owl-theme .owl-nav,
.jmsproducttabs-elements.tab-design-left .owl-theme .owl-nav,
.jmsproducttabs-elements.tab-design-line .owl-theme .owl-nav {
display: inline-flex;
position: absolute;
margin: 0;
width: auto;
height: auto;
top: 0;
right: 0; } }
@media only screen and (min-width: 1300px) {
.h6-eko-hot-deals .owl-theme .owl-nav [class*="owl-"],
.ekofood-related-posts .owl-theme .owl-nav [class*="owl-"],
.jmsproducttabs-elements.tab-design-left .owl-theme .owl-nav [class*="owl-"],
.jmsproducttabs-elements.tab-design-line .owl-theme .owl-nav [class*="owl-"] {
opacity: 1 !important;
width: 31px;
height: 31px;
border: 2px solid;
border-color: #ebebeb;
border-radius: 4px;
font-size: 11px;
font-weight: bold;
transform: translateY(0) !important;
z-index: 99;
background-color: white; } }
.h6-eko-hot-deals .owl-theme .owl-nav [class*="owl-"]:hover,
.ekofood-related-posts .owl-theme .owl-nav [class*="owl-"]:hover,
.jmsproducttabs-elements.tab-design-left .owl-theme .owl-nav [class*="owl-"]:hover,
.jmsproducttabs-elements.tab-design-line .owl-theme .owl-nav [class*="owl-"]:hover {
color: white !important; }
@media only screen and (min-width: 1300px) {
.h6-eko-hot-deals .owl-theme .owl-nav [class*="owl-"].owl-prev,
.ekofood-related-posts .owl-theme .owl-nav [class*="owl-"].owl-prev,
.jmsproducttabs-elements.tab-design-left .owl-theme .owl-nav [class*="owl-"].owl-prev,
.jmsproducttabs-elements.tab-design-line .owl-theme .owl-nav [class*="owl-"].owl-prev {
left: -67px; } }
@media only screen and (min-width: 1300px) {
.h6-eko-hot-deals .owl-theme .owl-nav [class*="owl-"].owl-next,
.ekofood-related-posts .owl-theme .owl-nav [class*="owl-"].owl-next,
.jmsproducttabs-elements.tab-design-left .owl-theme .owl-nav [class*="owl-"].owl-next,
.jmsproducttabs-elements.tab-design-line .owl-theme .owl-nav [class*="owl-"].owl-next {
right: 0; } }
@media only screen and (min-width: 1300px) {
.jmsproducttabs-elements.tab-design-left .owl-theme .owl-nav {
top: -44px; } }
@media only screen and (min-width: 1300px) {
.jmsproducttabs-elements.tab-design-line .owl-theme .owl-nav {
top: -35px; } }
@media only screen and (min-width: 1300px) {
.hfour-newest-product .jmsproducttabs-elements.tab-design-line .owl-theme .owl-nav {
top: -44px; } }
@media only screen and (min-width: 1300px) {
.col-wrap-hotdeals .h6-eko-hot-deals .owl-theme .owl-nav {
top: -70px; } }
@media only screen and (min-width: 1300px) {
.related-posts-carousel.owl-theme .owl-nav {
top: -90px; } }
@media only screen and (min-width: 1300px) {
.icon_arrow .owl-theme:hover .owl-nav [class*="owl-"].owl-prev,
.related-product .owl-theme:hover .owl-nav [class*="owl-"].owl-prev {
transform: translateX(-11px); } }
@media only screen and (min-width: 1300px) {
.icon_arrow .owl-theme:hover .owl-nav [class*="owl-"].owl-next,
.related-product .owl-theme:hover .owl-nav [class*="owl-"].owl-next {
transform: translateX(11px); } }
@media only screen and (min-width: 1300px) {
.icon_arrow .owl-theme .owl-nav [class*="owl-"],
.related-product .owl-theme .owl-nav [class*="owl-"] {
width: 25px;
height: 47px;
top: calc(50% - 45px); } }
@media only screen and (min-width: 1300px) {
.icon_arrow .owl-theme .owl-nav [class*="owl-"]:before,
.related-product .owl-theme .owl-nav [class*="owl-"]:before {
content: url("assets/images/icons/angle-right.png");
width: 25px;
height: 47px; } }
@media only screen and (min-width: 1300px) {
.icon_arrow .owl-theme .owl-nav [class*="owl-"].disabled:before,
.related-product .owl-theme .owl-nav [class*="owl-"].disabled:before {
content: url("assets/images/icons/angle-right-dis.png");
width: 25px;
height: 47px; } }
@media only screen and (min-width: 1300px) {
.icon_arrow .owl-theme .owl-nav [class*="owl-"].owl-prev,
.related-product .owl-theme .owl-nav [class*="owl-"].owl-prev {
transform: translateX(10px); } }
@media only screen and (min-width: 1300px) {
.icon_arrow .owl-theme .owl-nav [class*="owl-"].owl-prev:before,
.related-product .owl-theme .owl-nav [class*="owl-"].owl-prev:before {
transform: rotate(180deg); } }
@media only screen and (min-width: 1300px) {
.icon_arrow .owl-theme .owl-nav [class*="owl-"].owl-prev.disabled:before,
.related-product .owl-theme .owl-nav [class*="owl-"].owl-prev.disabled:before {
transform: rotate(180deg); } }
@media only screen and (min-width: 1300px) {
.icon_arrow .owl-theme .owl-nav [class*="owl-"].owl-next,
.related-product .owl-theme .owl-nav [class*="owl-"].owl-next {
transform: translateX(-10px); } }
@media only screen and (min-width: 1200px) {
.jms-hot-deals-products .owl-theme .owl-nav [class*="owl-"],
.ekofood-related-posts .owl-theme .owl-nav [class*="owl-"] {
opacity: 1 !important; } }
.jms-hot-deals-products .owl-theme .owl-nav [class*="owl-"].owl-prev,
.ekofood-related-posts .owl-theme .owl-nav [class*="owl-"].owl-prev {
transform: translateY(0) !important;
visibility: visible !important; }
.jms-hot-deals-products .owl-theme .owl-nav [class*="owl-"].owl-next,
.ekofood-related-posts .owl-theme .owl-nav [class*="owl-"].owl-next {
transform: translateY(0) !important;
visibility: visible !important; }
@media screen and (max-width: 991px) {
.owl-theme .owl-nav [class*="owl-"] {
display: none; } }
#main-sidebar, #main-content {
position: relative; }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: portrait) {
.left-sidebar #main-content {
left: 0;
width: 100%; } }
@media only screen and (min-width: 1200px) {
.left-sidebar #main-content {
left: 25%;
padding-left: 35px; } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: portrait) {
.left-sidebar #main-sidebar {
right: auto; } }
@media only screen and (min-width: 1200px) {
.left-sidebar #main-sidebar {
right: calc(100% - 25%); } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: landscape) {
.right-sidebar #main-content {
width: 100%; } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: portrait) {
.right-sidebar #main-content {
width: 100%; } }
@media only screen and (min-width: 1200px) {
.right-sidebar #main-content {
padding-right: 35px; } }
@media only screen and (max-width: 1099px) {
.blog .left-sidebar #main-content,
.blog .right-sidebar #main-content,
.archive .left-sidebar #main-content,
.archive .right-sidebar #main-content {
width: 100%; } }
@media only screen and (max-width: 1099px) and (orientation: landscape) {
.blog .left-sidebar #main-content,
.blog .right-sidebar #main-content,
.archive .left-sidebar #main-content,
.archive .right-sidebar #main-content {
width: 100%; } }
[class*="layout-columns-"] .item {
float: left; }
.layout-columns-1 .item {
width: 100%; }
.layout-columns-2 .item {
width: 50%; }
.layout-columns-2 .item.item-metro {
width: 100%; }
.layout-columns-2 .item:nth-child(2n + 1) {
clear: both; }
.layout-columns-3 .item {
width: 33.33%; }
.layout-columns-3 .item.item-metro {
width: 66.66%; }
.layout-columns-3 .item:nth-child(3n + 1) {
clear: both; }
.layout-columns-4 .item {
width: 25%; }
.layout-columns-4 .item.item-metro {
width: 50%; }
.layout-columns-4 .item:nth-child(4n + 1) {
clear: both; }
.layout-columns-5 .item {
width: 20%; }
.layout-columns-5 .item.item-metro {
width: 40%; }
.layout-columns-5 .item:nth-child(5n + 1) {
clear: both; }
.layout-columns-6 .item {
width: 16.6666666%; }
.layout-columns-6 .item.item-metro {
width: 33.33%; }
.layout-columns-6 .item:nth-child(6n + 1) {
clear: both; }
.layout-columns-7 .item {
width: 14.285%; }
.layout-columns-7 .item:nth-child(7n + 1) {
clear: both; }
.layout-columns-8 .item {
width: 12.5%; }
.layout-columns-8 .item:nth-child(8n + 1) {
clear: both; }
.layout-columns-9 .item {
width: 11.111111111%; }
.layout-columns-9 .item:nth-child(9n + 1) {
clear: both; }
.layout-spacing-40 {
margin-left: -20px;
margin-right: -20px; }
.layout-spacing-40 .item {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 15px; }
.layout-spacing-40 .item.product-style-2 {
margin-bottom: 40px; }
.layout-spacing-30 {
margin-left: -15px;
margin-right: -15px; }
.layout-spacing-30 .item {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px; }
.layout-spacing-30 .item.product-style-2 {
margin-bottom: 30px; }
.layout-spacing-34 {
margin-left: -17px;
margin-right: -17px; }
.layout-spacing-34 .item {
padding-left: 17px;
padding-right: 17px;
margin-bottom: 17px; }
.layout-spacing-34 .item.product-style-2 {
margin-bottom: 34px; }
.layout-spacing-20 {
margin-left: -10px;
margin-right: -10px; }
.layout-spacing-20 .item {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 15px; }
.layout-spacing-20 .item.product-style-2 {
margin-bottom: 20px; }
.layout-spacing-10 {
margin-left: -5px;
margin-right: -5px; }
.layout-spacing-10 .item {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 15px; }
.layout-spacing-10 .item.product-style-2 {
margin-bottom: 10px; }
.portfolio-layout.layout-spacing-40 .item {
margin-bottom: 40px; }
.portfolio-layout.layout-spacing-30 .item {
margin-bottom: 30px; }
.portfolio-layout.layout-spacing-20 .item {
margin-bottom: 20px; }
.portfolio-layout.layout-spacing-10 .item {
margin-bottom: 10px; }
.portfolio-layout .portfolio-item .portfolio-thumbnail {
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25); }
@media screen and (max-width: 1199px) {
.layout-columns-4 .item,
.layout-columns-5 .item,
.layout-columns-6 .item,
.layout-columns-7 .item,
.layout-columns-8 .item,
.layout-columns-9 .item {
width: 25%; }
.layout-columns-4 .item:nth-child(5n + 1), .layout-columns-4 .item:nth-child(6n + 1), .layout-columns-4 .item:nth-child(7n + 1), .layout-columns-4 .item:nth-child(8n + 1), .layout-columns-4 .item:nth-child(9n + 1),
.layout-columns-5 .item:nth-child(5n + 1),
.layout-columns-5 .item:nth-child(6n + 1),
.layout-columns-5 .item:nth-child(7n + 1),
.layout-columns-5 .item:nth-child(8n + 1),
.layout-columns-5 .item:nth-child(9n + 1),
.layout-columns-6 .item:nth-child(5n + 1),
.layout-columns-6 .item:nth-child(6n + 1),
.layout-columns-6 .item:nth-child(7n + 1),
.layout-columns-6 .item:nth-child(8n + 1),
.layout-columns-6 .item:nth-child(9n + 1),
.layout-columns-7 .item:nth-child(5n + 1),
.layout-columns-7 .item:nth-child(6n + 1),
.layout-columns-7 .item:nth-child(7n + 1),
.layout-columns-7 .item:nth-child(8n + 1),
.layout-columns-7 .item:nth-child(9n + 1),
.layout-columns-8 .item:nth-child(5n + 1),
.layout-columns-8 .item:nth-child(6n + 1),
.layout-columns-8 .item:nth-child(7n + 1),
.layout-columns-8 .item:nth-child(8n + 1),
.layout-columns-8 .item:nth-child(9n + 1),
.layout-columns-9 .item:nth-child(5n + 1),
.layout-columns-9 .item:nth-child(6n + 1),
.layout-columns-9 .item:nth-child(7n + 1),
.layout-columns-9 .item:nth-child(8n + 1),
.layout-columns-9 .item:nth-child(9n + 1) {
clear: none; }
.layout-columns-4 .item:nth-child(4n + 1),
.layout-columns-5 .item:nth-child(4n + 1),
.layout-columns-6 .item:nth-child(4n + 1),
.layout-columns-7 .item:nth-child(4n + 1),
.layout-columns-8 .item:nth-child(4n + 1),
.layout-columns-9 .item:nth-child(4n + 1) {
clear: both; } }
@media screen and (max-width: 991px) {
.layout-columns-4 .item,
.layout-columns-5 .item,
.layout-columns-6 .item,
.layout-columns-7 .item,
.layout-columns-8 .item,
.layout-columns-9 .item {
width: 33.3333333333333%; }
.layout-columns-4 .item:nth-child(4n + 1), .layout-columns-4 .item:nth-child(5n + 1), .layout-columns-4 .item:nth-child(6n + 1), .layout-columns-4 .item:nth-child(7n + 1), .layout-columns-4 .item:nth-child(8n + 1), .layout-columns-4 .item:nth-child(9n + 1),
.layout-columns-5 .item:nth-child(4n + 1),
.layout-columns-5 .item:nth-child(5n + 1),
.layout-columns-5 .item:nth-child(6n + 1),
.layout-columns-5 .item:nth-child(7n + 1),
.layout-columns-5 .item:nth-child(8n + 1),
.layout-columns-5 .item:nth-child(9n + 1),
.layout-columns-6 .item:nth-child(4n + 1),
.layout-columns-6 .item:nth-child(5n + 1),
.layout-columns-6 .item:nth-child(6n + 1),
.layout-columns-6 .item:nth-child(7n + 1),
.layout-columns-6 .item:nth-child(8n + 1),
.layout-columns-6 .item:nth-child(9n + 1),
.layout-columns-7 .item:nth-child(4n + 1),
.layout-columns-7 .item:nth-child(5n + 1),
.layout-columns-7 .item:nth-child(6n + 1),
.layout-columns-7 .item:nth-child(7n + 1),
.layout-columns-7 .item:nth-child(8n + 1),
.layout-columns-7 .item:nth-child(9n + 1),
.layout-columns-8 .item:nth-child(4n + 1),
.layout-columns-8 .item:nth-child(5n + 1),
.layout-columns-8 .item:nth-child(6n + 1),
.layout-columns-8 .item:nth-child(7n + 1),
.layout-columns-8 .item:nth-child(8n + 1),
.layout-columns-8 .item:nth-child(9n + 1),
.layout-columns-9 .item:nth-child(4n + 1),
.layout-columns-9 .item:nth-child(5n + 1),
.layout-columns-9 .item:nth-child(6n + 1),
.layout-columns-9 .item:nth-child(7n + 1),
.layout-columns-9 .item:nth-child(8n + 1),
.layout-columns-9 .item:nth-child(9n + 1) {
clear: none; } }
@media screen and (max-width: 767px) {
.layout-columns-3 .item,
.layout-columns-4 .item,
.layout-columns-5 .item,
.layout-columns-6 .item,
.layout-columns-7 .item,
.layout-columns-8 .item,
.layout-columns-9 .item {
width: 50%; }
.layout-columns-3 .item:nth-child(3n + 1), .layout-columns-3 .item:nth-child(4n + 1), .layout-columns-3 .item:nth-child(5n + 1), .layout-columns-3 .item:nth-child(6n + 1), .layout-columns-3 .item:nth-child(7n + 1), .layout-columns-3 .item:nth-child(8n + 1), .layout-columns-3 .item:nth-child(9n + 1),
.layout-columns-4 .item:nth-child(3n + 1),
.layout-columns-4 .item:nth-child(4n + 1),
.layout-columns-4 .item:nth-child(5n + 1),
.layout-columns-4 .item:nth-child(6n + 1),
.layout-columns-4 .item:nth-child(7n + 1),
.layout-columns-4 .item:nth-child(8n + 1),
.layout-columns-4 .item:nth-child(9n + 1),
.layout-columns-5 .item:nth-child(3n + 1),
.layout-columns-5 .item:nth-child(4n + 1),
.layout-columns-5 .item:nth-child(5n + 1),
.layout-columns-5 .item:nth-child(6n + 1),
.layout-columns-5 .item:nth-child(7n + 1),
.layout-columns-5 .item:nth-child(8n + 1),
.layout-columns-5 .item:nth-child(9n + 1),
.layout-columns-6 .item:nth-child(3n + 1),
.layout-columns-6 .item:nth-child(4n + 1),
.layout-columns-6 .item:nth-child(5n + 1),
.layout-columns-6 .item:nth-child(6n + 1),
.layout-columns-6 .item:nth-child(7n + 1),
.layout-columns-6 .item:nth-child(8n + 1),
.layout-columns-6 .item:nth-child(9n + 1),
.layout-columns-7 .item:nth-child(3n + 1),
.layout-columns-7 .item:nth-child(4n + 1),
.layout-columns-7 .item:nth-child(5n + 1),
.layout-columns-7 .item:nth-child(6n + 1),
.layout-columns-7 .item:nth-child(7n + 1),
.layout-columns-7 .item:nth-child(8n + 1),
.layout-columns-7 .item:nth-child(9n + 1),
.layout-columns-8 .item:nth-child(3n + 1),
.layout-columns-8 .item:nth-child(4n + 1),
.layout-columns-8 .item:nth-child(5n + 1),
.layout-columns-8 .item:nth-child(6n + 1),
.layout-columns-8 .item:nth-child(7n + 1),
.layout-columns-8 .item:nth-child(8n + 1),
.layout-columns-8 .item:nth-child(9n + 1),
.layout-columns-9 .item:nth-child(3n + 1),
.layout-columns-9 .item:nth-child(4n + 1),
.layout-columns-9 .item:nth-child(5n + 1),
.layout-columns-9 .item:nth-child(6n + 1),
.layout-columns-9 .item:nth-child(7n + 1),
.layout-columns-9 .item:nth-child(8n + 1),
.layout-columns-9 .item:nth-child(9n + 1) {
clear: none; }
.layout-columns-3 .item:nth-child(2n + 1),
.layout-columns-4 .item:nth-child(2n + 1),
.layout-columns-5 .item:nth-child(2n + 1),
.layout-columns-6 .item:nth-child(2n + 1),
.layout-columns-7 .item:nth-child(2n + 1),
.layout-columns-8 .item:nth-child(2n + 1),
.layout-columns-9 .item:nth-child(2n + 1) {
clear: both; } }
@media screen and (max-width: 480px) {
.layout-columns-2 .item,
.layout-columns-3 .item,
.layout-columns-4 .item,
.layout-columns-5 .item,
.layout-columns-6 .item,
.layout-columns-7 .item,
.layout-columns-8 .item,
.layout-columns-9 .item {
width: 100%; }
.layout-columns-2 .item:nth-child(2n + 1), .layout-columns-2 .item:nth-child(3n + 1), .layout-columns-2 .item:nth-child(4n + 1), .layout-columns-2 .item:nth-child(5n + 1), .layout-columns-2 .item:nth-child(6n + 1), .layout-columns-2 .item:nth-child(7n + 1), .layout-columns-2 .item:nth-child(8n + 1), .layout-columns-2 .item:nth-child(9n + 1),
.layout-columns-3 .item:nth-child(2n + 1),
.layout-columns-3 .item:nth-child(3n + 1),
.layout-columns-3 .item:nth-child(4n + 1),
.layout-columns-3 .item:nth-child(5n + 1),
.layout-columns-3 .item:nth-child(6n + 1),
.layout-columns-3 .item:nth-child(7n + 1),
.layout-columns-3 .item:nth-child(8n + 1),
.layout-columns-3 .item:nth-child(9n + 1),
.layout-columns-4 .item:nth-child(2n + 1),
.layout-columns-4 .item:nth-child(3n + 1),
.layout-columns-4 .item:nth-child(4n + 1),
.layout-columns-4 .item:nth-child(5n + 1),
.layout-columns-4 .item:nth-child(6n + 1),
.layout-columns-4 .item:nth-child(7n + 1),
.layout-columns-4 .item:nth-child(8n + 1),
.layout-columns-4 .item:nth-child(9n + 1),
.layout-columns-5 .item:nth-child(2n + 1),
.layout-columns-5 .item:nth-child(3n + 1),
.layout-columns-5 .item:nth-child(4n + 1),
.layout-columns-5 .item:nth-child(5n + 1),
.layout-columns-5 .item:nth-child(6n + 1),
.layout-columns-5 .item:nth-child(7n + 1),
.layout-columns-5 .item:nth-child(8n + 1),
.layout-columns-5 .item:nth-child(9n + 1),
.layout-columns-6 .item:nth-child(2n + 1),
.layout-columns-6 .item:nth-child(3n + 1),
.layout-columns-6 .item:nth-child(4n + 1),
.layout-columns-6 .item:nth-child(5n + 1),
.layout-columns-6 .item:nth-child(6n + 1),
.layout-columns-6 .item:nth-child(7n + 1),
.layout-columns-6 .item:nth-child(8n + 1),
.layout-columns-6 .item:nth-child(9n + 1),
.layout-columns-7 .item:nth-child(2n + 1),
.layout-columns-7 .item:nth-child(3n + 1),
.layout-columns-7 .item:nth-child(4n + 1),
.layout-columns-7 .item:nth-child(5n + 1),
.layout-columns-7 .item:nth-child(6n + 1),
.layout-columns-7 .item:nth-child(7n + 1),
.layout-columns-7 .item:nth-child(8n + 1),
.layout-columns-7 .item:nth-child(9n + 1),
.layout-columns-8 .item:nth-child(2n + 1),
.layout-columns-8 .item:nth-child(3n + 1),
.layout-columns-8 .item:nth-child(4n + 1),
.layout-columns-8 .item:nth-child(5n + 1),
.layout-columns-8 .item:nth-child(6n + 1),
.layout-columns-8 .item:nth-child(7n + 1),
.layout-columns-8 .item:nth-child(8n + 1),
.layout-columns-8 .item:nth-child(9n + 1),
.layout-columns-9 .item:nth-child(2n + 1),
.layout-columns-9 .item:nth-child(3n + 1),
.layout-columns-9 .item:nth-child(4n + 1),
.layout-columns-9 .item:nth-child(5n + 1),
.layout-columns-9 .item:nth-child(6n + 1),
.layout-columns-9 .item:nth-child(7n + 1),
.layout-columns-9 .item:nth-child(8n + 1),
.layout-columns-9 .item:nth-child(9n + 1) {
clear: none; }
.layout-columns-2 .item:nth-child(n + 1),
.layout-columns-3 .item:nth-child(n + 1),
.layout-columns-4 .item:nth-child(n + 1),
.layout-columns-5 .item:nth-child(n + 1),
.layout-columns-6 .item:nth-child(n + 1),
.layout-columns-7 .item:nth-child(n + 1),
.layout-columns-8 .item:nth-child(n + 1),
.layout-columns-9 .item:nth-child(n + 1) {
/*clear: both;*/ } }
.spacing-carousel-0 .owl-stage-outer {
margin: 0;
padding: 0; }
.spacing-carousel-34 .owl-stage-outer {
margin: -34px;
padding: 34px;
margin-right: -33px;
padding-bottom: 38px; }
.spacing-carousel-10 .owl-stage-outer {
margin: -10px;
padding: 10px;
margin-right: -9px;
padding-bottom: 60px; }
.spacing-carousel-15 .owl-stage-outer {
margin: -10px;
padding: 10px;
margin-right: -9px;
padding-bottom: 60px; }
.spacing-carousel-20 .owl-stage-outer {
margin: -20px;
padding: 20px;
margin-right: -19px;
padding-bottom: 45px; }
.spacing-carousel-30 .owl-stage-outer {
margin: -30px;
padding: 30px;
margin-right: -29px; }
.spacing-carousel-40 .owl-stage-outer {
margin: -40px;
padding: 40px;
margin-right: -39px; }
.fadeIn .item,
.fadeInFromLeft .item,
.fadeInFromRight .item,
.fadeInFromTop .item,
.fadeInFromBottom .item,
.zoomIn .item {
-moz-opacity: 0;
opacity: 0;
-moz-transition: opacity 0.7s cubic-bezier(0, 0.87, 0.58, 1);
-webkit-transition: opacity 0.7s cubic-bezier(0, 0.87, 0.58, 1);
transition: opacity 0.7s cubic-bezier(0, 0.87, 0.58, 1); }
.fadeInFromTop .item {
-moz-transform: matrix(1, 0, 0, 1, 0, -100);
-ms-transform: matrix(1, 0, 0, 1, 0, -100);
-o-transform: matrix(1, 0, 0, 1, 0, -100);
-webkit-transform: matrix(1, 0, 0, 1, 0, -100);
transform: matrix(1, 0, 0, 1, 0, -100); }
.fadeInFromBottom .item {
-moz-transform: matrix(1, 0, 0, 1, 0, 100);
-ms-transform: matrix(1, 0, 0, 1, 0, 100);
-o-transform: matrix(1, 0, 0, 1, 0, 100);
-webkit-transform: matrix(1, 0, 0, 1, 0, 100);
transform: matrix(1, 0, 0, 1, 0, 100); }
.fadeInFromRight .item {
-moz-transform: matrix(1, 0, 0, 1, 100, 0);
-ms-transform: matrix(1, 0, 0, 1, 100, 0);
-o-transform: matrix(1, 0, 0, 1, 100, 0);
-webkit-transform: matrix(1, 0, 0, 1, 100, 0);
transform: matrix(1, 0, 0, 1, 100, 0); }
.fadeInFromLeft .item {
-moz-transform: matrix(1, 0, 0, 1, -100, 0);
-ms-transform: matrix(1, 0, 0, 1, -100, 0);
-o-transform: matrix(1, 0, 0, 1, -100, 0);
-webkit-transform: matrix(1, 0, 0, 1, -100, 0);
transform: matrix(1, 0, 0, 1, -100, 0); }
.zoomIn .item {
-moz-transform: scale(0.4);
-ms-transform: scale(0.4);
-o-transform: scale(0.4);
-webkit-transform: scale(0.4);
transform: scale(0.4); }
.fadeIn .item.item-animated,
.fadeInFromLeft .item.item-animated,
.fadeInFromRight .item.item-animated,
.fadeInFromTop .item.item-animated,
.fadeInFromBottom .item.item-animated,
.zoomIn .item.item-animated {
-moz-opacity: 1;
opacity: 1;
-moz-transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); }
.fadeInFromLeft .item.item-animated,
.fadeInFromRight .item.item-animated,
.fadeInFromTop .item.item-animated,
.fadeInFromBottom .item.item-animated {
-moz-transform: matrix(1, 0, 0, 1, 0, 0);
-ms-transform: matrix(1, 0, 0, 1, 0, 0);
-o-transform: matrix(1, 0, 0, 1, 0, 0);
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
.zoomIn .item.item-animated {
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1); }
/*-----------------------------------------------------------------------------------*/
/* Shortcode Animation
/*-----------------------------------------------------------------------------------*/
.shortcodeAnimation[data-animation="fadeIn"],
.shortcodeAnimation[data-animation="fadeInFromTop"],
.shortcodeAnimation[data-animation="fadeInFromBottom"],
.shortcodeAnimation[data-animation="fadeInFromLeft"],
.shortcodeAnimation[data-animation="fadeInFromRight"],
.shortcodeAnimation[data-animation="zoomIn"] {
-moz-opacity: 0;
opacity: 0;
position: relative;
max-width: 100%;
width: auto;
height: auto;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms; }
.shortcodeAnimation[data-animation="fadeIn"].row_section.fullWidth,
.shortcodeAnimation[data-animation="fadeInFromTop"].row_section.fullWidth,
.shortcodeAnimation[data-animation="fadeInFromBottom"].row_section.fullWidth,
.shortcodeAnimation[data-animation="fadeInFromLeft"].row_section.fullWidth,
.shortcodeAnimation[data-animation="fadeInFromRight"].row_section.fullWidth,
.shortcodeAnimation[data-animation="zoomIn"].row_section.fullWidth {
width: 100%; }
.shortcodeAnimation[data-animation="fadeInFromTop"] {
-moz-transform: matrix(1, 0, 0, 1, 0, -100);
-ms-transform: matrix(1, 0, 0, 1, 0, -100);
-o-transform: matrix(1, 0, 0, 1, 0, -100);
-webkit-transform: matrix(1, 0, 0, 1, 0, -100);
transform: matrix(1, 0, 0, 1, 0, -100); }
.shortcodeAnimation[data-animation="fadeInFromBottom"] {
-moz-transform: matrix(1, 0, 0, 1, 0, 100);
-ms-transform: matrix(1, 0, 0, 1, 0, 100);
-o-transform: matrix(1, 0, 0, 1, 0, 100);
-webkit-transform: matrix(1, 0, 0, 1, 0, 100);
transform: matrix(1, 0, 0, 1, 0, 100); }
.shortcodeAnimation[data-animation="fadeInFromLeft"] {
-moz-transform: matrix(1, 0, 0, 1, -100, 0);
-ms-transform: matrix(1, 0, 0, 1, -100, 0);
-o-transform: matrix(1, 0, 0, 1, -100, 0);
-webkit-transform: matrix(1, 0, 0, 1, -100, 0);
transform: matrix(1, 0, 0, 1, -100, 0); }
.shortcodeAnimation[data-animation="fadeInFromRight"] {
-moz-transform: matrix(1, 0, 0, 1, 100, 0);
-ms-transform: matrix(1, 0, 0, 1, 100, 0);
-o-transform: matrix(1, 0, 0, 1, 100, 0);
-webkit-transform: matrix(1, 0, 0, 1, 100, 0);
transform: matrix(1, 0, 0, 1, 100, 0); }
.shortcodeAnimation[data-animation="zoomIn"] {
-moz-transform: scale(0.4);
-ms-transform: scale(0.4);
-o-transform: scale(0.4);
-webkit-transform: scale(0.4);
transform: scale(0.4); }
.shortcodeAnimation[data-animation="fadeIn"].do-animated,
.shortcodeAnimation[data-animation="fadeInFromTop"].do-animated,
.shortcodeAnimation[data-animation="fadeInFromBottom"].do-animated,
.shortcodeAnimation[data-animation="fadeInFromLeft"].do-animated,
.shortcodeAnimation[data-animation="fadeInFromRight"].do-animated,
.shortcodeAnimation[data-animation="zoomIn"].do-animated {
-moz-opacity: 1;
opacity: 1;
-moz-transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); }
.shortcodeAnimation[data-animation="fadeInFromTop"].do-animated,
.shortcodeAnimation[data-animation="fadeInFromBottom"].do-animated,
.shortcodeAnimation[data-animation="fadeInFromLeft"].do-animated,
.shortcodeAnimation[data-animation="fadeInFromRight"].do-animated {
-moz-transform: matrix(1, 0, 0, 1, 0, 0);
-ms-transform: matrix(1, 0, 0, 1, 0, 0);
-o-transform: matrix(1, 0, 0, 1, 0, 0);
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
.shortcodeAnimation[data-animation="zoomIn"].do-animated {
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1); }
.updown-animate {
-webkit-animation-name: updown;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-name: updown;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;
animation-name: updown;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out; }
.stretch_row_wide {
margin-right: auto;
margin-left: auto;
position: static !important;
padding: 0 !important;
max-width: 1794px; }
.wrapper-boxed .stretch_row_wide {
width: 100% !important; }
@media only screen and (min-width: 1250px) {
.vc_column_container > .vc_column-inner {
padding-left: 17px;
padding-right: 17px; } }
.item-effect {
overflow: hidden;
position: relative; }
.image-effect-1 img {
transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); }
.image-effect-1:hover img {
transform: scale3d(1.1, 1.1, 1.1); }
.image-effect-18 .item-effect a:after {
display: none; }
.image-effect-18 img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: transform 350ms ease-in; }
.image-effect-18:hover img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09); }
.image-effect-2 .item-effect:before {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
content: '';
width: 100%;
height: 100%;
opacity: 0; }
.image-effect-2 img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09); }
.image-effect-2:hover .item-effect:before {
opacity: 1; }
.image-effect-2:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.image-effect-3 {
z-index: 8; }
.image-effect-3 .item-effect img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: transform 350ms ease-in; }
.image-effect-3 .item-effect:before, .image-effect-3 .item-effect:after {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
z-index: 2;
content: '';
opacity: 0; }
.image-effect-3 .item-effect:before {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
z-index: 3; }
.image-effect-3 .item-effect:after {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1); }
.image-effect-3:hover .item-effect:before,
.image-effect-3:hover .item-effect:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.image-effect-3:hover img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09); }
.image-effect-4 {
z-index: 8; }
.image-effect-4 .item-effect:before, .image-effect-4 .item-effect:after {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
z-index: 2;
content: '';
opacity: 0; }
.image-effect-4 .item-effect:before {
border-left: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
z-index: 3; }
.image-effect-4 .item-effect:after {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1); }
.image-effect-4:hover .item-effect:before,
.image-effect-4:hover .item-effect:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.image-effect-5 .item-effect:before {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
opacity: 0; }
.image-effect-5 img {
width: 100%; }
.image-effect-5:hover .item-effect:before {
opacity: 1; }
.image-effect-5:hover img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09); }
.image-effect-6 .item-effect:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
display: block;
content: '';
width: auto;
height: auto;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
-webkit-transform: rotate3d(0, 1, 1, 100deg);
-moz-transform: rotate3d(0, 1, 1, 100deg);
-o-transform: rotate3d(0, 1, 1, 100deg);
transform: rotate3d(0, 1, 1, 100deg); }
.image-effect-6 img {
width: 100%; }
.image-effect-6:hover .item-effect:before {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 0, 0);
-moz-transform: rotate3d(0, 0, 0, 0);
-o-transform: rotate3d(0, 0, 0, 0);
transform: rotate3d(0, 0, 0, 0); }
.image-effect-6:hover img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09); }
.image-effect-7 .item-effect:before {
background-color: rgba(0, 0, 0, 0.1);
content: "";
bottom: 10px;
left: 10px;
right: 10px;
top: 10px;
opacity: 0;
position: absolute;
-webkit-transform: rotate3d(1, 1, 0, 100deg);
-moz-transform: rotate3d(1, 1, 0, 100deg);
-o-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg);
transition: all 300ms ease-in-out 0s;
border-radius: 4px; }
.image-effect-7:hover .item-effect:before {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 0, 0);
-moz-transform: rotate3d(0, 0, 0, 0);
-o-transform: rotate3d(0, 0, 0, 0);
transform: rotate3d(0, 0, 0, 0); }
.image-effect-8 .item-effect:before, .image-effect-8 .item-effect:after {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
z-index: 2;
content: '';
background: rgba(0, 0, 0, 0.2);
opacity: 0;
transition: all 300ms ease-in-out 0s; }
.image-effect-8 .item-effect:before {
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
z-index: 3; }
.image-effect-8 .item-effect:after {
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1); }
.image-effect-8:hover .item-effect:before,
.image-effect-8:hover .item-effect:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.image-effect-9 .item-effect:before {
content: "";
left: 0;
top: -100%;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(0, 0, 0, 0.3);
position: absolute;
border-radius: 4px; }
.image-effect-9:hover .item-effect:before {
opacity: 1;
top: 0; }
.image-effect-10 .item-effect:before {
content: "";
left: -100%;
top: -100%;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(0, 0, 0, 0.2);
position: absolute;
border-radius: 4px; }
.image-effect-10:hover .item-effect:before {
opacity: 1;
top: 0;
left: 0; }
.image-effect-11 .item-effect:before {
position: absolute;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
z-index: 2;
display: block;
content: '';
width: auto;
height: auto;
background: rgba(255, 255, 255, 0.5);
opacity: 0;
-webkit-transform: rotate3d(1, 1, 0, 100deg);
-moz-transform: rotate3d(1, 1, 0, 100deg);
-o-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg); }
.image-effect-11 img {
width: 100%; }
.image-effect-11:hover .item-effect:before {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 0, 0);
-moz-transform: rotate3d(0, 0, 0, 0);
-o-transform: rotate3d(0, 0, 0, 0);
transform: rotate3d(0, 0, 0, 0); }
.image-effect-11:hover img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09); }
.image-effect-12 .item-effect:before {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
content: '';
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
opacity: 0; }
.image-effect-12 img {
width: 100%; }
.image-effect-12:hover .item-effect:before {
opacity: 1; }
.image-effect-12:hover img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09); }
.image-effect-13 .item-effect:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
display: block;
content: '';
width: auto;
height: auto;
background: rgba(255, 255, 255, 0.5);
opacity: 0;
-webkit-transform: rotate3d(0, 1, 1, 100deg);
-moz-transform: rotate3d(0, 1, 1, 100deg);
-o-transform: rotate3d(0, 1, 1, 100deg);
transform: rotate3d(0, 1, 1, 100deg); }
.image-effect-13 img {
width: 100%; }
.image-effect-13:hover .item-effect:before {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 0, 0);
-moz-transform: rotate3d(0, 0, 0, 0);
-o-transform: rotate3d(0, 0, 0, 0);
transform: rotate3d(0, 0, 0, 0); }
.image-effect-13:hover img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09); }
.image-effect-14 .item-effect:before, .image-effect-14 .item-effect:after {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
z-index: 2;
content: '';
background: rgba(255, 255, 255, 0.5);
opacity: 0; }
.image-effect-14 .item-effect:before {
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
z-index: 3; }
.image-effect-14 .item-effect:after {
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1); }
.image-effect-14:hover .item-effect:before,
.image-effect-14:hover .item-effect:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.image-effect-15 .item-effect:before {
background: rgba(255, 255, 255, 0.5);
content: "";
bottom: 10px;
left: 10px;
right: 10px;
top: 10px;
opacity: 0;
position: absolute;
-webkit-transform: rotate3d(1, 1, 0, 100deg);
-moz-transform: rotate3d(1, 1, 0, 100deg);
-o-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg);
border-radius: 4px; }
.image-effect-15:hover .item-effect:before {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 0, 0);
-moz-transform: rotate3d(0, 0, 0, 0);
-o-transform: rotate3d(0, 0, 0, 0);
transform: rotate3d(0, 0, 0, 0); }
.image-effect-16 .item-effect:before {
content: "";
left: 0;
top: -100%;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(255, 255, 255, 0.5);
position: absolute;
border-radius: 4px; }
.image-effect-16:hover .item-effect:before {
opacity: 1;
top: 0; }
.image-effect-17 .item-effect:before, .image-effect-17 .item-effect:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1; }
.image-effect-17:hover .item-effect:before {
right: 50%;
left: 50%;
background-color: rgba(255, 255, 255, 0.5); }
.image-effect-17:hover .item-effect:after {
top: 50%;
bottom: 50%;
background-color: rgba(255, 255, 255, 0.5); }
/* ---------------------------------------------
2. WORDPRESS DEFAULT CLASS
------------------------------------------- */
img.alignright {
clear: both; }
@media only screen and (max-width: 410px) and (orientation: portrait) {
img.alignright {
width: 100%; } }
.alignleft {
float: left;
margin: 10px 25px 25px 0; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.aligncenter {
clear: both;
display: block;
margin: 35px auto 25px; }
.wp-caption {
margin-bottom: 5px;
max-width: 100%;
padding: 5px 3px 10px;
background: none;
border: none;
padding: 0;
text-align: center;
position: relative;
overflow: hidden; }
.wp-caption.alignright {
margin: 5px 0 17px 30px; }
@media only screen and (max-width: 410px) and (orientation: portrait) {
.wp-caption.alignright {
margin: 5px 0 20px 40px; } }
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: 100%; }
.addthis_inline_share_toolbox,
.addthis_inline_share_toolbox_dab6 {
border-top: 1px solid #ebebeb;
padding-top: 22px;
margin-top: 36px; }
.addthis_inline_share_toolbox .at-share-tbx-element .at-share-btn {
border-radius: 2px !important;
margin-right: 10px !important; }
@media only screen and (min-width: 1200px) {
.addthis_inline_share_toolbox .at-share-tbx-element .at-share-btn {
margin-right: 15px !important; } }
.addthis_inline_share_toolbox .at-share-tbx-element .at-share-btn + .at_flat_counter {
left: -10px; }
.wp-caption-text {
color: #7e7e7e;
padding: 0.5em 0;
font-size: 13px; }
.gallery {
margin: 0 -1.1666667% 0; }
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%; }
.gallery-columns-1 .gallery-item {
max-width: 100%; }
.gallery-columns-2 .gallery-item {
max-width: 50%; }
.gallery-columns-4 .gallery-item {
max-width: 25%; }
.gallery-columns-5 .gallery-item {
max-width: 20%; }
.gallery-columns-6 .gallery-item {
max-width: 16.66666667%; }
.gallery-columns-7 .gallery-item {
max-width: 14.28%; }
.gallery-columns-8 .gallery-item {
max-width: 12.5%; }
.gallery-columns-9 .gallery-item {
max-width: 11.11%; }
.gallery-icon img {
margin: 0 auto; }
.gallery-caption {
color: #7e7e7e;
padding: 0.5em 0;
font-size: 13px;
display: block;
line-height: 1.6; }
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none; }
.wp-block-button {
margin-bottom: 15px; }
.wp-block-cover.alignwide {
margin: 35px auto 25px; }
.wp-block-cover p:not(.has-text-color) {
color: #fff; }
.wp-block-file .wp-block-file__button {
padding: .4em 1em .5em; }
.wp-block-search .wp-block-search__button {
padding: 0 30px; }
.wp-block-search .wp-block-search__button:hover {
color: #fff; }
.wp-block-group .wp-block-group__inner-container {
padding: 15px;
margin-bottom: 15px; }
.ekofood-entry-content .page-links > a:hover {
background-color: #333; }
figure.wp-block-table table td, figure.wp-block-table.is-style-stripes table td {
border: 1px solid #E6E6E6; }
#comments table th, #comments table td {
border: 1px solid #E6E6E6; }
.entry-content.ekofood-entry-content table th, .entry-content.ekofood-entry-content table td {
border: 1px solid #E6E6E6; }
body .blog-container .ekofood-loop-blog.blog-type-list .blog-post-loop {
margin-bottom: 43px;
width: 100%; }
body .blog-container .ekofood-loop-blog.blog-type-list .blog-post-loop.sticky {
margin-bottom: 37px; }
body.not_plg_ekofood .header-2 .header-logo .logo_image > img {
right: 0; }
body.not_plg_ekofood .ekofood-menu.primary-menu > li ul.sub-menu:not(.mega-nav) {
padding: 20px 0px 20px 0px;
top: calc(100%); }
body.not_plg_ekofood .ekofood-menu.primary-menu > li ul.sub-menu:not(.mega-nav) li {
padding-left: 25px;
padding-right: 25px; }
body.not_plg_ekofood .ekofood-menu.primary-menu > li ul.sub-menu:not(.mega-nav) ul.sub-menu:not(.mega-nav) {
top: calc(100% - 54px); }
body.not_plg_ekofood .ekofood-menu.primary-menu > li > ul:not(.mega-nav) li {
padding-left: 25px; }
body.not_plg_ekofood .ekofood-menu.primary-menu > li > ul:not(.mega-nav) li:hover {
background: #f9f9f9; }
body.not_plg_ekofood .ekofood-menu.primary-menu > li > ul:not(.mega-nav) li.menu-item-has-children:before {
right: 22px;
top: 3px; }
body.not_plg_ekofood .header-1 .bottom-header .ver-cat-menu .ekofood-menu li ul:not(.mega-nav) {
right: auto;
left: 100%;
margin-top: 0; }
body.not_plg_ekofood .widget .widgettitle,
body.not_plg_ekofood .widget .widget-title {
font-size: 21px; }
@media only screen and (min-width: 1275px) {
body.not_plg_ekofood .widget .widgettitle,
body.not_plg_ekofood .widget .widget-title {
font-size: 23px; } }
body.not_plg_ekofood .comments-area .comment .comment-respond {
margin-top: 28px;
margin-bottom: 3px; }
body.ekofood-theme-testing .comment-text .flex-author {
margin-bottom: 10px; }
body.ekofood-theme-testing .comment-form > p,
body.ekofood-theme-testing .comment-form .comment-form-rating {
margin-bottom: 19px; }
body.ekofood-theme-testing .widget_calendar #wp-calendar td {
padding: 6px 5px; }
body.ekofood-theme-testing .widget_calendar #wp-calendar tbody a {
border: 2px solid #949494;
background-color: white;
color: #555;
line-height: 2; }
body.ekofood-theme-testing .widget_calendar nav.wp-calendar-nav {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 11px; }
body.ekofood-theme-testing .widget_calendar nav.wp-calendar-nav span.pad {
display: none; }
body.ekofood-theme-testing .widget_calendar nav.wp-calendar-nav span.wp-calendar-nav-prev, body.ekofood-theme-testing .widget_calendar nav.wp-calendar-nav span.wp-calendar-nav-next {
display: flex; }
body.ekofood-theme-testing .widget_calendar nav.wp-calendar-nav span.wp-calendar-nav-prev > a, body.ekofood-theme-testing .widget_calendar nav.wp-calendar-nav span.wp-calendar-nav-next > a {
color: #333;
display: flex;
background-color: #ededed;
color: #333;
padding: 7px 18px;
line-height: 1.2; }
body.ekofood-theme-testing #main-content .ekofood-pagination {
border-top: none;
padding-top: 0; }
body.ekofood-theme-testing #main-content .ekofood-related-posts .related-posts-carousel .owl-nav [class*="owl-"]:before {
line-height: 1.3; }
body.ekofood-theme-testing #main-content .ekofood-loop-blog .blog-post-loop .article-inner {
border-bottom: 1px solid #ebebeb;
padding-bottom: 44px; }
body.ekofood-theme-testing #main-content .ekofood-loop-blog .blog-post-loop .article-inner .entry-content .clearfix ~ .page-links {
display: none; }
body .post-nav-links .post-page-numbers {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
width: 28px;
height: 28px;
border-radius: 50%;
line-height: 1.4;
font-weight: 500;
padding: 0;
border-bottom: none !important;
color: #000;
font-size: 16px;
font-family: "Caros"; }
body .post-nav-links .post-page-numbers:first-of-type {
margin-left: 5px; }
body .post-nav-links .post-page-numbers:hover, body .post-nav-links .post-page-numbers.current {
color: white; }
#colorbox #cboxBottomLeft,
#colorbox #cboxBottomCenter,
#colorbox #cboxBottomRight,
#colorbox #cboxMiddleLeft,
#colorbox #cboxTopLeft,
#colorbox #cboxTopCenter,
#colorbox #cboxTopRight,
#colorbox #cboxMiddleRight {
background: #ffffff !important; }
#colorbox #cboxClose {
background: url(assets/images/icons/ic-close.png) no-repeat 3px 3px; }
@media screen and (min-width: 1200px) {
body.not_plg_ekofood .container {
width: 100%;
max-width: 1345px; } }
/* ==========================================================================
1.2 TYPOGRAPHY
========================================================================== */
/* -------------------------------------------
3. HEADER
------------------------------------------- */
.header-wrapper {
position: relative;
z-index: 66; }
.header-wrapper .dropdown-menu ul li {
list-style: none; }
.header-wrapper .dropdown-menu ul li:last-child {
margin: 0; }
.header-wrapper .header-cart .cart-count {
background-color: #fe2626; }
.dokan-store .header-wrapper {
box-shadow: 0 0px 5px rgba(0, 0, 0, 0.12); }
.header-bg {
background-color: rgba(255, 255, 255, 0.5); }
.logo_image img {
max-height: 58px; }
.header-overlap > .container {
position: relative; }
.header-overlap .wrap-header {
position: absolute;
top: 0;
width: 100%;
left: 0;
right: 0; }
.header-logo img {
display: inherit; }
.header-action .header-block {
line-height: 1.4;
display: inline-block;
margin-left: 25px; }
.header-action .header-block:first-child {
margin-left: 0; }
.header-action i {
position: relative;
top: 4px;
font-size: 28px; }
.topbar .dropdown-toggle.language-dropdown, .topbar .dropdown-toggle.currency-dropdown {
padding-right: 20px;
position: relative; }
.topbar .dropdown-toggle.language-dropdown i, .topbar .dropdown-toggle.currency-dropdown i {
position: absolute;
right: 0;
font-size: 8px;
line-height: 20px;
margin-left: 10px;
top: 50%;
margin-top: -10px; }
.header-position .dropdown-menu {
padding: 10px 20px; }
@media only screen and (min-width: 1200px) {
.wrap-header {
margin-left: -15px;
margin-right: -15px; } }
.wrap-header .header-position {
padding-left: 15px;
padding-right: 15px; }
@media only screen and (min-width: 1200px) {
.wrap-header .header-position {
padding-left: 17px;
padding-right: 17px; } }
.wrap-header .header-position.header-left {
display: flex; }
.wrap-header .header-position.header-left .header-block {
padding-right: 30px; }
.wrap-header .header-position.header-left .header-block:last-child {
padding: 0; }
.wrap-header .header-position.header-left .header-block .topbar-menu li a {
line-height: 60px; }
.wrap-header .header-position.header-action .header-block {
padding: 0; }
.wrap-header .dropdown-menu {
top: 110%;
margin-top: 0;
display: block;
opacity: 0;
visibility: hidden;
z-index: 90;
box-shadow: 0 0px 15px rgba(14, 14, 14, 0.15); }
.wrap-header .dropdown-menu:after {
content: '';
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #fff;
position: absolute;
top: -8px;
left: 5px; }
.wrap-header .btn-group > a {
display: inline-block;
line-height: 1.4; }
.wrap-header .btn-group:hover .dropdown-menu {
top: 100%;
opacity: 1;
visibility: visible; }
.wrap-header .search-no-popup .search-form input[type="search"] {
padding-left: 40px;
border: 0;
border-bottom: none !important;
width: 280px; }
.wrap-header .search-no-popup .search-form .search-submit {
left: 0;
right: auto;
padding: 0; }
.wrap-header .search-no-popup .search-form .search-submit i {
position: static; }
.menu-toggle {
text-transform: uppercase;
font-size: 16px;
line-height: 30px;
cursor: pointer;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease; }
.menu-toggle span {
color: black;
margin-left: 5px;
font-weight: 500; }
@media only screen and (min-width: 1200px) {
.menu-toggle .menu-button {
padding-top: 8px; } }
.menu-toggle .icon-menu {
position: relative;
display: inline-block;
width: 25px;
height: 2px;
top: 0;
background: #000;
vertical-align: 5px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease; }
.menu-toggle .icon-menu:before, .menu-toggle .icon-menu:after {
content: '';
width: 25px;
height: 2px;
background-color: #000;
display: inline-block;
position: absolute;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
left: 0;
right: 0; }
.menu-toggle .icon-menu:before {
top: -8px; }
.menu-toggle .icon-menu:after {
bottom: -8px; }
.menu-toggle.actived .icon-menu {
height: 0; }
.menu-toggle.actived .icon-menu:before {
top: -1px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.menu-toggle.actived .icon-menu:after {
top: -1px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.header-search .dropdown-menu {
right: -57px;
left: auto;
background-color: transparent;
box-shadow: none;
padding: 0 !important;
box-shadow: 0 0px 15px rgba(14, 14, 14, 0.15); }
.header-search .dropdown-menu:after {
right: 57px;
left: auto; }
.header-search .search-form .search-field {
border-radius: 0;
height: 50px;
padding: 0 50px 0 15px;
min-width: 250px;
background-color: white; }
.header-search .search-form .search-submit {
width: 55px;
height: 50px;
padding: 0; }
.header-search .search-form .search-submit i {
font-size: 22px;
font-weight: 600;
top: auto; }
.header-right .dropdown-menu {
right: 0;
left: auto; }
.header-right .header-search .dropdown-menu {
right: -57px; }
.header-left .dropdown-menu {
left: 0; }
.icon-search:before {
content: "\e618"; }
.header-action .icon-heart:before {
content: "\e642"; }
.header-action .icon-user:before {
content: "\e605"; }
.header-account a > i {
display: none; }
#search_result {
border-radius: 0; }
#search_result #result {
padding: 25px; }
#search_result h4 {
display: none; }
.result-wrapper .content-price {
display: block;
font-weight: 600;
color: black;
line-height: 1.45;
font-size: 15px;
margin-top: 5px; }
.result-wrapper .content-price del {
font-weight: 400;
font-size: 14px;
margin-right: 10px;
color: rgba(0, 0, 0, 0.5); }
.result-wrapper .content-price ins {
text-decoration: none; }
.jms_ajax_search_content {
display: flex;
border: 2px solid #ebebeb;
border-radius: 5px;
margin-right: -100px; }
.jms_ajax_search_content .searchbox .select-box {
float: left;
width: 200px;
position: relative; }
.jms_ajax_search_content .searchbox .select-box:before {
content: "";
position: absolute;
height: 48px;
top: 0;
right: 0;
width: 1px;
background: #ddd; }
.jms_ajax_search_content .searchbox .select-box select {
border: 0;
height: 48px;
line-height: 50px;
font-weight: 400; }
.jms_ajax_search_content .searchbox .input-wrapper {
position: relative;
float: left; }
.jms_ajax_search_content .searchbox .input-wrapper .search-field {
height: 48px;
border: 0;
min-width: 350px;
padding: 0 50px 0 20px;
font-weight: 400; }
.jms_ajax_search_content .searchbox .input-wrapper .search-submit {
position: absolute;
height: 48px;
width: 48px;
top: 0;
right: 0;
left: auto;
text-align: center; }
.header-account .dropdown-menu {
font-size: 14px;
left: auto;
right: -126px;
display: block;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms; }
.header-account .dropdown-menu:after {
right: auto;
left: 35px; }
.header-account .dropdown-menu ul {
padding: 15px 10px;
margin: 0;
list-style: none; }
.header-account .dropdown-menu ul li a {
display: block;
text-transform: capitalize; }
.header-account .dropdown-menu ul li:last-child {
margin-bottom: 0; }
.header-wishlist a span {
position: absolute;
font-size: 12px;
color: white;
display: none;
width: 18px;
height: 18px;
text-align: center;
line-height: 1.5;
border-radius: 50%;
right: -10px;
top: 9px;
right: -7px;
top: 23px; }
.header-wishlist a span.wishlist_count_products.no {
display: none !important; }
.header-cart.alert {
padding: 0;
margin: 0;
border: none;
border-radius: 0; }
.header-cart .cart-count {
font-family: inherit;
font-size: 11px;
color: #ffffff !important;
width: 16px;
height: 16px;
text-align: center;
line-height: 1;
padding: 0 3px;
border-radius: 50%;
right: 30px;
top: -10px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
transform: translateX(0%); }
.header-cart .widget_shopping_cart_content {
position: absolute;
padding: 40px 30px 22px;
top: 110%;
min-width: 295px;
max-width: 295px;
min-height: 100px;
right: -5px;
left: auto;
z-index: 99;
box-shadow: 0 0px 15px rgba(14, 14, 14, 0.15);
opacity: 0;
visibility: hidden;
background-color: #ffffff;
text-align: left;
transition: all 400ms ease-in-out 0s;
transform: translateX(0%); }
@media only screen and (min-width: 1400px) {
.header-cart .widget_shopping_cart_content {
transform: translateX(-50%);
right: auto;
left: calc(50% - 18px); } }
@media only screen and (min-width: 1429px) and (max-width: 1500px) and (orientation: landscape) {
.header-cart .widget_shopping_cart_content {
right: -10px;
left: auto;
transform: translateX(0%); } }
@media only screen and (min-width: 1100px) and (max-width: 1429px) and (orientation: landscape) {
.header-cart .widget_shopping_cart_content {
right: -10px;
left: auto;
transform: translateX(0%); } }
.header-cart .widget_shopping_cart_content:after {
content: '';
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #ffffff;
position: absolute;
top: -8px;
right: 30px; }
@media only screen and (min-width: 1400px) {
.header-cart .widget_shopping_cart_content:after {
right: 140px; } }
@media only screen and (min-width: 1429px) and (max-width: 1500px) and (orientation: landscape) {
.header-cart .widget_shopping_cart_content:after {
right: 30px; } }
@media only screen and (min-width: 1100px) and (max-width: 1429px) and (orientation: landscape) {
.header-cart .widget_shopping_cart_content:after {
right: 30px; } }
@media only screen and (max-width: 1199px) {
.header-cart .widget_shopping_cart_content:after {
right: 8px; } }
.header-cart .widget_shopping_cart_content .woocommerce-mini-cart__empty-message {
margin: 0; }
.header-cart.cart-opened .cart-count {
animation: bounceIconUp 1s ease-in-out 2 forwards; }
.header-cart:hover .widget_shopping_cart_content {
top: calc(100% + 10px);
opacity: 1;
visibility: visible; }
#sidebar-open-overlay {
z-index: 9998;
position: fixed;
top: 0;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-moz-transition: opacity 0.8s ease, visibility 0.9s ease,-moz-transform .4s eas;
-o-transition: opacity 0.8s ease, visibility 0.9s ease,-o-transform .4s eas;
-webkit-transition: opacity 0.8s ease, visibility 0.9s ease,-webkit-transform .4s eas;
transition: opacity 0.8s ease, visibility 0.9s ease,transform .4s ease; }
#sidebar-open-overlay.overlay-home-4 {
z-index: 1;
background: transparent;
transition: all .5s ease; }
.toggle-sidebar-widget {
position: fixed;
background: white;
right: 0;
top: 0;
width: 300px;
height: 100%;
z-index: 9999;
overflow-y: auto;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
padding: 45px 30px; }
.toggle-sidebar-widget .widget {
margin-bottom: 35px;
padding-bottom: 30px;
border-bottom: none; }
.toggle-sidebar-widget .widget .widgettitle {
font-size: 20px;
margin-bottom: 25px; }
.admin-bar .toggle-sidebar-widget {
top: 32px; }
.has-toggle-sidebar #sidebar-open-overlay {
opacity: 1;
visibility: visible; }
.has-toggle-sidebar .toggle-sidebar-widget {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.header-wrapper.color-scheme-light {
color: white; }
.header-wrapper.color-scheme-light .primary-menu > li > a {
color: white; }
.header-wrapper.color-scheme-light .wrap-header .dropdown-toggle {
color: white; }
.header-wrapper.color-scheme-light .menu-toggle .icon-menu {
background-color: white; }
.header-wrapper.color-scheme-light .menu-toggle .icon-menu:before, .header-wrapper.color-scheme-light .menu-toggle .icon-menu:after {
background-color: white; }
.price-s-icon {
font-family: "Caros";
font-size: 16px;
color: #000;
font-weight: 500;
position: relative;
top: 4px;
margin-left: 6px;
display: none; }
@media only screen and (min-width: 1200px) {
.price-s-icon {
display: inline-block; } }
@media screen and (max-width: 1199px) {
#jms_ajax_search_content #searchbox .input-wrapper .search-field {
min-width: 200px; } }
.topbar {
font-size: 14px;
font-weight: 400;
border-bottom: 1px solid #ebebeb;
color: #666; }
.topbar .topbar-menu a {
color: #bababa; }
.topbar.color-scheme-dark {
color: #555; }
.topbar.color-scheme-dark .topbar-menu li a {
color: #555;
border-color: #e7e7e7; }
.topbar.color-scheme-dark .dropdown-toggle {
color: #555; }
.topbar .contact-email {
margin-right: 10px;
margin-left: 20px;
position: relative;
padding-left: 22px !important;
background: url(assets/images/contact-email.png) no-repeat left center; }
.topbar p {
margin-bottom: 0;
line-height: 50px; }
.topbar a {
color: #666; }
.topbar .header-block {
display: inline-block; }
.topbar .dropdown-toggle {
height: 50px;
line-height: 50px;
display: inline-block; }
.topbar .dropdown-toggle i {
margin-left: 5px;
font-size: 11px; }
.topbar .dropdown-menu {
font-size: 13px;
min-width: 130px;
top: 110%;
left: 50%;
display: block;
opacity: 0;
visibility: hidden;
z-index: 90;
margin: 0;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); }
.topbar .dropdown-menu ul {
text-align: center;
padding: 15px 10px;
margin: 0;
list-style: none; }
.topbar .dropdown-menu ul li a {
display: block;
font-size: 15px; }
.topbar .dropdown-menu ul li:last-child {
margin-bottom: 0; }
.topbar .box-hover:hover .dropdown-menu {
top: 100%;
opacity: 1;
visibility: visible; }
.language-dropdown,
.currency-dropdown {
color: #666; }
.topbar-menu {
list-style: none;
margin: 0;
padding: 0; }
.topbar-menu li {
display: inline-block;
margin-bottom: 0; }
.topbar-menu li:first-child a {
padding-left: 0;
border-left: none; }
.topbar-menu li:last-child a {
padding-right: 0; }
.topbar-menu li a {
display: inline-block;
line-height: 50px;
padding-left: 15px;
padding-right: 15px; }
.topbar-menu li a i {
margin-right: 6px; }
.wrap-topbar {
display: flex;
justify-content: space-between;
align-items: stretch; }
.topbar-position {
display: flex;
align-items: stretch;
flex: 1 1 auto; }
.topbar-position .header-block {
padding-left: 15px;
padding-right: 15px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center; }
.topbar-position.topbar-right .header-block {
border-left: 1px solid #efefef; }
.topbar-position.topbar-right .header-block:last-child {
padding-right: 0; }
.topbar-position.topbar-right .header-block:first-child {
border: 0; }
.topbar-position.topbar-left .header-block {
border-right: 1px solid #efefef; }
.topbar-position.topbar-left .header-block:first-child {
padding-left: 0; }
.topbar-position.topbar-left .header-block:last-child {
border: 0; }
.topbar-right {
justify-content: flex-end; }
@media only screen and (min-width: 768px) and (max-width: 980px) {
.has-topbarshow .header-wrapper.header-mobile {
border-bottom: 1px solid #efefef; } }
.topbar-device-mobile {
position: absolute;
top: 0;
left: 0;
z-index: 1001;
background: #fff;
padding: 0 15px;
width: 100%;
transition: all .4s ease-in-out 0s;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
min-height: 60px;
color: #000000;
overflow: visible; }
.topbar-device-mobile .topbar-mobile-history a {
width: 45px;
margin-left: -15px;
text-align: center;
display: inline-block; }
.topbar-device-mobile .topbar-mobile-history a span {
font-size: 20px;
display: block;
line-height: 60px;
color: #000000; }
.topbar-device-mobile .topbar-mobile-title {
max-width: 50%;
margin: 0 0 0 10px;
line-height: 60px;
text-align: center;
color: #000000; }
.topbar-device-mobile .topbar-mobile-title span {
font-size: 15px;
font-weight: 500;
height: 60px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.topbar-device-mobile .topbar-icon-home {
height: 60px;
line-height: 60px;
text-align: right; }
.topbar-device-mobile .topbar-icon-home a {
font-size: 23px;
color: #000000; }
.topbar-device-mobile .top-right-mobile {
flex: 1;
display: flex;
justify-content: flex-end;
align-items: center; }
.topbar-device-mobile .top-right-mobile > div {
float: right;
min-width: 50px; }
.topbar-device-mobile .top-right-mobile .top-cart {
height: 60px;
line-height: 60px; }
.topbar-device-mobile .top-right-mobile .top-cart .tbay-dropdown-cart {
margin-left: 21px; }
.topbar-device-mobile .top-right-mobile .top-cart .header-cart.btn-group {
text-align: right; }
.topbar-device-mobile .top-right-mobile .top-cart .header-cart.btn-group a > i {
font-size: 23px; }
.topbar-device-mobile .top-right-mobile .top-cart .header-cart.btn-group a .cart-count {
right: -5px !important;
bottom: 17px !important; }
.topbar-device-mobile .top-right-mobile .top-cart .header-cart.btn-group .sub-menu-dropdown {
top: calc(100% + 14px); }
.topbar-device-mobile .top-right-mobile .search-device-mobile {
text-align: right;
min-width: 45px; }
.topbar-device-mobile .top-right-mobile .search-device-mobile #header-search a {
display: block;
margin-top: 3px; }
.topbar-device-mobile .top-right-mobile .search-device-mobile #header-search a > span {
font-size: 27px; }
.topbar-device-mobile .top-right-mobile .search-device-mobile #header-search a:before {
font-size: 23px; }
.topbar-device-mobile .top-right-mobile .search-device-mobile #header-search .dropdown-menu input[type="text"] {
padding-left: 45px;
height: 55px; }
.topbar-device-mobile .top-right-mobile .search-device-mobile #header-search .dropdown-menu .search-form .search-submit {
font-size: 0px;
left: 2px;
top: -7px; }
.topbar-device-mobile .top-right-mobile .search-device-mobile #header-search .dropdown-menu .search-form .search-submit i {
display: none; }
.topbar-device-mobile .top-right-mobile .search-device-mobile #header-search .dropdown-menu .search-form .search-submit:after {
content: '\e92e';
font-family: 'typo-icon';
font-size: 23px;
display: block;
color: #000; }
@media only screen and (min-width: 662px) and (max-width: 763px) {
.admin-bar .topbar-device-mobile {
top: 44px; } }
.header-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 390;
opacity: 0;
visibility: hidden;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
background-color: white;
-webkit-transform: translateY(-80%);
-moz-transform: translateY(-80%);
-o-transform: translateY(-80%);
transform: translateY(-80%);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease; }
.header-sticky .header-action i {
font-size: 24px; }
.header-sticky .header-action .search-icon-popup a > i {
font-size: 29px;
margin-top: 12px;
display: block; }
.header-sticky.show {
opacity: 1;
visibility: visible;
pointer-events: inherit;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
@media only screen and (min-width: 768px) and (max-width: 980px) {
.header-sticky.show .menu-toggle .menu-button {
padding-top: 0px; } }
.header-sticky.show .header-action .header-account .dropdown-menu {
right: -108px; }
.header-sticky.show .header-action .search-icon-popup.header-search .search-form .search-field {
padding: 0 0px 0 50px;
min-width: 350px;
border: none; }
.header-sticky.show .header-action .search-icon-popup.header-search .dropdown-menu {
right: -157px; }
.header-sticky.show .header-action .search-icon-popup.header-search .dropdown-menu::after {
right: 157px; }
.header-sticky.show .header-action .search-icon-popup.header-search .dropdown-menu .search-submit i {
font-family: 'typo-icon';
color: #000000; }
.header-sticky.show .header-action .search-icon-popup.header-search .dropdown-menu .search-submit i::before {
content: "\e92e"; }
.header-sticky.show .ekofood-menu.primary-menu .elements-megamenu .dropdown-menu.mega-dropdown-menu {
left: 35%;
right: auto;
padding: 43px 0px 35px 50px; }
.header-sticky.show .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner {
max-width: 1415px; }
.header-sticky.show .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(3) {
padding-left: 13px; }
.header-sticky.show .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(4) {
padding-left: 17px; }
.header-sticky.show .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(5) {
padding-left: 22px; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home {
max-width: 1600px;
width: 100% !important;
position: unset !important;
padding: 0 !important;
margin: 0px auto;
overflow: unset;
margin-top: -15px; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-stage .owl-item {
padding: 15px 15px 0px 15px; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-stage .owl-item .item > a {
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
display: block;
max-height: 430px;
overflow: hidden; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-stage .owl-item .item > a img {
transition: all 1s ease-in 0.2s;
transform: translateY(0); }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-stage .owl-item .item > a:hover img {
transform: translateY(calc(430px - 100%)); }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-stage .owl-item .title-image {
margin-bottom: 5px; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-stage .owl-item .title-image a {
font-size: 17px;
margin-top: 12px;
letter-spacing: 0.17px;
color: #000000;
font-family: 'SamsungSharpSans Medium'; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-nav {
margin: 0px; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-nav .owl-prev {
left: -80px; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-nav .owl-prev:before {
padding-right: 5px; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-nav .disabled[class*="owl-"]:before {
opacity: 1; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-nav .owl-next {
right: -80px; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-nav [class*="owl-"] {
width: 60px;
height: 60px;
border-radius: 50%;
top: 45%;
border-width: 2px;
border-color: #e1e1e1; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-nav [class*="owl-"]:before {
width: 60px;
height: 60px;
line-height: 56px;
color: #cbcbcb; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .carousel-menu-home .owl-carousel .owl-nav [class*="owl-"]:hover:before {
color: #ffffff; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner > .mega-nav > li > a {
font-size: 20px;
font-family: "Caros";
color: #000000;
text-transform: capitalize;
display: block;
margin-bottom: 20px;
letter-spacing: 0.5px; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner > .mega-nav > li > a i {
display: none; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner > .mega-nav > li .sub-menu {
background-color: transparent; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner > .mega-nav > li .sub-menu li a {
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #555555;
text-transform: capitalize; }
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .container,
.header-sticky.show .ekofood-menu.primary-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner {
position: unset !important;
padding: 0 !important;
margin: 0px auto;
display: block; }
.header-sticky .wrap-header {
padding-top: 10px;
padding-bottom: 10px; }
.header-sticky .ekofood-menu.primary-menu .dropdown-menu {
padding: 43px 0px 35px 0px;
background: #fff;
top: calc(100% - 9px); }
.header-sticky .ekofood-menu.primary-menu .dropdown-menu.simple-menu {
top: 100%; }
.header-sticky .ekofood-menu.primary-menu .dropdown-menu.simple-menu .simple-menu {
top: -35px; }
.admin-bar .header-sticky {
top: 32px; }
.header-sticky .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home .owl-carousel.owl-theme .owl-stage-outer .owl-item .item > a {
display: block;
overflow: hidden;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25); }
.header-sticky .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home .owl-carousel.owl-theme .owl-stage-outer .owl-item .item > a > img {
width: 100%;
object-fit: cover;
object-position: top;
height: 231px;
transition: 4s all ease; }
.header-sticky .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home .owl-carousel.owl-theme .owl-stage-outer .owl-item:hover .item > a > img {
object-position: bottom; }
/**
* ==================================================
* Style Header 1
* ==================================================
*/
.header-1 .top-header .wrap-header {
display: flex;
justify-content: space-between;
align-items: center; }
@media only screen and (min-width: 1200px) {
.header-1 .top-header .wrap-header {
margin-top: 30px;
margin-bottom: 30px; } }
.header-1 .widget-search.header-position {
flex: 1; }
@media only screen and (min-width: 1200px) {
.header-1 .widget-search.header-position #header-search {
position: relative;
left: 18px; } }
.header-1 .header-mini-cart .header-cart .cart-count {
right: auto;
top: -10px;
left: 14px; }
.header-1 .header-mini-cart .header-cart {
display: inline-flex;
justify-content: center;
align-items: center; }
.header-1 .header-mini-cart .header-cart.alert {
position: relative; }
.header-1 .header-mini-cart .cart-contents {
position: relative;
display: inline-flex; }
.header-1 .header-mini-cart .price-s-icon {
position: relative;
top: 0;
margin-left: 6px; }
.header-1 .part-header-middle .logo_image img {
position: relative;
top: -6px;
right: -20px; }
@media only screen and (min-width: 1200px) {
.header-1 .part-header-middle .logo_image img {
margin-top: -24px;
top: 0;
right: 0; } }
.header-1 .part-header-middle .search-icon-popup {
cursor: auto; }
.header-1 .part-header-middle .search-icon-popup .jms_ajax_search_content .searchbox .select-box {
width: 195px; }
.header-1 .part-header-middle .search-icon-popup .jms_ajax_search_content .searchbox .input-wrapper .search-field {
min-width: 330px; }
.header-1 .part-header-middle .header-block.search-icon-popup {
text-align: center; }
.header-1 .part-header-middle .header-position.header-action > .header-block {
margin-left: 30px; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.header-1 .part-header-middle .header-position.header-action > .header-block:nth-child(2) {
display: none; } }
.header-1 .part-header-middle .header-position.header-action .header-account {
position: relative;
margin: 0;
display: none; }
@media only screen and (min-width: 1200px) {
.header-1 .part-header-middle .header-position.header-action .header-account {
display: inline-block; } }
.header-1 .part-header-middle .header-position.header-action .header-account:hover .ekofood-setting-option {
opacity: 1;
visibility: visible;
transform: skewY(0); }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option {
position: absolute;
z-index: 2;
top: calc(100%);
left: -135px;
min-width: 21rem;
padding: 2.8rem;
width: 100%;
text-align: left;
opacity: 0;
visibility: hidden;
transition: all 400ms ease-in-out 0s;
transform: skewY(-20);
background-color: white;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option:after {
content: '';
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #ffffff;
position: absolute;
top: -8px;
right: 139px; }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option h4 {
font-size: 1.1rem;
font-family: "Caros";
letter-spacing: .6px;
margin-bottom: 16px;
color: #000000;
font-weight: bold; }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option ul li, .header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option ul a {
font-size: 1rem;
color: #555555;
font-family: "Roboto", sans-serif; }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option .lang-currency {
width: 100%;
display: flex; }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option .lang-currency .language {
flex-basis: calc(100%/2); }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option .lang-currency .language ul {
list-style-type: none;
padding: 0px; }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option .lang-currency .language ul .English {
background: url("assets/images/icon-lang/english.jpg") 0px 3px no-repeat;
padding-left: 25px; }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option .lang-currency .language ul .Français {
background: url("assets/images/icon-lang/french.jpg") 0px 3px no-repeat;
padding-left: 25px; }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option .lang-currency .language ul .German {
background: url("assets/images/icon-lang/german.jpg") 0px 3px no-repeat;
padding-left: 25px; }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option .lang-currency .currency {
flex-basis: calc(100%/2 - 20px);
margin-left: 20px; }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option .lang-currency .currency ul {
list-style-type: none;
padding: 0px; }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option .account-show {
margin-top: 15px;
border-top: 2px solid #ebebeb;
padding-top: 26px; }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option .account-show ul {
list-style-type: none;
padding: 0px;
margin-bottom: 0px; }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option .account-show ul li:last-child {
margin-bottom: 0px; }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option .account-show ul li {
margin-bottom: 10px; }
.header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option .account-show ul li, .header-1 .part-header-middle .header-position.header-action .header-account .ekofood-setting-option .account-show ul a {
font-size: 1.1rem;
font-family: "Caros";
color: #000000;
font-weight: 600;
letter-spacing: .5px; }
.header-1 .bottom-header {
border-top: 1px solid #ebebeb;
background-color: white; }
.header-1 .bottom-header .ver-cat-menu {
position: relative;
display: none; }
@media only screen and (min-width: 1200px) {
.header-1 .bottom-header .ver-cat-menu {
display: block; } }
.header-1 .bottom-header .ver-cat-menu .show-catmenu {
font-size: 1.3rem;
width: 302px;
height: 52px;
line-height: 3.4;
display: flex;
align-items: center;
padding-left: 27px;
font-family: "Caros";
font-weight: 500;
color: #ffffff;
margin-bottom: 0px; }
@media only screen and (min-width: 992px) {
.header-1 .bottom-header .ver-cat-menu .show-catmenu {
margin-top: -1px; } }
.header-1 .bottom-header .ver-cat-menu .show-catmenu svg {
margin-right: 15px; }
.header-1 .bottom-header .ver-cat-menu .show-catmenu:hover {
cursor: pointer; }
.header-1 .bottom-header .ver-cat-menu .category-menu-wrapper {
position: absolute;
top: 51px;
left: 15px;
width: 302px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-color: white;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); }
.header-1 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu {
padding: 0px;
margin-bottom: 0px;
width: 100% !important; }
.header-1 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu > li {
height: 48.3px;
line-height: 2.5;
padding-left: 29px;
border-bottom: 1px solid whitesmoke; }
.header-1 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu > li:last-child {
border-bottom: none; }
.header-1 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu > li:last-child a {
color: #000000; }
.header-1 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu li, .header-1 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu a {
font-size: 1rem;
color: #555555;
font-family: "Roboto", sans-serif; }
.header-1 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu li i, .header-1 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu a i {
font-size: 1.4rem;
display: block;
float: left;
width: 11%;
line-height: 1.75; }
.header-1 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu li:hover, .header-1 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu a:hover {
cursor: pointer; }
.header-1 .bottom-header .widget-contact .header-block-hotline span {
line-height: 1.4;
font-size: 1.2rem;
font-family: "Caros";
color: #000;
text-align: right;
font-weight: bold;
position: relative;
letter-spacing: -.2px;
padding-left: 30px;
display: inline-flex; }
@media only screen and (min-width: 1280px) and (max-width: 1298px) {
.header-1 .bottom-header .widget-contact .header-block-hotline span {
padding-left: 20px;
font-size: 16px; } }
.header-1 .bottom-header .widget-contact .header-block-hotline span::before {
content: '';
width: 24px;
height: 24px;
position: absolute;
left: 0;
top: 0;
background: url("assets/images/icon-feat/phone.svg") top left no-repeat;
background-size: contain; }
@media only screen and (min-width: 1280px) and (max-width: 1298px) {
.header-1 .bottom-header .widget-contact .header-block-hotline span::before {
width: 18px;
height: 18px; } }
.header-1 .mobile-header-1 .topbar {
display: none; }
.header-1 .bottom-header .ekofood-menu.primary-menu > li > a {
line-height: 3.05; }
.header-1 .bottom-header .part-header-bottom.wrap-header {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: -15px;
margin-right: -15px; }
.header-1 .bottom-header .part-header-bottom .main-menu {
flex: 1; }
.header-1 .bottom-header .part-header-bottom .primary-menu > li {
height: 51px; }
header.header-* .bottom-header .part-header-bottom .primary-menu-wrapper .ekofood-menu.primary-menu > .menu-item > .dropdown-menu {
transition: all 400ms ease-out;
transform: translateY(30px); }
header.header-* .bottom-header .part-header-bottom .primary-menu-wrapper .ekofood-menu.primary-menu > .menu-item:hover > .dropdown-menu {
transform: translateY(0px); }
header.header-* .bottom-header .part-header-bottom .primary-menu-wrapper .ekofood-menu.primary-menu .elements-megamenu .mega-dropdown-menu {
left: 17%;
padding: 43px 0px 32px 50px; }
header.header-* .bottom-header .part-header-bottom .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu {
transform: translateX(0px);
background: #ffffff; }
header.header-* .bottom-header .part-header-bottom .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .container,
header.header-* .bottom-header .part-header-bottom .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner {
max-width: 1314px;
width: 100% !important;
position: unset !important;
padding: 0 !important;
margin: 0px auto;
display: block; }
.header-1 .list-link-topbar {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center; }
.header-1 .list-link-topbar li {
margin: 0;
display: inline-flex;
text-transform: capitalize;
position: relative; }
.header-1 .list-link-topbar li:not(:last-of-type) {
padding-right: 10px; }
.header-1 .list-link-topbar li:not(:last-of-type):after {
content: '/';
display: inline-block;
color: #000;
font-weight: 600;
font-size: 18px;
margin-top: -2px;
position: absolute;
right: 1.3px; }
.header-1 .list-link-topbar li a {
font-family: "Caros";
font-weight: 500;
font-size: 16px;
color: #000; }
.header-1 a.top-bar-logout {
font-family: "Caros";
font-weight: 500;
font-size: 16px;
color: #000; }
.header-1 #jms_ajax_search .search-form {
width: 532px; }
.header-1 #jms_ajax_search .search-form input[type="text"] {
border: 2px solid;
border-color: #ebebeb;
border-radius: 4px;
height: 48px; }
.header-1 #jms_ajax_search .search-form .search-submit {
height: 48px; }
.eko-h1-slider-btn .rev-btn {
font-family: "Caros";
font-weight: bold !important;
line-height: 1 !important; }
.eko-h1-slider-btn .rev-btn:hover {
cursor: pointer; }
/**
* ==========================================
* Change Style Header - 2
* ==========================================
*/
.header-2 .topbar {
border: none; }
.header-2 .topbar .topbar-left a {
color: white; }
.header-2 .topbar .topbar-position.topbar-left .header-block,
.header-2 .topbar .topbar-position.topbar-right .header-block {
border-color: #9ec968; }
.header-2 .topbar .topbar-position.topbar-right .header-block:last-child {
padding-right: 7px; }
.header-2 .topbar .topbar-left {
color: white; }
.header-2 .topbar .topbar-right .header-account a {
color: white;
font-size: 1rem;
font-family: "Roboto", sans-serif;
font-weight: 400;
text-transform: capitalize;
display: inline-block; }
.header-2 .topbar .topbar-right .list-link-topbar {
padding: 0px;
margin: 0px;
list-style-type: none; }
.header-2 .topbar .topbar-right .list-link-topbar li {
margin-bottom: 0px; }
.header-2 .topbar .topbar-right .list-link-topbar li:first-child::after {
content: '/';
display: inline-block;
margin-left: 5px; }
.header-2 .topbar .topbar-right .list-link-topbar li, .header-2 .topbar .topbar-right .list-link-topbar a {
color: white;
font-size: 1rem;
font-family: "Roboto", sans-serif;
font-weight: 400;
text-transform: capitalize;
display: inline-block; }
.header-2 .topbar .topbar-right .header-currencie .currency-dropdown {
color: white; }
.header-2 .topbar .topbar-right .header-currencie .dropdown-menu {
font-size: 1rem;
transform: translateX(-34%);
min-width: 110px; }
.header-2 .topbar .topbar-right .header-currencie .dropdown-menu ul {
text-align: left;
padding: 15px 15px; }
.header-2 .topbar .topbar-right .header-currencie .dropdown-menu ul li, .header-2 .topbar .topbar-right .header-currencie .dropdown-menu ul a {
font-size: 1rem; }
.header-2 .topbar .topbar-right .header-language .language-dropdown {
color: white; }
.header-2 .topbar .topbar-right .header-language .language-dropdown::before {
content: '';
display: inline-block;
background: url("assets/images/icon-lang/english.jpg") top left no-repeat;
width: 18px;
height: 11px;
margin-right: 10px;
position: relative;
top: 1px; }
.header-2 .topbar .topbar-right .header-language .dropdown-menu {
transform: translateX(-45%); }
.header-2 .topbar .topbar-right .header-language .dropdown-menu ul {
text-align: left;
padding: 15px 15px; }
.header-2 .topbar .topbar-right .header-language .dropdown-menu ul li, .header-2 .topbar .topbar-right .header-language .dropdown-menu ul a {
font-size: 1rem; }
.header-2 .topbar .topbar-right .header-language .dropdown-menu ul li {
display: flex;
align-items: center; }
.header-2 .topbar .topbar-right .header-language .dropdown-menu ul li::before {
content: '';
display: inline-block;
width: 18px;
height: 11px;
margin-right: 10px; }
.header-2 .topbar .topbar-right .header-language .dropdown-menu ul .English::before {
background: url("assets/images/icon-lang/english.jpg") top left no-repeat; }
.header-2 .topbar .topbar-right .header-language .dropdown-menu ul .Français::before {
background: url("assets/images/icon-lang/french.jpg") top left no-repeat; }
.header-2 .topbar .topbar-right .header-language .dropdown-menu ul .German::before {
background: url("assets/images/icon-lang/german.jpg") top left no-repeat; }
.header-2.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu {
justify-content: center;
align-items: center; }
.header-2.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu > li > a:after {
bottom: 12px; }
.header-2.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home .dropdown-menu.mega-dropdown-menu {
left: -524px; }
.header-2.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .container {
max-width: 1330px; }
.header-2 .wrap-header {
display: flex;
justify-content: space-between;
align-items: center; }
@media only screen and (min-width: 1200px) {
.header-2 .wrap-header {
margin-top: 29px;
margin-bottom: 27px; } }
.header-2 .wrap-header .btn-group > a {
display: inline-flex; }
.header-2 .header-logo .logo_image > img {
position: relative;
top: -6px;
right: -20px; }
@media only screen and (min-width: 1200px) {
.header-2 .header-logo .logo_image > img {
top: -12px;
right: 0; } }
.header-2 .header-menu.header-position {
flex: 1; }
.header-2 .banner-ft-menu .dropdown-menu.mega-dropdown-menu {
top: calc(100% - 27px); }
.header-2 .header-action .search-icon-popup .btn-group .dropdown-menu {
min-width: 450px;
transform: translateX(79%);
padding: 0;
border-radius: 3px; }
.header-2 .header-action .search-icon-popup .btn-group .dropdown-menu .search-form input[type="text"] {
padding-left: 45px;
border-radius: 5px; }
.header-2 .header-action .search-icon-popup .btn-group .dropdown-menu .search-form input[type="text"]:focus {
border-color: #E6E6E6; }
.header-2 .header-action .search-icon-popup .btn-group .dropdown-menu .search-form input[type="search"] {
border: none;
border-radius: unset;
padding-left: 49px; }
.header-2 .header-action .search-icon-popup .btn-group .dropdown-menu .search-form .search-submit {
left: 0;
top: 0;
padding: 0 10px 0 15px;
height: 45px; }
.header-2 .header-action .search-icon-popup .btn-group .dropdown-menu::after {
left: 77px;
top: -7px;
z-index: 99; }
.header-2 .header-action .header-mini-cart .header-cart {
display: inline-flex;
justify-content: center;
align-items: center; }
.header-2 .header-action .header-mini-cart .header-cart .cart-count {
right: auto;
left: 14px; }
.header-2 .header-action .header-mini-cart .header-cart .price-s-icon {
top: 0;
margin-left: 7px; }
.header-2 .header-wishlist a span {
top: 52px; }
.mobile-header-2 .topbar {
display: none; }
/**
* =================================================
* STYLE - HEADER 3
* =================================================
*/
.header-wrapper.header-3 .wrap-header {
display: flex;
align-items: center;
justify-content: space-between; }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-3 .wrap-header {
margin-left: -15px;
margin-right: -15px; } }
.header-wrapper.header-3 .wrap-header .btn-group > a {
display: inline-flex; }
.header-wrapper.header-3 .logo_image {
position: relative;
display: inline-flex;
top: -6px;
right: -20px; }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-3 .logo_image {
top: -8px;
right: 0; } }
.header-wrapper.header-3 .header-wishlist a span {
top: 36px; }
.header-wrapper.header-3 .header-cart {
display: inline-flex;
justify-content: center;
align-items: center; }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-3 .header-cart .widget_shopping_cart_content {
right: -66px; } }
.header-wrapper.header-3 .topbar {
background-color: #f8f8f8;
border-bottom: 1px solid #e1e1e1; }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: landscape) {
.header-wrapper.header-3 .topbar > .container {
width: 100%; } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: portrait) {
.header-wrapper.header-3 .topbar > .container {
width: 100%; } }
.header-wrapper.header-3 .topbar .topbar-position.topbar-left .header-block,
.header-wrapper.header-3 .topbar .topbar-position.topbar-right .header-block {
border-color: #e1e1e1; }
.header-wrapper.header-3 .topbar .topbar-left {
color: #555555; }
.header-wrapper.header-3 .topbar .topbar-right .header-account a {
color: #555555;
font-size: 1rem;
font-family: "Roboto", sans-serif;
font-weight: 400;
text-transform: capitalize;
display: inline-block; }
.header-wrapper.header-3 .topbar .topbar-right .list-link-topbar {
padding: 0px;
margin: 0px;
list-style-type: none; }
.header-wrapper.header-3 .topbar .topbar-right .list-link-topbar li {
margin-bottom: 0px; }
.header-wrapper.header-3 .topbar .topbar-right .list-link-topbar li:first-child::after {
content: '/';
display: inline-block;
margin-left: 5px; }
.header-wrapper.header-3 .topbar .topbar-right .list-link-topbar li, .header-wrapper.header-3 .topbar .topbar-right .list-link-topbar a {
color: #555555;
font-size: 1rem;
font-family: "Roboto", sans-serif;
font-weight: 400;
text-transform: capitalize;
display: inline-block; }
.header-wrapper.header-3 .topbar .topbar-right .header-currencie .currency-dropdown {
color: #555555; }
.header-wrapper.header-3 .topbar .topbar-right .header-currencie .dropdown-menu {
font-size: 1rem;
transform: translateX(-34%);
min-width: 110px; }
.header-wrapper.header-3 .topbar .topbar-right .header-currencie .dropdown-menu ul {
text-align: left;
padding: 15px 15px; }
.header-wrapper.header-3 .topbar .topbar-right .header-currencie .dropdown-menu ul li, .header-wrapper.header-3 .topbar .topbar-right .header-currencie .dropdown-menu ul a {
font-size: 1rem; }
.header-wrapper.header-3 .topbar .topbar-right .header-language .language-dropdown {
color: #555555; }
.header-wrapper.header-3 .topbar .topbar-right .header-language .language-dropdown::before {
content: '';
display: inline-block;
background: url("assets/images/icon-lang/english.jpg") top left no-repeat;
width: 18px;
height: 11px;
margin-right: 10px;
position: relative;
top: 1px; }
.header-wrapper.header-3 .topbar .topbar-right .header-language .dropdown-menu {
transform: translateX(-45%); }
.header-wrapper.header-3 .topbar .topbar-right .header-language .dropdown-menu ul {
text-align: left;
padding: 15px 15px; }
.header-wrapper.header-3 .topbar .topbar-right .header-language .dropdown-menu ul li, .header-wrapper.header-3 .topbar .topbar-right .header-language .dropdown-menu ul a {
font-size: 1rem; }
.header-wrapper.header-3 .topbar .topbar-right .header-language .dropdown-menu ul li {
display: flex;
align-items: center; }
.header-wrapper.header-3 .topbar .topbar-right .header-language .dropdown-menu ul li::before {
content: '';
display: inline-block;
width: 18px;
height: 11px;
margin-right: 10px; }
.header-wrapper.header-3 .topbar .topbar-right .header-language .dropdown-menu ul .English::before {
background: url("assets/images/icon-lang/english.jpg") top left no-repeat; }
.header-wrapper.header-3 .topbar .topbar-right .header-language .dropdown-menu ul .Français::before {
background: url("assets/images/icon-lang/french.jpg") top left no-repeat; }
.header-wrapper.header-3 .topbar .topbar-right .header-language .dropdown-menu ul .German::before {
background: url("assets/images/icon-lang/german.jpg") top left no-repeat; }
.header-wrapper.header-3 .top-wrap-header .wrap-header {
padding-top: 15px;
padding-bottom: 15px; }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-3 .top-wrap-header .wrap-header {
padding-top: 25px;
padding-bottom: 24px; } }
.header-wrapper.header-3 .top-wrap-header .wrap-header .header-right.header-action .header-block .header-wishlist svg {
position: relative;
top: 2px; }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-3 .top-wrap-header .wrap-header .header-right.header-action .header-block .header-cart > a.dropdown-toggle {
position: relative;
top: 1px; } }
.header-wrapper.header-3 .top-wrap-header .wrap-header .banner-ft-menu .dropdown-menu.mega-dropdown-menu {
top: calc(100% - 79px); }
.header-wrapper.header-3 .primary-menu-wrapper .ekofood-menu.primary-menu > li > a:after {
bottom: 12px; }
.header-wrapper.header-3 .primary-menu-wrapper .ekofood-menu.primary-menu > li > .dropdown-menu.simple-menu {
top: calc(100% + 4px); }
.header-wrapper.header-3 .bottom-wrap-header {
display: none; }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-3 .bottom-wrap-header {
display: block; } }
.header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu {
position: relative; }
.header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .show-catmenu {
font-size: 1.3rem;
height: 52px;
width: 302px;
line-height: 1.4;
display: flex;
align-items: center;
padding-left: 29px;
font-family: "Caros";
font-weight: 500;
color: #ffffff;
margin-bottom: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-top: 0px; }
.header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .show-catmenu svg {
margin-right: 15px; }
.header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .category-menu-wrapper {
position: absolute;
top: 52px;
left: 17px;
width: 302px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-color: white;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); }
.header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu-default {
padding: 0px;
margin-bottom: 0px;
width: 100% !important; }
.header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu-default.off {
display: none; }
.header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu-default > li {
height: 47px;
line-height: 2.5;
padding-left: 29px;
border-bottom: 1px solid whitesmoke; }
.header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu-default > li:last-child {
border-bottom: none; }
.header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu-default > li:last-child a {
color: #000000; }
.header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu-default li, .header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu-default a {
font-size: 1rem;
color: #555555;
font-family: "Roboto", sans-serif; }
.header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu-default li i, .header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu-default a i {
font-size: 1.4rem;
display: block;
float: left;
width: 11%;
line-height: 1.75; }
.header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu-default li:hover, .header-wrapper.header-3 .bottom-wrap-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu-default a:hover {
cursor: pointer; }
.header-wrapper.header-3 .bottom-wrap-header .header-search.header-position {
flex: 1; }
@media only screen and (min-width: 1250px) {
.header-wrapper.header-3 .bottom-wrap-header .jms_ajax_search_content {
position: relative;
left: 11px; } }
.header-wrapper.header-3 .bottom-wrap-header .jms_ajax_search_content .searchbox .select-box {
width: 210px; }
@media only screen and (min-width: 1200px) and (max-width: 1250px) and (orientation: landscape) {
.header-wrapper.header-3 .bottom-wrap-header .jms_ajax_search_content .searchbox .select-box {
width: auto; } }
.header-wrapper.header-3 .bottom-wrap-header .jms_ajax_search_content .searchbox .select-box:before {
height: 48px; }
.header-wrapper.header-3 .bottom-wrap-header .jms_ajax_search_content .searchbox .select-box select {
height: 48px;
line-height: 48px; }
.header-wrapper.header-3 .bottom-wrap-header .jms_ajax_search_content .searchbox .input-wrapper .search-field {
height: 48px;
width: 433px; }
.header-wrapper.header-3 .bottom-wrap-header .jms_ajax_search_content .searchbox .input-wrapper .search-submit {
height: 48px;
width: 48px;
line-height: 1;
background-color: transparent;
top: 0;
right: 0; }
@media only screen and (min-width: 1280px) {
.header-wrapper.header-3 .bottom-wrap-header .jms_ajax_search_content .searchbox .input-wrapper .search-submit > svg {
position: relative;
top: 2px; } }
.header-wrapper.header-3 .bottom-wrap-header .widget-contact .header-block-hotline span {
line-height: 1.4;
font-size: 1.2rem;
font-family: "Caros";
color: #000;
text-align: right;
font-weight: bold;
position: relative;
letter-spacing: -.2px;
padding-left: 30px;
display: inline-flex; }
@media only screen and (min-width: 1280px) and (max-width: 1298px) {
.header-wrapper.header-3 .bottom-wrap-header .widget-contact .header-block-hotline span {
padding-left: 20px;
font-size: 16px; } }
.header-wrapper.header-3 .bottom-wrap-header .widget-contact .header-block-hotline span::before {
content: '';
width: 24px;
height: 24px;
position: absolute;
left: 0;
top: 0;
background: url("assets/images/icon-feat/phone.svg") top left no-repeat;
background-size: contain; }
@media only screen and (min-width: 1280px) and (max-width: 1298px) {
.header-wrapper.header-3 .bottom-wrap-header .widget-contact .header-block-hotline span::before {
width: 18px;
height: 18px; } }
.mobile-header-3 .topbar {
display: none; }
.header-3 .header-action .header-cart .cart-count {
right: auto;
left: 14px; }
/**
* =============================================
* HEADER STYLE 4
* =============================================
*/
.header-wrapper.header-4 {
background-color: white;
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.06);
margin-bottom: 34px; }
.header-wrapper.header-4 .wrap-header {
display: flex;
justify-content: space-between;
align-items: center; }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-4 .wrap-header {
min-height: 112px; } }
.header-wrapper.header-4 .header-logo .logo_image img {
position: relative;
top: -6px;
right: -20px; }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-4 .header-logo .logo_image img {
top: 17px;
right: 0; } }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-4 .header-left {
height: 112px; } }
.header-wrapper.header-4 .header-center {
text-align: center; }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-4 .header-center {
height: 112px; } }
.header-wrapper.header-4 .header-center .jms_ajax_search_content {
margin-top: 29px; }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-4 .header-center .jms_ajax_search_content .searchbox .input-wrapper .search-submit {
line-height: 2.3; } }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-4 .header-right {
height: 112px; } }
@media only screen and (max-width: 1099px) and (orientation: portrait) {
.header-wrapper.header-4 .header-right .header-mini-cart {
line-height: 1; } }
.header-wrapper.header-4 .header-right .header-mini-cart .header-cart > a {
position: relative;
display: inline-flex; }
.header-wrapper.header-4 .header-right .header-mini-cart .header-cart .cart-count {
bottom: 41px; }
.header-wrapper.header-4 .header-right .header-mini-cart .header-cart .price-s-icon {
position: relative;
top: -7px; }
.header-wrapper.header-4 .header-right .header-wishlist a span {
top: 42px; }
.header-wrapper.header-4 .header-right .btn-group > a {
line-height: 1.4;
position: relative; }
.header-wrapper.header-4 .header-right .menu-popup-button {
line-height: 7;
border-width: 1px;
border-color: #f2f2f2;
border-style: solid;
background-color: #f9f9f9;
width: 70px;
max-height: 112px;
text-align: center; }
.header-wrapper.header-4 .header-right .menu-popup-button svg {
margin-top: 42px; }
.mobile-header-4 .topbar {
display: none; }
.header-4 .header-action .header-cart .cart-count {
right: auto;
left: 14px; }
/**
* ==================================================
* Style Header 5
* ==================================================
*/
.header-5 .wrap-header {
display: flex;
align-items: center;
justify-content: space-between; }
.header-5 .wrap-header .btn-group > a {
display: inline-flex; }
@media only screen and (min-width: 1200px) {
.header-5 .wrap-header .btn-group > a {
display: inline-block; } }
.header-5 .header-position.header-left .logo_image img {
position: relative;
top: -6px;
right: -20px; }
@media only screen and (min-width: 1200px) {
.header-5 .header-position.header-left .logo_image img {
top: -17px;
right: 0; } }
.header-5 .header-cart {
display: inline-flex;
justify-content: center; }
.header-5 .header-mini-cart .header-cart .cart-count {
right: auto;
top: -10px;
left: 14px; }
.header-5 .header-mini-cart .price-s-icon {
position: relative;
margin-left: 6px; }
.header-5 .part-header-middle.top-header .wrap-header {
padding-top: 15px;
padding-bottom: 15px; }
@media only screen and (min-width: 1200px) {
.header-5 .part-header-middle.top-header .wrap-header {
padding-top: 32px;
padding-bottom: 28px; } }
.header-5 .part-header-middle .widget-wishlist {
display: none; }
@media only screen and (min-width: 1200px) {
.header-5 .part-header-middle .widget-wishlist {
display: inline-block; } }
.header-5 .part-header-middle .search-icon-popup {
cursor: auto; }
.header-5 .part-header-middle .search-icon-popup .jms_ajax_search_content .searchbox .select-box {
width: 195px; }
.header-5 .part-header-middle .search-icon-popup .jms_ajax_search_content .searchbox .input-wrapper .search-field {
min-width: 330px; }
.header-5 .part-header-middle .header-block.search-icon-popup {
text-align: center; }
.header-5 .part-header-middle .header-position.header-action .header-block.header-account {
position: relative;
margin: 0; }
.header-5 .part-header-middle .header-position.header-action .account-text {
font-family: "Caros";
font-size: 16px;
color: #000;
font-weight: 500; }
.header-5 .part-header-middle .header-position.header-action .block-acount .dropdown-menu {
right: 0;
top: calc(100% + 10px); }
.header-5 .part-header-middle .header-position.header-action .block-acount .dropdown-menu ul {
padding-left: 20px;
padding-top: 10px; }
@media only screen and (min-width: 1200px) {
.header-5 .part-header-middle .header-position.header-action .block-acount .dropdown-menu {
left: -20px;
padding: 0;
margin: 0; } }
.header-5 .part-header-middle .header-position.header-action .block-acount:hover .dropdown-menu {
opacity: 1;
visibility: visible; }
.header-5 .bottom-header {
border-top: 1px solid #ebebeb;
background-color: white;
border-bottom: 1px solid #e8e8e8;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
padding: 6px 0 0 0; }
.header-5 .bottom-header .ver-cat-menu {
position: relative;
display: none; }
@media only screen and (min-width: 1200px) {
.header-5 .bottom-header .ver-cat-menu {
display: block; } }
.header-5 .bottom-header .ver-cat-menu .category-menu-default {
padding-left: 0;
margin-bottom: 0;
width: 100% !important; }
.header-5 .bottom-header .ver-cat-menu .category-menu-default.off {
display: none; }
.header-5 .bottom-header .ver-cat-menu .category-menu-default li {
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 62px;
padding-top: 13px;
padding-bottom: 12px; }
.header-5 .bottom-header .ver-cat-menu .category-menu-default li:not(:last-child) {
border-bottom: 1px solid #f5f5f5; }
.header-5 .bottom-header .ver-cat-menu .category-menu-default li:last-child {
padding-left: 29px;
padding-top: 12px;
padding-bottom: 12px; }
.header-5 .bottom-header .ver-cat-menu .category-menu-default li:last-child a {
color: #000; }
.header-5 .bottom-header .ver-cat-menu .category-menu-default li a {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #555555;
line-height: 1.5; }
.header-5 .bottom-header .ver-cat-menu .category-menu-default li a i {
font-size: 21px;
display: inline-block;
position: absolute;
left: 30px; }
.header-5 .bottom-header .ver-cat-menu .show-catmenu {
font-size: 1.3rem;
height: 52px;
width: 302px;
min-width: 302px;
line-height: 3.4;
display: flex;
align-items: center;
padding-left: 27px;
font-family: "Caros";
color: #ffffff;
margin-bottom: 0px;
font-weight: 500;
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
@media only screen and (min-width: 992px) {
.header-5 .bottom-header .ver-cat-menu .show-catmenu {
margin-top: -1px; } }
.header-5 .bottom-header .ver-cat-menu .show-catmenu svg {
margin-right: 15px; }
.header-5 .bottom-header .ver-cat-menu .show-catmenu:hover {
cursor: pointer; }
.header-5 .bottom-header .ver-cat-menu .category-menu-wrapper {
position: absolute;
top: 51px;
left: 17px;
width: 302px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-color: white;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); }
.header-5 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu {
padding: 0px;
margin-bottom: 0px;
width: 100% !important; }
.header-5 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu > li {
height: 48.3px;
line-height: 2.5;
padding-left: 29px;
border-bottom: 1px solid whitesmoke; }
.header-5 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu > li:last-child {
border-bottom: none; }
.header-5 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu > li:last-child a {
color: #000000; }
.header-5 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu li, .header-5 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu a {
font-size: 1rem;
color: #555555;
font-family: "Roboto", sans-serif; }
.header-5 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu li i, .header-5 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu a i {
font-size: 1.4rem;
display: block;
float: left;
width: 11%;
line-height: 1.75; }
.header-5 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu li:hover, .header-5 .bottom-header .ver-cat-menu .category-menu-wrapper .ekofood-menu.category-menu a:hover {
cursor: pointer; }
.header-5 .bottom-header .widget-contact .header-block-hotline span {
line-height: 1.4;
font-size: 1.2rem;
font-family: "Caros";
color: #000;
text-align: right;
font-weight: bold;
position: relative;
letter-spacing: -.2px;
padding-left: 30px;
display: inline-flex; }
@media only screen and (min-width: 1280px) and (max-width: 1298px) {
.header-5 .bottom-header .widget-contact .header-block-hotline span {
padding-left: 20px;
font-size: 16px; } }
.header-5 .bottom-header .widget-contact .header-block-hotline span::before {
content: '';
width: 24px;
height: 24px;
position: absolute;
left: 0;
top: 0;
background: url("assets/images/icon-feat/phone.svg") top left no-repeat;
background-size: contain; }
@media only screen and (min-width: 1280px) and (max-width: 1298px) {
.header-5 .bottom-header .widget-contact .header-block-hotline span::before {
width: 18px;
height: 18px; } }
.header-5 .mobile-header-5 .topbar {
display: none; }
.header-5 .bottom-header .part-header-bottom .main-menu.header-position {
flex: 1; }
.header-5 .list-link-topbar {
margin: 0;
padding: 0;
list-style: none; }
.header-5 .list-link-topbar li {
margin: 0;
margin-bottom: 7px;
text-transform: capitalize;
position: relative; }
.header-5 .list-link-topbar li a {
font-family: "Roboto", sans-serif;
font-size: 14px;
color: #000;
font-weight: 400; }
.header-5 a.top-bar-logout {
font-family: "Caros";
font-weight: 500;
font-size: 16px;
color: #000; }
.header-5 #jms_ajax_search .search-form {
width: 532px; }
.header-5 #jms_ajax_search .search-form input[type="text"] {
border: 2px solid;
border-color: #ebebeb;
border-radius: 4px;
height: 48px; }
.header-5 #jms_ajax_search .search-form .search-submit {
height: 48px; }
.eko-h1-slider-btn .tp-mask-wrap .rev-btn {
font-family: "Caros";
font-weight: bold !important;
line-height: 1 !important; }
.eko-h1-slider-btn .tp-mask-wrap .rev-btn:hover {
cursor: pointer; }
/**
* ==============================
* HEADER STYLE 6
* ==============================
*/
.header-wrapper.header-6.header-overlap .wrap-header {
top: 37px;
width: auto; }
.header-wrapper.header-6 .logo_image img {
position: relative;
top: -6px;
right: -20px; }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-6 .logo_image img {
top: -12px;
right: 0; } }
.header-wrapper.header-6 .wrap-header .btn-group > a {
display: inline-flex; }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-6 .wrap-header .btn-group > a {
display: inline-block; } }
.header-wrapper.header-6 .container .wrap-header {
background: url("assets/images/bg/bg-header-home6.png") top left no-repeat;
background-size: 100% 100%; }
.header-wrapper.header-6 .mt-header {
display: flex;
justify-content: space-between;
align-items: center; }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-6 .mt-header {
padding-top: 11px;
padding-bottom: 37px;
width: 100%;
margin: auto;
max-width: calc(1345px - 0px); } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: landscape) {
.header-wrapper.header-6 .mt-header {
padding-top: 15px;
padding-bottom: 15px; } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: portrait) {
.header-wrapper.header-6 .mt-header {
padding-top: 15px;
padding-bottom: 15px; } }
.header-wrapper.header-6 .mt-header .header-center {
display: inline-flex;
flex: 1;
justify-content: center;
align-items: center; }
.header-wrapper.header-6 .mt-header .header-center .header-cat-menu {
position: relative; }
.header-wrapper.header-6 .mt-header .header-center .header-cat-menu .secondary-title {
font-size: 0px; }
.header-wrapper.header-6 .mt-header .header-center .header-cat-menu .secondary-title:hover {
cursor: pointer; }
.header-wrapper.header-6 .mt-header .header-center .header-cat-menu .category-menu-wrapper {
position: absolute;
top: 65px;
left: -12px;
z-index: 9;
min-width: 306px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-color: white;
left: 50%;
transform: translate(-50%, 0); }
.header-wrapper.header-6 .mt-header .header-center .header-cat-menu .category-menu-wrapper:after {
content: '';
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #fff;
position: absolute;
top: -7px;
left: 5px;
left: 50%;
transform: translate(-50%, 0); }
.header-wrapper.header-6 .mt-header .header-center .header-cat-menu .category-menu-wrapper .category-menu.ekofood-menu {
display: none;
padding: 0px;
margin-bottom: 0px;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0 0px 15px rgba(14, 14, 14, 0.15);
border: 1px solid #F2F2F2; }
.header-wrapper.header-6 .mt-header .header-center .header-cat-menu .category-menu-wrapper .category-menu.ekofood-menu > li {
height: 48.3px;
line-height: 2.5;
padding-left: 29px;
border-bottom: 1px solid whitesmoke; }
.header-wrapper.header-6 .mt-header .header-center .header-cat-menu .category-menu-wrapper .category-menu.ekofood-menu > li:last-child {
border-bottom: none; }
.header-wrapper.header-6 .mt-header .header-center .header-cat-menu .category-menu-wrapper .category-menu.ekofood-menu > li:last-child a {
color: #000000; }
.header-wrapper.header-6 .mt-header .header-center .header-cat-menu .category-menu-wrapper .category-menu.ekofood-menu li, .header-wrapper.header-6 .mt-header .header-center .header-cat-menu .category-menu-wrapper .category-menu.ekofood-menu a {
font-size: 1rem;
color: #555555;
font-family: "Roboto", sans-serif; }
.header-wrapper.header-6 .mt-header .header-center .header-cat-menu .category-menu-wrapper .category-menu.ekofood-menu li i, .header-wrapper.header-6 .mt-header .header-center .header-cat-menu .category-menu-wrapper .category-menu.ekofood-menu a i {
font-size: 1.4rem;
display: block;
float: left;
width: 11%;
line-height: 1.75; }
.header-wrapper.header-6 .mt-header .header-center .header-cat-menu .category-menu-wrapper .category-menu.ekofood-menu li:hover, .header-wrapper.header-6 .mt-header .header-center .header-cat-menu .category-menu-wrapper .category-menu.ekofood-menu a:hover {
cursor: pointer; }
.header-wrapper.header-6 .mt-header .header-center .header-search .jms_ajax_search_content .searchbox .select-box {
width: 195px; }
.header-wrapper.header-6 .mt-header .header-center .header-search .jms_ajax_search_content .searchbox .select-box select {
padding: 0 25px 0 20px;
background-position: calc(100% - 20px) 50%; }
.header-wrapper.header-6 .mt-header .header-center .header-search .jms_ajax_search_content .searchbox .input-wrapper .search-field {
min-width: 331px; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.header-wrapper.header-6 .mt-header .header-center .header-search .jms_ajax_search_content .searchbox .input-wrapper .search-field {
min-width: 100% !important; } }
.header-wrapper.header-6 .mt-header .header-center .header-search .jms_ajax_search_content .searchbox .input-wrapper .search-submit {
line-height: 1;
right: 0; }
.header-wrapper.header-6 .mt-header .header-right {
display: flex; }
.header-wrapper.header-6 .mt-header .header-right .header-wishlist {
display: inline-flex; }
.header-wrapper.header-6 .mt-header .header-right .header-wishlist > a {
display: inline-flex; }
.header-wrapper.header-6 .mt-header .header-right .header-language.header-block {
padding-left: 8px; }
.header-wrapper.header-6 .mt-header .header-right .header-language .language-dropdown {
line-height: 30px;
width: auto;
padding: 0px 12px;
display: flex;
justify-content: center;
align-items: center;
color: #555555;
font-family: "Roboto", sans-serif;
font-size: 0px;
font-weight: 500;
border-width: 2px;
border-color: #ebebeb;
border-style: solid;
border-radius: 3px; }
.header-wrapper.header-6 .mt-header .header-right .header-language .language-dropdown:before {
content: '';
width: 20px;
height: 13px;
display: inline-block;
margin-right: 9px;
background: url("assets/images/icon-lang/english.jpg") left center no-repeat; }
.header-wrapper.header-6 .mt-header .header-right .header-language .language-dropdown i {
font-size: 12px;
margin-top: 0px;
margin-right: -3px;
color: #555555; }
.header-wrapper.header-6 .mt-header .header-right .header-language .dropdown-menu {
top: calc(100% + 20px);
left: auto;
right: -82px;
padding: 10px 15px; }
.header-wrapper.header-6 .mt-header .header-right .header-language .dropdown-menu:after {
right: auto;
left: 30px; }
.header-wrapper.header-6 .mt-header .header-right .header-language .dropdown-menu ul {
padding: 15px 0px; }
.header-wrapper.header-6 .mt-header .header-right .header-language .dropdown-menu ul li {
padding-left: 40px; }
.header-wrapper.header-6 .mt-header .header-right .header-language .dropdown-menu ul li:nth-child(1) {
background: url("assets/images/icon-lang/english.jpg") 12px 3px no-repeat; }
.header-wrapper.header-6 .mt-header .header-right .header-language .dropdown-menu ul li:nth-child(2) {
background: url("assets/images/icon-lang/french.jpg") 12px 3px no-repeat; }
.header-wrapper.header-6 .mt-header .header-right .header-language .dropdown-menu ul li:nth-child(3) {
background: url("assets/images/icon-lang/german.jpg") 12px 3px no-repeat; }
.header-wrapper.header-6 .mt-header .header-right .header-currencie.header-block {
padding-left: 8px; }
.header-wrapper.header-6 .mt-header .header-right .header-currencie .currency-dropdown {
line-height: 30px;
width: auto;
padding: 0px 10px;
display: flex;
justify-content: center;
align-items: center;
color: #555555;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
border-width: 2px;
border-color: #ebebeb;
border-style: solid;
border-radius: 3px; }
.header-wrapper.header-6 .mt-header .header-right .header-currencie .currency-dropdown span {
margin-right: 7px; }
.header-wrapper.header-6 .mt-header .header-right .header-currencie .currency-dropdown i {
font-size: 12px;
margin-top: -3px;
color: #555555; }
.header-wrapper.header-6 .mt-header .header-right .header-currencie .dropdown-menu {
top: calc(100% + 20px);
left: -16px;
min-width: 110px; }
.header-wrapper.header-6 .mt-header .header-right .header-currencie .dropdown-menu:after {
right: auto;
left: 30px; }
.header-wrapper.header-6 .mt-header .header-right .header-currencie .dropdown-menu ul {
padding: 15px 0px;
padding-top: 25px; }
.header-wrapper.header-6 .mt-header .header-right .header-currencie .dropdown-menu ul li {
text-align: left;
padding-left: 29px; }
.header-wrapper.header-6 .mt-header .header-right .header-account .account-text,
.header-wrapper.header-6 .mt-header .header-right .header-account .top-bar-logout {
font-family: "Caros";
font-size: 16px;
color: #000;
font-weight: 500; }
.header-wrapper.header-6 .mt-header .header-right .header-account .block-acount {
position: relative;
margin-right: 12px; }
.header-wrapper.header-6 .mt-header .header-right .header-account .block-acount .acount-dropdown svg {
position: relative;
top: 17px; }
.header-wrapper.header-6 .mt-header .header-right .header-account .block-acount .dropdown-menu {
right: auto;
left: -21px; }
.header-wrapper.header-6 .mt-header .header-right .header-account .block-acount .dropdown-menu .list-link-topbar {
padding-left: 0px;
padding-top: 10px; }
.header-wrapper.header-6 .mt-header .header-right .header-account .block-acount .dropdown-menu:after {
left: 25px; }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-6 .mt-header .header-right .header-account .block-acount .dropdown-menu:after {
left: 72px; } }
.header-wrapper.header-6 .mt-header .header-right .header-account .block-acount:hover .dropdown-menu {
opacity: 1;
visibility: visible; }
@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
.header-wrapper.header-6 .mt-header .header-right .header-account.header-block {
display: none; } }
.header-wrapper.header-6 .mt-header .header-right .header-mini-cart .price-s-icon {
font-family: "Caros";
font-size: 16px;
color: #000;
font-weight: 500;
position: relative;
top: 0;
margin-left: 6px; }
.header-wrapper.header-6 .mt-header .header-right .header-mini-cart .header-cart {
display: inline-flex;
justify-content: center;
align-items: center; }
.header-wrapper.header-6 .mt-header .header-right .header-mini-cart .header-cart .cart-count {
top: -10px;
right: auto;
left: 15px; }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-6 .mt-header .header-right .header-mini-cart .header-cart .widget_shopping_cart_content {
right: -66px; } }
.header-wrapper.header-6 .mb-header {
display: flex;
position: relative;
justify-content: space-between;
align-items: center;
padding-top: 11px;
padding-bottom: 14px; }
.header-wrapper.header-6 .mb-header:before {
content: '';
width: calc(100% - 34px);
height: 1px;
background: #ebebeb;
position: absolute;
top: 0px;
left: 17px; }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-6 .mb-header {
width: 100%;
margin: auto;
max-width: calc(1345px - 0px); } }
.header-wrapper.header-6 .mb-header .header-left {
flex: 1; }
.header-wrapper.header-6 .mb-header .header-left .ekofood-menu.primary-menu > li > a:after {
bottom: 12px; }
.header-wrapper.header-6 .mb-header .header-left .ekofood-menu.primary-menu > li.menu-align-justify {
position: relative; }
.header-wrapper.header-6 .mb-header .header-left .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .container {
max-width: 1345px; }
.header-wrapper.header-6 .mb-header .header-left .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu.simple-menu {
top: calc(100% - 1px); }
.header-wrapper.header-6 .mb-header .header-left .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu.simple-menu .simple-menu {
top: calc(100% - 53px); }
.header-wrapper.header-6 .mb-header .header-left .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu {
top: calc(100% - 15px);
width: 100000% !important; }
.header-wrapper.header-6 .mb-header .header-left .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home .dropdown-menu.mega-dropdown-menu {
left: -320px;
top: calc(100% - 9px); }
.header-wrapper.header-6 .mb-header .header-left .primary-menu-wrapper .ekofood-menu.primary-menu .store-mega-menu .dropdown-menu.mega-dropdown-menu {
top: calc(100% - 1px);
left: -120px; }
.header-wrapper.header-6 .mb-header .header-left .primary-menu-wrapper .ekofood-menu.primary-menu .page-element-megamenu .dropdown-menu.mega-dropdown-menu {
top: calc(100% - 8px); }
.header-wrapper.header-6 .mb-header .header-right .widget-contact .header-block-hotline span {
line-height: 1.4;
font-size: 1.2rem;
font-family: "Caros";
color: #000;
text-align: right;
font-weight: bold;
position: relative;
letter-spacing: -.2px;
padding-left: 30px;
display: inline-flex; }
@media only screen and (min-width: 1280px) and (max-width: 1298px) {
.header-wrapper.header-6 .mb-header .header-right .widget-contact .header-block-hotline span {
padding-left: 20px;
font-size: 16px; } }
.header-wrapper.header-6 .mb-header .header-right .widget-contact .header-block-hotline span::before {
content: '';
width: 24px;
height: 24px;
position: absolute;
left: 0;
top: 0;
background: url("assets/images/icon-feat/phone.svg") top left no-repeat;
background-size: contain; }
@media only screen and (min-width: 1280px) and (max-width: 1298px) {
.header-wrapper.header-6 .mb-header .header-right .widget-contact .header-block-hotline span::before {
width: 18px;
height: 18px; } }
/* ---------------------------------------------
4. MENU
------------------------------------------ */
.ekofood-menu.primary-menu {
display: flex;
flex-wrap: wrap; }
.ekofood-menu.primary-menu .dropdown-menu {
padding: 40px 0px 30px 0px; }
.ekofood-menu.primary-menu.menu-center {
justify-content: center; }
.ekofood-menu.primary-menu.menu-left {
justify-content: flex-start; }
.ekofood-menu.primary-menu.menu-right {
justify-content: flex-end; }
.ekofood-menu.primary-menu > li {
padding: 0 18px;
height: 55px; }
.ekofood-menu.primary-menu > li:last-child {
padding-right: 0; }
.ekofood-menu.primary-menu > li:first-child {
padding-left: 0; }
.ekofood-menu.primary-menu > li > a {
text-transform: capitalize;
font-family: "Caros";
font-size: 1.2rem;
line-height: 3;
display: inline-block;
color: #000000;
transition: all 0.3s ease !important;
font-weight: 500;
position: relative; }
.ekofood-menu.primary-menu > li > a:hover {
padding: 0;
color: #000000 !important; }
.ekofood-menu.primary-menu > li > a:after {
content: '';
width: 105%;
height: 2px;
position: absolute;
left: 1px;
z-index: 1001;
display: block;
margin-left: -3px;
opacity: 0;
bottom: 15px;
transform: scale(0);
transition: transform .4s ease-in-out 0s; }
.ekofood-menu.primary-menu > li > ul:not(.mega-nav) {
top: 110%;
left: -10px; }
.ekofood-menu.primary-menu > li:hover > ul:not(.mega-nav) {
top: calc(100% + 1px); }
.ekofood-menu.primary-menu > li:hover > a:after {
opacity: 1;
transform: scale(1); }
.ekofood-menu.primary-menu > li.menu-align-center .dropdown-menu {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); }
.ekofood-menu.primary-menu > li.menu-align-right .dropdown-menu {
left: auto;
right: 0; }
.ekofood-menu.primary-menu > li.menu-align-justify {
position: inherit; }
.ekofood-menu.primary-menu > li.mega-full {
position: inherit; }
.ekofood-menu .content-element p {
margin-bottom: 5px; }
@media screen and (min-width: 1200px) {
.menu-left .dropdown-menu {
-webkit-transform: translateX(-10%);
-moz-transform: translateX(-10%);
-o-transform: translateX(-10%);
transform: translateX(-10%); } }
.ekofood-mobile-menu {
background: white;
opacity: 1;
position: fixed;
max-width: 300px;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9999;
visibility: hidden;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
.ekofood-mobile-menu .banner-disable {
display: none; }
.ekofood-mobile-menu .hidden-desktop {
display: block; }
.ekofood-mobile-menu .language-mobile {
padding: 0 23px; }
@media only screen and (max-width: 640px) {
.ekofood-mobile-menu .language-mobile {
margin-top: 16px; } }
.ekofood-mobile-menu .language-mobile > .btn-group {
line-height: 50px;
display: block;
font-weight: 400;
text-transform: uppercase;
color: #333; }
.ekofood-mobile-menu .language-mobile ul {
padding: 10px 0 0 20px; }
.ekofood-mobile-menu .language-mobile ul li {
list-style: none; }
.ekofood-mobile-menu .menu-title {
line-height: 50px;
padding: 0 20px;
color: white;
font-weight: 600; }
.ekofood-mobile-menu .close-menu-mobile {
width: 20px;
height: 20px;
cursor: pointer; }
.ekofood-mobile-menu .close-menu-mobile span {
position: relative;
display: inline-block;
width: 20px;
height: 2px;
background: none;
vertical-align: 5px;
font-size: 0; }
.ekofood-mobile-menu .close-menu-mobile span:before, .ekofood-mobile-menu .close-menu-mobile span:after {
content: '';
width: 20px;
height: 2px;
background: #fff;
display: inline-block;
position: absolute;
left: 0;
right: 0; }
.ekofood-mobile-menu .close-menu-mobile span:before {
top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.ekofood-mobile-menu .close-menu-mobile span:after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.ekofood-mobile-menu .search-block-wrapper {
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb; }
.ekofood-mobile-menu .search-block-wrapper .search-field {
height: 50px;
line-height: 50px;
border: none; }
.ekofood-mobile-menu .search-block-wrapper .search-submit {
top: -7px; }
.ekofood-mobile-menu .search-block-wrapper .search-submit i {
line-height: 50px; }
.admin-bar .ekofood-mobile-menu {
padding-top: 30px; }
.menu-mobile-open-menu .ekofood-mobile-menu {
overflow-y: scroll;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.menu-mobile-open-menu #sidebar-open-overlay {
opacity: 1;
visibility: visible; }
.menu-mobile-open-menu .bg-overlay {
opacity: 1;
visibility: visible;
z-index: 1002; }
.bg-overlay {
z-index: 0;
position: fixed;
top: 0;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.78);
background-color: rgba(40, 40, 40, 0.3);
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
transition: opacity 0.8s ease, visibility 0.9s ease,transform .4s ease;
transition: opacity .2s ease-in-out,z-index .2s ease-in-out; }
.mobile-menu-wrapper ul {
padding: 0;
margin: 0;
list-style: none; }
.bottom-mobile-wrapper .btn-group {
display: block; }
.bottom-mobile-wrapper .btn-group .dropdown-toggle i {
font-family: 'simple-line-icons'; }
.bottom-mobile-wrapper .dropdown-toggle {
line-height: 50px;
padding: 0 20px;
display: block;
font-weight: 400;
text-transform: uppercase;
border-bottom: 1px solid rgba(129, 129, 129, 0.11); }
.bottom-mobile-wrapper .dropdown-toggle i {
margin-right: 5px; }
.bottom-mobile-wrapper .dropdown-menu {
display: block;
opacity: 0;
visibility: hidden;
padding: 15px 20px;
left: -20px;
top: 120%;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms; }
.bottom-mobile-wrapper .dropdown-menu ul {
list-style: none;
padding: 0;
margin: 0; }
.bottom-mobile-wrapper .open .dropdown-menu {
opacity: 1;
visibility: visible;
top: 100%; }
.mobile-menu li {
position: relative;
margin: 0; }
.mobile-menu li.open > .holder:before {
content: "\f106"; }
.mobile-menu > li > a {
line-height: 50px;
padding: 0 20px;
display: block;
font-weight: 400;
text-transform: uppercase;
border-bottom: 1px solid rgba(129, 129, 129, 0.11); }
.mobile-menu ul {
display: none;
font-size: 14px; }
.mobile-menu ul li a {
padding: 0 20px;
line-height: 50px;
display: block;
border-bottom: 1px solid rgba(129, 129, 129, 0.11); }
.mobile-menu ul ul li a {
padding: 0 30px; }
.mobile-menu .holder {
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
z-index: 10;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: black;
border-left: 1px solid rgba(129, 129, 129, 0.11); }
.mobile-menu .holder:before {
content: "\f107";
font-family: 'FontAwesome';
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
text-align: center;
line-height: 50px;
font-size: 12px; }
@media screen and (max-width: 767px) {
.admin-bar .ekofood-mobile-menu {
padding-top: 46px; } }
/**
* ==============================
* Vertical Menu
* =============================
*/
@media only screen and (min-width: 1200px) {
.check-vertical-menu .ekofood-menu.category-menu {
display: block !important; } }
.ekofood-menu.vertical-menu > .menu-item-has-children > .menu-item-link {
position: relative; }
.ekofood-menu.vertical-menu > .menu-item-has-children > .menu-item-link:before {
content: "\f218";
font-family: "Ionicons";
position: absolute;
line-height: 30px;
right: -22px;
top: -2px;
color: white;
font-size: 15px;
transition: transform .3s ease;
opacity: 1;
transform: rotate(0deg); }
.ekofood-menu.vertical-menu > .menu-item-has-children > .menu-item-link:hover:before {
transform: rotate(45deg);
opacity: 1; }
.ekofood-menu.vertical-menu .dropdown-menu {
top: 20%;
left: auto;
right: 100%; }
.ekofood-menu.vertical-menu .dropdown-menu .simple-menu {
margin: 0;
padding: 0 0 0 30px; }
.ekofood-menu.vertical-menu .dropdown-menu .mega-dropdown-inner .banner-box {
margin-bottom: 5px; }
.ekofood-menu.vertical-menu .dropdown-menu.simple-menu .simple-menu {
left: auto;
right: 100%;
top: calc(100% - 69px); }
.ekofood-menu.vertical-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li {
text-align: center; }
.ekofood-menu.vertical-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li .sub-menu {
background-color: transparent;
text-align: center; }
.ekofood-menu.vertical-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li .sub-menu li a {
font-family: "Roboto", sans-serif;
font-size: 1rem;
color: #555555;
text-transform: capitalize;
display: block;
width: 100%;
padding-left: 0px; }
.ekofood-menu.vertical-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li > a {
display: block;
margin-bottom: 15px; }
.ekofood-menu.vertical-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li > a .menu_title {
font-size: 1.42rem;
font-family: "Caros";
color: #000000;
text-transform: capitalize;
display: block;
letter-spacing: 0.5px; }
.ekofood-menu.vertical-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li > a i {
display: none; }
.ekofood-menu.vertical-menu > li {
display: block;
transition: unset; }
.ekofood-menu.vertical-menu > li:last-child {
border-bottom: none; }
.ekofood-menu.vertical-menu > li > a {
line-height: 40px;
text-transform: capitalize;
letter-spacing: 0.6px;
font-size: 1.357rem;
color: white;
font-family: "Caros";
font-weight: 300; }
.ekofood-menu.vertical-menu > li > a:hover {
padding-left: 0;
color: white; }
.ekofood-menu.vertical-menu > li > ul:not(.mega-nav) {
top: 10px;
left: 100%; }
.ekofood-menu.vertical-menu > li.mega-full .dropdown-menu {
width: 1170px !important; }
.ekofood-menu.vertical-menu > li:hover {
background-color: #7bad3d; }
.ekofood-menu.vertical-menu li:hover > ul:not(.mega-nav) {
top: 0;
opacity: 1;
visibility: visible; }
.ekofood-menu.vertical-menu li:hover > .dropdown-menu {
pointer-events: inherit;
visibility: visible;
opacity: 1;
top: 0; }
.menu-popup-button {
text-transform: uppercase;
font-size: 16px;
line-height: 30px;
cursor: pointer;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
display: inline-block;
z-index: 999; }
.menu-popup-button .icon-menu {
position: relative;
display: inline-block;
width: 20px;
height: 2px;
background: #6f6f6f;
vertical-align: 5px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
font-size: 0; }
.menu-popup-button .icon-menu:before, .menu-popup-button .icon-menu:after {
content: '';
width: 20px;
height: 2px;
background-color: #6f6f6f;
display: inline-block;
position: absolute;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
left: 0;
right: 0; }
.menu-popup-button .icon-menu:before {
content: '';
top: -7px; }
.menu-popup-button .icon-menu::after {
bottom: -7px; }
.menu-popup {
position: fixed;
top: 0;
left: auto;
right: 0px;
z-index: 9999;
opacity: 0;
visibility: hidden;
width: 290px;
height: 100%;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); }
.menu-popup .menu-popup-box {
position: relative; }
.menu-popup .close-menu-popup {
cursor: pointer;
position: absolute;
top: 0px;
right: 0px;
color: #fff;
background: #9ec968;
font-size: 13px;
width: 40px;
height: auto;
text-align: center;
border-radius: 5px;
display: none !important; }
.menu-popup .close-menu-popup:before {
content: '+';
color: #fff;
font-size: 2rem;
font-weight: 100;
display: inline-block;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.menu-popup .close-menu-popup:hover:before {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg); }
.menu-popup .vertical-menu {
padding: 0 0px; }
.menu-popup .vertical-menu .dropdown-menu {
padding: 0 0 0 90px;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.46);
background-color: white;
padding: 50px;
padding-bottom: 25px; }
.menu-popup .vertical-menu > li {
text-align: center; }
.menu-popup .menu-title {
color: #fff;
margin-bottom: 80px;
padding: 20px 0;
font-size: 1.642rem;
text-align: center;
padding-top: 70px;
padding-bottom: 36px;
color: white;
font-family: "Caros";
border-bottom: 1px solid #9ec968; }
.show-menu-popup .menu-popup {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
visibility: visible; }
.show-menu-popup #sidebar-open-overlay {
opacity: 1;
visibility: visible; }
.ekofood-popup-menu {
background: white;
opacity: 0.98;
position: fixed;
z-index: 9999;
width: 300px;
height: 100%;
top: 0;
left: 0;
z-index: 9999;
visibility: hidden;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
.ekofood-popup-menu .menu-title {
line-height: 50px;
padding: 0 20px;
color: white;
font-weight: 600; }
.ekofood-popup-menu .close-menu {
line-height: 50px;
font-size: 17px; }
.admin-bar .ekofood-popup-menu {
top: 32px; }
.menu-popup-open-menu .ekofood-popup-menu {
overflow-y: scroll;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.menu-popup-open-menu #sidebar-open-overlay {
opacity: 1;
visibility: visible; }
.popup-menu-wrapper ul {
padding: 0;
margin: 0;
list-style: none; }
.search-block-wrapper .search-field {
height: 50px;
line-height: 50px;
border: none; }
.search-block-wrapper .search-submit i {
line-height: 50px; }
.bottom-popup-wrapper .btn-group {
display: block; }
.bottom-popup-wrapper .dropdown-toggle {
line-height: 50px;
padding: 0 20px;
display: block;
font-weight: 400;
text-transform: uppercase;
border-bottom: 1px solid rgba(129, 129, 129, 0.11); }
.bottom-popup-wrapper .dropdown-toggle i {
margin-right: 5px; }
.bottom-popup-wrapper .dropdown-menu {
display: block;
opacity: 0;
visibility: hidden;
padding: 15px 20px;
left: -20px;
top: 120%;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms; }
.bottom-popup-wrapper .dropdown-menu ul {
list-style: none;
padding: 0;
margin: 0; }
.bottom-popup-wrapper .open .dropdown-menu {
opacity: 1;
visibility: visible;
top: 100%; }
.popup-menu li {
position: relative;
margin: 0; }
.popup-menu li.open > .holders:before {
content: "-"; }
.popup-menu > li > a {
line-height: 50px;
padding: 0 20px;
display: block;
font-weight: 400;
color: #fff;
text-transform: capitalize;
border-bottom: 1px solid rgba(129, 129, 129, 0.11); }
.popup-menu ul {
display: none;
font-size: 14px; }
.popup-menu ul li a {
padding: 0 20px;
line-height: 50px;
display: block;
color: #fff;
border-bottom: 1px solid rgba(129, 129, 129, 0.11); }
.popup-menu ul ul li a {
padding: 0 30px; }
.popup-menu .holders {
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
z-index: 10;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #fff;
border-left: 1px solid rgba(129, 129, 129, 0.11); }
.popup-menu .holders:before {
content: "+";
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
text-align: center;
line-height: 50px;
font-size: 30px;
font-weight: 100; }
.popup-menu .menu-item-has-children .menu-item-has-children .holders {
right: 50px; }
.admin-bar .menu-popup .close-menu-popup {
top: 31px; }
.hidden-desktop {
display: none; }
.ekofood-menu .jmsbrand-box .owl-carousel .owl-item img {
opacity: 1; }
.ekofood-menu.category-menu {
display: none; }
.header-1 .ekofood-menu.category-menu, .header-3 .ekofood-menu.category-menu, .header-5 .ekofood-menu.category-menu {
display: block; }
.primary-menu-wrapper ul,
.vertical-menu-wrapper ul {
padding: 0;
margin: 0;
list-style: none; }
.ekofood-menu .content-element .container.container-row {
width: auto !important;
padding: 0 !important; }
.ekofood-menu .content-element .container.container-row .image-carousel-box a {
color: #aaa; }
.ekofood-menu .content-element .container.container-row .image-carousel-box .owl-carousel .owl-stage {
transition: all 2s ease 0s !important; }
.ekofood-menu .dropdown-menu {
pointer-events: none;
margin-top: -1px;
right: auto;
border-radius: 0;
border: none;
top: calc(100% - 0px);
left: 0;
right: auto;
display: block;
opacity: 0;
background: none;
box-shadow: none;
visibility: hidden;
-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
padding-bottom: 65px; }
.ekofood-menu .dropdown-menu:after {
content: none; }
.ekofood-menu .dropdown-menu.simple-menu {
top: 100%;
padding: 20px 0px 20px 0px;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.ekofood-menu .dropdown-menu.simple-menu .mega-dropdown-inner {
min-width: 210px; }
.ekofood-menu .dropdown-menu.simple-menu .mega-dropdown-inner .sub-menu {
padding-left: 0px; }
.ekofood-menu .dropdown-menu.simple-menu .mega-dropdown-inner .sub-menu li {
padding-left: 25px; }
.ekofood-menu .dropdown-menu.simple-menu .mega-dropdown-inner .sub-menu li a {
display: block;
width: 100%;
text-transform: capitalize; }
.ekofood-menu .dropdown-menu.simple-menu .mega-dropdown-inner .sub-menu li:hover {
background: #f9f9f9; }
.ekofood-menu .dropdown-menu.simple-menu li.menu-item-has-children:before {
content: "\f218";
font-family: "Ionicons";
position: absolute;
right: 30px;
line-height: 30px;
top: 3px;
color: #555;
font-size: 13px;
transition: transform .3s ease;
opacity: 1;
transform: rotate(0deg); }
.ekofood-menu .dropdown-menu.simple-menu li.menu-item-has-children:hover:before {
transform: rotate(45deg);
opacity: 1; }
.ekofood-menu .dropdown-menu.simple-menu .simple-menu {
left: 100%;
padding: 20px 0 20px 0px;
top: calc(100% - 53px); }
.ekofood-menu .dropdown-menu.simple-menu .simple-menu > .mega-dropdown-inner {
min-width: max-content; }
.ekofood-menu .dropdown-menu.simple-menu .simple-menu .sub-menu li {
padding-right: 38px; }
.ekofood-menu .dropdown-menu .sub-menu {
padding: 0;
min-width: auto;
width: auto;
box-shadow: none;
position: initial;
display: block;
opacity: 1;
visibility: visible; }
.ekofood-menu .dropdown-menu .mega-nav li {
padding: 7px 0;
transition: transform .3s ease; }
.ekofood-menu .dropdown-menu .column-heading {
font-weight: 500;
display: inline-block;
width: 100%;
margin-bottom: 15px;
color: #fff;
padding-bottom: 5px;
font-size: 18px;
position: relative; }
.ekofood-menu .dropdown-menu .column-heading i {
display: none; }
.ekofood-menu .dropdown-menu .mega-dropdown-inner {
background: white;
display: inline-block;
width: 100%;
min-width: 320px;
padding: 0px; }
.ekofood-menu .dropdown-menu .mega-dropdown-inner .title-brand {
color: #555555;
font-family: "Caros";
font-weight: bold;
font-size: 1.28rem;
margin-top: 7px;
text-transform: capitalize; }
.ekofood-menu .menu_row2 {
margin-top: 25px !important; }
.ekofood-menu .menu-icon {
margin-right: 7px; }
.ekofood-menu .menu-item-link {
color: #aaa;
font-weight: normal; }
.ekofood-menu li {
list-style: none;
position: relative;
margin: 0;
padding: 7px 0px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.ekofood-menu li ul:not(.mega-nav) {
position: absolute;
top: 30px;
right: -100%;
min-width: 240px;
max-width: 100%;
padding: 35px 0px 30px 25px;
text-align: left;
background: white;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
z-index: 99;
opacity: 0;
visibility: hidden; }
.ekofood-menu li ul:not(.mega-nav) a {
color: #555555;
font-weight: normal; }
.ekofood-menu li ul:not(.mega-nav) li.menu-item-has-children {
position: relative;
color: #555555; }
.ekofood-menu li ul:not(.mega-nav) li.menu-item-has-children:before {
content: "\f218";
font-family: "Ionicons";
position: absolute;
right: 30px;
line-height: 30px;
top: 5px;
color: #555;
font-size: 13px;
transition: transform .3s ease;
opacity: 1;
transform: rotate(0deg); }
.ekofood-menu li ul:not(.mega-nav) li.menu-item-has-children:hover:before {
transform: rotate(45deg);
opacity: 1; }
.ekofood-menu li.wide ul {
min-width: 275px; }
.ekofood-menu li.narrow ul {
min-width: 100px; }
.ekofood-menu li:hover > ul:not(.mega-nav) {
top: 0;
opacity: 1;
visibility: visible; }
.ekofood-menu li:hover > .dropdown-menu {
pointer-events: inherit;
visibility: visible;
opacity: 1; }
.ekofood-menu ul > li.menu-item-has-children.menu-align-right .sub-menu {
left: auto !important;
right: 100% !important; }
.ekofood-menu ul:not(.mega-nav) li.menu-item-has-children.menu-align-right .dropdown-menu {
left: auto !important;
right: 100% !important; }
.mask-overlay {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
visibility: hidden;
z-index: 400;
width: 100%;
height: 100%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
/**
* =================================================
* Style - Site - Menu
* =================================================
*/
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
top: calc(100% + 1px);
padding: 35px 0px 20px 0px; }
@media only screen and (min-width: 1350px) {
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
min-width: 1920px !important;
left: -624px; } }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home .owl-carousel.owl-theme .owl-stage-outer .owl-item {
padding: 5px; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home .owl-carousel.owl-theme .owl-stage-outer .owl-item .item > a {
display: block;
overflow: hidden;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25); }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home .owl-carousel.owl-theme .owl-stage-outer .owl-item .item > a > img {
width: 100%;
object-fit: cover;
object-position: top;
height: 231px;
transition: 4s all ease; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home .owl-carousel.owl-theme .owl-stage-outer .owl-item:hover .item > a > img {
object-position: bottom; }
@media only screen and (min-width: 1300px) {
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .store-menu-home.menu-item-has-children .dropdown-menu {
left: -25px;
min-width: 160px; } }
@media only screen and (min-width: 1300px) {
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .store-menu-home.menu-item-has-children .dropdown-menu .mega-dropdown-inner {
min-width: 160px; } }
@media only screen and (min-width: 1300px) {
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .store-menu-blog.menu-item-has-children > .dropdown-menu {
left: -7px; } }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .store-mega-menu > .dropdown-menu.mega-dropdown-menu {
left: -215px;
padding: 30px 0px 30px 0px;
margin-top: 0; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .store-mega-menu > .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner > .mega-nav {
padding-left: 25px;
padding-right: 25px; }
@media only screen and (min-width: 1280px) {
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .store-mega-menu > .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner > .mega-nav:nth-of-type(1) {
margin-bottom: 13px; } }
@media only screen and (min-width: 1280px) {
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .store-mega-menu > .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner > .mega-nav:nth-of-type(2) {
margin-bottom: 13px; } }
@media only screen and (min-width: 1280px) {
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .store-mega-menu > .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner > .mega-nav:nth-of-type(3) {
margin-bottom: 13px; } }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .store-mega-menu > .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner > .mega-nav > li {
text-align: left; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .store-mega-menu > .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner > .mega-nav > li > .sub-menu {
text-align: left; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .page-element-megamenu > .dropdown-menu.mega-dropdown-menu {
padding: 30px 0px 30px 0px;
left: -300px;
margin-top: 0; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .page-element-megamenu > .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner > .mega-nav {
padding-left: 25px;
padding-right: 25px; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .page-element-megamenu > .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner > .mega-nav > li {
text-align: left; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .page-element-megamenu > .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner > .mega-nav > li > .sub-menu {
text-align: left; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .banner-box {
margin-bottom: 19px;
border: 1px solid #fff;
border-radius: 5px; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu {
transform: translateX(-50%) !important; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .elements-megamenu .mega-dropdown-menu {
left: 17%;
padding: 43px 0px 32px 50px; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu {
transform: translateX(0px);
background: #ffffff; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li {
text-align: left; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li > a {
display: block;
margin-bottom: 15px; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li > a .menu_title {
font-size: 1.42rem;
font-family: "Caros";
font-weight: 500;
color: #000000;
text-transform: capitalize;
display: block;
letter-spacing: 0px; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li > a:hover {
cursor: default; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li > a i {
display: none; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li .sub-menu {
background-color: transparent;
text-align: left; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li .sub-menu li {
margin-left: -15px; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li .sub-menu li a {
font-family: "Roboto", sans-serif;
font-size: 1rem;
color: #555555;
text-transform: capitalize;
display: block;
width: 100%;
padding-left: 15px; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li .sub-menu li:hover {
background: #f9f9f9; }
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .container,
.header-wrapper .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner {
max-width: 1315px;
width: 100% !important;
position: unset !important;
padding: 0 !important;
margin: 0px auto;
display: block; }
@media only screen and (min-width: 1300px) {
li.eko-vegetables-menu {
padding-left: 2px !important; } }
@media only screen and (min-width: 1300px) {
li.eko-fresh-menu {
padding-left: 11px !important; } }
@media only screen and (min-width: 1300px) {
li.eko-fruits-menu {
padding-left: 18px !important; } }
@media only screen and (min-width: 1300px) {
li.eko-ocean-menu {
padding-left: 25px !important; } }
/* ---------------------------------------------
5. FOOTER
------------------------------------------ */
.site.wrap-main-1 .page-content.mb-135 {
margin-bottom: 0; }
#footer-wrapper {
color: #555555; }
#footer-wrapper .wpb_content_element {
margin-bottom: 0; }
#footer-wrapper a {
color: #555555; }
#footer-wrapper.footer-4 {
color: #c0c0c0; }
#footer-wrapper.footer-4 a {
color: #c0c0c0; }
#footer-wrapper.footer-4 .blog-title a {
color: white; }
#footer-wrapper .vc_row-full-width.vc_clearfix + p {
display: none; }
#footer-wrapper .footer-top:last-child {
margin-bottom: 0; }
#footer-wrapper .footer-top .widget_nav_menu li a {
position: relative;
color: #555555; }
#footer-wrapper .footer-top .widget_nav_menu li a:after {
content: "";
height: 1px;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 100%;
transform: translateY(1px);
transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1);
transition-property: opacity, transform;
width: 100%; }
#footer-wrapper .footer-top .widget_nav_menu li a:hover:after {
opacity: 1;
transform: translateY(-3px) translateZ(0); }
#footer-wrapper .widget_recent_post_with_image .widgettitle {
margin-bottom: 30px; }
#footer-wrapper .footer-bottom {
font-size: 13px; }
#footer-wrapper .footer-bottom .menu li {
display: inline-block;
margin: 0;
line-height: 25px;
padding-right: 30px; }
#footer-wrapper .footer-bottom .copyright {
line-height: 29px; }
#footer-wrapper .copyright_footer {
color: #555;
font-size: 15px; }
#footer-wrapper .copyright_footer a:hover {
text-decoration: underline; }
#footer-wrapper .instagram-picture:hover .hover-mask {
display: none; }
#footer-wrapper .vc-left {
text-align: left; }
#footer-wrapper .vc-right {
text-align: right; }
#footer-wrapper .vc-center {
text-align: center; }
#footer-wrapper .menu-hoz-left {
text-align: left; }
#footer-wrapper .menu-hoz-left .widget_nav_menu li {
display: inline-block;
margin: 0 20px; }
#footer-wrapper .menu-hoz-left .widget_nav_menu li:first-child {
margin-left: 0; }
#footer-wrapper .menu-hoz-right {
text-align: right; }
#footer-wrapper .menu-hoz-right .widget_nav_menu li {
display: inline-block;
margin: 0 20px; }
#footer-wrapper .menu-hoz-right .widget_nav_menu li:last-child {
margin-right: 0; }
#footer-wrapper .menu-hoz-center {
text-align: center; }
#footer-wrapper .menu-hoz-center .widget_nav_menu li {
display: inline-block;
margin: 0 20px; }
#footer-wrapper .menu-hoz-center .widget_nav_menu li:hover,
#footer-wrapper .menu-hoz-right .widget_nav_menu li:hover,
#footer-wrapper .menu-hoz-left .widget_nav_menu li:hover {
padding: 0; }
#footer-wrapper .menu-hoz-center .widget_nav_menu li a:before,
#footer-wrapper .menu-hoz-right .widget_nav_menu li a:before,
#footer-wrapper .menu-hoz-left .widget_nav_menu li a:before {
display: none; }
#footer-wrapper .image-inline-block {
display: inline-block; }
#backtop {
border: none;
width: 45px;
height: 45px;
line-height: 4;
border-radius: 50%;
background-color: white;
color: #000000;
text-align: center;
position: fixed;
bottom: 80px;
right: 10px;
z-index: 99;
display: none;
padding: 0;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); }
#backtop:hover {
color: #ffffff; }
#backtop i {
font-size: 18px;
line-height: 45px;
margin: 0;
font-family: 'simple-line-icons'; }
@media screen and (max-width: 991px) {
.footer .vc_row {
margin: 0; } }
@media screen and (max-width: 767px) {
.footer-top > .wpb_column {
margin-bottom: 30px; }
.footer-top > .wpb_column:last-child {
margin-bottom: 0; }
.footer-top > .wpb_column .wpb_column {
margin-bottom: 10px; }
.footer-top > .wpb_column .wpb_column:last-child {
margin-bottom: 0; }
.col-footer {
margin-bottom: 40px; }
.col-footer:last-child {
margin-bottom: 0; }
#footer-wrapper .footer-bottom {
text-align: center; }
#footer-wrapper .footer-bottom p {
text-align: center !important; }
#footer-wrapper .footer-bottom .menu li {
padding: 0 15px; }
#footer-wrapper .ekofood-social-icons.icon-align-right {
justify-content: center; } }
/**
* =====================================
* FOOTER STYLE 3
* =====================================
*/
@media only screen and (min-width: 911px) and (max-width: 1024px) and (orientation: landscape) {
.page-home-4 #thumb-now-h4.rs-pxl-1 {
display: none; } }
/* ---------------------------------------------
6. HOME
------------------------------------------ */
#page {
overflow: hidden;
position: relative; }
.vc_row.container {
padding: 0;
margin-right: auto !important;
margin-left: auto !important; }
.home .header-wrapper.header-absolute,
.page-template-page-demo .header-wrapper.header-absolute {
position: absolute;
width: 100%; }
.border-inner {
position: relative; }
.border-inner:after {
content: '';
width: calc(100% - 20px);
height: calc(100% - 20px);
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 2px solid white; }
.account-icon .header-account a > span {
display: none; }
.account-icon .header-account a > i {
display: inline-block; }
.newsletter-form {
position: relative; }
.newsletter-form input[type="email"] {
background-color: white;
height: 55px;
line-height: 55px;
border: 1px solid #ebebeb;
padding-left: 20px;
padding-right: 20px; }
.newsletter-form button {
position: absolute;
right: 0;
bottom: 0;
background-color: transparent;
background-image: url("assets/images/icons/icon-right.png");
background-position: center center;
background-repeat: no-repeat;
font-size: 0;
width: 55px;
height: 55px;
line-height: 55px;
border: none;
padding: 0; }
#newsletter-bottom .newsletter-form {
position: relative; }
#newsletter-bottom .newsletter-form input[type="email"] {
background-color: transparent;
border: none;
border-bottom: 1px solid;
border-color: #c1c1c1;
height: 40px;
line-height: 40px;
padding: 0; }
#newsletter-bottom .newsletter-form button {
height: 40px;
line-height: 40px; }
.has-left-fixed-menu .page-content,
.has-left-fixed-menu .page-heading,
.has-left-fixed-menu #footer-wrapper {
padding-left: 340px; }
.has-left-fixed-menu .container {
width: 100%;
padding-left: 40px;
padding-right: 40px; }
.has-left-fixed-menu .vc_row-no-padding {
max-width: 100%;
left: auto !important;
margin-left: 0;
margin-right: 0; }
.has-left-fixed-menu #prev-product, .has-left-fixed-menu #next-product {
display: none; }
.has-left-fixed-menu .bg-container {
background-color: #F0EEEE;
margin-left: 0;
margin-right: 0; }
.custom-banner {
display: inline-block;
background-color: #eadada;
padding: 50px 30px;
text-align: center; }
.custom-banner h3 {
background: white;
width: 143px;
height: 143px;
border-radius: 50%;
font-size: 17px;
font-weight: 700;
padding: 33px 0;
margin: 0 auto; }
.custom-banner h3 span {
font-size: 48px;
font-weight: 700;
display: block; }
.custom-banner p {
font-size: 17px;
line-height: 30px;
font-weight: 400;
text-transform: capitalize;
margin: 20px auto 30px; }
.custom-banner .btn-transparent-color {
border: 2px solid;
background-color: transparent; }
@media screen and (max-width: 1480px) {
.vc_row.none-padding {
padding-left: 0 !important;
padding-right: 0 !important; } }
@media screen and (max-width: 1199px) {
.has-left-fixed-menu .page-content,
.has-left-fixed-menu .page-heading,
.has-left-fixed-menu #footer-wrapper {
padding-left: 300px; }
.box-icon {
width: 50%; } }
@media screen and (max-width: 991px) {
.has-left-fixed-menu .page-content,
.has-left-fixed-menu .page-heading,
.has-left-fixed-menu #footer-wrapper {
padding-left: 0; } }
@media screen and (max-width: 767px) {
.box-icon {
width: 100%;
max-width: 270px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px; }
.box-icon:last-child {
margin-bottom: 0; }
.none-title .content {
display: none; }
#woorebought-popup {
display: none !important; } }
/**
* ========================================
* Style - Home 1
* ========================================
*/
@media only screen and (min-width: 1200px) {
.h-one-wrap-slider {
margin-top: 32px; } }
@media only screen and (min-width: 1023px) and (max-width: 1199px) and (orientation: portrait) {
.h-one-wrap-slider > .container {
padding-left: 0;
padding-right: 0; } }
.h-one-wrap-slider .col-dis-none {
max-width: calc(100% - 1006px);
width: 100%; }
@media only screen and (min-width: 1200px) and (max-width: 1342px) and (orientation: landscape) {
.h-one-wrap-slider .col-dis-none {
max-width: 320px !important;
width: 320px !important; } }
.h-one-wrap-slider .h-one-slider {
max-width: 1006px;
width: 100%; }
@media only screen and (min-width: 1200px) and (max-width: 1342px) and (orientation: landscape) {
.h-one-wrap-slider .h-one-slider {
max-width: calc( 100% - 320px) !important;
width: calc( 100% - 320px) !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1199px) and (orientation: portrait) {
.h-one-wrap-slider .h-one-slider > .vc_column-inner {
padding-left: 0;
padding-right: 0; } }
@media only screen and (min-width: 764px) and (max-width: 820px) and (orientation: portrait) {
.h-one-wrap-slider .h-one-slider > .vc_column-inner {
padding-left: 0;
padding-right: 0; } }
@media only screen and (min-width: 1200px) and (max-width: 1342px) and (orientation: landscape) {
.h-one-wrap-slider .h-one-slider rs-module-wrap {
max-width: 100% !important; } }
@media only screen and (min-width: 764px) and (max-width: 820px) and (orientation: portrait) {
.h-one-wrap-slider .h-one-slider rs-module-wrap {
height: 360px !important; } }
@media only screen and (max-width: 740px) and (orientation: landscape) {
.h-one-wrap-slider .h-one-slider rs-module-wrap {
height: 360px !important; } }
@media only screen and (min-width: 764px) and (max-width: 820px) and (orientation: portrait) {
.h-one-wrap-slider .h-one-slider rs-module-wrap > rs-module {
height: 360px !important; } }
@media only screen and (max-width: 740px) and (orientation: landscape) {
.h-one-wrap-slider .h-one-slider rs-module-wrap > rs-module {
height: 360px !important; } }
.h-one-feature-categories {
padding-top: 70px;
padding-bottom: 70px;
position: relative; }
.h-one-feature-categories .addon-title {
margin-bottom: 30px;
position: relative;
z-index: 2; }
.h-one-feature-categories .jmsproductcategories-elements {
position: relative;
z-index: 2; }
.h-one-feature-categories .jmsproductcategories-elements .cat-items .category-image {
position: relative; }
.h-one-feature-categories .jmsproductcategories-elements .cat-items .category-image .link-img {
display: block;
background-color: #fff;
width: 190px;
height: 190px;
border-radius: 50%;
overflow: hidden; }
.h-one-feature-categories .jmsproductcategories-elements .cat-items .category-image .link-img img {
transform: scale(1);
transition: all 400ms ease-out 0s; }
.h-one-feature-categories .jmsproductcategories-elements .cat-items .category-image .link-img:hover img {
transform: scale(1.2); }
.h-one-feature-categories .jmsproductcategories-elements .cat-items .category-image .count-pr-cat {
position: absolute;
top: 0px;
right: 15px;
font-size: 1.35rem;
font-family: "Caros";
font-weight: bold;
color: #fff;
width: 45px;
height: 45px;
line-height: 2.5;
text-align: center;
display: block;
margin-bottom: 0px;
border-radius: 50%;
letter-spacing: -.5px; }
.h-one-feature-categories .jmsproductcategories-elements .cat-items .category-info {
text-align: center;
margin-top: 15px; }
.h-one-feature-categories .jmsproductcategories-elements .cat-items .category-info a {
font-family: "Caros";
font-weight: 500;
font-size: 1.35rem;
color: black;
text-transform: capitalize; }
.h-one-feature-product {
margin-top: 77px;
margin-bottom: 30px; }
@media only screen and (min-width: 1300px) {
.h-one-feature-product {
margin-bottom: 11px; } }
.h-one-feature-product .addon-title {
margin-bottom: 25px; }
.h-one-feature-product .ekofood-products-holder .owl-dots {
position: relative;
z-index: 3; }
@media only screen and (min-width: 1200px) {
.h-one-feature-product .ekofood-products-holder .owl-dots {
margin-top: -38px !important; } }
.h-one-feature-product .product-style-5.mb_40 {
margin-bottom: 0px; }
.h-one-feature-product .owl-carousel .owl-stage-outer {
padding: 15px;
margin: -15px; }
@media only screen and (min-width: 1200px) {
.h-one-feature-product .owl-carousel .owl-stage-outer {
padding-bottom: 40px; } }
.h-one-feature-product .ekofood-button-wrapper a {
font-size: 1.07rem;
text-transform: uppercase;
font-family: "Caros";
font-weight: 900;
background-color: #fff;
min-width: 200px;
display: inline-flex;
border-radius: 5px;
line-height: 1;
letter-spacing: .3px;
border: 2px solid;
overflow: hidden;
justify-content: center;
align-items: center;
padding: 13px 12px 11px; }
.h-one-feature-product .ekofood-button-wrapper a:hover {
color: #fff; }
@media only screen and (min-width: 650px) and (max-width: 970px) {
.h-one-group-banner .vc_column_container > .vc_column-inner {
padding-left: 8px;
padding-right: 8px; } }
.h-one-group-banner .banner-box .banner-text .content .button-banner-wrapper a {
font-size: 1rem;
font-family: "Caros";
border-radius: 5px;
background-color: transparent;
width: 110px;
height: 36px;
border-bottom: none;
display: inline-block;
padding-bottom: 0px;
text-align: center;
line-height: 2.3;
border: 2px solid;
transition: all 200ms ease-in 0s; }
.h-one-group-banner .banner-box .banner-text .content .button-banner-wrapper a:hover {
cursor: pointer;
color: #fff; }
.h-one-group-banner .item-banner-o .banner-box .banner-text {
left: auto;
text-align: right;
padding-top: 36px;
padding-right: 37px;
width: 100%; }
.h-one-group-banner .item-banner-o .banner-box .banner-text .content .title p {
font-family: "Caros";
font-weight: 500;
font-size: 1.8125em; }
.h-one-group-banner .item-banner-o .banner-box .banner-text .content .subtitle {
margin-top: 5px; }
.h-one-group-banner .item-banner-o .banner-box .banner-text .content .subtitle p {
font-family: "Caros";
font-weight: 500;
font-size: 1.1875em;
color: #000; }
.h-one-group-banner .item-banner-o .banner-box .banner-text .content .button-banner-wrapper {
margin-top: 24px; }
.h-one-group-banner .item-banner-t .banner-box .banner-text {
left: auto;
text-align: center;
padding-top: 70px; }
.h-one-group-banner .item-banner-t .banner-box .banner-text .content .title p {
font-family: "Caros";
font-weight: 500;
font-size: 2.142rem;
line-height: 1.2; }
.h-one-group-banner .item-banner-t .banner-box .banner-text .content .subtitle {
margin-top: 6px; }
.h-one-group-banner .item-banner-t .banner-box .banner-text .content .subtitle p {
font-family: "Roboto", sans-serif;
font-weight: 200;
font-size: 1.714rem;
letter-spacing: -.2px;
color: #ffffff; }
.h-one-group-banner .item-banner-tr .banner-box .banner-text {
left: auto;
text-align: right;
padding-top: 36px;
padding-right: 37px;
width: 100%; }
.h-one-group-banner .item-banner-tr .banner-box .banner-text .content .title {
font-family: "Caros";
font-weight: 500;
font-size: 1.8125em;
color: #000000;
line-height: 1.4; }
.h-one-group-banner .item-banner-tr .banner-box .banner-text .content .title ins {
color: #fe2626;
text-decoration: none; }
.h-one-group-banner .item-banner-tr .banner-box .banner-text .content .subtitle {
font-family: "Caros";
font-weight: 500;
font-size: 1.1875em;
color: #000;
margin-top: 5px;
line-height: 1.4; }
.h-one-group-banner .item-banner-tr .banner-box .banner-text .content .button-banner-wrapper {
margin-top: 24px; }
.h-one-banner-txt.vc_row {
margin-left: 0px;
margin-right: 0px;
min-height: 182px; }
.h-one-banner-txt .vc_column-inner {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px !important; }
.h-one-banner-txt .banner-box {
margin-bottom: 0px; }
.h-one-banner-txt .banner-box.image-effect-1 .banner-image {
min-height: 183px !important;
transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); }
.h-one-banner-txt .banner-box.image-effect-1:hover .banner-image {
transform: scale3d(1.1, 1.1, 1.1); }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.h-one-banner-txt .banner-box .content .title {
font-size: 10px;
text-align: right; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.h-one-banner-txt .banner-box .content .title {
font-size: 9px;
text-align: right; } }
.h-one-banner-txt .banner-box .content .title p {
font-family: "Caros";
font-weight: bold;
font-size: 2.4375em;
margin-bottom: 0px;
margin-top: 15px; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.h-one-banner-txt .banner-box .content .subtitle {
font-size: 12px;
text-align: right; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.h-one-banner-txt .banner-box .content .subtitle {
font-size: 12px;
text-align: right; } }
.h-one-banner-txt .banner-box .content .subtitle p {
font-family: "Roboto", sans-serif;
font-size: 1.875em;
color: #000000;
font-style: italic;
font-weight: 300;
margin-left: 350px; }
.h-one-best-sell-products {
margin-top: 30px;
margin-bottom: 30px; }
@media only screen and (min-width: 1275px) {
.h-one-best-sell-products {
margin-top: 71px;
margin-bottom: 11px; } }
.h-one-best-sell-products .addon-title .title {
margin-bottom: 32px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.h-one-best-sell-products .addon-title .title {
margin-bottom: 5px; } }
.h-one-best-sell-products .ekofood-products-holder .owl-dots {
position: relative;
z-index: 3; }
@media only screen and (min-width: 1200px) {
.h-one-best-sell-products .ekofood-products-holder .owl-dots {
margin-top: -38px !important; } }
.h-one-best-sell-products .jmsproducttabs-elements .ekofood-tabs-header .tabs-navigation-wrapper {
padding-left: 0; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.h-one-best-sell-products .jmsproducttabs-elements .tab-title li {
margin: 0 10px; } }
.h-one-best-sell-products .jmsproducttabs-elements .tab-title li span {
font-size: 1.142rem;
font-family: "Caros";
font-weight: 500;
color: #555555;
text-align: center; }
.h-one-best-sell-products .jmsproducttabs-elements .owl-carousel .owl-stage-outer {
padding: 15px;
margin: -15px; }
@media only screen and (min-width: 1200px) {
.h-one-best-sell-products .jmsproducttabs-elements .owl-carousel .owl-stage-outer {
padding-bottom: 40px; } }
.h-one-best-sell-products .ekofood-button-wrapper a {
font-size: 1.07rem;
text-transform: uppercase;
font-family: "Caros";
font-weight: 900;
background-color: transparent;
max-width: 200px;
display: inline-block;
width: 100%;
height: 45px;
line-height: 2.8;
border: 2px solid;
overflow: hidden; }
.h-one-best-sell-products .ekofood-button-wrapper a:hover {
color: #ffffff; }
.h-one-banner-sale {
min-height: 405px;
background-repeat: no-repeat;
background-size: 100% 100%;
max-width: calc(1345px - 30px);
margin: auto; }
.h-one-banner-sale .col-content-sale > .vc_column-inner {
padding-top: 50px; }
.h-one-banner-sale .col-content-sale .top-title .title {
font-size: 2.571rem;
font-family: "Caros";
font-weight: bold;
color: #000000; }
.h-one-banner-sale .col-content-sale .subtitle .title {
font-size: 1.428rem;
font-family: "Caros";
font-weight: bold; }
.h-one-banner-sale .col-content-sale .ekofood-countdown-timer {
margin-top: 20px; }
.h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-days, .h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-hours, .h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-min, .h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-sec {
position: relative;
z-index: 1;
width: 70px;
height: 70px;
border-radius: 5px;
background-color: white;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
font-family: "Caros";
font-weight: bold;
font-size: 2.642rem;
text-align: center;
border: none;
margin-right: 15px;
letter-spacing: -1px; }
.h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-days::after, .h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-hours::after, .h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-min::after, .h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-sec::after {
content: '';
width: 100%;
height: 3px;
background-color: #f0f0f0;
position: absolute;
left: 0;
right: 0;
top: calc(100%/2);
z-index: -1; }
.h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-days > span, .h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-hours > span, .h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-min > span, .h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-sec > span {
position: absolute;
bottom: -22px;
left: 0;
right: 0;
font-size: 1.1rem;
font-family: "Roboto", sans-serif;
color: #555555;
text-transform: none; }
.h-one-banner-sale .col-content-sale .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-sec {
margin-right: 0px; }
.h-one-banner-sale .col-content-sale .ekofood-button-wrapper {
margin-top: 60px; }
.h-one-banner-sale .col-content-sale .ekofood-button-wrapper a {
font-size: 1.07rem;
text-transform: uppercase;
font-family: "Caros";
background-color: transparent;
max-width: 134px;
display: inline-block;
width: 100%;
height: 44px;
line-height: 2.8;
border-radius: 5px;
border: 2px solid;
overflow: hidden; }
.h-one-banner-sale .col-content-sale .ekofood-button-wrapper a:hover {
cursor: pointer;
color: #fff; }
.h-one-brands .jmsbrand-box {
background-color: #f9f9f9;
padding-top: 35px;
padding-bottom: 37px; }
.h-one-brands .jmsbrand-box .owl-carousel .owl-item img {
opacity: .7; }
.h-one-new-products {
margin-top: 72px;
margin-bottom: 38px; }
/**
* ==================================================
* STYLE - HOME - 2
* ==================================================
*/
.service-full-with.stretch_row_wide {
margin-top: 80px;
margin-bottom: 80px; }
@media only screen and (min-width: 1200px) {
.service-full-with.stretch_row_wide {
max-width: calc(1794px - 30px); } }
.service-full-with .service-elements.service-align-left {
padding-top: 35px;
padding-bottom: 35px;
justify-content: center; }
.service-full-with .service-elements.service-align-left .service-box-content {
flex: none; }
.service-full-with .service-elements.service-align-left .service-box-icon .inner-ivon {
background-color: #f5f5f5;
width: 57px;
height: 57px;
text-align: center;
line-height: 5;
border-radius: 50%; }
.group-equa-banner {
margin-bottom: 42px; }
.group-equa-banner .banner-col-2 .banner-box .banner-text {
text-align: left;
padding-top: 28px; }
.group-equa-banner .banner-col-2 .banner-box .banner-text .banner-inner .title {
margin-bottom: 8px; }
.group-equa-banner .banner-col-2 .banner-box .banner-text .banner-inner .subtitle p {
letter-spacing: -.5px;
line-height: 1.3; }
.group-equa-banner .banner-col-3 .banner-box .banner-text {
left: auto;
text-align: left;
padding-top: 28px; }
.group-equa-banner .banner-col-3 .banner-box .banner-text .banner-inner .title {
margin-bottom: 8px; }
.group-equa-banner .banner-col-3 .banner-box .banner-text .banner-inner .subtitle p {
letter-spacing: -.5px;
line-height: 1.3; }
.tab-home2 .addon-title .title {
margin-bottom: 35px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.tab-home2 .addon-title .title {
margin-bottom: 5px; } }
.tab-home2 .jms-tabs-title ul li {
color: #555555; }
@media only screen and (min-width: 650px) and (max-width: 970px) {
.tab-home2 .jmsproducttabs-elements .tabs-navigation-wrapper {
padding-left: 0; } }
.tab-home2 .jmsproducttabs-elements .jms-tabs-title {
margin-bottom: 30px; }
.tab-home2 .jmsproducttabs-elements .jms-tabs-title .tab-title > li {
position: relative;
margin: 0 36px; }
@media only screen and (min-width: 650px) and (max-width: 970px) {
.tab-home2 .jmsproducttabs-elements .jms-tabs-title .tab-title > li {
margin: 0 18px; } }
.tab-home2 .jmsproducttabs-elements .jms-tabs-title .tab-title > li::after {
content: '';
width: 1px;
height: 80%;
background-color: #ebebeb;
position: absolute;
top: 0px;
right: -36px; }
@media only screen and (min-width: 650px) and (max-width: 970px) {
.tab-home2 .jmsproducttabs-elements .jms-tabs-title .tab-title > li::after {
right: -18px; } }
.tab-home2 .jmsproducttabs-elements .jms-tabs-title .tab-title > li:last-child::after {
display: none; }
.tab-home2 .owl-theme .owl-nav.disabled + .owl-dots {
margin-top: -50px;
position: relative;
z-index: 2;
margin-bottom: 33px; }
.tab-home2 .jms-tabs-title ul {
border-bottom: none; }
.tab-home2 .jms-tabs-title ul li.active:before {
display: none; }
.tab-home2 .jms-tabs-title ul li::before {
display: none; }
.tab-home2 .ekofood-button-wrapper a {
font-size: 1.07rem;
text-transform: uppercase;
font-family: "Caros";
font-weight: 900;
background-color: transparent;
max-width: 200px;
display: inline-block;
width: 100%;
height: 44px;
line-height: 2.8;
padding: 0px !important;
border-radius: 5px;
border: 2px solid; }
.tab-home2 .ekofood-button-wrapper a:hover {
cursor: pointer;
color: #fff; }
.banner-bg-color.stretch_row_wide {
margin-top: 80px;
margin-bottom: 47px; }
@media only screen and (min-width: 1200px) {
.banner-bg-color.stretch_row_wide {
max-width: calc(1794px - 30px); } }
.banner-bg-color .banner-box {
margin-bottom: 0px;
line-height: 3.3; }
.banner-bg-color .banner-box .banner-text {
position: unset;
padding: 0px; }
.banner-bg-color .banner-box .banner-text .banner-inner .content {
text-align: center;
font-size: 1.928rem;
color: #ffffff;
font-family: "Caros";
font-weight: 500; }
.banner-bg-color .banner-box .banner-text .banner-inner .content a {
display: inline-block;
font-family: "Caros";
font-weight: 900;
font-size: 1.1rem;
background-color: transparent;
padding: 2px 33px;
line-height: 2.5;
color: white;
position: relative;
top: -4px;
margin-left: 100px;
border-radius: 5px;
border: 2px solid white; }
.banner-bg-color .banner-box .banner-text .banner-inner .content a:hover {
background-color: white; }
.banner-bg-color .wpb_column > .vc_column-inner {
padding-top: 0px; }
.category-type-icon {
margin-bottom: 74px; }
.category-type-icon .addon-title .title {
font-size: 2rem;
color: #000000;
font-family: "Caros";
font-weight: 500;
letter-spacing: -.5px; }
.category-type-icon .ekofood-button-wrapper {
text-align: left;
margin-top: 10px; }
.category-type-icon .ekofood-button-wrapper a {
font-family: "Caros";
font-weight: 900;
font-size: 1.1rem;
text-transform: uppercase;
display: inline-block;
border-bottom: 2px solid; }
.category-type-icon .ekofood-button-wrapper a:hover {
background-color: transparent;
cursor: pointer; }
.category-type-icon .cat-type-icon .cat-items .category-info span.count-pc-cat {
display: none !important; }
.jmsproductcategories-elements.cat-type-icon .cat-items .category-image {
border-width: 3px !important;
width: 134px;
height: 134px;
border-radius: 50%;
margin: 0px auto;
text-align: center;
line-height: 12.3; }
.jmsproductcategories-elements.cat-type-icon .cat-items .category-image .link-img {
display: inline-block;
width: 110px;
height: 110px;
border-radius: 50%;
text-align: center;
line-height: 11;
margin: auto; }
.jmsproductcategories-elements.cat-type-icon .cat-items .category-image .link-img i {
font-size: 5rem; }
.jmsproductcategories-elements.cat-type-icon .cat-items .category-info {
text-align: center;
margin-top: 15px; }
.jmsproductcategories-elements.cat-type-icon .cat-items .category-info a {
font-family: "Caros";
font-weight: 500;
font-size: 1.357rem;
color: #000000;
text-transform: capitalize; }
.jmsproductcategories-elements.cat-type-icon .cat-items .category-info a:hover {
cursor: pointer; }
.group-banner-countdown {
margin-top: 50px; }
@media only screen and (min-width: 1300px) {
.group-banner-countdown {
margin-top: 80px; } }
@media only screen and (min-width: 1200px) {
.group-banner-countdown .banner-col-1 {
width: 19%; } }
.group-banner-countdown .banner-col-1.b3 .banner-box .banner-text {
padding-right: 18px; }
.group-banner-countdown .banner-col-1 .banner-box {
overflow: hidden; }
.group-banner-countdown .banner-col-1 .banner-box .banner-image {
background-size: 100% 100%; }
.group-banner-countdown .banner-col-1 .banner-box .banner-text {
padding-top: 55px;
padding-right: 31px; }
.group-banner-countdown .banner-col-1 .banner-box .banner-text .content .title p {
font-size: 2.571rem;
font-family: "Roboto", sans-serif;
font-style: italic;
line-height: 1;
letter-spacing: -2px;
font-weight: 300; }
.group-banner-countdown .banner-col-1 .banner-box .banner-text .content .subtitle {
text-align: right;
margin-top: -10px; }
.group-banner-countdown .banner-col-1 .banner-box .banner-text .content .subtitle p {
font-family: "Caros";
font-weight: bold;
font-size: 3rem;
color: #095942;
line-height: 1;
letter-spacing: -1px; }
@media only screen and (min-width: 1200px) {
.group-banner-countdown .banner-col-2 {
width: calc(100% - 38%); } }
.group-banner-countdown .banner-col-2 > .vc_column-inner {
min-height: 450px; }
.group-banner-countdown .banner-col-2 .banner-box {
overflow: hidden; }
.group-banner-countdown .banner-col-2 .banner-box .banner-image {
background-size: 100% 100%; }
.group-banner-countdown .banner-col-2 .banner-box .banner-text {
padding-top: 47px; }
.group-banner-countdown .banner-col-2 .banner-box .banner-text .content {
text-align: center; }
.group-banner-countdown .banner-col-2 .banner-box .banner-text .content p {
font-family: "Caros";
font-weight: bold;
font-size: 2.571rem;
color: #000000;
margin-bottom: 30px; }
.group-banner-countdown .banner-col-2 .banner-box .banner-text .content p em {
font-style: normal;
color: #fe2626; }
.group-banner-countdown .banner-col-2 .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-days, .group-banner-countdown .banner-col-2 .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-hours, .group-banner-countdown .banner-col-2 .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-min, .group-banner-countdown .banner-col-2 .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-sec {
position: relative;
z-index: 1;
min-width: 72px;
min-height: 72px;
border-radius: 5px;
background-color: white;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
font-family: "Caros";
font-weight: bold;
font-size: 2.642rem;
color: #fe2626;
text-align: center;
border: none;
margin-right: 15px;
letter-spacing: -1px;
line-height: 1;
padding: 0;
padding-top: 16px;
padding-bottom: 5px; }
.group-banner-countdown .banner-col-2 .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-days::after, .group-banner-countdown .banner-col-2 .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-hours::after, .group-banner-countdown .banner-col-2 .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-min::after, .group-banner-countdown .banner-col-2 .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-sec::after {
content: '';
width: 100%;
height: 3px;
background-color: #f0f0f0;
position: absolute;
left: 0;
right: 0;
top: calc(100%/2 - 9px);
z-index: -1; }
.group-banner-countdown .banner-col-2 .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-days > span, .group-banner-countdown .banner-col-2 .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-hours > span, .group-banner-countdown .banner-col-2 .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-min > span, .group-banner-countdown .banner-col-2 .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-sec > span {
font-size: 1.1rem;
font-family: "Roboto", sans-serif;
color: #555555;
text-transform: none;
line-height: 1.3; }
.group-banner-countdown .banner-col-2 .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-sec {
margin-right: 0px; }
@media only screen and (min-width: 1200px) {
.group-banner-countdown .banner-col-3 {
width: 19%; } }
.group-banner-countdown .banner-col-3 .banner-box {
overflow: hidden; }
.group-banner-countdown .banner-col-3 .banner-box .banner-image {
background-size: 100% 100%; }
.group-banner-countdown .banner-col-3 .banner-box .banner-text {
padding-top: 48px; }
.group-banner-countdown .banner-col-3 .banner-box .banner-text .content .title p {
font-size: 3.357rem;
font-family: "Caros";
font-weight: bold;
line-height: 1;
letter-spacing: -1px; }
.group-banner-countdown .banner-col-3 .banner-box .banner-text .content .subtitle p {
font-family: "Roboto", sans-serif;
font-size: 3.357rem;
color: #ef5202;
line-height: 1.3;
font-weight: 300; }
.bestsell-product-home2 {
margin-top: 77px; }
.bestsell-product-home2 .addon-title {
margin-top: -10px;
margin-bottom: 30px; }
.bestsell-product-home2 > .vc_col-sm-4 {
padding-left: 40px; }
.bestsell-product-home2 > .vc_col-sm-4 .banner-box .banner-text {
padding-left: 48px;
padding-top: 38px; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.bestsell-product-home2 > .vc_col-sm-4 .banner-box .banner-text .content {
font-size: 25px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.bestsell-product-home2 > .vc_col-sm-4 .banner-box .banner-text .content {
font-size: 23px; } }
.bestsell-product-home2 > .vc_col-sm-4 .banner-box .banner-text .content .title p {
font-family: "Caros";
font-weight: bold;
font-size: 2.4375em;
color: #c87a49; }
.bestsell-product-home2 > .vc_col-sm-4 .banner-box .banner-text .content .subtitle {
padding-left: 115px; }
.bestsell-product-home2 > .vc_col-sm-4 .banner-box .banner-text .content .subtitle p {
font-family: "Caros";
font-weight: bold;
font-size: 2.4375em;
color: #c87a49; }
.bestsell-product-home2 > .vc_col-sm-4 .banner-box .banner-text .content .subsubtitle p {
font-size: 1.875em;
color: #000000;
font-family: "Roboto", sans-serif;
font-weight: 300;
font-style: italic;
letter-spacing: -1px; }
.bestsell-product-home2 .jmsproduct-elements .product-style-default .product-box .product-cat {
margin-top: 5px;
margin-bottom: 5px; }
.bestsell-product-home2 .jmsproduct-elements .product-style-default .product-box .product-info {
padding-top: 9px; }
.bestsell-product-home2 .jmsproduct-elements .product-style-default .product-box .product-info .price {
margin-top: 5px; }
.testimonial-home2 {
margin-top: -8px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }
.testimonial-home2 > .vc_column_container > .vc_column-inner {
padding-top: 0px; }
.testimonial-home2 .jmstestimonial-box.testimonials-slider {
max-width: 1310px;
width: 100%;
margin-left: 132px;
padding-top: 31px;
padding-bottom: 31px; }
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner {
display: flex;
justify-content: flex-start;
box-shadow: unset !important;
padding: 0px !important; }
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner .testimonials-avatar-box {
flex-basis: 30%;
justify-content: flex-start; }
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner .testimonials-avatar-box img {
border-width: 3px !important;
border-style: solid !important; }
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner .testimonials-avatar-box .testimonials-title {
margin-top: 10px; }
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner .testimonials-avatar-box .testimonials-title .name {
line-height: 1.4;
font-size: 1.714rem;
font-weight: bold;
margin-bottom: 3px;
color: #000000;
font-family: "Caros";
letter-spacing: -1px; }
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner .testimonials-avatar-box .testimonials-title .office {
font-weight: 400;
font-size: 1rem;
color: #555555;
font-style: normal; }
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner .testimonial-content {
text-align: left;
flex-basis: 70%;
width: auto;
padding-left: 40px;
line-height: 2;
font-size: 1rem;
color: #555555;
font-weight: 400;
margin: 8px 0 15px; }
.testimonial-home2 .jmstestimonial-box.testimonials-slider .owl-theme .owl-nav.disabled + .owl-dots {
position: absolute;
top: 15px;
right: -115px; }
.testimonial-home2 .jmstestimonial-box.testimonials-slider .owl-theme .owl-dots .owl-dot {
display: block;
margin-bottom: 8px !important; }
.recommende-product-home2 .jmsproduct-elements .owl-dots {
position: relative;
z-index: 2; }
/**
* ==========================================
* STYPE - HOME - 3
* ==========================================
*/
@media only screen and (min-width: 1200px) {
.slider-home3 {
margin-top: 10px; } }
.tle-sld-home3 .title {
font-family: "Caros";
font-weight: bold !important;
color: #000000 !important;
letter-spacing: 1.3px !important; }
.sub-tle-sld-home3 .subtitle {
font-family: "Caros";
font-weight: 400 !important;
color: #000000 !important;
letter-spacing: 1px !important; }
.sub-tle-sld-home3 .subtitle span {
font-family: "Caros";
font-weight: bold !important;
color: #fe2626 !important; }
.btn-sld-home3 .rev-btn {
font-family: "Caros" !important;
font-weight: 900 !important;
line-height: 1 !important; }
.banner-two-home2 {
margin-top: 80px; }
.banner-two-home2 .col-banner-1 .banner-box .content .title {
text-align: left;
padding-left: 120px; }
.banner-two-home2 .col-banner-1 .banner-box .content .subtitle {
text-align: right;
padding-right: 90px; }
.banner-two-home2 .col-banner-1 .banner-box .content .subtitle p {
line-height: 1.3; }
.banner-two-home2 .col-banner-1 .banner-box .content .title p, .banner-two-home2 .col-banner-1 .banner-box .content .subtitle p {
font-size: 2.143rem;
font-family: "Caros";
font-weight: bold;
letter-spacing: -.5px; }
.banner-two-home2 .col-banner-2 .banner-box .banner-text {
left: auto;
right: 16px;
top: auto;
bottom: 20px; }
.banner-two-home2 .col-banner-2 .banner-box .content .title {
margin-bottom: 10px; }
.banner-two-home2 .col-banner-2 .banner-box .content .title p {
font-size: 1.285rem;
font-family: "Caros";
font-weight: 500;
font-style: italic;
letter-spacing: -.5px;
color: #fe2626; }
.banner-two-home2 .col-banner-2 .banner-box .content .subtitle p {
font-family: "Caros";
font-weight: bold;
font-size: 1.857rem;
color: #000000; }
.group-cat-home3 .jmsproductcategories-elements.cat-type-image .cat-items .category-image .link-img {
border: 3px solid #dee4d7;
box-shadow: none; }
.banner-bg-color-home03 {
margin-top: 72px; }
.banner-bg-color-home03 .banner-box {
border: 2px dashed;
border-radius: 5px; }
.banner-bg-color-home03 .banner-box .banner-text {
position: unset; }
.banner-bg-color-home03 .banner-box .banner-text .content {
display: flex;
justify-content: center;
align-items: center; }
.banner-bg-color-home03 .banner-box .banner-text .content .title p {
font-family: "Caros";
font-weight: 500;
letter-spacing: -.3px;
line-height: 1.4; }
@media only screen and (min-width: 1275px) {
.banner-bg-color-home03 .banner-box .banner-text .content .title p {
line-height: 1; } }
@media only screen and (max-width: 640px) {
.banner-bg-color-home03 .banner-box .banner-text .content .title p {
line-height: 1.5; } }
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title {
margin-bottom: 45px; }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tabs-navigation-wrapper {
padding-left: 0; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tabs-navigation-wrapper {
padding-left: 0; } }
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title {
border-bottom: none; }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title {
display: inline-flex; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title {
display: inline-flex; } }
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title li {
border: 2px solid;
border-color: #ebebeb;
min-width: 150px;
border-radius: 5px;
line-height: 1.4;
text-align: center;
transition: all .3s ease-out 0s;
padding: 6px 5px;
margin: 0 15px; }
@media only screen and (max-width: 640px) {
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title li {
margin: 0; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title li {
min-width: auto;
width: auto;
padding: 6px 10px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title li {
min-width: auto;
width: auto;
padding: 6px 5px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title li {
margin: 0px 10px;
min-width: auto;
width: auto;
padding: 6px 10px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title li {
margin-bottom: 10px; } }
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title li:before {
display: none !important; }
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title li span {
font-size: 19px;
font-family: "Caros";
font-weight: 500;
color: #000000; }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title li span {
font-size: 14px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title li span {
font-size: 14px; } }
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title li.active span {
color: #ffffff; }
.home3-tab-products .jmsproducttabs-elements .jms-tabs-title .tab-title li:hover span {
color: #ffffff; }
.home3-tab-products .jmsproducttabs-elements .jmsproduct-elements .product-item .product-box .product-info .product-cat {
display: block; }
.row-rated-products {
margin-top: 80px; }
.row-rated-products .jmsproduct-elements .product-style-list2 .product-thumb {
border: none; }
.row-rated-products .jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button .tooltip {
background-color: transparent; }
.row-rated-products .jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button:hover .tooltip {
background-color: transparent; }
.col-rated-product .addon-title {
margin-bottom: 37px; }
.col-rated-product .addon-title .title {
margin-top: -7px;
font-size: 28px;
font-weight: 500;
color: #000;
line-height: 1.3;
margin-bottom: 0; }
.col-rated-product .product-style-list2 {
border: 1px solid #ebebeb;
border-radius: 3px;
padding: 9px 12px;
transition: all 300ms ease-in 0s; }
.col-rated-product .product-style-list2.mb_40 {
margin-bottom: 34px; }
.col-rated-product .product-style-list2:hover {
box-shadow: 2px 0px 13px 0 rgba(0, 0, 0, 0.22);
border: 1px solid transparent; }
.col-rated-product .product-style-list2 .yith-wcwl-add-to-wishlist,
.col-rated-product .product-style-list2 .actions-button > ul {
display: none !important; }
.col-rated-product .jmsproduct-elements .ekofood-products-holder .product-style-list2 .product-thumb {
width: 38%; }
.col-rated-product .jmsproduct-elements .ekofood-products-holder .product-style-list2 .product-list-info-box {
width: calc(100% - 38%); }
@media only screen and (min-width: 1275px) {
.col-rated-product .jmsproduct-elements .ekofood-products-holder .product-style-list2 .product-list-info-box .product-list-info-top {
margin-top: 12px; } }
.col-rated-product .jmsproduct-elements .ekofood-products-holder .product-style-list2 .product-list-info-box .woocommerce-LoopProduct-link {
margin-top: 10px;
line-height: 1.3; }
.col-rated-product .jmsproduct-elements .ekofood-products-holder .product-style-list2 .product-list-info-box .product-cat {
line-height: 1; }
.col-rated-product .jmsproduct-elements .ekofood-products-holder .product-style-list2 .product-list-info-box .price {
margin-top: 11px;
display: flex;
line-height: 1; }
.col-rated-product .jmsproduct-elements .ekofood-products-holder .product-style-list2 .product-list-info-box .star-rating {
line-height: 1.4;
min-height: 13px;
height: auto;
font-size: 13px;
display: flex;
margin-top: 19px; }
.col-rated-product .jmsproduct-elements .ekofood-products-holder.owl-theme .owl-nav.disabled + .owl-dots {
position: absolute;
top: -72px;
right: 0px; }
.col-rated-product .banner-hot-deals .banner-text {
padding-left: 55px; }
.col-rated-product .banner-hot-deals .banner-text .content .title p,
.col-rated-product .banner-hot-deals .banner-text .content .subtitle p {
font-size: 2.571rem;
font-family: "Caros";
font-weight: bold;
line-height: 1.194;
text-align: center; }
.col-rated-product .banner-hot-deals .banner-text .content .subtitle {
padding-left: 120px; }
.col-rated-product .banner-hot-deals .banner-text .content .subsubtitle p {
font-size: 2rem;
font-family: "Roboto", sans-serif;
color: black;
font-style: italic;
font-weight: 300;
text-align: center; }
.group-product-home3 .addon-title {
margin-bottom: 25px; }
.group-product-home3 .jmsproduct-elements .product-style-list1 .product-box .product-list-info-box .addtocart .button:hover {
background-color: transparent; }
.group-product-home3 .jmsproduct-elements .product-style-list1 .product-box .product-list-info-box .addtocart .button:hover .tooltip {
background-color: transparent; }
.eko-h3-banner {
margin-top: 30px; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.eko-h3-banner {
margin-top: 30px !important; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
.eko-h3-banner {
margin-top: 30px !important; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.eko-h3-banner .banner-box.content-style-1 .banner-text {
padding-top: 40px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.eko-h3-banner .banner-box.content-style-1 .content .title {
font-size: 10px;
margin-top: -12px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.eko-h3-banner .banner-box.content-style-1 .content .title {
font-size: 9px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.eko-h3-banner .banner-box.content-style-1 .content .title {
font-size: 13px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.eko-h3-banner .banner-box.content-style-1 .content .title {
font-size: 13px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.eko-h3-banner .banner-box.content-style-1 .content .subtitle {
font-size: 13px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.eko-h3-banner .banner-box.content-style-1 .content .subtitle {
font-size: 11px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.eko-h3-banner .banner-box.content-style-1 .content .subtitle {
font-size: 13px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.eko-h3-banner .banner-box.content-style-1 .content .subtitle {
font-size: 14px; } }
.eko-h3-banner .banner-box .banner-text {
padding: 10px; }
@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
.eko-h3-banner .banner-box .banner-text {
font-size: 9px; } }
@media only screen and (min-width: 911px) and (max-width: 1024px) and (orientation: landscape) {
.eko-h3-banner .banner-box .banner-text {
font-size: 9px; } }
@media only screen and (min-width: 760px) and (max-width: 768px) and (orientation: landscape) {
.eko-h3-banner .banner-box .banner-text {
font-size: 8px; } }
@media only screen and (min-width: 650px) and (max-width: 970px) {
.eko-h3-banner .banner-box p {
line-height: 1.1; } }
@media only screen and (min-width: 1200px) {
.eko-h3-banner {
margin-top: 80px; } }
@media only screen and (max-width: 640px) {
.eko-h3-banner {
margin-top: 30px !important; } }
/** * ====================================================== * STYLE - HOME - 4 * ====================================================== */
.home4-slider-title rs-layer {
font-family: "Caros" !important;
font-weight: bold !important;
color: #ffffff; }
.home4-slider-subtitle rs-layer {
font-family: "Caros" !important;
font-size: #ffffff; }
.home4-slider-subtitle rs-layer span {
display: inline-block !important;
font-family: "Caros" !important;
font-weight: bold !important;
color: #fe2626 !important; }
.home4-slider-subtitle rs-layer span.color-yalow {
color: #f6ff00 !important; }
.col-banner .banner-fiter-bg {
margin-bottom: 34px; }
.col-banner .banner-fiter-bg:before {
content: '';
position: absolute;
background-image: url("assets/images/bg/obj-sale-organic.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 222px;
height: 143px;
display: block;
z-index: 3; }
.hfour-product-hotdeals {
position: relative; }
.hfour-product-hotdeals .jmsproduct-elements .owl-carousel .owl-stage-outer {
padding: 15px;
margin: -15px; }
.hfour-product-hotdeals .jmsproduct-elements .mb_40 {
margin-bottom: 0px; }
.hfour-list-category .cat-type-image.jmsproductcategories-elements .cat-items {
border-width: 1px;
border-color: #e1e1e1;
border-style: solid;
border-radius: 5px;
max-height: 245px;
overflow: hidden; }
.hfour-list-category .cat-type-image.jmsproductcategories-elements .cat-items .category-image {
overflow: hidden; }
.hfour-list-category .cat-type-image.jmsproductcategories-elements .cat-items .category-image .link-img {
border-radius: unset;
max-width: 100%;
width: auto;
height: auto;
margin: 0px auto;
box-shadow: none;
padding-left: 9px;
padding-right: 9px;
padding-top: 20px; }
.hfour-list-category .cat-type-image.jmsproductcategories-elements .cat-items .category-image .link-img img {
transform: scale(0.95); }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.hfour-list-category .cat-type-image.jmsproductcategories-elements .cat-items .category-image .link-img img {
width: calc(60% - 12px);
margin: 0 auto; } }
.hfour-list-category .cat-type-image.jmsproductcategories-elements .cat-items .category-image .link-img:hover img {
transform: scale(0.95); }
.hfour-list-category .cat-type-image.jmsproductcategories-elements .cat-items .category-image .count-pr-cat {
top: -7px;
right: -5px;
width: 48px;
text-align: left;
height: 48px;
padding-left: 10px; }
.hfour-list-category .cat-type-image.jmsproductcategories-elements .cat-items .category-info {
text-align: center;
margin-top: 7px;
margin-bottom: 20px; }
.hfour-bg-banner {
margin-top: 36px;
margin-bottom: 46px; }
@media only screen and (min-width: 1300px) {
.hfour-bg-banner {
margin-top: 80px; } }
.hfour-bg-banner .banner-box .banner-text {
position: unset; }
.hfour-bg-banner .banner-box .banner-text .banner-inner .content {
text-align: center;
margin-top: 100px; }
.hfour-bg-banner .banner-box .banner-text .banner-inner .content .title p {
font-size: 3rem;
color: #ffffff;
text-transform: capitalize;
letter-spacing: -.5px;
font-family: 'Playball'; }
.hfour-bg-banner .banner-box .banner-text .banner-inner .content .subtitle {
margin-top: 27px; }
.hfour-bg-banner .banner-box .banner-text .banner-inner .content .subtitle p {
font-family: "Caros";
font-weight: bold;
font-size: 3.571rem;
line-height: 4.285rem;
color: white; }
.hfour-bg-banner .banner-box .banner-text .banner-inner .content .button-banner-wrapper {
margin-top: 50px;
margin-bottom: 40px; }
.hfour-bg-banner .banner-box .banner-text .banner-inner .content .button-banner-wrapper a {
font-family: "Caros";
font-weight: 900;
font-size: 1.071rem;
background-color: white;
border: none;
min-width: 160px;
display: block;
max-width: 160px;
margin: auto;
padding-bottom: 0px;
line-height: 3;
border-radius: 25px;
color: #fe2626;
border: 2px solid transparent !important;
transition: all 200ms ease-in 0s; }
.hfour-bg-banner .banner-box .banner-text .banner-inner .content .button-banner-wrapper a:hover {
color: white !important;
border: 2px solid white !important; }
@media only screen and (min-width: 1445px) {
.hfour-bg-banner rs-fullwidth-wrap:before {
content: '';
position: absolute;
background-image: url(assets/images/bg/obj-icon2-home4.png);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom left;
left: 0;
bottom: 0;
width: 249px;
height: 100%;
z-index: 2;
display: block; } }
@media only screen and (min-width: 1930px) {
.hfour-bg-banner rs-fullwidth-wrap:before {
background-image: url(assets/images/bg/items1-obj-banner-home-1.png); } }
@media only screen and (min-width: 1445px) {
.hfour-bg-banner rs-fullwidth-wrap rs-slide:after {
content: '';
position: absolute;
background-image: url(assets/images/bg/obj-icon1-home4.png);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom right;
right: 0;
bottom: 0;
width: 591px;
height: 100%;
z-index: 1;
display: block; } }
@media only screen and (min-width: 1930px) {
.hfour-bg-banner rs-fullwidth-wrap rs-slide:after {
background-image: url(assets/images/bg/items2-obj-banner-home-1.png); } }
.hfour-bg-banner .title {
color: #ffffff !important;
letter-spacing: -.5px !important;
font-family: 'Playball' !important; }
.hfour-bg-banner .subtitle {
font-family: "Caros" !important;
font-weight: bold !important;
color: white !important;
letter-spacing: -1px !important; }
.hfour-bg-banner .button-banner {
font-family: "Caros" !important;
font-weight: 900 !important;
line-height: 1 !important; }
.hfour-featuer-product {
position: relative; }
.hfour-featuer-product .addon-title {
margin-bottom: 33px;
position: relative; }
.hfour-featuer-product .addon-title:after {
content: '';
width: 34%;
background-color: #f0f0f0;
height: 2px;
position: absolute;
top: 21px;
left: 264px; }
.hfour-featuer-product .jmsproduct-elements .product-style-list2 .product-list-info-box .product-list-info-top .yith-wcwl-add-to-wishlist {
display: none !important; }
.hfour-featuer-product .jmsproduct-elements .product-style-list2 .actions-button {
margin-top: 21px;
margin-bottom: 17px; }
.hfour-featuer-product .jmsproduct-elements .product-style-list2 .actions-button ul {
display: none !important; }
.hfour-featuer-product .jmsproduct-elements .product-style-list2 .product-list-info-box .woocommerce-LoopProduct-link {
margin-top: 3px; }
.hfour-featuer-product .jmsproduct-elements .product-style-list2 .product-list-info-box .price {
margin-top: 4px; }
.hfour-featuer-product .jmsproducttabs-elements .jms-tabs-title {
position: static;
margin-bottom: 35px; }
@media only screen and (max-width: 1023px) {
.hfour-featuer-product .jmsproducttabs-elements .jms-tabs-title {
text-align: center; } }
@media only screen and (min-width: 1300px) {
.hfour-featuer-product .jmsproducttabs-elements .jms-tabs-title .tabs-navigation-wrapper {
margin-top: 5px !important; } }
@media only screen and (max-width: 400px) and (orientation: landscape) {
.hfour-featuer-product .jmsproducttabs-elements .jms-tabs-title .tabs-navigation-wrapper {
padding-left: 0; } }
@media only screen and (max-width: 440px) and (orientation: portrait) {
.hfour-featuer-product .jmsproducttabs-elements .jms-tabs-title .tabs-navigation-wrapper {
padding-left: 0; } }
.hfour-featuer-product .jmsproducttabs-elements .jms-tabs-title ul {
border-bottom: none; }
.hfour-featuer-product .jmsproducttabs-elements .jms-tabs-title ul li {
padding-bottom: 0px;
border-width: 2px;
border-color: white;
border-style: solid;
line-height: 1.8;
border-radius: 25px;
padding: 0px 18px;
margin: 0 2px; }
@media only screen and (max-width: 400px) and (orientation: landscape) {
.hfour-featuer-product .jmsproducttabs-elements .jms-tabs-title ul li {
line-height: 1.2;
padding: 2px 5px; } }
@media only screen and (max-width: 440px) and (orientation: portrait) {
.hfour-featuer-product .jmsproducttabs-elements .jms-tabs-title ul li {
line-height: 1.2;
padding: 2px 5px; } }
.hfour-featuer-product .jmsproducttabs-elements .jms-tabs-title ul li:before {
display: none; }
.hfour-featuer-product .jmsproducttabs-elements .jms-tabs-title ul li.active span {
color: #000000; }
.hfour-featuer-product .jmsproducttabs-elements .jms-tabs-title ul li span {
font-size: 1.071rem;
text-transform: capitalize;
font-family: "Roboto", sans-serif;
color: #555555;
font-weight: 400; }
.hfour-featuer-product .jmsproducttabs-elements .jms-tabs-title ul li:hover span {
color: #000000; }
.hfour-featuer-product .jmsproducttabs-elements .product-tab-content {
position: relative; }
.hfour-featuer-product .jmsproducttabs-elements .product-tab-content .jmsproduct-elements .product-style-list2.product-item {
border-width: 1px;
border-color: #ebebeb;
border-style: solid;
border-radius: 4px;
padding: 10px; }
.hfour-featuer-product .jmsproducttabs-elements .product-tab-content .jmsproduct-elements .product-style-list2.product-item.mb_40 {
margin-bottom: 34px; }
.hfour-featuer-product .jmsproducttabs-elements .product-tab-content .jmsproduct-elements .product-style-list2:hover.product-item {
box-shadow: 2px 0px 13px 0 rgba(0, 0, 0, 0.22); }
.hfour-featuer-product .jmsproducttabs-elements .product-tab-content .jmsproduct-elements .product-style-list2 .product-thumb {
width: 35%;
border: none; }
.hfour-featuer-product .jmsproducttabs-elements .product-tab-content .jmsproduct-elements .product-style-list2 .product-list-info-box {
width: 65%; }
.hfour-featuer-product .jmsproducttabs-elements .product-tab-content .jmsproduct-elements .product-style-list2 .product-list-info-box .product-cat {
display: inline-block;
margin-top: 18px; }
.hfour-featuer-product .jmsproducttabs-elements .product-tab-content .jmsproduct-elements .product-style-list2 .product-list-info-box .star-rating {
margin-top: 13px; }
.hfour-featuer-product .jmsproducttabs-elements .product-tab-content .jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button .tooltip {
border: none;
color: #555555; }
.hfour-featuer-product .jmsproducttabs-elements .product-tab-content .jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button:hover .tooltip {
background-color: transparent; }
.hfour-newest-product {
margin-top: 33px;
z-index: 2; }
.hfour-newest-product .addon-title.line-bottom-right {
position: relative; }
.hfour-newest-product .addon-title.line-bottom-right:after {
content: '';
width: 34%;
background-color: #f0f0f0;
height: 2px;
position: absolute;
top: 21px;
left: 264px; }
.hfour-newest-product .addon-title.line-bottom-right .title {
font-family: "Caros";
font-weight: 500;
font-size: 28px;
color: #000000;
line-height: 1.4;
position: relative;
margin-bottom: 0;
display: inline-block;
padding-right: 15px;
z-index: 9;
background-color: white; }
@media only screen and (max-width: 1023px) {
.hfour-newest-product .addon-title.line-bottom-right .title {
text-align: center; } }
@media only screen and (min-width: 760px) and (max-width: 768px) and (orientation: landscape) {
.hfour-newest-product .addon-title.line-bottom-right .title {
padding-right: 0 !important; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.hfour-newest-product .addon-title.line-bottom-right .title {
padding-right: 0 !important; } }
.hfour-newest-product .addon-title.line-bottom-right .title:before {
width: 0;
height: 0;
background-color: transparent !important; }
.hfour-newest-product .jmsproducttabs-elements .jms-tabs-title {
position: static;
margin-bottom: 35px; }
@media only screen and (max-width: 1023px) {
.hfour-newest-product .jmsproducttabs-elements .jms-tabs-title {
text-align: center; } }
@media only screen and (min-width: 760px) and (max-width: 768px) and (orientation: landscape) {
.hfour-newest-product .jmsproducttabs-elements .jms-tabs-title .ekofood-tabs-header {
text-align: center; } }
@media only screen and (min-width: 1300px) {
.hfour-newest-product .jmsproducttabs-elements .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper {
margin-top: 5px; } }
@media only screen and (max-width: 400px) and (orientation: landscape) {
.hfour-newest-product .jmsproducttabs-elements .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper {
padding-left: 0; } }
@media only screen and (max-width: 440px) and (orientation: portrait) {
.hfour-newest-product .jmsproducttabs-elements .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper {
padding-left: 0; } }
.hfour-newest-product .jmsproducttabs-elements .jms-tabs-title ul {
border-bottom: none; }
.hfour-newest-product .jmsproducttabs-elements .jms-tabs-title ul li {
padding-bottom: 0px;
border-width: 2px;
border-color: white;
border-style: solid;
line-height: 1.8;
border-radius: 25px;
padding: 0px 18px;
margin: 0 2px; }
@media only screen and (max-width: 400px) and (orientation: landscape) {
.hfour-newest-product .jmsproducttabs-elements .jms-tabs-title ul li {
line-height: 1.2;
padding: 2px 5px; } }
@media only screen and (max-width: 440px) and (orientation: portrait) {
.hfour-newest-product .jmsproducttabs-elements .jms-tabs-title ul li {
line-height: 1.2;
padding: 2px 5px; } }
.hfour-newest-product .jmsproducttabs-elements .jms-tabs-title ul li:before {
display: none; }
.hfour-newest-product .jmsproducttabs-elements .jms-tabs-title ul li.active span {
color: #000000; }
.hfour-newest-product .jmsproducttabs-elements .jms-tabs-title ul li span {
font-size: 1.071rem;
text-transform: capitalize;
font-family: "Roboto", sans-serif;
color: #555555;
font-weight: 400; }
.hfour-newest-product .jmsproducttabs-elements .jms-tabs-title ul li:hover span {
color: #000000; }
.hfour-newest-product .jmsproducttabs-elements .product-tab-content {
position: relative; }
.hfour-newest-product .jmsproducttabs-elements .product-tab-content .product-style-2.mb_40 {
margin-bottom: 0px; }
.hfour-newest-product .jmsproducttabs-elements .product-tab-content .jmsproduct-elements .owl-carousel .owl-stage-outer {
padding: 25px;
margin: -25px; }
.hfour-brand-carousel {
margin-top: 12px;
margin-bottom: 48px;
position: relative; }
.hfour-brand-carousel > .container {
padding-top: 36px !important;
padding-bottom: 36px !important;
background-color: #f9f9f9;
max-width: calc(1354px - 33px); }
/**
*======================
* STYLE HOME 5
*======================
*/
.h5-slider-title rs-layer {
font-family: 'Playball' !important;
letter-spacing: -.4px !important; }
.h5-slider-subtitle rs-layer {
font-family: "Caros";
font-weight: bold !important;
letter-spacing: -.5px !important; }
.h5-slider-btn .tp-mask-wrap .rev-btn {
font-family: "Caros";
font-weight: bold;
width: 164px;
height: 46px;
text-align: center !important;
padding: 10px 20px !important;
color: #ffffff !important;
border-radius: 25px !important;
line-height: 1.4 !important;
border: 2px solid !important;
transition: all 400ms ease-in 0s !important; }
.h5-slider-btn .tp-mask-wrap .rev-btn:hover {
cursor: pointer;
background-color: transparent !important; }
@media only screen and (min-width: 1280px) {
.home5-tab-product {
margin-top: 51px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.home5-tab-product {
margin-top: 25px !important; } }
.home5-tab-product .jmsproducttabs-elements .ekofood-tabs-header .tabs-navigation-wrapper {
padding-left: 0; }
.home5-tab-product .jmsproducttabs-elements .jms-tabs-title {
z-index: 1;
margin-bottom: 35px; }
.home5-tab-product .jmsproducttabs-elements .jms-tabs-title .tab-title li {
padding-bottom: 10px; }
.home5-tab-product .jmsproducttabs-elements .jms-tabs-title .tab-title li span {
font-size: 1.585rem;
font-family: "Caros";
font-weight: 500;
line-height: 1.12; }
.home5-tab-product .jmsproducttabs-elements .product-tab-content .ekofood-products-holder .product-box .price {
margin-top: 5px; }
.home5-tab-product .jmsproducttabs-elements .product-tab-content .ekofood-products-holder .product-style-4.mb_40 {
margin-bottom: 0px; }
@media only screen and (max-width: 640px) and (orientation: landscape) {
.home5-tab-product .jms-tabs-title ul li {
margin-bottom: 0 !important; } }
@media only screen and (min-width: 350px) and (max-width: 640px) and (orientation: portrait) {
.home5-tab-product .jms-tabs-title ul li {
margin-bottom: 0 !important; } }
@media only screen and (min-width: 1280px) {
.home5-tab-product .spacing-carousel-34 .owl-stage-outer {
padding-top: 45px;
padding-bottom: 10px; } }
.h5-bgimg-banner {
display: none; }
@media only screen and (min-width: 1200px) {
.h5-bgimg-banner {
display: block; } }
@media only screen and (min-width: 1200px) {
.h5-bgimg-banner rs-module:before {
content: '';
position: absolute;
background-image: url(assets/images/bg/items1-obj-banner-home-1.png);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom left;
left: 0;
bottom: 16px;
width: 160px;
height: 511px;
z-index: 60;
display: block; } }
@media only screen and (min-width: 1930px) {
.h5-bgimg-banner rs-module:before {
bottom: 0; } }
@media only screen and (max-width: 1444px) {
.h5-bgimg-banner rs-module:before {
height: calc(511px - 37%); } }
@media only screen and (min-width: 1200px) {
.h5-bgimg-banner rs-fullwidth-wrap rs-slide:after {
content: '';
position: absolute;
background-image: url(assets/images/bg/items2-obj-banner-home-1.png);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom right;
right: 0;
bottom: 18px;
width: 372px;
height: 506px;
z-index: 1;
display: block; } }
@media only screen and (min-width: 1930px) {
.h5-bgimg-banner rs-fullwidth-wrap rs-slide:after {
bottom: 0; } }
@media only screen and (max-width: 1444px) {
.h5-bgimg-banner rs-fullwidth-wrap rs-slide:after {
height: calc(506px - 30%); } }
.h5-bgimg-banner .per-title {
font-family: "Caros" !important;
font-weight: bold !important;
color: white !important;
line-height: 1.3 !important; }
.h5-bgimg-banner .child-title {
font-family: "Caros" !important;
color: #fe2626 !important;
line-height: 1.4 !important; }
.h5-bgimg-banner .item-countdown-banner-full .container {
width: auto; }
.h5-bgimg-banner .item-countdown-banner-full .tp-loop-wrap .tp-mask-wrap {
overflow: unset !important; }
.h5-bgimg-banner .ekofood-countdown-timer .ekofood-countdown > span {
border: 0px;
padding: 0px;
font-size: 2.642rem;
line-height: 0.946;
text-align: center;
position: relative;
border-radius: 6px;
background-color: #fdfdfd;
min-width: 70px;
min-height: 70px;
margin: 0px 8px 0px 8px; }
.h5-bgimg-banner .ekofood-countdown-timer .ekofood-countdown > span > span {
font-size: 15px;
font-family: "Roboto", sans-serif;
line-height: 1.4;
text-align: center;
position: absolute;
bottom: -27px;
text-transform: none;
font-weight: 400;
color: white !important; }
.h5-bgimg-banner .ekofood-button-wrapper {
font-family: "Caros" !important;
font-weight: 900 !important;
line-height: 1 !important; }
.h5-bgimg-banner .ekofood-button-wrapper:hover {
cursor: pointer; }
@media only screen and (max-width: 767px) and (orientation: landscape) {
.cat-vegetable .vegettable-menu,
.cat-vegetable .dried-fast-food,
.cat-vegetable .milk-cream,
.cat-dried-fast-food .vegettable-menu,
.cat-dried-fast-food .dried-fast-food,
.cat-dried-fast-food .milk-cream,
.cat-milk-cream .vegettable-menu,
.cat-milk-cream .dried-fast-food,
.cat-milk-cream .milk-cream {
margin: 0 auto;
padding: 0;
float: none;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
flex-wrap: wrap; } }
.cat-vegetable .jmsproduct-elements .product-style-4 .product-info .product-cat,
.cat-dried-fast-food .jmsproduct-elements .product-style-4 .product-info .product-cat,
.cat-milk-cream .jmsproduct-elements .product-style-4 .product-info .product-cat {
display: none !important; }
.cat-vegetable {
margin-top: 80px; }
@media only screen and (max-width: 1100px) and (orientation: landscape) {
.cat-vegetable {
margin-top: 10px; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.cat-vegetable {
margin-top: 30px; } }
.cat-vegetable .ekofood-menu-wrapper {
border-bottom: 2px solid;
margin-bottom: 30px; }
@media only screen and (min-width: 1300px) {
.cat-vegetable .ekofood-menu-wrapper {
margin-bottom: 45px; } }
.cat-vegetable .jmsproduct-elements .product-style-4.mb_40 {
margin-bottom: 0px; }
.cat-dried-fast-food {
margin-top: 14px; }
.cat-dried-fast-food .ekofood-menu-wrapper {
border-bottom: 2px solid;
margin-bottom: 30px; }
@media only screen and (min-width: 1300px) {
.cat-dried-fast-food .ekofood-menu-wrapper {
margin-bottom: 45px; } }
.cat-dried-fast-food .jmsproduct-elements .product-style-4.mb_40 {
margin-bottom: 0px; }
.cat-milk-cream {
margin-top: 14px; }
.cat-milk-cream .ekofood-menu-wrapper {
border-bottom: 2px solid;
margin-bottom: 30px; }
@media only screen and (min-width: 1300px) {
.cat-milk-cream .ekofood-menu-wrapper {
margin-bottom: 45px; } }
.cat-milk-cream .jmsproduct-elements .product-style-4.mb_40 {
margin-bottom: 0px; }
/**
* =============================================
* STYLE-HOME-6
* =============================================
*/
.slider-subtitle-home6 rs-layer {
font-size: 3rem;
font-family: "Caros" !important;
line-height: 1; }
.slider-title-home6 rs-layer {
font-size: 5.714rem;
font-family: "Caros" !important;
color: black !important;
line-height: 0.75;
text-align: center; }
.slider-subsubtitle-home6 rs-layer {
font-size: 2.285rem;
font-family: "Caros";
color: #010101 !important;
line-height: 1.313;
text-align: center; }
.slider-btn-home6 .rev-btn {
font-family: "Caros" !important;
font-weight: 900 !important;
line-height: 1 !important; }
.thre-banner-home6 {
margin-top: 34px; }
@media only screen and (min-width: 1300px) {
.thre-banner-home6 {
margin-top: 80px; } }
@media only screen and (min-width: 911px) and (max-width: 1024px) and (orientation: landscape) {
.thre-banner-home6 .col-banner-1 .banner-box .banner-text,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text {
font-size: 10px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.thre-banner-home6 .col-banner-1 .banner-box .banner-text,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text {
padding-top: 40px;
padding-right: 60px; } }
@media only screen and (min-width: 760px) and (max-width: 768px) and (orientation: landscape) {
.thre-banner-home6 .col-banner-1 .banner-box .banner-text,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text {
font-size: 10px; } }
@media only screen and (max-width: 640px) {
.thre-banner-home6 .col-banner-1 .banner-box .banner-text,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text {
padding-top: 25px;
padding-right: 25px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.thre-banner-home6 .col-banner-1 .banner-box .banner-text,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text {
font-size: 14px;
padding-right: 14px !important; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.thre-banner-home6 .col-banner-1 .banner-box .banner-text .title,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text .title {
font-size: 11px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.thre-banner-home6 .col-banner-1 .banner-box .banner-text .title,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text .title {
font-size: 10px; } }
.thre-banner-home6 .col-banner-1 .banner-box .banner-text .title p,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text .title p {
font-weight: 500; }
.thre-banner-home6 .col-banner-1 .banner-box .banner-text .subtitle,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text .subtitle {
margin-top: 5px; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.thre-banner-home6 .col-banner-1 .banner-box .banner-text .subtitle,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text .subtitle {
font-size: 12px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.thre-banner-home6 .col-banner-1 .banner-box .banner-text .subtitle,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text .subtitle {
font-size: 12px;
margin-top: 1px; } }
.thre-banner-home6 .col-banner-1 .banner-box .banner-text .button-banner-wrapper,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text .button-banner-wrapper {
margin-top: 23px; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.thre-banner-home6 .col-banner-1 .banner-box .banner-text .button-banner-wrapper,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text .button-banner-wrapper {
margin-top: 14px; } }
@media only screen and (max-width: 1024px) {
.thre-banner-home6 .col-banner-1 .banner-box .banner-text .button-banner-wrapper,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text .button-banner-wrapper {
display: none; } }
.thre-banner-home6 .col-banner-1 .banner-box .banner-text .button-banner-wrapper a,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text .button-banner-wrapper a {
font-size: 1rem;
font-family: "Caros";
border-radius: 5px;
background-color: transparent;
width: 110px;
height: 36px;
border-bottom: none;
display: inline-block;
padding-bottom: 0px;
text-align: center;
line-height: 2.3;
border: 2px solid;
transition: all 200ms ease-in 0s; }
.thre-banner-home6 .col-banner-1 .banner-box .banner-text .button-banner-wrapper a:hover,
.thre-banner-home6 .col-banner-3 .banner-box .banner-text .button-banner-wrapper a:hover {
cursor: pointer;
color: #fff; }
.thre-banner-home6 .col-banner-1 .banner-box .banner-text {
padding-right: 38px; }
.thre-banner-home6 .col-banner-3 .banner-text {
padding-right: 38px; }
.thre-banner-home6 .col-banner-3 .banner-text .title strong {
color: #fe2626; }
.tw-banner-home6 {
margin-top: 4px; }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.tw-banner-home6 {
display: none; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.tw-banner-home6 {
display: none; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.tw-banner-home6 .col-banner-2 .banner-box .banner-text .content {
font-size: 9px; } }
.tw-banner-home6 .col-banner-2 .banner-box .banner-text .subtitle {
margin-bottom: 12px; }
.tw-banner-home6 .col-banner-2 .banner-box .banner-text .subtitle b, .tw-banner-home6 .col-banner-2 .banner-box .banner-text .subtitle strong {
font-weight: inherit; }
@media only screen and (min-width: 1280px) {
.tw-banner-home6 .col-banner-2 .banner-box .banner-text .subtitle b, .tw-banner-home6 .col-banner-2 .banner-box .banner-text .subtitle strong {
padding-left: 216px; } }
@media only screen and (min-width: 1280px) {
.tw-banner-home6 .col-banner-2 .banner-box .banner-text .subtitle p {
text-align: center; } }
.tw-banner-home6 .col-banner-2 .banner-box .banner-text .subsubtitle p {
font-style: italic; }
.tw-banner-home6 .col-banner-2 .banner-box .banner-text .subsubtitle p strong {
font-weight: 300;
color: #fe2626; }
.sec-hotdeal-news-product {
margin-top: 50px; }
@media only screen and (min-width: 760px) and (max-width: 770px) and (orientation: landscape) {
.sec-hotdeal-news-product .col-wrap-hotdeals {
width: 100%; } }
@media only screen and (max-width: 815px) and (orientation: landscape) {
.sec-hotdeal-news-product .col-wrap-new-product {
margin-top: 40px; } }
@media only screen and (min-width: 760px) and (max-width: 770px) and (orientation: landscape) {
.sec-hotdeal-news-product .col-wrap-new-product {
width: 100%; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.sec-hotdeal-news-product .col-wrap-new-product {
margin-top: 25px; } }
@media only screen and (min-width: 1023px) and (max-width: 1199px) and (orientation: portrait) {
.col-wrap-new-product {
padding-left: 15px; } }
@media only screen and (min-width: 764px) and (max-width: 800px) and (orientation: portrait) {
.col-wrap-new-product {
padding-left: 15px; } }
.col-wrap-new-product > .vc_column-inner > .wpb_wrapper {
border: 2px solid;
border-color: #f2f2f2;
padding: 11px 29px 29px 28px;
border-radius: 5px; }
.col-wrap-new-product .addon-title .title {
font-size: 25px;
font-weight: 500;
color: #000000;
border-bottom: 2px solid #ebebeb;
padding-bottom: 8px;
margin-bottom: 40px;
width: 100%; }
.col-wrap-new-product .owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 15px;
line-height: 1; }
.col-wrap-new-product .jmsproduct-elements .product-style-list1 {
margin-bottom: 25px; }
.col-wrap-new-product .jmsproduct-elements .product-style-list1:last-child {
margin-top: 0 !important; }
.col-wrap-new-product .jmsproduct-elements .product-style-list1 .product-thumb {
width: 86px;
height: 108px; }
.col-wrap-new-product .jmsproduct-elements .product-style-list1 .product-list-info-box .product-cat {
line-height: 1;
margin-top: 9px; }
.col-wrap-new-product .jmsproduct-elements .product-style-list1 .product-list-info-box .woocommerce-LoopProduct-link {
line-height: 1.3;
margin-top: 10px; }
.col-wrap-new-product .jmsproduct-elements .product-style-list1 .product-list-info-box .price {
font-size: 17px;
color: #000;
line-height: 1;
min-height: auto;
margin-top: 10px;
width: 100%;
display: flex; }
.col-wrap-new-product .jmsproduct-elements .product-style-list1 .product-list-info-box .price span {
color: #000; }
.col-wrap-new-product .jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart {
margin-top: 9px; }
.col-wrap-new-product .jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button {
line-height: 1;
font-size: 14px; }
.col-wrap-new-product .jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button .tooltip {
font-size: 14px !important;
line-height: 1.3; }
.bg-banner-color-home6 .bg-container-color {
background-color: #86bc42;
height: 100px;
position: relative;
width: calc(100% - 5px);
margin: 80px auto; }
@media only screen and (max-width: 1023px) {
.bg-banner-color-home6 .bg-container-color {
margin-top: 50px; } }
.bg-banner-color-home6 .bg-container-color:before, .bg-banner-color-home6 .bg-container-color:after {
content: '';
width: 23px;
height: 100%;
position: absolute;
background: url("assets/images/bg/before-after-bg-home6.jpg") top left no-repeat; }
.bg-banner-color-home6 .bg-container-color:before {
top: 0px;
left: -4px;
z-index: -1; }
.bg-banner-color-home6 .bg-container-color:after {
top: 0px;
right: -4px;
z-index: -1; }
.bg-banner-color-home6 .bg-container-color p {
font-size: 1.428rem;
font-family: "Caros";
font-weight: 500;
color: white;
line-height: 5;
text-align: center; }
.bg-banner-color-home6 .bg-container-color a {
color: #fcff00; }
.testimonials-home6 {
background-size: 100% 100%;
background-repeat: no-repeat; }
.testimonials-home6 .vc_column_container > .vc_column-inner {
padding-left: 0px;
padding-right: 0px; }
.testimonials-home6 .jmstestimonial-box {
margin-top: 65px;
margin-bottom: 65px; }
.feature-product-home6 {
margin-top: 70px; }
.feature-product-home6 .line-wrap .title {
position: relative;
display: flex;
align-items: center; }
.feature-product-home6 .line-wrap .title:after {
content: '';
width: 38%;
height: 2px;
margin-left: 14px;
background-color: #f0f0f0; }
.feature-product-home6 .owl-nav {
display: none !important; }
@media only screen and (max-width: 1023px) and (orientation: landscape) {
.feature-product-home6 .jmsproducttabs-elements .ekofood-tabs-header {
text-align: center;
padding: 0; } }
.feature-product-home6 .jmsproducttabs-elements .ekofood-tabs-header .addon-title {
margin-bottom: 35px; }
@media only screen and (max-width: 1023px) and (orientation: landscape) {
.feature-product-home6 .jmsproducttabs-elements .ekofood-tabs-header .addon-title:after {
height: 0 !important; } }
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title {
margin-bottom: 0px; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .line-bottom-right:after {
height: 0; } }
@media only screen and (min-width: 812px) and (max-width: 815px) and (orientation: landscape) {
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .line-bottom-right:after {
height: 0; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .title-size-large {
margin-bottom: 0; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .title-size-large {
margin-bottom: 0; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .title-size-large {
margin-bottom: 10px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .title-size-large {
margin-bottom: 0; } }
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper {
right: 0; }
@media only screen and (max-width: 1023px) {
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper {
padding-left: 0; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper {
margin-bottom: 20px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper {
margin-bottom: 20px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper {
margin-bottom: 25px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper {
margin-bottom: 20px; } }
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper .tab-title {
border: none; }
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper .tab-title li {
padding-bottom: 0px;
border-width: 2px;
border-color: white;
border-style: solid;
line-height: 1.9;
border-radius: 25px;
padding: 0px 18px;
margin: 0 2px;
font-weight: 400; }
@media only screen and (max-width: 1023px) {
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper .tab-title li {
padding: 0px 12px; } }
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper .tab-title li:before {
display: none; }
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper .tab-title li.active span, .feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper .tab-title li:hover span {
color: #000000; }
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper .tab-title li span {
font-size: 1.071rem;
text-transform: capitalize;
font-family: "Roboto", sans-serif;
color: #555555;
font-weight: 400; }
@media only screen and (max-width: 1023px) {
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper .tab-title li span {
font-size: 15px; } }
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper .tab-title li.btn-view-all {
text-align: right;
margin-left: 12px;
padding: 0;
border: none;
font-size: 15px;
font-style: italic; }
@media only screen and (max-width: 1023px) {
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper .tab-title li.btn-view-all {
display: none; } }
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper .tab-title li.btn-view-all:after {
content: '';
width: 100%;
height: 2px;
position: absolute;
left: 0px;
bottom: 0px;
opacity: 0;
transition: all 500ms ease-in 0s;
transform: scale(0); }
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper .tab-title li.btn-view-all:hover:after {
transform: scale(1);
opacity: 1; }
.feature-product-home6 .jmsproducttabs-elements.tab-design-line .product-tab-content {
margin-top: 0px; }
.brand-home06 {
padding-top: 37px;
padding-bottom: 37px;
margin-bottom: 71px;
margin-top: 19px; }
.brand-home06 .addon-title {
margin-bottom: 26px; }
.page-template-landing-page .menu-landing {
margin: 0;
padding: 12px 0;
text-align: center; }
.page-template-landing-page .menu-landing.wpb_content_element {
width: 100%; }
@media only screen and (max-width: 640px) {
.page-template-landing-page .menu-landing {
padding-top: 3px; } }
.page-template-landing-page .menu-landing ul {
margin: 0;
margin-top: -1px; }
.page-template-landing-page .menu-landing ul li {
display: inline-block;
padding: 0 20px;
margin: 0; }
@media only screen and (max-width: 767px) and (orientation: landscape) {
.page-template-landing-page .menu-landing ul li {
padding: 0 7px; } }
@media only screen and (max-width: 640px) {
.page-template-landing-page .menu-landing ul li {
padding: 0 5px; } }
.page-template-landing-page .menu-landing ul li a {
font-family: "Caros";
font-size: 16px;
font-weight: 500;
color: #000;
display: inline-block; }
.page-template-landing-page .menu-landing ul li a:hover {
color: #86bc42; }
.page-template-landing-page .menu-landing .logo_image img {
position: relative;
top: -8px; }
.page-template-landing-page .main-header {
width: 100%;
background: #ffffff; }
.page-template-landing-page .main-header.landing-fixed-top {
position: fixed !important;
top: 0;
left: 15px !important;
width: 100% !important;
background: #fff;
padding: 15px 0 0;
padding: 0;
z-index: 999;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
animation-name: ShortDown;
animation-duration: 600ms;
animation-timing-function: linear; }
@media only screen and (max-width: 640px) {
.page-template-landing-page .main-header.landing-fixed-top {
display: none; } }
@keyframes ShortDown {
0% {
transform: translateY(-100%); }
100% {
transform: translateY(0); } }
#landing-header > .container {
padding: 0; }
@media only screen and (max-width: 815px) and (orientation: landscape) {
#landing-header > .container {
width: 100%; } }
#landing-header .wpb_wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 0px;
margin: 0 auto;
width: 100%; }
@media only screen and (min-width: 1300px) {
#landing-header .wpb_wrapper {
width: 1200px; } }
@media only screen and (max-width: 640px) {
#landing-header .wpb_wrapper {
width: 100%;
flex-direction: column;
justify-content: center; } }
#landing-header .header-action {
min-width: 133px; }
@media only screen and (max-width: 640px) and (orientation: portrait) {
#landing-header .header-action {
margin-top: 2px;
margin-bottom: 12px;
display: flex;
width: 100%;
justify-content: center;
align-items: center; } }
#landing-header .header-action a {
border: 2px solid #86bc42;
padding: 8.5px 30px;
background: #86bc42;
color: #fff;
font-family: "Caros";
font-weight: 900;
font-size: 14px;
text-transform: uppercase;
border-radius: 30px; }
#landing-header .header-action a:hover {
background: transparent;
color: #86bc42; }
.wpb_wrapper .header-position.header-left {
display: flex; }
.jms-ldpbanner .fonts {
font-family: "Caros" !important; }
.jms-home-demo.mt58 {
margin-top: 30px; }
@media only screen and (min-width: 992px) {
.jms-home-demo.mt58 {
margin-top: 73px; } }
.jms-home-demo .addon-title .title {
font-family: "Caros";
margin-bottom: 11px; }
@media only screen and (max-width: 640px) {
.jms-home-demo .addon-title .title {
font-size: 25px !important;
line-height: 1.4; } }
.jms-home-demo .intro-desc {
font-family: "Caros";
font-weight: 400;
font-size: 19px;
text-align: center; }
@media only screen and (min-width: 1200px) {
.jms-home-demo .intro-desc {
width: 664px;
margin: 0 auto; } }
@media only screen and (min-width: 320px) {
.jms-home-demo .intro-desc {
margin-bottom: 51px; } }
@media only screen and (max-width: 640px) {
.jms-home-demo .intro-desc {
margin-bottom: 30px; } }
.jms-home-demo .banner-box {
overflow: visible; }
.jms-home-demo .banner-box .banner-image {
height: 540px;
min-height: 100% !important;
max-height: 540px;
transform: none !important;
position: relative;
box-shadow: 1px 0px 8px rgba(0, 0, 0, 0.25);
transition: background-position 5s ease-out 0s !important;
background-color: #ffffff !important;
background-position: center 0 !important;
background-repeat: no-repeat !important;
background-size: 100% auto !important;
border-radius: 8px; }
@media only screen and (min-width: 1200px) {
.jms-home-demo .banner-box .banner-image {
height: 440px;
max-height: 440px; } }
.jms-home-demo .banner-box .banner-text {
position: relative;
padding: 15px; }
.jms-home-demo .banner-box:hover .banner-image {
background-position: center 100% !important; }
#landing-pages {
margin-top: 38px; }
.wpb-js-composer .jms-inner-pages {
background-image: url("assets/images/intro/ldp-bg-4.png");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding-bottom: 8px; }
@media only screen and (min-width: 1600px) {
.wpb-js-composer .jms-inner-pages > .wpb_column.vc_col-sm-12 {
width: 1672px;
margin: 0 auto;
float: none; } }
.wpb-js-composer .jms-inner-pages .addon-title .title {
font-family: "Caros";
margin-bottom: 33px; }
@media only screen and (min-width: 320px) {
.wpb-js-composer .jms-inner-pages .addon-title .title {
margin-top: 65px; } }
@media only screen and (max-width: 640px) {
.wpb-js-composer .jms-inner-pages .addon-title .title {
margin-top: 30px;
font-size: 25px !important;
margin-bottom: 0px; } }
.wpb-js-composer .jms-inner-pages .owl-carousel .owl-stage-outer {
overflow: visible; }
@media only screen and (min-width: 1400px) {
.wpb-js-composer .jms-inner-pages .owl-carousel .owl-stage-outer:before {
content: '';
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%);
z-index: 7;
background-image: url(assets/images/intro/macbook.png);
width: 548px;
height: 331px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain; } }
@media only screen and (min-width: 1600px) {
.wpb-js-composer .jms-inner-pages .owl-carousel .owl-stage-outer:before {
top: -20px;
width: 636px;
height: 384px; } }
.wpb-js-composer .jms-inner-pages .vc_tta.vc_tta-spacing-1 .vc_tta-tab {
margin-left: 15px;
margin-right: 15px; }
.wpb-js-composer .jms-inner-pages .vc_tta.vc_tta-style-classic .vc_tta-tab > a {
border-width: 2px; }
.wpb-js-composer .jms-inner-pages .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {
background-color: #fff;
border-color: #ebebeb;
border-radius: 30px !important;
font-size: 20px;
font-weight: 500;
font-family: "Caros";
padding: 4.5px 28px; }
.wpb-js-composer .jms-inner-pages .vc_tta.vc_tta-shape-rounded .vc_tta-tabs-container {
margin-bottom: 78px !important; }
.wpb-js-composer .jms-inner-pages .vc_tta.vc_general .vc_tta-tab.vc_active > a::after,
.wpb-js-composer .jms-inner-pages .vc_tta.vc_general .vc_tta-tab.vc_active > a::before {
border: none !important; }
.wpb-js-composer .jms-inner-pages .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
color: #ffffff;
background-color: #86bc42;
border-color: #86bc42; }
.wpb-js-composer .jms-inner-pages .vc_tta.vc_general .vc_tta-panel-body {
padding: 14px 35px;
padding-top: 30px;
padding-bottom: 80px; }
@media only screen and (min-width: 1400px) {
.wpb-js-composer .jms-inner-pages .vc_tta.vc_general .vc_tta-panel-body {
padding-top: 50px; } }
@media only screen and (min-width: 1600px) {
.wpb-js-composer .jms-inner-pages .vc_tta.vc_general .vc_tta-panel-body {
padding-top: 30px; } }
.wpb-js-composer .jms-inner-pages .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a:focus,
.wpb-js-composer .jms-inner-pages .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a:hover {
color: #ffffff !important;
background-color: #86bc42 !important;
border-color: #86bc42 !important; }
.wpb-js-composer .jms-inner-pages .image-carousel-box a {
overflow: visible; }
.wpb-js-composer .jms-inner-pages .image-carousel-box a img {
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }
.wpb-js-composer .jms-inner-pages .image-carousel-box a:hover img {
transform: scale(1); }
.wpb-js-composer .jms-inner-pages .owl-theme .owl-nav [class*="owl-"]:before {
content: "\e971";
font-family: 'typo-icon' !important; }
.wpb-js-composer .jms-inner-pages .owl-theme .owl-nav [class*="owl-"].owl-next:before {
content: "\e972" !important;
font-family: 'typo-icon' !important; }
@media (min-width: 768px) {
.wpb-js-composer .jms-inner-pages .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
background-color: transparent; }
.wpb-js-composer .jms-inner-pages .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
border-color: transparent; } }
.jms-features {
text-align: center;
padding-top: 84px;
padding-bottom: 25px; }
.jms-features .widget.widget_text .widgettitle {
font-size: 24px;
margin-bottom: 18px; }
.jms-features .wpb_wrapper .wpb_single_image + .vc_wp_text {
margin-top: -16px; }
@media only screen and (min-width: 1200px) {
.jms-features .wpb_wrapper .wpb_single_image + .vc_wp_text {
margin-bottom: 58px;
padding: 0 25px; } }
@media only screen and (min-width: 992px) {
.jms-multi-header {
margin-top: 75px;
margin-bottom: 59px; } }
.jms-multi-header .wpb_single_image.wpb_content_element {
margin-bottom: 31px;
border: 1px solid #ededed;
transition: all 0.25s; }
.jms-multi-header .wpb_single_image.wpb_content_element:hover {
border: 1px solid rgba(0, 0, 0, 0.16);
box-shadow: 1px 0px 15px rgba(0, 0, 0, 0.16); }
.jms-multi-header .addon-title .title {
font-family: "Caros";
margin-bottom: 11px; }
@media only screen and (max-width: 640px) {
.jms-multi-header .addon-title .title {
margin-top: 30px;
font-size: 25px !important;
margin-bottom: 0px; } }
.jms-multi-header .intro-desc {
font-family: "Caros";
font-weight: 400;
color: #555555;
font-size: 19px;
text-align: center; }
.jms-ldpbanner-2 {
position: relative; }
.jms-ldpbanner-2#landing-blog {
overflow: hidden !important; }
@media only screen and (min-width: 1930px) {
.jms-ldpbanner-2#landing-blog .hide-thumb.rs-layer {
display: none !important; } }
@media only screen and (min-width: 1400px) {
.jms-ldpbanner-2:before {
content: url("assets/images/intro/ldp-icon-10.png");
position: absolute;
bottom: -38px;
right: 0;
z-index: 10; } }
.jms-ldpbanner-2 > .wpb_column {
position: relative; }
.jms-ldpbanner-2 > .wpb_column:before {
position: absolute;
z-index: 10;
left: 0;
top: 50%;
transform: translate(0%, -50%); }
@media only screen and (min-width: 1930px) {
.jms-ldpbanner-2 > .wpb_column:before {
content: url("assets/images/intro/blog-landing-before.png"); } }
.jms-ldpbanner-2 .fonts {
font-family: "Caros" !important; }
.jms-plugins {
background-image: url("assets/images/intro/ldp-bg-2.png");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding-top: 75px;
padding-bottom: 55px; }
@media only screen and (max-width: 640px) {
.jms-plugins {
padding-top: 30px; } }
@media only screen and (min-width: 1400px) {
.jms-plugins:before {
content: url("assets/images/intro/ldp-icon-29.png");
position: absolute;
left: 0;
bottom: 50px;
z-index: 1; } }
@media only screen and (min-width: 1400px) {
.jms-plugins:after {
content: url("assets/images/intro/ldp-icon-28.png");
position: absolute;
top: 20px;
right: 0;
z-index: 1; } }
.jms-plugins .addon-title .title {
font-family: "Caros";
margin-bottom: 11px; }
@media only screen and (max-width: 640px) {
.jms-plugins .addon-title.t1 .title {
font-size: 25px !important; } }
@media only screen and (min-width: 1200px) {
.jms-plugins .addon-title.t2 {
margin-top: -15px;
margin-bottom: 44px; } }
@media only screen and (max-width: 640px) {
.jms-plugins .addon-title.t2 .title {
font-size: 25px !important;
margin-bottom: 20px; } }
.jms-plugins .plugin-item {
background-color: #ffffff;
padding: 0 12px;
padding-top: 19px;
border-radius: 4px;
margin-bottom: 34px;
box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.12); }
.jms-plugins .plugin-item .service-box-icon {
margin-bottom: 13px; }
.jms-plugins .plugin-item .service-title {
font-size: 17px;
margin-bottom: 12px; }
.jms-plugins .plugin-item .service-subtitle {
font-size: 13px;
line-height: 1.9; }
@media only screen and (min-width: 1300px) {
.jms-plugins .vc_row.width-small {
width: 1258px;
margin: 0 auto; } }
.jms-footer-purchase {
padding-top: 75px;
padding-bottom: 50px; }
.jms-footer-purchase .addon-title .title {
font-family: "Caros";
margin-bottom: 56px; }
@media only screen and (min-width: 1200px) {
.jms-footer-purchase .addon-title .title {
width: 860px; } }
@media only screen and (max-width: 640px) {
.jms-footer-purchase .addon-title .title {
font-size: 25px !important;
margin-bottom: 20px; } }
.jms-footer-purchase .btn-purchase-theme {
margin-bottom: 115px; }
.jms-footer-purchase .btn-purchase-theme a {
font-family: "Caros";
background-color: #86bc42;
color: #ffffff;
border-radius: 30px;
border: 2px solid;
border-color: #86bc42;
cursor: pointer; }
.jms-footer-purchase .btn-purchase-theme a:hover {
background-color: white;
border-color: #86bc42;
color: #86bc42; }
.jms-footer-purchase .jmsbrand-box .owl-carousel .owl-item img {
opacity: 1; }
.btn_ripple {
height: 88px;
width: 88px;
position: relative; }
.btn_ripple a {
z-index: 9999;
position: absolute;
top: 50%;
left: -58px;
transform: translate(0px, -50%);
background-color: #86bc42 !important;
border: 2px solid;
border-color: #86bc42;
color: #fff !important;
padding: 9px 28px !important;
border-radius: 30px;
font-family: "Caros";
font-size: 15px; }
.btn_ripple a:hover {
background-color: #fff !important;
color: #86bc42 !important;
border-color: #86bc42 !important; }
.btn_ripple:before,
.btn_ripple:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 50%;
border: 1px solid #fff; }
.btn_ripple:before {
-webkit-animation: ripple 2s linear infinite;
animation: ripple 2s linear infinite; }
.btn_ripple:after {
-webkit-animation: ripple 2s linear 1s infinite;
animation: ripple 2s linear 1s infinite; }
@-webkit-keyframes ripple {
0% {
-webkit-transform: scale(1); }
75% {
-webkit-transform: scale(1.75);
opacity: 1; }
100% {
-webkit-transform: scale(2);
opacity: 0; } }
@keyframes ripple {
0% {
transform: scale(1); }
75% {
transform: scale(1.75);
opacity: 1; }
100% {
transform: scale(2);
opacity: 0; } }
/* ---------------------------------------------
7. PAGE
------------------------------------------ */
@media only screen and (min-width: 1300px) {
html {
-ms-word-wrap: break-word;
word-wrap: break-word; } }
@media screen and (min-width: 1720px) {
.container-fluid {
width: 1720px;
margin-left: auto !important;
margin-right: auto !important; } }
@media screen and (min-width: 1440px) {
.container {
width: 100%;
max-width: 1345px; } }
@media screen and (max-width: 1619px) {
.container-fluid {
width: 1300px; } }
@media screen and (max-width: 1300px) {
.container-fluid {
width: 1200px; } }
body.offline {
background-image: url("assets/images/maintenance.jpg");
background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover; }
.maintenance-content {
height: 100vh;
flex-direction: column;
background: rgba(0, 0, 0, 0.5);
color: white;
padding: 30px; }
.maintenance-content h1 {
color: white;
font-size: 40px; }
.maintenance-content .ekofood-countdown {
margin-top: 15px;
display: block;
font-size: 0;
line-height: 1; }
.maintenance-content .ekofood-countdown > span {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 10px;
margin-bottom: 10px;
min-width: 65px;
min-height: 65px;
font-size: 21px;
line-height: 20px;
background: rgba(0, 0, 0, 0.3);
font-weight: 600; }
.maintenance-content .ekofood-countdown > span:last-child {
margin-right: 0; }
.maintenance-content .ekofood-countdown > span span {
padding-top: 3px;
font-weight: 400;
font-size: 12px;
line-height: 10px;
display: block;
margin-top: 5px; }
.error404 .header-wrapper {
border-bottom: 1px solid #ebebeb; }
.error-404 {
padding-top: 237px;
padding-bottom: 147px;
height: 100%; }
.error-404 .image-404 {
margin-bottom: 97px;
font-size: 15.714rem;
line-height: 0.341;
font-family: "Caros";
font-weight: bold;
color: black; }
.error-404 .warning-404 {
font-size: 1.785rem;
margin-bottom: 18px;
font-family: "Caros";
font-weight: 500;
color: black; }
.error-404 .sub-title {
font-size: 1.142rem;
color: #555555;
margin-bottom: 0;
font-family: "Roboto", sans-serif; }
.error-404 .sub-title a:hover {
text-decoration: underline; }
.error-404 .btn-backhome {
margin-top: 100px; }
.error-404 .btn-backhome a {
font-size: 1.285rem;
padding: 15px 40px;
color: white;
font-family: "Caros";
font-weight: bold;
border-radius: 5px;
text-transform: uppercase;
border: 2px solid; }
.error-404 .btn-backhome a:hover {
background-color: transparent; }
.error-404 .return-home {
margin-top: 30px; }
@media screen and (min-width: 1199px) {
.error-404 {
padding-bottom: 285px; } }
.page-contact .wpb_gmaps_widget {
margin-bottom: 12px; }
.page-contact .ctu_store,
.page-contact .ctu_customer {
margin-top: 3px; }
@media only screen and (min-width: 1300px) {
.page-contact .ctu_store,
.page-contact .ctu_customer {
max-width: 414px; } }
.page-contact .ctu_store p,
.page-contact .ctu_customer p {
margin-bottom: 14px; }
@media only screen and (min-width: 1300px) {
.page-contact .ctu_form {
margin-top: -9px; } }
.page-contact .ctu_form > .wpb_column:first-of-type .addon-title .title {
margin-bottom: 2px; }
@media only screen and (min-width: 1280px) {
.page-contact .ctu_form > .wpb_column:last-of-type .addon-title {
margin-top: -8px; } }
.page-contact .ctu_form .wpcf7-form .form-group label {
font-size: 16px;
color: #777;
padding-bottom: 0;
margin-bottom: 3px;
font-weight: 400; }
.page-contact .ctu_form .wpcf7-form .form-group .form-control {
border: 1px solid;
border-color: #ebebeb;
background-color: white;
height: 44px;
color: #555;
font-weight: 400;
border-radius: 4px;
font-size: 13px;
box-shadow: none; }
.page-contact .ctu_form .wpcf7-form .form-group .form-control:focus {
outline: none; }
.page-contact .ctu_form .wpcf7-form .sbtn-submit {
margin-top: 15px; }
.page-contact .ctu_form .wpcf7-form .sbtn-submit input[type="submit"] {
width: auto;
min-width: 220px;
height: 40px;
font-size: 15px;
text-transform: uppercase;
line-height: 1.5;
text-align: center;
padding: 0 20px;
background-color: transparent;
border: 2px solid;
border-radius: 5px;
font-family: "Roboto", sans-serif;
font-weight: bold;
outline: none !important;
transition: all 0.3s ease; }
.page-contact .ctu_form .wpcf7-form .sbtn-submit input[type="submit"]:hover {
color: white; }
.not-found .entry-header {
text-align: center; }
.not-found .entry-header .entry-title {
font-size: 36px;
font-weight: bold;
margin-bottom: 15px; }
.not-found .entry-content {
text-align: center; }
.not-found .entry-content > p {
font-size: 16px;
margin-bottom: 30px; }
.not-found .search-form {
max-width: 100%;
margin: 0 auto; }
@media only screen and (min-width: 1300px) {
.not-found .search-form {
max-width: 80%; } }
.not-found .search-form .search-submit {
display: inline-flex;
justify-content: center;
align-items: center; }
.search-icon-popup {
cursor: pointer; }
.search-icon-popup .search-form .search-submit {
font-size: 0px; }
.search-icon-popup .jms_ajax_search_content .search-wrapper {
height: 52px;
line-height: 52px; }
.search-popup {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.95);
z-index: 9999;
opacity: 0;
transform: scale(0.8);
visibility: hidden; }
.search-popup .jms_ajax_search_content .search-wrapper {
width: 100%;
background: #fff; }
.search-popup .jms_ajax_search_content .searchbox {
width: 100%; }
.search-popup .jms_ajax_search_content .searchbox .select-box {
float: left;
width: 200px;
position: relative; }
.search-popup .jms_ajax_search_content .searchbox .input-wrapper {
position: relative;
float: left;
width: calc(100% - 200px); }
.search-popup #search_result {
margin-top: 1px; }
.search-popup #search_result .content-preview {
width: 50%; }
.search-popup .search-box {
position: absolute;
top: 48%;
left: 0;
width: 100%;
text-align: center; }
.search-popup .search-box .search-box-content {
width: 60%;
display: inline-block;
position: relative; }
.search-popup .search-box .search-box-content .search-form input[type="search"] {
background: #fff; }
.search-popup .search-box .search-box-content .search-submit {
height: 50px;
width: 70px; }
.search-popup .search-box .search-box-content .close-search-popup {
position: absolute;
top: -60px;
right: -60px;
cursor: pointer;
transform: rotate(45deg); }
.search-popup .search-box .search-box-content .close-search-popup:before {
content: "+";
font-weight: 100;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 60px;
color: #fff;
display: block; }
.search-popup .search-box .search-box-content .close-search-popup:hover {
transform: rotate(135deg); }
.show-search-popup .search-popup {
opacity: 1;
transform: scale(1);
visibility: visible; }
.icon-close {
cursor: pointer; }
.icon-close:before {
content: "+";
font-weight: 100;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 40px;
color: #fff;
display: block;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.search-wrapper {
z-index: 9; }
.search_result {
position: absolute;
top: calc(100% + 1px);
width: 100%;
background-color: transparent !important; }
.search_result.loading_search {
width: 100%;
height: 100%; }
.search_result.loading_search:after {
content: " " !important;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #fff;
z-index: 1; }
.search_result.loading_search:before {
content: " " !important;
width: 18px;
height: 18px;
margin: 0 auto;
left: 0;
right: 0;
display: inline-block;
vertical-align: middle;
border: 1px solid #e5e5e5;
border-left-color: #000;
border-radius: 100%;
position: absolute;
top: calc(50% - 9px);
z-index: 2;
-webkit-transition: right 0.2s ease-in-out, opacity 0.25s ease-in-out;
-moz-transition: right 0.2s ease-in-out, opacity 0.25s ease-in-out;
-o-transition: right 0.2s ease-in-out, opacity 0.25s ease-in-out;
-ms-transition: right 0.2s ease-in-out, opacity 0.25s ease-in-out;
transition: right 0.2s ease-in-out, opacity 0.25s ease-in-out;
-webkit-animation: load-spin 350ms infinite linear;
animation: load-spin 350ms infinite linear;
z-index: 2; }
.search_result .result-wrapper > h4 {
margin: 0; }
.search_result #result {
padding: 20px;
display: inline-block;
width: 100%;
text-align: left;
max-height: 400px;
overflow-y: auto;
box-shadow: 0 0px 15px rgba(14, 14, 14, 0.15);
background: #fff; }
.search_result #result.disabled {
display: none; }
.search_result .content-preview {
display: inline-block;
width: 100%;
float: left;
margin-top: 10px; }
.search_result .content-preview .item-desc .product-name {
font-family: "Roboto", sans-serif;
font-weight: 400;
text-transform: capitalize;
font-size: 15px;
color: #000000;
display: block; }
.search_result .content-preview .item-desc .content-price span {
font-size: 17px;
color: #000000;
letter-spacing: 0.5px;
font-family: "Caros"; }
.search_result .content-preview .item-desc .content-price del span {
font-size: 13px !important;
color: #888 !important; }
.post-type-archive-product .wrap-breadcrumbs .breadcrumb {
display: none; }
.page-heading {
padding-top: 45px;
padding-bottom: 53px;
margin-bottom: 80px;
/*background-image: url('assets/images/bg/bg-header.jpg');*/
background-color: #f1f1f1;
background-position: top left;
background-repeat: no-repeat;
background-size: cover; }
.page-heading .entry-header {
position: relative; }
.page-heading .subtitle-page {
margin-bottom: 20px;
font-weight: 500;
color: #555; }
.page-heading.title-size-default .wrap-breadcrumbs {
background-color: transparent; }
.page-heading.title-size-default .wrap-breadcrumbs.fullwidth-breadcrum .container {
width: 94%;
max-width: unset; }
.page-heading.title-size-small {
padding-top: 20px;
padding-bottom: 20px; }
.page-heading.title-size-small h1 {
font-size: 27px; }
.page-heading.title-size-medium {
padding-top: 40px;
padding-bottom: 40px; }
.page-heading.title-size-large {
padding-top: 40px;
padding-bottom: 40px; }
.page-heading.title-size-large h1 {
font-size: 50px; }
.page-heading.title-align-left {
text-align: left; }
.page-heading.title-align-centered {
text-align: center; }
.page-heading.title-align-right {
text-align: right; }
.page-heading.title-align-vertical .breadcrumb,
.page-heading.title-align-vertical .woocommerce-breadcrumb {
position: absolute;
right: 0;
top: 50%;
margin-top: -12px; }
.page-heading.title-align-vertical .subtitle-page {
margin-bottom: 0; }
.page-heading .entry-title {
margin: 0;
line-height: 1.4;
font-family: "Caros";
font-weight: bold;
font-size: 3.428rem;
color: black;
text-transform: capitalize;
margin-bottom: 7px; }
.page-heading a {
color: #b9b9b9; }
.breadcrumb,
.woocommerce-breadcrumb {
padding: 0;
background-color: transparent;
margin-bottom: 0;
font-weight: 400;
min-height: auto;
line-height: 1.4;
text-align: center;
font-size: 15px;
color: #555555;
text-transform: capitalize;
font-family: "Roboto", sans-serif; }
.breadcrumb a,
.woocommerce-breadcrumb a {
color: #555555;
font-family: "Roboto", sans-serif; }
.breadcrumb span:before,
.woocommerce-breadcrumb span:before {
content: "/";
margin: 0 5px; }
.ekofood-checkout-steps ul {
list-style: none;
margin: 0;
padding: 0; }
.ekofood-checkout-steps ul li {
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.2; }
.ekofood-checkout-steps ul li a,
.ekofood-checkout-steps ul li span {
text-transform: uppercase;
font-size: 20px;
font-weight: 600; }
.ekofood-checkout-steps ul li a {
display: inline-block;
color: inherit;
opacity: 0.7; }
.ekofood-checkout-steps ul li a:hover, .ekofood-checkout-steps ul li a:focus {
color: inherit;
opacity: 1; }
.ekofood-checkout-steps ul li > span {
opacity: 0.7; }
.ekofood-checkout-steps ul li:after {
content: '\f178';
font-family: 'FontAweSome';
opacity: 0.7;
font-weight: bold;
font-size: 85%;
margin: 0 15px;
position: relative;
top: -2px; }
.ekofood-checkout-steps ul li:last-child:after {
content: none; }
.ekofood-checkout-steps ul .step-active a,
.ekofood-checkout-steps ul .step-active > span {
opacity: 1; }
@media screen and (max-width: 767px) {
.page-heading.title-align-vertical,
.page-heading.title-align-vertical {
text-align: center; }
.page-heading.title-align-vertical .breadcrumb,
.page-heading.title-align-vertical .woocommerce-breadcrumb,
.page-heading.title-align-vertical .breadcrumb,
.page-heading.title-align-vertical .woocommerce-breadcrumb {
position: static;
margin-top: 10px; } }
/**
* =========================================
* STYLE OTHER PAGE
* =========================================
*/
.service-about-us .service-elements .service-box-content .service-title {
margin-bottom: 10px; }
@media only screen and (min-width: 1300px) {
.about-first {
display: flex;
align-items: center;
margin-top: -34px; } }
@media only screen and (min-width: 1300px) {
.about-first .col-1 .wpb_single_image {
margin-bottom: 0; } }
@media only screen and (min-width: 1300px) {
.about-first .col-1 .wpb_single_image .vc_single_image-wrapper {
position: relative;
right: -30px; } }
.about-first .col-2 .wpb_single_image {
margin-bottom: 25px; }
.about-first .col-2 .wpb_single_image img {
max-width: 210px;
width: 210px;
height: 86px;
object-fit: contain; }
.about-first .col-2 .wpb_text_column {
line-height: 1.9;
margin-bottom: 18px; }
.about-first .col-2 #color-active {
font-style: italic; }
@media only screen and (min-width: 1300px) {
.about-first .col-2 #color-active {
width: calc(100% - 50px); } }
.about-second {
margin-top: 38px;
margin-bottom: 38px; }
.about-second .addon-title {
margin-bottom: 24px;
position: relative;
padding-top: 72px; }
.about-second .addon-title:before {
content: '';
position: absolute;
top: 0;
left: 50%;
background-image: url("assets/images/bg/line-about.png");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
width: 1303px;
height: 1px;
transform: translate(-50%, 0%); }
.about-second .highest-quality-1 .vc_wp_text.first .widget_text, .about-second .highest-quality-1 .vc_wp_text.second .widget_text, .about-second .highest-quality-1 .vc_wp_text.third .widget_text,
.about-second .highest-quality-2 .vc_wp_text.first .widget_text,
.about-second .highest-quality-2 .vc_wp_text.second .widget_text,
.about-second .highest-quality-2 .vc_wp_text.third .widget_text {
display: flex;
flex-direction: column;
position: relative;
padding-left: 106px; }
.about-second .highest-quality-1 .vc_wp_text.first .widget_text:before, .about-second .highest-quality-1 .vc_wp_text.second .widget_text:before, .about-second .highest-quality-1 .vc_wp_text.third .widget_text:before,
.about-second .highest-quality-2 .vc_wp_text.first .widget_text:before,
.about-second .highest-quality-2 .vc_wp_text.second .widget_text:before,
.about-second .highest-quality-2 .vc_wp_text.third .widget_text:before {
content: '';
position: absolute;
background-image: url("assets/images/bg/about-icon-1.png");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
width: 88px;
height: 86px;
top: 50%;
left: 0;
transform: translate(0%, -50%); }
.about-second .highest-quality-1 .vc_wp_text.first .widgettitle, .about-second .highest-quality-1 .vc_wp_text.second .widgettitle, .about-second .highest-quality-1 .vc_wp_text.third .widgettitle,
.about-second .highest-quality-2 .vc_wp_text.first .widgettitle,
.about-second .highest-quality-2 .vc_wp_text.second .widgettitle,
.about-second .highest-quality-2 .vc_wp_text.third .widgettitle {
font-weight: 500;
font-size: 22px;
margin-bottom: 8px; }
.about-second .highest-quality-1 .vc_wp_text.first .textwidget, .about-second .highest-quality-1 .vc_wp_text.second .textwidget, .about-second .highest-quality-1 .vc_wp_text.third .textwidget,
.about-second .highest-quality-2 .vc_wp_text.first .textwidget,
.about-second .highest-quality-2 .vc_wp_text.second .textwidget,
.about-second .highest-quality-2 .vc_wp_text.third .textwidget {
color: #111111;
font-size: 14px;
font-weight: 400;
line-height: 1.9; }
@media only screen and (min-width: 1300px) {
.about-second .highest-quality-1 .vc_wp_text.first .textwidget, .about-second .highest-quality-1 .vc_wp_text.second .textwidget, .about-second .highest-quality-1 .vc_wp_text.third .textwidget,
.about-second .highest-quality-2 .vc_wp_text.first .textwidget,
.about-second .highest-quality-2 .vc_wp_text.second .textwidget,
.about-second .highest-quality-2 .vc_wp_text.third .textwidget {
width: calc(100% - 60px); } }
.about-second .highest-quality-1 .vc_wp_text.first .textwidget p, .about-second .highest-quality-1 .vc_wp_text.second .textwidget p, .about-second .highest-quality-1 .vc_wp_text.third .textwidget p,
.about-second .highest-quality-2 .vc_wp_text.first .textwidget p,
.about-second .highest-quality-2 .vc_wp_text.second .textwidget p,
.about-second .highest-quality-2 .vc_wp_text.third .textwidget p {
margin-bottom: 10px; }
.about-second .highest-quality-1 .vc_wp_text.first .textwidget p:last-of-type, .about-second .highest-quality-1 .vc_wp_text.second .textwidget p:last-of-type, .about-second .highest-quality-1 .vc_wp_text.third .textwidget p:last-of-type,
.about-second .highest-quality-2 .vc_wp_text.first .textwidget p:last-of-type,
.about-second .highest-quality-2 .vc_wp_text.second .textwidget p:last-of-type,
.about-second .highest-quality-2 .vc_wp_text.third .textwidget p:last-of-type {
margin-bottom: 0; }
.about-second .highest-quality-1 .vc_wp_text.first,
.about-second .highest-quality-2 .vc_wp_text.first {
margin-bottom: 31px; }
.about-second .highest-quality-1 .vc_wp_text.second,
.about-second .highest-quality-2 .vc_wp_text.second {
margin-bottom: 32px; }
.about-second .highest-quality-1 .vc_wp_text.second .widget_text:before {
background-image: url("assets/images/bg/about-icon-2.png");
height: 93px; }
.about-second .highest-quality-1 .vc_wp_text.third .widget_text:before {
background-image: url("assets/images/bg/about-icon-3.png");
width: 87px;
height: 77px; }
@media only screen and (min-width: 1300px) {
.about-second .highest-quality-2 .vc_wp_text.first .widget_text, .about-second .highest-quality-2 .vc_wp_text.second .widget_text, .about-second .highest-quality-2 .vc_wp_text.third .widget_text {
text-align: right;
padding-right: 120px;
padding-left: 0;
align-items: flex-end; } }
@media only screen and (min-width: 1300px) {
.about-second .highest-quality-2 .vc_wp_text.first .widget_text:before, .about-second .highest-quality-2 .vc_wp_text.second .widget_text:before, .about-second .highest-quality-2 .vc_wp_text.third .widget_text:before {
left: auto;
right: 0; } }
@media only screen and (min-width: 1300px) {
.about-second .highest-quality-2 .vc_wp_text.first .textwidget, .about-second .highest-quality-2 .vc_wp_text.second .textwidget, .about-second .highest-quality-2 .vc_wp_text.third .textwidget {
width: calc(100% - 50px); } }
.about-second .highest-quality-2 .vc_wp_text.first .widget_text:before {
background-image: url("assets/images/bg/about-icon-4.png");
width: 70px;
height: 81px; }
.about-second .highest-quality-2 .vc_wp_text.second .widget_text:before {
background-image: url("assets/images/bg/about-icon-5.png");
width: 86px;
height: 104px; }
.about-second .highest-quality-2 .vc_wp_text.third .widget_text:before {
background-image: url("assets/images/bg/about-icon-6.png");
width: 86px;
height: 92px; }
.about-third {
margin-top: 70px; }
@media only screen and (max-width: 640px) {
.about-third {
margin-top: 50px !important; } }
.about-third .addon-title {
margin-bottom: 29px; }
@media only screen and (max-width: 640px) {
.about-third .service-elements {
margin-bottom: 20px; } }
.about-third .service-elements .service-box-icon {
margin-bottom: 17px; }
.about-third .service-elements .service-box-inner .service-title {
color: black;
margin-bottom: 6px; }
.about-third .service-elements .service-box-inner .service-subtitle {
font-size: 14px;
font-style: italic;
font-weight: 400;
margin-bottom: 0;
line-height: 1; }
.portfilo-col-5 .portfolio-container .ekofood-pagination {
margin-bottom: 18px; }
.single-portfolio .page-content .mb_50 {
margin-bottom: 0px; }
.single-portfolio .page-content .mt_50 {
margin-top: 10px; }
.single-portfolio .page-content .portfolio-single-content {
margin-bottom: 30px; }
.single-portfolio .page-content .ekofood-related-portfolio .addon-title .title {
margin-bottom: 43px; }
.single-portfolio .page-content .pb_100 {
padding-bottom: 16px; }
.single-portfolio .mb_80 {
margin-bottom: 130px; }
/* ---------------------------------------------
8. POST
------------------------------------------ */
/** ------------------------------------------------------------------------------------------------
* BLOG
* ------------------------------------------------------------------------------------------------ */
.blog-container {
margin-bottom: 0px; }
.blog-container.fullwidth {
width: 94%;
margin-left: auto;
margin-right: auto; }
.ekofood-loop-blog.masonry-container.blog-type-default {
margin-left: -15px;
margin-right: -15px;
overflow: hidden; }
.ekofood-loop-blog.masonry-container.blog-type-default .blog-post-loop .read-more-section {
display: none; }
.blog-type-default .blog-design-default.article-full {
width: 100%;
text-align: left; }
.blog-type-default .blog-design-default.article-full .article-body-container .entry-title {
text-align: left; }
.blog-type-default .blog-design-default.article-full .article-body-container .entry-content {
text-align: left; }
.blog-type-default .blog-design-default {
width: calc(100%/2);
margin-bottom: 50px;
padding-left: 15px;
padding-right: 15px;
float: left; }
.blog-type-default .blog-design-default:nth-child(2n+1) {
clear: both; }
.blog-type-default .blog-design-default .article-body-container {
padding-top: 16px; }
.blog-type-default .blog-design-default .article-body-container .entry-title {
font-size: 1.357rem;
margin-bottom: 16px;
letter-spacing: 0.23px;
text-align: left;
font-family: "Caros";
font-weight: 500;
color: black;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.blog-type-default .blog-design-default .article-body-container .entry-meta-list {
margin: 0 0 8px; }
.blog-type-default .blog-design-default .article-body-container .entry-content {
text-align: left; }
.blog-type-default .blog-design-default .article-body-container .read-more-section {
margin-top: 17px; }
.blog-type-list .blog-post-loop {
margin-bottom: 60px; }
.blog-type-list .blog-post-loop.sticky .article-inner {
padding-bottom: 0 !important;
background-color: white;
border-bottom: none !important; }
.blog-type-list .blog-post-loop.sticky .article-body-container {
box-shadow: none;
background-color: white;
border-width: 2px;
border-style: solid;
border-radius: 4px;
padding-bottom: 3px;
padding-top: 20px; }
.blog-type-list .blog-post-loop .read-more-section {
margin-top: 19px;
line-height: 1.4;
display: inline-flex;
position: relative; }
.blog-type-list .blog-post-loop .read-more-section a {
position: relative; }
.blog-type-list .blog-post-loop .read-more-section a:hover:after {
width: 100%; }
.blog-type-list .blog-post-loop .read-more-section a:after {
content: '';
position: absolute;
width: 0;
height: 2px;
left: 0;
bottom: -1px;
transition: all 300ms ease-in 0s; }
.blog-post-loop {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 50px; }
.blog-post-loop .article-body-container {
padding: 18px 0 0;
z-index: 1;
position: relative; }
.blog-post-loop .entry-title a {
letter-spacing: -0.2px;
color: black; }
.blog-post-loop:hover .post-img-wrap a:after {
opacity: 0; }
.blog-post-loop:hover .post-img-wrap img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05); }
.blog-post-loop.sticky .article-inner {
background-color: #f9f9f9; }
.blog-post-loop.sticky .article-body-container {
padding: 20px;
background-color: #f9f9f9; }
.blog-post-loop.blog-style-shadow.blog-design-small-images.has-post-thumbnail .article-body-container {
padding-top: 11px; }
.blog-categories {
font-size: 12px;
letter-spacing: 4px;
text-transform: uppercase;
margin-bottom: 20px; }
.blog-categories a {
color: #8f8f8f; }
.ekofood-recent-posts-list .entry-title {
margin-top: 0;
font-size: 1.142rem;
font-family: "Caros";
color: black;
font-weight: 500;
margin-bottom: 8px; }
@media only screen and (min-width: 1200px) {
.ekofood-recent-posts-list .entry-title {
margin-top: -2px; } }
.entry-meta-list {
padding: 0;
margin: 0 0 8px;
font-size: 0.9rem;
line-height: 1.2;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap; }
.entry-meta-list .meta-featured-post:before {
font-size: 0.9rem; }
.entry-meta-list li {
color: #888;
display: inline-block;
margin-bottom: 0;
font-style: normal;
display: inline-flex;
justify-content: center;
align-items: center;
line-height: 1.4; }
@media only screen and (min-width: 1280px) {
.entry-meta-list li.meta-date > svg {
position: relative;
top: -1px; } }
.entry-meta-list li.meta-author .by-author {
margin-right: 4px; }
.entry-meta-list li.meta-categories > a:not(:first-of-type) {
margin-left: 5px; }
.entry-meta-list li > svg {
margin-right: 3px; }
.entry-meta-list li a {
color: #888; }
.entry-meta-list li:after {
content: '/';
margin: 0 8px; }
.entry-meta-list li:last-child:after {
display: none; }
/** ------------------------------------------
* BLOG STYLE SHADOW
* ------------------------------------------ */
.blog-style-shadow .article-body-container {
max-height: 270px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease; }
.blog-style-shadow:hover .article-body-container {
box-shadow: 0 0 9px rgba(0, 0, 0, 0.2); }
/** ------------------------------------------
* POST IMAGE WRAP
* ------------------------------------------ */
.post-img-wrap {
overflow: hidden;
display: block; }
.post-img-wrap a {
display: block;
position: relative; }
.post-img-wrap a:after {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.post-img-wrap img {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
/** ------------------------------------------
* READ MORE BUTTON
* ------------------------------------------ */
.read-more-section {
line-height: 1;
margin-bottom: 0;
margin-top: 25px; }
.read-more-section a {
font-size: 14px;
display: inline-block;
font-family: "Caros";
position: relative;
letter-spacing: 0.6px;
font-weight: bold;
height: auto;
text-align: center;
padding: 0px;
text-transform: uppercase;
transition: all 400ms ease-out 0s; }
.read-more-section a:hover {
background-color: transparent !important; }
/** ------------------------------------------
* POST DATE
* ------------------------------------------ */
.entry-header {
overflow: hidden;
border-radius: 5px; }
.entry-header .post-date {
position: absolute;
left: auto;
right: -10px;
top: -13px;
display: inline-block;
width: 83px;
height: 83px;
border-radius: 50%;
z-index: 2;
min-width: 53px;
line-height: 1;
text-align: center; }
.entry-header .post-date > span {
display: block; }
.entry-header .post-date .post-date-day {
padding-top: 20px;
padding-bottom: 2px;
font-size: 2.142rem;
color: white;
font-family: "Caros";
font-weight: bold; }
.entry-header .post-date .post-date-month {
padding-bottom: 8px;
padding-top: 2px;
font-weight: normal;
font-family: "Roboto", sans-serif;
text-transform: capitalize;
font-size: 0.928rem;
color: white; }
.blog-design-slider {
padding-left: 0;
padding-right: 0;
margin-bottom: 0; }
.blog-design-slider:not(:first-child) {
margin-top: 40px; }
.blog-design-slider .entry-header {
margin-bottom: 18px; }
.blog-design-slider .article-body-container {
text-align: left;
padding: 0; }
.blog-design-slider .blog-title {
font-size: 1.357rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.ekofood-loop-blog.masonry-container {
margin-left: -20px;
margin-right: -20px; }
.blog-design-masonry.blog-style-flat .article-body-container {
background-color: transparent; }
.blog-design-masonry.has-post-thumbnail.blog-style-shadow .article-body-container {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.12); }
.blog-design-default.has-post-thumbnail.blog-style-shadow .article-body-container {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.12); }
.blog-design-default.no-post-thumbnail .article-body-container {
padding-top: 0; }
.blog-design-default.no-post-thumbnail.sticky .article-body-container {
padding: 25px 30px 25px;
box-shadow: 0px 3px 8px #999; }
.blog-design-small-images.has-post-thumbnail .article-inner {
display: flex;
flex-direction: row; }
.blog-design-small-images.has-post-thumbnail .entry-header {
flex: 1 0 40%;
max-width: 40%; }
.blog-design-small-images.has-post-thumbnail .article-body-container {
flex: 1 0 60%;
max-width: 60%;
padding: 0 0 20px 20px; }
.blog-design-small-images.has-post-thumbnail.blog-style-flat .article-body-container {
background-color: transparent; }
.blog-design-small-images.has-post-thumbnail.blog-style-shadow .entry-header {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.blog-design-chess:nth-child(even).has-post-thumbnail .article-inner {
flex-direction: row-reverse; }
.blog-design-chess:nth-child(even).has-post-thumbnail.blog-style-shadow .entry-header {
border-top-left-radius: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 0; }
.blog-design-chess:nth-child(even).blog-style-flat.has-post-thumbnail .article-body-container {
padding: 0 20px 20px 0;
text-align: right; }
.blog-design-chess:nth-child(even).blog-style-shadow.has-post-thumbnail .article-body-container {
padding: 11px 20px 20px 0;
text-align: right; }
/**
*===============================================================
* Custom Style Home Post
*===============================================================
*/
.post-show-type1 .blog-grid {
display: flex;
justify-content: center; }
.post-show-type1 .blog-grid .item-wrap {
width: calc(100%/3); }
.post-show-type1 .blog-grid .item-wrap:not(:last-child) {
margin-right: 30px; }
.post-show-type1 .blog-grid .item-wrap .blog-post-loop .article-body-container {
text-align: center; }
.post-show-type1 .blog-grid .item-wrap .blog-post-loop .article-body-container .entry-title a {
font-size: 20px;
line-height: 26px;
color: #000000;
font-family: "Caros";
font-weight: 400; }
.post-show-type1 .blog-grid .item-wrap .blog-post-loop .article-body-container .blog-meta li {
font-family: "Roboto", sans-serif;
color: #555555;
font-size: 14px;
font-style: normal;
text-transform: capitalize;
font-weight: 400; }
.post-show-type1 .blog-grid .item-wrap .blog-post-loop .article-body-container .blog-meta li:not(:last-child):after {
content: "/"; }
.post-show-type1 .blog-grid .item-wrap .blog-post-loop .article-body-container .blog-meta li a {
font-family: "Roboto", sans-serif;
color: #555555;
font-size: 14px;
font-style: normal;
font-weight: 400; }
.type-show-2.blog-post-loop .article-body-container {
text-align: center; }
.type-show-2.blog-post-loop .article-body-container .entry-title a {
font-size: 20px;
line-height: 26px;
color: #000000;
font-family: "Caros";
font-weight: 400; }
.type-show-2.blog-post-loop .article-body-container .blog-meta li {
font-family: "Roboto", sans-serif;
color: #555555;
font-size: 14px;
font-style: normal;
text-transform: capitalize;
font-weight: 400; }
.type-show-2.blog-post-loop .article-body-container .blog-meta li:not(:last-child):after {
content: "/"; }
.type-show-2.blog-post-loop .article-body-container .blog-meta li a {
font-family: "Roboto", sans-serif;
color: #555555;
font-size: 14px;
font-style: normal;
font-weight: 400; }
.post-show-type2 .blog-grid {
display: flex; }
.post-show-type2 .blog-grid .item-wrap:not(:last-child) {
margin-right: 30px; }
.post-show-type2 .blog-grid .item-wrap .entry-header .entry-thumbnail {
position: relative; }
.post-show-type2 .blog-grid .item-wrap .entry-header .entry-thumbnail .blog-meta {
display: flex;
max-width: 315px;
width: 100%;
background-color: #0070c9;
margin: auto;
text-align: center;
justify-content: center;
align-items: center;
position: absolute;
z-index: 3;
bottom: -6px;
height: 30px;
left: calc((100% - 315px)/2); }
.post-show-type2 .blog-grid .item-wrap .entry-header .entry-thumbnail .blog-meta li:not(:last-child):after {
content: '/'; }
.post-show-type2 .blog-grid .item-wrap .entry-header .entry-thumbnail .blog-meta li,
.post-show-type2 .blog-grid .item-wrap .entry-header .entry-thumbnail .blog-meta a {
color: #ffffff;
font-family: "Roboto", sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
font-style: normal;
text-transform: capitalize;
font-weight: 300; }
.post-show-type2 .blog-grid .item-wrap .article-body-container {
margin-top: 30px;
text-align: center; }
.post-show-type2 .blog-grid .item-wrap .article-body-container .blog-title {
font-size: 20px; }
.post-show-type2 .blog-grid .item-wrap .article-body-container .blog-title a {
font-family: "Caros";
font-weight: 300; }
.post-show-type2 .blog-grid .item-wrap .article-body-container .blog-excerpt {
margin-top: 15px;
padding-left: 15px;
padding-right: 15px; }
.post-show-type2 .blog-grid .item-wrap .article-body-container .blog-excerpt p {
font-size: 15px;
line-height: 28px;
font-family: "Roboto", sans-serif;
color: #555555; }
.post-show-type2 .blog-grid .item-wrap .article-body-container .read-more-section {
margin-top: 30px; }
.post-show-type2 .blog-grid .item-wrap .article-body-container .read-more-section .btn-read-more {
color: #0070c9;
font-size: 17px;
text-transform: none;
padding-left: 0px;
letter-spacing: 1px; }
.post-show-type2 .blog-grid .item-wrap .article-body-container .read-more-section .btn-read-more:before {
display: none; }
.post-show-type2 .blog-grid .item-wrap .article-body-container .read-more-section .btn-read-more:after {
content: '';
width: 8px;
height: 30px;
background: url("assets/images/icons/blue-right.png") top left no-repeat;
position: absolute;
top: 2px;
right: -19px; }
.post-show-type2 .blog-grid .item-wrap .article-body-container .read-more-section .btn-read-more:hover:after {
animation-name: bounceAlpha;
animation-duration: 0.4s;
animation-timing-function: linear; }
@-webkit-keyframes bounceAlpha {
0% {
opacity: 1;
transform: translateX(0px) scale(1); }
25% {
opacity: 0;
transform: translateX(10px) scale(0.9); }
26% {
opacity: 0;
transform: translateX(-10px) scale(0.9); }
55% {
opacity: 1;
transform: translateX(0px) scale(1); } }
@keyframes bounceAlpha {
0% {
opacity: 1;
transform: translateX(0px) scale(1); }
25% {
opacity: 0;
transform: translateX(10px) scale(0.9); }
26% {
opacity: 0;
transform: translateX(-10px) scale(0.9); }
55% {
opacity: 1;
transform: translateX(0px) scale(1); } }
/**
* Type3 - Carousel
*/
.type-show-3 .entry-header .entry-thumbnail {
position: relative; }
.type-show-3 .entry-header .entry-thumbnail .blog-meta {
display: flex;
max-width: 315px;
width: 100%;
background-color: #0070c9;
margin: auto;
text-align: center;
justify-content: center;
align-items: center;
position: absolute;
z-index: 3;
bottom: -11px;
height: 30px;
left: calc((100% - 315px)/2); }
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
.type-show-3 .entry-header .entry-thumbnail .blog-meta {
max-width: 280px;
left: calc((100% - 280px)/2); } }
.type-show-3 .entry-header .entry-thumbnail .blog-meta li:not(:last-child):after {
content: '/'; }
.type-show-3 .entry-header .entry-thumbnail .blog-meta li,
.type-show-3 .entry-header .entry-thumbnail .blog-meta a {
color: #ffffff;
font-family: "Roboto", sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
font-style: normal;
text-transform: capitalize;
font-weight: 300; }
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
.type-show-3 .entry-header .entry-thumbnail .blog-meta li,
.type-show-3 .entry-header .entry-thumbnail .blog-meta a {
font-size: 12px; } }
.type-show-3 .article-body-container {
margin-top: 30px;
text-align: center; }
.type-show-3 .article-body-container .blog-title {
font-size: 20px; }
.type-show-3 .article-body-container .blog-title a {
font-family: "Caros";
font-weight: 300; }
.type-show-3 .article-body-container .blog-excerpt {
margin-top: 15px;
padding-left: 15px;
padding-right: 15px; }
.type-show-3 .article-body-container .blog-excerpt p {
font-size: 15px;
line-height: 28px;
font-family: "Roboto", sans-serif;
color: #555555; }
.type-show-3 .article-body-container .read-more-section {
margin-top: 30px; }
.type-show-3 .article-body-container .read-more-section .btn-read-more {
color: #0070c9;
font-size: 17px;
text-transform: none;
padding-left: 0px;
letter-spacing: 1px; }
.type-show-3 .article-body-container .read-more-section .btn-read-more:before {
display: none; }
.type-show-3 .article-body-container .read-more-section .btn-read-more:after {
content: '';
width: 8px;
height: 30px;
background: url("assets/images/icons/blue-right.png") top left no-repeat;
position: absolute;
top: 2px;
right: -19px; }
.type-show-3 .article-body-container .read-more-section .btn-read-more:hover:after {
animation-name: bounceAlpha;
animation-duration: 0.4s;
animation-timing-function: linear; }
@-webkit-keyframes bounceAlpha {
0% {
opacity: 1;
transform: translateX(0px) scale(1); }
25% {
opacity: 0;
transform: translateX(10px) scale(0.9); }
26% {
opacity: 0;
transform: translateX(-10px) scale(0.9); }
55% {
opacity: 1;
transform: translateX(0px) scale(1); } }
@keyframes bounceAlpha {
0% {
opacity: 1;
transform: translateX(0px) scale(1); }
25% {
opacity: 0;
transform: translateX(10px) scale(0.9); }
26% {
opacity: 0;
transform: translateX(-10px) scale(0.9); }
55% {
opacity: 1;
transform: translateX(0px) scale(1); } }
.blog-design-slider.type-show-1 .article-inner {
text-align: center; }
.blog-design-slider.type-show-1 .article-inner .entry-title a {
font-size: 20px;
line-height: 26px;
color: #000000;
font-family: "Caros";
font-weight: 400; }
.blog-design-slider.type-show-1 .article-inner .blog-meta li {
font-family: "Roboto", sans-serif;
color: #555555;
font-size: 14px;
font-style: normal;
text-transform: capitalize;
font-weight: 400; }
.blog-design-slider.type-show-1 .article-inner .blog-meta li:not(:last-child):after {
content: "/"; }
.blog-design-slider.type-show-1 .article-inner .blog-meta li a {
font-family: "Roboto", sans-serif;
color: #555555;
font-size: 14px;
font-style: normal;
font-weight: 400; }
.blog #main-sidebar .widget_categories .widgettitle,
.blog #main-sidebar .widget_archive .widgettitle,
.blog #main-sidebar .widget_recent_comments .widgettitle {
margin-bottom: 18px; }
.blog #main-sidebar .widget_recent_post_with_image#recent-posts-with-image-2 {
padding-bottom: 18px; }
.blog #main-sidebar .widget_recent_post_with_image#recent-posts-with-image-2 .widgettitle {
margin-bottom: 23px; }
.blog #main-sidebar .widget_tag_cloud#tag_cloud-3 .widgettitle {
margin-bottom: 17px; }
.blog #main-sidebar .woocommerce.widget_products .widgettitle {
margin-bottom: 23px; }
.div-toggle-sidebar {
display: none;
position: fixed;
z-index: 100;
top: 40%;
left: 0;
text-align: center; }
.div-toggle-sidebar a {
border: 1px solid #333;
background: #333;
color: #fff;
opacity: 0.3;
display: block;
padding: 10px;
color: #fff;
line-height: 1;
border-radius: 0 3px 3px 0;
transition: all 350ms ease; }
.div-toggle-sidebar a i {
font-size: 135%;
display: block;
color: inherit;
margin-right: 0; }
@media only screen and (max-width: 1099px) {
.div-toggle-sidebar {
display: block; } }
@media only screen and (max-width: 1099px) {
#main-sidebar.col-sidebar, #main-sidebar.columns.col-sidebar {
position: fixed !important;
top: 0;
bottom: 0;
text-align: left;
background: #fff;
z-index: 9998;
max-width: 80%;
width: 500px;
padding: 0;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
left: 0;
transform: translateX(-100%);
transition: all 700ms ease; } }
@media only screen and (max-width: 1023px) {
#main-sidebar.col-sidebar.left .ekofood-sidebar-off-canvas, #main-sidebar.col-sidebar.right .ekofood-sidebar-off-canvas, #main-sidebar.col-sidebar.pr-left .ekofood-sidebar-off-canvas, #main-sidebar.col-sidebar.pr-right .ekofood-sidebar-off-canvas, #main-sidebar.columns.col-sidebar.left .ekofood-sidebar-off-canvas, #main-sidebar.columns.col-sidebar.right .ekofood-sidebar-off-canvas, #main-sidebar.columns.col-sidebar.pr-left .ekofood-sidebar-off-canvas, #main-sidebar.columns.col-sidebar.pr-right .ekofood-sidebar-off-canvas {
direction: rtl; } }
#main-sidebar.col-sidebar.left .ekofood-sidebar-off-canvas .search-form input[type="search"], #main-sidebar.col-sidebar.right .ekofood-sidebar-off-canvas .search-form input[type="search"], #main-sidebar.col-sidebar.pr-left .ekofood-sidebar-off-canvas .search-form input[type="search"], #main-sidebar.col-sidebar.pr-right .ekofood-sidebar-off-canvas .search-form input[type="search"], #main-sidebar.columns.col-sidebar.left .ekofood-sidebar-off-canvas .search-form input[type="search"], #main-sidebar.columns.col-sidebar.right .ekofood-sidebar-off-canvas .search-form input[type="search"], #main-sidebar.columns.col-sidebar.pr-left .ekofood-sidebar-off-canvas .search-form input[type="search"], #main-sidebar.columns.col-sidebar.pr-right .ekofood-sidebar-off-canvas .search-form input[type="search"] {
direction: ltr; }
#main-sidebar.col-sidebar.left .ekofood-sidebar-off-canvas .search-form .search-submit, #main-sidebar.col-sidebar.right .ekofood-sidebar-off-canvas .search-form .search-submit, #main-sidebar.col-sidebar.pr-left .ekofood-sidebar-off-canvas .search-form .search-submit, #main-sidebar.col-sidebar.pr-right .ekofood-sidebar-off-canvas .search-form .search-submit, #main-sidebar.columns.col-sidebar.left .ekofood-sidebar-off-canvas .search-form .search-submit, #main-sidebar.columns.col-sidebar.right .ekofood-sidebar-off-canvas .search-form .search-submit, #main-sidebar.columns.col-sidebar.pr-left .ekofood-sidebar-off-canvas .search-form .search-submit, #main-sidebar.columns.col-sidebar.pr-right .ekofood-sidebar-off-canvas .search-form .search-submit {
top: 0;
display: flex;
align-items: center; }
@media only screen and (max-width: 1023px) {
#main-sidebar.col-sidebar.left .ekofood-sidebar-off-canvas select, #main-sidebar.col-sidebar.right .ekofood-sidebar-off-canvas select, #main-sidebar.col-sidebar.pr-left .ekofood-sidebar-off-canvas select, #main-sidebar.col-sidebar.pr-right .ekofood-sidebar-off-canvas select, #main-sidebar.columns.col-sidebar.left .ekofood-sidebar-off-canvas select, #main-sidebar.columns.col-sidebar.right .ekofood-sidebar-off-canvas select, #main-sidebar.columns.col-sidebar.pr-left .ekofood-sidebar-off-canvas select, #main-sidebar.columns.col-sidebar.pr-right .ekofood-sidebar-off-canvas select {
direction: ltr; } }
#main-sidebar.col-sidebar.left.ekofood-active, #main-sidebar.col-sidebar.right.ekofood-active, #main-sidebar.col-sidebar.pr-left.ekofood-active, #main-sidebar.col-sidebar.pr-right.ekofood-active, #main-sidebar.columns.col-sidebar.left.ekofood-active, #main-sidebar.columns.col-sidebar.right.ekofood-active, #main-sidebar.columns.col-sidebar.pr-left.ekofood-active, #main-sidebar.columns.col-sidebar.pr-right.ekofood-active {
transform: translateX(0); }
@media only screen and (max-width: 1099px) {
#main-sidebar.col-sidebar .ekofood-sidebar-off-canvas, #main-sidebar.columns.col-sidebar .ekofood-sidebar-off-canvas {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-y: auto;
padding: 40px; } }
@media only screen and (max-width: 640px) {
#main-sidebar.col-sidebar .ekofood-sidebar-off-canvas, #main-sidebar.columns.col-sidebar .ekofood-sidebar-off-canvas {
padding: 25px; } }
.ekofood-close-sidebar {
text-indent: -9999px;
color: inherit;
position: absolute;
z-index: 1;
background: #fff;
border: 1px solid #e8e8e8;
width: 45px;
height: 45px;
display: inline-block;
display: none;
text-align: center;
border-radius: 50%;
transition: all 700ms ease; }
.ekofood-close-sidebar:before {
text-indent: 0;
font-family: 'typo-icon';
content: "\e971";
text-align: center;
line-height: 44px;
display: inline-block;
position: absolute;
left: 0;
bottom: 0;
top: 0;
right: 0;
color: #555555; }
@media only screen and (min-width: 1023px) {
.col-sidebar .ekofood-close-sidebar {
display: none; } }
.left .ekofood-close-sidebar,
.right .ekofood-close-sidebar,
.pr-left .ekofood-close-sidebar,
.pr-right .ekofood-close-sidebar {
right: 0;
top: 30px; }
.ekofood-active .ekofood-close-sidebar {
transform: translateX(-50%);
box-shadow: none; }
.ekofood-active.left .ekofood-close-sidebar, .ekofood-active.right .ekofood-close-sidebar, .ekofood-active.pr-left .ekofood-close-sidebar, .ekofood-active.pr-right .ekofood-close-sidebar {
transform: translateX(50%); }
.ekofood-active .ekofood-recent-posts-list .recent-posts-info {
direction: ltr; }
@media only screen and (max-width: 1099px) {
.blog-container #main-sidebar.ekofood-active .theiaStickySidebar,
.shop-container #main-sidebar.ekofood-active .theiaStickySidebar {
position: static !important;
transform: none !important; } }
.single-post.has-footer-4 .page-content.mb-135 {
margin-bottom: 68px; }
.single-post .page-heading .entry-header {
display: none; }
.single-post .comments-area .comment-form .submit {
margin-top: 11px;
text-transform: uppercase;
font-size: 15px;
font-family: "Caros";
min-height: 40px;
line-height: 2.4;
padding: 0 26px; }
.single-post .mb_100 {
margin-bottom: 30px; }
.single-post .mt_100 {
margin-top: 80px; }
.single-post .page-content.mb-135 {
margin-bottom: 154px; }
.post-single-page {
margin-bottom: 18px; }
.post-single-page.has-post-thumbnail .entry-thumbnail {
text-align: center; }
.post-single-page .entry-header .post-date {
right: 13px;
top: 13px; }
.post-single-page .entry-header .post-date .post-date-day {
padding-top: 16px; }
.post-single-page .entry-header {
position: relative;
margin-bottom: 25px; }
.post-single-page .entry-header .entry-thumbnail {
margin-bottom: 19px; }
.post-single-page .entry-header .entry-meta-list li,
.post-single-page .entry-header .entry-meta-list a {
color: #fff;
font-size: 0.933rem;
font-style: normal;
font-family: "Roboto", sans-serif; }
.post-single-page .entry-header .entry-meta-list li:after {
content: '-'; }
.post-single-page .entry-title {
font-size: 30px;
color: black;
font-family: "Caros";
font-weight: bold;
line-height: 1.3;
margin-bottom: 11px;
-ms-word-wrap: break-word;
word-wrap: break-word;
text-align: left; }
@media only screen and (min-width: 1275px) {
.post-single-page .entry-title {
margin-top: -10px;
font-size: 36px; } }
.post-single-page .entry-meta-list {
margin-bottom: 36px; }
.post-single-page .wp-block-columns {
margin-top: 28px; }
.post-single-page .wp-block-columns > .wp-block-column {
margin-top: 0; }
.post-single-page .entry-content h3 {
font-size: 25px; }
.post-single-page .entry-content h2,
.post-single-page .entry-content h3,
.post-single-page .entry-content h4,
.post-single-page .entry-content h5,
.post-single-page .entry-content h6 {
margin-bottom: 20px; }
.wp-block-pullquote {
padding: 15px 0; }
.wp-block-pullquote blockquote p {
font-size: 16px; }
.wp-block-pullquote blockquote.has-light-gray-color {
border-color: #b80000 !important; }
.wp-block-pullquote.is-style-solid-color blockquote {
background-color: transparent;
border: none !important;
text-align: center; }
.wp-block-pullquote.is-style-solid-color blockquote cite {
justify-content: center; }
blockquote {
font-size: 16px;
margin: 40px 0;
display: block;
border-left-width: 4px;
border-left-style: solid;
color: #555555;
background-color: #f9f9f9;
padding-bottom: 30px;
padding-top: 30px;
text-align: left; }
blockquote a {
color: #000; }
blockquote cite {
line-height: 1.4;
font-size: 12px;
font-weight: 300;
display: flex;
justify-content: flex-start;
align-items: center; }
blockquote cite strong {
font-size: 17px;
font-weight: 500;
color: #000000;
margin-right: 5px; }
blockquote img {
margin-right: 10px; }
blockquote ins {
font-style: normal;
text-decoration: none; }
blockquote .name-bq {
font-size: 17px;
font-family: "Caros";
color: #000; }
blockquote p {
line-height: 1.65;
font-weight: 400;
word-wrap: break-word;
font-style: italic;
margin-bottom: 26px; }
blockquote.has-text-align-right cite {
justify-content: flex-end; }
.wp-block-quote {
padding-top: 30px;
padding-bottom: 30px; }
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
padding-top: 30px;
padding-bottom: 30px; }
.wp-block-quote.has-text-align-right {
border-left-width: 0;
border-left-style: none;
border-right-width: 4px;
border-right-style: solid; }
.entry-author .author-info {
margin-bottom: 25px;
margin-top: 80px; }
.author-info {
position: relative;
text-align: center;
background-color: #f9f9f9;
padding: 50px 25px 25px 25px; }
.author-info .avatar {
display: inline-block;
border-radius: 50%;
border: 3px solid #ffffff;
max-width: 74px;
border-radius: 100%; }
.author-info .author-avatar {
position: absolute;
top: 0;
left: 50%;
margin-left: -37px;
margin-top: -37px; }
.author-info .author-description {
min-height: 74px; }
.author-info .author-title {
font-size: 18px;
font-weight: 500;
margin-bottom: 10px; }
.author-info .author-bio {
margin-bottom: 0px; }
.author-info .author-link {
font-weight: 600;
display: block;
margin-top: 10px; }
.author-info .author-link span {
display: none; }
.ekofood-single-bottom.flex {
margin-top: 0; }
.ekofood-single-bottom .tags-list a {
line-height: 1.4;
text-transform: capitalize;
text-decoration: none;
position: relative;
display: inline-block;
font-size: 12px;
color: #444;
background-color: #d9e6c9;
padding: 8px 15px;
margin-right: 8px;
margin-bottom: 5px;
border-radius: 4px; }
.ekofood-single-bottom .tags-list a:hover, .ekofood-single-bottom .tags-list a:focus {
color: white; }
.ekofood-single-bottom .single-meta-tags {
position: relative;
justify-content: center; }
.ekofood-single-bottom .single-meta-tags .tags-title {
display: none; }
.flex-bottom-share {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding-top: 17px; }
@media only screen and (max-width: 640px) {
.flex-bottom-share {
flex-direction: column;
justify-content: center;
align-items: flex-start; } }
.flex-bottom-share .single-social-share {
display: flex;
align-items: center;
justify-content: flex-end; }
@media only screen and (max-width: 640px) {
.flex-bottom-share .single-social-share {
margin-top: 15px; } }
.flex-bottom-share .social-list-icons {
display: flex; }
.flex-bottom-share .social-list-icons .fa {
font-size: 19px; }
.flex-bottom-share .social-list-icons .fa.fa-facebook-square {
color: #3a589e; }
.flex-bottom-share .social-list-icons .fa.fa-twitter {
color: #1ab2e8; }
.flex-bottom-share .social-list-icons .fa.fa-behance {
color: #0057ff; }
.flex-bottom-share .social-list-icons .fa.fa-instagram {
color: #d62424; }
.flex-bottom-share .social-list-icons .fa.fa-pinterest {
color: #b27d62; }
.flex-bottom-share .social-list-icons li {
margin-bottom: 0;
display: inline-flex; }
.flex-bottom-share .social-list-icons li a {
display: inline-flex;
padding: 0 8px; }
.flex-bottom-share .social-list-icons li:last-of-type a {
padding-right: 0; }
.ekofood-related-posts.mt_50 {
margin-top: 69px; }
@media only screen and (min-width: 1300px) {
.ekofood-related-posts + .comments-area {
margin-top: 65px; } }
.ekofood-related-posts .addon-title h3 {
font-size: 21px;
position: relative;
text-transform: capitalize;
margin: 0 0 35px;
padding-bottom: 3px;
letter-spacing: 0px;
display: block;
border-bottom: 1px solid #e4e4e4;
color: black; }
@media only screen and (min-width: 1275px) {
.ekofood-related-posts .addon-title h3 {
font-size: 25px; } }
.ekofood-related-posts .addon-title h3:after {
content: '';
width: 40px;
height: 2px;
margin: auto;
position: absolute;
bottom: 0;
left: 0;
display: none; }
.ekofood-related-posts .article-body-container .entry-meta-list {
margin-bottom: 4px; }
.ekofood-related-posts .article-body-container .entry-meta-list li, .ekofood-related-posts .article-body-container .entry-meta-list a, .ekofood-related-posts .article-body-container .entry-meta-list span {
font-size: 0.933rem;
font-family: "Roboto", sans-serif;
line-height: 1.2; }
.ekofood-related-posts .blog-design-slider .entry-header {
margin-bottom: 16px; }
.ekofood-related-posts .blog-design-slider .blog-title {
margin-bottom: 6px; }
.single-post .post-single-page .post-img-wrap {
max-height: 550px; }
@media only screen and (min-width: 1280px) {
.single-post-no-slidebar .page-content .container {
max-width: 1170px; } }
@media (min-width: 1250px) {
.single-post.single-post-no-slidebar #main-content.col-lg-12 {
width: 75%;
margin: 0 auto;
float: none;
clear: both; } }
.single-post .wp-block-quote cite > img {
border: 2px solid;
border-radius: 30px;
object-fit: cover;
display: none !important; }
.single-post .entry-content .wp-block-button.is-style-outline .wp-block-button__link {
color: #32373c; }
.single-post .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
color: white; }
.single-post .entry-content .wp-block-button.is-style-outline + .wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0; }
.single-post .entry-content > .wp-block-cover.alignleft {
margin-top: 0; }
.single-post .entry-content #wp-block-categories-1 {
margin-bottom: 10px; }
.single-post .entry-content p + .wp-block-archives-list.wp-block-archives {
padding-left: 40px; }
.single-post .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
margin-top: 0; }
.single-post .wp-block-cover.has-background-dim a {
color: white;
text-decoration: none; }
.single-post .wp-block-search {
margin-bottom: 15px; }
.single-post .wp-block-search .wp-block-search__button {
color: white; }
.post-password-form input[type="submit"] {
height: 45px;
color: white; }
.post-password-form input[type="submit"]:hover {
background-color: black; }
.wp-block-file a.wp-block-file__button {
color: white;
text-decoration: none; }
.wp-block-archives.wp-block-archives-dropdown select {
width: auto; }
.wp-block-categories.wp-block-categories-dropdown select {
width: auto; }
.wp-block-button.aligncenter,
.wp-block-buttons.aligncenter,
.wp-block-calendar {
text-align: center; }
.wp-block-calendar table caption,
.wp-block-calendar table tbody,
.wp-block-calendar table td {
text-align: center; }
.wp-block-media-text.is-stacked-on-mobile {
margin-bottom: 18px; }
.wp-block-gallery.columns-3.alignfull {
margin-bottom: 18px; }
div[class^='wp-block-'],
figure[class^='wp-block-'],
ul[class^='wp-block-'] {
margin-top: 18px; }
div[class^='wp-block-'] a,
figure[class^='wp-block-'] a,
ul[class^='wp-block-'] a {
color: #000;
text-decoration: underline; }
div[class^='wp-block-'] .wp-block-button__link {
color: #fff;
text-decoration: none; }
div[class^='wp-block-'] .wp-block-button__link:hover {
color: #fff; }
.wp-block-gallery + .wp-block-gallery {
margin-top: 0; }
.ekofood-pagination {
text-align: center;
border-top: 1px solid #ebebeb;
padding-top: 31px; }
.ekofood-pagination .page-numbers {
padding: 0;
margin-bottom: 0; }
.ekofood-pagination .page-numbers li {
display: inline-block;
margin-right: 4px;
margin-bottom: 0; }
.ekofood-pagination .page-numbers li:last-child {
margin-right: 0; }
.ekofood-pagination .page-numbers li span, .ekofood-pagination .page-numbers li a {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
width: 40px;
height: 40px;
border-radius: 50%;
line-height: 1.4;
font-weight: 500;
padding: 0;
border-bottom: none !important;
color: #000;
font-size: 18px;
font-family: "Caros"; }
.ekofood-pagination .page-numbers li span:hover, .ekofood-pagination .page-numbers li a:hover {
color: #ffffff; }
.ekofood-pagination .page-numbers li .current {
color: #ffffff;
border-bottom: 3px solid; }
.ekofood-ajax-loadmore a {
color: #000000;
display: inline-block;
text-transform: uppercase;
font-weight: 600;
border: 2px solid #e1e1e1;
padding: 6px 22px;
border-radius: 5px; }
.ekofood-ajax-loadmore a:hover, .ekofood-ajax-loadmore a:focus {
color: white; }
.ekofood-ajax-loadmore a i {
margin-right: 7px; }
.ekofood-ajax-loadmore a.disabled {
pointer-events: none;
opacity: 0.3; }
.comments-area {
margin-top: 55px; }
.single-product {
text-align: left; }
.single-product .comment-form .form-submit {
text-align: left; }
.single-product #reviews .comment-respond {
margin-top: 50px; }
.single-product .commentlist li {
display: inline-block;
width: 100%;
margin-bottom: 38px; }
.single-product .commentlist li:last-child {
margin-bottom: 0; }
.single-product #review_form_wrapper .comment-notes,
.single-product #review_form_wrapper .comment-form-rating {
margin-bottom: 5px;
margin-top: 10px; }
.single-product #review_form_wrapper .woocommerce-noreviews p {
margin: 0; }
.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
margin-top: 20px; }
.comment-form .comment-form-comment {
width: 100%;
clear: both; }
.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
width: calc(100%/3 - 20px);
margin-left: 30px;
float: left; }
@media only screen and (min-width: 764px) and (max-width: 800px) and (orientation: portrait) {
.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
width: calc(100%);
margin-left: 0;
margin-top: 0; } }
@media only screen and (max-width: 640px) {
.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
width: calc(100%);
margin-left: 0;
margin-top: 0; } }
.comment-form .comment-form-author {
margin-left: 0px; }
.comment-form .form-submit {
clear: both; }
.single-product .product #review_form_wrapper .comment-form .stars {
position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
line-height: 0;
margin-bottom: 0;
margin-top: 0; }
.single-product #review_form_wrapper #reply-title {
font-size: 18px;
font-weight: 400; }
.single-product #review_form_wrapper .stars span {
display: inline-block;
line-height: 0px; }
.comment-form > p,
.comment-form .comment-form-rating {
flex: 1 1 220px;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 19px; }
.comment-form .comment-notes,
.comment-form .comment-form-comment,
.comment-form .form-submit,
.comment-form .comment-form-rating {
width: 100%;
flex-basis: 100%;
max-width: 100%; }
.comment-form .comment-notes {
display: none;
line-height: 1.2;
margin-top: 0 !important; }
@media only screen and (min-width: 1280px) {
.comment-form .comment-notes {
display: block; } }
.comment-form .form-submit {
text-align: left;
padding-left: 0;
padding-right: 0;
margin-top: 0; }
.comment-form .comment-form-rating label {
display: inline-block;
margin-bottom: 0;
margin-right: 15px; }
.comment-form .comment-form-rating label:after {
content: ":";
margin-left: 2px; }
.comment-form .comment-notes,
.comment-form .comment-form-rating {
margin-bottom: 20px;
margin-top: 20px; }
.comment-form .comment-notes {
margin-bottom: 21px; }
.comment-form .submit {
background-color: transparent;
min-height: 45px;
font-size: 15px;
border: 2px solid;
transition: all 400ms ease-out 0s;
border-radius: 5px;
text-transform: uppercase;
font-family: "Caros";
font-weight: bold; }
.comment-form .submit:hover {
color: #fff; }
.comment-form-cookies-consent input, .comment-form-cookies-consent label {
display: inline-block !important;
width: auto !important; }
.comments-area .comments-title,
.comments-area .comment-reply-title {
font-size: 21px;
position: relative;
text-transform: normal;
margin: 0 0 40px;
padding-bottom: 3px;
letter-spacing: .3px;
border-bottom: 1px solid #e4e4e4;
color: black; }
@media only screen and (min-width: 1275px) {
.comments-area .comments-title,
.comments-area .comment-reply-title {
font-size: 25px; } }
@media only screen and (min-width: 1280px) {
.comments-area .comments-title,
.comments-area .comment-reply-title {
margin-bottom: 45px; } }
.comments-area .comment-reply-title {
margin-bottom: 12px;
border-bottom: none;
line-height: 1; }
.comments-area .comment-reply-title small {
vertical-align: middle;
display: inline-block;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
position: relative;
top: 2px; }
.comments-area .comment-list {
margin-bottom: 36px;
margin-bottom: 0;
list-style: none;
padding-left: 0; }
.comments-area .comment-list + .comment-respond {
margin-top: 50px; }
.comments-area .comment-content {
font-style: italic; }
.comments-area .comment-text-content {
line-height: 1.4; }
@media only screen and (min-width: 1300px) {
.comments-area .comment-text-content {
line-height: 2.0; } }
.comments-area .comment-form .form-submit {
margin-bottom: 0; }
.comments-area .comment {
padding: 28px 0px;
display: inline-block;
width: 100%;
vertical-align: top;
margin: 0; }
.comments-area .comment:not(:last-of-type) {
border-bottom: 1px solid #ebebeb; }
.comments-area .comment .comment_container {
display: inline-flex;
width: 100%;
vertical-align: top; }
.comments-area .comment .comment_container img {
/*float: left;*/
margin: 0px 5px 0px 0px;
width: 74px;
height: 74px;
object-fit: cover;
border-radius: 100%; }
.comments-area .comment .comment_container + #respond {
margin-top: 23px;
margin-bottom: 15px; }
.comments-area .comment .comment-respond {
margin-top: 0;
margin-bottom: 26px; }
.comments-area .comment .comment-respond .logged-in-as {
margin-bottom: 20px; }
.comments-area .comment .comment-respond .comment-form-comment {
margin: 20px 0 25px; }
.comments-area .comment-list > li:first-child {
padding-top: 0; }
.comments-area .pingback {
margin-bottom: 15px; }
.comments-area .pingback .comment-body {
padding-left: 0; }
.comments-area .pingback a {
color: #000000;
margin-left: 5px; }
.comments-area .children {
padding-left: 0;
margin-left: 30px;
margin-top: 0;
margin-bottom: 0;
list-style: none; }
.comments-area .children .comment:last-child {
border-bottom: none;
padding-bottom: 0; }
.comments-area .children .comment .comment-respond {
margin-top: 3px; }
.comments-area #cancel-comment-reply-link {
display: inline-block;
margin-left: 10px; }
.comments-area .comment-body {
position: relative;
padding-left: 105px; }
.comments-area .comment-awaiting-moderation {
position: absolute;
top: -24px;
left: 105px; }
.comments-area .comment-awaiting-moderation + br {
display: none; }
.comments-area .comment-edit-link {
font-size: 0;
margin-left: 5px;
display: inline-block; }
.comments-area .comment-edit-link:after {
font-size: 12px;
vertical-align: middle; }
.comments-area .comment-author {
line-height: 17px;
font-size: 17px;
margin-bottom: 10px; }
.comments-area .comment-author:first-letter {
text-transform: uppercase; }
.comments-area .comment-author .fn {
color: #000000;
font-weight: 600;
font-style: normal;
vertical-align: top; }
.comments-area .comment-author .says {
margin-left: 3px;
vertical-align: top; }
.comments-area .comment-author img {
position: absolute;
left: 0px;
top: 0px;
border-radius: 50%; }
.comments-area .comment-meta {
line-height: 20px;
margin-bottom: 15px;
font-size: 14px; }
.comments-area .comment-meta a {
color: #555;
vertical-align: middle; }
.comments-area .reply {
margin-top: 15px; }
.comments-area .reply a {
font-weight: 600;
text-transform: uppercase; }
.comments-area .reply a:hover {
opacity: 0.7; }
.comments-area .logged-in-as {
font-size: 0;
margin-bottom: 20px;
padding: 0; }
.comments-area .logged-in-as > a {
color: #555;
font-size: 14px; }
.comments-area .logged-in-as > a:not(:last-child) {
margin-right: 12px; }
.comments-area .logged-in-as > a:last-child {
font-weight: 600; }
.comments-area .no-comments {
font-weight: 600; }
.commentlist {
list-style: none;
padding-left: 0;
padding-right: 0;
line-height: inherit; }
.commentlist li.comment {
list-style: none;
margin-top: 45px; }
.commentlist .pingback {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px dashed #ebebeb; }
.commentlist .pingback:first-child {
padding-top: 15px; }
.commentlist .pingback p {
margin-bottom: 0; }
.commentlist .comment-text li {
margin-top: 10px; }
.commentlist .children {
padding-left: 30px; }
.comment_container .comment-text {
padding-left: 23px;
width: calc(100% - 79px);
position: relative; }
.comment-text .comment-author {
margin-top: 0;
margin-bottom: 0; }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.comment-text .comment-author {
display: flex;
width: 100%; } }
.comment-text .flex-author {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 13px; }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.comment-text .flex-author {
flex-direction: column;
align-items: flex-start; } }
.comment-text .flex-author time.grow {
font-family: "Caros";
font-weight: 400;
font-size: 13px;
line-height: 1;
margin-left: 5px;
color: #888; }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.comment-text .flex-author time.grow {
margin-left: 0;
margin-top: 5px;
display: flex;
width: 100%; } }
.comment-text .comment-flex-reply {
position: relative; }
.comment-text .comment-flex-reply .wrapper-reply {
display: inline-flex;
width: 100%; }
.comment-text .comment-flex-reply .comment-text-content {
flex: 1;
width: 100%;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
@media only screen and (min-width: 1300px) {
.comment-text .comment-flex-reply .comment-text-content > * {
max-width: calc(100% - 130px); } }
.comment-text .comment-flex-reply .flex {
align-items: flex-end;
display: inline-flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
display: block; }
@media only screen and (min-width: 1300px) {
.comment-text .comment-flex-reply .flex {
position: absolute;
right: 0;
bottom: 9px; } }
.comment-text .flex {
justify-content: flex-end; }
.comment-text .flex time {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-box-flex: 1;
flex: 1 1 auto;
font-size: 12px;
color: #555; }
.comment-text .flex a {
font-size: 14px;
margin-left: 10px;
font-style: italic;
line-height: 1;
margin-top: 1px; }
.comment-text .star-rating {
float: right;
margin: 0; }
.comment-text .meta {
line-height: 1;
margin-bottom: 15px; }
.comment-text .meta strong {
font-weight: 600;
text-transform: uppercase; }
.comment-text .woocommerce-review__published-date {
font-size: 13px;
text-transform: uppercase;
color: #999; }
.comment-text p {
margin-bottom: 5px; }
.comment-form-rating p.stars {
margin-top: 10px;
display: inline-block; }
.comment-respond label {
display: block; }
.comment-respond .comment-form-comment label {
margin-bottom: 15px; }
.comment-respond input:not([type="submit"]),
.comment-respond textarea {
background: transparent;
width: 100%; }
.comment-respond input:not([type="submit"]) {
height: 44px; }
.comment-respond input:not([type="submit"]),
.comment-respond textarea {
border: 1px solid #e6e6e6;
border-radius: 3px;
background: #fff;
font-size: 13px;
color: #555; }
.page-links {
margin-top: 10px; }
.page-links .page-links-title {
vertical-align: middle;
margin-right: 15px; }
.page-links > a,
.page-links > span:not(.page-links-title) {
display: inline-flex;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
vertical-align: middle;
margin-right: 2px;
box-sizing: content-box;
font-family: "Caros";
font-weight: 400;
font-size: 16px;
border-radius: 50%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }
.page-links > a:last-child,
.page-links > span:not(.page-links-title):last-child {
margin-right: 0; }
.page-links > span:not(.page-links-title) {
color: white; }
.ekofood-entry-content .page-links > a,
.ekofood-entry-content .page-links > span:not(.page-links-title) {
color: white; }
.flex-bottom-share + .post-navigation {
margin-top: 30px; }
.post-navigation {
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
padding-top: 26px;
padding-bottom: 31px; }
.post-navigation .label-text {
display: block;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
color: #bbb;
line-height: 1; }
.post-navigation span.prev,
.post-navigation span.next {
display: inline-flex;
justify-content: flex-start;
align-items: center;
width: 100%;
line-height: 1.2;
font-size: 12px;
color: #888;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 4px; }
.post-navigation span.next {
justify-content: flex-end; }
.post-navigation a:before {
font-family: 'typo-icon';
font-size: 28px;
position: absolute;
top: 50%;
line-height: 1.3;
transform: translateY(-50%);
display: inline-flex;
justify-content: center;
align-items: center; }
@media only screen and (min-width: 1300px) {
.post-navigation a:before {
font-size: 37px; } }
.post-navigation a div {
font-weight: 400;
font-size: 15px;
line-height: 1.3; }
@media only screen and (min-width: 1300px) {
.post-navigation a div {
font-weight: 500;
font-size: 19px; } }
.post-navigation .post-prev-post {
flex: 0 1 auto;
max-width: 50%; }
.post-navigation .post-prev-post .post-next-prev-content {
padding-left: 38px; }
@media only screen and (min-width: 1300px) {
.post-navigation .post-prev-post .post-next-prev-content {
padding-left: 47px; } }
.post-navigation .post-prev-post .post-next-prev-content a {
display: inline; }
.post-navigation .post-prev-post .post-next-prev-content a:before {
left: 0;
content: "\e971"; }
.post-navigation .post-next-post {
flex: 0 1 auto;
max-width: 50%; }
.post-navigation .post-next-post .post-next-prev-content {
padding-right: 38px; }
@media only screen and (min-width: 1300px) {
.post-navigation .post-next-post .post-next-prev-content {
padding-right: 47px; } }
.post-navigation .post-next-post .post-next-prev-content a {
display: inline; }
.post-navigation .post-next-post .post-next-prev-content a:before {
right: 0;
content: "\e972"; }
.post-navigation .back-to-archive a {
display: block;
width: 19px;
height: 19px;
background-image: url("assets/images/icons/view-2.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease; }
.post-navigation .back-to-archive a:hover {
background-image: url("assets/images/icons/view-2-active.png"); }
.post-navigation > .post-next-post {
align-items: flex-end;
max-width: 100%;
flex: 0 1 100%; }
.post-navigation .post-prev-post + .post-next-post {
flex: 0 1 auto;
max-width: 50%; }
/**
*====================================
* POST - COLUMS
*====================================
*/
/**
* =======================================
* STYLE ELEMENT POST
* =======================================
*/
.wp-block-button__link {
font-size: 17px;
font-family: "Caros";
color: #fff; }
.wp-block-button__link:hover {
color: #fff; }
.is-style-outline .wp-block-button__link {
font-size: 17px;
color: #32373c; }
.is-style-outline .wp-block-button__link:hover {
color: #fff; }
.jmsblog-box .blog-post-loop .article-inner .entry-header {
position: relative;
overflow: hidden;
border-radius: 5px; }
.jmsblog-box .blog-post-loop .article-inner .entry-header .post-img-wrap {
border-radius: 5px; }
.jmsblog-box .blog-post-loop .article-inner .entry-header .post-img-wrap img {
border-radius: 5px; }
.jmsblog-box .blog-post-loop .article-inner .entry-header .meta-date {
width: 82px;
height: 82px;
border-radius: 50%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
z-index: 2;
top: 10px;
right: 11px; }
.jmsblog-box .blog-post-loop .article-inner .entry-header .meta-date > a {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; }
.jmsblog-box .blog-post-loop .article-inner .entry-header .meta-date .day {
font-size: 30px;
color: #fff;
display: inline-flex;
font-family: "Caros";
font-weight: bold;
line-height: 1; }
.jmsblog-box .blog-post-loop .article-inner .entry-header .meta-date .moth {
font-size: 13px;
color: #fff;
display: inline-flex;
letter-spacing: .5px;
font-family: "Roboto", sans-serif;
font-weight: 400;
line-height: 1.1;
margin-top: 3px; }
.jmsblog-box .blog-post-loop .article-inner .article-body-container .entry-meta-list {
margin: 0 0 9px; }
.jmsblog-box .blog-post-loop .article-inner .article-body-container .blog-meta .entry-meta-list li:after {
content: '/'; }
.jmsblog-box .blog-post-loop .article-inner .article-body-container .blog-meta li, .jmsblog-box .blog-post-loop .article-inner .article-body-container .blog-meta a {
font-size: 0.9rem;
font-family: "Roboto", sans-serif;
font-weight: 400; }
.jmsblog-box .item-blog-2 {
margin-bottom: 60px;
overflow: hidden; }
.jmsblog-box .item-blog-2 .blog-post-loop {
width: calc(100%/2);
float: left;
padding: 0px 17px; }
.jmsblog-box .item-blog-2 .blog-post-loop:not(:first-child) {
margin-top: 0px; }
.jmsblog-box .item-blog-3 {
overflow: hidden; }
.jmsblog-box .item-blog-3 .blog-post-loop {
width: calc(100%/3);
float: left;
padding: 0px 17px; }
.jmsblog-box .item-blog-3 .blog-post-loop:not(:first-child) {
margin-top: 0px; }
.jmsblog-box .blog-layout-widget .item-wrap {
margin-bottom: 0px; }
.jmsblog-box .blog-layout-widget .item-wrap .blog-post-loop {
width: 100%;
float: none;
clear: both;
padding: 0px; }
.jmsblog-box .blog-layout-widget .item-wrap .blog-post-loop .entry-header {
width: 30%;
float: left; }
.jmsblog-box .blog-layout-widget .item-wrap .blog-post-loop .article-body-container {
width: calc(70% - 10px);
float: left;
margin-left: 10px; }
.jmsblog-box .blog-layout-widget .item-wrap .blog-post-loop .article-body-container .blog-meta a {
font-weight: 400; }
/* ---------------------------------------------
9. WIDGETS
------------------------------------------ */
.widget-siderbar .widget {
margin-bottom: 30px;
border-bottom: 1px solid #ebebeb;
padding-bottom: 30px; }
.widget-siderbar .widget:last-child {
border-bottom: 0px;
padding-bottom: 18px; }
.widget-siderbar .theiaStickySidebar > .widget.widget_search {
border-bottom: none;
padding-bottom: 0px; }
.widget:last-child {
margin-bottom: 0; }
.widget .widgettitle, .widget .widget-title {
position: relative;
font-size: 21px;
font-family: "Caros";
color: black;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 22px;
display: inline-block;
width: 100%; }
@media only screen and (min-width: 1275px) {
.widget .widgettitle, .widget .widget-title {
font-size: 23px; } }
.widget .count {
font-size: 1rem;
position: relative;
color: #555; }
.widget a {
color: #555;
font-size: 1rem;
font-weight: 400;
font-family: "Roboto", sans-serif; }
.widget ul {
list-style: none;
padding: 0;
margin: 0; }
.widget ul li:last-child {
margin-bottom: 0; }
.widget ul.children {
padding-left: 15px; }
.blog .blog-type-list .entry-title {
font-size: 33px;
margin-bottom: 15px;
line-height: 1.2; }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.blog .blog-type-list .entry-title {
font-size: 23px; } }
/** ------------------------------------------
* WIDGET CATEGORIES
* ------------------------------------------ */
.widget_categories .screen-reader-text,
.widget_pages .screen-reader-text,
.widget_archive .screen-reader-text,
.widget_nav_menu .screen-reader-text,
.widget_product_categories .screen-reader-text {
display: none; }
.widget_categories ul li,
.widget_pages ul li,
.widget_archive ul li,
.widget_nav_menu ul li,
.widget_product_categories ul li {
color: #333333;
display: block;
margin-bottom: 15px; }
.widget_categories ul li a,
.widget_pages ul li a,
.widget_archive ul li a,
.widget_nav_menu ul li a,
.widget_product_categories ul li a {
padding-right: 2px;
display: inline-block; }
.widget_categories li ul,
.widget_pages li ul,
.widget_archive li ul,
.widget_nav_menu li ul,
.widget_product_categories li ul {
margin-top: 10px;
padding-left: 15px; }
/** ------------------------------------------
* WIDGET RECENT POST
* ------------------------------------------ */
.ekofood-recent-posts-list li {
display: inline-block;
width: 100%;
margin-bottom: 10px;
padding-bottom: 15px; }
.ekofood-recent-posts-list li:last-child {
padding-bottom: 0;
margin-bottom: 0; }
.ekofood-recent-posts-list .recent-posts-thumbnail {
float: left;
width: 78px; }
.ekofood-recent-posts-list .recent-posts-info {
float: left;
padding-left: 19px;
width: calc(100% - 78px); }
.ekofood-recent-posts-list .attachment-thumbnail {
max-width: 60px; }
/** ------------------------------------------
* WIDGET RECENT COMMENTS
* ------------------------------------------ */
.widget_recent_comments .recentcomments {
margin-bottom: 16px;
color: #888; }
.widget_recent_comments .recentcomments span {
color: #555; }
.widget_recent_comments .recentcomments a:not(.url) {
color: black; }
/** ------------------------------------------
* WIDGET RSS
* ------------------------------------------ */
.widget_rss .widgettitle a {
color: #000000;
vertical-align: middle; }
.widget_rss .widgettitle a img {
vertical-align: initial; }
.widget_rss ul li {
line-height: 1.5;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ebebeb; }
.widget_rss ul li > a {
margin-bottom: 8px;
display: block;
color: #000000;
font-weight: 600; }
.widget_rss ul li cite {
margin-top: 5px;
display: inline-block; }
.widget_rss ul li:last-child {
border-bottom: none;
margin-bottom: 0px; }
.widget_rss .rss-date {
font-size: 0.928rem;
margin-bottom: 8px;
display: block; }
.widget_rss .rss-date:before {
content: '\f073';
font-family: "FontAwesome";
display: inline-block;
margin-right: 5px; }
/** ------------------------------------------
* CALENDAR
* ------------------------------------------ */
.widget_calendar #wp-calendar {
margin-bottom: 0; }
.widget_calendar #wp-calendar > caption {
text-align: center;
color: #000000;
font-size: 1.285rem;
font-weight: 600;
margin-bottom: 10px; }
.widget_calendar #wp-calendar th {
text-align: center;
padding: 5px;
font-size: 1.142rem;
border-bottom: none; }
.widget_calendar #wp-calendar td {
text-align: center;
padding: 8px;
border-bottom: none; }
.widget_calendar #wp-calendar tbody a {
color: white;
display: block;
font-weight: 700; }
.widget_calendar #wp-calendar #prev {
text-align: left; }
.widget_calendar #wp-calendar #next {
text-align: right; }
.widget_calendar #wp-calendar thead th {
border-bottom: 2px solid rgba(129, 129, 129, 0.1); }
.widget_calendar #wp-calendar tfoot td {
border-top: 2px solid rgba(129, 129, 129, 0.1); }
/** ------------------------------------------
* WIDGET PRODUCT
* ------------------------------------------ */
@media only screen and (max-width: 1023px) {
.widget_products .product_list_widget,
.widget_top_rated_products .product_list_widget {
direction: ltr; } }
.widget_products .product_list_widget > li,
.widget_top_rated_products .product_list_widget > li {
border-bottom: 0px;
display: flex; }
.widget_products .product_list_widget .content-product-widget .product-cat,
.widget_top_rated_products .product_list_widget .content-product-widget .product-cat {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-bottom: 5px;
width: 95%; }
.widget_products .product_list_widget .content-product-widget .product-cat a,
.widget_top_rated_products .product_list_widget .content-product-widget .product-cat a {
font-size: 0.928rem;
color: #666666;
font-family: "Roboto", sans-serif;
display: inline-block;
font-weight: 400; }
.widget_products .product_list_widget .content-product-widget .product-title,
.widget_top_rated_products .product_list_widget .content-product-widget .product-title {
font-size: 1.071rem;
font-family: "Roboto", sans-serif;
text-transform: capitalize;
color: #222222;
font-weight: 500; }
.widget_products .product_list_widget .content-product-widget .woocommerce-Price-amount,
.widget_top_rated_products .product_list_widget .content-product-widget .woocommerce-Price-amount {
font-size: 1.21rem;
color: #000000;
font-weight: bold;
margin-top: 5px;
display: inline-block;
font-family: "Roboto", sans-serif; }
.widget_products .product_list_widget li a:hover .product-title,
.widget_top_rated_products .product_list_widget li a:hover .product-title {
opacity: 1; }
.widget_products .product_list_widget li .product-title,
.widget_top_rated_products .product_list_widget li .product-title {
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease; }
.widget_products .product_list_widget > li {
padding-bottom: 0px;
margin-bottom: 20px; }
.widget_products .product_list_widget > li .heaed-product-widget img {
border: 1px solid;
border-color: #ebebeb; }
/** ------------------------------------------
* WIDGET SEARCH
* ------------------------------------------ */
.widget.widget_search .search-form .search-submit {
top: -5px; }
.search-form {
display: block; }
.search-form input[type="search"] {
border: 2px solid;
border-color: #ebebeb;
padding-left: 12px;
border-radius: 5px; }
.search-form .search-submit {
position: absolute;
right: auto;
left: auto;
right: 0px;
top: 0;
color: black;
height: 50px;
padding: 0 15px;
font-size: 25px;
background-color: transparent;
border: none; }
.search-form .search-submit i:before {
font-family: 'typo-icon'; }
/** ------------------------------------------
* WIDGET TAG
* ------------------------------------------ */
.tagcloud {
overflow: hidden;
margin-top: 6px; }
.tagcloud a {
display: inline-block;
float: left;
line-height: 35px;
padding: 0 22px;
font-size: 14px !important;
border-radius: 5px;
margin: 0 7px 7px 0;
border: 2px solid #f1f1f1;
color: #555555;
font-weight: 400; }
.tagcloud a:hover, .tagcloud a:focus {
color: white !important; }
/** ------------------------------------------
* WIDGET SHOPPING CART
* ------------------------------------------ */
.cart_list {
list-style: none;
padding: 0;
margin: 0;
max-height: 500px;
overflow-y: auto;
margin-bottom: 12px; }
.cart_list dl.variation {
display: none; }
.cart_list li {
position: relative;
padding-bottom: 0px;
margin-bottom: 20px; }
@media only screen and (min-width: 1200px) {
.cart_list li {
display: flex;
justify-content: center;
align-items: center; } }
.cart_list li:last-child {
margin-bottom: 10px; }
.cart_list li.empty {
margin: 0; }
.cart_list li:last-child {
border-bottom: none; }
.cart_list li .wc-loading {
left: calc(40px - 10px);
top: calc(50% - 17.5px);
z-index: 99;
opacity: 1; }
.cart_list li.loading {
opacity: 0.5; }
.cart_list li.empty {
padding-bottom: 0; }
.cart_list li a {
padding: 0; }
.cart_list li .preview-image {
padding: 0;
width: 86px;
float: left;
border-radius: 4px;
border: 1px solid #ebebeb; }
.cart_list li .preview-image img {
width: 86px;
height: 108px;
object-fit: cover;
width: 100%; }
.cart_list li .desc {
width: calc(100% - 86px);
padding-left: 18px;
float: left;
position: relative; }
.cart_list li .desc .product_name {
font-weight: 500;
font-size: 16px;
font-family: "Roboto", sans-serif;
display: block;
margin-bottom: 8px;
white-space: nowrap;
overflow: hidden;
color: #555555;
text-overflow: ellipsis;
line-height: 1.3; }
.cart_list li .desc .cart-price {
display: block;
margin-bottom: 9px;
font-size: 17px;
font-family: "Roboto", sans-serif;
font-weight: bold;
line-height: 1.3; }
.cart_list li .desc .amount {
font-size: 1.21rem;
font-family: "Roboto", sans-serif;
font-weight: bold; }
.cart_list li .desc .remove {
margin-left: 28px; }
.cart_list li .desc .remove i {
top: 2px;
line-height: 1;
color: #555555;
font-size: 16px; }
.cart_list li .quantity {
font-weight: 600;
font-size: 1.14rem;
font-family: "Roboto", sans-serif;
width: auto;
color: #555555; }
.cart_list li .variation {
margin-bottom: 5px; }
.cart_list li .variation .variation-Vendor {
display: inline-block; }
.widget_shopping_cart_content .total {
font-size: 1.214rem;
font-family: "Caros";
border-top: 2px solid #ebebeb;
padding-top: 15px;
margin-bottom: 20px;
font-weight: 500;
color: #000;
line-height: 2; }
.widget_shopping_cart_content .total .amount {
float: right;
font-size: 1.3rem;
font-family: "Caros"; }
.widget_shopping_cart_content .buttons {
margin-bottom: 0; }
.widget_shopping_cart_content .buttons a {
line-height: 1.2;
border: 2px solid;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid;
margin-bottom: 10px;
padding: 9.5px 15px 7.5px;
text-align: center;
text-transform: uppercase;
background-color: transparent;
font-size: 1.1rem;
font-family: "Caros";
font-weight: 500;
width: 100%;
z-index: 2;
border-radius: 5px;
transition: all 400ms ease-out 0s; }
.widget_shopping_cart_content .buttons a:hover {
color: #fff; }
.widget_recent_entries ul li span {
padding-left: 18px;
position: relative;
display: block;
color: #b9b9b9; }
.widget_recent_entries ul li span:before {
content: "\f073";
position: absolute;
left: 0;
line-height: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: -2px;
display: inline-block;
font-family: FontAwesome;
font-size: 12px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/** ------------------------------------------
* WIDGET FILTER PRICE
* ------------------------------------------ */
.widget_price_filter .price_slider {
margin-bottom: 30px; }
.widget_price_filter .widgettitle {
margin-bottom: 25px; }
.widget_price_filter .price_slider_amount {
text-align: left;
display: -webkit-flex;
-webkit-flex-direction: row-reverse;
display: flex;
flex-direction: row-reverse;
text-align: left;
width: 100%; }
@media only screen and (min-width: 768px) and (max-width: 980px) {
.widget_price_filter .price_slider_amount {
flex-wrap: wrap;
text-align: right; } }
.widget_price_filter .price_slider_amount .price_label {
width: 60%;
display: inline-block;
line-height: 36px; }
.widget_price_filter .price_slider_amount .button {
max-width: calc(100% - 60%);
margin-right: 87px;
float: left;
line-height: 30px;
padding: 0 15px;
font-size: 1.071rem;
letter-spacing: 1.2px;
background-color: transparent;
border: 2px solid;
text-transform: capitalize;
font-family: "Caros";
border-radius: 4px;
text-transform: uppercase;
transition: all 400ms ease-out 0s; }
.widget_price_filter .price_slider_amount .button:hover {
color: #ffffff; }
@media only screen and (min-width: 768px) and (max-width: 980px) {
.widget_price_filter .price_slider_amount .button {
order: 2;
margin-right: 0px; } }
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
margin-left: 0.5em;
margin-right: 0.5em; }
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
cursor: ew-resize;
outline: none;
top: -6px;
margin-left: -0.5em;
border-radius: 100%;
height: 15px;
width: 15px; }
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
border-radius: 1em;
background: #555555; }
.widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: #ebebeb;
border: 0; }
.widget_price_filter .ui-slider-horizontal {
height: 4px; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px; }
/** ------------------------------------------
* WIDGET RATING FILTER
* ------------------------------------------ */
.widget_rating_filter .star-rating {
vertical-align: top;
display: inline-block;
margin: 0;
line-height: 19px; }
/** ------------------------------------------
* WIDGET INSTAGRAM
* ------------------------------------------ */
.jms-instagram .instagram {
margin-top: 15px;
margin-left: -5px;
margin-right: -5px; }
.jms-instagram .cols-1 .item {
width: 100%; }
.jms-instagram .cols-2 .item {
width: 50%; }
.jms-instagram .cols-3 .item {
width: 33.333333%; }
.jms-instagram .cols-4 .item {
width: 25%; }
.jms-instagram .cols-5 .item {
width: 20%; }
.jms-instagram .item {
float: left;
padding: 5px; }
.jms-instagram .item a {
display: block;
overflow: hidden;
position: relative; }
.jms-instagram .item a:before {
content: '';
width: 94%;
height: 94%;
border: 1px solid #fff;
opacity: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
-webkit-transition: opacity 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s; }
.jms-instagram .item a:after {
content: '';
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
top: 0;
left: 0;
background-color: #555;
-webkit-transition: opacity 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s; }
.jms-instagram .item img {
width: 100%; }
.jms-instagram .item:hover a:before {
opacity: 0.4; }
.jms-instagram .item:hover a:after {
opacity: 0.1; }
.social-network {
margin: 0;
padding: 0;
list-style: none; }
.social-network li {
margin-right: 25px;
float: left; }
.social-network li:last-child {
margin-right: 0; }
.social-network li a {
font-size: 20px; }
.flickr-container {
margin-left: -5px; }
.flickr-container:after {
clear: both;
content: '';
display: table; }
.flickr-container .flickr_badge_image {
float: left;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
position: relative;
width: 33.33%; }
.flickr-container .flickr_badge_image img {
width: 100%;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
-webkit-transition: opacity .2s;
transition: opacity .2s; }
.flickr-container .flickr_badge_image img:hover {
opacity: .8; }
.product_list_widget > li {
padding-bottom: 18px;
margin-bottom: 18px;
border-bottom: 1px solid #eeeeee; }
.product_list_widget > li:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none; }
.product_list_widget > li:after {
content: "";
clear: both;
display: block; }
.product_list_widget > li a {
margin-bottom: 0px;
display: block; }
.product_list_widget > li .product-title {
font-size: inherit; }
.product_list_widget > li img {
float: left;
margin-right: 15px;
max-width: 80px; }
.product_list_widget > li .star-rating {
display: block;
margin-left: 0px;
margin-bottom: 0px;
font-size: 12px;
height: 15px;
line-height: 23px;
width: 100%; }
.product_list_widget > li .star-rating span:before {
font-size: 12px; }
.product_list_widget > li .reviewer {
font-size: 13px; }
.product_list_widget > li del {
color: #555555; }
.product_list_widget > li del .woocommerce-Price-amount {
text-decoration: line-through;
font-size: 1rem !important;
color: #555555 !important; }
.product_list_widget > li ins {
text-decoration: none;
margin-left: 5px;
color: #fe2626; }
.product_list_widget > li ins .woocommerce-Price-amount {
font-size: 1.21rem !important;
color: #000000; }
/** ------------------------------------------
* WIDGET RECENT POSTS
* ------------------------------------------ */
.widget_recent_post_with_image .widgettitle {
margin-bottom: 30px; }
.widget_recent_post_with_image .ekofood-recent-posts-list > li {
padding-bottom: 10px; }
.widget_recent_post_with_image .ekofood-recent-posts-list > li .recent-posts-thumbnail img {
border-radius: 5px;
object-fit: cover; }
.widget_recent_post_with_image .ekofood-recent-posts-list .entry-meta-list {
display: flex; }
.widget_recent_post_with_image .ekofood-recent-posts-list .entry-meta-list li, .widget_recent_post_with_image .ekofood-recent-posts-list .entry-meta-list a {
font-size: 0.928rem;
color: #888888;
font-style: normal;
font-weight: 400;
font-family: "Roboto", sans-serif; }
.widget_recent_post_with_image .ekofood-recent-posts-list .entry-meta-list li {
width: auto;
padding-bottom: 0px;
margin-bottom: 12px;
display: flex;
line-height: 1;
margin-bottom: 5px; }
.widget_recent_post_with_image .ekofood-recent-posts-list .entry-meta-list li:not(:last-child):after {
content: '-';
margin: 0px 5px; }
.widget_recent_post_with_image .ekofood-recent-posts-list .entry-title a {
font-size: 15px;
color: #000;
font-family: "Caros";
font-weight: 500;
letter-spacing: 0.3px; }
/**
* BANNER SIDEBAR BLOG
*/
.custom-html-widget .container {
width: 100%; }
.banner-slidebar-blog {
margin-top: 10px;
margin-bottom: 10px; }
.banner-slidebar-blog .vc_column_container > .vc_column-inner {
padding: 0px; }
.banner-slidebar-blog .banner-box {
margin-bottom: 0px; }
.banner-slidebar-blog .banner-box .banner-text {
bottom: 2px;
top: auto; }
.banner-slidebar-blog .banner-box .banner-text .content {
position: relative; }
.banner-slidebar-blog .banner-box .banner-text .content .ft-ss {
font-size: 2.428rem;
font-family: "Caros";
color: #fff;
letter-spacing: 0.5px; }
.banner-slidebar-blog .banner-box .banner-text .content .ft-ss ins {
text-decoration: none;
font-family: "Caros";
letter-spacing: 0.5px; }
.banner-slidebar-blog .banner-box .banner-text .content .ft-rb {
text-align: center;
font-size: 18px;
font-family: "Roboto", sans-serif;
color: #ffffff;
letter-spacing: 0.2px; }
.woocommerce .widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-color,
.woocommerce-page .widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-color {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
flex-flow: row wrap;
align-content: flex-end; }
@media only screen and (max-width: 1023px) {
.woocommerce .widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-color,
.woocommerce-page .widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-color {
direction: ltr; } }
.woocommerce .widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-color > li,
.woocommerce-page .widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-color > li {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
float: none;
flex: 50%;
margin-bottom: 17px; }
.woocommerce .widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-color > li:last-child,
.woocommerce-page .widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-color > li:last-child {
margin-bottom: auto; }
.woocommerce .widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-color > li > a,
.woocommerce-page .widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-color > li > a {
overflow: visible;
width: 12px;
height: 12px;
margin: 0;
border: none;
display: flex;
justify-content: flex-start;
text-indent: 23px;
align-items: center;
line-height: 1;
position: relative;
padding-left: 0;
border-radius: 50%; }
.woocommerce .widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-color > li > a > span,
.woocommerce-page .widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-color > li > a > span {
cursor: auto;
width: 12px;
height: 12px;
border-radius: 30px;
margin-right: 11px;
margin: 0;
border: none;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
position: absolute;
left: 0;
top: -1px; }
.woocommerce .widget .yith-wcan-reset-navigation.button,
.woocommerce-page .widget .yith-wcan-reset-navigation.button {
background-color: white;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
border-radius: 4px;
border: 2px solid; }
.woocommerce .widget .yith-wcan-reset-navigation.button:hover,
.woocommerce-page .widget .yith-wcan-reset-navigation.button:hover {
color: white; }
.widget.widget_rss .rss-date {
color: #888; }
/* ---------------------------------------------
10. WOOCOMMERCE
------------------------------------------ */
.wc-tooltip {
opacity: 1;
visibility: visible;
position: absolute;
top: -33px;
right: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
font-size: 12px;
line-height: 25px;
height: 25px;
text-align: center;
padding: 0 8px;
border-radius: 3px;
color: #fff;
white-space: nowrap;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
font-size: 14px; }
.wc-tooltip:after {
content: '';
border-left: 5px solid rgba(0, 0, 0, 0.8);
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
position: absolute;
bottom: -5px; }
/* [ Notice wishlist ]
- - - - - - - - - - - - - - - - - - - - */
#yith-wcwl-popup-message {
display: none !important;
visibility: hidden;
opacity: 0;
pointer-events: none; }
.notice-cart-wrapper {
position: fixed;
z-index: 9999999;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
top: 32px;
right: 10px; }
.notice-cart-wrapper.active {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
.notice-cart {
background: #f0f0f0;
width: 320px;
position: relative; }
.notice-cart .close-notice {
width: 30px;
height: 30px;
line-height: 30px;
position: absolute;
top: 12px;
right: 10px;
cursor: pointer;
text-align: center;
font-size: 13px;
color: white; }
.notice-cart .close-notice:before {
line-height: 23px;
font-size: 23px; }
.notice-cart .icon-notice {
color: white;
height: 50px;
line-height: 50px;
padding: 0px 10px; }
.notice-cart .text-notice {
padding: 15px 20px;
color: #363636;
line-height: 26px; }
.notice-cart .text-notice a {
padding: 0 20px;
margin-top: 10px;
text-align: center;
height: 40px;
line-height: 40px;
text-transform: uppercase;
font-weight: 600;
box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.15);
font-size: 1.4rem;
letter-spacing: 1px;
color: #ffffff;
font-family: "Caros"; }
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
padding: 15px 20px;
margin: 0 0 35px;
position: relative;
list-style: none outside; }
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
float: right;
padding: 0;
background: none;
line-height: 30px;
font-size: 14px;
height: auto; }
.woocommerce-message li,
.woocommerce-error li,
.woocommerce-info li {
list-style: none outside !important;
padding-left: 0 !important;
margin-left: 0 !important; }
.woocommerce-message {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6; }
.woocommerce-message .button {
color: #3c763d; }
.woocommerce-error {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1; }
.woocommerce-error .button {
color: #a94442; }
.woocommerce-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1; }
.woocommerce-info .button {
color: #31708f; }
.woocommerce-thankyou-order-received {
border: 2px dashed #7a9c59;
color: #7a9c59;
width: 100%;
text-align: center;
font-size: 22px;
padding: 3%;
margin-bottom: 30px;
line-height: 1.4; }
.star-rating {
font-family: 'typo-icon';
font-size: 1rem;
height: 25px;
line-height: 27px;
overflow: hidden;
position: relative;
text-align: left;
width: 6.5em;
letter-spacing: 3px;
margin-top: 5px; }
.star-rating:before,
.star-rating span:before {
content: '\e965\e965\e965\e965\e965';
left: 0;
top: -3px;
position: absolute; }
.star-rating:before {
color: #c1c1c1; }
.star-rating span {
overflow: hidden;
position: absolute;
text-indent: -999em; }
.star-rating span:before {
color: #FB981B;
text-indent: 0; }
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none; }
p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: 'typo-icon';
content: '\e965';
text-indent: 0;
color: #999; }
p.stars a:hover ~ a::before {
color: #999; }
p.stars:hover a::before {
color: #dc9814; }
p.stars.selected a.active::before {
color: #dc9814; }
p.stars.selected a.active ~ a::before {
color: #999; }
p.stars.selected a:not(.active)::before {
color: #dc9814; }
.woocommerce-Reviews-title {
margin-top: 0;
font-size: 16px;
text-transform: uppercase;
font-weight: 700; }
.term-description {
margin-bottom: 30px; }
.shop-action .shop-action-inner {
color: #666666;
margin-bottom: 37px;
padding-bottom: 8px; }
@media only screen and (min-width: 768px) and (max-width: 980px) {
.shop-action .shop-action-inner {
justify-content: end; } }
@media only screen and (min-width: 768px) and (max-width: 980px) {
.shop-action .shop-action-inner .show-products-number {
display: none; } }
.shop-action .wc-switch {
margin-right: 30px; }
.shop-action .wc-switch span {
line-height: 19px;
display: none;
vertical-align: top; }
.shop-action .shop-filter .widget_price_filter .price_slider {
margin-bottom: 20px; }
.shop-action .shop-filter .widget_price_filter .price_slider_amount {
flex-direction: row;
flex-wrap: wrap; }
.shop-action .shop-filter .widget_price_filter .price_slider_amount .button {
order: 2;
margin-top: 15px; }
.show-products-number {
display: flex;
align-items: center;
border-width: 2px;
border-color: #ebebeb;
border-style: solid;
padding: 0px 0px 0px 15px;
border-radius: 4px; }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: landscape) {
.show-products-number {
display: none; } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: portrait) {
.show-products-number {
display: none; } }
.show-products-number > span {
flex: 1 1 auto; }
.show-products-number select {
width: 65px;
border: none;
font-size: 14px;
color: #000;
height: 32px;
font-weight: 700;
font-family: "Roboto", sans-serif; }
.shop-action-bottom {
border-top: 1px solid #E6E6E6;
font-size: 16px;
color: #555555;
clear: both;
margin-top: 30px;
padding-top: 30px;
font-family: "Caros";
font-weight: 500; }
.shop-action-bottom.container {
max-width: 1400px;
padding-left: 0;
padding-right: 0; }
.shop-action-bottom .woocommerce-result-count {
float: left;
margin-bottom: 0;
line-height: 2.5; }
.action-right form {
float: left;
margin-right: 35px;
font-size: 14px; }
.action-right form:last-child {
margin-right: 0; }
.action-right select {
color: black;
display: inline-block;
border: none;
width: auto;
background-position: calc(100% - 15px) 54%;
padding-left: 2px;
height: auto;
font-size: 14px;
cursor: pointer;
vertical-align: middle; }
.woocommerce-ordering {
border-width: 2px;
border-color: #ebebeb;
border-style: solid;
height: 35px;
line-height: 33px;
padding-left: 15px;
display: flex;
border-radius: 4px; }
.woocommerce-ordering select {
max-width: 200px;
margin-left: 15px; }
.woocommerce-ordering span {
flex: 1 1 auto;
font-weight: 500; }
.wc-switch > a {
display: inline-block;
width: 19px;
height: 19px;
margin-right: 10px; }
@media only screen and (max-width: 1099px) {
.wc-switch > a:not(.show-filter) {
display: none; } }
.wc-switch > a.show-filter {
width: auto;
display: none; }
@media only screen and (max-width: 1099px) {
.wc-switch > a.show-filter {
display: inline-block; } }
.wc-switch > a .icon-view {
width: 100%;
height: 100%;
display: inline-block;
background-size: auto;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center; }
.wc-switch .per-row-1 .icon-view {
background-image: url("assets/images/icons/view-list.png"); }
.wc-switch .per-row-1.active .icon-view {
background-image: url("assets/images/icons/view-list-hover.png"); }
.wc-switch .per-row-2 .icon-view {
background-image: url("assets/images/icons/view-2.png"); }
.wc-switch .per-row-2.active .icon-view {
background-image: url("assets/images/icons/view-2-active.png"); }
.wc-switch .per-row-3 .icon-view {
background-image: url("assets/images/icons/view-3.png"); }
.wc-switch .per-row-3.active .icon-view {
background-image: url("assets/images/icons/view-3-hover.png"); }
.wc-switch .per-row-4 .icon-view,
.wc-switch .per-row-5 .icon-view,
.wc-switch .per-row-6 .icon-view {
background-image: url("assets/images/icons/view-4.png"); }
.wc-switch .per-row-4.active .icon-view,
.wc-switch .per-row-5.active .icon-view,
.wc-switch .per-row-6.active .icon-view {
background-image: url("assets/images/icons/view-4-active.png"); }
.special-filter .product-categories > li {
position: relative;
display: inline-block;
float: none;
padding: 0 25px;
margin-bottom: 0; }
.special-filter .product-categories > li:before {
position: absolute;
top: -3px;
left: -6px;
content: '|'; }
.special-filter .product-categories > li:first-child {
padding-left: 0; }
.special-filter .product-categories > li:first-child:before {
content: none; }
.special-filter .product-categories > li > a {
display: inline-block;
line-height: 25px;
color: #000000;
position: relative;
font-size: 17px;
text-transform: uppercase;
border-radius: 0; }
.special-filter .product-categories > li .count {
float: none;
font-size: 12px;
top: -10px;
position: absolute; }
.shop-filter-toggle span.filter-text {
color: black;
font-size: 17px;
padding-right: 10px;
cursor: pointer;
text-transform: capitalize;
font-weight: 500;
line-height: 32px; }
.shop-filter-toggle .hamburger-box {
width: 17px;
display: inline-block; }
.shop-filter-toggle .hamburger-inner {
cursor: pointer;
position: absolute;
top: 15px;
width: 17px;
height: 2px;
background: #000;
-webkit-transition: background 0.01s ease 0.2s;
-moz-transition: background 0.01s ease 0.2s;
-o-transition: background 0.01s ease 0.2s;
transition: background 0.01s ease 0.2s; }
.shop-filter-toggle .hamburger-inner:before, .shop-filter-toggle .hamburger-inner:after {
content: "";
width: 17px;
height: 2px;
background: #000000;
position: absolute;
top: -5px;
-moz-transition: top .2s ease .2s,transform .2s ease 0s,width .01s ease .2s;
-o-transition: top .2s ease .2s,transform .2s ease 0s,width .01s ease .2s;
-webkit-transition: top .2s ease .2s,transform .2s ease 0s,width .01s ease .2s;
transition: top .2s ease .2s,transform .2s ease 0s,width .01s ease .2s; }
.shop-filter-toggle .hamburger-inner:after {
top: 5px; }
.shop-filter-toggle.open .hamburger-inner {
background: transparent; }
.shop-filter-toggle.open .hamburger-inner:before, .shop-filter-toggle.open .hamburger-inner:after {
-moz-transition: top .2s ease,transform .2s ease .2s,width .01s ease .2s;
-o-transition: top .2s ease,transform .2s ease .2s,width .01s ease .2s;
-webkit-transition: top .2s ease,transform .2s ease .2s,width .01s ease .2s;
transition: top .2s ease,transform .2s ease .2s,width .01s ease .2s; }
.shop-filter-toggle.open .hamburger-inner:before {
top: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.shop-filter-toggle.open .hamburger-inner:after {
top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.shop-filter {
display: none;
background-color: #F5F5F5;
margin-top: 40px;
margin-bottom: 40px; }
.shop-filter.open {
display: block; }
.shop-filter .filter-toggle-box {
padding: 40px 40px 10px;
margin-left: -20px;
margin-right: -20px; }
.shop-filter .widget_product_tag_cloud .tagcloud a {
border: 2px solid #ebebeb; }
.shop-filter .widget {
float: left;
width: 25%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px; }
.shop-filter .widget:nth-child(4n+1) {
clear: both; }
.shop-filter .widget .widgettitle {
font-size: 18px;
margin-bottom: 20px; }
.product-quickview {
background: #fff;
margin: auto; }
@media only screen and (min-width: 1280px) {
.product-quickview {
max-width: 1000px; } }
.product-quickview .wc-single-product {
padding-bottom: 0; }
.product-quickview .wc-single-product .column-left .single-product-thumbnail-inner {
padding: 30px; }
.product-quickview .summary {
padding: 30px 30px 0 0; }
.product-quickview .summary > .stock {
display: none; }
.product-quickview .column-left, .product-quickview .column-right {
height: 100% !important; }
.product-quickview .single-product-thumbnail img {
border-width: 1px;
border-color: #ebebeb;
border-style: solid;
border-radius: 4px; }
.product-quickview .column-right {
overflow-x: hidden;
padding-bottom: 30px; }
.product-quickview .column-right .entry-summary .woocommerce-product-rating .group-price-stock {
flex-wrap: wrap; }
.product-quickview .column-right .entry-summary > .product_meta {
display: none; }
.product-quickview .column-right .entry-summary > .price {
display: none; }
.product-quickview .column-right .entry-summary .compare-button .compare.button {
display: none;
margin-left: 0px;
margin-top: 20px; }
.product-quickview .column-right .entry-summary .variations_form .variations {
margin-bottom: 30px; }
.product-quickview .column-right .entry-summary .variations_form .variations tbody {
flex-wrap: wrap; }
.product-quickview .column-right .entry-summary .variations_form .variations tbody tr.pa_color .value select {
line-height: 48px;
height: 48px; }
.product-quickview .column-right .entry-summary .variations_form .variations tbody > tr:last-child {
margin-top: 20px; }
.product-quickview .column-right .entry-summary .wrap-btn-single .yith-wcwl-add-to-wishlist {
margin-left: 0px;
margin-top: 15px; }
.product-quickview .column-right .entry-summary .wrap-btn-single .compare-button {
margin-top: 15px; }
.product-quickview .column-right .entry-summary .wrap-btn-single.variations_form table.variations tbody {
flex-wrap: wrap; }
.product-quickview .column-right .entry-summary .wrap-btn-single.variations_form .woocommerce-variation-add-to-cart {
flex-wrap: wrap; }
.product-quickview .column-right .entry-summary .yith-wcwl-add-to-wishlist {
display: none; }
.loader {
position: fixed;
background: rgba(0, 0, 0, 0.65);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1000; }
.loader-inner {
background: url("assets/images/icons/three-dots.svg") no-repeat 0 0;
background-size: 100%;
width: 50px;
height: 50px;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.wc-shipping-return {
background: #fff;
max-width: 990px;
margin: auto;
padding: 40px 30px; }
.badge {
top: auto;
left: 12px;
right: auto;
bottom: 12px;
line-height: 1.5;
padding: 5px 8px;
font-weight: 500;
font-size: 1rem;
z-index: 1;
color: white;
font-family: "Roboto", sans-serif;
letter-spacing: 0.5px;
border-radius: 4px;
max-height: 30px;
background-color: #fe2626 !important; }
.badge.pa.new {
right: auto;
left: 12px;
top: 12px;
padding: 0px;
background: transparent !important;
border-radius: 0px;
font-family: "Caros";
font-size: 1.125rem; }
.badge.image_label {
top: 0;
right: 0;
left: auto;
padding: 0;
background: none;
min-width: 28px;
max-width: 40px; }
/**
--- Product Box Style
*/
.product-box {
text-align: left;
position: relative; }
.product-box:hover .ekofood-countdown {
color: #000; }
.product-box:hover .addtocart {
opacity: 1; }
.product-box:hover .product-thumb > a:after {
opacity: 1; }
.product-box:hover .ekofood-countdown {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg); }
.product-box:hover .product-btn.in-thumb {
opacity: 1;
transform: translateX(-50%);
-webkit-box-shadow: 0px 1px 2px 0px rgba(212, 212, 212, 0.75);
-moz-box-shadow: 0px 1px 2px 0px rgba(212, 212, 212, 0.75);
-o-box-shadow: 0px 1px 2px 0px rgba(212, 212, 212, 0.75);
box-shadow: 0px 1px 2px 0px rgba(212, 212, 212, 0.75); }
.product-box:hover .primary-img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.product-box img {
width: 100%; }
.product-box .ekofood-countdown {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: 10px;
display: flex;
justify-content: center;
flex-wrap: wrap; }
.product-box .ekofood-countdown > span:last-child {
margin-right: 0; }
.product-box .ekofood-countdown > span:first-child {
margin-left: 0; }
.product-box .ekofood-countdown > span span {
font-size: 13px; }
.product-box .product-info {
padding-top: 14px;
margin-bottom: 10px;
position: relative; }
.product-box .product-info > a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
line-height: 1.3;
font-weight: 500;
color: #222222;
font-size: 15px;
font-family: "Roboto", sans-serif; }
.product-box .product-info .product-cat {
line-height: 1.3;
margin-top: 5px; }
.product-box .product-info .product-cat a {
font-size: 13px;
color: #666666;
font-weight: 400; }
.product-box .product-info .price {
display: block;
line-height: 1.3;
font-size: 17px;
margin-top: 10px;
font-family: "Roboto", sans-serif;
font-weight: bold; }
.product-box .product-info .price del {
margin-right: 10px;
font-size: 14px;
color: #555555; }
.product-box .product-info .price ins {
color: #fe2626;
text-decoration: none; }
.product-box .star-rating {
margin: 0;
bottom: 0;
margin: 0;
min-height: 25px; }
.product-box .btn-wishlist {
position: absolute;
top: 10px;
right: 0; }
.product-box .btn-wishlist .yith-wcwl-add-to-wishlist {
width: 23px;
height: 23px;
text-align: center;
border: 0;
font-size: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.product-box .btn-wishlist .yith-wcwl-add-to-wishlist a {
display: block;
position: relative;
border-radius: 50%;
width: 23px;
height: 23px; }
.product-box .btn-wishlist .yith-wcwl-add-to-wishlist .loading a:before {
content: " " !important;
width: 22px;
height: 22px; }
.product-thumb > a:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms; }
.product-thumb .imageswatch-list-variations {
position: absolute;
left: 0;
right: 0;
bottom: 7px; }
.imageswatch-list-variations {
margin-top: 10px; }
.imageswatch-list-variations ul {
padding: 0;
margin: 0; }
.imageswatch-list-variations ul li {
margin: 0;
margin-right: 5px; }
.imageswatch-list-variations ul li:last-child {
margin-right: 0; }
.imageswatch-list-variations a {
width: 16px;
height: 16px;
display: inline-block;
overflow: hidden;
margin: 0; }
.product-btn {
list-style: none;
margin: 0;
padding: 0; }
.product-btn .tooltip {
font-size: 12px !important;
position: absolute;
background: #111111;
padding: 3px 8px;
top: -31px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
color: white;
border-radius: 4px;
display: inline-block;
text-transform: capitalize;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
text-overflow: ellipsis;
white-space: nowrap; }
.product-btn .tooltip:after {
content: '';
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #111111;
position: absolute;
left: 50%;
bottom: -5px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); }
.product-btn li {
margin-bottom: 0;
display: inline-block;
margin: 0 12px 0 0;
text-align: center; }
.product-btn li a {
font-size: 0; }
.product-btn li .button {
border-radius: 100%;
background: none;
color: black;
border: 1px solid #DADADA;
font-weight: 400; }
.product-btn li .button:before {
line-height: 42px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.product-btn li .button:hover .tooltip, .product-btn li .button:focus .tooltip {
opacity: 1; }
.product-btn li .button.button-cart {
padding: 0; }
.product-btn li .button.button-cart:before {
content: "\e929";
font-family: 'typo-icon';
font-size: 25px;
padding-left: 2px;
line-height: 41px; }
.product-btn li .added_to_cart {
display: none; }
.product-btn.in-thumb {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
transition: bottom 400ms ease-in-out 0s;
padding: 0;
margin: 0;
list-style: none;
justify-content: center;
z-index: 99;
background: #fff;
padding: 0 10px;
opacity: 0; }
.product-btn.in-thumb li {
margin-right: 7px;
display: inline-flex; }
.product-btn.in-thumb li:last-child {
margin: 0; }
.product-btn.in-thumb li .button {
border: none; }
.product-btn.in-thumb .yith-wcwl-add-to-wishlist {
border: none; }
.added_to_cart {
display: none; }
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse.hide,
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button.hide {
display: none; }
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse.show,
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button.show {
display: block; }
.btn-quickview {
padding: 0; }
.compare-button.product {
padding: 0 !important; }
.compare-button a {
padding: 0; }
.product-btn li .yith-wcwl-add-to-wishlist a:before,
.btn-quickview:before,
.compare-button a:before,
.product-style-8 .child-cart .yith-wcwl-add-to-wishlist a:before,
.product-style-9 .child-cart .yith-wcwl-add-to-wishlist a:before,
.product-style-10 .yith-wcwl-add-to-wishlist a:before,
.entry-summary .compare.button:before,
.entry-summary .yith-wcwl-add-to-wishlist a:before {
font-size: 25px; }
.addtocart {
position: absolute;
bottom: 0;
left: 0;
opacity: 0; }
.addtocart .button-cart {
padding: 5px 15px 5px 25px;
font-size: 12px;
background: #fff;
position: relative; }
.addtocart .button-cart:before {
content: "\f067";
font-family: FontAwesome;
font-size: 10px;
height: 16px;
line-height: 16px;
position: absolute;
top: calc(50% - 9px);
left: 10px; }
.addtocart .button-cart.loading:before {
width: 12px;
height: 12px;
left: 5px;
top: calc(50% - 8px);
right: auto;
border-right-color: red !important;
border-left-color: red !important; }
.addtocart .button-cart.added:before {
content: "\f00c";
font-family: FontAwesome;
font-size: 14px;
width: 16px;
height: 16px;
font-weight: 100;
line-height: 16px;
top: calc(50% - 10px);
left: 5px;
right: auto;
border-right-color: red !important;
border-left-color: red !important; }
.slider-opacity .owl-item {
opacity: 0.4; }
.slider-opacity .owl-item.centerActiveItem {
opacity: 1; }
@media screen and (max-width: 1199px) {
.slider-opacity .owl-item {
opacity: 1; }
.product-box .star-rating {
display: none; } }
.product-style-2 {
position: relative; }
.product-style-2:hover .content-product-imagin {
visibility: visible;
opacity: 1;
z-index: 2; }
.product-style-2:hover .product-thumb,
.product-style-2:hover .product-info {
position: relative;
z-index: 5; }
.product-style-2:hover .product-thumb {
border-color: transparent; }
.product-style-2:hover .product-thumb .quickview {
opacity: 1;
visibility: visible;
transform: translateY(-20px); }
.product-style-2:hover .product-info {
transform: translateY(-20px); }
.product-style-2:hover .addtocart-btn {
opacity: 1;
visibility: visible; }
.product-style-2 .product-box {
background-color: white; }
.product-style-2:hover .product-thumb {
transform: scale(1); }
.product-style-2:hover .product-thumb > a:after {
opacity: 0; }
.product-style-2 .content-product-imagin {
margin-bottom: 14px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-color: transparent;
background-color: white;
opacity: 0;
border-width: 1px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
border-style: solid;
border-radius: 4px;
visibility: hidden;
margin-left: -10px;
margin-right: -10px;
margin-top: -10px; }
.product-style-2 .product-thumb {
padding-top: 0px;
overflow: hidden;
border-width: 1px;
border-color: #ebebeb;
border-style: solid;
border-radius: 4px; }
.product-style-2 .product-thumb .btn-wishlist {
top: 10px;
bottom: auto;
right: 10px;
z-index: 3;
background-color: #f2f2f2;
width: 32px;
height: 32px;
line-height: 2.5;
border-radius: 50%;
background-color: #f2f2f2;
border-width: 1px;
border-style: solid;
text-align: center;
background-color: transparent;
border-color: #e1e1e1;
border-radius: 30px; }
.product-style-2 .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist {
width: auto;
height: auto; }
.product-style-2 .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist a {
width: 100%;
height: auto !important;
display: block;
position: relative;
top: 8px; }
.product-style-2 .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist a::before {
display: none; }
.product-style-2 .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist a svg {
color: #ababab;
width: 18px;
height: 16px; }
.product-style-2 .product-thumb .btn-wishlist:hover .yith-wcwl-add-to-wishlist svg {
color: white; }
.product-style-2 .product-thumb .quickview {
opacity: 0;
visibility: hidden;
transition: all .35s ease 0s;
width: 40px;
height: 40px;
position: absolute;
top: 55%;
left: 50%;
border-radius: 50%;
background-color: #ffffff;
display: flex;
justify-content: center;
margin-left: -25px;
transform: translateY(0px); }
.product-style-2 .product-thumb .quickview .btn-quickview {
font-size: 0px;
letter-spacing: 0px;
background-color: transparent; }
.product-style-2 .product-thumb .quickview .btn-quickview svg {
position: relative;
top: 10px;
width: 18px;
height: 18px;
color: #000000; }
.product-style-2 .product-thumb .quickview:hover .btn-quickview svg {
color: white; }
.product-style-2 .product-thumb .badge.new.pa {
right: auto;
left: 10px;
top: 10px;
padding: 0px;
background: #fe2626 !important;
color: white !important;
font-family: "Caros";
font-weight: 500;
font-size: 1.285rem;
opacity: 1;
visibility: visible;
transform: translateY(0px); }
.product-style-2 .product-thumb .badge.pa {
right: auto;
left: 10px;
top: 10px;
background-color: #fe2626 !important;
color: white;
max-width: 45px;
border-radius: 5px;
min-width: 40px !important;
transition: all .35s ease 0s;
line-height: 1.2;
max-height: 24px; }
.product-style-2 .product-thumb .badge.pa span {
font-family: "Roboto", sans-serif;
font-size: 1rem; }
.product-style-2 .product-info {
text-align: center;
position: relative;
padding-bottom: 15px;
padding-top: 15px;
transition: transform .25s ease-out 0s;
transform: translateY(0); }
.product-style-2 .product-info .product-cat {
margin-bottom: 7px;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0px 10px;
overflow: hidden; }
.product-style-2 .product-info .product-cat a {
color: #666666;
font-size: 0.928rem;
text-transform: capitalize;
font-family: "Roboto", sans-serif;
font-weight: 400; }
.product-style-2 .product-info > a {
font-family: "Roboto", sans-serif;
font-weight: 500;
text-transform: capitalize;
font-size: 1.071rem;
color: #222222;
display: block; }
.product-style-2 .product-info .price {
margin-top: 4px; }
.product-style-2 .product-info .price span {
font-family: "Roboto", sans-serif;
font-size: 1.212rem;
font-weight: bold; }
.product-style-2 .product-info .price del {
color: #555555; }
.product-style-2 .product-info .price del span {
color: #555555;
font-size: 1rem;
font-family: "Roboto", sans-serif; }
.product-style-2 .product-info .price ins {
color: #fe2626; }
.product-style-2 .product-info .price ins span {
color: #fe2626; }
.product-style-2 .addtocart-btn {
flex-basis: auto;
margin-top: 14px;
opacity: 0;
visibility: hidden;
transition: all .25s ease 0s;
transform: translateY(0px); }
.product-style-2 .addtocart-btn .button-cart,
.product-style-2 .addtocart-btn .button-cart + .added_to_cart {
max-width: 200px;
width: 100%;
margin-left: auto;
margin-right: auto;
min-width: 115px;
height: 35px;
line-height: 2.2;
display: block;
text-align: center;
border: 2px solid;
border-radius: 25px;
background-color: transparent;
font-size: 1rem;
letter-spacing: 0px;
font-family: "Caros";
font-weight: bold;
text-transform: uppercase;
padding: 0px 10px;
text-overflow: ellipsis;
white-space: nowrap;
transition: all .35s ease-out 0s; }
.product-style-2 .addtocart-btn .button-cart svg,
.product-style-2 .addtocart-btn .button-cart + .added_to_cart svg {
display: none; }
.product-style-2 .addtocart-btn .button-cart:before,
.product-style-2 .addtocart-btn .button-cart + .added_to_cart:before {
content: '';
padding-left: 0px;
line-height: unset;
font-size: 0px; }
.product-style-2 .addtocart-btn .button-cart span.tooltip,
.product-style-2 .addtocart-btn .button-cart + .added_to_cart span.tooltip {
opacity: 1;
font-size: 1rem;
font-family: "Caros";
font-weight: 500;
position: unset;
display: inline-block;
text-transform: uppercase;
letter-spacing: .5px; }
.product-style-2 .addtocart-btn .button-cart:hover span.tooltip,
.product-style-2 .addtocart-btn .button-cart + .added_to_cart:hover span.tooltip {
color: white; }
.product-style-2 .addtocart-btn .button-cart + .added_to_cart:hover {
color: white; }
.product-style-2 .addtocart-btn .button-cart.added {
display: none; }
.product-style-2 .addtocart-btn .button-cart.added + .added_to_cart {
display: block !important; }
.product-style-3 .product-box .btn-wishlist {
top: 10px;
right: 15px; }
.product-style-3 .product-box .badge {
right: 7px;
left: auto;
top: 40px; }
.product-style-3 .product-box .badge.new {
left: 7px;
right: auto;
top: 9px; }
.product-style-3 .product-box:hover .product-btn.in-thumb {
bottom: 50%; }
.product-style-3 .product-info {
text-align: center; }
.product-style-3 .product-btn.in-thumb {
bottom: 40%;
margin-bottom: -21px; }
.product-style-3 .product-list-info .btn-wishlist {
display: none; }
.product-style-3 .variation-attr {
right: 50%;
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%); }
.product-style-4:hover .product-btn.in-thumb {
transform: translate(-50%, 0);
bottom: 8px; }
.product-style-4:hover .product-thumb,
.product-style-4:hover .product-info {
position: relative;
z-index: 3; }
.product-style-4:hover.product-item .product-thumb {
border-color: transparent; }
.product-style-4:hover .product-box {
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
border-radius: 3px; }
.product-style-4 .product-box {
background-color: white; }
.product-style-4 .product-box:hover .primary-img {
transform: scale3d(1.1, 1.1, 1.1) translateZ(0); }
.product-style-4 .product-box .price {
margin-top: 7px; }
.product-style-4 .product-box .primary-img {
transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
width: 100%; }
.product-style-4.product-item .product-thumb {
border-width: 1px;
border-color: #ebebeb;
border-style: solid;
border-radius: 4px; }
.product-style-4.product-item .product-thumb .badge.pa {
opacity: 1;
visibility: visible;
transform: translateY(0px); }
.product-style-4.product-item .product-thumb .badge {
line-height: 1;
top: 12px;
left: 12px;
right: auto;
bottom: auto; }
.product-style-4.product-item .product-thumb .quickview {
position: unset;
opacity: 1;
visibility: visible;
transform: translateY(0px); }
.product-style-4.product-item .product-thumb .quickview .btn-quickview {
background-color: unset;
width: 23px;
height: auto;
line-height: unset;
display: inline-block;
border-radius: 0px; }
.product-style-4.product-item .product-thumb .quickview .btn-quickview svg {
position: relative;
top: auto;
left: auto;
width: 21px; }
.product-style-4.product-item .product-thumb .btn-wishlist {
top: 10px;
bottom: auto;
right: 10px;
z-index: 3;
padding: 6px;
border-radius: 50%;
width: 32px;
height: 32px;
background-color: #f2f2f2;
border: 1px solid;
text-align: center;
border-color: #f2f2f2;
border-radius: 30px;
transition: .5s;
opacity: 0;
transform: translateX(20px); }
.product-style-4.product-item .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist {
width: auto;
height: auto; }
.product-style-4.product-item .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist a {
width: 100%;
height: auto !important;
display: block;
position: relative;
top: 1px; }
.product-style-4.product-item .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist a::before {
display: none; }
.product-style-4.product-item .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist a svg {
color: #ababab;
width: 18px;
height: 16px; }
.product-style-4.product-item .product-thumb .btn-wishlist:hover .yith-wcwl-add-to-wishlist svg {
color: white; }
.product-style-4.product-item:hover .product-thumb .badge.new.pa {
transform: translateY(0%);
opacity: 1;
visibility: visible; }
.product-style-4.product-item:hover .product-thumb .btn-wishlist {
opacity: 1;
transform: translateX(0); }
.product-style-4 .product-btn.in-thumb {
bottom: 0px;
padding: 4px 17px;
left: 50%;
transform: translate(-50%, 0);
background-color: white;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
transition: all 300ms ease-in-out 0s; }
.product-style-4 .product-btn.in-thumb .addtocart-thumb .button-cart:before {
display: none; }
@media only screen and (min-width: 320px) {
.product-style-4 .product-btn.in-thumb li {
margin-right: 0px; } }
@media only screen and (min-width: 992px) {
.product-style-4 .product-btn.in-thumb li {
margin-right: 20px; } }
.product-style-4 .product-btn.in-thumb li:last-child {
margin-right: 0px; }
.product-style-4 .product-btn.in-thumb li a svg {
color: #555555;
width: 20px;
height: 20px; }
.product-style-4 .product-btn.in-thumb .compare-button .button {
width: 32px;
height: 32px;
letter-spacing: 0px;
display: flex;
justify-content: center;
align-items: center; }
.product-style-4 .product-btn.in-thumb .compare-button .button.added {
font-size: 0px;
position: relative; }
.product-style-4 .product-btn.in-thumb .compare-button .button.added:after {
content: '';
width: 19px;
height: 19px;
position: absolute;
top: 6px;
left: 7px;
background: url("assets/images/icons/icon-compare-pr4.png") top left no-repeat;
background-size: contain; }
.product-style-4 .product-btn.in-thumb .compare-button .button.added:hover:after {
top: 6px;
left: 7px;
background: url("assets/images/icons/icon-compare-hover4.png") top left no-repeat;
background-size: inherit; }
.product-style-4 .product-btn.in-thumb .addtocart-thumb .button-cart.button {
width: 32px;
height: 32px;
letter-spacing: 0px;
display: flex;
justify-content: center;
align-items: center; }
.product-style-4 .product-btn.in-thumb .quickview .button.btn-quickview {
width: 32px;
height: 32px;
letter-spacing: 0px;
display: flex;
justify-content: center;
align-items: center; }
.product-style-4 .product-info {
text-align: center;
position: relative;
padding: 0 9px;
padding-bottom: 18px;
padding-top: 13px; }
.product-style-4 .product-info .product-cat {
margin-top: 4px;
line-height: 1.2; }
.product-style-4 .product-info a.woocommerce-LoopProduct-link {
margin-top: 9px; }
.product-style-4 .product-list-info .product-list-info-top {
display: flex;
flex-direction: column; }
.product-box .hover-image {
position: absolute; }
.effect-thumb-1 .product-box .hover-image {
top: 0;
left: 0;
right: 0;
opacity: 0; }
.effect-thumb-1 .product-box:hover .hover-image {
opacity: 1;
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09); }
.effect-thumb-2 .product-box .hover-image {
left: 0;
top: -100%; }
.effect-thumb-2 .product-box:hover .hover-image {
top: 0; }
.effect-thumb-3 .product-box .hover-image {
left: 0;
bottom: -100%; }
.effect-thumb-3 .product-box:hover .hover-image {
bottom: 0; }
.effect-thumb-4 .product-box .hover-image {
bottom: -100%;
left: 0; }
.effect-thumb-4 .product-box:hover .hover-image {
bottom: 0; }
.effect-thumb-5 .product-box .hover-image {
top: 0;
position: absolute;
overflow: hidden;
left: 0;
right: auto;
opacity: 1;
filter: alpha(opacity=100);
transition: .5s;
opacity: 0;
transform: translateY(30px);
transition-delay: .15s; }
.effect-thumb-5 .product-box:hover .primary-img {
transform: scale(1); }
.effect-thumb-5 .product-box:hover .hover-image {
opacity: 1;
transform: translateY(0); }
.effect-thumb-6 .product-box .hover-image {
top: -100%;
left: -100%; }
.effect-thumb-6 .product-box:hover .hover-image {
top: 0;
left: 0; }
.effect-thumb-7 .product-box .hover-image {
top: -100%;
right: -100%; }
.effect-thumb-7 .product-box:hover .hover-image {
top: 0;
right: 0; }
.effect-thumb-8 .product-box .hover-image {
right: -100%;
bottom: -100%; }
.effect-thumb-8 .product-box:hover .hover-image {
bottom: 0;
right: 0; }
.effect-thumb-9 .product-box .hover-image {
left: -100%;
bottom: -100%; }
.effect-thumb-9 .product-box:hover .hover-image {
bottom: 0;
left: 0; }
.effect-thumb-10 .product-box .hover-image {
top: 0;
right: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
.effect-thumb-10 .product-box:hover .hover-image {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.effect-thumb-11 .product-box .hover-image {
top: 0;
right: 0;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.effect-thumb-11 .product-box:hover .hover-image {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.effect-thumb-12 .product-box .hover-image {
top: 0;
right: 0;
opacity: 0;
-webkit-transform: skewY(20deg);
-moz-transform: skewY(20deg);
-o-transform: skewY(20deg);
transform: skewY(20deg); }
.effect-thumb-12 .product-box:hover .hover-image {
opacity: 1;
-webkit-transform: skewY(0deg);
-moz-transform: skewY(0deg);
-o-transform: skewY(0deg);
transform: skewY(0deg); }
.effect-thumb-13 .product-box .hover-image {
top: 0;
right: 0;
opacity: 0;
-webkit-transform: skewX(20deg);
-moz-transform: skewX(20deg);
-o-transform: skewX(20deg);
transform: skewX(20deg); }
.effect-thumb-13 .product-box:hover .hover-image {
opacity: 1;
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg); }
.effect-thumb-14 .product-box .hover-image {
top: 0;
right: 0;
opacity: 0;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg); }
.effect-thumb-14 .product-box:hover .hover-image {
opacity: 1;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg); }
.effect-thumb-15 .product-box .hover-image {
top: 0;
right: 0;
opacity: 0; }
.effect-thumb-15 .product-box:hover .hover-image {
opacity: 1; }
.product-preset-ecf0f1 .product-thumb > a:after {
background-color: rgba(219, 229, 231, 0.8); }
.product-preset-1abc9c .product-thumb > a:after {
background: rgba(0, 0, 0, 0.45); }
.product-preset-2e2e2e .product-thumb > a:after {
background-color: rgba(0, 0, 0, 0.1); }
.product-preset-2ecc71 .product-thumb > a:after {
background-color: rgba(46, 204, 113, 0.85); }
.product-preset-7f8c8d .product-thumb > a:after {
background-color: rgba(127, 140, 141, 0.85); }
.product-preset-9b59b6 .product-thumb > a:after {
background-color: rgba(155, 89, 182, 0.85); }
.product-preset-95a5a6 .product-thumb > a:after {
background-color: rgba(149, 165, 166, 0.85); }
.product-preset-01558f .product-thumb > a:after {
background-color: rgba(1, 85, 143, 0.85); }
.product-preset-3498db .product-thumb > a:after {
background-color: rgba(52, 152, 219, 0.85); }
.product-preset-bdc3c7 .product-thumb > a:after {
background-color: rgba(189, 195, 199, 0.85); }
.product-preset-c0392b .product-thumb > a:after {
background-color: rgba(192, 57, 43, 0.85); }
.product-preset-d35400 .product-thumb > a:after {
background-color: rgba(211, 84, 0, 0.85); }
.product-preset-e67e22 .product-thumb > a:after {
background-color: rgba(230, 126, 34, 0.85); }
.product-preset-e74c3c .product-thumb > a:after {
background-color: rgba(231, 76, 60, 0.85); }
.product-preset-f39c12 .product-thumb > a:after {
background-color: rgba(243, 156, 18, 0.85); }
.product-preset-none .product-thumb > a:after {
background: none; }
#small-product .product-item {
width: 100% !important; }
#small-product .title_2 {
margin-bottom: 30px; }
#small-product .title_2:after {
margin: 0; }
#small-product .ekofood-countdown {
display: none; }
#small-product .product-box .product-thumb {
width: 90px;
float: left; }
#small-product .product-box .product-thumb .imageswatch-list-variations {
display: none; }
#small-product .product-box .star-rating {
margin-left: 0; }
#small-product .product-box .product-info {
text-align: left;
width: calc(100% - 90px);
float: left;
padding: 8px 0 0 20px; }
#small-product .product-box .product-info > a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
#small-product .product-box .badge,
#small-product .product-box .product-btn {
display: none; }
.product-list-info {
text-align: left; }
.product-list-info .star-rating {
margin: 0px 0 7px; }
.product-list-info .addtocart {
float: left;
margin-right: 10px;
display: inline-block;
opacity: 1; }
.product-list-info .addtocart .button-cart {
padding: 0 15px 0 45px;
line-height: 40px;
background: #ffffff;
color: #000000; }
.product-list-info .addtocart .button-cart.added:before, .product-list-info .addtocart .button-cart:before {
z-index: 2;
content: "\e615";
font-size: 25px;
padding-left: 5px;
line-height: 45px;
width: 42px;
height: 42px;
top: 0;
left: 0;
color: #fff; }
.product-list-info .addtocart .button-cart.loading:before {
line-height: 20px;
width: 20px;
top: calc(50% - 11px);
left: 10px;
height: 20px; }
.product-list-info .addtocart .button-cart:after {
z-index: 1; }
.product-list-info .addtocart .button-cart .tooltip {
position: inherit;
font-size: 14px !important;
opacity: 1;
background: transparent;
width: auto;
height: auto;
top: auto;
left: auto;
right: auto;
line-height: 45px;
padding: 0;
border-radius: 0;
text-transform: uppercase;
font-weight: 400;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; }
.product-list-info .addtocart .button-cart:hover .tooltip {
color: #fff; }
.product-list-info .addtocart .button-cart:hover:before {
color: #fff; }
.product-list-info .product-btn li .button {
border-radius: 0;
border-width: 2px;
border-color: #ebebeb;
border-style: solid;
min-width: 132px;
height: 40px;
background: #ffffff;
color: #000000; }
.product-list-info .product-btn li .button:before {
line-height: 44px;
padding: 0; }
.product-list-info .product-btn li .button:hover:before {
color: #fff; }
.product-list-info .product-btn .button-cart:before {
color: white; }
.product-list-info .product-btn .button-cart .tooltip {
opacity: 1;
background: transparent;
width: auto;
height: auto;
top: auto;
left: auto;
right: auto;
padding: 0;
border-radius: 0;
text-transform: uppercase;
font-size: 1rem !important;
letter-spacing: 0.3px;
font-family: "Caros";
font-weight: bold;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; }
.product-list-info .product-btn .button-cart .tooltip:after {
content: none; }
.product-list-info .product-list-info-top {
border-bottom: 1px solid #E6E6E6;
padding-bottom: 23px;
margin-bottom: 17px; }
.product-list-info .product-list-info-top > a {
display: inline-block;
line-height: 1.6;
font-size: 16px;
margin-bottom: 5px; }
.product-list-info .product-btn {
display: inline-block;
float: left; }
.product-list-info .product-btn li {
float: left; }
.product-list-info .star-rating {
position: relative;
bottom: auto;
right: auto; }
.product-list-info .product.compare-button {
padding: 0; }
.list-product {
display: inline-block;
width: 100%;
margin-bottom: 30px; }
.list-product .product-thumb {
width: 35%;
float: left;
position: relative; }
.list-product .product-thumb .hover-image {
position: absolute;
top: 0;
left: 0;
opacity: 0; }
.list-product:hover .hover-image {
opacity: 1; }
.list-product .product-info {
width: 65%;
float: left;
padding-left: 15px; }
.list-product .product-info .woocommerce-loop-product__link,
.list-product .product-info .product-cat {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
font-weight: 600; }
.list-product .product-info .product-cat {
opacity: 0.5;
margin-bottom: 10px; }
.list-product .product-info .price {
font-weight: 600; }
.list-product .product-info .price del {
font-weight: 400;
color: #000; }
.list-product .product-info .price ins {
text-decoration: none; }
.list-product .product-info .star-rating {
margin-top: 10px; }
.product-style-list-box .product-thumb {
float: left;
width: 30%; }
.product-style-list-box .product-list-info-box {
float: left;
width: 70%;
padding-left: 20px; }
.product-style-list-box .addtocart {
position: static;
opacity: 1; }
.product-style-list-box .addtocart .button-cart {
color: #222; }
/**
* ============================
* List group page
* ============================
*/
.product-design-grid .products .product-style-default.product-style-list2:hover .product-thumb, .product-design-grid .products .product-style-default.product-style-list1:hover .product-thumb {
transform: unset; }
.product-design-grid .products .product-style-default.product-style-list2 .product-thumb, .product-design-grid .products .product-style-default.product-style-list1 .product-thumb {
float: left;
width: 40%;
border-width: 1px;
border-color: #ebebeb;
border-style: solid;
border-radius: 4px; }
.product-design-grid .products .product-style-default.product-style-list2 .product-thumb img:hover, .product-design-grid .products .product-style-default.product-style-list1 .product-thumb img:hover {
transform: unset; }
.product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box {
float: left;
width: 60%; }
.product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box .product-cat a, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box .product-cat a {
font-size: 0.928rem;
color: #666666;
font-family: "Roboto", sans-serif;
display: inline-block;
font-weight: 400; }
.product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box .woocommerce-LoopProduct-link, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box .woocommerce-LoopProduct-link {
font-size: 1.071rem;
font-family: "Roboto", sans-serif;
text-transform: capitalize;
color: #222222;
font-weight: 500;
margin-top: 7px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box .price, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box .price {
margin-top: 4px; }
.product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box .price span, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box .price span {
font-family: "Roboto", sans-serif;
font-size: 1.214rem;
font-weight: bold; }
.product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box .price del, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box .price del {
color: #555555; }
.product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box .price del span, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box .price del span {
color: #555555;
font-size: 1rem;
font-family: "Roboto", sans-serif; }
.product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box .price ins, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box .price ins {
color: #fe2626; }
.product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box .price ins span, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box .price ins span {
color: #fe2626; }
.product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box .addtocart, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box .addtocart {
margin-top: 35px; }
.product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box .addtocart .button, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box .addtocart .button {
display: block;
width: auto;
padding-right: 0px;
padding-left: 0px;
border: 0px;
border-radius: 0px;
text-transform: uppercase;
font-size: 1rem;
font-family: "Caros";
max-width: 130px;
overflow: hidden;
position: relative;
z-index: 2;
text-align: center;
line-height: 2; }
.product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box .addtocart .button::before, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box .addtocart .button::before {
display: none; }
.product-design-grid .products .product-style-default.product-style-list2 .product-list-info-box .addtocart .button .tooltip, .product-design-grid .products .product-style-default.product-style-list1 .product-list-info-box .addtocart .button .tooltip {
font-size: 1.1rem !important;
position: unset;
display: inline-block;
text-transform: none; }
/**
* Style List 1
*/
@media only screen and (min-width: 1275px) {
.jmsproduct-elements .product-style-list1 .product-box:hover .product-list-info-box {
top: -4px; } }
@media only screen and (min-width: 1275px) {
.jmsproduct-elements .product-style-list1 .product-box:hover .addtocart {
visibility: visible;
transform: translateY(0);
opacity: 1; } }
.jmsproduct-elements .product-style-list1:hover .product-thumb {
transform: unset; }
.jmsproduct-elements .product-style-list1 .product-box {
display: flex;
justify-content: center;
align-items: center; }
.jmsproduct-elements .product-style-list1 .product-thumb {
width: 86px;
border-width: 1px;
border-color: #ebebeb;
border-style: solid;
border-radius: 4px;
float: none; }
.jmsproduct-elements .product-style-list1 .product-thumb img {
width: 100%;
height: 106px;
object-fit: cover; }
.jmsproduct-elements .product-style-list1 .product-thumb img:hover {
transform: unset; }
.jmsproduct-elements .product-style-list1 .product-list-info-box {
width: calc(100% - 86px);
float: none;
position: relative;
transition: all .4s ease 0s; }
@media only screen and (min-width: 1275px) {
.jmsproduct-elements .product-style-list1 .product-list-info-box {
top: 16px; } }
.jmsproduct-elements .product-style-list1 .product-list-info-box .product-cat {
line-height: 1; }
.jmsproduct-elements .product-style-list1 .product-list-info-box .product-cat a {
font-size: 14px;
color: #666666;
font-family: "Roboto", sans-serif;
display: inline-block;
font-weight: 400; }
.jmsproduct-elements .product-style-list1 .product-list-info-box .woocommerce-LoopProduct-link {
font-family: "Roboto", sans-serif;
text-transform: capitalize;
color: #222222;
margin-top: 10px;
margin-bottom: 7px;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.jmsproduct-elements .product-style-list1 .product-list-info-box .price {
margin-top: 7px;
font-family: "Roboto", sans-serif;
font-size: 17px;
font-weight: bold;
line-height: 1; }
.jmsproduct-elements .product-style-list1 .product-list-info-box .price del {
color: #555555;
font-size: 15px; }
.jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart {
opacity: 0;
transition: all .4s ease 0s; }
@media only screen and (min-width: 1275px) {
.jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart {
margin-top: 10px;
position: relative;
transform: translateY(10px);
visibility: hidden;
transition-delay: .15s; } }
.jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button {
display: block;
padding: 0;
border: 0px;
border-radius: 0px;
font-size: 14px;
color: #555555;
font-family: "Caros";
max-width: 130px;
overflow: hidden;
position: relative;
z-index: 2;
text-align: left;
line-height: 1;
transition: all .4s ease 0s; }
.jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button svg {
display: none; }
.jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button::before {
content: ''; }
.jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button.loading:before {
left: auto;
top: calc(50% - 5px);
right: 5px; }
.jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button.button-cart.added {
display: none; }
.jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button.button-cart.added + .added_to_cart.wc-forward {
display: inline-block;
background-color: transparent;
text-align: left;
padding: 0;
font-size: 15px;
color: #555555;
text-transform: uppercase;
font-weight: 500; }
.jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button.button-cart.added + .added_to_cart.wc-forward:after {
content: '';
width: 100%;
height: 2px;
position: absolute;
left: 0px;
bottom: 8px;
opacity: 0;
transition: all 350ms ease-in 0s;
transform: scale(0); }
.jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button.button-cart.added + .added_to_cart.wc-forward:hover:after {
transform: scale(1);
opacity: 1; }
.jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button .tooltip {
font-size: 14px;
position: unset;
display: inline-block;
text-transform: uppercase;
border: none;
position: relative;
font-weight: bold;
opacity: 1;
line-height: 1.3; }
.jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button .tooltip:after {
content: '';
width: 100%;
height: 2px;
position: absolute;
left: 0px;
bottom: 0px;
opacity: 0;
transition: all 350ms ease-in 0s;
transform: scale(0); }
.jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button:hover {
background-color: transparent !important; }
.jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button:hover .tooltip {
background-color: transparent !important; }
.jmsproduct-elements .product-style-list1 .product-list-info-box .addtocart .button:hover .tooltip:after {
transform: scale(1);
opacity: 1; }
/**
* Style List 2
*/
.jmsproduct-elements .product-style-list2 .product-box {
display: flex;
align-items: center; }
.jmsproduct-elements .product-style-list2:hover .actions-button ul li.compare-button, .jmsproduct-elements .product-style-list2:hover .actions-button ul li.quickview {
opacity: 1;
transform: translateY(0); }
.jmsproduct-elements .product-style-list2 .product-thumb {
float: left;
width: 30%;
border-width: 1px;
border-color: #ebebeb;
border-style: solid;
border-radius: 4px; }
.jmsproduct-elements .product-style-list2 .product-thumb img:hover {
transform: unset; }
.jmsproduct-elements .product-style-list2 .product-list-info-box {
float: left;
width: 70%; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .product-list-info-top {
transition: .3s all ease; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .product-list-info-top .yith-wcwl-add-to-wishlist {
position: absolute;
top: -16px;
right: 0px;
border-width: 1px;
border-color: #f8f8f8;
border-style: solid;
border-radius: 50%;
background-color: #f2f2f2;
width: 32px;
height: 32px;
text-align: center;
line-height: 3;
background-color: #f2f2f2;
border-width: 1px;
border-style: solid;
text-align: center;
background-color: transparent;
border-color: #e1e1e1;
border-radius: 30px;
transition: all 400ms ease-out 0s; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .product-list-info-top .yith-wcwl-add-to-wishlist a, .jmsproduct-elements .product-style-list2 .product-list-info-box .product-list-info-top .yith-wcwl-add-to-wishlist span {
font-size: 0px; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .product-list-info-top .yith-wcwl-add-to-wishlist svg {
width: 18px;
height: 16px;
position: relative;
top: -2px;
color: #ababab; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .product-list-info-top .yith-wcwl-add-to-wishlist:hover svg {
color: white; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .product-cat {
line-height: 1; }
@media only screen and (min-width: 1275px) {
.jmsproduct-elements .product-style-list2 .product-list-info-box .product-cat {
margin-top: 8px; } }
.jmsproduct-elements .product-style-list2 .product-list-info-box .product-cat a {
font-size: 14px;
color: #666666;
font-family: "Roboto", sans-serif;
display: inline-block;
font-weight: 400; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .woocommerce-LoopProduct-link {
font-family: "Roboto", sans-serif;
text-transform: capitalize;
color: #222222;
margin-top: 10px;
margin-bottom: 7px;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .star-rating {
line-height: 1.4;
min-height: 13px;
height: auto;
font-size: 13px;
display: flex; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .price {
margin-top: 7px;
font-family: "Roboto", sans-serif;
font-size: 17px;
font-weight: bold;
line-height: 1; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .price del {
color: #555555;
font-size: 15px; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button {
display: block;
padding: 0;
border: 0px;
border-radius: 0px;
font-size: 14px;
color: #555555;
font-family: "Caros";
overflow: hidden;
position: relative;
z-index: 2;
text-align: left;
line-height: 1;
transition: all 400ms ease-out 0s; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button svg {
display: none; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button::before {
content: ''; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button.loading:before {
left: auto;
top: calc(50% - 5px);
right: 5px; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button.button-cart.added {
display: none; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button.button-cart.added + .added_to_cart.wc-forward {
display: inline-block;
background-color: transparent;
text-align: left;
padding: 0;
font-size: 15px;
color: #555555;
text-transform: uppercase;
font-weight: 500; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button.button-cart.added + .added_to_cart.wc-forward:after {
content: '';
width: 100%;
height: 2px;
position: absolute;
left: 0px;
bottom: 8px;
opacity: 0;
transition: all 350ms ease-in 0s;
transform: scale(0); }
.jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button.button-cart.added + .added_to_cart.wc-forward:hover:after {
transform: scale(1);
opacity: 1; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button .tooltip {
font-size: 14px;
position: unset;
display: inline-block;
text-transform: uppercase;
border: none;
position: relative;
font-weight: bold;
opacity: 1;
line-height: 1.3; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button .tooltip:after {
content: '';
width: 100%;
height: 2px;
position: absolute;
left: 0px;
bottom: 0px;
opacity: 0;
transition: all 350ms ease-in 0s;
transform: scale(0); }
.jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button:hover {
background-color: transparent !important; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button:hover .tooltip {
background-color: transparent !important; }
.jmsproduct-elements .product-style-list2 .product-list-info-box .addtocart .button:hover .tooltip:after {
transform: scale(1);
opacity: 1; }
.jmsproduct-elements .product-style-list2 .actions-button {
display: flex;
align-items: center;
margin-top: 12px; }
.jmsproduct-elements .product-style-list2 .actions-button .addtocart {
padding: 0; }
.jmsproduct-elements .product-style-list2 .actions-button ul {
padding: 0;
list-style: none;
margin: 0;
margin-left: 11px;
display: flex;
align-items: center; }
.jmsproduct-elements .product-style-list2 .actions-button ul li {
margin: 0 11px;
margin-bottom: 0; }
.jmsproduct-elements .product-style-list2 .actions-button ul li.compare-button {
transition: .5s;
opacity: 0;
transform: translateY(20px);
transition-delay: .15s; }
.jmsproduct-elements .product-style-list2 .actions-button ul li.quickview {
transition: .5s;
opacity: 0;
transform: translateY(20px);
transition-delay: .3s; }
.jmsproduct-elements .product-style-list2 .actions-button ul li a {
font-size: 0;
letter-spacing: 0;
background-color: transparent;
color: #555555; }
.category-item {
text-align: center; }
.product-category {
position: relative;
text-align: center; }
.product-category .hover-mask {
position: absolute;
bottom: 40px;
left: 0;
margin: 0;
padding: 8px 0;
display: inline-block;
background: rgba(255, 255, 255, 0.8);
width: 100%;
text-align: center;
text-transform: capitalize;
z-index: 9; }
.product-category .hover-mask a {
font-size: 18px;
font-weight: 600; }
.product-category .hover-mask p {
font-size: 14px;
margin: 0; }
/**
*======================================
* Archive-Product
*======================================
*/
.shop-container.pt_93 {
padding-top: 0px; }
@media only screen and (min-width: 768px) and (max-width: 980px) {
.shop-container .grid-view .products .product-item {
width: 50%; } }
@media only screen and (min-width: 768px) and (max-width: 980px) {
.shop-container .grid-view .products.layout-columns-3 .item:nth-child(3n+1) {
clear: unset; } }
@media only screen and (min-width: 768px) and (max-width: 980px) {
.shop-container .grid-view .products.layout-columns-3 .item:nth-child(4n+1) {
clear: both; } }
/**
* ===================================
* SHOP LAYOUT
* ===================================
*/
.grid-view .product-list-info {
display: none; }
.shop-loading .product-layout {
opacity: 0; }
.shop-loading .product-layout-wrapper > .wc-loading {
opacity: 1; }
.product-layout-wrapper {
position: relative; }
.product-layout-wrapper > .wc-loading {
opacity: 0;
top: 0 !important; }
.shop-container.fullwidth {
width: 94%;
margin: 0 auto; }
.product-list-item .product-thumb {
width: 30%;
float: left;
margin-bottom: 0; }
.product-list-item .product-list-info {
text-align: left;
width: calc(100% - 30%);
padding-left: 40px;
float: left; }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: landscape) {
.shop-container {
width: 100%; } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: portrait) {
.shop-container {
width: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 980px) {
.shop-container .layout-has-filter .widget_price_filter .price_slider_amount {
justify-content: flex-end; } }
.list-view {
margin-top: 35px; }
.list-view .product-thumb .product-btn,
.list-view .default-btn-product {
display: none !important; }
.list-view .product-info {
display: none; }
.list-view .products .product-item .product-box {
padding: 0px;
overflow: hidden;
display: flex;
align-items: center; }
.list-view .products .product-item .product-box .content-product-imagin {
display: none; }
.list-view .products .product-item .product-box:before {
display: none; }
.list-view .products .product-item .product-box .product-list-info-top .product-cat {
line-height: 1.2; }
.list-view .products .product-item .product-box .product-list-info-top .product-cat a {
font-family: "Roboto", sans-serif;
font-size: 13px;
color: #666666;
text-transform: capitalize;
font-weight: 400; }
.list-view .products .product-item .product-box .product-thumb {
padding-top: 0px; }
.list-view .products .product-item .product-box .woocommerce-loop-product__link {
font-size: 16px;
color: #222222;
font-family: "Roboto", sans-serif;
text-transform: capitalize;
font-weight: 500;
line-height: 1.4;
margin-top: 7px;
margin-bottom: 0; }
.list-view .products .product-item .product-box .price {
margin-top: 2px;
font-size: 17px;
font-weight: bold;
font-family: "Roboto", sans-serif;
line-height: 1;
margin-top: 9px; }
.list-view .products .product-item .product-box .price del {
color: #555555;
font-size: 14px;
font-weight: bold; }
.list-view .products .product-item .product-box .price ins {
text-decoration: unset;
color: #fe2626; }
.list-view .products .product-item .product-box .woocommerce-product-details__short-description p {
font-size: 14px;
margin-bottom: 0;
line-height: 2; }
.list-view .products .product-item .product-box .product-btn {
opacity: 1;
transform: translateY(0px);
position: unset;
visibility: visible;
justify-content: flex-start;
margin-top: 25px; }
.list-view .products .product-item .product-box .product-btn > li {
margin-right: 15px; }
.list-view .products .product-item .product-box .product-btn .addtocart {
min-width: 132px;
border: none;
position: relative; }
.list-view .products .product-item .product-box .product-btn .addtocart .button,
.list-view .products .product-item .product-box .product-btn .addtocart .added + .added_to_cart {
border-width: 2px;
border-style: solid;
border-radius: 5px;
font-family: "Caros";
font-weight: bold;
font-size: 1rem;
text-transform: uppercase;
line-height: 2.2; }
.list-view .products .product-item .product-box .product-btn .addtocart .button .tooltip,
.list-view .products .product-item .product-box .product-btn .addtocart .added + .added_to_cart .tooltip {
line-height: 2.2; }
.list-view .products .product-item .product-box .product-btn .addtocart .button:before,
.list-view .products .product-item .product-box .product-btn .addtocart .added + .added_to_cart:before {
display: none; }
.list-view .products .product-item .product-box .product-btn .addtocart .button svg,
.list-view .products .product-item .product-box .product-btn .addtocart .added + .added_to_cart svg {
display: none; }
.list-view .products .product-item .product-box .product-btn .addtocart .button:hover span,
.list-view .products .product-item .product-box .product-btn .addtocart .added + .added_to_cart:hover span {
color: #fff; }
.list-view .products .product-item .product-box .product-btn .addtocart .added {
display: none; }
.list-view .products .product-item .product-box .product-btn .addtocart .added + .added_to_cart {
display: block;
padding: 0 5px;
background-color: transparent; }
.list-view .products .product-item .product-box .product-btn .addtocart .added + .added_to_cart:hover {
color: #fff; }
.list-view .products .product-item .product-box .product-btn .compare-button,
.list-view .products .product-item .product-box .product-btn .quickview {
width: 49px;
min-height: auto;
position: unset;
flex-basis: auto; }
.list-view .products .product-item .product-box .product-btn .compare-button .button,
.list-view .products .product-item .product-box .product-btn .quickview .button {
min-width: unset;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
width: 36px; }
.list-view .products .product-item .product-box .product-btn .compare-button .button:hover svg,
.list-view .products .product-item .product-box .product-btn .quickview .button:hover svg {
color: #fff; }
.list-view .products .product-item .product-box .product-btn .compare-button svg,
.list-view .products .product-item .product-box .product-btn .quickview svg {
display: block;
position: relative;
left: -3px;
width: 18px; }
.list-view .products .product-item .product-box .product-btn .compare-button svg {
left: -6px; }
.list-view .products .product-item .product-box .product-btn .compare-button {
margin-right: 2px; }
.list-view .products .product-item .product-box .product-btn .compare-button .compare.added {
position: relative; }
.list-view .products .product-item .product-box .product-btn .compare-button .compare.added:after {
content: '';
width: 18px;
height: 18px;
position: absolute;
top: 8px;
left: 9px;
background: url("assets/images/icons/icon-compare.png") top left no-repeat;
background-size: contain; }
.list-view .products .product-item .product-box .product-btn .compare-button .compare.added:hover:after {
background: url("assets/images/icons/icon-compare-hover.png") top left no-repeat;
background-size: contain; }
.list-view .product-layout {
margin: 0; }
.list-view .product-layout .product-item {
padding: 0;
width: 100%;
margin-bottom: 31px; }
.list-view .product-layout .product-item .product-thumb {
flex-basis: 25%; }
.list-view .product-layout .product-item .product-list-info {
z-index: 3;
flex-basis: 75%;
padding-left: 30px;
position: relative;
z-index: 3; }
.list-view .product-layout .product-item .product-list-info .woocommerce-product-details__short-description ul {
display: none; }
.list-view .product-list-info .product-btn li .button {
height: 34px; }
.woocommerce.widget_layered_nav ul.woocommerce-widget-layered-nav-list li {
position: relative; }
.woocommerce.widget_layered_nav ul.woocommerce-widget-layered-nav-list li a {
position: relative;
padding-left: 22px; }
.woocommerce.widget_layered_nav ul.woocommerce-widget-layered-nav-list li a:before {
content: '';
position: absolute;
width: 12px;
height: 12px;
background-color: white;
border: 2px solid;
border-color: #cccccc;
border-radius: 30px;
left: 0;
top: calc(50% - 1px);
transform: translate(0%, -50%); }
.woocommerce.widget_layered_nav ul.woocommerce-widget-layered-nav-list li span.count {
display: none; }
nav.woocommerce-pagination {
text-align: right;
float: right; }
nav.woocommerce-pagination ul {
list-style: none;
padding: 0;
border: none;
margin: 0; }
nav.woocommerce-pagination ul li {
display: inline-block;
border: none;
margin-right: 4px;
margin-bottom: 0; }
nav.woocommerce-pagination ul li:last-child {
margin-right: 0; }
nav.woocommerce-pagination ul li span, nav.woocommerce-pagination ul li a {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
width: 40px;
height: 40px;
line-height: 1.4;
font-weight: 500;
padding: 0;
font-size: 18px;
font-family: "Caros";
color: black;
border: 1px solid transparent;
border-radius: 50%; }
nav.woocommerce-pagination ul li a:focus,
nav.woocommerce-pagination ul li a:hover,
nav.woocommerce-pagination ul li span.current:hover {
color: white; }
nav.woocommerce-pagination ul li span.current {
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 18px;
font-family: "Caros";
font-weight: 500;
color: white;
line-height: 1.4;
text-align: center; }
nav.woocommerce-pagination ul li .next, nav.woocommerce-pagination ul li .prev {
font-size: 0; }
nav.woocommerce-pagination ul li .next:before, nav.woocommerce-pagination ul li .prev:before {
font-family: 'typo-icon';
font-size: 14px;
font-weight: 500; }
nav.woocommerce-pagination ul li .next:before {
content: "\e972"; }
nav.woocommerce-pagination ul li .prev:before {
content: "\e971"; }
@media screen and (max-width: 767px) {
.shop-action-bottom .woocommerce-result-count {
display: none; }
nav.woocommerce-pagination {
text-align: center;
float: none; } }
/**
* =====================================
* Product Default
* =====================================
*/
.product-item.product-style-default .product-thumb {
border-width: 1px;
border-color: #ebebeb;
border-style: solid;
border-radius: 4px; }
.product-item.product-style-default .product-thumb .btn-wishlist {
top: 11px;
bottom: auto;
right: 12px; }
.product-style-default {
position: relative; }
.product-style-default:hover .content-product-imagin {
visibility: visible;
opacity: 1;
z-index: 2; }
.product-style-default:hover .product-thumb,
.product-style-default:hover .product-info {
position: relative;
z-index: 5; }
.product-style-default:hover .product-thumb {
border-color: transparent; }
.product-style-default:hover .product-info {
transform: translateY(-20px); }
.product-style-default:hover .product-btn {
opacity: 1;
visibility: visible;
transform: translateY(-20px); }
.product-style-default .product-box {
background-color: white; }
.product-style-default:hover .product-thumb {
transform: scale(1); }
.product-style-default:hover .product-thumb > a:after {
opacity: 0; }
.product-style-default .content-product-imagin {
margin-bottom: -35px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: white;
opacity: 0;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
visibility: hidden;
transition: all .3s ease-in 0s; }
@media only screen and (min-width: 1400px) {
.product-style-default .content-product-imagin {
margin-left: -10px;
margin-right: -10px;
margin-top: -10px; } }
.product-style-default .product-thumb {
padding-top: 0px;
overflow: hidden; }
.product-style-default .product-thumb .badge {
line-height: 1;
top: 11px;
bottom: auto;
left: 12px; }
.product-style-default .product-thumb .btn-wishlist {
top: 11px;
bottom: auto;
right: 12px;
background-color: #f2f2f2;
width: 32px;
height: 32px;
line-height: 2.5;
border-radius: 50%;
background-color: #f2f2f2;
border-width: 1px;
border-style: solid;
text-align: center;
background-color: transparent;
border-color: #e1e1e1;
border-radius: 30px; }
.product-style-default .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist {
width: auto;
height: auto; }
.product-style-default .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist a {
width: 100%;
height: auto !important;
display: block;
position: relative;
top: 6px; }
.product-style-default .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist a::before {
display: none; }
.product-style-default .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist a svg {
width: 18px;
height: 16px;
position: relative;
top: 2px;
color: #ababab; }
.product-style-default .product-thumb .btn-wishlist:hover .yith-wcwl-add-to-wishlist svg {
color: white; }
.product-style-default .product-info {
text-align: center;
position: relative;
padding-bottom: 17px;
padding-top: 17px;
transition: transform .25s ease-out 0s;
transform: translateY(0); }
.product-style-default .product-info .product-cat {
margin-bottom: 10px;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0px 10px;
overflow: hidden; }
.product-style-default .product-info .product-cat a {
color: #666666;
font-size: 0.928rem;
text-transform: capitalize;
font-family: "Roboto", sans-serif;
font-weight: 400; }
.product-style-default .product-info > a {
font-family: "Roboto", sans-serif;
font-weight: 500;
text-transform: capitalize;
font-size: 1.071rem;
color: #222222;
display: block; }
.product-style-default .product-info .price {
margin-top: 7px; }
.product-style-default .product-info .price span {
font-family: "Roboto", sans-serif;
font-size: 1.212rem;
font-weight: bold; }
.product-style-default .product-info .price del {
color: #555555; }
.product-style-default .product-info .price del span {
color: #555555;
font-size: 1rem;
font-family: "Roboto", sans-serif; }
.product-style-default .product-info .price ins {
color: #fe2626; }
.product-style-default .product-info .price ins span {
color: #fe2626; }
.product-style-default .product-btn {
display: flex;
flex-direction: row;
width: 100%;
opacity: 0;
top: 100%;
left: 0;
visibility: hidden;
position: absolute;
z-index: 99;
justify-content: center;
transition: all .25s ease 0s;
transform: translateY(0px);
margin-top: -3px; }
.product-style-default .product-btn > li {
margin-right: 0px; }
.product-style-default .product-btn li .compare.button {
margin-left: 8px;
border-radius: 5px;
width: 36px;
height: 36px;
line-height: 5;
border: 2px solid;
border-color: #ebebeb;
letter-spacing: 0px;
text-align: center; }
.product-style-default .product-btn li .compare.button svg {
margin-top: 4px;
width: 18px; }
.product-style-default .product-btn li .compare.button:hover svg {
color: white; }
.product-style-default .product-btn li .compare.button.added {
font-size: 0px;
position: relative; }
.product-style-default .product-btn li .compare.button.added:after {
content: '';
width: 18px;
height: 18px;
position: absolute;
top: 6px;
left: 7px;
background: url("assets/images/icons/icon-compare.png") top left no-repeat;
background-size: contain; }
.product-style-default .product-btn li .compare.button.added:hover:after {
background: url("assets/images/icons/icon-compare-hover.png") top left no-repeat;
background-size: contain; }
.product-style-default .product-btn .addtocart-btn {
flex-basis: auto; }
.product-style-default .product-btn .addtocart-btn .button,
.product-style-default .product-btn .addtocart-btn .button-cart + .added_to_cart {
width: auto;
min-width: 115px;
height: 35px;
line-height: 2.2;
display: block;
text-align: center;
border: 2px solid;
border-radius: 5px;
font-size: 1rem;
letter-spacing: 0px;
font-family: "Caros";
font-weight: bold;
text-transform: uppercase;
max-width: 160px;
padding: 0px 10px;
text-overflow: ellipsis;
white-space: nowrap;
transition: all .25s ease-out 0s; }
.product-style-default .product-btn .addtocart-btn .button:before,
.product-style-default .product-btn .addtocart-btn .button-cart + .added_to_cart:before {
content: '';
padding-left: 0px;
line-height: unset;
font-size: 0px; }
.product-style-default .product-btn .addtocart-btn .button:hover,
.product-style-default .product-btn .addtocart-btn .button-cart + .added_to_cart:hover {
color: white; }
.product-style-default .product-btn .addtocart-btn .button-cart.added {
display: none; }
.product-style-default .product-btn .addtocart-btn .button-cart.added + .added_to_cart {
display: block !important; }
.product-style-default .product-btn .quickview {
margin-right: 8px; }
.product-style-default .product-btn .quickview .button {
border-radius: 5px;
border: 2px solid;
border-color: #ebebeb;
width: 36px;
height: 36px;
line-height: 5;
position: relative; }
.product-style-default .product-btn .quickview .button svg {
margin-top: 4px;
position: relative;
right: 4px;
width: 18px; }
.product-style-default .product-btn .quickview .button:hover svg {
color: white; }
.product-style-default .product-btn .quickview .button:hover:before {
color: #86bc42; }
/**
* ========================================
* STYLE PRODUCT FLEX
* ========================================
*/
.jmsproduct-elements .spacing-carousel-20.owl-carousel .product-style-flex .product-box:after {
right: -19px; }
.jmsproduct-elements {
position: relative; }
.jmsproduct-elements .products,
.jmsproduct-elements .owl-carousel {
position: relative; }
.jmsproduct-elements .products.pr-style-flex .owl-stage-outer,
.jmsproduct-elements .owl-carousel.pr-style-flex .owl-stage-outer {
padding-left: 0px;
padding-right: 0px;
margin-right: 0px;
margin-left: 0px; }
.jmsproduct-elements .products .product-style-flex .product-box,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box {
display: flex;
position: relative;
padding-bottom: 0px;
align-items: center;
flex-wrap: wrap; }
.jmsproduct-elements .products .product-style-flex .product-box:after,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box:after {
content: "";
width: 1px;
min-height: 160px;
background-color: #ebebeb;
position: absolute;
right: -22px; }
.jmsproduct-elements .products .product-style-flex .product-box:hover .product-thumb > a:after,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box:hover .product-thumb > a:after {
background-color: transparent; }
.jmsproduct-elements .products .product-style-flex .product-box:hover .product-thumb img,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box:hover .product-thumb img {
transform: scale(1); }
.jmsproduct-elements .products .product-style-flex .product-box .product-thumb,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box .product-thumb {
padding-top: 0px;
width: 50%;
float: left; }
.jmsproduct-elements .products .product-style-flex .product-box .product-thumb .badge,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box .product-thumb .badge {
display: none; }
.jmsproduct-elements .products .product-style-flex .product-box .product-thumb .badge.new,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box .product-thumb .badge.new {
display: none; }
.jmsproduct-elements .products .product-style-flex .product-box .product-thumb img,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box .product-thumb img {
width: auto;
margin: 0px auto;
transition: unset; }
.jmsproduct-elements .products .product-style-flex .product-box .product-info,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box .product-info {
padding-top: 0px;
margin-bottom: 0px;
text-align: left;
position: unset;
width: 50%;
float: left; }
.jmsproduct-elements .products .product-style-flex .product-box .product-info .product-cat,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box .product-info .product-cat {
margin-top: 0px;
padding-left: 0px; }
.jmsproduct-elements .products .product-style-flex .product-box .product-info .product-cat a,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box .product-info .product-cat a {
color: #0070c9;
font-size: 14px;
text-transform: capitalize;
font-family: "Roboto", sans-serif;
font-weight: 400; }
.jmsproduct-elements .products .product-style-flex .product-box .product-info > a,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box .product-info > a {
font-family: "Roboto", sans-serif;
font-weight: 500;
text-transform: capitalize;
font-size: 15px;
color: #000000;
display: block;
margin-bottom: 9px;
margin-top: 10px; }
.jmsproduct-elements .products .product-style-flex .product-box .product-info .price span,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box .product-info .price span {
font-family: "Caros";
font-size: 17px;
letter-spacing: 0.5px;
color: #000000; }
.jmsproduct-elements .products .product-style-flex .product-box .product-info .addtocart-btn,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box .product-info .addtocart-btn {
margin-top: 40px; }
.jmsproduct-elements .products .product-style-flex .product-box .product-info .addtocart-btn .button,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box .product-info .addtocart-btn .button {
display: block;
width: auto;
border: 0px;
border-radius: 0px;
text-transform: none;
box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.15);
font-size: 15px;
letter-spacing: 0.3px;
color: #ffffff;
font-family: "Caros";
max-width: 140px;
min-width: 130px;
padding: 0px 15px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
position: relative;
z-index: 2; }
.jmsproduct-elements .products .product-style-flex .product-box .product-info .addtocart-btn .button:after,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box .product-info .addtocart-btn .button:after {
background: #fff !important;
content: "";
height: 155px;
left: -75px;
opacity: .2;
position: absolute;
top: -50px;
transform: rotate(35deg);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: -1; }
.jmsproduct-elements .products .product-style-flex .product-box .product-info .addtocart-btn .button:hover:after,
.jmsproduct-elements .owl-carousel .product-style-flex .product-box .product-info .addtocart-btn .button:hover:after {
left: 120%;
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
background-color: #fff !important; }
.single-product-container {
margin-top: 80px; }
.single-product-container.mt_100 {
margin-top: 0px; }
.single-product-container.mb_90 {
margin-bottom: 75px; }
#next-product a,
#prev-product a {
background-color: #000000;
position: fixed;
top: 50%;
margin-top: -37px;
width: 90px;
height: 65px;
overflow: hidden;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
z-index: 99; }
#next-product span,
#prev-product span {
position: absolute;
top: 29px;
left: 7px;
width: 7px;
height: 7px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
#next-product img,
#prev-product img {
max-width: 65px;
position: absolute;
right: 0; }
#prev-product a {
left: -65px; }
#prev-product span {
right: 10px;
left: auto;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg); }
#prev-product img {
right: auto;
left: 0; }
#prev-product:hover a {
left: 0; }
#next-product a {
right: -65px; }
#next-product:hover a {
right: 0; }
.entry-summary .ekofood-countdown {
display: block;
font-size: 0;
line-height: 1;
margin-top: 35px;
margin-bottom: 25px; }
.entry-summary .ekofood-countdown > span {
margin-right: 10px;
font-size: 30px;
width: 58px;
height: 58px;
padding: 0px;
text-align: center;
font-family: "Caros";
font-weight: 500;
border: 2px solid #ebebeb;
border-radius: 4px;
box-shadow: none;
padding-top: 7px; }
.entry-summary .ekofood-countdown > span span {
font-size: 12px;
color: #555555;
font-weight: 400;
margin-top: 5px;
text-transform: lowercase;
line-height: 1.4; }
@media only screen and (min-width: 1300px) {
.wc-single-product.wc-single-product-1 .single-product-thumbnail {
overflow: hidden; } }
.wc-single-product .badge {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
min-width: 50px; }
.wc-single-product .social-list-icons {
border-top: 1px solid;
border-color: #ebebeb;
padding-top: 20px;
margin-top: 38px; }
.wc-single-product .social-list-icons li {
margin-bottom: 0px; }
.wc-single-product .social-list-icons li i {
font-size: 20px; }
.wc-single-product .social-list-icons li i.fa-facebook {
color: #3b5999; }
.wc-single-product .social-list-icons li i.fa-google-plus {
color: #dd4b39; }
.wc-single-product .social-list-icons li i.fa-twitter {
color: #55acee; }
.wc-single-product .social-list-icons li i.fa-pinterest {
color: #bd081c; }
.wc-single-product .social-list-icons li i.fa-instagram {
color: #e4405f; }
.wc-single-product .social-list-icons li i.fa-github {
color: #171515; }
.column-center .badge {
right: 35px;
left: auto;
z-index: 9; }
.column-left .badge {
top: 20px;
right: 50px;
left: auto;
font-size: 1.428rem;
padding: 0px 10px;
z-index: 9; }
.column-left .badge.position-left {
right: 35px;
left: auto;
max-height: 30px;
line-height: 1.5; }
.column-left .badge.position-right {
left: 35px;
right: auto;
max-height: 30px;
line-height: 1.5; }
.column-left.product-gallery-style-3 .badge {
right: 60px; }
.extra-link {
font-weight: 600; }
.single-product-thumbnail img {
width: 100%; }
.single-product-thumbnail .single-product-thumbnail-inner .slick-list {
border-width: 1px;
border-color: #ebebeb;
border-style: solid;
border-radius: 4px; }
.single-product-thumbnail .slick-prev,
.single-product-thumbnail .slick-next {
width: 35px;
height: 35px;
top: calc(50% - 18px);
bottom: auto;
border: none;
font-size: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; }
.single-product-thumbnail .slick-prev:before,
.single-product-thumbnail .slick-next:before {
font-family: 'typo-icon';
font-size: 20px;
color: #555;
line-height: 35px; }
.single-product-thumbnail .slick-prev::before {
content: "\e971"; }
.single-product-thumbnail .slick-next::before {
content: "\e972"; }
.single-product-thumbnail .p-thumb .slick-prev {
left: -10px; }
.single-product-thumbnail .p-thumb .slick-next {
right: -10px; }
.single-product-thumbnail .p-thumb:hover .slick-prev {
left: 10px; }
.single-product-thumbnail .p-thumb:hover .slick-next {
right: 10px; }
.single-product-thumbnail .p-nav .slick-slide img {
opacity: 1;
border-width: 1px;
border-color: #ebebeb;
border-style: solid;
border-radius: 4px; }
.single-product-thumbnail .p-nav .slick-slide.slick-current {
/*width: 100% !important;*/ }
.single-product-thumbnail .p-nav .slick-slide.slick-current img {
border: 1px solid;
opacity: 1; }
.single-product-thumbnail.left .p-nav, .single-product-thumbnail.right .p-nav {
position: absolute;
top: 0;
width: 112px; }
@media only screen and (min-width: 1300px) {
.single-product-thumbnail.left .p-nav .slick-slide, .single-product-thumbnail.right .p-nav .slick-slide {
min-height: 140px; } }
.single-product-thumbnail.left .p-nav .slick-slide img, .single-product-thumbnail.right .p-nav .slick-slide img {
object-fit: cover; }
@media only screen and (min-width: 1300px) {
.single-product-thumbnail.left .p-nav .slick-slide img, .single-product-thumbnail.right .p-nav .slick-slide img {
min-height: 140px; } }
.single-product-thumbnail.left .p-nav .slick-slide:not(:last-child), .single-product-thumbnail.right .p-nav .slick-slide:not(:last-child) {
margin-bottom: 18px; }
.single-product-thumbnail.left:not(.no-nav) .p-thumb {
margin-left: 143px; }
.single-product-thumbnail.left .p-nav {
left: 0; }
.single-product-thumbnail.right:not(.no-nav) .p-thumb {
margin-right: 143px; }
.single-product-thumbnail.right .p-nav {
right: 0; }
.single-product-thumbnail.bottom .p-nav {
margin-right: -16px;
margin-top: 20px; }
.single-product-thumbnail.bottom .p-nav .slick-slide:not(:last-child) {
margin-right: 20px; }
.single-product-thumbnail.bottom .p-nav .slick-prev {
left: -10px; }
.single-product-thumbnail.bottom .p-nav .slick-next {
right: 10px; }
.single-product-thumbnail.bottom .p-nav:hover .slick-prev {
left: 0; }
.single-product-thumbnail.bottom .p-nav:hover .slick-next {
right: 20px; }
.single-product-thumbnail.outside .slick-prev {
left: 10px; }
.single-product-thumbnail.outside .slick-next {
right: 10px; }
.single-product-thumbnail.outside:hover .slick-prev {
left: 15px; }
.single-product-thumbnail.outside:hover .slick-next {
right: 15px; }
.wc-single-product {
padding-bottom: 63px; }
.wc-single-product.pt_100 {
padding-top: 0px; }
.wc-single-product .compare-button .compare.added:after {
content: '';
width: 22px;
height: 22px;
display: inline-block;
background: url("assets/images/icons/icon-compare.png") top left no-repeat; }
.wc-single-product .compare-button .compare.added:hover:after {
background: url("assets/images/icons/icon-compare-hover.png") top left no-repeat; }
.wc-single-product-1.product-detail-bg {
background-color: #F0EEEF;
margin-bottom: 100px; }
.wc-single-product-1.product-detail-bg .entry-summary {
background-color: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
padding: 30px 40px; }
.wc-single-product-2.pt_100 {
padding-top: 0px; }
.wc-single-product-2 .p-thumb {
overflow: hidden; }
.wc-single-product-2 .p-thumb .p-item {
float: left;
margin-bottom: 30px;
margin-right: 30px; }
.wc-single-product-2 .product-gallery-style-3 .p-thumb .p-item:first-child {
width: calc(100% - 30px); }
.wc-single-product-2 .p-thumb:not(.columns-full) .p-item {
width: calc(50% - 30px);
border: 2px solid #f2f2f2; }
.product-gallery-style-1 .p-thumb .p-item {
width: calc(50% - 6px); }
.product-gallery-style-1 .p-thumb .p-item:nth-child(2n) {
margin-right: 0; }
.product-gallery-style-2 .p-thumb .p-item:first-child, .product-gallery-style-2 .p-thumb .p-item:nth-child(3n+1) {
width: calc(100% - 30px);
margin-right: 0; }
.product-gallery-style-2 .p-thumb .p-item:nth-child(2n) {
margin-right: 30px; }
.product-gallery-style-2 .p-thumb .p-item:nth-child(3n) {
margin-right: 0; }
.product-gallery-style-3 .p-thumb .p-item:first-child {
width: calc(100% - 6px);
margin-right: 0; }
.product-gallery-style-3 .p-thumb .p-item:nth-child(3n) {
margin-right: 0; }
.wc-single-product-3 .p-thumb .p-item:not(:last-child) {
margin-bottom: 6px; }
.wc-single-product-3 .p-thumb .p-item {
border-width: 1px;
border-color: #ebebeb;
border-style: solid;
border-radius: 4px; }
.wc-single-product-4 .p-thumb .p-item:not(:last-child) {
margin-bottom: 6px; }
.wc-single-product-4 .p-thumb .p-item {
border-width: 1px;
border-color: #ebebeb;
border-style: solid;
border-radius: 4px; }
.wc-single-product-4 .woocommerce-product-rating .woocommerce-review-link:last-child {
display: none; }
.wc-single-product-4 .column-left .entry-summary .group-price-stock .stock.in-stock {
margin-left: 15px; }
.wc-single-product-4 .column-left .entry-summary > .price {
display: none; }
.wc-single-product-4 .column-left .entry-summary .yith-wcwl-add-to-wishlist,
.wc-single-product-4 .column-left .entry-summary .compare.button {
display: none; }
.wc-single-product-4 .column-right .entry-summary {
margin-bottom: 30px; }
.wc-single-product-4 .column-right .entry-summary .variations_form .variations {
margin-bottom: 10px; }
.wc-single-product-4 .column-right .entry-summary .variations_form .variations select {
padding: 0 30px 0 34px; }
.wc-single-product-4 .column-right .entry-summary .variations_form .variations tbody tr {
flex-basis: calc(100%); }
.wc-single-product-4 .column-right .entry-summary .variations_form .variations tbody .pa_brand {
max-width: 220px;
margin-top: 20px;
order: 2; }
.wc-single-product-4 .column-right .entry-summary .variations_form .variations tbody .pa_color {
max-width: 100%; }
.wc-single-product-4 .column-right .entry-summary .variations_form .variations tbody .pa_color .label {
margin-right: 15px; }
.wc-single-product-4 .column-right .entry-summary .variations_form .single_variation_wrap {
margin-bottom: 32px;
margin-top: 30px; }
.wc-single-product-4 .column-right .entry-summary .wrap-btn-single {
margin-bottom: 30px; }
.wc-single-product-4 .column-right .entry-summary .yith-wcwl-add-to-wishlist {
position: unset !important;
margin-left: 0px;
left: 0px;
bottom: 0px;
display: none !important; }
.wc-single-product-4 .column-right .entry-summary .yith-wcwl-add-to-wishlist + .compare-button {
display: none !important; }
.wc-single-product-4 .column-right .entry-summary .compare-button {
margin-left: -1px; }
.wc-single-product-4 .column-right .entry-summary .compare-button .compare.button {
position: unset !important; }
.wc-single-product-4 .column-right .entry-summary .compare-button .compare.button:before {
margin-top: 9px;
margin-left: 0px; }
.wc-single-product-4 .column-right .entry-summary .compare-button .compare.button.added {
font-size: 0px; }
.wc-single-product-4 .column-right .entry-summary .compare-button .compare.button.added:after {
content: '';
width: 23px;
height: 23px;
background: url("assets/images/icons/icon-compare.png") top left no-repeat; }
.left-sidebar .wc-single-product-4 .product_title {
font-size: 23px; }
.wc-single-video {
position: absolute;
top: 25px;
right: 20px;
z-index: 9; }
.wc-single-video a {
display: inline-block;
font-size: 0px; }
.wc-single-video a:before {
display: inline-block;
font-size: 2rem;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
padding-left: 5px;
color: white;
vertical-align: middle;
margin-right: 10px;
border-radius: 50%;
font-family: 'FontAwesome';
content: "\f0da";
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.product_title {
margin: 0 0 12px;
letter-spacing: 0px;
font-size: 2.142rem;
font-family: "Roboto", sans-serif;
color: black;
line-height: 0.933; }
.woocommerce-product-rating {
border-bottom: 1px solid #e1e1e1;
padding-bottom: 23px; }
.woocommerce-product-rating .star-rating {
font-size: 13px;
margin: 0; }
.woocommerce-product-rating .woocommerce-review-link {
position: relative;
font-size: 14px;
color: #555555;
line-height: 25px;
margin-left: 32px;
margin-right: 32px;
font-weight: 400; }
.woocommerce-product-rating .woocommerce-review-link:after {
content: '';
background-color: #e1e1e1;
width: 2px;
height: 15px;
position: absolute;
right: -16px;
top: 5px; }
.woocommerce-product-rating .woocommerce-your-review-link {
font-size: 14px;
color: #555555;
font-weight: 400; }
.woocommerce-product-rating.flex {
flex-direction: column; }
.woocommerce-product-rating .group-price-stock {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 10px; }
.woocommerce-product-rating .group-ratings {
display: flex;
align-items: center;
margin-top: 14px;
flex-wrap: wrap; }
.product_meta {
padding-top: 28px;
padding-left: 0;
border-top: 1px solid #e7e7e7;
font-size: 13px;
color: #777777;
list-style: none; }
.product_meta li {
position: relative;
padding-left: 15px; }
.product_meta li:before {
content: "\f111";
font-family: 'FontAweSome';
position: absolute;
left: 0;
top: calc(50% - 5px);
font-size: 6px;
margin-right: 10px; }
.product_meta a {
color: #777777; }
.entry-summary > .stock {
display: none; }
.entry-summary .price {
font-size: 1.714rem;
font-family: "Roboto", sans-serif;
font-weight: bold;
margin-bottom: 0px; }
.entry-summary .price del {
font-weight: 400;
font-size: 20px;
color: #555555; }
.entry-summary .price ins {
text-decoration: none;
margin-left: 20px;
color: #fe2626; }
.entry-summary .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price .woocommerce-Price-amount,
.entry-summary .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price ins {
text-decoration: none;
font-weight: 600;
color: #fe2626; }
.entry-summary .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price del .woocommerce-Price-amount {
font-weight: 400;
color: #555555; }
.entry-summary .product_meta > span {
width: 100%;
display: block; }
.entry-summary .woocommerce-product-details__short-description {
padding-top: 23px;
margin-bottom: 30px; }
.entry-summary .woocommerce-product-details__short-description p {
font-weight: 400; }
.entry-summary .woocommerce-product-details__short-description ul {
margin-top: 27px;
padding-left: 0px; }
.entry-summary .woocommerce-product-details__short-description ul li {
list-style-type: none;
font-size: 13px;
font-weight: 500;
font-style: italic; }
.entry-summary .woocommerce-product-details__short-description ul li:before {
content: '';
width: 6px;
height: 6px;
border-radius: 100%;
display: inline-block;
background-color: #0070c9;
margin-right: 10px;
margin-bottom: 2px; }
.entry-summary p.stock {
font-weight: 400; }
.entry-summary p.stock.in-stock {
color: #555555;
margin-left: 40px;
margin-bottom: 0px; }
.entry-summary p.stock.in-stock:before {
content: '';
background: url("assets/images/bg/icon-stock.jpg") no-repeat center center;
background-size: cover;
width: 18px;
height: 18px;
margin-right: 6px;
display: inline-block;
margin-bottom: -4px; }
.entry-summary p.stock.out-of-stock {
color: #ff0000; }
.entry-summary p.stock.out-of-stock:before {
content: "\e617";
font-family: 'simple-line-icons';
position: relative;
top: 2px;
margin-right: 10px; }
.entry-summary table.variations {
border: none;
margin-bottom: 35px;
flex-basis: 100%; }
.entry-summary table.variations tbody {
display: flex;
flex-direction: row;
justify-content: flex-start;
position: relative;
align-items: center; }
.entry-summary table.variations .reset_variations {
font-weight: bold;
font-style: italic;
background: transparent; }
.entry-summary table.variations tr {
flex-basis: auto;
display: flex;
margin-right: 20px; }
.entry-summary table.variations tr.pa_color td.value select {
height: 45px; }
.entry-summary table.variations td {
border: none;
vertical-align: middle;
padding: 0;
padding-bottom: 0px; }
.entry-summary table.variations td:first-child {
padding-left: 0;
margin-right: 9px; }
.entry-summary table.variations .label {
font-size: 100%;
margin-bottom: 0; }
.entry-summary table.variations .label label {
margin: 0;
font-size: 1rem;
line-height: 2.6;
display: inline-block;
font-weight: 400;
font-family: "Roboto", sans-serif;
color: #666666;
padding: 0; }
.entry-summary table.variations select {
width: auto;
border: none;
line-height: 1.6;
height: 36px;
padding: 0 22px 0 8px;
background: url(assets/images/icons/icon-down-shop-action.png) no-repeat calc(100% - 8px) center;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
float: left;
margin-right: 0px;
font-size: 1rem;
font-weight: 400;
color: #000000;
font-family: "Roboto", sans-serif;
text-transform: capitalize; }
.entry-summary table.group_table {
margin-top: 0;
border: none;
border-collapse: collapse; }
.entry-summary table.group_table tr {
border: 1px solid #ebebeb;
border-left: none;
border-right: none; }
.entry-summary table.group_table td {
border: none;
padding: 15px; }
.entry-summary table.group_table td:first-child {
padding-left: 0; }
.entry-summary table.group_table label {
margin-bottom: 0; }
.entry-summary table.group_table .price {
font-size: 17px;
margin-bottom: 0; }
.entry-summary table.group_table .quantity {
margin: 0; }
.entry-summary .attribute-wrap {
display: flex;
flex-wrap: wrap;
clear: both;
align-items: center;
margin-bottom: 30px; }
.entry-summary .attribute-wrap .attribute-name {
margin: 0 20px 0 0;
font-size: inherit;
font-weight: 600;
line-height: 20px; }
.entry-summary .attribute-wrap .imageswatch-variation {
min-width: 25px;
height: 25px;
border: 2px solid;
border-color: #cccccc;
margin-right: 10px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease; }
.entry-summary .attribute-wrap .imageswatch-variation:last-child {
margin-right: 0; }
.entry-summary .attribute-wrap .imageswatch-variation span {
display: block;
width: 100%;
height: 100%;
border-radius: 0;
border: none;
background-position: center center; }
.entry-summary .woocommerce-variation-price {
margin-bottom: 20px; }
.entry-summary .quantity {
float: left;
margin: 5px 20px 0 0;
display: inline-block;
border: 2px solid;
border-color: #ebebeb;
padding: 0;
border-radius: 5px; }
.entry-summary .quantity .qty {
display: flex;
align-items: center; }
.entry-summary .quantity .qty .title-qty {
margin-bottom: 0px;
margin-right: 15px;
font-size: 14px;
color: #000000;
font-weight: 500;
display: none; }
.entry-summary .compare.button.loading:before {
opacity: 0; }
.entry-summary .compare.button.loading:after {
opacity: 1; }
.entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.show .text-hidden.hidden {
display: inline-block !important; }
.entry-summary .yith-wcwl-add-to-wishlist a .tooltip {
position: inherit;
opacity: 1;
font-family: inherit;
display: inline-block;
font-size: inherit;
font-weight: inherit; }
.entry-summary .yith-wcwl-add-to-wishlist .loading a:before {
content: " " !important;
width: 16px;
height: 16px;
left: 0;
margin: 0;
display: inline-block;
vertical-align: middle;
border: 1px solid #000000;
border-right-color: white;
border-left-color: white;
border-radius: 50%;
position: absolute;
top: calc(50% - 8px);
border-left-color: transparent !important;
border-right-color: transparent !important;
-webkit-transition: right .2s ease-in-out, opacity .25s ease-in-out;
-moz-transition: right .2s ease-in-out, opacity .25s ease-in-out;
-o-transition: right .2s ease-in-out, opacity .25s ease-in-out;
-ms-transition: right .2s ease-in-out, opacity .25s ease-in-out;
transition: right .2s ease-in-out, opacity .25s ease-in-out;
-webkit-animation: load-spin 450ms infinite linear;
animation: load-spin 450ms infinite linear; }
.cart .button .fa {
margin-left: 7px; }
.single-product .wrap-btn-single .yith-wcwl-add-to-wishlist,
.single-product .wrap-btn-single .compare-button {
top: 2px; }
.entry-summary {
position: relative; }
.entry-summary .wrap-btn-single form.cart {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center; }
.entry-summary form.cart .single_variation_wrap {
display: flex;
flex-wrap: wrap; }
.entry-summary .yith-wcwl-add-to-wishlist,
.entry-summary .compare.button {
display: inline-block;
margin-left: 20px; }
.entry-summary .yith-wcwl-add-to-wishlist {
border: 2px solid;
border-color: #ebebeb;
top: 6px;
border-radius: 5px;
width: 46px;
height: 46px;
display: flex;
justify-content: center;
align-items: center;
transition: all 400ms ease-in-out 0s; }
.entry-summary .yith-wcwl-add-to-wishlist:hover a:before {
color: #fff; }
.entry-summary .yith-wcwl-add-to-wishlist img {
visibility: hidden !important; }
.entry-summary .yith-wcwl-add-to-wishlist a {
display: block;
display: table-caption;
font-size: 0px;
line-height: 1; }
.entry-summary .yith-wcwl-add-to-wishlist a:before {
content: '\e949';
font-family: 'typo-icon';
font-size: 22px;
color: #555555;
margin-top: 0px;
display: none; }
.entry-summary .yith-wcwl-add-to-wishlist a svg {
width: 24px;
height: 24px;
color: #000000; }
.entry-summary .yith-wcwl-add-to-wishlist a:hover svg {
color: #ffffff; }
.entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.loading a:before {
display: none !important;
visibility: hidden !important; }
.entry-summary .compare-button {
width: auto;
display: inline-block;
top: 6px;
position: relative; }
.entry-summary .compare.button {
background-color: transparent;
font-size: 0px;
border: 2px solid;
border-color: #ebebeb;
width: 46px;
height: 46px;
letter-spacing: 0px;
padding: 0px;
border-radius: 5px;
transition: all 400ms ease-in-out 0s;
display: flex;
justify-content: center;
align-items: center; }
.entry-summary .compare.button svg {
color: #000000; }
.entry-summary .compare.button:hover svg {
color: #ffffff; }
.entry-summary .compare.button:before {
content: '\e943';
font-family: 'typo-icon';
font-size: 21px;
color: #555555;
margin-left: 4px;
display: none; }
.entry-summary .cart .single_variation_wrap {
flex-basis: 100%; }
.entry-summary .variations_form.cart .woocommerce-variation-add-to-cart {
display: flex;
align-items: center;
clear: both; }
.entry-summary .variations_form.cart .woocommerce-variation-add-to-cart > .yith-wcwl-add-to-wishlist {
display: none; }
.entry-summary .variations_form.cart .woocommerce-variation-add-to-cart > .compare-button {
display: none; }
.entry-summary .variations_form .single_variation_wrap .woocommerce-variation.single_variation {
display: none !important; }
.entry-summary .grouped_form.cart > .yith-wcwl-add-to-wishlist {
display: none; }
.entry-summary .grouped_form.cart > .compare-button {
display: none; }
.single_add_to_cart_button {
margin-top: 5px;
text-transform: uppercase;
font-size: 1.071rem;
font-family: "Caros";
color: #fff;
font-weight: bold;
border-radius: 5px;
min-width: 170px;
text-align: center;
height: 46px;
border-width: 2px;
border-style: solid;
transition: all 400ms ease 0s; }
.single_add_to_cart_button:hover {
background-color: transparent !important; }
.single_add_to_cart_button.loading:before {
width: 16px;
height: 16px;
left: 50%;
top: calc(50% - 10px);
right: auto;
border-right-color: red !important;
border-left-color: red !important; }
.quantity input[type="number"] {
-moz-appearance: textfield;
border: none;
width: 40px;
height: 42px;
line-height: 42px;
background: none;
margin: 0 10px;
float: left;
padding: 0 5px;
margin: 0;
color: #000000;
font-weight: bold;
font-size: 18px;
font-family: "Caros";
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb; }
.quantity .qty a {
float: left;
width: 30px;
height: 42px;
background: none; }
.quantity i {
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
display: inline-block; }
.quantity .icon-quantity-plus {
background-image: url("assets/images/icons/plus.png"); }
.quantity .icon-quantity-minus {
background-image: url("assets/images/icons/minus.png"); }
.wc-single-product .entry-summary .pr-single-tc {
list-style-type: none;
margin-top: 37px;
padding-left: 0px;
margin-bottom: 0px;
overflow: hidden;
display: block;
width: 100%; }
.wc-single-product .entry-summary .pr-single-tc li, .wc-single-product .entry-summary .pr-single-tc a, .wc-single-product .entry-summary .pr-single-tc span {
font-size: 1rem;
font-family: "Roboto", sans-serif;
color: #555555;
line-height: 1.929;
text-align: left; }
.wc-single-product .entry-summary .pr-single-tc li {
margin-bottom: 3px;
color: #000; }
.wc-single-product .entry-summary .pr-single-tc li span {
display: inline-block;
position: relative;
margin-right: 5px;
color: #555; }
.wc-single-product .entry-summary .pr-single-tc li span:before {
content: '';
width: 7px;
height: 7px;
border-radius: 50%;
display: inline-block;
margin-right: 7px; }
.wc-single-product .entry-summary .pr-single-tc li a {
color: #000; }
@media only screen and (min-width: 320px) {
.product-type-variable .wc-single-product .column-right .entry-summary .woocommerce-product-rating .group-price-stock .in-stock {
margin-left: 0px;
margin-top: 10px; } }
@media only screen and (min-width: 360px) {
.product-type-variable .wc-single-product .column-right .entry-summary .woocommerce-product-rating .group-price-stock .in-stock {
margin-left: 10px;
margin-top: 0px; } }
@media only screen and (min-width: 768px) {
.product-type-variable .wc-single-product .column-right .entry-summary .woocommerce-product-rating .group-price-stock .in-stock {
margin-left: 30px; } }
@media only screen and (min-width: 1200px) {
.product-type-variable .wc-single-product .column-right .entry-summary .woocommerce-product-rating .group-price-stock .in-stock {
margin-left: 40px; } }
@media only screen and (min-width: 320px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .variations tbody {
flex-direction: unset;
flex-wrap: wrap; } }
@media only screen and (min-width: 320px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .variations tbody tr:first-child {
margin-bottom: 15px; } }
@media only screen and (min-width: 768px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .variations tbody tr:first-child {
margin-bottom: 5px; } }
@media only screen and (min-width: 1200px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .variations tbody tr:first-child {
margin-bottom: 0px; } }
@media only screen and (min-width: 320px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .variations tbody tr:nth-child(2) {
margin-bottom: 20px; } }
@media only screen and (min-width: 1200px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .variations tbody tr:nth-child(2) {
margin-bottom: 0px; } }
@media only screen and (min-width: 320px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {
flex-wrap: wrap; } }
@media only screen and (min-width: 992px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {
margin-right: 20px; } }
@media only screen and (min-width: 1200px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {
margin-right: 0px; } }
@media only screen and (min-width: 320px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button {
margin-top: 20px; } }
@media only screen and (min-width: 1200px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button {
margin-top: 3px; } }
.woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button.disabled {
cursor: not-allowed;
opacity: 0.9 !important; }
.woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button.disabled:hover {
color: white; }
.product-detail-information {
margin-bottom: 45px;
max-width: 100% !important;
padding: 0px 0; }
.product-detail-information .woocommerce-Reviews .comment-form .comment-form-comment,
.product-detail-information .woocommerce-Reviews .comment-form .comment-form-author,
.product-detail-information .woocommerce-Reviews .comment-form .comment-form-email,
.product-detail-information .woocommerce-Reviews .comment-form .form-submit {
margin-top: 30px; }
.product-detail-information .woocommerce-Reviews .comment-form .form-submit {
margin-bottom: 30px; }
.product-detail-information .woocommerce-Reviews #review_form_wrapper {
margin-top: -20px; }
.product-detail-information.tabs-accordion {
/* Colors
====================*/ }
.product-detail-information.tabs-accordion .woocommerce-tabs ul {
list-style: none;
margin: 0;
padding: 0; }
.product-detail-information.tabs-accordion .accordion {
display: none; }
.product-detail-information.tabs-accordion .woocommerce-tabs ul li a {
text-decoration: none;
display: inline-block;
padding: 15px;
padding-left: 0px;
font-family: "Caros";
font-size: 20px;
color: #000;
text-transform: capitalize;
position: relative; }
.product-detail-information.tabs-accordion .accordion {
padding-left: 0px;
padding-top: 10px;
line-height: 1.85;
letter-spacing: 0.3px;
font-size: 14px;
color: #555555; }
.product-detail-information.tabs-accordion .woocommerce-tabs ul li.item-tab {
background: #fff;
border-bottom: 1px solid #ebebeb;
margin-bottom: 0px; }
.product-detail-information.tabs-accordion .woocommerce-tabs ul li.item-tab a::after {
content: "";
background: url(assets/images/icons/tab-down.png) top left no-repeat;
width: 9px;
height: 5px;
margin-left: 8px;
position: relative;
top: -3px;
display: inline-block;
transition: all 400ms ease 0s;
transform: rotate(-90deg); }
.product-detail-information.tabs-accordion .woocommerce-tabs ul li.item-tab.active a::after {
transform: rotate(0deg); }
.product-detail-information.tabs-accordion .woocommerce-tabs ul li:first-child div {
display: block; }
.woocommerce-Tabs-panel > h2 {
display: none; }
.tabs-layout-tabs .wc-tabs {
padding: 0;
list-style: none;
margin: 0px;
text-align: center; }
@media only screen and (max-width: 640px) {
.tabs-layout-tabs .wc-tabs {
margin-bottom: 30px; } }
.tabs-layout-tabs .wc-tabs > li {
display: inline-block;
position: relative;
padding: 0 25px;
margin-bottom: 0px;
border-bottom: none;
margin: 0px 10px;
margin-bottom: -2px;
z-index: 99; }
.tabs-layout-tabs .wc-tabs > li:hover > a, .tabs-layout-tabs .wc-tabs > li.active > a {
color: black; }
.tabs-layout-tabs .wc-tabs > li > a {
border-bottom: 2px solid transparent;
display: inline-block;
padding: 16px 3px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: #777777; }
@media only screen and (max-width: 640px) {
.tabs-layout-tabs .wc-tabs > li > a {
padding: 5px 3px; } }
.tabs-layout-tabs .wc-accordion-content,
.tabs-layout-tabs .tab-content {
position: relative;
border-top: 2px solid #ebebeb;
padding-top: 30px; }
.tabs-layout-tabs .yikes-custom-woo-tab-title {
display: none; }
.tabs-layout-tabs #tab-additional_information .shop_attributes {
width: 60%;
margin: 0 auto; }
@media only screen and (min-width: 1280px) {
.tabs-layout-tabs .woocommerce-Reviews {
display: flex;
flex-wrap: wrap; } }
@media only screen and (min-width: 1280px) {
.tabs-layout-tabs .woocommerce-Reviews#reviews > #review_form_wrapper {
margin-top: 0; } }
@media only screen and (min-width: 1280px) {
.tabs-layout-tabs .woocommerce-Reviews#reviews .comment-respond {
margin-top: 0; } }
@media only screen and (min-width: 1280px) {
.tabs-layout-tabs .woocommerce-Reviews > div {
flex-grow: 1;
width: 50%; } }
@media only screen and (min-width: 1280px) {
.tabs-layout-tabs .woocommerce-Reviews > div#comments {
padding-right: 40px; } }
.tabs-layout-tabs .woocommerce-Reviews > div#comments .woocommerce-Reviews-title {
color: black;
margin-bottom: 29px; }
.tabs-layout-tabs .woocommerce-Reviews > div#comments .comment_container {
display: flex;
justify-content: flex-start;
align-items: flex-start; }
.tabs-layout-tabs .woocommerce-Reviews > div#comments .comment_container > img {
border-radius: 50%;
margin-top: 5px; }
.tabs-layout-tabs .woocommerce-Reviews > div#comments .comment_container .comment-text {
background-color: #f5f5f5;
margin-left: 23px;
padding: 25px 25px 25px 20px;
position: relative;
overflow: visible; }
.tabs-layout-tabs .woocommerce-Reviews > div#comments .comment_container .comment-text:before {
content: '';
position: absolute;
top: 30px;
left: -11px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-right: 11px solid #f5f5f5;
border-bottom: 6px solid transparent; }
.tabs-layout-tabs .woocommerce-Reviews > div#comments .comment_container .comment-text .star-rating {
float: none;
margin: 0;
font-size: 12px;
height: 13px;
line-height: 1.4;
margin-bottom: 16px; }
.tabs-layout-tabs .woocommerce-Reviews > div#comments .comment_container .comment-text .meta strong {
text-transform: capitalize; }
.tabs-layout-tabs .woocommerce-Reviews > div#comments .comment_container .comment-text .woocommerce-review__published-date {
text-transform: capitalize; }
.tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper #review_form h3#reply-title {
color: black;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px; }
.tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper .form-control {
box-shadow: none; }
.tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper .form-control:focus {
box-shadow: none; }
.tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper .comment-form-rating label {
font-weight: 400; }
.tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper .comment-form-comment {
margin-top: 16px; }
.tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper .comment-form-author,
.tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper .comment-form-email {
width: calc(100%/2 - 15px);
margin-left: 30px;
float: left;
margin-top: 1px; }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper .comment-form-author,
.tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper .comment-form-email {
width: 100%;
margin-left: 0; } }
.tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper .comment-form-author {
margin-left: 0; }
.tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper .form-submit {
width: 100%;
clear: both;
display: flex; }
.tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper .form-submit input[type="submit"] {
width: 100%;
background-color: transparent;
border-radius: 5px; }
.tabs-layout-tabs .woocommerce-Reviews > div#review_form_wrapper .form-submit input[type="submit"]:hover {
color: white; }
.tabs-layout-accordion .ekofood-tab-wrapper {
border-bottom: 1px solid #EBEBEB; }
.ekofood-accordion-title {
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
font-family: "Caros";
display: inline-block;
padding: 14px 0; }
.ekofood-accordion-title:after {
content: " ";
background: url(assets/images/icons/tab-down.png) top left no-repeat;
width: 9px;
height: 5px;
margin-left: 8px;
position: relative;
top: -3px;
display: inline-block; }
.ekofood-accordion-title.collapsed:after {
transform: rotate(-90deg); }
#tab-additional_information .shop_attributes th,
#tab-additional_information .shop_attributes td {
padding: 15px 0; }
#tab-additional_information .shop_attributes th {
text-align: left; }
#tab-additional_information .shop_attributes td {
text-align: right; }
#tab-additional_information .shop_attributes tr:last-child td,
#tab-additional_information .shop_attributes tr:last-child th {
border-bottom: none; }
#tab-additional_information .shop_attributes p {
margin-bottom: 0; }
.upsell-products {
margin-bottom: 40px; }
.related-product .addon-title {
margin-bottom: 37px; }
.related-product .product-related-carousel .owl-stage-outer {
margin: -30px;
padding: 30px;
margin-right: -29px;
padding-bottom: 20px; }
.related-product .product-related-carousel .owl-dots {
line-height: 1; }
@media only screen and (min-width: 1400px) {
.related-product .product-related-carousel .owl-dots {
margin-top: -44px; } }
/**
* Gruoped products
*/
.product-type-grouped .column-right .entry-summary .grouped_form {
clear: both; }
.product-type-grouped .column-right .entry-summary .single_add_to_cart_button {
float: left; }
.product-type-grouped .column-right .entry-summary .yith-wcwl-add-to-wishlist {
right: 430px;
bottom: 45px;
position: unset !important;
float: left;
margin-top: 6px; }
.product-type-grouped .column-right .entry-summary .compare.button {
bottom: 45px;
right: -262px;
position: unset !important; }
/**
* Products Extend
*/
.product-type-external .column-right .entry-summary .cart {
float: left; }
.product-type-external .column-right .entry-summary .cart .single_add_to_cart_button {
position: relative;
z-index: 2; }
.product-type-external .column-right .entry-summary .yith-wcwl-add-to-wishlist {
right: auto;
left: 213px;
bottom: 65px;
margin-left: 5px;
position: unset !important;
float: left; }
.product-type-external .column-right .entry-summary .compare.button {
right: auto;
left: 286px;
bottom: 65px;
margin-left: 0px;
position: unset !important; }
/**
* Products has countdown
*/
@media only screen and (min-width: 1280px) {
.product-type-simple .product-has-countdown .countdown-single-products {
margin-top: -20px; } }
.product-type-simple .product-has-countdown .column-right .entry-summary .yith-wcwl-add-to-wishlist {
bottom: 150px; }
.product-type-simple .product-has-countdown .column-right .entry-summary .ekofood-countdown {
margin-top: 10px; }
/** ------------------------------------------------------------------------------------------------
* WISHLIST
* ------------------------------------------------------------------------------------------------ */
.yith-wcwl-add-to-wishlist {
position: relative;
margin-top: 0;
padding: 0; }
.yith-wcwl-add-to-wishlist .ajax-loading {
display: none !important;
height: 0 !important;
width: 0 !important; }
.yith-wcwl-add-to-wishlist .feedback {
display: none; }
.yith-wcwl-add-to-wishlist .clear,
.yith-wcwl-add-to-wishlist + .clear {
display: none; }
.yith-wcwl-add-to-wishlist.exists .yith-wcwl-wishlistaddedbrowse:nth-child(1) {
display: inline-block !important; }
.woocommerce table.wishlist_table {
font-size: 100%; }
.woocommerce table.wishlist_table.cart {
margin: 0; }
.woocommerce table.wishlist_table .product-price span {
font-family: "Roboto", sans-serif;
font-size: 1.212rem;
font-weight: bold; }
.woocommerce table.wishlist_table .product-price del {
color: #555555; }
.woocommerce table.wishlist_table .product-price del span {
color: #555555;
font-size: 1rem;
font-family: "Roboto", sans-serif; }
.woocommerce table.wishlist_table .product-price ins {
color: #fe2626;
text-decoration: none;
margin-left: 10px; }
.woocommerce table.wishlist_table .product-price ins span {
color: #fe2626; }
.woocommerce table.wishlist_table {
font-size: 100%; }
.woocommerce table.wishlist_table td, .woocommerce table.wishlist_table th {
text-align: center; }
.woocommerce table.wishlist_table .product-name a {
font-weight: 400; }
.woocommerce table.wishlist_table a.button {
height: 40px;
line-height: 40px;
font-weight: 500;
padding: 0 20px;
color: white; }
.woocommerce table.wishlist_table a.button:hover, .woocommerce table.wishlist_table a.button:focus {
color: white !important; }
.woocommerce table.wishlist_table a.button.loading {
font-size: 0; }
.woocommerce table.wishlist_table a.button.loading:before {
border-color: white; }
.woocommerce table.wishlist_table a.button:before {
content: none; }
.wishlist_table tr td.product-thumbnail a {
display: inherit;
max-width: 100%; }
.wishlist_table tr td.product-thumbnail a img {
max-width: 85px;
margin: 0 auto; }
.woocommerce table.wishlist_table.wishlist_view td {
border: 1px solid #e7e7e7; }
.woocommerce table.wishlist_table.wishlist_view thead .product-name span,
.woocommerce table.wishlist_table.wishlist_view thead .product-price span,
.woocommerce table.wishlist_table.wishlist_view thead .product-stock-status span {
font-family: "Roboto", sans-serif;
font-size: 1.212rem;
color: #000;
font-weight: bold; }
.wishlist_table .wishlist-items-wrapper .product-add-to-cart .button-cart {
display: flex !important;
justify-content: center;
align-items: center;
min-width: 52px;
padding: 0px !important;
border-radius: 5px;
border: 2px solid;
background-color: transparent;
line-height: 1.4;
transition: all 400ms ease-out 0s; }
.wishlist_table .wishlist-items-wrapper .product-add-to-cart .button-cart svg {
display: none; }
.wishlist_table .wishlist-items-wrapper .product-add-to-cart .button-cart .tooltip {
text-transform: uppercase;
font-size: 1.071rem;
font-family: "Caros";
font-weight: bold;
opacity: 1;
display: inline-block;
width: 100%;
text-align: center;
line-height: 2.2;
z-index: 1; }
.wishlist_table .wishlist-items-wrapper .product-add-to-cart .button-cart:hover .tooltip {
color: #fff; }
.wishlist-title h2 {
margin-top: 0;
padding: 0;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 20px; }
.wishlist_table.responsive.mobile {
list-style: none;
margin-left: 0;
padding: 0; }
.wishlist_table.responsive.mobile .product-add-to-cart a.button {
height: auto;
display: inline-block !important;
margin: 0 !important;
padding: 0.55rem 2.20em !important;
color: #333; }
.wishlist_table.responsive.mobile .product-add-to-cart a.button svg {
display: none !important; }
.wishlist_table.responsive.mobile .product-add-to-cart a.button .tooltip {
position: relative;
opacity: 1;
font-size: inherit; }
.wishlist_table.responsive.mobile .remove_from_wishlist {
font-size: 16px; }
.wishlist_table.responsive.mobile li {
line-height: 1.8;
margin-bottom: 25px;
font-size: 15px; }
@media only screen and (min-width: 361px) {
.wishlist_table.responsive.mobile li {
float: left;
width: 50%; } }
@media only screen and (min-width: 361px) {
.wishlist_table.responsive.mobile li:nth-child(2n + 1) {
clear: both; } }
.wishlist_table.responsive.mobile li .item-wrapper {
width: 100%;
text-align: center;
margin-bottom: 0;
vertical-align: top;
display: inline-block; }
.wishlist_table.responsive.mobile li .item-wrapper .product-thumbnail {
width: 100%;
margin: 0 auto 20px;
text-align: center;
display: block;
max-width: 100px; }
.wishlist_table.responsive.mobile li .item-wrapper .item-details {
width: 100%;
display: inline-block;
vertical-align: top; }
.wishlist_table.responsive.mobile li .item-wrapper .item-details table.item-details-table {
margin: 0;
border: none; }
.wishlist_table.responsive.mobile li .item-wrapper .item-details table.item-details-table tbody {
border: none; }
.wishlist_table.responsive.mobile li .item-wrapper .item-details table.item-details-table tbody tr td {
padding: 0;
width: auto !important;
display: inline-block;
text-align: start !important;
color: #555;
font-weight: 500;
font-size: 14px;
line-height: 1.4; }
.wishlist_table.responsive.mobile li .item-wrapper .item-details table.item-details-table tbody tr td.label {
margin-right: 5px; }
.wishlist_table.responsive.mobile li .item-wrapper .item-details table.item-details-table tbody tr td.value ins span {
color: #fe2626; }
.wishlist_table.responsive.mobile li .item-details h3 {
margin-bottom: 7px; }
.wishlist_table.responsive.mobile li .woocommerce-Price-amount {
font-weight: 600;
font-size: 15px; }
.wishlist_table.responsive.mobile li table {
width: 100%;
max-width: 100%; }
.wishlist_table.responsive.mobile li table.additional-info {
border: none;
margin-bottom: 7px; }
.wishlist_table.responsive.mobile li table.additional-info tbody {
border: none; }
.wishlist_table.responsive.mobile li table.additional-info tbody tr td {
font-size: 1rem;
padding: 0;
width: auto !important;
display: inline-block;
text-align: start !important;
color: #555;
font-weight: 500;
font-size: 14px;
line-height: 1.4; }
.wishlist_table.responsive.mobile li table.additional-info tbody tr td.label {
margin-right: 5px; }
.wishlist_table.responsive.mobile li table.additional-info tbody tr td.value ins span {
color: #fe2626; }
.wishlist_table.responsive.mobile li .additional-info-wrapper {
text-align: center; }
.wishlist_table.responsive.mobile li .additional-info-wrapper .product-add-to-cart {
text-align: center;
margin-bottom: 7px; }
.wishlist_table.responsive.mobile li .additional-info-wrapper .product-remove {
text-align: center;
line-height: 1; }
table.compare-list {
margin-bottom: 0 !important; }
table.compare-list th {
padding-left: 25px;
padding-right: 25px;
padding-top: 15px;
padding-bottom: 15px;
font-weight: 600;
border-bottom: none;
font-size: 16px !important;
font-family: "Roboto", sans-serif !important;
border-bottom: 1px solid #E6E6E6; }
table.compare-list td {
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid;
border-right: 1px solid;
border-color: #E6E6E6;
font-family: "Roboto", sans-serif !important; }
table.compare-list td.odd, table.compare-list td.even {
background-color: transparent; }
table.compare-list td img {
margin-bottom: 0px;
max-width: 100%;
background: none;
border: none;
padding: 0; }
table.compare-list tr.remove th, table.compare-list tr.image th, table.compare-list tr.title th, table.compare-list tr.price th, table.compare-list tr.add-to-cart th {
text-indent: 0; }
table.compare-list tr.remove th,
table.compare-list tr.remove td, table.compare-list tr.image th,
table.compare-list tr.image td, table.compare-list tr.title th,
table.compare-list tr.title td, table.compare-list tr.price th,
table.compare-list tr.price td, table.compare-list tr.add-to-cart th,
table.compare-list tr.add-to-cart td {
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #E6E6E6; }
table.compare-list tr.image .image-wrap {
border-radius: 5px; }
table.compare-list tr.title td {
font-family: "Roboto", sans-serif;
font-weight: 500;
color: #555555;
font-size: 1.14rem; }
table.compare-list tr.price {
font-size: 1.21rem;
letter-spacing: 0.5px;
font-family: "Roboto", sans-serif;
color: black;
font-weight: bold; }
table.compare-list tr.add-to-cart .button-cart {
width: auto;
min-width: 130px;
height: auto;
display: block;
text-align: center;
border: 0px;
border-radius: 0px;
text-transform: none;
box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.15);
font-size: 1.4rem;
letter-spacing: 1px;
color: #ffffff;
font-family: "Caros"; }
table.compare-list tr.title {
display: table-row; }
table.compare-list tr.title td {
font-size: 14px;
text-transform: none; }
table.compare-list tr.price td {
color: #BDBDBD;
text-decoration: none;
font-size: 14px; }
table.compare-list tr.description td p:last-child {
margin-bottom: 0; }
table.compare-list tr.description td ul {
list-style: none;
padding: 0px; }
table.compare-list tr.stock td span {
font-weight: 600; }
table.compare-list tr.add-to-cart td a {
margin: 0; }
table.compare-list tr.add-to-cart .blockUI {
display: none !important; }
table.compare-list tr.no-products td {
color: black;
font-weight: 600;
text-transform: uppercase; }
table.compare-list tr.remove a {
text-decoration: none;
font-size: 13px;
font-weight: 600;
letter-spacing: .3px;
text-transform: uppercase;
line-height: 30px;
position: relative; }
table.compare-list tr.remove a .remove {
display: none; }
table.compare-list tr:last-child td {
border-bottom: none; }
.login-hidden {
display: none; }
#customer_login h2 {
text-transform: uppercase;
font-size: 23px;
margin-bottom: 15px; }
.shop_table tr td:last-child, .shop_table tr th:last-child {
text-align: left; }
.woocommerce-my-account-wrapper {
display: flex;
flex-direction: row;
align-items: stretch; }
.woocommerce-MyAccount-navigation {
flex: 1 0 20%;
max-width: 20%;
width: 20%;
border-right: 1px solid rgba(129, 129, 129, 0.2);
padding-right: 30px;
padding-top: 20px; }
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0; }
.woocommerce-MyAccount-content {
flex: 1 0 80%;
max-width: 80%;
width: 80%;
padding-left: 30px;
padding-right: 30px; }
.woocommerce-MyAccount-content .button.view {
color: white; }
.woocommerce-cart .mt_100 {
margin-top: 0px; }
.woocommerce-cart .mb_100 {
margin-bottom: 68px; }
.woocommerce-cart .woocommerce .woocommerce-cart-form table {
margin-top: 0;
margin-bottom: 35px; }
.woocommerce-cart .woocommerce .woocommerce-cart-form table td {
padding: 30px 12px; }
.woocommerce-cart .woocommerce-shipping-totals ul#shipping_method {
margin-bottom: 0px; }
.woocommerce-cart .woocommerce-shipping-totals ul#shipping_method li {
margin-bottom: 0px; }
.shop_table thead {
background-color: #f5f5f5;
border: 1px solid #ebebeb;
height: 60px;
line-height: 1; }
.shop_table tbody {
border: 1px solid #ebebeb; }
.shop_table th {
text-transform: capitalize;
color: black;
font-size: 1.5rem;
font-family: "Caros";
font-weight: bold;
letter-spacing: 0px; }
.shop_table .product-thumbnail img {
max-width: 90px; }
.shop_table .product-remove {
font-size: 30px;
text-align: center; }
.shop_table .product-remove a {
color: #666666; }
.shop_table .product-name a {
color: #555;
font-size: 16px;
font-family: "Roboto", sans-serif;
font-weight: 500; }
.shop_table .product-name .variation {
overflow: hidden;
margin-top: 10px; }
.shop_table .product-name .variation dt {
float: left; }
.shop_table .product-name .variation dd {
float: left;
margin-right: 10px;
margin-left: 3px;
font-style: italic; }
.shop_table .product-quantity .quantity {
display: inline-block;
float: none;
margin-right: 0; }
.shop_table .product-quantity .quantity .title-qty {
display: none; }
.shop_table .product-quantity .quantity .qty {
border: 1px solid #ebebeb;
display: block;
overflow: hidden;
position: relative;
min-width: 90px; }
.shop_table .product-quantity .quantity .qty .minus {
position: absolute;
height: 22px;
bottom: 0px;
right: 0px;
border-top: 1px solid #ebebeb;
border-left: 1px solid #ebebeb; }
.shop_table .product-quantity .quantity .qty .plus {
position: absolute;
height: 22px;
top: 0px;
right: 0px;
border-left: 1px solid #ebebeb; }
.shop_table .product-quantity .quantity .qty input[type="number"] {
width: 60px; }
.shop_table .woocommerce-Price-amount {
font-weight: 700;
font-size: 20px;
font-family: "Roboto", sans-serif;
color: #000000; }
.shop_table .woocommerce-Price-amount del {
font-weight: 400;
font-size: 14px;
margin-right: 10px;
color: #555555; }
.shop_table .woocommerce-Price-amount ins {
text-decoration: none;
color: #fe2626; }
.cart-actions {
text-align: right;
display: flex;
flex-direction: row;
align-items: stretch;
text-transform: uppercase; }
.cart-actions:after, .cart-actions:before {
content: none; }
.cart-actions > div {
flex: 1 1 auto;
width: auto; }
.cart-actions .coupon {
display: flex;
align-items: center;
flex-direction: row; }
.cart-actions .coupon label {
display: none; }
.cart-actions .coupon .input-text {
max-width: 300px;
margin-right: 10px;
border-width: 2px;
border-radius: 5px; }
.cart-actions .coupon .button {
font-size: 1rem;
text-transform: uppercase;
font-family: "Caros";
font-weight: bold;
letter-spacing: 0.5px;
background-color: transparent;
border-radius: 5px;
line-height: 3;
border: 2px solid;
transition: all 400ms ease-out 0s; }
.cart-actions .coupon .button:hover {
opacity: 1;
color: #fff; }
.cart-actions input[name="update_cart"] {
font-size: 1rem;
text-transform: none;
font-weight: bold;
text-transform: uppercase;
font-family: "Caros";
letter-spacing: 0.5px;
background-color: transparent;
border-radius: 5px;
line-height: 1.3;
border: 2px solid;
transition: all 400ms ease-out 0s;
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 46px;
min-width: 180px;
padding: 0 15px; }
.cart-actions input[name="update_cart"]:hover {
opacity: 1;
color: #ffffff; }
.cart-content-wrapper .cart-totals-section .cart_totals {
display: flex;
justify-content: flex-end; }
.cart-content-wrapper .cart-totals-section .cart_totals .cart-totals-inner {
max-width: 530px;
width: 100%; }
.cart-totals-inner {
border-width: 2px;
border-style: solid;
padding: 40px; }
.cart-totals-inner h2 {
font-size: 1.571rem;
margin-bottom: 17px;
padding-left: 6px;
font-family: "Caros";
font-weight: bold;
color: black;
text-transform: capitalize; }
.cart-totals-inner .shop_table tbody {
border: none; }
.cart-totals-inner .shop_table th {
font-size: 1.142rem;
width: 30%;
font-family: "Caros";
color: #555555;
font-weight: 400; }
.cart-totals-inner .shop_table tr td:last-child,
.cart-totals-inner .shop_table tr th:last-child {
text-align: right; }
.cart-totals-inner .shop_table .woocommerce-shipping-destination {
margin-bottom: 0px;
font-size: 16px;
color: #555555;
font-family: "Caros"; }
.cart-totals-inner .shop_table .woocommerce-shipping-destination strong {
font-size: 17px;
color: #000;
font-family: "Caros"; }
.cart-totals-inner .shop_table .woocommerce-shipping-calculator a.shipping-calculator-button {
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
color: #000;
font-family: "Caros"; }
.cart-totals-inner .shop_table .woocommerce-shipping-calculator button {
font-weight: 500; }
.cart-totals-inner .wc-proceed-to-checkout a {
font-size: 1.071rem;
line-height: 2.8;
display: block;
border-radius: 5px;
font-family: "Caros";
font-weight: bold;
letter-spacing: 0.5px;
text-transform: uppercase;
border-radius: 5px;
background-color: transparent;
border: 2px solid;
transition: all 400ms ease-out 0s; }
.cart-totals-inner .wc-proceed-to-checkout a:hover {
color: #fff; }
.cart-totals-inner table {
margin-bottom: 10px; }
.cart-totals-inner table tr:last-child th,
.cart-totals-inner table tr:last-child td {
border-bottom: none; }
.cart-totals-inner table .cart-subtotal .amount {
font-weight: 700; }
.cart-totals-inner .woocommerce-shipping-calculator {
margin-top: 10px; }
.cart-totals-inner .woocommerce-shipping-calculator > p {
margin-bottom: 0; }
.cart-totals-inner .shipping-calculator-form {
margin-top: 20px;
text-align: left; }
.cross-sells {
clear: both;
padding-top: 25px; }
.cross-sells .addon-title .title {
margin-bottom: 35px; }
@media screen and (max-width: 767px) {
table.shop_table_responsive tr td,
table.wishlist_table tr td {
display: block;
clear: both;
overflow: hidden; }
table.shop_table_responsive tbody th,
table.shop_table_responsive thead,
table.shop_table_responsive tr td.product-thumbnail::before,
table.wishlist_table tbody th,
table.wishlist_table thead,
table.wishlist_table tr td.product-thumbnail::before {
display: none; }
table.shop_table_responsive tr td:before {
content: attr(data-title) ": ";
font-weight: 600;
float: left;
color: #222; }
table.shop_table_responsive tr td:not(.product-quantity) {
text-align: right; }
table.shop_table_responsive tr td.product-remove:before,
table.shop_table_responsive tr td.actions:before,
table.shop_table_responsive tr td.product-thumbnail:before,
table.wishlist_table tr td.product-remove:before,
table.wishlist_table tr td.actions:before {
content: ''; }
table.shop_table_responsive tr td.product-thumbnail,
table.wishlist_table tr td.product-thumbnail {
text-align: center; }
table.shop_table_responsive .product-quantity .quantity {
float: right; }
.woocommerce-cart-form .actions .coupon,
.woocommerce-cart-form .actions .button {
float: none;
display: inherit; }
.woocommerce-cart-form .actions .coupon label {
text-align: center;
width: 100%;
display: inline-block; }
.woocommerce-cart-form .actions .coupon input {
width: 100%;
display: block;
margin: 10px 0 0; }
.woocommerce-cart-form .actions input.button {
width: 100%;
margin-top: 10px; }
.cart-collaterals .cross-sells,
.cart-collaterals .cart_totals {
width: 100%; } }
@media screen and (max-width: 640px) {
.cart-content-wrapper .cart-totals-section {
grid-template-columns: 100%;
margin-top: 50px; }
.cart-content-wrapper .cart-totals-section .pull-left {
float: none !important;
text-align: center; }
.cart-content-wrapper .cart-totals-section .cart_totals {
justify-content: center; } }
.woocommerce-checkout .mt_100 {
margin-top: 0px; }
.woocommerce-checkout .mb_100 {
margin-bottom: 80px; }
.checkout-order-review {
position: relative;
background-color: #f8f8f8;
padding: 30px;
margin-bottom: 40px; }
.checkout-order-review .shop_table tbody {
border: none; }
.checkout-order-review .shop_table .woocommerce-shipping-totals ul#shipping_method {
padding-left: 0px;
margin-bottom: 0px; }
.checkout-order-review .shop_table .woocommerce-shipping-totals ul#shipping_method li {
justify-content: flex-start;
margin-bottom: 0px; }
.checkout-order-review .shop_table .woocommerce-shipping-to {
display: none; }
.checkout-order-review table {
background: white; }
.checkout-order-review .form-row .button {
font-size: 17px;
background-color: transparent;
border: 2px solid;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.3px; }
.checkout-order-review .form-row .button:hover {
color: #fff; }
.wc_payment_methods .payment_box {
position: relative;
margin-top: 10px;
margin-bottom: 20px;
padding: 15px 15px;
background-color: white;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05); }
.wc_payment_methods .payment_box:before {
content: '\f0d8';
font-family: 'FontAweSome';
position: absolute;
top: -4px;
line-height: 0;
left: 25px;
color: white;
font-size: 32px; }
.woocommerce-invalid .select2-container--default .select2-selection--single,
.woocommerce-invalid input:not(:focus) {
border-color: #ca1919; }
.payment_methods .payment_method_paypal a {
margin-left: 15px;
text-decoration: underline;
font-weight: 400; }
.wc-terms-and-conditions {
padding-top: 20px;
border-top: 1px solid rgba(129, 129, 129, 0.2);
margin-bottom: 40px !important; }
.wc-terms-and-conditions .checkbox input[type="checkbox"] {
position: inherit;
margin-left: 0; }
.wc-terms-and-conditions label {
font-weight: 400;
margin: 0;
line-height: 1.2; }
abbr[data-original-title], abbr[title] {
cursor: help;
border-bottom: none !important;
text-decoration: unset !important; }
.woocommerce-checkout .shop_table th {
font-size: 1.3rem;
font-weight: 400; }
.woocommerce-checkout ul.wc_payment_methods {
padding: 0;
list-style: none;
margin-bottom: 20px; }
.woocommerce-checkout ul.wc_payment_methods label {
font-weight: 400; }
.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method.payment_method_paypal img {
max-width: 130px;
margin: 0 0px 0 10px; }
.woocommerce-checkout .checkout_coupon {
margin-bottom: 40px; }
.woocommerce-checkout .checkout_coupon .form-row {
margin-bottom: 20px; }
.woocommerce-additional-fields {
margin-top: 40px; }
.select2-container--default .select2-selection--single {
border-radius: 0;
background-color: transparent;
border: 1px solid #E6E6E6;
padding: 0 15px;
height: 45px;
line-height: 45px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
display: inline;
padding-left: 0;
padding-right: 0;
color: #777;
line-height: 1.4; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 9px;
right: 10px; }
.form-row {
margin-bottom: 20px; }
.form-row .button {
width: auto;
padding-right: 25px;
padding-left: 25px;
border: 0px;
border-radius: 5px;
text-transform: none;
font-size: 15px;
color: #ffffff;
font-family: "Caros";
min-width: 130px;
letter-spacing: 1px;
font-weight: 100; }
.required {
color: #E01020; }
body.woocommerce-checkout .woocommerce > .woocommerce-info {
background-color: transparent;
padding: 0;
color: #2d2a2a; }
body.woocommerce-checkout .woocommerce > .woocommerce-info a {
text-decoration: underline; }
.checkout_coupon {
padding: 30px 25px 10px 25px;
text-align: center;
border: 2px dashed #ddd;
max-width: 450px; }
.checkout_coupon .form-row-first,
.checkout_coupon .form-row-last {
float: none;
width: auto;
display: inline-block; }
.checkout_coupon .button {
width: auto;
padding-right: 25px;
padding-left: 25px;
border-width: 2px;
border-style: solid;
border-radius: 5px;
text-transform: none;
font-size: 15px;
font-family: "Caros";
min-width: 130px;
letter-spacing: 1px;
font-weight: 100; }
.checkout_coupon .button:hover {
color: #ffffff; }
.woocommerce-order {
text-align: center; }
.wc-bacs-bank-details-heading,
.woocommerce-order-details__title,
.woocommerce-customer-details > h2 {
font-size: 20px;
text-transform: uppercase; }
.woocommerce-order-details {
margin-top: 50px; }
.woocommerce-order-details .responsive-table {
margin-bottom: 50px; }
.woocommerce-order-details address,
.woocommerce-order-details .woocommerce-column__title {
text-align: left; }
.woocommerce-thankyou-order-details,
.wc-bacs-bank-details {
padding: 0;
list-style: none;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 10px; }
.woocommerce-thankyou-order-details li,
.wc-bacs-bank-details li {
flex: 1 0 auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
border-right: 1px solid rgba(129, 129, 129, 0.2);
text-align: center; }
.woocommerce-thankyou-order-details li:last-child,
.wc-bacs-bank-details li:last-child {
border-right: none; }
.woocommerce-thankyou-order-details strong,
.wc-bacs-bank-details strong {
display: block;
margin-top: 10px;
color: #000000; }
.woocommerce-thankyou-order-details .amount,
.wc-bacs-bank-details .amount {
color: #000000; }
.woocommerce-bacs-bank-details {
margin-top: 40px;
margin-bottom: 40px; }
ul#shipping_method {
list-style: none; }
ul#shipping_method li {
display: flex;
justify-content: flex-end; }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active::after {
right: 0;
left: auto;
border-width: 7px 7px 7px 0;
margin-top: -7px; }
.dokan-dashboard-wrap .dokan-dash-sidebar {
background-color: transparent; }
.dokan-dashboard-wrap input,
.dokan-dashboard-wrap select.dokan-form-control {
border: 1px solid #ededed;
padding: 0 15px;
background-image: none;
height: 35px; }
.dokan-dashboard-wrap ins {
background-color: inherit; }
.dokan-form-group {
margin-bottom: 15px !important; }
.seller-rating .star-rating {
display: block;
margin-bottom: 10px; }
.dokan-seller-listing .dokan-seller-search-form {
width: 447px; }
.dokan-seller-listing .dokan-seller-search-form input#search {
border-color: rgba(129, 129, 129, 0.2) !important;
border-radius: 0 !important;
width: 100%; }
.pagination-wrap ul.pagination > li > a {
color: #555; }
.pagination-wrap ul.pagination > li > span,
.pagination-wrap ul.pagination > li > a,
.pagination-wrap ul.pagination > li > span.page-numbers {
border-radius: 0; }
.dokan-product-listing .dokan-product-listing-area table.product-listing-table td {
vertical-align: middle; }
.dokan-single-store .dokan-store-tabs ul li {
margin-bottom: 0; }
.dokan-message, .dokan-info, .dokan-error {
color: white;
border-radius: 0;
border: none; }
input[type="submit"].dokan-btn,
a.dokan-btn,
.dokan-btn {
border: none;
border-radius: 0;
color: white;
height: 35px;
line-height: 35px;
padding: 0 15px; }
input[type="submit"].dokan-btn:hover, input[type="submit"].dokan-btn:focus,
a.dokan-btn:hover,
a.dokan-btn:focus,
.dokan-btn:hover,
.dokan-btn:focus {
opacity: 0.8;
color: white; }
.dokan-store-info {
margin-bottom: 0; }
.dokan-store-info > li {
margin-bottom: 0; }
.dokan-category-menu {
border: none; }
.dokan-category-menu h3.widget-title {
background: none;
padding: 0 0 7px 0;
color: #000000;
border: none; }
.dokan-store-sidebar #dokan-store-location {
width: 100%;
height: 200px; }
.dokan-single-store .profile-frame-no-banner .store-name {
margin-bottom: 10px; }
.dokan-single-store .profile-frame-no-banner .profile-info-summery {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center; }
.dokan-single-store .profile-frame-no-banner .profile-info-head {
margin-left: 10px;
margin-top: 10px; }
.dokan-single-store .profile-frame-no-banner .profile-info {
flex-basis: 600px; }
.dokan-single-store .profile-frame-no-banner .profile-layout-layout3 .profile-img img {
width: auto !important;
height: auto !important;
max-width: 150px !important; }
.dokan-single-store .profile-frame-no-banner .dokan-store-info > li.dokan-store-rating {
float: left !important; }
.dokan-single-store .profile-frame-no-banner .dokan-store-info > li:before {
display: none; }
.dokan-single-store .profile-frame-no-banner .dokan-store-info:after {
content: "";
display: block;
clear: both;
width: 100%; }
.dokan-single-store .profile-frame-no-banner .store-social-wrapper {
margin-top: 10px; }
.dokan-single-store .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper, .dokan-single-store .profile-info-box.profile-layout-layout2 .profile-info-summery-wrapper {
height: auto !important; }
.dokan-single-store .profile-info-box.profile-layout-layout1 .dokan-store-info li:last-child, .dokan-single-store .profile-info-box.profile-layout-layout2 .dokan-store-info li:last-child {
padding-bottom: 0 !important; }
.dokan-single-store .profile-info-box.profile-layout-layout1 .profile-info-summery {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
height: auto !important;
position: relative !important;
top: auto !important;
margin-top: -55px;
margin-bottom: 20px; }
.dokan-single-store .profile-info-box.profile-layout-layout1 .profile-info-summery > div {
float: none !important; }
.dokan-single-store .profile-info-box.profile-layout-layout1 .profile-info-head {
margin-left: 5px; }
.dokan-single-store .profile-info-box.profile-layout-layout1 .profile-info {
flex-basis: 450px; }
.dokan-single-store .profile-info-box.profile-layout-layout2 .profile-img {
margin-top: -75px; }
.dokan-single-store .profile-info-box.profile-layout-layout2 .profile-info {
margin-bottom: 20px; }
.dokan-single-store .profile-info-box.profile-layout-layout2 .profile-info-head,
.dokan-single-store .profile-info-box.profile-layout-layout2 .profile-info,
.dokan-single-store .profile-info-box.profile-layout-layout2 .store-name,
.dokan-single-store .profile-info-box.profile-layout-layout2 .dokan-store-info,
.dokan-single-store .profile-info-box.profile-layout-layout2 .store-social-wrapper {
position: static !important; }
.admin-bar .cartSidebarWrap {
top: 32px; }
.cartSidebarWrap {
position: fixed;
background-color: white;
right: 0;
top: 0;
width: 320px;
height: 100%;
z-index: 9999;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); }
.cartSidebarWrap .cart_wrap_content {
position: relative;
width: 100%;
height: 100%;
background-color: #000;
overflow: auto; }
.cartSidebarWrap .cart-sidebar-header {
border-bottom: 1px solid #3d3d3d;
padding: 0 20px; }
.cartSidebarWrap .cart-sidebar-header .cart-sidebar-title {
text-transform: uppercase;
font-weight: 600;
line-height: 55px;
font-size: 15px;
color: #aaa; }
.cartSidebarWrap .cart-sidebar-header .close-cart {
-webkit-transition: all 600ms;
-moz-transition: all 600ms;
-o-transition: all 600ms;
transition: all 600ms;
margin-right: 15px; }
.cartSidebarWrap .cart-sidebar-header .close-cart i {
font-size: 18px;
line-height: 18px;
margin-top: 20px;
display: inline-block; }
.cartSidebarWrap .cart-sidebar-header .close-cart i:before {
line-height: 0;
color: #aaa;
font-size: 30px;
display: inline-block; }
.cartSidebarWrap .widget_shopping_cart_content {
padding: 30px 20px 50px;
height: calc(100% - 56px); }
.cartSidebarWrap .cart-bottom-box {
padding-bottom: 50px; }
.cartSidebarWrap .cart-bottom-box .total {
font-weight: 500;
font-size: 17px;
display: block;
padding: 25px 0;
border-top: 1px solid #3d3d3d;
margin: 0;
font-size: 16px; }
.has-toggle-cart-sidebar #sidebar-open-overlay {
opacity: 1;
visibility: visible; }
.has-toggle-cart-sidebar .cartSidebarWrap {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.header-cart.toggle-sidebar .dropdown-menu {
display: none; }
.variation-attr {
position: absolute;
bottom: 0;
right: 0;
z-index: 99;
line-height: 30px; }
.variation-attr .variation-attr_color .p-attr-color {
cursor: pointer;
width: 14px;
height: 14px;
display: inline-block;
margin: 0 2px;
border-radius: 100%;
vertical-align: middle;
line-height: 16px; }
.variation-attr .variation-attr_image .p-attr-image {
cursor: pointer;
max-width: 25px;
display: block;
margin: 5px 0 0;
vertical-align: top; }
.tawcvs-swatches {
float: left; }
.reset_variations {
float: left;
line-height: 1.6;
padding: 0 20px;
background: #363636;
color: #fff;
margin-top: 4px; }
.reset_variations:hover {
color: #fff; }
.variations .tawcvs-swatches {
float: unset;
display: flex;
align-items: center;
height: 45px;
border: none;
overflow: unset;
padding: 10px; }
.variations .tawcvs-swatches .swatch {
opacity: 1;
display: flex;
align-items: center;
border-radius: 0px;
font-size: 0px;
width: 12px;
height: 12px;
margin-bottom: 0;
justify-content: center; }
.variations .tawcvs-swatches .swatch:before {
transform: rotate(0deg);
content: " ";
width: 24px;
height: 24px;
display: block;
border: 2px solid transparent;
border-radius: 100%;
position: absolute;
top: -4px;
left: -6px;
transition: all .5s ease-in-out;
transform: scale(0); }
.variations .tawcvs-swatches .swatch.selected {
box-shadow: none;
font-size: 13px;
font-weight: 600;
color: #000000;
width: 12px;
height: 12px;
font-size: 0px; }
.variations .tawcvs-swatches .swatch.selected span {
margin-right: 6px; }
.variations .tawcvs-swatches .swatch.selected:before {
transform: scale(1);
border: 2px solid; }
.variations .tawcvs-swatches .swatch > .swatch__tooltip {
width: auto;
height: auto;
border-radius: 10px; }
.variations .tawcvs-swatches span {
border-radius: 100% !important;
border: none;
width: 12px;
height: 12px;
opacity: 1; }
.variations .tawcvs-swatches span > .cv-tooltip {
width: 110px !important;
height: auto !important;
border-radius: 5px !important; }
.variations .tawcvs-swatches span.swatch-label {
width: auto !important;
min-width: 30px;
padding: 0 5px; }
.variations_form .variations .pa_popular-size,
.variations_form .variations .pa_weight {
padding-left: 15px; }
.variations_form .variations .pa_popular-size td.value select,
.variations_form .variations .pa_weight td.value select {
border: 2px solid #ebebeb;
border-radius: 4px; }
.variations_form .variations .pa_color {
max-width: 300px; }
.variations_form .variations .pa_color .label {
margin-right: 10px; }
.variations_form .variations .pa_color .label label {
line-height: 45px; }
.variations_form .variations tbody tr:last-of-type td:last-of-type {
position: relative; }
.woocommerce-variation .woocommerce-variation-price {
float: left; }
.woocommerce-variation .woocommerce-variation-availability {
float: left;
margin-top: 16px; }
/**
*======================================
* STYLE BOX PRODUCTS
*======================================
*/
/*
* Style ptoduct 5
*/
.product-style-5.product.mb_40 {
margin-bottom: 0px; }
.product-style-5.product .product-box {
border-width: 1px;
border-color: #ebebeb;
border-style: solid;
border-radius: 4px;
position: relative;
padding-bottom: 8px; }
.product-style-5.product .product-box:hover {
border-color: white; }
.product-style-5.product .product-box:hover .content-product-imagin {
visibility: visible;
opacity: 1;
z-index: 0;
margin-bottom: -55px; }
.product-style-5.product .product-box:hover .product-info .btn-group {
opacity: 1;
visibility: visible;
transform: translateY(0px); }
.product-style-5.product .product-box:hover .product-thumb .yith-wcwl-add-to-wishlist {
opacity: 1;
transform: translateX(0); }
.product-style-5.product .content-product-imagin {
margin-bottom: -6px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: white;
box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.22), inset 0px -65px 0px 0px rgba(255, 255, 255, 0.004);
opacity: 0;
border-width: 1px;
border-color: white;
border-style: solid;
border-radius: 4px;
visibility: hidden;
transition: all .3s ease 0s; }
.product-style-5.product .product-thumb .badge {
line-height: 1.2; }
.product-style-5.product .product-thumb .badge.pa {
right: auto;
left: 10px;
top: 10px;
max-height: 24px; }
.product-style-5.product .product-thumb .badge.pa.new {
right: auto;
left: 10px;
top: 40px; }
.product-style-5.product .product-thumb .yith-wcwl-add-to-wishlist {
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
width: 32px;
height: 32px;
line-height: 3.2;
background-color: #f2f2f2;
border: 1px solid;
text-align: center;
border-color: #f2f2f2;
border-radius: 30px;
transition: .5s;
opacity: 0;
transform: translateX(20px); }
.product-style-5.product .product-thumb .yith-wcwl-add-to-wishlist .yith-wcwl-add-button,
.product-style-5.product .product-thumb .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse,
.product-style-5.product .product-thumb .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse {
width: 100%;
height: 100%;
text-align: center; }
.product-style-5.product .product-thumb .yith-wcwl-add-to-wishlist a {
font-size: 0px;
position: relative;
color: #ababab; }
.product-style-5.product .product-thumb .yith-wcwl-add-to-wishlist a svg {
width: 18px;
height: 16px;
position: relative;
top: -5px;
left: 2px; }
.product-style-5.product .product-thumb .yith-wcwl-add-to-wishlist:hover a svg {
color: white; }
.product-style-5.product .product-info {
padding-left: 20px;
padding-top: 0px; }
.product-style-5.product .product-info .product-cat {
display: block !important;
margin-top: 0px;
margin-bottom: 7px; }
.product-style-5.product .product-info .product-cat a {
font-size: 0.928rem;
color: #666666;
font-family: "Roboto", sans-serif; }
.product-style-5.product .product-info .price {
margin-top: 5px; }
.product-style-5.product .product-info .price del {
color: #555555; }
.product-style-5.product .product-info .price del span {
color: #555555;
font-size: 1rem; }
.product-style-5.product .product-info .btn-group {
list-style-type: none;
padding: 0px;
width: 100%;
margin: 0px auto;
margin-top: 15px;
transition: all .25s
ease-out 0s;
position: absolute;
opacity: 0;
visibility: hidden;
transform: translateY(-10px); }
.product-style-5.product .product-info .btn-group li {
display: inline-block; }
.product-style-5.product .product-info .btn-group li a {
border-radius: 4px;
border-width: 1px;
border-style: solid;
text-align: center;
background-color: transparent;
border-color: #e1e1e1;
transition: all .25s ease-out 0s; }
.product-style-5.product .product-info .btn-group li a svg {
width: 18px;
height: 18px;
margin-top: 6px; }
.product-style-5.product .product-info .btn-group li a:hover {
color: white; }
.product-style-5.product .product-info .btn-group li .button-cart.added {
display: none; }
.product-style-5.product .product-info .btn-group li .button-cart.added + .added_to_cart {
display: block !important; }
.product-style-5.product .product-info .btn-group .compare-button {
margin-left: 8px; }
.product-style-5.product .product-info .btn-group .compare-button a {
font-size: 0px;
width: 33px;
height: 33px;
letter-spacing: 0px; }
.product-style-5.product .product-info .btn-group .compare-button .compare.added {
position: relative; }
.product-style-5.product .product-info .btn-group .compare-button .compare.added:after {
content: '';
width: 18px;
height: 18px;
position: absolute;
top: 7px;
left: 7px;
background: url("assets/images/icons/icon-compare-pr5.png") top left no-repeat;
background-size: contain; }
.product-style-5.product .product-info .btn-group .compare-button .compare.added:hover:after {
background: url("assets/images/icons/icon-compare-pr5-hover.png") top left no-repeat; }
.product-style-5.product .product-info .btn-group .quickview {
margin-left: 4px; }
.product-style-5.product .product-info .btn-group .quickview a {
font-size: 0px;
width: 33px;
height: 33px;
letter-spacing: 0px; }
.product-style-5.product .product-info .button-cart,
.product-style-5.product .product-info .button-cart + .added_to_cart {
text-align: left;
font-size: 1rem;
font-family: "Caros";
text-transform: uppercase;
text-decoration: none;
padding: 0px 15px;
background-color: transparent;
font-weight: 500;
letter-spacing: .5px;
line-height: 2.2;
transition: all .25s ease-in-out 0s; }
.product-style-5.product .product-info .button-cart:hover,
.product-style-5.product .product-info .button-cart + .added_to_cart:hover {
color: white; }
.product-style-5.product .product-info .button-cart > span {
display: inline-block;
position: relative; }
.product-style-5.product .product-info .button-cart > span:after {
content: '';
width: 100%;
height: 2px;
position: absolute;
top: auto;
bottom: 0px;
left: 0px;
transition: all .25s ease-out 0s;
transform: scale(0);
opacity: 0; }
.product-style-5.product .product-info .added_to_cart {
display: none !important; }
/**
* ====================================
* Hot Deals Products
* ====================================
*/
.jms-hot-deals-products.product-type-layout1 {
position: relative; }
.jms-hot-deals-products.product-type-layout1 .owl-carousel .owl-stage-outer {
padding: 12px;
margin: -12px; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals {
border: 2px solid;
border-radius: 4px;
padding: 12px; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals:hover .product-thumb img {
transform: scale(1.1); }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals:hover .btn-wishlist {
opacity: 1 !important;
transform: translateX(0) !important; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-thumb {
position: relative;
overflow: hidden; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-thumb img {
transition: all 400ms ease-in-out 0s;
transform: scale(1); }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-thumb .btn-wishlist {
position: absolute;
top: 12px;
right: 11px;
width: 32px;
height: 32px;
border-radius: 50%;
background-color: #f2f2f2;
display: flex;
justify-content: center;
align-items: center;
transition: .5s;
opacity: 0;
transform: translateX(20px);
transition-delay: .15s; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist {
line-height: 0px; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist a, .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist span {
font-size: 0px; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist svg {
width: 18px;
height: 16px;
color: #b4b4b4;
position: relative;
top: 1px;
left: 2px; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist a {
display: block; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-thumb .btn-wishlist:hover .yith-wcwl-add-to-wishlist svg {
color: white; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-thumb .sela-prine {
font-size: 1rem;
font-family: "Roboto", sans-serif;
color: #fff;
background-color: #fe2626;
padding: 8px;
min-width: 45px;
display: block;
max-width: 45px;
text-align: center;
line-height: 1;
border-radius: 5px;
position: absolute;
bottom: 12px;
left: 12px; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info {
text-align: center; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .woocommerce-LoopProduct-link {
display: block;
text-align: center;
font-size: 1.071rem;
color: #222222;
font-family: "Roboto", sans-serif;
font-weight: 500;
margin-top: 13px;
margin-bottom: 5px; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .price {
display: block;
text-align: center; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .price span {
font-family: "Roboto", sans-serif;
font-size: 1.212rem;
font-weight: bold; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .price del {
color: #555555; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .price del span {
color: #555555;
font-size: 1rem;
font-family: "Roboto", sans-serif; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .price ins {
text-decoration: none;
margin-left: 10px;
font-weight: bold;
color: #fe2626; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .price ins span {
color: #fe2626; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .add_to_cart_button {
display: inline-block;
background-color: transparent;
border: 2px solid;
border-radius: 5px;
margin-top: 13px;
margin-bottom: 30px;
line-height: 1;
padding: 10.5px 42px 8.5px; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .add_to_cart_button .txt-add-cart {
font-family: "Caros";
font-weight: bold;
font-size: 1rem;
text-transform: uppercase; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .add_to_cart_button:hover .txt-add-cart {
color: white; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .timzon-hot-deals {
display: flex;
align-items: center;
justify-content: center; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .timzon-hot-deals > p {
font-size: 1.285rem;
color: #000000;
font-family: "Caros";
font-weight: bold;
display: none;
flex-basis: 20%;
line-height: 1.2;
margin-bottom: 0px; }
@media only screen and (min-width: 1280px) {
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .timzon-hot-deals > p {
display: block; } }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .timzon-hot-deals .ekofood-product-countdown.ekofood-countdown .countdown-days, .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .timzon-hot-deals .ekofood-product-countdown.ekofood-countdown .countdown-hours, .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .timzon-hot-deals .ekofood-product-countdown.ekofood-countdown .countdown-min, .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .timzon-hot-deals .ekofood-product-countdown.ekofood-countdown .countdown-sec {
position: relative;
z-index: 1;
min-width: 55px;
height: auto;
border: 2px solid #ebebeb !important;
border-radius: 3px;
font-family: "Caros";
font-weight: bold;
font-size: 1.785rem;
color: #fe2626;
text-align: center;
border: none;
margin-right: 12px;
letter-spacing: -1px;
padding: 10px 5px;
box-shadow: none;
overflow: hidden; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .timzon-hot-deals .ekofood-product-countdown.ekofood-countdown .countdown-days > span, .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .timzon-hot-deals .ekofood-product-countdown.ekofood-countdown .countdown-hours > span, .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .timzon-hot-deals .ekofood-product-countdown.ekofood-countdown .countdown-min > span, .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .timzon-hot-deals .ekofood-product-countdown.ekofood-countdown .countdown-sec > span {
font-size: 1.071rem;
font-family: "Roboto", sans-serif;
color: #555555;
text-transform: none;
display: block;
width: 100%;
padding-top: 10px;
position: relative;
z-index: 1; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .timzon-hot-deals .ekofood-product-countdown.ekofood-countdown .countdown-sec {
margin-right: 0px; }
.jms-hot-deals-products.product-type-layout2 {
border-width: 2px;
border-style: solid;
border-radius: 5px;
padding: 18px 30px 30px 30px; }
.jms-hot-deals-products.product-type-layout2 .title-hot-deals {
border-bottom: 2px solid #f0f0f0;
padding-bottom: 13px;
margin-bottom: 26px;
font-weight: 500;
font-family: "Caros";
color: #000000;
font-size: 25px; }
@media only screen and (min-width: 1280px) {
.jms-hot-deals-products.product-type-layout2 .title-hot-deals {
line-height: 1;
margin-top: -2px; } }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals {
display: flex; }
@media only screen and (min-width: 764px) and (max-width: 820px) and (orientation: portrait) {
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals {
flex-direction: column; } }
@media only screen and (min-width: 760px) and (max-width: 830px) and (orientation: landscape) {
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals {
flex-direction: column; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals {
flex-direction: column; } }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals:hover .product-thumb .btn-wishlist {
opacity: 1;
transform: translateX(0); }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-thumb {
position: relative;
width: 40%;
min-width: 40%; }
@media only screen and (min-width: 1280px) {
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-thumb {
width: 340px;
min-width: 340px; } }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-thumb a:after {
display: none; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-thumb .btn-wishlist {
position: absolute;
top: 15px;
bottom: auto;
right: 0;
width: 32px;
height: 32px;
z-index: 3;
display: flex;
justify-content: center;
align-items: center;
background-color: #f2f2f2;
padding: 7.5px 6.5px;
border-radius: 50%;
transition: .5s;
opacity: 0;
transform: translateX(20px); }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist {
line-height: 0; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist a {
width: 100%;
height: auto !important;
display: block;
position: relative;
font-size: 0px; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist a::before {
display: none; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-thumb .btn-wishlist .yith-wcwl-add-to-wishlist a svg {
color: #b4b4b4;
width: 18px;
height: 16px; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-thumb .btn-wishlist:hover .yith-wcwl-add-to-wishlist svg {
color: white; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-thumb .sela-prine {
position: absolute;
top: 0;
left: 14px;
background-color: #fe2626 !important;
color: white;
max-width: 45px;
border-radius: 5px;
min-width: 40px !important;
text-align: center;
transition: all 400ms ease 0s;
transform: translateY(20px); }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-thumb .sela-prine span {
font-family: "Roboto", sans-serif;
font-size: 1rem; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info {
padding-left: 15px; }
@media only screen and (min-width: 1280px) {
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info {
padding-left: 30px;
width: calc(100% - 340px);
min-width: calc(100% - 340px); } }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .product-cat {
margin-bottom: 18px;
line-height: 1;
margin-top: 4px; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .product-cat a {
font-size: 0.928rem;
font-family: "Roboto", sans-serif;
color: #666666;
text-transform: capitalize; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .woocommerce-LoopProduct-link {
display: block;
font-size: 1.071rem;
font-family: "Roboto", sans-serif;
color: #222222;
line-height: 1.4;
font-weight: 500;
margin-bottom: 8px; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .price {
display: block;
margin-bottom: 21px;
font-size: 17px;
font-weight: bold;
font-family: "Roboto", sans-serif;
line-height: normal; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .price del {
color: #555555; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .price del span {
color: #555555;
font-size: 1rem;
font-family: "Roboto", sans-serif; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .price ins {
text-decoration: none;
margin-left: 10px;
color: #fe2626; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .price ins span {
color: #fe2626; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .block-rating {
display: flex;
flex-wrap: wrap; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .block-rating .star-rating {
line-height: 1.4;
min-height: 13px;
height: auto;
font-size: 13px;
margin-top: 0; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .block-rating .re-view {
font-size: 0.928rem;
font-family: "Roboto", sans-serif;
color: #555555;
font-weight: 400;
line-height: 1;
margin-left: 6px;
margin-top: -1px; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .block-rating .stock-status {
display: block;
width: 100%;
font-size: 0.928rem;
font-weight: 400;
font-family: "Roboto", sans-serif;
color: #555555;
line-height: 1.3;
margin-top: 29px;
margin-bottom: 31px;
padding-left: 24px;
position: relative; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .block-rating .stock-status:before {
content: '';
width: 18px;
height: 18px;
position: absolute;
left: 0;
top: 0;
background: url("assets/images/bg/icon-stock.jpg") top left no-repeat; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .timzon-hot-deals {
display: flex;
align-items: center;
justify-content: flex-start;
border-top: 1px solid #f0f0f0;
padding-top: 30px; }
@media only screen and (max-width: 1100px) and (orientation: landscape) {
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .timzon-hot-deals {
flex-direction: column;
align-items: flex-start; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .timzon-hot-deals {
flex-direction: column;
align-items: flex-start; } }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .timzon-hot-deals > p {
font-size: 18px;
color: #000000;
font-family: "Caros";
font-weight: bold;
display: inline-block;
line-height: 1.4;
margin-bottom: 0px; }
@media only screen and (min-width: 1200px) {
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .timzon-hot-deals > p {
max-width: 74px; } }
@media only screen and (min-width: 800px) and (max-width: 1100px) and (orientation: landscape) {
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .timzon-hot-deals > p {
margin-bottom: 10px; } }
@media only screen and (max-width: 815px) and (orientation: landscape) {
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .timzon-hot-deals > p {
margin-bottom: 10px; } }
@media only screen and (min-width: 764px) and (max-width: 820px) and (orientation: portrait) {
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .timzon-hot-deals > p {
max-width: 74px; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .timzon-hot-deals > p {
margin-bottom: 10px; } }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .timzon-hot-deals .ekofood-product-countdown.ekofood-countdown > span {
position: relative;
z-index: 1;
min-width: 56px;
min-height: 60px;
border: 2px solid #ebebeb;
border-radius: 3px;
font-family: "Caros";
font-weight: bold;
color: #fe2626;
text-align: center;
box-shadow: none;
overflow: hidden;
font-size: 25px;
padding: 3px;
letter-spacing: .2px;
display: inline-flex;
justify-content: center;
align-items: center;
flex-direction: column;
line-height: 1;
margin: 0 2px; }
@media only screen and (min-width: 1300px) {
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .timzon-hot-deals .ekofood-product-countdown.ekofood-countdown > span {
margin: 0 6px; } }
@media only screen and (min-width: 1200px) {
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .timzon-hot-deals .ekofood-product-countdown.ekofood-countdown > span:first-of-type {
margin-left: 2px; } }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .timzon-hot-deals .ekofood-product-countdown.ekofood-countdown > span > span {
font-size: 15px;
letter-spacing: 0px;
font-family: "Roboto", sans-serif;
color: #555555;
text-transform: none;
width: 100%;
position: relative;
z-index: 1;
line-height: 1;
margin-top: 4px; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .prt-sold {
display: block;
margin-top: 41px;
margin-bottom: 53px;
line-height: 1.4;
position: relative; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .prt-sold span {
font-weight: bold; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .prt-sold:after {
content: '';
display: block;
width: 100%;
height: 10px;
background: url("assets/images/bg/sold-products.jpg") top left no-repeat;
left: 0;
top: 24px;
position: absolute; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .button-cart {
background-color: transparent;
border-width: 2px;
border-style: solid;
border-radius: 5px;
line-height: 1.3;
padding: 1px 15px;
min-width: 200px; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .button-cart .txt-add-cart {
font-size: 1rem;
font-family: "Caros";
font-weight: bold;
line-height: 2.143;
text-align: center;
transition: all 300ms ease-in 0s;
text-transform: uppercase; }
.jms-hot-deals-products.product-type-layout2 .box-product-hot-deals .product-info .button-cart:hover .txt-add-cart {
color: white; }
/* ---------------------------------------------
11. ELEMENTS
------------------------------------------ */
.addon-title {
font-size: 1.14rem; }
.addon-title .description {
margin-bottom: 35px; }
.addon-title .title {
display: inline-block;
position: relative;
margin-bottom: 10px;
font-size: 2rem; }
.addon-title .subtitle {
font-weight: 600; }
.addon-title .subtitle.style-background {
line-height: 1.2;
padding: 6px 10px;
display: inline-block; }
.addon-title .line-wrap {
display: block;
position: relative; }
.addon-title .left-line,
.addon-title .right-line {
display: none; }
.addon-title.line-bottom-big h3:before,
.addon-title.line-bottom-small h3:before {
content: "";
width: 40px;
height: 4px;
position: absolute;
bottom: 0; }
.addon-title.line-bottom-small h3:before {
height: 2px;
width: 50%; }
.title-size-smallest {
margin-bottom: 25px; }
.title-size-smallest .title {
font-size: 18px; }
.title-size-smallest .title:before {
display: none; }
.title-size-smallest .subtitle {
font-size: 12px; }
.title-size-smallest .description {
font-size: 13px;
margin-top: 5px; }
.title-size-small {
margin-bottom: 40px; }
.title-size-small .title {
font-size: 24px;
padding-bottom: 20px;
letter-spacing: 6px;
text-transform: uppercase; }
.title-size-small .title:before {
background-color: #000 !important; }
.title-size-small .subtitle {
font-size: 12px; }
.title-size-small .description {
font-size: 13px;
margin-top: 5px; }
.title-size-medium {
margin-bottom: 35px; }
.title-size-medium .title {
font-size: 32px;
padding-bottom: 15px; }
.title-size-medium .subtitle {
font-size: 14px; }
.title-size-medium .description {
margin-top: 12px; }
.title-size-large {
margin-bottom: 40px; }
.title-size-large .title {
font-size: 48px;
padding-bottom: 40px; }
.title-size-large .subtitle {
font-size: 16px; }
.title-size-large .description {
margin-top: 20px; }
.title-size-extra-large {
margin-bottom: 50px; }
.title-size-extra-large .title {
font-size: 60px;
letter-spacing: -1.5px;
padding-bottom: 23px; }
.title-size-extra-large .subtitle {
font-size: 18px; }
.title-size-extra-large .description {
margin-top: 25px; }
.title-color-default .subtitle.style-background {
color: #333;
background-color: #f4f4f4; }
.title-color-primary .title.style-background,
.title-color-primary .subtitle.style-background {
color: white; }
.title-color-primary .description {
color: #989898; }
.title-color-black .subtitle {
color: #000000; }
.title-color-black .subtitle.style-background {
color: white;
background-color: #333333; }
.title-color-black .description {
color: #000000; }
.title-color-white .subtitle {
color: rgba(255, 255, 255, 0.8); }
.title-color-white .subtitle.style-background {
color: #212121;
background-color: rgba(255, 255, 255, 0.8); }
.title-color-white .description {
color: rgba(255, 255, 255, 0.8); }
.title-color-white .title {
color: white; }
.text-left .title:before {
left: 0; }
.text-right .title:before {
right: 0; }
@media screen and (max-width: 767px) {
.title-size-large .title {
font-size: 30px; }
.title-size-extra-large .title {
font-size: 45px; }
.addon-title .title {
width: 100% !important; }
#footer-wrapper .addon-title {
font-size: 16px; } }
.banner-box {
cursor: pointer;
overflow: hidden;
position: relative;
margin-bottom: 30px;
z-index: 1; }
.banner-box img {
width: 100%;
height: 100%;
object-fit: cover; }
.banner-box .banner-text {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 9;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 30px;
font-size: 16px; }
.banner-box .banner-inner {
width: 100%; }
.banner-box p {
font-size: 1em;
line-height: 1.4;
display: inline-block;
margin: 0; }
.banner-box.bg-bottom .banner-text {
top: auto;
bottom: 30px;
height: auto;
background: rgba(255, 255, 255, 0.85);
padding: 15px 20px; }
.banner-box.bottom .banner-text {
top: auto;
bottom: 60px;
height: auto; }
.banner-box.bottom .content {
display: inherit; }
.banner-box.bottom .banner-inner {
display: inherit; }
.banner-box.pa-bg .title p {
background: white;
padding: 8px 30px;
display: inline-block; }
.banner-box .button-banner-wrapper {
margin: 30px 0 0; }
.banner-box .button-banner-wrapper a {
border-bottom: 2px solid #333;
font-weight: bold;
padding-bottom: 5px; }
.banner-box.box-content-hidden .title {
opacity: 0;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px); }
.banner-box.box-content-hidden .subtitle {
opacity: 0;
-webkit-transform: translateX(-40px);
-moz-transform: translateX(-40px);
-o-transform: translateX(-40px);
transform: translateX(-40px); }
.banner-box.box-content-hidden .subsubtitle {
opacity: 0;
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px); }
.banner-box.box-content-hidden .button-banner-wrapper {
opacity: 0;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px); }
.banner-box.box-content-hidden:hover .title, .banner-box.box-content-hidden:hover .subtitle, .banner-box.box-content-hidden:hover .subsubtitle, .banner-box.box-content-hidden:hover .button-banner-wrapper {
opacity: 1;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-o-transform: translate(0);
transform: translate(0); }
.content-width-10 {
max-width: 10%; }
.content-width-20 {
max-width: 20%; }
.content-width-30 {
max-width: 30%; }
.content-width-40 {
max-width: 40%; }
.content-width-50 {
max-width: 50%; }
.content-width-60 {
max-width: 60%; }
.content-width-70 {
max-width: 70%; }
.content-width-80 {
max-width: 80%; }
.content-width-90 {
max-width: 90%; }
.content-width-100 {
max-width: 100%; }
.banner-vertical-middle .banner-text {
justify-content: center; }
.banner-vertical-bottom .banner-text {
justify-content: flex-end; }
.type-title-1 p {
padding: 10px 20px;
background: rgba(255, 255, 255, 0.9); }
.type-title-2 p {
padding: 10px 20px;
background: rgba(0, 0, 0, 0.9); }
.type-title-3 p {
border-bottom: 2px solid #000; }
.button-type-buton a {
padding: 10px 30px;
border-radius: 20px; }
.button-type-buton a:hover {
border-radius: 0; }
.button-type-border a {
color: #fff;
padding: 10px 30px;
border-radius: 20px; }
.button-type-border a:hover {
border-radius: 0; }
/**
* Page Banner
*/
.banner-align-center .banner-box .banner-image {
display: inline-block; }
.banner-align-center .banner-box .banner-text {
text-align: center;
top: 50px; }
.banner-align-bottom .banner-box .banner-text {
top: auto;
bottom: 0px; }
.banner-align-top .banner-box .banner-text {
top: 0px;
bottom: auto;
right: 0px;
left: auto; }
.banner-align-center .banner-box .banner-text .content .title,
.banner-align-bottom .banner-box .banner-text .content .title,
.banner-align-top .banner-box .banner-text .content .title {
margin-bottom: 10px; }
.banner-align-center .banner-box .banner-text .content .title p,
.banner-align-bottom .banner-box .banner-text .content .title p,
.banner-align-top .banner-box .banner-text .content .title p {
font-family: "Caros";
letter-spacing: 3.8px;
font-size: 1.8rem; }
.banner-align-center .banner-box .banner-text .content .subtitle p,
.banner-align-bottom .banner-box .banner-text .content .subtitle p,
.banner-align-top .banner-box .banner-text .content .subtitle p {
font-family: "Caros";
font-size: 3.6rem; }
.banner-align-center .banner-box .banner-text .content .button-banner-wrapper,
.banner-align-bottom .banner-box .banner-text .content .button-banner-wrapper,
.banner-align-top .banner-box .banner-text .content .button-banner-wrapper {
margin: 25px 0 0; }
.banner-align-center .banner-box .banner-text .content .button-banner-wrapper .button-banner,
.banner-align-bottom .banner-box .banner-text .content .button-banner-wrapper .button-banner,
.banner-align-top .banner-box .banner-text .content .button-banner-wrapper .button-banner {
border: none;
color: #fff;
position: relative;
display: inline;
font-size: 17px;
font-family: "Caros"; }
.banner-align-center .banner-box .banner-text .content .button-banner-wrapper .button-banner::after,
.banner-align-bottom .banner-box .banner-text .content .button-banner-wrapper .button-banner::after,
.banner-align-top .banner-box .banner-text .content .button-banner-wrapper .button-banner::after {
content: '';
width: 8px;
height: 13px;
top: 7px;
right: 3px;
display: inline-block;
position: absolute;
top: 4px;
right: -16px;
background: url("assets/images/icons/icon-btn.png") top left no-repeat; }
.banner-align-center .banner-box .banner-text .content .button-banner-wrapper .button-banner:hover:after,
.banner-align-bottom .banner-box .banner-text .content .button-banner-wrapper .button-banner:hover:after,
.banner-align-top .banner-box .banner-text .content .button-banner-wrapper .button-banner:hover:after {
animation-name: bounceAlpha;
animation-duration: 0.4s;
animation-timing-function: linear; }
@-webkit-keyframes bounceAlpha {
0% {
opacity: 1;
transform: translateX(0px) scale(1); }
25% {
opacity: 0;
transform: translateX(10px) scale(0.9); }
26% {
opacity: 0;
transform: translateX(-10px) scale(0.9); }
55% {
opacity: 1;
transform: translateX(0px) scale(1); } }
@keyframes bounceAlpha {
0% {
opacity: 1;
transform: translateX(0px) scale(1); }
25% {
opacity: 0;
transform: translateX(10px) scale(0.9); }
26% {
opacity: 0;
transform: translateX(-10px) scale(0.9); }
55% {
opacity: 1;
transform: translateX(0px) scale(1); } }
.p-element-banner.pb-center .col-banner-r .banner-box .banner-text .subtitle {
margin-left: 35px; }
.p-element-banner.pb-left .col-banner-r .banner-box .banner-text .subtitle {
margin-left: 100px; }
.p-element-banner.pb-right .col-banner-r .banner-box .banner-text .subtitle {
margin-right: 67px; }
.p-element-banner .col-banner-l .banner-box .banner-text .title {
margin-bottom: 12px; }
.p-element-banner .col-banner-l .banner-box .banner-text .title p {
font-size: 2.571rem;
font-family: "Caros";
font-weight: 500;
color: white;
line-height: 1.25;
text-align: center; }
.p-element-banner .col-banner-l .banner-box .banner-text .title p strong {
display: block;
font-weight: 400; }
.p-element-banner .col-banner-l .banner-box .banner-text .subtitle p {
font-size: 1.285rem;
font-family: "Caros";
font-weight: 500;
color: #fe2626;
font-style: italic;
line-height: 1.667;
text-align: center; }
.p-element-banner .col-banner-r .banner-box .banner-text .title {
margin-bottom: 12px; }
.p-element-banner .col-banner-r .banner-box .banner-text .title p {
font-size: 2.571rem;
font-family: "Caros";
font-weight: bold;
color: white;
line-height: 1.25;
text-align: center; }
.p-element-banner .col-banner-r .banner-box .banner-text .title p strong {
display: block;
font-weight: 400;
padding-left: 175px; }
.p-element-banner .col-banner-r .banner-box .banner-text .subtitle p {
font-size: 2rem;
font-family: "Roboto", sans-serif;
color: white;
font-style: italic;
line-height: 1.071;
text-align: center;
font-weight: 300; }
.banner-box.content-style-1 .banner-text {
padding-top: 22px; }
@media only screen and (max-width: 640px) {
.banner-box.content-style-1 .banner-text {
padding-left: 12px;
padding-right: 12px; } }
.banner-box.content-style-1 .content .title {
margin-bottom: 1px; }
.ekofood-button-wrapper {
position: relative;
z-index: 9; }
.ekofood-button-wrapper a {
display: inline-block;
border-color: #888;
color: #444;
transition: all 0.3s ease; }
.ekofood-button-wrapper a:hover, .ekofood-button-wrapper a:focus {
color: #fff; }
.button-color-blue a,
.button-color-hover-blue a:hover {
color: #5472d2 !important; }
.button-color-turquoise a,
.button-color-hover-turquoise a:hover {
color: #00c1cf !important; }
.button-color-pink a,
.button-color-hover-pink a:hover {
color: #fe6c61 !important; }
.button-color-violet a,
.button-color-hover-violet a:hover {
color: #8d6dc4 !important; }
.button-color-peacoc a,
.button-color-hover-peacoc a:hover {
color: #4cadc9 !important; }
.button-color-chino a,
.button-color-hover-chino a:hover {
color: #cec2ab !important; }
.button-color-mulled-wine a,
.button-color-hover-mulled-wine a:hover {
color: #50485b !important; }
.button-color-vista-blue a,
.button-color-hover-vista-blue a:hover {
color: #75d69c !important; }
.button-color-black a,
.button-color-hover-black a:hover {
color: #2a2a2a !important; }
.button-color-grey a,
.button-color-hover-grey a:hover {
color: #ebebeb !important; }
.button-color-orange a,
.button-color-hover-orange a:hover {
color: #f7be68 !important; }
.button-color-sky a,
.button-color-hover-sky a:hover {
color: #5aa1e3 !important; }
.button-color-green a,
.button-color-hover-green a:hover {
color: #6dab3c !important; }
.button-color-juicy-pink a,
.button-color-hover-juicy-pink a:hover {
color: #f4524d !important; }
.button-color-sandy-brown a,
.button-color-hover-sandy-brown a:hover {
color: #f79468 !important; }
.button-color-purple a,
.button-color-hover-purple a:hover {
color: #b97ebb !important; }
.button-color-white a,
.button-color-hover-white a:hover {
color: #fff !important; }
.button-color-text-body a,
.button-color-hover-text-body a:hover {
color: #888 !important; }
.background-color-blue a,
.background-color-hover-blue a:hover {
background: #5472d2 !important; }
.background-color-turquoise a,
.background-color-hover-turquoise a:hover {
background: #00c1cf !important; }
.background-color-pink a,
.background-color-hover-pink a:hover {
background: #fe6c61 !important; }
.background-color-violet a,
.background-color-hover-violet a:hover {
background: #8d6dc4 !important; }
.background-color-peacoc a,
.background-color-hover-peacoc a:hover {
background: #4cadc9 !important; }
.background-color-chino a,
.background-color-hover-chino a:hover {
background: #cec2ab !important; }
.background-color-mulled-wine a,
.background-color-hover-mulled-wine a:hover {
background: #50485b !important; }
.background-color-vista-blue a,
.background-color-hover-vista-blue a:hover {
background: #75d69c !important; }
.background-color-black a,
.background-color-hover-black a:hover {
background: #2a2a2a !important; }
.background-color-grey a,
.background-color-hover-grey a:hover {
background: #ebebeb !important; }
.background-color-orange a,
.background-color-hover-orange a:hover {
background: #f7be68 !important; }
.background-color-sky a,
.background-color-hover-sky a:hover {
background: #5aa1e3 !important; }
.background-color-green a,
.background-color-hover-green a:hover {
background: #6dab3c !important; }
.background-color-juicy-pink a,
.background-color-hover-juicy-pink a:hover {
background: #f4524d !important; }
.background-color-sandy-brown a,
.background-color-hover-sandy-brown a:hover {
background: #f79468 !important; }
.background-color-purple a,
.background-color-hover-purple a:hover {
background: #b97ebb !important; }
.background-color-white a,
.background-color-hover-white a:hover {
background: #fff !important; }
.background-color-text-body a,
.background-color-hover-text-body a:hover {
background: #888 !important; }
.border-color-blue a,
.border-color-hover-blue a:hover {
border-color: #5472d2 !important; }
.border-color-turquoise a,
.border-color-hover-turquoise a:hover {
border-color: #00c1cf !important; }
.border-color-pink a,
.border-color-hover-pink a:hover {
border-color: #fe6c61 !important; }
.border-color-violet a,
.border-color-hover-violet a:hover {
border-color: #8d6dc4 !important; }
.border-color-peacoc a,
.border-color-hover-peacoc a:hover {
border-color: #4cadc9 !important; }
.border-color-chino a,
.border-color-hover-chino a:hover {
border-color: #cec2ab !important; }
.border-color-mulled-wine a,
.border-color-hover-mulled-wine a:hover {
border-color: #50485b !important; }
.border-color-vista-blue a,
.border-color-hover-vista-blue a:hover {
border-color: #75d69c !important; }
.border-color-black a,
.border-color-hover-black a:hover {
border-color: #2a2a2a !important; }
.border-color-grey a,
.border-color-hover-grey a:hover {
border-color: #ebebeb !important; }
.border-color-orange a,
.border-color-hover-orange a:hover {
border-color: #f7be68 !important; }
.border-color-sky a,
.border-color-hover-sky a:hover {
border-color: #5aa1e3 !important; }
.border-color-green a,
.border-color-hover-green a:hover {
border-color: #6dab3c !important; }
.border-color-juicy-pink a,
.border-color-hover-juicy-pink a:hover {
border-color: #f4524d !important; }
.border-color-sandy-brown a,
.border-color-hover-sandy-brown a:hover {
border-color: #f79468 !important; }
.border-color-purple a,
.border-color-hover-purple a:hover {
border-color: #b97ebb !important; }
.border-color-white a,
.border-color-hover-white a:hover {
border-color: #fff !important; }
.border-color-text-body a,
.border-color-hover-text-body a:hover {
border-color: #888 !important; }
.border-color-primary a,
.border-color-hover-primary a:hover {
border-color: #ff8969 !important; }
.ekofood-promo-bar {
padding-top: 10px;
padding-bottom: 10px;
line-height: 1.3; }
.ekofood-promo-bar p {
margin-bottom: 0; }
.portfolio-container {
margin-top: 0px;
margin-bottom: 20px; }
.portfolio-container.fullwidth {
width: 94%;
margin: 0px auto; }
.portfolio-container .ekofood-pagination {
margin-top: 60px; }
.portfolio-container .portfolio-filter {
margin-bottom: 50px; }
.portfolio-filter > a {
color: #000;
position: relative;
margin: 0 20px;
border: none;
font-size: 19px;
font-family: "Caros";
text-transform: capitalize; }
.portfolio-filter > a:before {
content: '';
width: 0;
height: 2px;
position: absolute;
left: 0;
bottom: 0;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms; }
.portfolio-filter > a.selected:before {
width: 100%; }
.portfolio-thumbnail a:not(.enlarge):after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms; }
.portfolio-thumbnail img {
width: 100%;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms; }
.portfolio-thumbnail .enlarge {
position: absolute;
right: 0;
top: 0;
color: white;
width: 35px;
height: 35px;
text-align: center;
opacity: 0;
z-index: 9; }
.portfolio-thumbnail .enlarge i {
line-height: 35px;
font-family: 'simple-line-icons' !important; }
.portfolio-category {
overflow: hidden;
font-size: 14px;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
line-height: 1.6; }
.portfolio-title {
font-size: 1.5em;
margin: 0;
line-height: 30px;
overflow: hidden;
font-weight: 500;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms; }
.title-portfolio.page-heading .entry-header {
margin-bottom: 0px; }
.portfolio-item:hover .portfolio-thumbnail img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08); }
.portfolio-item:hover .portfolio-thumbnail a:after {
opacity: 1; }
.portfolio-item:hover .portfolio-thumbnail .enlarge {
opacity: 1; }
.portfolio-default .portfolio-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 2;
display: flex;
flex-direction: column;
align-items: stretch;
padding: 30px;
justify-content: center;
text-align: center; }
.portfolio-default .portfolio-category {
color: white;
opacity: 0;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px); }
.portfolio-default .portfolio-category a {
color: white; }
.portfolio-default .portfolio-title {
opacity: 0;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px); }
.portfolio-default .portfolio-title a {
color: white; }
.portfolio-default:hover .portfolio-thumbnail img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08); }
.portfolio-default:hover .portfolio-thumbnail a:after {
opacity: 1; }
.portfolio-default:hover .portfolio-category {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.portfolio-default:hover .portfolio-title {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.portfolio-hover-inverse {
overflow: hidden; }
.portfolio-hover-inverse .portfolio-content {
text-align: center;
padding: 10px 15px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: black;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: transform 400ms;
-moz-transition: transform 400ms;
-o-transition: transform 400ms;
transition: transform 400ms; }
.portfolio-hover-inverse .portfolio-category {
color: white; }
.portfolio-hover-inverse .portfolio-category a {
color: white; }
.portfolio-hover-inverse .portfolio-title a {
color: white; }
.portfolio-hover-inverse:hover .portfolio-content {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible; }
.portfolio-hover-inverse:hover .portfolio-thumbnail img {
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); }
.portfolio-text-under-image .portfolio-content {
padding: 15px 0; }
.portfolio-text-under-image-shadow .portfolio-content {
text-align: center;
padding: 15px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.12); }
.vc_row-no-padding .instagram-pic-wrapper .owl-theme .owl-nav .owl-prev {
left: -22px; }
.vc_row-no-padding .instagram-pic-wrapper .owl-theme .owl-nav .owl-next {
right: -22px; }
.vc_row-no-padding .instagram-pic-wrapper .owl-theme:hover .owl-nav .owl-prev {
left: 0; }
.vc_row-no-padding .instagram-pic-wrapper .owl-theme:hover .owl-nav .owl-next {
right: 0; }
.instagram-pic-wrapper .instagram-content {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin-bottom: 10px;
display: flexbox;
display: flex;
display: -webkit-flex;
display: -ms-flex;
justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center; }
.instagram-pic-wrapper .instagram-content-inner {
z-index: 5;
background: none;
max-width: 300px;
width: 100%;
width: 11.111%;
height: 100%;
padding: 0 5px;
overflow: hidden; }
.instagram-pic-wrapper .owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 30px; }
.instagram-pic-wrapper .item {
float: left; }
.instagram-pic-wrapper .instagram-carousel .item {
float: none; }
.instagram-picture:before {
content: "\f16d";
font-family: 'FontAweSome';
position: absolute;
left: 50%;
top: 50%;
z-index: 10;
opacity: 0;
color: white;
font-size: 30px;
-webkit-transform: translate3D(-50%, -50%, 0);
-moz-transform: translate3D(-50%, -50%, 0);
-o-transform: translate3D(-50%, -50%, 0);
transform: translate3D(-50%, -50%, 0);
margin-top: -20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.instagram-picture:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
opacity: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.instagram-picture > a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 4; }
.instagram-picture .hover-mask {
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
padding: 15px;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); }
.instagram-picture .instagram-like,
.instagram-picture .instagram-comment {
flex: 0 0 50%;
max-width: 50%;
width: 50%;
color: white;
font-weight: normal;
font-size: 17px;
vertical-align: middle;
line-height: 1;
padding-left: 5px;
padding-right: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.instagram-picture .instagram-like:before,
.instagram-picture .instagram-like span,
.instagram-picture .instagram-comment:before,
.instagram-picture .instagram-comment span {
vertical-align: middle; }
.instagram-picture .instagram-like:before,
.instagram-picture .instagram-comment:before {
margin-right: 5px;
display: inline-block;
font-weight: 400;
font-size: 20px; }
.instagram-picture .instagram-like {
text-align: left; }
.instagram-picture .instagram-comment {
text-align: right; }
.instagram-picture:hover .hover-mask {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.instagram-picture:hover:before {
margin-top: 0; }
.instagram-picture:hover:before, .instagram-picture:hover:after {
opacity: 1; }
.instagram-rounded .instagram-picture {
border-radius: 50%; }
.instagram-rounded .hover-mask {
top: 0;
display: none; }
.instagram-rounded .instagram-like,
.instagram-rounded .instagram-comment {
max-width: 50%;
width: auto;
padding-left: 15px;
padding-right: 15px; }
.instagram-rounded .instagram-like {
text-align: right; }
.instagram-rounded .instagram-comment {
text-align: left; }
@media screen and (max-width: 1199px) {
.instagram-pic-wrapper .instagram-content {
display: none; } }
.service-elements {
display: flex;
flex-direction: column;
align-items: stretch;
text-align: center; }
.service-elements .service-box-icon {
color: #646464;
line-height: 1; }
.service-elements .service-box-content .service-title {
margin-top: 0px;
margin-bottom: 6px; }
.size-icon-default .vc_icon_element-icon {
font-size: 50px; }
.size-icon-small .vc_icon_element-icon {
font-size: 20px; }
.size-icon-large .vc_icon_element-icon {
font-size: 30px; }
.size-icon-extra-large .vc_icon_element-icon {
font-size: 60px; }
.size-title-default .service-title {
font-size: 1.28rem; }
.size-title-default .service-subtitle {
font-size: 1rem; }
.size-title-small .service-title {
font-size: 1.14rem; }
.size-title-small .service-subtitle {
font-size: .93rem; }
.size-title-large .service-title {
font-size: 1.43rem; }
.size-title-large .service-subtitle {
font-size: 1.14rem; }
.size-title-extra-large .service-title {
font-size: 1.57rem; }
.size-title-extra-large .service-subtitle {
font-size: 1rem; }
.service-box-content {
flex: 1 1 auto; }
.service-align-left {
flex-direction: row;
align-items: center;
text-align: left; }
.service-align-left .service-box-icon {
max-width: 50%;
margin-right: 12px; }
.service-align-left .service-box-content p {
margin-bottom: 0; }
.service-align-right {
align-items: center;
flex-direction: row-reverse;
text-align: right; }
.service-align-right .service-box-icon {
max-width: 50%;
margin-right: 12px; }
.service-align-right .service-box-content p {
margin-bottom: 0; }
.service-align-right .style-align-right .service-box-inner {
text-align: left; }
.service-align-top .service-box-icon {
margin-bottom: 15px; }
.p-element-sevice > .container {
border-width: 1px;
border-color: #ebebeb;
border-style: solid;
border-radius: 5px;
padding-top: 34px !important;
padding-bottom: 34px !important; }
@media only screen and (min-width: 1200px) {
.p-element-sevice > .container {
max-width: calc(1345px - 32px); } }
.p-element-sevice .service-elements.service-align-left {
justify-content: center; }
.p-element-sevice .service-elements.service-align-top .service-box-icon .inner-ivon {
margin: 0px auto; }
.p-element-sevice .service-elements.service-align-right .service-box-icon .inner-ivon {
margin-left: 15px; }
.p-element-sevice .service-elements .service-box-icon .inner-ivon {
border-radius: 50%;
background-color: #f6f6f6;
width: 57px;
height: 57px;
text-align: center;
line-height: 5; }
.p-element-sevice .service-elements .service-box-content {
flex: inherit; }
.jmsbrand-box .owl-carousel .owl-item img {
display: inline-block;
max-width: 100%;
width: auto;
opacity: 0.7; }
.jmsbrand-box .owl-carousel .owl-item:hover img {
scale: 1.2;
opacity: 1; }
.image-carousel-box .title-image {
font-size: 15px;
margin-top: 5px; }
.image-carousel-box a {
display: inline-block;
overflow: hidden; }
.image-carousel-box a:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.product-filter {
margin-bottom: 35px; }
.product-filter a {
display: inline-block;
line-height: 25px;
color: #000000;
position: relative;
font-size: 17px;
padding: 0 20px;
text-transform: uppercase;
border-radius: 0;
font-weight: 400; }
.product-filter a.active:after {
width: 100%; }
.jmsproduct-tab .nav-tabs {
text-align: center;
border: none;
margin-bottom: 44px; }
.jmsproduct-tab .nav-tabs > li {
position: relative;
display: inline-block;
float: none;
padding: 0 25px; }
.jmsproduct-tab .nav-tabs > li:before {
position: absolute;
top: 0px;
left: -6px;
content: '|';
color: rgba(0, 0, 0, 0.25); }
.jmsproduct-tab .nav-tabs > li:first-child:before {
content: none; }
.jmsproduct-tab .nav-tabs > li > a {
color: black;
font-weight: 400;
position: relative;
border: none;
font-size: 17px;
text-transform: uppercase;
border-radius: 0;
padding: 0 0 3px;
margin: 0; }
.jmsproduct-tab .nav-tabs > li > a:hover, .jmsproduct-tab .nav-tabs > li > a:focus {
border: none;
background-color: transparent; }
.jmsproduct-tab .nav-tabs > li > a:after {
content: '';
width: 0;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms; }
.jmsproduct-tab .nav-tabs > li.active > a:after {
width: 100%; }
.jmsproduct-tab.design-tab-2 .nav-tabs {
margin-bottom: 25px; }
.jmsproduct-tab.design-tab-2 .nav-tabs > li {
padding: 0 22px 15px; }
.jmsproduct-tab.design-tab-2 .nav-tabs > li:before {
content: none; }
.jmsproduct-tab.design-tab-2 .nav-tabs > li > a {
color: rgba(0, 0, 0, 0.4);
font-size: 19px;
letter-spacing: 0;
padding-bottom: 5px;
font-weight: 400; }
.jmsproduct-tab.design-tab-2 .nav-tabs > li > a:after {
content: '';
width: 0;
height: 2px;
margin: 0 auto;
background-color: #d7d7d7;
position: absolute;
right: 0;
left: 0;
bottom: 0;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms; }
.jmsproduct-tab.design-tab-2 .nav-tabs > li.active > a:after {
width: 40px; }
.jmsproduct-tab .tab-content {
position: relative; }
.jmsproduct-tab .tab-pane {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
display: block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.jmsproduct-tab .tab-pane.active {
visibility: inherit;
position: inherit;
opacity: 1;
-webkit-transition: all ease-out 0.3s 0.3s;
-moz-transition: all ease-out 0.3s 0.3s;
-o-transition: all ease-out 0.3s 0.3s;
transition: all ease-out 0.3s 0.3s; }
/*Load more Product*/
.loadmore_product_btn {
text-align: center;
margin-bottom: 30px;
margin-top: 20px; }
.loadmore_product_btn a {
position: relative;
padding: 10px 40px;
font-size: 13px;
text-transform: uppercase;
background: transparent;
border: 2px solid #888;
color: #444;
letter-spacing: 1.2px;
font-weight: 700; }
.loadmore_product_btn span {
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
line-height: 45px;
background: #fff;
color: #444; }
.loadmore_product_btn span:before {
content: " " !important;
width: 15px;
height: 15px;
left: 10px;
display: inline-block;
vertical-align: middle;
border: 1px solid;
border-right-color: white;
border-left-color: white;
border-radius: 50%;
position: absolute;
top: calc(50% - 8px);
border-left-color: transparent !important;
border-right-color: transparent !important;
-webkit-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-moz-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-o-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-ms-transition: right .2s ease-in-out,opacity .25s ease-in-out;
transition: right .2s ease-in-out,opacity .25s ease-in-out;
-webkit-animation: load-spin 450ms infinite linear;
animation: load-spin 450ms infinite linear; }
.show-loading .loadmore_product_btn span {
opacity: 1; }
.loadmore_product_btn .disabled {
display: none; }
/** ------------------------------------------------------------------------------------------------
* TESTIMONIAL
* ------------------------------------------------------------------------------------------------ */
.jmstestimonial-box .addon-title {
margin-bottom: 10px; }
.jmstestimonial-box .addon-title h3 {
position: relative;
font-size: 27px;
padding-bottom: 16px;
margin: 0; }
.jmstestimonial-box .addon-title h3:after {
content: '';
width: 43px;
height: 2px;
background-color: #d7d7d7;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 0; }
.jmstestimonial-box .owl-theme .owl-nav [class*="owl-"].owl-prev {
left: 0; }
.jmstestimonial-box .owl-theme .owl-nav [class*="owl-"].owl-next {
right: 0; }
.testimonial-box {
padding-left: 20px;
padding-right: 20px; }
.testimonial-box .testimonials-avatar-box {
display: flex;
justify-content: center; }
.testimonial-box .testimonial-avatar img {
max-width: 75px;
display: inline-block;
border-radius: 50%;
border: 2px solid; }
.testimonial-box .testimonials-title {
margin-top: 15px;
padding-left: 15px;
text-align: left; }
.testimonial-box .testimonials-title.no_image {
padding: 0;
text-align: center; }
.testimonial-box .testimonials-title .name {
line-height: 1.4;
font-size: 17px;
font-weight: 500;
margin-bottom: 3px;
color: #444; }
.testimonial-box .testimonials-title .office {
font-weight: 500;
font-size: 12px;
color: #4a4a4a;
font-style: italic; }
.testimonial-box .testimonials-title span {
display: block; }
.testimonial-box .testimonial-content {
margin: 20px 0 15px;
width: 60%;
display: inline-block; }
.testimonial-box .testimonial-content.testimonial-content-top {
margin: 10px 0 20px; }
.testimonial-box .testimonial-content p {
margin: 0; }
.testimonials-color-light .addon-title h3 {
color: white; }
.testimonials-color-light .addon-title h3:after {
background-color: white; }
.testimonials-color-light .testimonial-content {
color: rgba(255, 255, 255, 0.75); }
.testimonials-color-light .testimonial-content footer {
color: white; }
.testimonials-color-light .testimonial-content footer .office {
color: rgba(255, 255, 255, 0.75); }
.testimonials-color-light .testimonial-content footer > span {
color: rgba(255, 255, 255, 0.75); }
.testimonials-align-center .addon-title {
text-align: center; }
.testimonials-align-center .testimonials {
text-align: center; }
.testimonials-align-center .testimonials .testimonial-avatar {
margin-bottom: 15px; }
.testimonials-align-left .testimonial-inner,
.testimonials-align-right .testimonial-inner {
display: flex;
align-items: stretch; }
.testimonials-align-left .testimonial-avatar,
.testimonials-align-right .testimonial-avatar {
flex: 0 0 auto; }
.testimonials-align-left .testimonial-content,
.testimonials-align-right .testimonial-content {
flex: 1 1 auto; }
.testimonials-align-left .addon-title {
text-align: left; }
.testimonials-align-left .testimonials {
text-align: left; }
.testimonials-align-left .testimonial-inner {
flex-direction: row; }
.testimonials-align-left .testimonial-avatar {
margin-right: 20px; }
.testimonials-align-right .addon-title {
text-align: right; }
.testimonials-align-right .testimonials {
text-align: right; }
.testimonials-align-right .testimonial-inner {
flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse; }
.testimonials-align-right .testimonial-avatar {
margin-left: 20px; }
.testimonials-grid .testimonials {
display: flex;
flex-direction: row;
align-items: stretch;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px; }
.testimonials-grid .testimonial-box {
margin-bottom: 30px; }
.testimonials-grid.testimonials-columns-1 .testimonial-box {
flex-basis: 100%;
max-width: 100%;
width: 100%; }
.testimonials-grid.testimonials-columns-2 .testimonial-box {
flex-basis: 50%;
max-width: 50%;
width: 50%; }
.testimonials-grid.testimonials-columns-3 .testimonial-box {
flex-basis: 33.33333333%;
max-width: 33.33333333%;
width: 33.33333333%; }
.testimonials-grid.testimonials-columns-4 .testimonial-box {
flex-basis: 25%;
max-width: 25%;
width: 25%; }
.testimonials-grid.testimonials-columns-5 .testimonial-box {
flex-basis: 20%;
max-width: 20%;
width: 20%; }
.testimonials-grid.testimonials-columns-6 .testimonial-box {
flex-basis: 16.66666666%;
max-width: 16.66666666%;
width: 16.66666666%; }
.testimonials-style-boxed .testimonial-box:hover .testimonial-inner {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); }
.testimonials-style-boxed .testimonial-inner {
padding: 30px;
background-color: white;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.testimonials-slider .testimonial-box {
padding: 15px 0; }
@media screen and (max-width: 450px) {
.testimonial-inner {
display: inline-block !important; } }
/**
* Page Testimonial
*/
.testimonials-page-item1 .jmstestimonial-box.testimonials-color-light .testimonial-content,
.testimonials-page-slider .jmstestimonial-box.testimonials-color-light .testimonial-content,
.testimonials-page-item2 .jmstestimonial-box.testimonials-color-light .testimonial-content {
color: #555555; }
.testimonials-page-item1 .jmstestimonial-box .testimonial-box .testimonials-avatar-box,
.testimonials-page-slider .jmstestimonial-box .testimonial-box .testimonials-avatar-box,
.testimonials-page-item2 .jmstestimonial-box .testimonial-box .testimonials-avatar-box {
flex-wrap: wrap; }
.testimonials-page-item1 .jmstestimonial-box .testimonial-box .testimonial-avatar,
.testimonials-page-item1 .jmstestimonial-box .testimonial-box .testimonial-content,
.testimonials-page-item1 .jmstestimonial-box .testimonial-box .testimonials-title,
.testimonials-page-slider .jmstestimonial-box .testimonial-box .testimonial-avatar,
.testimonials-page-slider .jmstestimonial-box .testimonial-box .testimonial-content,
.testimonials-page-slider .jmstestimonial-box .testimonial-box .testimonials-title,
.testimonials-page-item2 .jmstestimonial-box .testimonial-box .testimonial-avatar,
.testimonials-page-item2 .jmstestimonial-box .testimonial-box .testimonial-content,
.testimonials-page-item2 .jmstestimonial-box .testimonial-box .testimonials-title {
width: 100%;
text-align: center; }
.testimonials-page-item1 .jmstestimonial-box .testimonial-box .testimonial-content,
.testimonials-page-slider .jmstestimonial-box .testimonial-box .testimonial-content,
.testimonials-page-item2 .jmstestimonial-box .testimonial-box .testimonial-content {
margin: 0px; }
.testimonials-page-item1 .jmstestimonial-box .testimonial-box .testimonials-title span,
.testimonials-page-slider .jmstestimonial-box .testimonial-box .testimonials-title span,
.testimonials-page-item2 .jmstestimonial-box .testimonial-box .testimonials-title span {
display: inline-block; }
.testimonials-page-item1 .jmstestimonial-box .testimonial-box .testimonials-title span.name:after,
.testimonials-page-slider .jmstestimonial-box .testimonial-box .testimonials-title span.name:after,
.testimonials-page-item2 .jmstestimonial-box .testimonial-box .testimonials-title span.name:after {
content: '-';
display: inline-block;
margin: 0px 5px; }
.jmstestimonial-box .testimonials.owl-theme .owl-nav [class*="owl-"] {
margin: 0px;
border-width: 2px;
border-color: #ebebeb;
border-style: solid;
border-radius: 50%;
background-color: white;
width: 49px;
height: 49px;
display: flex;
justify-content: center; }
.jmstestimonial-box .testimonials.owl-theme .owl-nav [class*="owl-"]:before {
opacity: 1;
width: auto;
height: auto;
border-radius: 50%;
font-size: 15px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center; }
.jmstestimonial-box .testimonials.owl-theme .owl-nav [class*="owl-"].owl-prev {
left: -10px; }
.jmstestimonial-box .testimonials.owl-theme .owl-nav [class*="owl-"].owl-prev:before {
margin-left: -5px; }
.jmstestimonial-box .testimonials.owl-theme .owl-nav [class*="owl-"].owl-next {
right: -9px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-1 {
padding-top: 50px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-1 .testimonial-inner {
position: relative;
background-color: white;
padding-left: 55px;
padding-right: 25px;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
border-radius: 5px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-1 .testimonial-inner .testimonial-avatar {
position: relative; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-1 .testimonial-inner .testimonial-avatar img {
max-width: 80px;
display: inline-block;
border-radius: 50%;
border-width: 2px;
border-style: solid;
max-height: 80px;
position: absolute;
z-index: 2;
top: -50px;
left: 0px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-1 .testimonial-inner .testimonial-content {
width: 100%;
display: block;
padding-top: 55px;
text-align: left;
font-size: 14px;
font-family: "Roboto", sans-serif;
color: #555555;
line-height: 2; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-1 .testimonial-inner .testimonial-content strong {
font-size: 1.357rem;
font-family: "Caros";
font-style: italic;
line-height: 1.474;
text-align: left;
display: inline-block;
margin-right: 19px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-1 .testimonial-inner .testimonials-title {
width: 100%;
display: block;
padding-left: 0px;
padding-bottom: 40px;
margin-top: 28px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-1 .testimonial-inner .testimonials-title .name {
font-size: 1.357rem;
font-family: "Caros";
color: black;
line-height: 1.474;
text-align: left; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-1 .testimonial-inner .testimonials-title .office {
font-size: 1rem;
font-family: "Roboto", sans-serif;
color: #555555;
font-style: italic;
line-height: 2;
text-align: left;
margin-top: -4px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-2 .testimonial-inner {
display: flex;
justify-content: flex-start;
padding: 30px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-2 .testimonial-inner .testimonials-avatar-box {
flex-basis: 30%;
justify-content: flex-start; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-2 .testimonial-inner .testimonials-avatar-box img {
max-width: 80px;
display: inline-block;
border-radius: 50%;
border: 2px solid;
max-height: 80px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-2 .testimonial-inner .testimonials-avatar-box .testimonials-title {
margin-top: 10px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-2 .testimonial-inner .testimonials-avatar-box .testimonials-title .name {
line-height: 1.4;
font-size: 1.714rem;
font-weight: normal;
margin-bottom: 3px;
color: #000000;
font-family: "Caros";
font-weight: bold;
letter-spacing: -1px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-2 .testimonial-inner .testimonials-avatar-box .testimonials-title .office {
font-weight: 400;
font-size: 1.1rem;
color: #555555;
font-style: normal; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-2 .testimonial-inner .testimonial-content {
text-align: left;
flex-basis: 70%;
width: auto;
padding-left: 40px;
line-height: 2;
font-size: 1rem;
color: #555555;
font-weight: 400;
margin: 8px 0 15px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-2 .testimonial-inner .testimonial-content strong {
font-size: 1.357rem;
font-family: "Caros";
font-style: italic;
line-height: 1.474;
text-align: left;
display: inline-block;
margin-right: 19px; }
.jmstestimonial-box .testimonials.owl-theme .owl-nav [class*="owl-"] {
margin: 0px;
border-width: 2px;
border-color: #ebebeb;
border-style: solid;
border-radius: 50%;
background-color: white;
width: 49px;
height: 49px;
display: flex;
justify-content: center; }
.jmstestimonial-box .testimonials.owl-theme .owl-nav [class*="owl-"]:before {
opacity: 1;
width: auto;
height: auto;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center; }
.jmstestimonial-box .testimonials.owl-theme .owl-nav [class*="owl-"].owl-prev {
left: -10px; }
.jmstestimonial-box .testimonials.owl-theme .owl-nav [class*="owl-"].owl-prev:before {
margin-left: -5px; }
.jmstestimonial-box .testimonials.owl-theme .owl-nav [class*="owl-"].owl-next {
right: -9px; }
.jmstestimonial-box .testimonials.owl-theme .owl-nav [class*="owl-"].owl-next:before {
margin-right: -5px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3, .jmstestimonial-box .testimonial-box.testimonial-box-layout-4 {
padding-top: 5px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonial-inner, .jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonial-inner {
position: relative;
background-color: white;
padding-left: 55px;
padding-right: 25px;
padding-top: 30px;
padding-bottom: 30px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonial-inner .testimonial-avatar, .jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonial-inner .testimonial-avatar {
position: relative; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonial-inner .testimonial-avatar img, .jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonial-inner .testimonial-avatar img {
max-width: 80px;
display: inline-block;
border-radius: 50%;
border: 2px solid;
max-height: 80px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonial-inner .testimonial-content, .jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonial-inner .testimonial-content {
width: 100%;
display: block;
text-align: left;
font-size: 14px;
font-family: "Roboto", sans-serif;
color: #555555;
line-height: 2;
margin: 0px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonial-inner .testimonial-content strong, .jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonial-inner .testimonial-content strong {
font-size: 1.357rem;
font-family: "Caros";
font-style: italic;
line-height: 1.474;
text-align: left;
display: inline-block;
margin-right: 19px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonial-inner .testimonials-title, .jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonial-inner .testimonials-title {
width: 100%;
display: block;
padding-left: 0px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonial-inner .testimonials-title .name, .jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonial-inner .testimonials-title .name {
font-size: 1.357rem;
font-family: "Caros";
color: black;
line-height: 1.474;
text-align: left; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonial-inner .testimonials-title .office, .jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonial-inner .testimonials-title .office {
font-size: 1rem;
font-family: "Roboto", sans-serif;
color: #555555;
font-style: italic;
line-height: 2;
text-align: left;
margin-top: -4px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonial-inner {
display: flex; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonials-avatar-box {
flex-wrap: wrap; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonials-avatar-box .testimonials-title {
text-align: center;
margin-top: 0px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonials-avatar-box .testimonials-title .name {
text-align: center; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonials-avatar-box .testimonials-title .office {
text-align: center; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonial-content {
padding-left: 30px;
padding-top: 15px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonial-inner {
display: flex; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonials-avatar-box {
flex-wrap: wrap;
order: 2; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonials-avatar-box .testimonials-title {
text-align: center;
margin-top: 0px; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonials-avatar-box .testimonials-title .name {
text-align: center; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonials-avatar-box .testimonials-title .office {
text-align: center; }
.jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonial-content {
padding-right: 30px;
padding-top: 15px; }
/** ------------------------------------------------------------------------------------------------
* TEAM MEMBERS
* ------------------------------------------------------------------------------------------------ */
.team-member {
margin-bottom: 40px; }
.team-member .member-image {
margin-bottom: 15px;
text-align: center; }
.team-member .member-name,
.team-member .member-position {
margin-bottom: 0; }
.team-member .member-name {
font-size: 20px;
font-weight: 600;
color: #FFF; }
.team-member .member-position {
display: block;
margin-top: 5px;
color: rgba(255, 255, 255, 0.6);
font-size: 14px; }
.team-member .member-bio {
margin-top: 10px; }
.team-member .member-bio:empty {
display: none; }
.team-member .member-social {
margin-top: 10px; }
.team-member .member-social .ekofood-social-icon {
margin: 0 5px; }
.team-member .member-social .ekofood-social-icon a {
color: rgba(255, 255, 255, 0.6); }
.team-member .ekofood-social-icons {
margin-left: -4px;
margin-right: -4px; }
.team-member.text-center .ekofood-social-icons {
justify-content: center; }
.team-member.text-right .ekofood-social-icons {
justify-content: flex-end; }
.team-member.color-scheme-light .member-name {
color: white; }
.team-member.color-scheme-light .member-position {
color: rgba(255, 255, 255, 0.6); }
.team-member.color-scheme-light .member-email {
color: rgba(255, 255, 255, 0.8); }
.member-layout-hover {
position: relative;
overflow: hidden; }
.member-layout-hover .member-image-wrapper {
overflow: hidden;
perspective: 800px;
-webkit-perspective: 800px; }
.member-layout-hover .member-image {
margin-bottom: 0;
transition: transform .5s ease;
-webkit-transition: transform .5s ease;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.member-layout-hover .member-details {
position: absolute;
bottom: 0;
left: 0;
right: 0;
transition: all 400ms ease-out 0s;
transform: translateY(20%);
opacity: 0;
visibility: hidden;
padding: 30px 20px 20px 20px;
background: -webkit-linear-gradient(rgba(25, 24, 24, 0.84) 0%, rgba(14, 14, 14, 0.71) 100%);
background: -o-linear-gradient(rgba(25, 24, 24, 0.84) 0%, rgba(14, 14, 14, 0.71) 100%);
background: linear-gradient(rgba(25, 24, 24, 0.84) 0%, rgba(14, 14, 14, 0.71) 100%); }
.member-layout-hover .member-social {
margin-top: 5px; }
.member-layout-hover.color-scheme-light .member-details {
background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); }
.member-layout-hover.color-scheme-light .member-name {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
.member-layout-hover:hover .member-image {
transform: scale3D(1.09, 1.09, 1.09); }
.member-layout-hover:hover .member-details {
transform: translateY(0);
opacity: 1;
visibility: visible; }
.gallery-our-team .ekofood-gallery .product-item {
overflow: hidden; }
.gallery-our-team .ekofood-gallery .product-item img {
width: 100%;
transition: all 400ms ease-out 0s;
transform: scale(1); }
.gallery-our-team .ekofood-gallery .product-item:hover img {
transform: scale(1.09); }
/** ------------------------------------------------------------------------------------------------
* SOCIAL ICONS
* ------------------------------------------------------------------------------------------------ */
.social-list-icons {
list-style: none;
padding: 0;
margin: 0; }
.social-list-icons li {
display: inline-block; }
.social-list-icons li a {
border-radius: 50%;
padding: 6px;
color: #828282; }
.ekofood-social-icons .ekofood-social-icon {
transition: all 0.3s ease; }
.ekofood-social-icons .ekofood-social-icon a {
display: inline-block; }
.ekofood-social-icons.icon-align-left {
justify-content: flex-start; }
.ekofood-social-icons.icon-align-center {
justify-content: center; }
.ekofood-social-icons.icon-align-right {
justify-content: flex-end; }
.ekofood-social-icons.icon-style-default .ekofood-social-icon a, .ekofood-social-icons.icon-style-icon .ekofood-social-icon a {
text-align: center;
line-height: 25px;
padding: 0 5px;
margin: 0 5px; }
.ekofood-social-icons.icon-style-default .ekofood-social-icon:first-child a, .ekofood-social-icons.icon-style-icon .ekofood-social-icon:first-child a {
padding-left: 0;
margin-left: 0; }
.ekofood-social-icons.icon-style-default .ekofood-social-icon:last-child a, .ekofood-social-icons.icon-style-icon .ekofood-social-icon:last-child a {
padding-right: 0;
margin-right: 0; }
.ekofood-social-icons.icon-style-icon-background .ekofood-social-icon a {
text-align: center;
width: 40px;
height: 40px;
line-height: 40px;
background: #f6f6f6;
margin: 0 5px; }
.ekofood-social-icons.icon-style-icon-background .ekofood-social-icon:first-child a {
padding-left: 0;
margin-left: 0; }
.ekofood-social-icons.icon-style-icon-background .ekofood-social-icon:last-child a {
padding-right: 0;
margin-right: 0; }
.ekofood-social-icons.icon-style-icon-background-circle .ekofood-social-icon a {
text-align: center;
width: 40px;
height: 40px;
line-height: 42px;
background: #f6f6f6;
border-radius: 100%;
margin: 0 5px; }
.ekofood-social-icons.icon-style-icon-background-circle .ekofood-social-icon:first-child a {
padding-left: 0;
margin-left: 0; }
.ekofood-social-icons.icon-style-icon-background-circle .ekofood-social-icon:last-child a {
padding-right: 0;
margin-right: 0; }
.ekofood-social-icons.icon-style-icon-background-border .ekofood-social-icon a {
text-align: center;
width: 40px;
height: 40px;
line-height: 42px;
border: 1px solid #f6f6f6;
margin: 0 5px; }
.ekofood-social-icons.icon-style-icon-background-border .ekofood-social-icon:first-child a {
padding-left: 0;
margin-left: 0; }
.ekofood-social-icons.icon-style-icon-background-border .ekofood-social-icon:last-child a {
padding-right: 0;
margin-right: 0; }
.ekofood-social-icons.icon-size-default i, .ekofood-social-icons.icon-size-small i {
font-size: 15px; }
.ekofood-social-icons.icon-size-medium i {
font-size: 17px; }
.ekofood-social-icons.icon-size-large i {
font-size: 19px; }
.ekofood-social-icons.icon-color-default .ekofood-social-icon a, .ekofood-social-icons.icon-color-black .ekofood-social-icon a {
color: black; }
.ekofood-social-icons.icon-color-white .ekofood-social-icon a {
color: white; }
.page-element-social .icon-size-small .ekofood-social-icon {
margin-bottom: 30px; }
.page-element-social .icon-size-small .ekofood-social-icon:last-child {
margin-bottom: 0px; }
.page-element-social .icon-size-medium .ekofood-social-icon {
margin-bottom: 30px; }
.page-element-social .icon-size-medium .ekofood-social-icon:last-child {
margin-bottom: 0px; }
.page-element-social .icon-size-large .ekofood-social-icon {
margin-bottom: 30px; }
.page-element-social .icon-size-large .ekofood-social-icon:last-child {
margin-bottom: 0px; }
.megamenu-widget-wrapper {
border: 1px solid #f0eeee;
margin-bottom: 55px;
padding: 20px 0;
background: #e9efef; }
.megamenu-widget-wrapper h3 {
color: #000;
padding: 15px 20px 30px;
text-transform: uppercase;
font-size: 18px;
line-height: initial;
letter-spacing: 2px;
margin-bottom: 40px;
position: relative; }
.megamenu-widget-wrapper h3:before {
content: "";
position: absolute;
bottom: 0;
height: 2px;
width: 70px; }
.megamenu-widget-wrapper ul.menu {
list-style: none;
padding: 0 20px;
margin-bottom: 0; }
.megamenu-widget-wrapper ul.menu > li {
border-bottom: 1px solid #f0eeee;
padding: 13px 0;
margin-bottom: 0; }
.megamenu-widget-wrapper ul.menu > li:last-child {
border-bottom: none; }
.ekofood-menu-wrapper {
overflow: hidden;
background: #f7f7f7;
padding-top: 15px;
padding-bottom: 15px;
box-shadow: inset 0px 3px 0px 0px rgba(134, 188, 66, 0.004); }
.ekofood-menu-wrapper .title-widget-menu {
float: left;
font-size: 1.585rem;
font-family: "Caros";
font-weight: 500;
color: black;
line-height: 1.12;
margin-bottom: 0px;
margin-left: 30px; }
.ekofood-menu-wrapper ul {
list-style-type: none;
float: right;
margin-bottom: 0px;
margin-right: 12px; }
.ekofood-menu-wrapper ul li {
display: inline-block;
margin: 0px 17px; }
.ekofood-menu-wrapper ul li a {
font-size: 1rem;
font-family: "Roboto", sans-serif;
color: #555555;
line-height: 2;
text-transform: capitalize; }
/** ------------------------------------------------------------------------------------------------
* GOOGLE MAPS
* ------------------------------------------------------------------------------------------------ */
.google-map-container {
position: relative; }
.google-map-container .ekofood-google-map-wrapper {
z-index: 4; }
.google-map-container .ekofood-google-map-wrapper,
.google-map-container .ekofood-google-map {
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.google-map-container img {
max-width: none; }
.map-container-with-content.content-vertical-top .ekofood-google-map-content-wrap {
justify-content: flex-start; }
.map-container-with-content.content-vertical-middle .ekofood-google-map-content-wrap {
justify-content: center; }
.map-container-with-content.content-vertical-bottom .ekofood-google-map-content-wrap {
justify-content: flex-end; }
.map-container-with-content.content-horizontal-left .ekofood-google-map-content-wrap {
align-items: flex-start; }
.map-container-with-content.content-horizontal-center .ekofood-google-map-content-wrap {
align-items: center; }
.map-container-with-content.content-horizontal-right .ekofood-google-map-content-wrap {
align-items: flex-end; }
.ekofood-google-map-content-wrap {
display: flex;
flex-direction: column;
align-items: stretch;
position: relative;
height: 100%;
width: 90%;
padding: 50px 15px;
margin: 0 auto; }
.ekofood-google-map-content-wrap > .ekofood-google-map-content {
padding: 30px;
margin-bottom: 0;
background-color: white;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.22);
max-width: 300px;
width: 100%;
z-index: 6; }
.ekofood-dark .ekofood-google-map-content-wrap > .ekofood-google-map-content {
background-color: #333; }
/**
* Group title on page Google Map
*/
.group-title-page .addon-title .title {
color: #ff4800;
font-weight: 400;
font-size: 1.5rem;
font-family: "Roboto", sans-serif; }
.group-title-page .vc_separator {
margin-bottom: 20px; }
.group-title-page .vc_separator h4 {
font-size: 2.3rem;
margin-top: 10px; }
.wpb_gmaps_widget .wpb_wrapper {
padding: 0; }
.information-box-wrapper .info-box-subtitle {
color: #999; }
.information-box-wrapper .info-box-description {
color: #999; }
.gallery-design-grid .item,
.gallery-design-masonry .item {
float: left; }
/** ------------------------------------------------------------------------------------------------
* COUNTDOWN TIMER
* ------------------------------------------------------------------------------------------------ */
.ekofood-countdown {
display: block;
font-size: 0;
line-height: 1; }
.ekofood-countdown > span {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10px;
margin: 0 2px 5px 2px;
min-width: 55px;
min-height: 55px;
font-size: 20px;
line-height: 20px;
background-color: white;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
font-weight: bold; }
.ekofood-countdown > span span {
font-weight: 400;
font-size: 10px;
line-height: 10px;
display: block;
margin-top: 5px;
text-transform: capitalize; }
.countdown-size-medium .ekofood-countdown > span {
min-width: 65px;
min-height: 65px;
font-size: 24px;
line-height: 24px; }
.countdown-size-medium .ekofood-countdown > span span {
font-size: 12px;
line-height: 12px; }
.countdown-size-large .ekofood-countdown > span {
min-width: 80px;
min-height: 80px;
font-size: 28px;
line-height: 28px; }
.countdown-size-large .ekofood-countdown > span span {
font-size: 14px;
line-height: 14px; }
.countdown-size-xlarge .ekofood-countdown > span {
min-width: 100px;
min-height: 100px;
font-size: 42px;
line-height: 42px; }
.countdown-size-xlarge .ekofood-countdown > span span {
font-size: 16px;
line-height: 16px; }
.countdown-style-transparent .ekofood-countdown > span {
background: none;
box-shadow: none;
border: 3px solid #dadada; }
.countdown-style-primary .ekofood-countdown > span {
color: white; }
.color-scheme-light.ekofood-countdown-timer .ekofood-countdown > span {
color: white; }
.color-scheme-light.ekofood-countdown-timer .ekofood-countdown > span span {
color: white; }
.color-scheme-light.countdown-style-transparent .ekofood-countdown > span {
background-color: rgba(0, 0, 0, 0.2); }
.color-scheme-dark.ekofood-countdown-timer .ekofood-countdown > span {
color: black; }
.color-scheme-dark.ekofood-countdown-timer .ekofood-countdown > span span {
color: black; }
.element-col-countdown-timer .wpb_wrapper .ekofood-countdown-timer {
margin-bottom: 20px; }
.element-col-countdown-timer .wpb_wrapper .ekofood-countdown-timer:last-child {
margin-bottom: 0px; }
/** ------------------------------------------------------------------------------------------------
* PRICING TABLE
* ------------------------------------------------------------------------------------------------ */
.pricing-tables-wrapper .pricing-tables {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px; }
.ekofood-price-table {
position: relative;
flex: 1 1 230px;
margin-bottom: 35px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
perspective: 800px;
backface-visibility: hidden;
-webkit-perspective: 800px;
-webkit-backface-visibility: hidden; }
.ekofood-price-table.price-style-default .ekofood-plan-price {
border: 5px solid; }
.ekofood-price-table .ekofood-plan-name {
padding: 40px 15px 100px;
background: #222;
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.ekofood-price-table .ekofood-plan-title {
font-weight: 600;
font-size: 24px;
color: white; }
.ekofood-price-table .ekofood-plan-inner {
position: relative;
background-color: white;
border: 1px solid;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-color: rgba(129, 129, 129, 0.2);
transition: box-shadow .3s ease;
-webkit-transition: box-shadow .3s ease; }
.ekofood-price-table .price-label {
position: absolute;
top: -1px;
right: -1px;
overflow: hidden;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
line-height: 22px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
color: white;
white-space: nowrap;
width: 80px;
height: 80px; }
.ekofood-price-table .price-label > span {
transform: rotate(45deg);
display: block;
background: red;
margin-top: 15px;
margin-left: -15px;
width: 115px; }
.ekofood-price-table .ekofood-plan-price {
line-height: 1;
position: absolute;
min-width: 140px;
min-height: 140px;
text-align: center;
padding-top: 35px;
border: 5px solid #393939;
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%; }
.ekofood-price-table .ekofood-price-currency {
vertical-align: top;
font-size: 28px; }
.ekofood-price-table .ekofood-price-value {
font-size: 36px;
vertical-align: middle;
font-weight: 700; }
.ekofood-price-table .ekofood-price-suffix {
display: block;
color: #bbb;
font-size: 12px;
margin-top: 5px;
font-weight: 500; }
.ekofood-price-table .ekofood-plan-features {
padding: 100px 25px 50px; }
.ekofood-price-table .ekofood-plan-feature {
border-bottom: 1px solid;
border-color: rgba(129, 129, 129, 0.2);
padding-bottom: 15px;
margin-bottom: 15px;
text-transform: capitalize; }
.ekofood-price-table .ekofood-plan-feature:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none; }
.ekofood-price-table .ekofood-plan-footer {
padding: 20px 15px; }
.ekofood-price-table .ekofood-plan-footer > a {
color: white;
transition: all 400ms ease-out 0s;
border: 2px solid;
border-radius: 5px; }
.ekofood-price-table .ekofood-plan-footer > a:hover {
background-color: transparent; }
.ekofood-price-table.label-color-red .price-label > span {
background-color: #EF4836; }
.ekofood-price-table.label-color-green .price-label > span {
background-color: #0fa34c; }
.ekofood-price-table.label-color-blue .price-label > span {
background-color: #2a7ce4; }
.ekofood-price-table.label-color-yellow .price-label > span {
background-color: #F7CA18; }
.ekofood-price-table.price-style-default .ekofood-plan-price {
background: #f6f6f6 !important;
margin-top: -1px;
margin-left: -1px;
margin-right: -1px; }
.ekofood-price-table.price-style-default .ekofood-plan-price > span {
color: black; }
.ekofood-price-table.price-style-alt .ekofood-plan-price {
border-bottom: 1px solid;
border-color: rgba(129, 129, 129, 0.2); }
.ekofood-price-table.actived .price-label {
top: -2px;
right: -2px; }
.ekofood-price-table:hover {
-webkit-box-shadow: 0px 1px 51px 0px #d9d6d9;
-moz-box-shadow: 0px 1px 51px 0px #d9d6d9;
-o-box-shadow: 0px 1px 51px 0px #d9d6d9;
box-shadow: 0px 1px 51px 0px #d9d6d9; }
.ekofood-price-table.price-style-no-background .ekofood-plan-price {
background: white; }
/** ------------------------------------------------------------------------------------------------
* SECTION-DIVIDER
* ------------------------------------------------------------------------------------------------ */
.ekofood-row-divider {
margin-left: -15px;
margin-right: -15px;
margin-top: -1px;
margin-bottom: -1px; }
.ekofood-row-divider svg {
display: block; }
.divider-style-waves-small svg,
.divider-style-waves-wide svg,
.divider-style-triangle svg {
height: 3vw; }
.divider-style-clouds svg {
height: 6vw; }
.divider-overlap {
position: relative; }
.divider-overlap svg {
position: absolute;
left: 0;
right: 0; }
.divider-overlap.divider-position-top svg {
top: 0; }
.divider-overlap.divider-position-bottom svg {
bottom: 0; }
.jmsproducttabs-elements {
position: relative; }
.jmsproducttabs-elements .product-tab-content {
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in; }
.jmsproducttabs-elements > .ekofood-products-tab-loader {
opacity: 0;
visibility: hidden;
text-align: center;
pointer-events: none;
position: absolute;
top: 160px;
left: calc(50% - 15px);
transition: all 200ms ease-in; }
.jmsproducttabs-elements > .ekofood-products-tab-loader.loading:before {
position: inherit;
width: 30px;
height: 30px;
top: auto;
right: auto;
left: auto; }
.jmsproducttabs-elements.show-loading > .ekofood-products-tab-loader {
opacity: 1;
visibility: visible; }
.jmsproducttabs-elements.show-loading .product-tab-content {
opacity: 0;
visibility: hidden; }
.jmsproducttabs-elements .jmsproduct-elements .product-item .product-box .product-info .product-cat {
display: none; }
.jms-tabs-title {
position: relative;
margin-bottom: 45px;
z-index: 9; }
.jms-tabs-title ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
border-bottom: 1px solid #ebebeb; }
.jms-tabs-title ul li {
position: relative;
display: inline-block;
font-size: 1.14rem;
line-height: 1.4;
text-transform: capitalize;
font-weight: 500;
cursor: pointer;
margin: 0 25px;
padding: 5px 0;
color: #000000;
padding-bottom: 15px; }
.jms-tabs-title ul li i, .jms-tabs-title ul li span {
display: block;
width: 100%;
text-align: center; }
.jms-tabs-title ul li i {
font-size: 2.428rem;
margin-bottom: 10px; }
.jms-tabs-title ul li span {
font-size: 1.142rem;
font-family: "Caros";
font-weight: 500;
border-color: transparent;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.jms-tabs-title ul li:before {
content: "";
width: 100%;
height: 3px;
position: absolute;
bottom: -2px;
left: 0;
transform: scale(0); }
.jms-tabs-title ul li.active:before, .jms-tabs-title ul li:hover:before {
width: 100%;
transform: scale(1); }
.jms-tabs-title ul li.active {
pointer-events: none; }
.jms-tabs-title ul .tab-label {
position: relative; }
.tab-design-left {
text-align: left; }
.tab-design-left .jms-tabs-title ul li:first-child {
margin-left: 0; }
.tab-design-left .addon-title .title:before {
left: 0; }
.tab-design-center {
text-align: center; }
.tab-design-right {
text-align: right; }
.tab-design-right .jms-tabs-title ul li:last-child {
margin-right: 0; }
.tab-design-right .addon-title .title:before {
right: 0; }
.tab-design-line .jms-tabs-title .ekofood-tabs-header {
position: relative; }
.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper {
position: absolute;
top: 0; }
.tab-design-line .jms-tabs-title .ekofood-tabs-header ul li:last-child {
margin-right: 0; }
.tab-design-line.tab-line-none .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper {
margin: 0; }
.tab-design-line .addon-title .title:before {
left: 0; }
@media screen and (max-width: 767px) {
.tab-design-line .jms-tabs-title .ekofood-tabs-header .tabs-navigation-wrapper {
position: static; }
.jms-tabs-title ul {
text-align: center; } }
@media screen and (min-width: 350px) and (max-width: 640px) {
.jms-tabs-title ul {
display: grid;
grid-template-columns: 33.3% 33.3% 33.3%;
grid-gap: 0 8px; }
.jms-tabs-title ul li {
margin-bottom: 15px !important; } }
@media screen and (max-width: 540px) {
.jmsproducttabs-elements.tab-design-line .jms-tabs-title ul li {
margin: 15px 0 0 0 !important; } }
@media screen and (max-width: 480px) {
.jms-tabs-title ul li {
width: 100%;
margin: 15px 0 0 0; }
.jms-tabs-title ul li:first-child {
margin: 0; } }
/**
*==============================
* TAB-STYLE-PRODUCT
*==============================
*/
.product-tabs-type1 .jmsproducttabs-elements .jmsproduct-elements .spacing-carousel-10 .owl-stage-outer {
padding-bottom: 50px; }
.product-tabs-type2 .jmsproducttabs-elements .jmsproduct-elements .spacing-carousel-10 .owl-stage-outer {
padding-bottom: 0px; }
.jmsproducttabs-elements .ekofood-tabs-header .addon-title.line-bottom-right {
position: relative; }
@media only screen and (min-width: 650px) and (max-width: 970px) {
.jmsproducttabs-elements .ekofood-tabs-header .addon-title.line-bottom-right {
margin-bottom: 10px; } }
.jmsproducttabs-elements .ekofood-tabs-header .addon-title.line-bottom-right:after {
content: '';
width: 80%;
background-color: #f0f0f0;
height: 2px;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%); }
@media only screen and (min-width: 1200px) {
.jmsproducttabs-elements .ekofood-tabs-header .addon-title.line-bottom-right:after {
width: calc(100% - 300px); } }
@media only screen and (min-width: 650px) and (max-width: 970px) {
.jmsproducttabs-elements .ekofood-tabs-header .addon-title.line-bottom-right + .tabs-navigation-wrapper {
position: relative;
margin-bottom: 25px; } }
.jmsproducttabs-elements .ekofood-tabs-header .addon-title.line-bottom-right .title {
font-family: "Caros";
font-weight: 500;
font-size: 28px;
color: #000000;
line-height: 1.4;
position: relative;
margin-bottom: 0;
display: inline-block;
padding-right: 15px;
padding-bottom: 0;
z-index: 9;
background-color: white; }
.jmsproducttabs-elements .ekofood-tabs-header .tabs-navigation-wrapper {
margin-top: 2px;
background-color: white;
right: 0;
padding-left: 15px; }
@media only screen and (min-width: 1250px) {
.jmsproducttabs-elements .ekofood-tabs-header .tabs-navigation-wrapper {
right: 83px; } }
@media only screen and (min-width: 650px) and (max-width: 970px) {
.jmsproducttabs-elements .ekofood-tabs-header .tabs-navigation-wrapper {
right: 0;
padding-left: 0; } }
@media only screen and (min-width: 1250px) {
.vc_row > .container {
padding: 0; } }
.vc_row[data-vc-full-width] {
overflow: visible !important; }
@media screen and (min-width: 1400px) {
.wrapper-boxed .header-wrapper.header-fullwidth {
padding: 0;
margin: 0 !important; }
.wrapper-boxed .header-wrapper.header-fullwidth .container {
width: 100%; }
.wrapper-boxed .site {
margin: 0 auto;
overflow: hidden;
-webkit-box-shadow: 0px 1px 51px 0px #d9d6d9;
-moz-box-shadow: 0px 1px 51px 0px #d9d6d9;
-o-box-shadow: 0px 1px 51px 0px #d9d6d9;
box-shadow: 0px 1px 51px 0px #d9d6d9; }
.wrapper-boxed .vc_row[data-vc-full-width] {
padding-left: 60px !important;
padding-right: 60px !important;
width: 100% !important;
margin: 0;
position: static !important; }
.wrapper-boxed .vc_row[data-vc-full-width].vc_row-no-padding {
padding-left: 0 !important;
padding-right: 0 !important; }
.header-fullwidth .container {
width: 94%;
max-width: none; } }
.wp-slider-subtitle rs-layer {
font-family: "Caros" !important;
letter-spacing: 0.9px !important; }
.wp-slider-subtitle rs-layer .des {
color: #000000; }
.wp-slider-subtitle rs-layer .des strong {
color: #fe2626;
font-family: "Caros" !important;
font-weight: bold !important; }
.wp-slider-title .rs-layer {
font-family: "Caros" !important;
font-weight: bold !important;
letter-spacing: .1px !important; }
.title-price rs-layer {
font-family: "Caros" !important;
letter-spacing: 1px !important; }
.wp-btn-slider .rev-btn {
font-family: "Caros" !important;
font-weight: 900 !important;
line-height: 1 !important; }
rs-layer.rev-btn {
transition: all 0.3s ease !important; }
.caros_bold.rev-btn {
transition: all 0.3s ease !important; }
.rev-home4-title rs-layer,
.rev-home4-subtitle rs-layer,
.rev-home4-subtitle1 rs-layer {
font-family: "Caros" !important; }
.rev-home4-title span,
.rev-home4-subtitle span,
.rev-home4-subtitle1 span {
color: #fe2626;
font-weight: bold; }
.rev-home4-subtitle1 span {
color: #f6ff00; }
.page-home-1 rs-fullwidth-wrap .rs-layer.gmc1-title1 {
font-family: 'Playball' !important; }
@media only screen and (min-width: 1280px) {
.page-home-1 rs-fullwidth-wrap .rs-layer.gmc1-title1 {
line-height: 1.8 !important; } }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-1 rs-fullwidth-wrap .rs-layer.gmc1-title1 {
font-size: 42px !important;
line-height: 75px !important;
margin-top: -80px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-1 rs-fullwidth-wrap .rs-layer.gmc1-title1 {
font-size: 42px !important;
line-height: 75px !important;
margin-top: -80px !important; } }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-1 rs-fullwidth-wrap .rs-layer.gmc1-title2 {
font-size: 50px !important;
line-height: 65px !important;
margin-top: -45px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-1 rs-fullwidth-wrap .rs-layer.gmc1-title2 {
font-size: 50px !important;
line-height: 65px !important;
margin-top: -45px !important; } }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-1 rs-fullwidth-wrap .rs-layer.gmc1-title3 {
font-size: 50px !important;
line-height: 65px !important;
margin-top: -15px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-1 rs-fullwidth-wrap .rs-layer.gmc1-title3 {
font-size: 50px !important;
line-height: 65px !important;
margin-top: -15px !important; } }
.page-home-1 rs-fullwidth-wrap .rs-layer.gmc1-title4 {
border-width: 2px !important; }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-1 rs-fullwidth-wrap .rs-layer.gmc1-title4 {
font-size: 15px !important;
line-height: 24px !important;
padding: 9px 25px !important;
margin-top: 15px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-1 rs-fullwidth-wrap .rs-layer.gmc1-title4 {
font-size: 15px !important;
line-height: 24px !important;
padding: 9px 25px !important;
margin-top: 15px !important; } }
@media only screen and (max-width: 1023px) {
.page-home-2 rs-module-wrap rs-sbg-px rs-sbg {
background-position: 66% 50% !important; } }
@media only screen and (max-width: 640px) {
.page-home-2 rs-module-wrap rs-sbg-px rs-sbg {
background-position: 50% 50% !important; } }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-2 rs-module-wrap .rs-layer.gmc2-title1 {
font-size: 65px !important;
line-height: 90px !important;
margin-left: -150px !important;
margin-top: 50px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-2 rs-module-wrap .rs-layer.gmc2-title1 {
font-size: 50px !important;
line-height: 70px !important;
margin-left: -160px !important;
margin-top: 70px !important; } }
.page-home-2 rs-module-wrap .rs-layer.gmc2-title1 span {
font-weight: 300 !important; }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-2 rs-module-wrap .rs-layer.gmc2-title2 {
font-size: 65px !important;
line-height: 90px !important;
margin-left: -150px !important;
margin-top: 76px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-2 rs-module-wrap .rs-layer.gmc2-title2 {
font-size: 50px !important;
line-height: 70px !important;
margin-left: -160px !important;
margin-top: 87px !important; } }
.page-home-2 rs-module-wrap .rs-layer.gmc2-title2 span {
font-weight: 300 !important; }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-2 rs-module-wrap .rs-layer.gmc2-title3 {
font-size: 20px !important;
line-height: 25px !important;
margin-left: -150px !important;
margin-top: 113px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-2 rs-module-wrap .rs-layer.gmc2-title3 {
font-size: 20px !important;
line-height: 25px !important;
margin-left: -160px !important;
margin-top: 115px !important; } }
.page-home-2 rs-module-wrap .rs-layer.gmc2-title3 strong {
font-weight: bold !important;
color: #fe2626 !important; }
.page-home-2 rs-module-wrap .rs-layer.gmc2-title4 {
border-width: 2px !important; }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-2 rs-module-wrap .rs-layer.gmc2-title4 {
font-size: 15px !important;
line-height: 24px !important;
padding: 9px 25px !important;
margin-top: 128px !important;
left: -150px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-2 rs-module-wrap .rs-layer.gmc2-title4 {
font-size: 15px !important;
line-height: 24px !important;
padding: 9px 25px !important;
margin-top: 138px !important;
left: -160px !important; } }
@media only screen and (max-width: 640px) {
.page-home-3 rs-fullwidth-wrap rs-sbg-px rs-sbg {
background-position: left bottom !important; } }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title1 {
font-size: 48px !important;
line-height: 58px !important;
margin-left: -100px !important;
margin-top: -50px !important; } }
@media only screen and (min-width: 1026px) and (max-width: 1199px) and (orientation: landscape) {
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title1 {
font-size: 48px !important;
line-height: 58px !important;
margin-left: -288px !important;
margin-top: -50px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title1 {
font-size: 48px !important;
line-height: 58px !important;
margin-left: -300px !important;
margin-top: -50px !important; } }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title2 {
font-size: 48px !important;
line-height: 58px !important;
margin-left: -100px !important;
margin-top: -26px !important; } }
@media only screen and (min-width: 1026px) and (max-width: 1199px) and (orientation: landscape) {
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title2 {
font-size: 48px !important;
line-height: 58px !important;
margin-left: -288px !important;
margin-top: -26px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title2 {
font-size: 48px !important;
line-height: 58px !important;
margin-left: -300px !important;
margin-top: -26px !important; } }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title3 {
font-size: 20px !important;
line-height: 25px !important;
margin-left: -100px !important;
margin-top: 10px !important; } }
@media only screen and (min-width: 1026px) and (max-width: 1199px) and (orientation: landscape) {
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title3 {
font-size: 20px !important;
line-height: 25px !important;
margin-left: -288px !important;
margin-top: 10px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title3 {
font-size: 20px !important;
line-height: 25px !important;
margin-left: -300px !important;
margin-top: 10px !important; } }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title4 {
font-size: 20px !important;
line-height: 25px !important;
margin-left: -100px !important;
margin-top: 30px !important; } }
@media only screen and (min-width: 1026px) and (max-width: 1199px) and (orientation: landscape) {
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title4 {
font-size: 20px !important;
line-height: 25px !important;
margin-left: -288px !important;
margin-top: 30px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title4 {
font-size: 20px !important;
line-height: 25px !important;
margin-left: -300px !important;
margin-top: 30px !important; } }
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title4 strong {
font-weight: bold !important;
color: #fe2626 !important; }
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title5 {
border-width: 2px !important; }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title5 {
font-size: 15px !important;
line-height: 24px !important;
padding: 9px 25px !important;
margin-top: 52px !important;
left: -100px !important; } }
@media only screen and (min-width: 1026px) and (max-width: 1199px) and (orientation: landscape) {
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title5 {
font-size: 15px !important;
line-height: 24px !important;
padding: 9px 25px !important;
margin-top: 52px !important;
left: -288px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-3 rs-fullwidth-wrap .rs-layer.gmc3-title5 {
font-size: 15px !important;
line-height: 24px !important;
padding: 9px 25px !important;
margin-top: 52px !important;
left: -300px !important; } }
@media only screen and (max-width: 640px) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap rs-sbg-px rs-sbg {
background-position: 50% 50% !important; } }
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-1 {
position: relative; }
@media only screen and (min-width: 1275px) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-1 {
min-width: 448px !important;
min-height: 86px !important;
display: flex;
justify-content: center;
align-items: center;
color: #fe2626 !important;
left: 69px; } }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-1 {
left: -30px;
top: -28px; } }
@media only screen and (min-width: 1399px) and (max-width: 1551px) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-1 {
left: 40px;
top: -28px; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-1 {
font-size: 40px !important;
line-height: 50px !important;
margin-left: -100px !important;
margin-top: -10px !important; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-1 {
font-size: 38px !important;
line-height: 1.3 !important;
margin-top: -10px !important; } }
@media only screen and (min-width: 1275px) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-1:before {
content: '';
position: absolute;
background-image: url("assets/images/bg/bg-title-home3.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 448px;
height: 86px;
top: 0;
left: 0;
z-index: -1; } }
@media only screen and (min-width: 1300px) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-2 {
left: 133px; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-2 {
font-size: 27px !important;
line-height: 1.3 !important;
margin-left: -100px !important;
margin-top: 0px !important; } }
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-2 > span {
font-weight: 400 !important;
font-family: 'Playball' !important; }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-3 {
font-size: 27px !important;
line-height: 1.3 !important;
margin-left: -100px !important;
margin-top: 8px !important; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-3 {
margin-top: 7px !important; } }
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-3 > span {
font-weight: 400 !important;
font-family: 'Playball' !important; }
@media only screen and (min-width: 1300px) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-4 {
left: 150px; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-4 {
font-size: 30px !important;
line-height: 1.3 !important;
margin-left: -100px !important;
margin-top: 0px !important; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-4 {
margin-top: 8px !important; } }
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-4 > span {
font-weight: 300 !important; }
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-5 {
border-width: 2px !important; }
@media only screen and (min-width: 1300px) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-5 {
left: 214px; } }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-5 {
font-size: 15px !important;
line-height: 24px !important;
padding: 9px 25px !important;
margin-top: 0px !important;
left: 0px !important; } }
@media only screen and (min-width: 1399px) and (max-width: 1551px) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-5 {
left: 190px !important; } }
@media only screen and (min-width: 1026px) and (max-width: 1199px) and (orientation: landscape) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-5 {
font-size: 15px !important;
line-height: 24px !important;
padding: 9px 25px !important;
margin-top: 52px !important;
left: -288px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-5 {
font-size: 15px !important;
line-height: 24px !important;
padding: 9px 25px !important;
margin-left: -100px !important;
margin-top: 0px !important; } }
@media only screen and (max-width: 1299px) {
.page-home-3 .h3-eko-banner rs-fullwidth-wrap .rs-layer.gmc3-btitle-6 {
display: none !important; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.page-home-4 .rev-home4-title rs-layer,
.page-home-4 .rev-home4-subtitle rs-layer,
.page-home-4 .rev-home4-subtitle1 rs-layer {
font-size: 18px !important; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.page-home-4 .rev-home4-title rs-layer,
.page-home-4 .rev-home4-subtitle rs-layer,
.page-home-4 .rev-home4-subtitle1 rs-layer {
font-size: 18px !important; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.page-home-4 .rev-home4-title rs-layer,
.page-home-4 .rev-home4-subtitle rs-layer,
.page-home-4 .rev-home4-subtitle1 rs-layer {
font-size: 17px !important; } }
@media only screen and (max-width: 640px) {
.page-home-5 rs-module-wrap rs-sbg-px rs-sbg {
background-position: bottom right !important;
background-size: cover !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-5 rs-module-wrap .rs-layer.gmc5-title1 {
font-size: 48px !important;
line-height: 58px !important;
margin-left: -30px !important;
margin-top: 0 !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-5 rs-module-wrap .rs-layer.gmc5-title2 {
font-size: 48px !important;
line-height: 58px !important;
margin-left: -30px !important;
margin-top: 0 !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-5 rs-module-wrap .rs-layer.gmc5-title3 {
font-size: 20px !important;
line-height: 25px !important;
margin-left: -30px !important;
margin-top: 10px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-5 rs-module-wrap .rs-layer.gmc5-title4 {
font-size: 20px !important;
line-height: 25px !important;
margin-left: -30px !important;
margin-top: 12px !important; } }
.page-home-5 rs-module-wrap .rs-layer.gmc5-title4 strong {
font-weight: bold !important;
color: #fe2626 !important; }
.page-home-5 rs-module-wrap .rs-layer.gmc5-title5 {
border-width: 2px !important; }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-5 rs-module-wrap .rs-layer.gmc5-title5 {
font-size: 15px !important;
line-height: 24px !important;
padding: 9px 25px !important;
margin-top: 12px !important;
left: -30px !important; } }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-6 rs-fullwidth-wrap .rs-layer.gmc6-title1 {
font-size: 42px !important;
line-height: 52px !important;
margin-top: 0px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-6 rs-fullwidth-wrap .rs-layer.gmc6-title1 {
font-size: 42px !important;
line-height: 52px !important;
margin-top: -100px !important; } }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-6 rs-fullwidth-wrap .rs-layer.gmc6-title2 {
font-size: 48px !important;
line-height: 58px !important;
margin-top: 16px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-6 rs-fullwidth-wrap .rs-layer.gmc6-title2 {
font-size: 48px !important;
line-height: 58px !important;
margin-top: -60px !important; } }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-6 rs-fullwidth-wrap .rs-layer.gmc6-title3 {
font-size: 20px !important;
line-height: 25px !important;
margin-top: 10px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-6 rs-fullwidth-wrap .rs-layer.gmc6-title3 {
display: none !important; } }
.page-home-6 rs-fullwidth-wrap .rs-layer.gmc6-title4 {
border-width: 2px !important; }
@media only screen and (min-width: 1279px) and (max-width: 1441px) {
.page-home-6 rs-fullwidth-wrap .rs-layer.gmc6-title4 {
font-size: 15px !important;
line-height: 24px !important;
padding: 9px 25px !important;
margin-top: 0px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.page-home-6 rs-fullwidth-wrap .rs-layer.gmc6-title4 {
font-size: 15px !important;
line-height: 24px !important;
padding: 9px 25px !important;
margin-top: -70px !important; } }
/**
* =========================================
* Popup Video
* =========================================
*/
.addon-popup-video {
position: relative;
overflow: hidden; }
.addon-popup-video .video-image img {
width: 100%; }
.addon-popup-video .content-video {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 100%; }
.addon-popup-video .content-video .banner-inner {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center; }
.addon-popup-video .content-video .banner-inner .btn-video {
display: block;
width: 80px;
height: 80px;
background-color: transparent;
padding: 0px;
position: relative;
z-index: 2; }
.addon-popup-video .content-video .banner-inner .btn-video i {
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
background-color: #ffffff;
border-color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07);
border-radius: 50%;
font-size: 2em;
color: #222;
margin-left: 0px; }
.addon-popup-video .content-video .banner-inner .btn-video i:before {
position: relative;
left: 2px; }
.addon-popup-video .content-video .banner-inner .btn-video:after {
content: '';
background-color: rgba(249, 246, 246, 0.2);
border-color: #ffffff;
width: 100%;
height: 100%;
border-radius: 50px;
position: absolute;
z-index: -1;
top: 0;
left: 0;
opacity: 1;
animation-duration: 1.2s;
animation-delay: 1s;
animation-timing-function: cubic-bezier(0.1, 0, 0.8, 1);
animation-name: video_sc;
animation-iteration-count: infinite;
transition: all cubic-bezier(0.1, 0, 0.8, 1) 0.25s; }
.fram-ekofood-video.modal {
padding-top: 8%; }
@media only screen and (min-width: 768px) {
.fram-ekofood-video .modal-dialog {
width: 900px; } }
.fram-ekofood-video .modal-dialog .modal-content {
border: none; }
.fram-ekofood-video .modal-dialog .modal-content .modal-body {
padding: 0px; }
.fram-ekofood-video .modal-dialog .modal-content .modal-body .close {
position: absolute;
right: -20px;
top: -27px;
opacity: 1;
text-shadow: none; }
.fram-ekofood-video .modal-dialog .modal-content .modal-body .close span {
font-size: 2em;
color: #fff; }
.fram-ekofood-video .embed-responsive-item {
height: 100% !important; }
/**
* STYLE WOO CATEGORY
*/
.cat-type-image.jmsproductcategories-elements .owl-stage-outer {
margin-right: -10px; }
.cat-type-image.jmsproductcategories-elements .cat-items .category-image {
position: relative; }
.cat-type-image.jmsproductcategories-elements .cat-items .category-image .link-img {
display: block;
background-color: #fff;
max-width: 190px;
max-height: 190px;
border-radius: 50%;
overflow: hidden;
min-width: 110px;
min-height: 110px;
width: 100%;
box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.06);
margin: 0 auto; }
.cat-type-image.jmsproductcategories-elements .cat-items .category-image .link-img img {
object-fit: cover;
transform: scale(0.67);
transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); }
.cat-type-image.jmsproductcategories-elements .cat-items .category-image .link-img:hover img {
transform: scale(0.88); }
.cat-type-image.jmsproductcategories-elements .cat-items .category-image .count-pr-cat {
position: absolute;
top: 0px;
right: 15px;
font-size: 1.20rem;
font-family: "Caros";
font-weight: bold;
color: #fff;
width: 45px;
height: 45px;
line-height: 2.5;
text-align: center;
display: block;
margin-bottom: 0px;
border-radius: 50%;
letter-spacing: -.5px; }
.cat-type-image.jmsproductcategories-elements .cat-items .category-info {
text-align: center;
margin-top: 15px; }
.cat-type-image.jmsproductcategories-elements .cat-items .category-info a {
font-family: "Caros";
font-weight: 500;
font-size: 1.20rem;
color: black;
text-transform: capitalize; }
.cat-type-image.jmsproductcategories-elements .cat-items .category-info a .count-pc-cat {
letter-spacing: -1.5px;
margin-left: -3px; }
/**
* =====================
* LIST PAGE ELEMENTS
* =====================
*/
.jmslist-elements ul {
list-style-type: none; }
.jmslist-elements ul li p {
margin-bottom: 0px; }
.jmslist-elements.list-style-unordered ul {
list-style-type: none; }
.jmslist-elements.list-style-unordered ul li p {
margin-bottom: 0px; }
.jmslist-elements.list-style-unordered ul li p:before {
content: '';
width: 8px;
height: 8px;
display: inline-block;
margin-right: 10px;
border-radius: 100%; }
.jmslist-elements.list-style-ordered ul {
list-style-type: decimal; }
.jmslist-elements.list-style-icon ul li {
display: flex;
justify-content: flex-start;
align-items: center; }
.jmslist-elements.list-style-icon ul li span {
display: inline-block;
margin-right: 10px; }
/* ---------------------------------------------
12. LOADING
------------------------------------------ */
.loading:before {
content: " " !important;
width: 18px;
height: 18px;
margin: 0 auto;
left: 0;
right: 0;
display: inline-block;
vertical-align: middle;
border: 1px solid #e5e5e5;
border-left-color: #86bc42;
border-radius: 100%;
position: absolute;
top: calc(50% - 9px);
z-index: 2;
-webkit-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-moz-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-o-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-ms-transition: right .2s ease-in-out,opacity .25s ease-in-out;
transition: right .2s ease-in-out,opacity .25s ease-in-out;
-webkit-animation: load-spin 350ms infinite linear;
animation: load-spin 350ms infinite linear; }
.preloader {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9999;
background: white; }
.spinner1 {
width: 40px;
height: 40px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px; }
.spinner1 .bounce11,
.spinner1 .bounce22 {
width: 100%;
height: 100%;
border-radius: 50%;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: loadingstyle1 2.0s infinite ease-in-out;
animation: loadingstyle1 2.0s infinite ease-in-out; }
.spinner1 .bounce22 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s; }
.spinner2 {
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: loadingstyle2 1.2s infinite ease-in-out;
background-color: white;
border-radius: 3px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); }
.spinner2,
.spinner3 {
background-image: url("assets/images/icons/loader.gif");
background-repeat: no-repeat;
background-position: 10px 10px;
background-color: #fff;
margin: -22px;
width: 44px;
height: 44px;
border-radius: 3px;
left: 50%;
position: absolute;
top: 50%; }
.spinner4 {
top: 50%;
left: 50%;
z-index: 10000;
position: absolute;
margin: -9px 0 0 -35px;
width: 70px;
text-align: center; }
.spinner4 .bounce11,
.spinner4 .bounce22,
.spinner4 .bounce33 {
width: 18px;
height: 18px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
border-radius: 100%;
display: inline-block;
-webkit-animation: loadingstyle4 1.4s infinite ease-in-out;
animation: loadingstyle4 1.4s infinite ease-in-out;
animation-fill-mode: both; }
.spinner4 .bounce11 {
-webkit-animation-delay: -.32s;
animation-delay: -.32s; }
.spinner4 .bounce22 {
-webkit-animation-delay: -.16s;
animation-delay: -.16s; }
.spinner5 {
left: 50%;
position: absolute;
top: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
border-radius: 100%;
-webkit-animation: loadingstyle5 1s infinite ease-in-out;
animation: loadingstyle5 1s infinite ease-in-out; }
.spinner6 {
left: 50%;
position: absolute;
top: 50%;
margin: -20px 0 0 -20px;
width: 40px;
height: 40px;
text-align: center;
-webkit-animation: loadingstyle6 2s infinite linear;
animation: loadingstyle6 2s infinite linear; }
.spinner6 .dot11, .spinner6 .dot22 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
border-radius: 100%;
animation: tp-bounce 2s infinite ease-in-out;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); }
.spinner6 .dot22 {
top: auto;
bottom: 0;
animation-delay: -1s; }
/* Shop loading */
.wc-loading {
position: absolute;
top: calc(50% - 10px);
left: calc(50% - 10px);
width: 20px;
height: 20px;
opacity: 1;
pointer-events: none;
-webkit-transition: top .3s ease,opacity .3s ease,visibility .3s ease;
-moz-transition: top .3s ease,opacity .3s ease,visibility .3s ease;
transition: top .3s ease,opacity .3s ease,visibility .3s ease; }
.wc-loading:before {
content: "";
border: 2px solid #e1e1e1;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
border-radius: 50%;
box-sizing: border-box; }
.wc-loading:after {
border-right-color: #ff733c;
display: block;
content: "";
width: 20px;
height: 20px;
border-width: 2px;
border-style: solid;
border-radius: 100%;
-moz-animation: clockwise .5s linear infinite;
-o-animation: clockwise .5s linear infinite;
-webkit-animation: clockwise .5s linear infinite;
animation: clockwise .5s linear infinite;
border-color: transparent #86bc42 transparent transparent; }
.wc-loading.hide {
visibility: hidden;
opacity: 0; }
.wc-loading.w-30 {
top: calc(50% - 15px);
left: calc(50% - 15px);
width: 30px;
height: 30px; }
.wc-loading.w-30:before {
width: 30px;
height: 30px;
margin-left: -15px;
margin-top: -15px; }
.wc-loading.w-30:after {
width: 30px;
height: 30px; }
/* ---------------------------------------------
13. ANIMATION
------------------------------------------ */
@keyframes load-spin {
100% {
transform: rotate(360deg); } }
@-o-keyframes load-spin {
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
@-ms-keyframes load-spin {
100% {
-ms-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes load-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-moz-keyframes load-spin {
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes long-to-top {
from {
transform: none; }
to {
transform: translate3d(0, -100%, 0); } }
@-webkit-keyframes long-to-top {
from {
-webkit-transform: none; }
to {
-webkit-transform: translate3d(0, -100%, 0); } }
.spinner {
-webkit-animation: spinner 2s infinite linear;
animation: spinner 2s infinite linear; }
@keyframes clockwise {
to {
transform: rotate(360deg) translatez(0); } }
@keyframes counter-clockwise {
to {
transform: rotate(-360deg) translatez(0); } }
@-webkit-keyframes spinner {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
@-moz-keyframes spinner {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
@keyframes spinner {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
@-webkit-keyframes dotFade {
0% {
opacity: 0; }
50% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes dotFade {
0% {
opacity: 0; }
50% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes loadingstyle1 {
0%, 100% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
@-moz-keyframes loadingstyle1 {
0%, 100% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
@keyframes loadingstyle1 {
0%, 100% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
@-webkit-keyframes loadingstyle2 {
0% {
-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
-moz-transform: perspective(120px) rotateX(0) rotateY(0);
-o-transform: perspective(120px) rotateX(0) rotateY(0);
transform: perspective(120px) rotateX(0) rotateY(0); }
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
-moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
-o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0); }
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
@-moz-keyframes loadingstyle2 {
0% {
-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
-moz-transform: perspective(120px) rotateX(0) rotateY(0);
-o-transform: perspective(120px) rotateX(0) rotateY(0);
transform: perspective(120px) rotateX(0) rotateY(0); }
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
-moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
-o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0); }
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
@keyframes loadingstyle2 {
0% {
-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
-moz-transform: perspective(120px) rotateX(0) rotateY(0);
-o-transform: perspective(120px) rotateX(0) rotateY(0);
transform: perspective(120px) rotateX(0) rotateY(0); }
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
-moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
-o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0); }
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
@-webkit-keyframes loadingstyle4 {
0%, 100%, 80% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
40% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
@-moz-keyframes loadingstyle4 {
0%, 100%, 80% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
40% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
@keyframes loadingstyle4 {
0%, 100%, 80% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
40% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
@-webkit-keyframes loadingstyle5 {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0; } }
@-moz-keyframes loadingstyle5 {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0; } }
@keyframes loadingstyle5 {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0; } }
@-webkit-keyframes loadingstyle6 {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
@-moz-keyframes loadingstyle6 {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes loadingstyle6 {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes bounceIconUp {
0%, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translateZ(0); }
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -20px, 0); }
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0); }
90% {
transform: translate3d(0, -5px, 0); } }
/* ---------------------------------------------
14. RESPONSIVE
------------------------------------------ */
@media screen and (max-width: 1199px) {
/* ----------------------------------------------- */
/* BOOTSTRAP -------------------------------- */
/* ----------------------------------------------- */
.row {
margin-left: -15px;
margin-right: -15px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left: 15px;
padding-right: 15px; }
/* ----------------------------------------------- */
/* END BOOTSTRAP -------------------------------- */
/* ----------------------------------------------- */
.portfolio-layout.columns-4 .item, .portfolio-layout.columns-5 .item, .portfolio-layout.columns-6 .item {
width: 33.33333333%; }
.primary-menu > li {
padding: 0 20px; }
/* ----------------------------------------------- */
/* PRODUCT LAYOUT -------------------------------- */
/* ----------------------------------------------- */
.product-layout {
margin-left: -15px;
margin-right: -15px; }
.product-layout .product-item {
padding-left: 15px;
padding-right: 15px; }
/* ----------------------------------------------- */
/* END PRODUCT LAYOUT -------------------------------- */
/* ----------------------------------------------- */
.product-box .ekofood-countdown {
margin-bottom: 0; }
.product-box .ekofood-countdown > span {
margin-right: 5px;
min-width: 55px;
min-height: 55px;
font-size: 16px;
line-height: 1; }
.product-box .ekofood-countdown > span span {
padding-top: 0; }
/* ----------------------------------------------- */
/* SINGLE PRODUCT THUMBNAIL -------------------------------- */
/* ----------------------------------------------- */
.single-product-thumbnail.left .p-nav, .single-product-thumbnail.right .p-nav {
width: 80px; }
.single-product-thumbnail.left:not(.no-nav) .p-thumb {
margin-left: 90px; }
.single-product-thumbnail.right:not(.no-nav) .p-thumb {
margin-right: 90px; }
.instagram-wrap.columns-6 .item, .instagram-wrap.columns-7 .item, .instagram-wrap.columns-8 .item, .instagram-wrap.columns-9 .item, .instagram-wrap.columns-10 .item, .instagram-wrap.columns-11 .item, .instagram-wrap.columns-12 .item {
width: 33%;
flex-basis: 33%;
max-width: 33%; }
.dokan-single-store .profile-info-box.profile-layout-layout1 .profile-info-summery {
margin-top: 0px; }
.dokan-single-store .profile-info-box.profile-layout-layout1 .profile-info-summery > div {
margin-top: 20px; }
.dokan-single-store .profile-info-box.profile-layout-layout1 .profile-info-head {
margin-left: 10px; }
.dokan-single-store .profile-info-box.profile-layout-layout1 .store-name {
margin-top: 0px !important; } }
@media screen and (max-width: 991px) {
.wrap-header {
padding-top: 23px;
padding-bottom: 23px;
margin: 0; }
.header-3 .header-action .header-block::after {
content: none; }
.header-overlap .wrap-header {
position: inherit;
top: auto;
width: auto; }
.topbar-left {
justify-content: center; }
.topbar-left .header-block {
border-left: none; }
.error-404 {
padding-top: 40px; }
#main-content .vc_custom_1526285780424,
#main-content .vc_custom_1526286661930 {
margin-top: 0px !important; }
.vc_row.padding-tablet-none {
padding-left: 0 !important;
padding-right: 0 !important; }
.jmstestimonial-box.testimonials-grid.testimonials-columns-3 .testimonial-box, .jmstestimonial-box.testimonials-grid.testimonials-columns-4 .testimonial-box, .jmstestimonial-box.testimonials-grid.testimonials-columns-5 .testimonial-box, .jmstestimonial-box.testimonials-grid.testimonials-columns-6 .testimonial-box {
flex-basis: 50%;
max-width: 50%;
width: 50%; }
/* ----------------------------------------------- */
/* FOOTER ---------------------------------------- */
/* ----------------------------------------------- */
#footer-wrapper .footer-top .footer-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#footer-wrapper .footer-bottom .copyright,
#footer-wrapper .footer-bottom .tr {
text-align: center; }
/* ----------------------------------------------- */
/* END FOOTER ---------------------------------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* SINGLE PRODUCT THUMBNAIL -------------------------------- */
/* ----------------------------------------------- */
.wc-single-product {
padding-top: 0px;
padding-bottom: 70px; }
.product-detail-information {
margin-bottom: 40px;
padding-bottom: 30px; }
.product_title {
font-size: 23px; }
#main-content.col-lg-9 .wc-single-product .column-left,
#main-content.col-lg-9 .wc-single-product .column-right {
width: 100%; }
#main-content.col-lg-9 .wc-single-product .column-left {
margin-bottom: 30px; }
.related-product {
margin-bottom: 20px; }
.single-product-thumbnail.left .p-nav, .single-product-thumbnail.right .p-nav {
width: 100%;
position: inherit;
margin-right: -5px;
margin-top: 5px; }
.single-product-thumbnail.left .p-nav .slick-slide:not(:last-child), .single-product-thumbnail.right .p-nav .slick-slide:not(:last-child) {
margin-right: 5px;
margin-bottom: 0; }
.single-product-thumbnail.left:not(.no-nav) .p-thumb {
margin: 0;
width: 100%; }
.single-product-thumbnail.right:not(.no-nav) .p-thumb {
margin: 0;
width: 100%; }
.single-product-thumbnail.bottom .p-nav {
margin-right: -5px;
margin-top: 5px; }
.single-product-thumbnail.bottom .p-nav .slick-slide:not(:last-child) {
margin-right: 5px;
margin-bottom: 0; }
.wc-single-product-4 .column-left {
margin-bottom: 40px; }
.entry-summary .quantity {
margin-right: 20px; }
/* ----------------------------------------------- */
/* PRODUCT LAYOUT -------------------------------- */
/* ----------------------------------------------- */
.shop-container {
padding-top: 30px; }
.product-layout {
margin-left: -10px;
margin-right: -10px; }
.product-layout .product-item {
padding-left: 10px;
padding-right: 10px;
width: 33.33%; }
/* ----------------------------------------------- */
/* PRODUCT FILTER -------------------------------- */
/* ----------------------------------------------- */
.shop-filter .widget {
width: 50%; }
.blog-design-small-images.has-post-thumbnail .article-inner {
flex-wrap: wrap; }
.blog-design-small-images.has-post-thumbnail .entry-header,
.blog-design-small-images.has-post-thumbnail .article-body-container {
flex-basis: 100%;
max-width: 100%;
width: 100%; }
.blog-design-small-images.blog-style-flat .article-body-container {
padding-top: 15px;
padding-left: 0;
padding-right: 0; }
.blog-design-small-images.blog-style-shadow .article-body-container {
padding-top: 15px; }
.blog-design-chess:nth-child(even).blog-style-flat.has-post-thumbnail .article-body-container {
padding: 15px 0 0 0; }
.ekofood-gallery .columns-3 .item {
width: 50%; }
.ekofood-gallery .columns-4 .item {
width: 33.33333333%; }
.ekofood-gallery .columns-5 .item {
width: 25%; }
.ekofood-gallery .columns-6 .item {
width: 25%; }
.cart-content-wrapper .cart-totals-section {
width: 100%; } }
@media screen and (max-width: 782px) {
.admin-bar .toggle-sidebar-widget {
top: 46px; }
.admin-bar .header-sticky {
top: 44px; } }
@media screen and (max-width: 600px) {
.admin-bar .header-sticky {
top: 0px; } }
@media screen and (max-width: 767px) {
.header-sticky {
display: none !important; }
.admin-bar .toggle-sidebar-widget,
.admin-bar .cartSidebarWrap {
top: 46px; }
#backtop {
bottom: 30px; }
.blog-container.fullwidth,
.portfolio-container.fullwidth {
width: 100%;
padding-left: 15px;
padding-right: 15px; }
.main-header .header-row .menu-toggle,
.main-header .header-row .header-action {
flex: 0 0 20%; }
.ekofood-checkout-steps ul li:not(.step-active) {
display: none; }
.woocommerce-my-account-wrapper {
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px; }
.woocommerce-MyAccount-navigation {
margin-bottom: 30px; }
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation {
padding-top: 0;
padding-bottom: 0;
flex-basis: 100%;
max-width: 100%;
width: 100%;
padding-left: 15px;
padding-right: 15px; }
.cart-actions {
flex-direction: column-reverse;
text-align: left;
margin-bottom: 40px; }
.cart-actions .coupon {
flex-direction: column;
justify-content: center;
margin-top: 30px;
padding: 15px;
border: 2px dashed #eaeaea;
flex: wrap; }
.cart-actions .coupon .input-text {
max-width: none;
margin-right: 0px;
margin-bottom: 10px; }
.cart-actions .button {
width: 100%; }
.jmstestimonial-box.testimonials-grid.testimonials-columns-2 .testimonial-box, .jmstestimonial-box.testimonials-grid.testimonials-columns-3 .testimonial-box, .jmstestimonial-box.testimonials-grid.testimonials-columns-4 .testimonial-box, .jmstestimonial-box.testimonials-grid.testimonials-columns-5 .testimonial-box, .jmstestimonial-box.testimonials-grid.testimonials-columns-6 .testimonial-box {
flex-basis: 100%;
max-width: 100%;
width: 100%; }
.ekofood-gallery .columns-3 .item,
.ekofood-gallery .columns-4 .item,
.ekofood-gallery .columns-6 .item {
width: 50%; }
.portfolio-layout.columns-3 .item, .portfolio-layout.columns-4 .item, .portfolio-layout.columns-5 .item, .portfolio-layout.columns-6 .item {
width: 50%; }
.woocommerce-thankyou-order-details,
.wc-bacs-bank-details {
flex-direction: column; }
.woocommerce-thankyou-order-details li,
.wc-bacs-bank-details li {
flex-basis: 100%;
max-width: 100%;
border-right: none;
border-bottom: 1px solid rgba(129, 129, 129, 0.2);
padding-left: 0;
padding-right: 0;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 0;
border-right: none; }
.shop-container.fullwidth {
width: 100%;
padding-left: 15px;
padding-right: 15px; }
.error-404 .image-404 {
font-size: 130px; }
.woocommerce-tabs .container {
padding-left: 0;
padding-right: 0; }
.tabs-layout-tabs .woocommerce-Reviews,
.tabs-layout-tabs #tab-additional_information .shop_attributes {
width: 100%; }
.comments-area .children {
margin-left: 0; }
.comments-area .comment-author {
float: none; }
.comments-area .comment-meta {
text-align: left; }
.comments-area .comment-body {
padding-left: 95px; }
/* ----------------------------------------------- */
/* PRODUCT LAYOUT -------------------------------- */
/* ----------------------------------------------- */
.product-layout {
margin-left: -5px;
margin-right: -5px; }
.product-layout .product-item {
padding-left: 15px;
padding-right: 15px;
width: 50%; }
.list-view .product-layout .product-item .product-thumb {
width: 100%;
float: none; }
.list-view .product-layout .product-item .product-list-info {
width: 100%;
float: none;
padding: 0; }
/* ----------------------------------------------- */
/* END PRODUCT LAYOUT -------------------------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* SINGLE PRODUCT THUMBNAIL -------------------------------- */
/* ----------------------------------------------- */
.wc-product-top .column-left {
margin-bottom: 50px; }
.single-product-thumbnail {
margin-bottom: 30px; }
.wc-single-product-2 {
padding-top: 30px;
padding-bottom: 50px; }
/* ----------------------------------------------- */
/* END SINGLE PRODUCT THUMBNAIL ------------------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* PRODUCT BOX -------------------------------- */
/* ----------------------------------------------- */
.woocommerce-ordering {
font-size: 14px; }
.woocommerce-ordering span {
display: none; }
.instagram-wrap {
margin-left: -5px !important;
margin-right: -5px !important; }
.instagram-wrap.no-space {
margin-left: 0 !important;
margin-right: 0 !important; }
.instagram-wrap.no-space .item {
padding-left: 0 !important;
padding-right: 0 !important;
margin-bottom: 0 !important; }
.instagram-wrap .item {
padding-left: 5px !important;
padding-right: 5px !important;
margin-bottom: 10px !important; }
.product-btn.in-thumb li.btn-wishlist {
margin-right: 0; }
.jmsproduct-tab .nav-tabs > li:before {
content: none; }
.jmsproduct-tab .nav-tabs > li > a {
padding: 0; }
.jmsproduct-tab .nav-tabs > li > a:after {
content: none; }
.single-product-container {
margin-top: 0px;
margin-bottom: 20px; }
.single-product-container #main-sidebar {
margin-top: 20px; }
#main-content.col-lg-9 .wc-single-product .column-left {
margin-bottom: 0; }
.product-detail-information {
padding-left: 0;
padding-right: 0; }
.tabs-layout-tabs .wc-accordion-content,
.tabs-layout-tabs .tab-content {
position: relative;
border: 2px solid #ebebeb;
padding: 30px; } }
@media screen and (max-width: 479px) {
.shop-action .wc-switch {
margin-bottom: 0px; }
.instagram-wrap.columns-3 .item, .instagram-wrap.columns-4 .item, .instagram-wrap.columns-5 .item, .instagram-wrap.columns-6 .item, .instagram-wrap.columns-7 .item, .instagram-wrap.columns-8 .item, .instagram-wrap.columns-9 .item, .instagram-wrap.columns-10 .item, .instagram-wrap.columns-11 .item, .instagram-wrap.columns-12 .item {
width: 50%;
max-width: 50%; }
.portfolio-layout.columns-2 .item, .portfolio-layout.columns-3 .item, .portfolio-layout.columns-4 .item, .portfolio-layout.columns-5 .item, .portfolio-layout.columns-6 .item {
width: 100%; }
.maintenance-content .ekofood-countdown > span {
margin-right: 5px;
margin-bottom: 5px;
min-width: 60px;
min-height: 60px;
font-size: 19px;
line-height: 20px; }
/* ----------------------------------------------- */
/* PRODUCT BOX -------------------------------- */
/* ----------------------------------------------- */
.product-box .product-info > a {
font-size: 15px;
margin-bottom: 0; }
.product-box .product-cat {
margin-bottom: 0; }
.product-box .product-cat a {
font-size: 12px; }
.product-box .price {
font-size: 17px;
letter-spacing: 0.5px; }
.product-list-item .product-list-info {
padding: 10px; }
.product-list-item .product-list-info .product-list-info-top {
padding-top: 10px;
padding-bottom: 10px; }
.product-list-item .product-list-info .product-list-info-top > a {
font-size: 13px; }
.product-list-item .product-list-info .product-list-info-top .product-cat {
margin-bottom: 0; }
.product-list-item .product-list-info .product-list-info-top .product-cat a {
font-size: 12px; }
.product-list-item .product-list-info .product-list-info-top .price {
font-size: 14px; }
/* ----------------------------------------------- */
/* END PRODUCT BOX -------------------------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* PRODUCT FILTER -------------------------------- */
/* ----------------------------------------------- */
.shop-filter .filter-toggle-box {
padding: 30px 25px 10px; }
.shop-filter .widget {
width: 100%;
margin-bottom: 40px; }
.shop-action .shop-action-inner {
display: block; }
.shop-action .shop-action-inner .action-right {
justify-content: space-between; } }
@media only screen and (max-width: 1024px) {
.shop-action .shop-action-inner .action-right {
justify-content: space-between;
width: 100%; } }
/**
* ================================
* RESPONSIVE HOME PAGE 01
* ================================
*/
@media only screen and (min-width: 1400px) {
.header-1.wrap-header .header-position {
padding-left: 13px;
padding-right: 15px; } }
@media only screen and (min-width: 1200px) {
.header-1.check-vertical-menu .is-show-cat-menu .ekofood-menu.category-menu {
display: block !important; } }
@media only screen and (min-width: 320px) {
.header-1 .topbar.color-scheme-light {
display: none; } }
@media only screen and (min-width: 320px) {
.header-1 .wrap-header .part-header-middle {
display: flex;
align-items: center;
align-content: center; } }
@media only screen and (min-width: 320px) {
.header-1 .wrap-header .part-header-middle .menu-toggle .menu-button {
padding-top: 12px; } }
@media only screen and (min-width: 320px) {
.header-1 .wrap-header .part-header-middle .header-position.header-left {
justify-content: center; } }
@media only screen and (min-width: 1200px) {
.header-1 .wrap-header .part-header-middle .header-position.header-left {
justify-content: flex-start; } }
@media only screen and (min-width: 992px) {
.header-1 .wrap-header .part-header-middle .header-right.header-position .header-wishlist {
margin-top: 12px; } }
@media only screen and (min-width: 1445px) {
.header-1 .wrap-header .part-header-middle .header-right.header-position .header-wishlist {
margin-top: 8px; } }
@media only screen and (min-width: 992px) {
.header-1 .wrap-header .part-header-middle .header-right.header-position .header-account .btn-setting {
position: relative;
top: 6px; } }
@media only screen and (min-width: 1445px) {
.header-1 .wrap-header .part-header-middle .header-right.header-position .header-account .btn-setting {
top: 4px; } }
@media only screen and (min-width: 992px) {
.header-1 .wrap-header .part-header-middle .header-right.header-position .header-account .ekofood-setting-option {
left: auto;
right: -60px; } }
@media only screen and (min-width: 1300px) {
.header-1 .wrap-header .part-header-middle .header-right.header-position .header-account .ekofood-setting-option {
right: auto;
left: -135px; } }
@media only screen and (min-width: 992px) {
.header-1 .wrap-header .part-header-middle .header-right.header-position .header-account .ekofood-setting-option:after {
right: 64px; } }
@media only screen and (min-width: 1300px) {
.header-1 .wrap-header .part-header-middle .header-right.header-position .header-account .ekofood-setting-option:after {
right: 139px; } }
@media only screen and (min-width: 992px) {
.header-1 .wrap-header .part-header-middle .header-right.header-position .header-mini-cart {
margin-left: 30px; } }
@media only screen and (min-width: 320px) {
.header-1 .wrap-header .part-header-middle .header-right.header-position .header-mini-cart .header-cart {
margin-top: -8px; } }
@media only screen and (min-width: 320px) {
.header-1 .wrap-header .part-header-middle .header-right.header-position .header-mini-cart .header-cart .cart-count {
top: -10px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.header-1 .bottom-header .ver-cat-menu .show-catmenu {
padding-left: 12px;
font-size: 16px; } }
@media only screen and (min-width: 1200px) {
.header-1 .bottom-header .ver-cat-menu .show-catmenu {
font-size: 1.3rem; } }
@media only screen and (min-width: 992px) {
.header-1 .bottom-header .ver-cat-menu .category-menu-wrapper {
left: 17px; } }
@media only screen and (min-width: 1200px) {
.header-1 .bottom-header .ver-cat-menu .category-menu-wrapper {
left: 17px; } }
@media only screen and (min-width: 992px) {
.header-1 .bottom-header .part-header-bottom .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -290px; } }
@media only screen and (min-width: 1200px) {
.header-1 .bottom-header .part-header-bottom .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -298px; } }
@media only screen and (min-width: 1300px) {
.header-1 .bottom-header .part-header-bottom .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -624px; } }
@media only screen and (min-width: 320px) {
.h-one-feature-categories .jmsproductcategories-elements.cat-type-image .cat-items .category-image {
display: flex;
justify-content: center; } }
@media only screen and (min-width: 320px) {
.h-one-feature-categories .jmsproductcategories-elements.cat-type-image .cat-items .category-image .link-img {
width: 100%;
height: auto; } }
@media only screen and (min-width: 320px) {
.h-one-group-banner .item-banner-o .banner-box .banner-text {
padding-top: 12px; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
.h-one-group-banner .item-banner-o .banner-box .banner-text {
padding-top: 75px;
padding-right: 75px; } }
@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
.h-one-group-banner .item-banner-o .banner-box .banner-text {
font-size: 11px; } }
@media only screen and (min-width: 911px) and (max-width: 1024px) and (orientation: landscape) {
.h-one-group-banner .item-banner-o .banner-box .banner-text {
font-size: 9px; } }
@media only screen and (min-width: 760px) and (max-width: 768px) and (orientation: landscape) {
.h-one-group-banner .item-banner-o .banner-box .banner-text {
font-size: 8px; } }
@media only screen and (min-width: 768px) {
.h-one-group-banner .item-banner-o .banner-box .banner-text {
padding: 10px; } }
@media only screen and (min-width: 1200px) {
.h-one-group-banner .item-banner-o .banner-box .banner-text {
padding-top: 36px;
padding-right: 37px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.h-one-group-banner .item-banner-o .banner-box .banner-text .title {
font-size: 11px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.h-one-group-banner .item-banner-o .banner-box .banner-text .title {
font-size: 8px;
margin-top: 8px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.h-one-group-banner .item-banner-o .banner-box .banner-text .subtitle {
font-size: 11px;
margin-top: 3px; } }
@media only screen and (min-width: 1200px) {
.h-one-group-banner .item-banner-o .banner-box .banner-text .content .button-banner-wrapper {
margin-top: 24px; } }
@media only screen and (max-width: 1024px) {
.h-one-group-banner .item-banner-o .banner-box .banner-text .content .button-banner-wrapper {
display: none; } }
@media only screen and (min-width: 320px) {
.h-one-group-banner .item-banner-t .banner-box .banner-text {
padding-top: 28px; } }
@media only screen and (min-width: 768px) {
.h-one-group-banner .item-banner-t .banner-box .banner-text {
padding: 10px;
padding-right: 15px; } }
@media only screen and (min-width: 1200px) {
.h-one-group-banner .item-banner-t .banner-box .banner-text {
padding: 30px;
padding-top: 70px; } }
@media only screen and (min-width: 320px) {
.h-one-group-banner .item-banner-tr .banner-box .banner-text {
padding-top: 12px;
padding-left: 0px; } }
@media only screen and (min-width: 768px) {
.h-one-group-banner .item-banner-tr .banner-box .banner-text {
padding: 10px; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
.h-one-group-banner .item-banner-tr .banner-box .banner-text {
padding-top: 75px;
padding-right: 75px; } }
@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
.h-one-group-banner .item-banner-tr .banner-box .banner-text {
font-size: 11px; } }
@media only screen and (min-width: 911px) and (max-width: 1024px) and (orientation: landscape) {
.h-one-group-banner .item-banner-tr .banner-box .banner-text {
font-size: 9px; } }
@media only screen and (min-width: 760px) and (max-width: 768px) and (orientation: landscape) {
.h-one-group-banner .item-banner-tr .banner-box .banner-text {
font-size: 8px; } }
@media only screen and (min-width: 1200px) {
.h-one-group-banner .item-banner-tr .banner-box .banner-text {
padding-top: 36px;
padding-right: 37px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.h-one-group-banner .item-banner-tr .banner-box .banner-text .content .title {
font-size: 20px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.h-one-group-banner .item-banner-tr .banner-box .banner-text .content .title {
font-size: 15px;
margin-top: 8px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.h-one-group-banner .item-banner-tr .banner-box .banner-text .content .subtitle {
font-size: 13px;
margin-top: 3px; } }
@media only screen and (min-width: 1200px) {
.h-one-group-banner .item-banner-tr .banner-box .banner-text .content .button-banner-wrapper {
margin-top: 24px; } }
@media only screen and (max-width: 1024px) {
.h-one-group-banner .item-banner-tr .banner-box .banner-text .content .button-banner-wrapper {
display: none; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
.h-one-banner-txt {
display: none; } }
@media only screen and (max-width: 640px) {
.h-one-banner-txt {
display: none; } }
@media only screen and (min-width: 320px) {
.h-one-banner-txt.vc_row {
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover; } }
@media only screen and (min-width: 320px) {
.h-one-banner-txt .banner-box .banner-text {
padding: 0px; } }
@media only screen and (min-width: 414px) {
.h-one-banner-txt .banner-box .banner-text {
padding: 30px; } }
@media only screen and (min-width: 320px) {
.h-one-banner-txt .banner-box .banner-text .banner-inner .subtitle p {
margin-left: 0px; } }
@media only screen and (min-width: 992px) {
.h-one-banner-txt .banner-box .banner-text .banner-inner .subtitle p {
margin-left: 350px; } }
@media only screen and (min-width: 320px) {
.h-one-banner-txt .item-content > .vc_column-inner {
padding-top: 0px; } }
@media only screen and (min-width: 1200px) {
.h-one-banner-txt .item-content > .vc_column-inner {
padding-top: 35px; } }
@media only screen and (min-width: 320px) {
.h-one-banner-txt .item-content .text-left .title {
margin-left: 0px; } }
@media only screen and (min-width: 1300px) {
.h-one-banner-txt .item-content .text-left .title {
margin-left: 60px; } }
@media only screen and (min-width: 320px) {
.h-one-banner-txt .item-content .text-right .title {
margin-right: 0px; } }
@media only screen and (min-width: 1200px) {
.h-one-banner-txt .item-content .text-right .title {
margin-right: 60px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.h-one-best-sell-products {
margin-top: 30px;
margin-bottom: 50px; } }
@media only screen and (min-width: 320px) {
.h-one-banner-sale {
background-size: cover;
background-position: center; } }
@media only screen and (min-width: 768px) {
.h-one-banner-sale .col-img {
width: 30%; } }
@media only screen and (min-width: 1200px) {
.h-one-banner-sale .col-img {
width: 50%; } }
@media only screen and (min-width: 320px) {
.h-one-banner-sale .col-img .wpb_single_image.vc_align_right {
text-align: center;
margin-bottom: 15px; } }
@media only screen and (min-width: 768px) {
.h-one-banner-sale .col-img .wpb_single_image.vc_align_right {
text-align: right; } }
.h-one-banner-sale .col-img .wpb_single_image .vc_single_image-wrapper {
position: relative;
z-index: 1; }
.h-one-banner-sale .col-img .wpb_single_image .vc_single_image-wrapper:before, .h-one-banner-sale .col-img .wpb_single_image .vc_single_image-wrapper:after {
border-color: #ffffff;
background-color: #ffffff; }
.h-one-banner-sale .col-img .wpb_single_image .vc_single_image-wrapper:before {
content: "";
position: absolute;
top: -10px;
left: -10px;
height: -webkit-calc(100% + 20px);
height: calc(100% + 20px);
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);
border-radius: 100%;
background-color: #fffdfd;
transform: scale(0);
z-index: 1;
transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; }
.h-one-banner-sale .col-img .wpb_single_image .vc_single_image-wrapper:after {
content: '';
border-color: inherit;
width: 100%;
height: 100%;
-webkit-border-radius: 50px;
border-radius: 50px;
position: absolute;
background-color: rgba(255, 255, 255, 0.9);
top: 0;
left: 0;
opacity: 1;
animation-timing-function: cubic-bezier(0.7, 1, 0.2, 0.8);
animation-duration: 1.2s;
animation-name: video_sc;
animation-iteration-count: infinite;
transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; }
@media only screen and (min-width: 320px) {
.h-one-banner-sale .col-img .wpb_single_image .vc_single_image-wrapper {
margin-top: 0px;
margin-right: 0px; } }
@media only screen and (min-width: 768px) {
.h-one-banner-sale .col-img .wpb_single_image .vc_single_image-wrapper {
top: 80px;
right: 33px; } }
.h-one-banner-sale .col-img .wpb_single_image .vc_single_image-wrapper img {
position: relative;
z-index: 2; }
@media only screen and (min-width: 768px) {
.h-one-banner-sale .col-content-sale {
width: calc(100% - 30%); } }
@media only screen and (min-width: 1200px) {
.h-one-banner-sale .col-content-sale {
width: 50%; } }
@media only screen and (min-width: 768px) {
.h-one-banner-sale .col-content-sale .top-title {
margin-top: 30px; } }
@media only screen and (min-width: 1200px) {
.h-one-banner-sale .col-content-sale .top-title {
margin-top: 50px; } }
@media only screen and (min-width: 320px) {
.h-one-banner-sale .col-content-sale > .vc_column-inner {
padding-top: 0px; } }
@media only screen and (min-width: 320px) {
.h-one-banner-sale .col-content-sale > .vc_column-inner .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-days,
.h-one-banner-sale .col-content-sale > .vc_column-inner .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-hours {
margin-bottom: 35px; } }
@media only screen and (min-width: 320px) {
.h-one-banner-sale .col-content-sale .ekofood-button-wrapper {
padding-bottom: 35px; } }
@media only screen and (min-width: 1200px) {
.h-one-banner-sale .col-content-sale .ekofood-button-wrapper {
padding-bottom: 57px;
margin-top: 30px; } }
.h-one-brands {
margin-top: 1px; }
@media only screen and (min-width: 320px) {
.h-one-new-products .jmsproduct-elements .ekofood-products-holder .item-wrap .product-item.product-style-list1:last-child {
margin-top: 15px; } }
@media only screen and (min-width: 1300px) {
.h-one-new-products .jmsproduct-elements .ekofood-products-holder .item-wrap .product-item.product-style-list1:last-child {
margin-top: 35px; } }
@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
.custom--banner-home1 .banner-box .banner-text {
padding: 10px;
font-size: 11px; } }
@media only screen and (min-width: 911px) and (max-width: 1024px) and (orientation: landscape) {
.custom--banner-home1 .banner-box .banner-text {
padding: 15px;
font-size: 11px; } }
@media only screen and (min-width: 650px) and (max-width: 800px) and (orientation: landscape) {
.custom--banner-home1 .banner-box .banner-text {
font-size: 8px; } }
@media only screen and (max-width: 1023px) {
.custom--banner-home1 .banner-box .banner-text {
padding: 10px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.custom--banner-home1 .banner-box .banner-text {
font-size: 13px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.custom--banner-home1 .banner-box .banner-text {
font-size: 13px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.custom--banner-home1 .banner-box.content-style-1 .title {
font-size: 10px;
line-height: 1; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.custom--banner-home1 .banner-box.content-style-1 .title {
font-size: 9px;
line-height: 1; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
.custom--banner-home1 .banner-box.content-style-1 .title {
font-size: 18px;
margin-top: 30px; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.custom--banner-home1 .banner-box.content-style-1 .title {
font-size: 11px;
margin-top: 15px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.custom--banner-home1 .banner-box.content-style-1 .subtitle {
font-size: 12px;
line-height: 1; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.custom--banner-home1 .banner-box.content-style-1 .subtitle {
font-size: 11px;
line-height: 1; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
.custom--banner-home1 .banner-box.content-style-1 .subtitle {
font-size: 24px; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.custom--banner-home1 .banner-box.content-style-1 .subtitle {
font-size: 14px; } }
@media only screen and (min-width: 911px) and (max-width: 1024px) and (orientation: landscape) {
.page-home-5 .vc_custom_1582260174867 {
display: none; } }
@media only screen and (min-width: 650px) and (max-width: 800px) and (orientation: landscape) {
.page-home-5 .vc_custom_1582260174867 {
display: none; } }
/**
* ===================================
* RESPONSIVE HOME 2
* ===================================
*/
@media only screen and (min-width: 320px) {
.header-2 .middle-header .wrap-header .header-position.header-left {
justify-content: center; } }
@media only screen and (min-width: 1200px) {
.header-2 .middle-header .wrap-header .header-position.header-left {
justify-content: flex-start; } }
.header-2 .middle-header .wrap-header .header-position .search-icon-popup .btn-group .dropdown-menu {
transform: unset; }
@media only screen and (min-width: 992px) {
.header-2 .middle-header .wrap-header .header-position .search-icon-popup .btn-group .dropdown-menu {
right: -150px; } }
@media only screen and (min-width: 992px) {
.header-2 .middle-header .wrap-header .header-position .search-icon-popup .btn-group .dropdown-menu:after {
left: auto;
right: 155px; } }
@media only screen and (min-width: 1200px) {
.header-2 .middle-header .wrap-header .header-menu .primary-menu-wrapper .ekofood-menu.primary-menu.menu-center {
margin-left: -4px; } }
@media only screen and (min-width: 1280px) {
.header-2 .middle-header .wrap-header .header-menu .primary-menu-wrapper .ekofood-menu.primary-menu.menu-center {
margin-left: 4px; } }
@media only screen and (min-width: 992px) {
.header-2 .middle-header .wrap-header .header-menu .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -332px; } }
@media only screen and (min-width: 1200px) {
.header-2 .middle-header .wrap-header .header-menu .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -229px; } }
@media only screen and (min-width: 1300px) {
.header-2 .middle-header .wrap-header .header-menu .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -513px; } }
@media only screen and (min-width: 1350px) {
.header-2 .middle-header .wrap-header .header-menu .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
min-width: 1920px !important;
left: -513px; } }
@media only screen and (min-width: 992px) {
.header-2 .middle-header .wrap-header .header-menu .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .container {
max-width: 970px !important; } }
@media only screen and (min-width: 1200px) {
.header-2 .middle-header .wrap-header .header-menu .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .container {
max-width: 1250px !important; } }
@media only screen and (min-width: 1300px) {
.header-2 .middle-header .wrap-header .header-menu .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .container {
max-width: 1322px !important; } }
@media only screen and (min-width: 320px) {
.service-full-with.stretch_row_wide > .container {
border: 1px solid;
border-color: #ebebeb;
border-radius: 5px;
max-width: unset;
margin: 0px auto;
width: calc(100% - 34px);
padding-top: 35px;
padding-bottom: 35px; } }
@media only screen and (min-width: 1445px) {
.service-full-with.stretch_row_wide > .container {
width: 100%;
padding-left: 60px;
padding-right: 60px; } }
@media only screen and (min-width: 768px) {
.service-full-with.stretch_row_wide > .container .vc_column_container {
width: 50%; } }
@media only screen and (min-width: 1200px) {
.service-full-with.stretch_row_wide > .container .vc_column_container {
width: 25%; } }
@media only screen and (min-width: 320px) {
.service-full-with.stretch_row_wide > .container .vc_column_container .service-elements.service-align-left {
margin-bottom: 35px; } }
@media only screen and (min-width: 1200px) {
.service-full-with.stretch_row_wide > .container .vc_column_container .service-elements.service-align-left {
margin-bottom: 0px; } }
@media only screen and (min-width: 1200px) {
.service-full-with.stretch_row_wide > .container .vc_column_container .service-elements.service-align-left:after {
content: '';
width: 1px;
height: 100%;
background-color: #ebebeb;
position: absolute;
top: 0px;
right: 0px; } }
@media only screen and (min-width: 320px) {
.service-full-with.stretch_row_wide > .container .vc_column_container:last-child .service-elements.service-align-left {
margin-bottom: 0px; } }
@media only screen and (min-width: 1200px) {
.service-full-with.stretch_row_wide > .container .vc_column_container:last-child .service-elements.service-align-left:after {
display: none; } }
@media only screen and (min-width: 768px) {
.service-full-with.stretch_row_wide > .container .vc_column_container:nth-child(3) .service-elements.service-align-left {
margin-bottom: 0px; } }
@media only screen and (min-width: 320px) {
.service-full-with.stretch_row_wide .service-elements.service-align-left {
overflow: hidden;
display: block;
padding-top: 0px;
padding-bottom: 0px; } }
@media only screen and (min-width: 1200px) {
.service-full-with.stretch_row_wide .service-elements.service-align-left {
display: flex;
position: relative; } }
@media only screen and (min-width: 320px) {
.service-full-with.stretch_row_wide .service-elements.service-align-left .service-box-icon {
max-width: 50%;
margin-right: 12px;
float: left;
min-width: 57px; } }
@media only screen and (min-width: 320px) {
.service-full-with.stretch_row_wide .service-elements.service-align-left .service-box-content {
float: left;
width: calc(70% - 12px); } }
@media only screen and (min-width: 320px) {
.service-full-with.stretch_row_wide .service-elements.service-align-left .service-box-content .service-box-inner .service-subtitle,
.service-full-with.stretch_row_wide .service-elements.service-align-left .service-box-content .service-box-inner .service-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; } }
@media only screen and (min-width: 320px) {
.group-equa-banner {
margin-bottom: 39px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.group-equa-banner {
display: none; } }
@media only screen and (min-width: 650px) and (max-width: 970px) {
.group-equa-banner .vc_column_container > .vc_column-inner {
padding-left: 8px;
padding-right: 8px; } }
@media only screen and (min-width: 1260px) and (max-width: 1290px) and (orientation: landscape) {
.group-equa-banner .banner-text {
font-size: 10px; } }
@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
.group-equa-banner .banner-text {
font-size: 9px; } }
@media only screen and (min-width: 911px) and (max-width: 1024px) and (orientation: landscape) {
.group-equa-banner .banner-text {
font-size: 9px; } }
@media only screen and (min-width: 760px) and (max-width: 768px) and (orientation: landscape) {
.group-equa-banner .banner-text {
font-size: 7px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.group-equa-banner .banner-text {
padding: 10px 22px 15px 10px !important;
width: calc(100% - 56%); } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.group-equa-banner .banner-text .banner-inner .title {
font-size: 14px;
margin-bottom: 3px !important; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.group-equa-banner .banner-text .banner-inner .title {
font-size: 15px;
margin-bottom: 0px !important;
margin-top: 15px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.group-equa-banner .banner-text .banner-inner .title {
font-size: 14px;
margin-bottom: 0px !important;
margin-top: 15px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.group-equa-banner .banner-text .banner-inner .title {
font-size: 13px;
margin-bottom: 0px !important;
margin-top: 15px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.group-equa-banner .banner-text .banner-inner .subtitle {
font-size: 8px; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.group-equa-banner .banner-text .banner-inner .subtitle {
font-size: 11px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.group-equa-banner .banner-text .banner-inner .subtitle {
font-size: 11px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.group-equa-banner .banner-text .banner-inner .subtitle {
font-size: 11px; } }
@media only screen and (min-width: 1200px) {
.group-equa-banner .banner-col-2 .banner-box .banner-text {
padding-left: 124px; } }
@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
.group-equa-banner .banner-col-2 .banner-box .banner-text {
padding-top: 15px; } }
@media only screen and (min-width: 911px) and (max-width: 1024px) and (orientation: landscape) {
.group-equa-banner .banner-col-2 .banner-box .banner-text {
padding-top: 15px; } }
@media only screen and (min-width: 650px) and (max-width: 800px) and (orientation: landscape) {
.group-equa-banner .banner-col-2 .banner-box .banner-text {
padding-top: 15px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.group-equa-banner .banner-col-2 .banner-box .banner-text {
padding-left: 50px !important;
width: 100%; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.group-equa-banner .banner-col-2 .banner-box .banner-text {
padding: 10px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.group-equa-banner .banner-col-2 .banner-box .banner-text {
padding: 10px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.group-equa-banner .banner-col-2 .banner-box .banner-text {
padding: 10px; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.group-equa-banner .banner-col-2 .banner-box .banner-text .banner-inner .title {
margin-top: 5px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.group-equa-banner .banner-col-2 .banner-box .banner-text .banner-inner .title {
margin-top: 8px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.group-equa-banner .banner-col-2 .banner-box .banner-text .banner-inner .title {
margin-top: 8px; } }
@media only screen and (min-width: 1200px) {
.group-equa-banner .banner-col-3 .banner-box .banner-text {
padding-right: 56px; } }
@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
.group-equa-banner .banner-col-3 .banner-box .banner-text {
padding-top: 15px; } }
@media only screen and (min-width: 911px) and (max-width: 1024px) and (orientation: landscape) {
.group-equa-banner .banner-col-3 .banner-box .banner-text {
padding-top: 15px; } }
@media only screen and (min-width: 650px) and (max-width: 800px) and (orientation: landscape) {
.group-equa-banner .banner-col-3 .banner-box .banner-text {
padding-top: 15px; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.group-equa-banner .banner-col-3 .banner-box .banner-text {
padding: 10px;
padding-left: 0; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.group-equa-banner .banner-col-3 .banner-box .banner-text {
padding: 10px;
padding-left: 0; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.group-equa-banner .banner-col-3 .banner-box .banner-text {
padding: 10px;
padding-left: 0; } }
@media only screen and (max-width: 640px) {
.tab-home2 .jmsproducttabs-elements .jms-tabs-title .tab-title > li {
margin: auto; } }
@media only screen and (min-width: 320px) {
.tab-home2 .jmsproducttabs-elements .jms-tabs-title .tab-title > li:after {
display: none; } }
@media only screen and (min-width: 768px) {
.tab-home2 .jmsproducttabs-elements .jms-tabs-title .tab-title > li:after {
display: block; } }
@media only screen and (min-width: 320px) {
.banner-bg-color.stretch_row_wide {
margin-top: 80px;
margin-bottom: 47px; } }
@media only screen and (min-width: 320px) {
.banner-bg-color.stretch_row_wide .banner-box {
line-height: 1.4;
padding-top: 23px;
padding-bottom: 30px; } }
@media only screen and (min-width: 1200px) {
.banner-bg-color.stretch_row_wide .banner-box {
padding-top: 0px;
padding-bottom: 0px; } }
@media only screen and (min-width: 1200px) {
.banner-bg-color.stretch_row_wide .banner-box .banner-text .banner-inner .content {
line-height: 3.5; } }
@media only screen and (min-width: 320px) {
.banner-bg-color.stretch_row_wide .banner-box .banner-text .banner-inner .content a {
margin-left: 0px;
margin-top: 30px; } }
@media only screen and (min-width: 1200px) {
.banner-bg-color.stretch_row_wide .banner-box .banner-text .banner-inner .content a {
margin-left: 100px;
margin-top: 20px; } }
@media only screen and (min-width: 320px) {
.category-type-icon {
margin-bottom: 74px; } }
@media only screen and (max-width: 320px) {
.category-type-icon .col-cat-icon > .vc_column-inner .jmsproductcategories-elements.cat-type-icon .cat-items .category-image {
width: 114px;
height: 114px;
line-height: 11.3; } }
@media only screen and (max-width: 320px) {
.category-type-icon .col-cat-icon > .vc_column-inner .jmsproductcategories-elements.cat-type-icon .cat-items .category-image .link-img {
width: 90px;
height: 90px;
line-height: 10; } }
@media only screen and (max-width: 640px) {
.group-banner-countdown {
margin-top: 40px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.group-banner-countdown {
margin-top: 40px; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
.group-banner-countdown {
margin-top: 40px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
.group-banner-countdown {
margin-top: 40px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
.group-banner-countdown {
margin-top: 40px; } }
@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
.group-banner-countdown .banner-col-1 {
display: none !important; } }
@media only screen and (min-width: 911px) and (max-width: 1024px) and (orientation: landscape) {
.group-banner-countdown .banner-col-1 {
display: none !important; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.group-banner-countdown .banner-col-1 {
display: none !important; } }
@media only screen and (min-width: 650px) and (max-width: 800px) and (orientation: landscape) {
.group-banner-countdown .banner-col-1 {
display: none !important; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.group-banner-countdown .banner-col-1 {
display: none !important; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
.group-banner-countdown .banner-col-1 {
display: none !important; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
.group-banner-countdown .banner-col-1 {
display: none !important; } }
@media only screen and (min-width: 768px) {
.group-banner-countdown .banner-col-1.vc_col-sm-2 {
width: 100%; } }
@media only screen and (min-width: 1200px) {
.group-banner-countdown .banner-col-1.vc_col-sm-2 {
width: 25%; } }
@media only screen and (min-width: 1445px) {
.group-banner-countdown .banner-col-1.vc_col-sm-2 {
width: 19%; } }
@media only screen and (min-width: 320px) {
.group-banner-countdown .banner-col-1.vc_col-sm-2 .banner-box .banner-image {
background-size: 100% 100% !important; } }
@media only screen and (min-width: 768px) {
.group-banner-countdown .banner-col-1.vc_col-sm-2 .banner-box .banner-image {
background-size: cover !important; } }
@media only screen and (min-width: 768px) {
.group-banner-countdown .banner-col-3.vc_col-sm-2 {
width: 100%; } }
@media only screen and (min-width: 1200px) {
.group-banner-countdown .banner-col-3.vc_col-sm-2 {
width: 25%; } }
@media only screen and (min-width: 1445px) {
.group-banner-countdown .banner-col-3.vc_col-sm-2 {
width: 19%; } }
@media only screen and (min-width: 320px) {
.group-banner-countdown .banner-col-3.vc_col-sm-2 .banner-box .banner-image {
background-size: 100% 100% !important; } }
@media only screen and (min-width: 768px) {
.group-banner-countdown .banner-col-3.vc_col-sm-2 .banner-box .banner-image {
background-size: cover !important; } }
@media only screen and (min-width: 1200px) {
.group-banner-countdown .banner-col-3.vc_col-sm-2 .banner-box .banner-text .subtitle p {
font-size: 3rem; } }
@media only screen and (min-width: 1350px) {
.group-banner-countdown .banner-col-3.vc_col-sm-2 .banner-box .banner-text .subtitle p {
font-size: 3.357rem; } }
@media only screen and (min-width: 768px) {
.group-banner-countdown .banner-col-2.vc_col-sm-8 {
width: 100%; } }
@media only screen and (min-width: 1200px) {
.group-banner-countdown .banner-col-2.vc_col-sm-8 {
width: 50%; } }
@media only screen and (min-width: 1445px) {
.group-banner-countdown .banner-col-2.vc_col-sm-8 {
width: 62%; } }
@media only screen and (min-width: 320px) {
.group-banner-countdown .banner-col-2 .banner-box .banner-image {
background-size: cover; } }
@media only screen and (min-width: 768px) {
.group-banner-countdown .banner-col-2 .banner-box .banner-image {
background-size: cover; } }
@media only screen and (min-width: 320px) {
.group-banner-countdown .banner-col-2 .banner-box .banner-text {
padding: 10px;
padding-top: 30px; } }
@media only screen and (min-width: 1350px) {
.group-banner-countdown .banner-col-2 .banner-box .banner-text {
padding: 10px;
padding-top: 47px; } }
@media only screen and (min-width: 320px) {
.group-banner-countdown .banner-col-2 .banner-box .banner-text .content p {
font-size: 2rem; } }
@media only screen and (min-width: 1200px) {
.group-banner-countdown .banner-col-2 .banner-box .banner-text .content p {
font-size: 2.571rem; } }
.group-banner-countdown .banner-col-2 .banner-box .banner-text .ekofood-countdown-timer.color-scheme-light .ekofood-countdown .countdown-days {
margin-bottom: 40px; }
@media only screen and (min-width: 1445px) {
.img-product-home2 > .vc_column_container {
width: 100%;
padding-right: 0px; } }
@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
.bestsell-product-home2 > .wpb_column:last-of-type {
display: none; } }
@media only screen and (min-width: 911px) and (max-width: 1024px) and (orientation: landscape) {
.bestsell-product-home2 > .wpb_column:last-of-type {
display: none; } }
@media only screen and (min-width: 768px) {
.bestsell-product-home2 > .vc_col-sm-8 {
width: 100%; } }
@media only screen and (min-width: 1200px) {
.bestsell-product-home2 > .vc_col-sm-8 {
width: 80%; } }
@media only screen and (min-width: 1445px) {
.bestsell-product-home2 > .vc_col-sm-8 {
width: 66.66666667%; } }
@media only screen and (min-width: 768px) {
.bestsell-product-home2 > .vc_col-sm-4 {
width: 100%; } }
@media only screen and (min-width: 1200px) {
.bestsell-product-home2 > .vc_col-sm-4 {
width: 20%; } }
@media only screen and (min-width: 1445px) {
.bestsell-product-home2 > .vc_col-sm-4 {
width: 33.33333333%; } }
.bestsell-product-home2 > .vc_col-sm-4 .banner-box {
overflow: hidden; }
@media only screen and (max-width: 1024px) {
.bestsell-product-home2 > .vc_col-sm-4 .banner-box p {
line-height: 1.2; } }
.bestsell-product-home2 > .vc_col-sm-4 .banner-box .banner-image {
background: url("assets/images/bg/banner-img06-home2.jpg") top left no-repeat;
background-size: cover;
transition: transform 400ms ease-in-out 0s;
transform: scale(1); }
@media only screen and (min-width: 320px) {
.bestsell-product-home2 > .vc_col-sm-4 .banner-box .banner-image {
min-height: 485px; } }
@media only screen and (min-width: 1445px) {
.bestsell-product-home2 > .vc_col-sm-4 .banner-box .banner-image {
min-height: 490px; } }
.bestsell-product-home2 > .vc_col-sm-4 .banner-box .banner-image img {
display: none; }
.bestsell-product-home2 > .vc_col-sm-4 .banner-box:hover .banner-image {
transform: scale(1.09); }
.bestsell-product-home2 .spacing-carousel-15 .owl-stage-outer {
padding-bottom: 30px; }
.bestsell-product-home2 .product-item.product-style-default .product-thumb {
padding-top: 6px;
padding-bottom: 15px; }
@media only screen and (min-width: 320px) {
.bestsell-product-home2 > .vc_col-sm-4 {
padding-left: 0px; } }
@media only screen and (min-width: 1445px) {
.bestsell-product-home2 > .vc_col-sm-4 {
padding-left: 47px; } }
.bestsell-product-home2 > .vc_col-sm-4 .banner-box .banner-text .content .subtitle {
padding-left: 0px; }
@media only screen and (min-width: 1445px) {
.bestsell-product-home2 > .vc_col-sm-4 .banner-box .banner-text .content .subtitle {
padding-left: 115px; } }
.testimonial-home2 {
margin-top: 18px; }
@media only screen and (min-width: 1200px) {
.testimonial-home2 {
background-size: 100% 100%; } }
@media only screen and (min-width: 1200px) {
.testimonial-home2.stretch_row_wide {
width: calc(100% - 30px) !important; } }
@media only screen and (min-width: 1445px) {
.testimonial-home2.stretch_row_wide {
width: calc(1794px - 35px) !important; } }
@media only screen and (min-width: 320px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider {
margin-left: 0px;
padding-bottom: 0px; } }
@media only screen and (min-width: 1200px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider {
margin-left: 0px;
padding-top: 31px;
padding-bottom: 20px; } }
@media only screen and (min-width: 1445px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider {
margin-left: 132px;
padding-top: 35px;
padding-bottom: 19px; } }
@media only screen and (min-width: 320px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner {
display: block; } }
@media only screen and (min-width: 1200px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner {
display: flex; } }
@media only screen and (min-width: 320px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner .testimonials-avatar-box {
display: block; } }
@media only screen and (min-width: 1200px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner .testimonials-avatar-box {
display: flex;
flex-basis: 26%; } }
@media only screen and (min-width: 1445px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner .testimonials-avatar-box {
flex-basis: 30%; } }
@media only screen and (min-width: 320px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner .testimonials-avatar-box .testimonials-title {
text-align: center; } }
@media only screen and (min-width: 1200px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner .testimonials-avatar-box .testimonials-title {
text-align: left; } }
@media only screen and (min-width: 1445px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner .testimonials-avatar-box .testimonials-title {
text-align: left; } }
@media only screen and (min-width: 320px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner .testimonial-content {
padding-left: 0px;
text-align: center; } }
@media only screen and (min-width: 1200px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner .testimonial-content {
text-align: left; } }
@media only screen and (min-width: 1445px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider .testimonial-inner .testimonial-content {
padding-left: 40px !important;
text-align: left;
margin: 17px 0 15px !important; } }
@media only screen and (min-width: 320px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider .owl-theme .owl-nav.disabled + .owl-dots {
position: unset;
width: 100%;
text-align: center;
padding-bottom: 40px; } }
@media only screen and (min-width: 1200px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider .owl-theme .owl-nav.disabled + .owl-dots {
position: absolute;
width: auto;
margin-bottom: 0px;
right: 10px; } }
@media only screen and (min-width: 1445px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider .owl-theme .owl-nav.disabled + .owl-dots {
right: -131px;
top: 23px; } }
@media only screen and (min-width: 320px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider .owl-theme .owl-nav.disabled + .owl-dots .owl-dot {
display: inline-block; } }
@media only screen and (min-width: 1200px) {
.testimonial-home2 .jmstestimonial-box.testimonials-slider .owl-theme .owl-nav.disabled + .owl-dots .owl-dot {
display: block; } }
/**
* =============================
* STYLE HOME 03
* =============================
*/
@media only screen and (min-width: 1200px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu.menu-center {
margin-left: -4px; } }
@media only screen and (min-width: 1280px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu.menu-center {
margin-left: 4px; } }
@media only screen and (min-width: 1445px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu.menu-center {
margin-left: 50px; } }
@media only screen and (min-width: 992px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -326px;
min-width: unset !important; } }
@media only screen and (min-width: 1200px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -229px; } }
@media only screen and (min-width: 1300px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -230px;
min-width: 1366px !important; } }
@media only screen and (min-width: 1400px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -505px;
min-width: 1920px !important; } }
@media only screen and (min-width: 1445px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner {
max-width: 1340px; } }
@media only screen and (min-width: 992px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu .menu-item .dropdown-menu.mega-dropdown-menu {
top: calc(100% - 15px); } }
@media only screen and (min-width: 992px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu .menu-item.page-element-megamenu .dropdown-menu.mega-dropdown-menu {
top: calc(100% + 5px); } }
@media only screen and (min-width: 992px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu .menu-item.store-mega-menu .dropdown-menu.mega-dropdown-menu {
top: calc(100% - 15px); } }
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu .menu-item:hover .dropdown-menu {
transform: translateY(0); }
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu {
transition: all 400ms ease-in 0s;
transform: translateY(5%); }
@media only screen and (min-width: 992px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .container {
max-width: 970px !important; } }
@media only screen and (min-width: 1200px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .container {
max-width: 1250px !important; } }
@media only screen and (min-width: 1300px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .container {
max-width: 1314px !important; } }
@media only screen and (min-width: 1400px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .container {
max-width: 1345px !important; } }
@media only screen and (min-width: 320px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-right {
flex-basis: 20%;
line-height: 5; } }
@media only screen and (min-width: 320px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-right .header-block.header-mini-cart {
margin-left: 0px; } }
@media only screen and (min-width: 992px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-right .header-block.header-mini-cart {
margin-left: 25px; } }
@media only screen and (min-width: 320px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-right .header-block.header-mini-cart .header-cart > a {
line-height: 0px; } }
@media only screen and (min-width: 320px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-right .header-block.header-mini-cart .header-cart .cart-count {
bottom: -7px; } }
@media only screen and (min-width: 320px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-right .header-block.header-mini-cart .header-cart .price-s-icon {
display: none; } }
@media only screen and (min-width: 1200px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-right .header-block.header-mini-cart .header-cart .price-s-icon {
display: inline-block;
margin-left: 5px; } }
@media only screen and (min-width: 320px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-right .header-block.header-mini-cart .header-cart .widget_shopping_cart_content {
left: auto;
right: -12px;
top: calc(100% - 17px);
min-width: 270px;
max-width: 290px; } }
@media only screen and (min-width: 1300px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-right .header-block.header-mini-cart .header-cart .widget_shopping_cart_content {
right: auto;
left: -150px;
min-width: 314px;
max-width: 314px; } }
@media only screen and (min-width: 992px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-right .header-block.header-mini-cart .header-cart .widget_shopping_cart_content:after {
right: 16px; } }
@media only screen and (min-width: 1300px) {
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-right .header-block.header-mini-cart .header-cart .widget_shopping_cart_content:after {
right: 147px; } }
.header-3.header-wrapper .wrap-header .top-wrap-header .header-position.header-right .header-block.header-mini-cart .header-cart:hover .widget_shopping_cart_content {
opacity: 1;
visibility: visible; }
@media only screen and (min-width: 992px) {
.header-3.header-wrapper .wrap-header .bottom-wrap-header .ver-cat-menu .show-catmenu {
font-size: 0px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.header-3.header-wrapper .wrap-header .bottom-wrap-header .ver-cat-menu .show-catmenu {
font-size: 17px;
padding-left: 15px; } }
@media only screen and (min-width: 1200px) {
.header-3.header-wrapper .wrap-header .bottom-wrap-header .ver-cat-menu .show-catmenu {
font-size: 1.3rem;
width: 306px; } }
.header-3.header-wrapper .wrap-header .bottom-wrap-header .ver-cat-menu .show-catmenu:hover {
cursor: pointer; }
@media only screen and (min-width: 992px) {
.header-3.header-wrapper .wrap-header .bottom-wrap-header .ver-cat-menu .category-menu-wrapper {
z-index: 2; } }
@media only screen and (min-width: 1200px) {
.header-3.header-wrapper .wrap-header .bottom-wrap-header .ver-cat-menu .category-menu-wrapper {
min-width: 306px; } }
@media only screen and (min-width: 1200px) {
.header-3.header-wrapper .wrap-header .bottom-wrap-header .main-menu {
width: 58.33333333%; } }
@media only screen and (min-width: 992px) {
.header-3.header-wrapper .wrap-header .bottom-wrap-header .main-menu .header-position.header-align-left {
margin-left: 30px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.header-3.header-wrapper .wrap-header .bottom-wrap-header .main-menu .header-position.header-align-left {
margin-left: -25px; } }
@media only screen and (min-width: 1445px) {
.header-3.header-wrapper .wrap-header .bottom-wrap-header .main-menu .header-position.header-align-left {
margin-left: 0px; } }
@media only screen and (min-width: 992px) {
.header-3.header-wrapper .wrap-header .bottom-wrap-header .main-menu .jms_ajax_search_content .searchbox .input-wrapper .search-field {
min-width: 300px; } }
@media only screen and (min-width: 1200px) {
.header-3.header-wrapper .wrap-header .bottom-wrap-header .main-menu .jms_ajax_search_content .searchbox .input-wrapper .search-field {
min-width: 400px;
height: 48px; } }
@media only screen and (min-width: 1445px) {
.header-3.header-wrapper .wrap-header .bottom-wrap-header .main-menu .jms_ajax_search_content .searchbox .input-wrapper .search-field {
min-width: 490px; } }
@media only screen and (min-width: 1200px) {
.header-3.header-wrapper .wrap-header .bottom-wrap-header .widget-contact {
text-align: right; } }
@media only screen and (min-width: 320px) {
.banner-two-home2 {
margin-top: 80px; } }
@media only screen and (min-width: 768px) {
.banner-two-home2 .col-banner-1 {
width: 100%; } }
@media only screen and (min-width: 992px) {
.banner-two-home2 .col-banner-1 {
width: 50%; } }
@media only screen and (min-width: 320px) {
.banner-two-home2 .col-banner-1 > .vc_column-inner {
padding-left: 0px;
padding-right: 0px; } }
@media only screen and (min-width: 768px) {
.banner-two-home2 .col-banner-1 > .vc_column-inner {
padding-left: 17px;
padding-right: 17px; } }
@media only screen and (min-width: 320px) {
.banner-two-home2 .col-banner-1 .banner-text {
padding: 0px;
padding-left: 15px;
padding-right: 14px;
padding-top: 8px; } }
@media only screen and (min-width: 768px) {
.banner-two-home2 .col-banner-1 .banner-text {
padding: 30px; } }
@media only screen and (min-width: 320px) {
.banner-two-home2 .col-banner-1 .banner-text .content .title {
padding-left: 0px; } }
@media only screen and (min-width: 768px) {
.banner-two-home2 .col-banner-1 .banner-text .content .title {
padding-left: 120px; } }
@media only screen and (min-width: 320px) {
.banner-two-home2 .col-banner-1 .banner-text .content .title p {
font-size: 2rem; } }
@media only screen and (min-width: 768px) {
.banner-two-home2 .col-banner-1 .banner-text .content .title p {
font-size: 2.143rem; } }
@media only screen and (min-width: 320px) {
.banner-two-home2 .col-banner-1 .banner-text .content .subtitle {
padding-right: 0px; } }
@media only screen and (min-width: 768px) {
.banner-two-home2 .col-banner-1 .banner-text .content .subtitle {
padding-left: 90px; } }
@media only screen and (min-width: 1445px) {
.banner-two-home2 .col-banner-1 .banner-text .content .subtitle {
padding-left: 0px;
padding-right: 90px; } }
@media only screen and (min-width: 320px) {
.banner-two-home2 .col-banner-1 .banner-text .content .subtitle p {
font-size: 2rem; } }
@media only screen and (min-width: 768px) {
.banner-two-home2 .col-banner-1 .banner-text .content .subtitle p {
font-size: 2.143rem; } }
@media only screen and (min-width: 768px) {
.banner-two-home2 .col-banner-2 {
width: 100%; } }
@media only screen and (min-width: 992px) {
.banner-two-home2 .col-banner-2 {
width: 50%; } }
@media only screen and (min-width: 320px) {
.banner-two-home2 .col-banner-2 > .vc_column-inner {
padding-left: 0px;
padding-right: 0px; } }
@media only screen and (min-width: 768px) {
.banner-two-home2 .col-banner-2 > .vc_column-inner {
padding-left: 17px;
padding-right: 17px; } }
@media only screen and (min-width: 320px) {
.banner-two-home2 .col-banner-2 .banner-box .banner-text {
width: 100%;
bottom: 0px;
padding: 0px;
left: 50px; } }
@media only screen and (min-width: 360px) {
.banner-two-home2 .col-banner-2 .banner-box .banner-text {
top: 7px; } }
@media only screen and (min-width: 768px) {
.banner-two-home2 .col-banner-2 .banner-box .banner-text {
width: auto;
top: 50px;
left: auto;
right: 50px;
bottom: 20px; } }
@media only screen and (min-width: 992px) {
.banner-two-home2 .col-banner-2 .banner-box .banner-text {
top: 20px; } }
@media only screen and (min-width: 1445px) {
.banner-two-home2 .col-banner-2 .banner-box .banner-text {
top: 50px; } }
@media only screen and (min-width: 320px) {
.banner-two-home2 .col-banner-2 .banner-box .content .title {
margin-bottom: 0px; } }
@media only screen and (min-width: 768px) {
.banner-two-home2 .col-banner-2 .banner-box .content .title {
margin-bottom: 10px; } }
@media only screen and (min-width: 320px) {
.banner-two-home2 .col-banner-2 .banner-box .content .subtitle p {
font-size: 1.5rem; } }
@media only screen and (min-width: 768px) {
.banner-two-home2 .col-banner-2 .banner-box .content .subtitle p {
font-size: 1.857rem; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.banner-bg-color-home03 {
padding-left: 10px;
padding-right: 10px; } }
@media only screen and (min-width: 320px) {
.banner-bg-color-home03 .vc_column_container > .vc_column-inner {
padding-left: 0px;
padding-right: 0px; } }
@media only screen and (min-width: 768px) {
.banner-bg-color-home03 .vc_column_container > .vc_column-inner {
padding-left: 17px;
padding-right: 17px; } }
@media only screen and (min-width: 320px) {
.banner-bg-color-home03 .vc_column_container .banner-box .banner-text {
padding: 15px; } }
@media only screen and (min-width: 1200px) {
.banner-bg-color-home03 .vc_column_container .banner-box .banner-text {
padding: 29px 15px; } }
@media only screen and (min-width: 320px) {
.banner-bg-color-home03 .vc_column_container .banner-box .banner-text .content {
flex-wrap: wrap; } }
@media only screen and (min-width: 1200px) {
.banner-bg-color-home03 .vc_column_container .banner-box .banner-text .content {
flex-wrap: nowrap; } }
@media only screen and (min-width: 320px) {
.banner-bg-color-home03 .vc_column_container .banner-box .banner-text .content .title {
width: 100%;
text-align: center; } }
@media only screen and (min-width: 1200px) {
.banner-bg-color-home03 .vc_column_container .banner-box .banner-text .content .title {
width: auto; } }
@media only screen and (min-width: 320px) {
.banner-bg-color-home03 .vc_column_container .banner-box .banner-text .content .title p {
text-align: center; } }
@media only screen and (min-width: 320px) {
.home3-tab-products {
margin-top: 40px; } }
.home3-tab-products .spacing-carousel-34 .owl-stage-outer {
padding-bottom: 30px; }
@media only screen and (min-width: 320px) {
.row-rated-products {
margin-top: 80px; } }
@media only screen and (min-width: 768px) {
.row-rated-products .col-hot-deals-product {
width: 50%; } }
@media only screen and (min-width: 1200px) {
.row-rated-products .col-hot-deals-product {
width: 33.33333333%; } }
.row-rated-products .col-hot-deals-product .product-type-layout1 {
position: relative; }
@media only screen and (min-width: 320px) {
.row-rated-products .col-hot-deals-product .product-type-layout1:before {
content: '';
position: absolute;
background-image: url("assets/images/bg/obj-hot-deal.png");
background-position: top left;
background-repeat: no-repeat;
background-size: contain;
width: 108px;
height: 108px;
top: 6px;
left: -6px;
z-index: 3;
display: block; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.row-rated-products .col-hot-deals-product .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-thumb .sela-prine {
left: 50%;
transform: translate(-50%, 0); } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.row-rated-products .col-hot-deals-product .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-thumb .sela-prine {
left: 50%;
transform: translate(-50%, 0); } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
.row-rated-products .col-hot-deals-product .jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-thumb .sela-prine {
left: 50%;
transform: translate(-50%, 0); } }
@media only screen and (min-width: 320px) {
.row-rated-products .col-rated-product {
margin-top: 80px; } }
@media only screen and (min-width: 768px) {
.row-rated-products .col-rated-product {
margin-top: 2px; } }
@media only screen and (min-width: 1300px) {
.row-rated-products .col-rated-product {
margin-top: 0px; } }
@media only screen and (min-width: 768px) {
.row-rated-products .col-rated-product {
width: 50%; } }
@media only screen and (min-width: 1200px) {
.row-rated-products .col-rated-product {
width: calc(66.66666667% - 1px); } }
@media only screen and (min-width: 320px) {
.row-rated-products .col-rated-product .jmsproduct-elements .ekofood-products-holder .owl-item .item-wrap .item.product-style-list2:last-child {
margin-top: 35px; } }
@media only screen and (min-width: 320px) {
.row-rated-products .col-rated-product .jmsproduct-elements .ekofood-products-holder .owl-item .item-wrap .item.product-style-list2 .product-list-info-box .addtocart .button {
color: #555555; } }
@media only screen and (min-width: 320px) {
.row-rated-products .col-rated-product .jmsproduct-elements .ekofood-products-holder .owl-item .item-wrap .item.product-style-list2 .product-list-info-box .addtocart .button .tooltip {
padding: 0px;
border: none;
position: relative;
text-align: center; } }
.row-rated-products .col-rated-product .jmsproduct-elements .ekofood-products-holder .owl-item .item-wrap .item.product-style-list2 .product-list-info-box .addtocart .button .tooltip:after {
content: '';
width: 100%;
height: 2px;
position: absolute;
left: 0px;
bottom: 0px;
opacity: 0;
transition: all 500ms ease-in 0s;
transform: scale(0); }
.row-rated-products .col-rated-product .jmsproduct-elements .ekofood-products-holder .owl-item .item-wrap .item.product-style-list2 .product-list-info-box .addtocart .button:hover .tooltip:after {
transform: scale(1);
opacity: 1; }
.row-rated-products .col-rated-product .jmsproduct-elements .ekofood-products-holder .owl-item .item-wrap .item.product-style-list2 .actions-button {
margin-top: 17px;
line-height: 1; }
@media only screen and (min-width: 320px) {
.row-rated-products .col-rated-product .jmsproduct-elements .ekofood-products-holder.owl-theme .owl-nav.disabled + .owl-dots {
display: none; } }
@media only screen and (min-width: 1200px) {
.row-rated-products .col-rated-product .jmsproduct-elements .ekofood-products-holder.owl-theme .owl-nav.disabled + .owl-dots {
display: inline-block;
top: -38px;
right: -4px; } }
@media only screen and (min-width: 320px) {
.row-rated-products .col-rated-product .banner-box .banner-image img {
min-height: 100px; } }
@media only screen and (min-width: 320px) {
.row-rated-products .col-rated-product .banner-box .banner-text {
padding: 9px;
padding-left: 20px; } }
@media only screen and (min-width: 1200px) {
.row-rated-products .col-rated-product .banner-box .banner-text {
padding: 30px;
padding-left: 55px; } }
@media only screen and (min-width: 320px) {
.row-rated-products .col-rated-product .banner-box .banner-text .content .title p {
font-size: 1.5rem; } }
@media only screen and (min-width: 1200px) {
.row-rated-products .col-rated-product .banner-box .banner-text .content .title p {
font-size: 2.571rem; } }
@media only screen and (min-width: 320px) {
.row-rated-products .col-rated-product .banner-box .banner-text .content .subtitle {
padding-left: 50px; } }
@media only screen and (min-width: 1200px) {
.row-rated-products .col-rated-product .banner-box .banner-text .content .subtitle {
padding-left: 120px; } }
@media only screen and (min-width: 320px) {
.row-rated-products .col-rated-product .banner-box .banner-text .content .subtitle p {
font-size: 1.5rem; } }
@media only screen and (min-width: 1200px) {
.row-rated-products .col-rated-product .banner-box .banner-text .content .subtitle p {
font-size: 2.571rem; } }
@media only screen and (min-width: 320px) {
.row-rated-products .col-rated-product .banner-box .banner-text .content .subsubtitle p {
font-size: 1.5rem; } }
@media only screen and (min-width: 1200px) {
.row-rated-products .col-rated-product .banner-box .banner-text .content .subsubtitle p {
font-size: 2rem; } }
/**
* =====================================
* HOME 4 RESPONSIVE
* =====================================
*/
@media only screen and (min-width: 1200px) {
.header-4 > .container {
max-width: 1250px; } }
@media only screen and (min-width: 1280px) {
.header-4 > .container {
max-width: 1345px; } }
@media only screen and (min-width: 992px) {
.header-4 .wrap-header .header-center .jms_ajax_search_content .searchbox .input-wrapper .search-field {
min-width: 250px; } }
@media only screen and (min-width: 1280px) {
.header-4 .wrap-header .header-center .jms_ajax_search_content .searchbox .input-wrapper .search-field {
min-width: 350px; } }
@media only screen and (min-width: 992px) {
.header-4 .wrap-header .header-right {
width: 25%; } }
@media only screen and (min-width: 1300px) {
.hfou-slider-banner > .container {
max-width: 1342px; } }
.hfou-slider-banner .col-slider {
width: 100%; }
@media only screen and (min-width: 1275px) {
.hfou-slider-banner .col-slider {
width: 75%; } }
.hfou-slider-banner .col-banner {
display: none; }
@media only screen and (min-width: 1275px) {
.hfou-slider-banner .col-banner {
display: inline-block;
width: 25%; } }
.hfou-slider-banner .col-banner > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: row; }
@media only screen and (min-width: 1275px) {
.hfou-slider-banner .col-banner > .vc_column-inner > .wpb_wrapper {
flex-direction: column; } }
.hfou-slider-banner .col-banner > .vc_column-inner > .wpb_wrapper .banner-box {
margin-bottom: 0; }
.hfou-slider-banner .col-banner > .vc_column-inner > .wpb_wrapper .banner-box:not(:last-of-type) {
margin-bottom: 33px; }
@media only screen and (min-width: 768px) {
.hfou-slider-banner .col-banner .wpb_wrapper .banner-box .banner-text .banner-inner .content .title p {
background-position-x: -56px;
background-position-y: -73px; } }
@media only screen and (min-width: 992px) {
.hfou-slider-banner .col-banner .wpb_wrapper .banner-box .banner-text .banner-inner .content .title p {
background-position: top; } }
@media only screen and (min-width: 1200px) {
.hfou-slider-banner .col-banner .wpb_wrapper .banner-box .banner-text .banner-inner .content .title p {
background-position-x: -56px;
background-position-y: -73px; } }
@media only screen and (min-width: 320px) {
.hfou-slider-banner .col-banner .banner-box .banner-text {
top: -7px;
left: -5px; } }
@media only screen and (min-width: 1280px) {
.hfou-slider-banner .col-banner .banner-box .banner-text {
top: 2px;
left: 1px; } }
@media only screen and (min-width: 1400px) {
.hfou-slider-banner .col-banner .banner-box .banner-text {
top: -3px;
left: -6px; } }
@media only screen and (min-width: 320px) {
.hfou-slider-banner .col-banner .banner-box .banner-text .content {
padding: 18px 5px 27px;
max-width: unset; } }
@media only screen and (min-width: 1280px) {
.hfou-slider-banner .col-banner .banner-box .banner-text .content {
max-width: 222px; } }
@media only screen and (min-width: 320px) {
.hfou-slider-banner .col-banner .banner-box .banner-text .content .title p {
font-size: 4rem;
background-position: top; } }
@media only screen and (min-width: 320px) {
.hfour-product-hotdeals:after {
display: none; } }
@media only screen and (min-width: 1400px) {
.hfour-product-hotdeals:after {
display: inline-block;
z-index: 0; } }
@media only screen and (min-width: 1400px) {
.hfour-product-hotdeals > .container {
position: relative;
z-index: 2; } }
@media only screen and (min-width: 1280px) {
.hfour-product-hotdeals > .container .vc_column_container > .vc_column-inner {
padding-left: 17px;
padding-right: 17px; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.hfour-bg-banner {
display: none; } }
@media only screen and (min-width: 768px) {
.hfour-bg-banner .col-bg-none {
display: none; } }
@media only screen and (min-width: 1400px) {
.hfour-bg-banner .col-bg-none {
display: inline-block; } }
@media only screen and (min-width: 768px) {
.hfour-bg-banner .col-bg-banner {
width: 100%; } }
@media only screen and (min-width: 1400px) {
.hfour-bg-banner .col-bg-banner {
width: 50%; } }
@media only screen and (min-width: 320px) {
.hfour-bg-banner .banner-box .banner-text {
padding: 0px; } }
@media only screen and (min-width: 1200px) {
.hfour-bg-banner .banner-box .banner-text .banner-inner .content {
margin-top: 130px; } }
@media only screen and (min-width: 320px) {
.hfour-bg-banner .banner-box .banner-text .subtitle p {
font-size: 3rem;
line-height: 1.3; } }
@media only screen and (min-width: 320px) {
.hfour-bg-banner .tp-bgimg {
background-size: cover !important; } }
@media only screen and (min-width: 1200px) {
.hfour-bg-banner .tp-bgimg {
background-size: contain !important; } }
@media only screen and (min-width: 320px) {
.hfour-bg-banner .title {
line-height: 2 !important; } }
@media only screen and (min-width: 812px) and (max-width: 815px) and (orientation: landscape) {
.hfour-bg-banner #thumb-now-h4 {
display: none !important; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.hfour-bg-banner #shop-it-now-h4 {
left: 613px !important; } }
@media only screen and (min-width: 812px) and (max-width: 815px) and (orientation: landscape) {
.hfour-bg-banner #shop-it-now-h4 {
left: 464px !important; } }
@media only screen and (min-width: 1023px) and (max-width: 1025px) {
.hfour-featuer-product {
margin-top: 60px; } }
@media only screen and (min-width: 320px) {
.hfour-featuer-product:before {
display: none; } }
@media only screen and (min-width: 1400px) {
.hfour-featuer-product:before {
display: inline-block;
z-index: 0; } }
@media only screen and (min-width: 1400px) {
.hfour-featuer-product > .container {
position: relative;
z-index: 2; } }
@media only screen and (min-width: 320px) {
.hfour-featuer-product .addon-title {
margin-bottom: 15px; } }
@media only screen and (min-width: 768px) {
.hfour-featuer-product .addon-title {
margin-bottom: 5px; } }
@media only screen and (min-width: 992px) {
.hfour-featuer-product .addon-title {
margin-bottom: 33px; } }
@media only screen and (min-width: 320px) {
.hfour-featuer-product .addon-title:after {
display: none; } }
@media only screen and (min-width: 1280px) {
.hfour-featuer-product .addon-title:after {
width: 37%;
display: inline-block; } }
@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
.hfour-featuer-product .addon-title:after {
display: inline-block; } }
@media only screen and (min-width: 1400px) {
.hfour-featuer-product .addon-title:after {
width: 37%; } }
@media only screen and (min-width: 320px) {
.hfour-featuer-product .jmsproducttabs-elements .product-tab-content .jmsproduct-elements .product-style-list2.mb_10 {
margin-bottom: 34px; } }
@media only screen and (min-width: 320px) {
.hfour-featuer-product .jmsproducttabs-elements .product-tab-content .jmsproduct-elements .product-style-list2 .product-list-info-box .product-list-info-top .yith-wcwl-add-to-wishlist {
top: -25px; } }
@media only screen and (min-width: 992px) {
.hfour-featuer-product .jmsproducttabs-elements .product-tab-content .jmsproduct-elements .product-style-list2 .product-list-info-box .product-list-info-top .yith-wcwl-add-to-wishlist {
top: -16px; } }
@media only screen and (min-width: 320px) {
.hfour-newest-product .addon-title {
margin-bottom: 15px; } }
@media only screen and (min-width: 768px) {
.hfour-newest-product .addon-title {
margin-bottom: 5px; } }
@media only screen and (min-width: 992px) {
.hfour-newest-product .addon-title {
margin-bottom: 33px; } }
@media only screen and (min-width: 320px) {
.hfour-newest-product .addon-title:after {
display: none; } }
@media only screen and (min-width: 1200px) {
.hfour-newest-product .addon-title:after {
width: 37%;
display: inline-block; } }
@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
.hfour-newest-product .addon-title:after {
display: inline-block; } }
@media only screen and (min-width: 1400px) {
.hfour-newest-product .addon-title:after {
width: 37%; } }
@media only screen and (min-width: 1400px) {
.hfour-brand-carousel > .container {
position: relative; } }
@media only screen and (min-width: 320px) {
.hfour-brand-carousel:after {
display: none; } }
@media only screen and (min-width: 1400px) {
.hfour-brand-carousel:after {
display: inline-block;
z-index: 0; } }
/**
* =====================================
* RESPOMSIVE HOME 5
* =====================================
*/
@media only screen and (min-width: 1200px) {
.header-5.check-vertical-menu .is-show-cat-menu .ekofood-menu.category-menu {
display: block !important; } }
@media only screen and (min-width: 320px) {
.header-5 .topbar.color-scheme-light {
display: none; } }
@media only screen and (min-width: 320px) {
.header-5 .wrap-header .part-header-middle {
display: flex;
align-items: center;
align-content: center; } }
@media only screen and (min-width: 320px) {
.header-5 .wrap-header .part-header-middle .menu-toggle .menu-button {
padding-top: 12px; } }
@media only screen and (min-width: 320px) {
.header-5 .wrap-header .part-header-middle .header-position.header-left {
justify-content: center; } }
@media only screen and (min-width: 1200px) {
.header-5 .wrap-header .part-header-middle .header-position.header-left {
justify-content: flex-start; } }
@media only screen and (min-width: 992px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-wishlist {
margin-top: 12px; } }
@media only screen and (min-width: 1445px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-wishlist {
margin-top: 8px; } }
@media only screen and (min-width: 992px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-account .btn-setting {
position: relative;
top: 6px; } }
@media only screen and (min-width: 1445px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-account .btn-setting {
top: 4px; } }
@media only screen and (min-width: 992px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-account .ekofood-setting-option {
left: auto;
right: -60px; } }
@media only screen and (min-width: 1300px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-account .ekofood-setting-option {
right: auto;
left: -135px; } }
@media only screen and (min-width: 992px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-account .ekofood-setting-option:after {
right: 64px; } }
@media only screen and (min-width: 1300px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-account .ekofood-setting-option:after {
right: 139px; } }
@media only screen and (min-width: 320px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-mini-cart {
margin-left: 0px;
line-height: 0px; } }
@media only screen and (min-width: 992px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-mini-cart {
margin-left: 30px; } }
@media only screen and (min-width: 320px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-mini-cart .header-cart {
margin-top: -8px; } }
@media only screen and (min-width: 320px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-mini-cart .header-cart .cart-count {
top: -10px; } }
@media only screen and (min-width: 320px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-mini-cart .header-cart .price-s-icon {
display: none; } }
@media only screen and (min-width: 992px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-mini-cart .header-cart .price-s-icon {
display: inline-block; } }
@media only screen and (min-width: 320px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-mini-cart .header-cart .widget_shopping_cart_content {
left: auto;
right: -12px;
top: calc(100% + 20px);
min-width: 270px;
max-width: 290px; } }
@media only screen and (min-width: 1300px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-mini-cart .header-cart .widget_shopping_cart_content {
right: auto;
left: -150px;
min-width: 314px;
max-width: 314px; } }
@media only screen and (min-width: 992px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-mini-cart .header-cart .widget_shopping_cart_content:after {
right: 16px; } }
@media only screen and (min-width: 1300px) {
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-mini-cart .header-cart .widget_shopping_cart_content:after {
right: 147px; } }
.header-5 .wrap-header .part-header-middle .header-right.header-position .header-mini-cart .header-cart:hover .widget_shopping_cart_content {
opacity: 1;
visibility: visible; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.header-5 .bottom-header .ver-cat-menu .show-catmenu {
padding-left: 15px;
font-size: 16px; } }
@media only screen and (min-width: 1200px) {
.header-5 .bottom-header .ver-cat-menu .show-catmenu {
max-width: 245px;
font-size: 1.3rem; } }
@media only screen and (min-width: 1300px) {
.header-5 .bottom-header .ver-cat-menu .show-catmenu {
max-width: unset; } }
@media only screen and (min-width: 992px) {
.header-5 .bottom-header .part-header-bottom .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -290px; } }
@media only screen and (min-width: 1200px) {
.header-5 .bottom-header .part-header-bottom .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -298px; } }
@media only screen and (min-width: 1300px) {
.header-5 .bottom-header .part-header-bottom .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -624px; } }
@media only screen and (min-width: 320px) {
.h5-slider-home {
margin-top: 0px; } }
@media only screen and (min-width: 992px) {
.h5-slider-home {
margin-top: 30px; } }
@media only screen and (max-width: 640px) {
.h5-slider-home rs-module-wrap rs-slide rs-sbg {
background-position: 23% !important; } }
@media only screen and (max-width: 640px) {
.home5-tab-product .jms-tabs-title ul.tab-title {
display: flex;
flex-wrap: wrap; } }
@media only screen and (max-width: 640px) {
.home5-tab-product .jms-tabs-title ul.tab-title > li {
flex-grow: 1;
width: calc(100% - 83.33%);
margin: 0; } }
@media only screen and (max-width: 640px) {
.home5-tab-product .jms-tabs-title ul.tab-title > li span {
font-size: 17px !important; } }
@media only screen and (max-width: 640px) {
.home5-tab-product .spacing-carousel-34 .owl-stage-outer {
padding-bottom: 0; } }
@media only screen and (min-width: 320px) {
.home5-tab-product .spacing-carousel-10 .owl-stage-outer {
padding-bottom: 36px; } }
@media only screen and (min-width: 320px) {
.h5-bgimg-banner {
background-position: top center;
background-size: cover; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.h5-bgimg-banner {
display: none; } }
@media only screen and (min-width: 320px) {
.h5-bgimg-banner .ekofood-countdown-timer .ekofood-countdown > span {
min-width: 60px;
min-height: 60px; } }
@media only screen and (min-width: 1400px) {
.h5-bgimg-banner .ekofood-countdown-timer .ekofood-countdown > span {
min-width: 70px;
min-height: 70px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.cat-vegetable {
margin-top: 20px !important; } }
.cat-vegetable .spacing-carousel-10 .owl-stage-outer {
padding-bottom: 35px; }
@media only screen and (min-width: 320px) {
.cat-vegetable .ekofood-menu-wrapper .title-widget-menu {
display: block;
width: 100%;
margin-bottom: 20px;
margin-left: 0px;
text-align: center; } }
@media only screen and (min-width: 992px) {
.cat-vegetable .ekofood-menu-wrapper .title-widget-menu {
display: inline-block;
width: auto;
margin-left: 23px;
margin-bottom: 0px;
position: relative;
top: 4px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.cat-vegetable .ekofood-menu-wrapper ul.vegettable-menu {
float: none;
text-align: center; } }
.cat-dried-fast-food .spacing-carousel-10 .owl-stage-outer {
padding-bottom: 35px; }
@media only screen and (min-width: 320px) {
.cat-dried-fast-food .ekofood-menu-wrapper .title-widget-menu {
display: block;
width: 100%;
margin-bottom: 20px;
margin-left: 0px;
text-align: center; } }
@media only screen and (min-width: 992px) {
.cat-dried-fast-food .ekofood-menu-wrapper .title-widget-menu {
display: inline-block;
width: auto;
margin-left: 23px;
margin-bottom: 0px;
position: relative;
top: 4px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.cat-dried-fast-food .ekofood-menu-wrapper ul.dried-fast-food {
float: none;
text-align: center; } }
.cat-milk-cream .spacing-carousel-10 .owl-stage-outer {
padding-bottom: 35px; }
@media only screen and (min-width: 320px) {
.cat-milk-cream .ekofood-menu-wrapper .title-widget-menu {
display: block;
width: 100%;
margin-bottom: 20px;
margin-left: 0px;
text-align: center; } }
@media only screen and (min-width: 992px) {
.cat-milk-cream .ekofood-menu-wrapper .title-widget-menu {
display: inline-block;
width: auto;
margin-left: 23px;
margin-bottom: 0px;
position: relative;
top: 4px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.cat-milk-cream .ekofood-menu-wrapper ul.milk-cream {
float: none;
text-align: center; } }
/**
* ========================
* RESPONSIVE HOME 6
* ========================
*/
@media only screen and (min-width: 1200px) {
.header-wrapper.header-6 > .container {
max-width: 1250px;
width: 100%; } }
@media only screen and (min-width: 1400px) {
.header-wrapper.header-6 > .container {
max-width: 1395px; } }
@media only screen and (min-width: 320px) {
.header-wrapper.header-6 > .container .wrap-header {
background: none;
display: flex;
position: unset;
padding-top: 15px;
padding-bottom: 15px; } }
@media only screen and (min-width: 992px) {
.header-wrapper.header-6 > .container .wrap-header {
background: url("assets/images/bg/bg-header-home6.png") top left no-repeat;
background-size: 100% 100%;
display: block;
position: absolute;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 15px; } }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-6 > .container .wrap-header {
padding-top: 30px;
padding-bottom: 2px;
padding-left: 34px;
padding-right: 34px; } }
@media only screen and (min-width: 1445px) {
.header-wrapper.header-6 > .container .wrap-header {
padding-left: 57px;
padding-right: 57px; } }
@media only screen and (min-width: 320px) {
.header-wrapper.header-6 > .container .wrap-header .mt-header .header-logo.header-left .header-block {
padding-right: 0px;
padding-left: 0px;
justify-content: center; } }
@media only screen and (min-width: 992px) {
.header-wrapper.header-6 > .container .wrap-header .mt-header .header-center .header-cat-menu .secondary-title {
display: inline-flex; } }
@media only screen and (min-width: 992px) {
.header-wrapper.header-6 > .container .wrap-header .mt-header .header-center .header-cat-menu .secondary-title .secondary-menu-toggle {
display: inline-flex;
position: relative;
top: -2px; } }
@media only screen and (min-width: 992px) {
.header-wrapper.header-6 > .container .wrap-header .mt-header .header-center .header-search {
padding-left: 0px;
padding-right: 0px; } }
@media only screen and (min-width: 992px) {
.header-wrapper.header-6 > .container .wrap-header .mt-header .header-right .header-block {
padding-right: 14px;
padding-left: 14px; } }
@media only screen and (min-width: 992px) {
.header-wrapper.header-6 > .container .wrap-header .mt-header .header-right .header-account .block-acount {
margin-right: 0px; } }
@media only screen and (min-width: 992px) {
.header-wrapper.header-6 > .container .wrap-header .mt-header .header-right .header-account .block-acount .acount-dropdown svg {
top: 4px; } }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-6 > .container .wrap-header .mt-header .header-right .header-account .block-acount .dropdown-menu {
left: -50px;
top: calc(100% + 15px); } }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-6 > .container .wrap-header .mt-header .header-right .header-account .block-acount .dropdown-menu .list-link-topbar {
padding-left: 20px; } }
@media only screen and (min-width: 992px) {
.header-wrapper.header-6 > .container .wrap-header .mb-header:before {
width: 100%;
left: 0px; } }
@media only screen and (min-width: 992px) {
.header-wrapper.header-6 > .container .wrap-header .mb-header .header-left .primary-menu-wrapper .ekofood-menu.primary-menu .store-mega-menu .dropdown-menu.mega-dropdown-menu {
left: -80px; } }
@media only screen and (min-width: 1445px) {
.header-wrapper.header-6 > .container .wrap-header .mb-header .header-left .primary-menu-wrapper .ekofood-menu.primary-menu .store-mega-menu .dropdown-menu.mega-dropdown-menu {
left: -120px; } }
@media only screen and (min-width: 992px) {
.header-wrapper.header-6 > .container .wrap-header .mb-header .header-left .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home .dropdown-menu.mega-dropdown-menu {
left: -173px;
top: calc(100% - 9px); } }
@media only screen and (min-width: 1200px) {
.header-wrapper.header-6 > .container .wrap-header .mb-header .header-left .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home .dropdown-menu.mega-dropdown-menu {
left: -54px; } }
@media only screen and (min-width: 1300px) {
.header-wrapper.header-6 > .container .wrap-header .mb-header .header-left .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home .dropdown-menu.mega-dropdown-menu {
min-width: 1366px !important;
left: -80px; } }
@media only screen and (min-width: 1445px) {
.header-wrapper.header-6 > .container .wrap-header .mb-header .header-left .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home .dropdown-menu.mega-dropdown-menu {
min-width: 1920px !important;
left: -304px; } }
@media only screen and (min-width: 1445px) {
.header-wrapper.header-6 > .container .wrap-header .mb-header .header-left .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner {
max-width: 1337px; } }
@media only screen and (min-width: 768px) {
.thre-banner-home6 .col-banner-1 .banner-box .banner-text {
padding: 0px;
padding-right: 10px;
padding-top: 10px; } }
@media only screen and (min-width: 1200px) {
.thre-banner-home6 .col-banner-1 .banner-box .banner-text {
padding: 30px;
padding-right: 38px;
padding-top: 30px; } }
@media only screen and (min-width: 768px) {
.thre-banner-home6 .col-banner-3 .banner-box .banner-text {
padding: 0px;
padding-right: 10px;
padding-top: 10px; } }
@media only screen and (min-width: 1200px) {
.thre-banner-home6 .col-banner-3 .banner-box .banner-text {
padding: 30px;
padding-right: 38px;
padding-top: 30px; } }
@media only screen and (min-width: 320px) {
.tw-banner-home6 {
margin-top: 4px; } }
@media only screen and (min-width: 320px) {
.tw-banner-home6 .col-banner-2 .banner-box .banner-text {
padding: 10px; } }
@media only screen and (min-width: 992px) {
.tw-banner-home6 .col-banner-2 .banner-box .banner-text {
padding: 30px;
padding-top: 20px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.tw-banner-home6 .col-banner-2 .banner-box .banner-text {
padding-right: 35px; } }
@media only screen and (min-width: 320px) {
.bg-banner-color-home6 .bg-container-color {
height: auto; } }
@media only screen and (min-width: 768px) {
.bg-banner-color-home6 .bg-container-color {
padding-left: 15px;
padding-right: 15px; } }
@media only screen and (min-width: 320px) {
.bg-banner-color-home6 .bg-container-color p {
text-align: center;
line-height: 1.6;
padding-top: 30px;
padding-bottom: 30px; } }
@media only screen and (min-width: 320px) {
.bg-banner-color-home6 .bg-container-color:before, .bg-banner-color-home6 .bg-container-color:after {
background-size: 100% 100%; } }
@media only screen and (min-width: 320px) {
.testimonials-home6 {
background-size: cover; } }
.feature-product-home6 .spacing-carousel-34 .owl-stage-outer {
padding-bottom: 30px; }
@media only screen and (min-width: 320px) {
.feature-product-home6 .line-wrap .title:after {
display: none; } }
@media only screen and (min-width: 1300px) {
.feature-product-home6 .line-wrap .title:after {
display: inline-block; } }
@media only screen and (min-width: 320px) {
.feature-product-home6 .spacing-carousel-10 .owl-stage-outer {
padding-bottom: 36px; } }
@media only screen and (min-width: 1200px) {
.feature-product-home6 .spacing-carousel-10 .owl-stage-outer {
padding-bottom: 60px; } }
@media only screen and (min-width: 320px) {
.feature-product-home6 .title-feature-product-home6 {
margin-bottom: 15px; } }
@media only screen and (min-width: 992px) {
.feature-product-home6 .title-feature-product-home6 {
margin-bottom: 0px; } }
@media only screen and (min-width: 320px) {
.feature-product-home6 .title-feature-product-home6 > .vc_column-inner {
padding-left: 0px;
padding-right: 0px; } }
@media only screen and (min-width: 768px) {
.feature-product-home6 .title-feature-product-home6 > .vc_column-inner {
padding-left: 17px;
padding-right: 17px; } }
@media only screen and (min-width: 1280px) {
.feature-product-home6 .title-feature-product-home6 > .vc_column-inner {
padding-left: 17px;
padding-right: 17px; } }
@media only screen and (min-width: 320px) {
.brand-home06 {
padding-top: 37px;
padding-bottom: 37px;
margin-bottom: 71px;
margin-top: 19px; } }
@media only screen and (min-width: 992px) {
.brand-home06 {
margin-top: 3px; } }
.title-blog-h6 .addon-title {
margin-bottom: 35px; }
.title-blog-h6 .addon-title .title {
font-size: 28px;
margin-bottom: 0;
color: #000;
font-weight: 500; }
/**
* ===============================
* PRODUCT HOT DEALS
* ===============================
*/
@media only screen and (min-width: 320px) {
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .timzon-hot-deals > p {
margin-right: 15px; } }
@media screen and (max-width: 540px) {
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .timzon-hot-deals {
flex-direction: column; }
.jms-hot-deals-products.product-type-layout1 .box-product-hot-deals .product-info .timzon-hot-deals > p {
margin-bottom: 15px; } }
/**
* ==================
* WOO - CATEGORY
* ==================
*/
@media only screen and (min-width: 1200px) {
.cat-type-image.jmsproductcategories-elements .cat-items .category-image .count-pr-cat {
top: 4px;
right: 33px; } }
@media only screen and (min-width: 1300px) {
.cat-type-image.jmsproductcategories-elements .cat-items .category-image .count-pr-cat {
top: 0px;
right: 15px; } }
/**
* =============================
* PRODUCTS CAT RESPONSIVE
* =============================
*/
@media only screen and (min-width: 320px) {
.shop-container .with-sidebar .shop-action .shop-action-inner .action-right .wc-switch {
margin-right: 5px; } }
@media only screen and (min-width: 768px) {
.shop-container .with-sidebar .shop-action .shop-action-inner .action-right .wc-switch {
margin-right: 30px; } }
@media only screen and (min-width: 320px) {
.shop-container .with-sidebar .shop-action .shop-action-inner .action-right .woocommerce-ordering {
padding-left: 0px; } }
@media only screen and (min-width: 768px) {
.shop-container .with-sidebar .shop-action .shop-action-inner .action-right .woocommerce-ordering {
padding-left: 15px; } }
@media only screen and (min-width: 800px) and (max-width: 1100px) and (orientation: landscape) {
.shop-container .widget-siderbar .widget_price_filter .price_slider_amount {
align-items: center;
justify-content: flex-end; } }
@media only screen and (min-width: 900px) and (max-width: 1100px) and (orientation: landscape) {
.shop-container .widget-siderbar .widget_price_filter .price_slider_amount {
text-align: left;
justify-content: flex-start; } }
@media only screen and (max-width: 815px) and (orientation: landscape) {
.shop-container .widget-siderbar .widget_price_filter .price_slider_amount {
text-align: left;
justify-content: flex-start; } }
@media only screen and (min-width: 1300px) {
.shop-container .widget-siderbar .widget_price_filter .price_slider_amount .button {
margin-right: 70px; } }
/**
* ===================================
* PAGE - HEADING - RESPONSIVE
* ===================================
*/
/**
* ==========================
* RESPNSOVE SINGLE PRODUCT
* ==========================
*/
@media only screen and (min-width: 320px) {
.single-product-container .column-right .entry-summary .woocommerce-product-rating .woocommerce-review-link {
margin-left: 0px; } }
@media only screen and (min-width: 360px) {
.single-product-container .column-right .entry-summary .woocommerce-product-rating .woocommerce-review-link {
margin-left: 24px; } }
@media only screen and (min-width: 1200px) {
.single-product-container .column-right .entry-summary .wrap-btn-single .single_add_to_cart_button {
margin-right: 0px; } }
@media only screen and (min-width: 320px) {
.single-product-container .column-right .entry-summary .yith-wcwl-add-to-wishlist {
display: none; } }
@media only screen and (min-width: 768px) {
.single-product-container .column-right .entry-summary .yith-wcwl-add-to-wishlist {
margin-top: 13px;
display: flex; } }
@media only screen and (min-width: 992px) {
.single-product-container .column-right .entry-summary .yith-wcwl-add-to-wishlist {
margin-left: 0px; } }
@media only screen and (min-width: 1200px) {
.single-product-container .column-right .entry-summary .yith-wcwl-add-to-wishlist {
margin-top: 0px;
margin-left: 20px; } }
@media only screen and (min-width: 320px) {
.single-product-container .column-right .entry-summary .compare-button {
display: none; } }
@media only screen and (min-width: 768px) {
.single-product-container .column-right .entry-summary .compare-button {
margin-top: 13px;
display: inline-block; } }
@media only screen and (min-width: 1200px) {
.single-product-container .column-right .entry-summary .compare-button {
margin-top: 0px; } }
@media only screen and (min-width: 320px) {
.single-product-container .wc-single-product-4 .column-right .entry-summary .yith-wcwl-add-to-wishlist {
margin-top: 15px; } }
@media only screen and (min-width: 1200px) {
.single-product-container .wc-single-product-4 .column-right .entry-summary .yith-wcwl-add-to-wishlist {
margin-left: 0px; } }
@media only screen and (min-width: 320px) {
.single-product-container .wc-single-product-4 .column-right .entry-summary .compare-button {
margin-top: 9px; } }
@media only screen and (min-width: 320px) {
.single-product-container .product-type-grouped .column-right .entry-summary .single_add_to_cart_button {
margin-bottom: 25px; } }
@media only screen and (min-width: 768px) {
.single-product-container .product-type-grouped .column-right .entry-summary .yith-wcwl-add-to-wishlist {
margin-top: 6px; } }
@media only screen and (min-width: 992px) {
.single-product-container .product-type-grouped .column-right .entry-summary .yith-wcwl-add-to-wishlist {
margin-left: 20px; } }
@media only screen and (min-width: 1200px) {
.single-product-container .product-type-grouped .column-right .entry-summary .yith-wcwl-add-to-wishlist {
margin-top: 6px; } }
@media only screen and (min-width: 768px) {
.single-product-container .product-type-grouped .column-right .entry-summary .compare-button {
margin-top: 1px; } }
@media only screen and (min-width: 768px) {
.single-product-container .product-type-external .column-right .entry-summary .yith-wcwl-add-to-wishlist {
margin-top: 5px;
margin-left: 20px;
margin-right: 20px; } }
@media only screen and (min-width: 1200px) {
.single-product-container .product-type-external .column-right .entry-summary .yith-wcwl-add-to-wishlist {
margin-top: 6px;
margin-right: 19px; } }
@media only screen and (min-width: 768px) {
.single-product-container .product-type-external .column-right .entry-summary .compare-button {
margin-top: 0px; } }
@media only screen and (min-width: 320px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form table.variations {
margin-bottom: 16px; } }
@media only screen and (min-width: 1200px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form table.variations {
margin-bottom: 35px; } }
@media only screen and (min-width: 768px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .single_variation_wrap {
position: relative; } }
@media only screen and (min-width: 992px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button {
margin-top: 0px; } }
@media only screen and (min-width: 1200px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button {
top: 3px; } }
@media only screen and (min-width: 768px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .single_variation_wrap .yith-wcwl-add-to-wishlist {
position: absolute;
top: 60px;
right: 107px; } }
@media only screen and (min-width: 992px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .single_variation_wrap .yith-wcwl-add-to-wishlist {
position: unset;
margin-left: 0px;
margin-top: 17px; } }
@media only screen and (min-width: 1200px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .single_variation_wrap .yith-wcwl-add-to-wishlist {
margin-left: 20px;
margin-top: 6px; } }
@media only screen and (min-width: 768px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .single_variation_wrap .compare-button {
position: absolute;
top: 60px;
right: 43px; } }
@media only screen and (min-width: 992px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .single_variation_wrap .compare-button {
position: unset;
margin-top: 18px; } }
@media only screen and (min-width: 1200px) {
.product-type-variable .wc-single-product .column-right .entry-summary .variations_form .single_variation_wrap .compare-button {
margin-top: 6px; } }
/**
* ===========================
* RESPONSIVE RELATED PRODUCT
* ==========================
*/
/**
* ======================================
* RESPINSIVE BLOG
* ======================================
*/
@media only screen and (min-width: 1200px) {
#main-content.col-lg-12.not-sidebar.blog-column-2 {
width: 75%;
margin: 0 auto;
clear: both;
float: none; } }
@media only screen and (max-width: 640px) {
.blog-type-default .blog-design-default {
width: 100%; } }
@media only screen and (min-width: 320px) {
.blog-type-default .blog-design-default.blog-col-3 {
width: 100%; } }
@media only screen and (min-width: 768px) {
.blog-type-default .blog-design-default.blog-col-3 {
width: calc(100%/2);
float: left; } }
@media only screen and (min-width: 1200px) {
.blog-type-default .blog-design-default.blog-col-3 {
width: calc(100%/3);
float: left; } }
@media only screen and (min-width: 1200px) {
.blog-type-default .blog-design-default.blog-col-3:nth-child(2n+1) {
clear: unset; } }
@media only screen and (min-width: 320px) {
.blog-type-default .blog-design-default.blog-col-4 {
width: 100%; } }
@media only screen and (min-width: 768px) {
.blog-type-default .blog-design-default.blog-col-4 {
width: calc(100%/2);
float: left; } }
@media only screen and (min-width: 1200px) {
.blog-type-default .blog-design-default.blog-col-4 {
width: calc(100%/4);
float: left; } }
@media only screen and (min-width: 1200px) {
.blog-type-default .blog-design-default.blog-col-4:nth-child(2n+1) {
clear: unset; } }
@media only screen and (min-width: 320px) {
.jmsblog-box .item-blog-3 .blog-post-loop {
width: 100%;
float: none; } }
@media only screen and (min-width: 768px) {
.jmsblog-box .item-blog-3 .blog-post-loop {
width: calc(100%/2);
float: left;
margin-bottom: 45px; } }
@media only screen and (min-width: 1200px) {
.jmsblog-box .item-blog-3 .blog-post-loop {
width: calc(100%/3); } }
@media only screen and (min-width: 320px) {
.jmsblog-box .item-blog-3 .blog-post-loop:not(:first-child) {
margin-top: 40px; } }
@media only screen and (min-width: 768px) {
.jmsblog-box .item-blog-3 .blog-post-loop:not(:first-child) {
margin-top: 0px; } }
/**
* ================================
* RESPONSIVE OTHER PAGE
* ================================
*/
@media only screen and (min-width: 320px) {
.contact-info {
margin-bottom: 67px; } }
@media only screen and (min-width: 320px) {
.contact-info .col-social .ekofood-social-icons.icon-style-icon {
flex-wrap: wrap; } }
@media only screen and (min-width: 768px) {
.contact-info .col-social .ekofood-social-icons.icon-style-icon .ekofood-social-icon {
margin-bottom: 5px; } }
@media only screen and (min-width: 1200px) {
.contact-info .col-social .ekofood-social-icons.icon-style-icon .ekofood-social-icon {
margin-bottom: 0px; } }
@media only screen and (min-width: 320px) {
.contact-map {
margin-bottom: 8px; } }
@media only screen and (min-width: 320px) {
.contact-touch-form {
margin-bottom: 33px; } }
@media only screen and (min-width: 320px) {
.contact-touch-form .contact-form-page .group-input-top .wpcf7-form-control-wrap {
flex-basis: 100%;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 20px; } }
@media only screen and (min-width: 768px) {
.contact-touch-form .contact-form-page .group-input-top .wpcf7-form-control-wrap {
flex-basis: calc(100%/2);
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0px; } }
@media only screen and (min-width: 320px) {
.p-element-sevice > .container {
width: calc(100% - 30px); } }
@media only screen and (min-width: 320px) {
.p-element-sevice > .container > .vc_column_container {
margin-bottom: 30px; } }
@media only screen and (min-width: 768px) {
.p-element-sevice > .container > .vc_column_container {
width: 50%; } }
@media only screen and (min-width: 1200px) {
.p-element-sevice > .container > .vc_column_container {
width: 25%;
margin-bottom: 0px; } }
@media only screen and (min-width: 768px) {
.p-element-sevice > .container > .vc_column_container:nth-child(3) {
margin-bottom: 0px; } }
@media only screen and (min-width: 320px) {
.p-element-sevice > .container > .vc_column_container:last-child {
margin-bottom: 0px; } }
@media only screen and (min-width: 320px) {
.p-element-sevice .service-elements.service-align-left {
justify-content: flex-start; } }
@media only screen and (min-width: 320px) {
.jmstestimonial-box .testimonial-box.testimonial-box-layout-1 .testimonial-inner {
padding-left: 15px; } }
@media only screen and (min-width: 1200px) {
.jmstestimonial-box .testimonial-box.testimonial-box-layout-1 .testimonial-inner {
padding-left: 55px; } }
@media only screen and (min-width: 320px) {
.jmstestimonial-box .testimonial-box.testimonial-box-layout-2 .testimonial-inner {
padding: 15px; } }
@media only screen and (min-width: 320px) {
.jmstestimonial-box .testimonial-box.testimonial-box-layout-2 .testimonial-inner .testimonials-avatar-box {
flex-wrap: wrap; } }
@media only screen and (min-width: 320px) {
.jmstestimonial-box .testimonial-box.testimonial-box-layout-2 .testimonial-inner .testimonials-avatar-box .testimonials-title {
padding-left: 0px; } }
@media only screen and (min-width: 1200px) {
.jmstestimonial-box .testimonial-box.testimonial-box-layout-2 .testimonial-inner .testimonials-avatar-box .testimonials-title {
margin-top: 15px;
padding-left: 15px; } }
@media only screen and (min-width: 320px) {
.jmstestimonial-box .testimonial-box.testimonial-box-layout-2 .testimonial-inner .testimonial-content {
padding-left: 0px; } }
@media only screen and (min-width: 320px) {
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonial-inner {
padding-left: 15px; } }
@media only screen and (min-width: 320px) {
.jmstestimonial-box .testimonial-box.testimonial-box-layout-3 .testimonial-inner .testimonial-content {
padding-left: 10px; } }
@media only screen and (min-width: 320px) {
.jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonial-inner {
padding-left: 15px; } }
@media only screen and (min-width: 320px) {
.jmstestimonial-box .testimonial-box.testimonial-box-layout-4 .testimonial-inner .testimonial-content {
padding-left: 10px; } }
@media only screen and (min-width: 768px) {
.page-element-social .col-social-1 {
width: 50%; } }
@media only screen and (min-width: 992px) {
.page-element-social .col-social-1 {
width: 33.33333333%; } }
@media only screen and (min-width: 768px) {
.page-element-social .col-social-2 {
width: 50%; } }
@media only screen and (min-width: 992px) {
.page-element-social .col-social-2 {
width: 33.33333333%; } }
@media only screen and (min-width: 768px) {
.page-element-social .col-social-3 {
width: 50%; } }
@media only screen and (min-width: 992px) {
.page-element-social .col-social-3 {
width: 33.33333333%; } }
@media only screen and (min-width: 320px) {
.p-element-banner .col-banner-r .banner-box .banner-text .title p {
font-size: 2rem; } }
@media only screen and (min-width: 992px) {
.p-element-banner .col-banner-r .banner-box .banner-text .title p {
font-size: 2.571rem; } }
@media only screen and (min-width: 320px) {
.p-element-banner .col-banner-r .banner-box .banner-text .title p strong {
padding-left: 0px; } }
@media only screen and (min-width: 1200px) {
.p-element-banner .col-banner-r .banner-box .banner-text .title p strong {
padding-left: 175px; } }
@media only screen and (min-width: 320px) {
.p-element-banner .col-banner-r .banner-box .banner-text .subtitle {
margin-left: 0px; } }
@media only screen and (min-width: 320px) {
.p-element-banner.pb-center .col-banner-r .banner-box .banner-text .subtitle {
margin-left: 0px; } }
@media only screen and (min-width: 1200px) {
.p-element-banner.pb-center .col-banner-r .banner-box .banner-text .subtitle {
margin-left: 35px; } }
@media only screen and (min-width: 320px) {
.p-element-banner.pb-left .col-banner-r .banner-box .banner-text .subtitle {
margin-left: 0px; } }
@media only screen and (min-width: 1200px) {
.p-element-banner.pb-left .col-banner-r .banner-box .banner-text .subtitle {
margin-left: 100px; } }
@media only screen and (min-width: 320px) {
.p-element-banner.pb-right .col-banner-r .banner-box .banner-text .subtitle {
margin-right: 0px; } }
@media only screen and (min-width: 1200px) {
.p-element-banner.pb-right .col-banner-r .banner-box .banner-text .subtitle {
margin-right: 67px; } }
/**
* =========================
* Stick Menu
* =========================
*/
@media only screen and (min-width: 320px) {
.header-sticky > .container .wrap-header {
display: flex;
align-items: center;
align-content: center;
height: auto;
line-height: 3; } }
@media only screen and (min-width: 320px) {
.header-sticky > .container .wrap-header .menu-toggle {
padding-left: 0px; } }
@media only screen and (min-width: 320px) {
.header-sticky > .container .wrap-header .menu-toggle .menu-button {
padding-top: 4px; } }
.header-sticky > .container .wrap-header .header-position.header-left {
flex-basis: 15%; }
@media only screen and (min-width: 320px) {
.header-sticky > .container .wrap-header .header-position.header-left {
justify-content: center; } }
@media only screen and (min-width: 1200px) {
.header-sticky > .container .wrap-header .header-position.header-left {
justify-content: flex-start;
padding-left: 17px; } }
.header-sticky > .container .wrap-header .header-position.header-left.header-logo > .header-block {
margin-top: -20px; }
.header-sticky > .container .wrap-header .header-position .search-icon-popup .btn-group .dropdown-menu {
transform: unset; }
@media only screen and (min-width: 992px) {
.header-sticky > .container .wrap-header .header-position .search-icon-popup .btn-group .dropdown-menu {
right: -150px; } }
@media only screen and (min-width: 992px) {
.header-sticky > .container .wrap-header .header-position .search-icon-popup .btn-group .dropdown-menu:after {
left: auto;
right: 155px; } }
@media only screen and (min-width: 1445px) {
.header-sticky > .container .wrap-header .header-position .header-wishlist .dropdown-toggle {
top: 4px; } }
.header-sticky > .container .wrap-header .header-center {
flex-basis: 65%; }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu > li {
line-height: 4; }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu > li > a {
line-height: 3; }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu > li > a:after {
bottom: 12px; }
@media only screen and (min-width: 992px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu > li .dropdown-menu .container {
max-width: 970px !important; } }
@media only screen and (min-width: 1200px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu > li .dropdown-menu .container {
max-width: 1250px !important; } }
@media only screen and (min-width: 1300px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu > li .dropdown-menu .container {
max-width: 1340px !important; } }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
top: calc(100% - 15px);
padding: 35px 0px 20px 0px;
z-index: 99; }
@media only screen and (min-width: 992px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -141px; } }
@media only screen and (min-width: 1200px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -18px; } }
@media only screen and (min-width: 1350px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
min-width: 1920px !important;
left: -285px; } }
@media only screen and (min-width: 1400px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -237px; } }
@media only screen and (min-width: 1445px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home > .dropdown-menu.mega-dropdown-menu {
left: -7px; } }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .carousel-menu-home .owl-carousel.owl-theme .owl-stage-outer .owl-item {
padding: 5px; }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .store-mega-menu > .dropdown-menu.mega-dropdown-menu {
padding: 30px 0px 30px 0px; }
@media only screen and (min-width: 1200px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .store-mega-menu > .dropdown-menu.mega-dropdown-menu {
left: 450px; } }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .page-element-megamenu > .dropdown-menu.mega-dropdown-menu {
padding: 30px 0px 30px 0px;
left: -350px;
top: 100%; }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .banner-box {
margin-bottom: 19px;
border: 1px solid #fff;
border-radius: 5px; }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu {
top: calc(100% - 15px); }
@media only screen and (min-width: 992px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu {
left: -142px; } }
@media only screen and (min-width: 1200px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu {
left: -18px; } }
@media only screen and (min-width: 1350px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu {
min-width: 1920px !important;
left: -281px; } }
@media only screen and (min-width: 1400px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu {
left: -240px; } }
@media only screen and (min-width: 1445px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu {
left: -10px; } }
@media only screen and (min-width: 1300px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .container {
max-width: 1314px !important; } }
@media only screen and (min-width: 1400px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .container {
max-width: 1314px !important; } }
@media only screen and (min-width: 1445px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .container {
max-width: 1318px !important; } }
@media only screen and (min-width: 992px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav.col-sm-12 {
padding-left: 7px;
padding-right: 7px; } }
@media only screen and (min-width: 1200px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav.col-sm-12 {
padding-left: 25px;
padding-right: 25px; } }
@media only screen and (min-width: 992px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(2) {
padding-left: 11px; } }
@media only screen and (min-width: 1200px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(2) {
padding-left: 35px;
padding-right: 25px; } }
@media only screen and (min-width: 1300px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(2) {
padding-left: 53px; } }
@media only screen and (min-width: 1445px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(2) {
padding-left: 51px; } }
@media only screen and (min-width: 992px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(3) {
padding-left: 16px; } }
@media only screen and (min-width: 1200px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(3) {
padding-left: 25px;
padding-right: 25px; } }
@media only screen and (min-width: 1300px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(3) {
padding-left: 36px; } }
@media only screen and (min-width: 1445px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(3) {
padding-left: 33px; } }
@media only screen and (min-width: 992px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(4) {
padding-left: 18px; } }
@media only screen and (min-width: 1200px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(4) {
padding-left: 18px;
padding-right: 25px; } }
@media only screen and (min-width: 1300px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(4) {
padding-left: 18px; } }
@media only screen and (min-width: 1445px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(4) {
padding-left: 17px; } }
@media only screen and (min-width: 1200px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(5) {
padding-left: 12px;
padding-right: 25px; } }
@media only screen and (min-width: 1300px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(5) {
padding-left: 2px; } }
@media only screen and (min-width: 1445px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner .mega-nav:nth-child(5) {
padding-left: 3px; } }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .elements-megamenu .mega-dropdown-menu {
left: 17%;
padding: 43px 0px 32px 50px; }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu {
transform: translateX(0px);
background: #ffffff;
top: calc(100% - 15px); }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu.simple-menu {
top: 100%; }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu.simple-menu .simple-menu {
top: -40px; }
@media only screen and (min-width: 992px) {
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav {
padding-left: 25px;
padding-right: 25px; } }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li {
text-align: left; }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li > a {
display: block;
margin-bottom: 15px; }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li > a .menu_title {
font-size: 1.42rem;
font-family: "Caros";
color: #000000;
text-transform: capitalize;
display: block;
letter-spacing: 0.5px; }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li > a:hover {
cursor: default; }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li > a i {
display: none; }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li .sub-menu {
background-color: transparent;
text-align: left; }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li .sub-menu li {
margin-left: -23px; }
.header-sticky > .container .wrap-header .header-center .primary-menu-wrapper .ekofood-menu.primary-menu .dropdown-menu .mega-dropdown-inner > .mega-nav > li .sub-menu li a {
font-family: "Roboto", sans-serif;
font-size: 1rem;
color: #555555;
text-transform: capitalize;
display: block;
width: 100%;
padding-left: 23px; }
.header-sticky > .container .wrap-header .header-right {
flex-basis: 20%;
display: flex;
justify-content: flex-end; }
@media only screen and (min-width: 320px) {
.header-sticky > .container .wrap-header .header-right.header-position {
width: auto;
padding-right: 0px; } }
@media only screen and (min-width: 992px) {
.header-sticky > .container .wrap-header .header-right.header-position {
width: 25%; } }
@media only screen and (min-width: 1200px) {
.header-sticky > .container .wrap-header .header-right.header-position {
width: 23.5%;
padding-right: 17px; } }
.header-sticky > .container .wrap-header .header-right.header-position .header-account > a {
margin-top: 5px; }
@media only screen and (min-width: 992px) {
.header-sticky > .container .wrap-header .header-right.header-position .header-wishlist > a {
position: relative;
top: 11px; } }
.header-sticky > .container .wrap-header .header-right.header-position .header-cart > a {
top: 16px;
position: relative; }
@media only screen and (min-width: 320px) {
.header-sticky > .container .wrap-header .header-right.header-position .header-cart {
margin-top: -8px; } }
@media only screen and (min-width: 320px) {
.header-sticky > .container .wrap-header .header-right.header-position .header-cart .dropdown-toggle {
line-height: 1.6; } }
@media only screen and (min-width: 320px) {
.header-sticky > .container .wrap-header .header-right.header-position .header-cart .cart-count {
bottom: -1px;
background-color: #fe2626; } }
@media only screen and (min-width: 320px) {
.header-sticky > .container .wrap-header .header-right.header-position .header-cart .price-s-icon {
display: none; } }
@media only screen and (min-width: 992px) {
.header-sticky > .container .wrap-header .header-right.header-position .header-cart .price-s-icon {
display: inline-block; } }
@media only screen and (min-width: 320px) {
.header-sticky > .container .wrap-header .header-right.header-position .header-cart .widget_shopping_cart_content {
left: auto;
right: -12px;
top: calc(100% + 20px);
min-width: 270px;
max-width: 290px; } }
@media only screen and (min-width: 1300px) {
.header-sticky > .container .wrap-header .header-right.header-position .header-cart .widget_shopping_cart_content {
right: auto;
left: -150px;
min-width: 314px;
max-width: 314px; } }
@media only screen and (min-width: 992px) {
.header-sticky > .container .wrap-header .header-right.header-position .header-cart .widget_shopping_cart_content:after {
right: 16px; } }
@media only screen and (min-width: 1300px) {
.header-sticky > .container .wrap-header .header-right.header-position .header-cart .widget_shopping_cart_content:after {
right: 147px; } }
@media only screen and (min-width: 320px) {
.header-sticky > .container .wrap-header .header-right.header-position .header-cart:hover .widget_shopping_cart_content {
opacity: 1;
visibility: visible; } }
@media only screen and (min-width: 992px) {
.header-sticky.show .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner {
max-width: 970px; } }
@media only screen and (min-width: 1200px) {
.header-sticky.show .ekofood-menu.primary-menu .banner-ft-menu .dropdown-menu.mega-dropdown-menu .mega-dropdown-inner {
max-width: 1415px; } }
ins {
text-decoration: unset; }
/* ---------------------------------------------
HOME 1
------------------------------------------ */
.h1-eko-services {
margin-top: 80px;
margin-bottom: 80px; }
.h1-eko-services > .container {
border: 1px solid;
border-color: #ebebeb;
border-radius: 4px;
padding-bottom: 34px; }
@media only screen and (min-width: 1340px) {
.h1-eko-services > .container {
max-width: 1310px;
min-width: 1310px; } }
@media only screen and (min-width: 1300px) {
.h1-eko-services > .container .vc_column_container > .vc_column-inner {
padding-left: 12px;
padding-right: 12px; } }
.h1-eko-services .service-elements {
margin-top: 36px; }
@media only screen and (min-width: 1400px) {
.h1-eko-services .service-elements {
margin: 0 auto;
margin-top: 36px;
width: max-content; } }
.h1-eko-services .service-elements .service-box-icon {
max-width: 57px;
width: 57px;
height: 57px;
border-radius: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 10px;
color: white;
transition: .3s all ease; }
.h1-eko-services .service-elements .service-box-icon .inner-ivon {
display: inline-flex; }
.h1-eko-services .service-elements .service-box-content {
max-width: calc(100% - 57px);
width: calc(100% - 57px);
flex: auto; }
.h1-eko-services .service-elements .service-box-content .service-title {
line-height: 1.3;
font-size: 19px;
color: #000;
font-weight: 500;
margin-bottom: 8px; }
.h1-eko-services .service-elements .service-box-content .service-subtitle {
line-height: 1.2; }
/* ---------------------------------------------
HOME 2
------------------------------------------ */
.h2-eko-services {
margin-bottom: 30px;
margin-top: 30px; }
@media only screen and (min-width: 1275px) {
.h2-eko-services {
margin-bottom: 80px;
margin-top: 80px; } }
.h2-eko-services > .container {
max-width: calc(100% - 34px);
border: 1px solid #ebebeb;
border-radius: 5px;
padding-bottom: 33px; }
.h2-eko-services > .container > .wpb_column:not(:last-of-type) .service-box-content {
position: relative; }
@media only screen and (min-width: 1445px) {
.h2-eko-services > .container > .wpb_column:not(:last-of-type) .service-box-content:after {
content: '';
position: absolute;
width: 1px;
height: 60px;
top: -5px;
right: 0;
background-color: #ebebeb; } }
@media only screen and (min-width: 1275px) {
.h2-eko-services > .container > .wpb_column > .vc_column-inner {
padding-left: 15px;
padding-right: 15px; } }
@media only screen and (min-width: 1275px) {
.h2-eko-services > .container > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
justify-content: center; } }
@media only screen and (min-width: 1275px) {
.h2-eko-services > .container > .wpb_column:nth-of-type(1) .service-elements {
min-width: 341px;
max-width: 341px;
right: -40px; } }
@media only screen and (min-width: 1275px) {
.h2-eko-services > .container > .wpb_column:nth-of-type(2) .service-elements {
min-width: 337px;
max-width: 337px;
right: -44px; } }
@media only screen and (min-width: 1275px) {
.h2-eko-services > .container > .wpb_column:nth-of-type(3) .service-elements {
min-width: 360px;
max-width: 360px;
right: -35px; } }
.h2-eko-services .service-elements {
margin-top: 37px;
position: relative; }
.h2-eko-services .service-elements .service-box-content .service-title {
font-size: 19px;
line-height: 1.3;
font-weight: 500;
color: black;
margin-bottom: 7px; }
.h2-eko-services .service-elements .service-box-content .service-subtitle {
line-height: 1.4; }
.h2-eko-services .service-elements .service-box-icon {
max-width: 57px;
width: 57px;
height: 57px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 30px;
color: white;
margin-right: 10px;
transition: .3s all ease; }
.h2-eko-services .service-elements .service-box-icon > .inner-ivon {
display: inline-flex; }
.h2-eko-banner {
margin-bottom: 15px; }
@media only screen and (min-width: 1275px) {
.h2-eko-banner {
margin-bottom: 56px; } }
.h2-eko-banner > .wpb_column:nth-of-type(1) .banner-box .banner-text {
text-align: right; }
@media only screen and (min-width: 1300px) {
.h2-eko-banner > .wpb_column:nth-of-type(1) .banner-box .banner-text {
text-align: left;
min-width: 214px;
max-width: 214px;
right: 19px;
left: auto; } }
@media only screen and (min-width: 1300px) {
.h2-eko-banner > .wpb_column:nth-of-type(2) .banner-box .banner-text {
min-width: 425px;
max-width: 425px;
left: 124px; } }
.h2-eko-banner > .wpb_column:nth-of-type(3) .banner-box .banner-text {
text-align: right; }
@media only screen and (min-width: 1300px) {
.h2-eko-banner > .wpb_column:nth-of-type(3) .banner-box .banner-text {
text-align: left;
min-width: 219px;
max-width: 219px;
right: 19px;
left: auto; } }
.h2-eko-banner .banner-box {
line-height: 1.2;
margin-bottom: 15px; }
.h2-eko-banner .banner-box .banner-text {
padding: 15px; }
@media only screen and (min-width: 1300px) {
.h2-eko-banner .banner-box .banner-text {
padding: 0;
padding-top: 31px; } }
@media only screen and (min-width: 760px) and (max-width: 1100px) and (orientation: landscape) {
.h2-eko-banner .banner-box .banner-text {
font-size: 11px;
padding: 5px;
padding-top: 15px;
padding-right: 10px; } }
@media only screen and (min-width: 764px) and (max-width: 800px) and (orientation: portrait) {
.h2-eko-banner .banner-box .banner-text {
font-size: 11px;
padding: 5px;
padding-top: 10px; } }
@media only screen and (max-width: 767px) and (orientation: landscape) {
.h2-eko-banner .banner-box .banner-text {
padding: 30px; } }
@media only screen and (max-width: 540px) and (orientation: landscape) {
.h2-eko-banner .banner-box .banner-text {
padding: 12px; } }
@media only screen and (max-width: 340px) and (orientation: portrait) {
.h2-eko-banner .banner-box .banner-text {
font-size: 13px;
padding: 10px; } }
.h2-eko-banner .banner-box .banner-text .title {
font-style: italic;
margin-bottom: 7px; }
@media only screen and (min-width: 1275px) {
.h2-eko-banner .banner-box .banner-text .title {
margin-bottom: 12px; } }
.h2-eko-banner .banner-box .banner-text .title p {
line-height: 1.2; }
.h2-eko-banner .banner-box .banner-text .subtitle p {
line-height: 1.3; }
.h2-eko-tab-products .addon-title .title {
font-size: 28px;
font-weight: 500;
color: #000;
margin-bottom: 30px; }
.h2-eko-tab-products .jms-tabs-title ul li span {
font-size: 16px; }
@media only screen and (min-width: 1300px) {
.h2-eko-countdown.group-banner-countdown {
margin-top: 40px; } }
.h2-eko-countdown.group-banner-countdown .banner-box {
margin-bottom: 15px; }
.h2-eko-newest-products {
margin-top: 65px;
padding-top: 50px;
padding-bottom: 45px;
background-color: #f8f8f8;
background-repeat: no-repeat;
background-size: cover;
background-position: center; }
@media only screen and (min-width: 1600px) {
.h2-eko-newest-products {
padding-top: 111px;
padding-bottom: 46px;
background-image: url("assets/images/bg/bg1-banner-home2.jpg");
background-position: top left;
background-size: contain; } }
@media only screen and (min-width: 768px) {
.h2-eko-newest-products > .container {
width: 100%; } }
@media only screen and (min-width: 1700px) {
.h2-eko-newest-products > .container {
max-width: 1760px; } }
@media only screen and (min-width: 1700px) and (max-width: 1760px) and (orientation: landscape) {
.h2-eko-newest-products > .container {
padding: 0 50px; } }
@media only screen and (max-width: 1599px) {
.h2-eko-newest-products > .container .wpb_column:nth-of-type(1) {
display: none !important; } }
@media only screen and (max-width: 1599px) {
.h2-eko-newest-products > .container .wpb_column:nth-of-type(2) {
width: 100% !important; } }
@media only screen and (min-width: 1700px) {
.h2-eko-newest-products > .container .wpb_column:last-of-type .vc_column-inner {
padding-left: 0;
padding-right: 0; } }
.h2-eko-newest-products .addon-title {
line-height: 1;
margin-bottom: 28px; }
.h2-eko-newest-products .addon-title .title {
font-size: 28px;
line-height: 1.2;
font-weight: 500; }
.h2-eko-newest-products .jmsproduct-elements .owl-theme .owl-nav.disabled + .owl-dots {
display: none;
margin-top: 0; }
@media only screen and (min-width: 1700px) {
.h2-eko-newest-products .jmsproduct-elements .owl-theme .owl-nav.disabled + .owl-dots {
display: inline-flex;
position: absolute;
right: 0;
top: -29px; } }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 {
background-color: white;
padding: 12px 13px;
transition: all 0.3s ease; }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2:hover {
box-shadow: 2px 0px 13px 0 rgba(0, 0, 0, 0.22); }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2:hover .product-list-info-box .product-list-info-top .yith-wcwl-add-to-wishlist {
opacity: 1;
transform: translateX(0); }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-thumb {
width: 166px;
min-width: 166px;
float: none; }
@media only screen and (min-width: 760px) and (max-width: 830px) and (orientation: landscape) {
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-thumb {
width: 80px;
min-width: 80px; } }
@media only screen and (min-width: 764px) and (max-width: 800px) and (orientation: portrait) {
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-thumb {
width: 100px;
min-width: 100px; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-thumb {
width: 100px;
min-width: 100px; } }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box {
float: none;
width: calc(100% - 166px);
min-width: calc(100% - 166px);
padding-left: 33px; }
@media only screen and (min-width: 760px) and (max-width: 830px) and (orientation: landscape) {
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box {
width: calc(100% - 80px);
min-width: calc(100% - 80px);
padding-left: 20px; } }
@media only screen and (min-width: 764px) and (max-width: 800px) and (orientation: portrait) {
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box {
width: calc(100% - 100px);
min-width: calc(100% - 100px);
padding-left: 15px; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box {
width: calc(100% - 100px);
min-width: calc(100% - 100px);
padding-left: 17px; } }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .product-cat {
line-height: 1;
margin-top: 0px; }
@media only screen and (min-width: 1275px) {
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .product-cat {
margin-top: -2px; } }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .product-cat a {
font-size: 13px;
font-weight: 400;
line-height: 1.2; }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .woocommerce-LoopProduct-link {
font-size: 15px;
font-weight: 500;
line-height: 1.2;
margin-top: 10px; }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .price {
font-weight: bold;
font-size: 17px;
line-height: 1.2;
min-height: auto;
margin-top: 9px;
margin-bottom: 18px;
width: 100%;
display: flex; }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .star-rating {
line-height: 1.4;
min-height: 13px;
height: auto;
font-size: 13px;
display: flex; }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .product-list-info-top .yith-wcwl-add-to-wishlist {
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
transition: .5s;
opacity: 0;
transform: translateX(20px);
top: 0;
background-color: #f2f2f2;
border-color: #f2f2f2; }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .product-list-info-top .yith-wcwl-add-to-wishlist > .yith-wcwl-add-button {
display: inline-flex !important; }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .product-list-info-top .yith-wcwl-add-to-wishlist svg {
top: unset; }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .product-list-info-top .yith-wcwl-add-to-wishlist .lb-wishlist {
display: none !important; }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .actions-button {
margin-top: 20px; }
@media only screen and (max-width: 1100px) and (orientation: landscape) {
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .actions-button .addtocart + ul {
display: none !important; } }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .actions-button .addtocart .button-cart {
border: 2px solid;
border-radius: 5px; }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .actions-button .addtocart .button-cart:hover .tooltip {
color: white !important; }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .actions-button .addtocart .tooltip {
font-size: 14px;
line-height: 1.3;
min-width: 120px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 6px 10px;
font-weight: bold; }
@media only screen and (min-width: 1700px) and (max-width: 1760px) and (orientation: landscape) {
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .actions-button .addtocart .tooltip {
padding: 6px 2px; } }
@media only screen and (max-width: 340px) and (orientation: portrait) {
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .actions-button .addtocart .tooltip {
font-size: 13px;
padding: 6px 2px; } }
.h2-eko-newest-products .jmsproduct-elements .product-style-list2 .product-list-info-box .actions-button .addtocart .tooltip:after {
height: 0 !important; }
.h2-eko-testimonial .jmstestimonial-box .testimonial-box-layout-2 .testimonial-inner .testimonials-avatar-box img {
min-width: 90px;
min-height: 90px;
max-width: 90px;
max-height: 90px;
object-fit: cover; }
.h2-eko-testimonial .jmstestimonial-box .testimonial-box-layout-2 .testimonial-inner .testimonials-avatar-box .testimonials-title .name {
font-size: 24px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 7px; }
.h2-eko-testimonial .jmstestimonial-box .testimonial-box-layout-2 .testimonial-inner .testimonials-avatar-box .testimonials-title .office {
font-size: 15px; }
.h2-eko-recommended-product {
margin-bottom: 56px; }
.h2-eko-recommended-product .addon-title {
margin-top: 34px;
margin-bottom: 25px; }
.h2-eko-recommended-product .addon-title .title {
font-size: 28px;
font-weight: 500;
color: #000; }
@media only screen and (min-width: 1400px) {
.h2-eko-recommended-product .jmsproduct-elements .owl-theme .owl-nav.disabled + .owl-dots {
margin-top: -58px; } }
/* ---------------------------------------------
HOME 3
------------------------------------------ */
.h3-eko-banner {
margin-top: 29px;
position: relative; }
@media only screen and (min-width: 1445px) {
.h3-eko-banner:before {
content: '';
position: absolute;
background-image: url(assets/images/bg/obj-banner-home-3.png);
background-position: bottom left;
background-repeat: no-repeat;
background-size: contain;
bottom: 1px;
left: 0;
width: 194px;
height: 545px;
display: block;
z-index: 9; } }
@media only screen and (min-width: 1930px) {
.h3-eko-banner:before {
background-image: url(assets/images/bg/obj-banner-home-3-zoom.png); } }
.h3-eko-featured-cate {
margin-top: 41px; }
.h3-eko-featured-cate .addon-title {
margin-bottom: 35px; }
.h3-eko-featured-cate .addon-title .title {
font-size: 28px;
font-weight: 500;
color: #000;
position: relative;
text-align: center; }
.h3-eko-featured-cate .addon-title .title:after {
content: '';
width: 80px;
height: 3px;
display: block;
margin: auto;
margin-top: 15px; }
.h3-eko-check-out-pro {
margin-top: 41px; }
.h3-eko-check-out-pro .addon-title {
margin-bottom: 35px; }
.h3-eko-check-out-pro .addon-title .title {
font-size: 28px;
font-weight: 500;
color: #000;
position: relative;
text-align: center; }
.h3-eko-check-out-pro .addon-title .title:after {
content: '';
width: 80px;
height: 3px;
display: block;
margin: auto;
margin-top: 15px; }
.h3-eko-services {
padding-bottom: 42px;
margin-top: 52px; }
.h3-eko-services .service-elements {
margin-top: 42px; }
@media only screen and (min-width: 1400px) {
.h3-eko-services .service-elements {
margin: 0 auto;
margin-top: 42px;
width: max-content; } }
.h3-eko-services .service-elements .service-box-icon {
max-width: 57px;
width: 57px;
height: 57px;
border-radius: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
color: white;
margin-right: 10px; }
.h3-eko-services .service-elements .service-box-icon .inner-ivon {
display: inline-flex; }
.h3-eko-services .service-elements .service-box-content {
max-width: calc(100% - 57px);
width: calc(100% - 57px);
flex: auto; }
.h3-eko-services .service-elements .service-box-content .service-title {
line-height: 1.3;
font-size: 19px;
color: #000;
font-weight: 500;
margin-bottom: 8px; }
.h3-eko-services .service-elements .service-box-content .service-subtitle {
line-height: 1.2; }
.h3-eko-newest-products {
margin-top: 71px; }
.h3-eko-newest-products .addon-title {
margin-bottom: 36px; }
.h3-eko-newest-products .addon-title .title {
font-size: 28px;
font-weight: 500;
color: #000;
position: relative;
text-align: center;
margin-bottom: 0; }
.home3-blog {
margin-top: 37px;
margin-bottom: 46px; }
.home3-blog .addon-title {
margin-bottom: 35px; }
.home3-blog .addon-title .title {
font-size: 28px;
font-weight: 500;
color: #000;
position: relative;
text-align: center;
margin-bottom: 0; }
/* ---------------------------------------------
HOME 4
------------------------------------------ */
.h4-eko-services {
margin-top: 34px; }
@media only screen and (min-width: 1300px) {
.h4-eko-services {
margin-top: 80px; } }
@media only screen and (max-width: 740px) and (orientation: landscape) {
.h4-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.h4-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
.h4-eko-services > .container {
border: 1px solid;
border-color: #ebebeb;
border-radius: 4px;
padding-bottom: 34px; }
@media only screen and (min-width: 1300px) {
.h4-eko-services > .container {
max-width: 1310px; } }
@media only screen and (min-width: 1300px) {
.h4-eko-services > .container .vc_column_container > .vc_column-inner {
padding-left: 12px;
padding-right: 12px; } }
.h4-eko-services .service-elements {
margin-top: 36px; }
@media only screen and (min-width: 1400px) {
.h4-eko-services .service-elements {
margin: 0 auto;
margin-top: 36px;
width: max-content; } }
.h4-eko-services .service-elements .service-box-icon {
max-width: 57px;
width: 57px;
height: 57px;
border-radius: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 10px;
color: white;
transition: .3s all ease; }
.h4-eko-services .service-elements .service-box-icon .inner-ivon {
display: inline-flex; }
.h4-eko-services .service-elements .service-box-content {
max-width: calc(100% - 57px);
width: calc(100% - 57px);
flex: auto; }
.h4-eko-services .service-elements .service-box-content .service-title {
line-height: 1.3;
font-size: 19px;
color: #000;
font-weight: 500;
margin-bottom: 8px; }
.h4-eko-services .service-elements .service-box-content .service-subtitle {
line-height: 1.2; }
.h4-eko-hot-deals {
margin-bottom: 37px;
margin-top: 76px; }
.h4-eko-hot-deals > .container {
position: relative; }
@media only screen and (min-width: 768px) {
.h4-eko-hot-deals > .container .wpb_column:first-of-type {
width: 100%; } }
@media only screen and (min-width: 768px) {
.h4-eko-hot-deals > .container .wpb_column:last-of-type {
width: max-content;
position: absolute;
right: 0;
top: 11px; } }
@media only screen and (min-width: 768px) {
.h4-eko-hot-deals > .container .wpb_column:last-of-type > .vc_column-inner {
padding-left: 0; } }
.h4-eko-hot-deals .addon-title {
position: relative; }
.h4-eko-hot-deals .addon-title:after {
content: '';
width: 100%;
background-color: #f0f0f0;
height: 2px;
position: absolute;
left: 0;
top: 16px; }
.h4-eko-hot-deals .addon-title .title {
font-size: 28px;
font-weight: 500;
color: #000;
position: relative;
margin-bottom: 0;
z-index: 9;
background-color: white;
padding-right: 16px;
line-height: 1; }
@media only screen and (max-width: 767px) and (orientation: landscape) {
.h4-eko-hot-deals .addon-title .title {
padding: 15px 10px;
text-align: center; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.h4-eko-hot-deals .addon-title .title {
padding: 15px 10px;
text-align: center; } }
.h4-eko-hot-deals .ekofood-countdown-timer {
display: flex;
justify-content: center;
align-items: center;
background-color: white;
z-index: 9;
padding-left: 14px; }
@media only screen and (min-width: 768px) {
.h4-eko-hot-deals .ekofood-countdown-timer {
margin-top: -4px; } }
@media only screen and (min-width: 1200px) {
.h4-eko-hot-deals .ekofood-countdown-timer {
justify-content: flex-end; } }
@media only screen and (max-width: 767px) and (orientation: landscape) {
.h4-eko-hot-deals .ekofood-countdown-timer {
padding-left: 0;
margin-top: 3px; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.h4-eko-hot-deals .ekofood-countdown-timer {
padding-left: 0;
margin-top: 3px; } }
@media only screen and (max-width: 340px) and (orientation: portrait) {
.h4-eko-hot-deals .ekofood-countdown-timer {
flex-direction: column;
padding: 12px 0; } }
.h4-eko-hot-deals .ekofood-countdown-timer .title-coundown-time {
color: #010101;
font-weight: bold;
font-size: 18px;
line-height: 1;
position: relative;
display: inline-flex;
margin-bottom: 0;
padding-left: 24px;
margin-right: 11px; }
@media only screen and (max-width: 340px) and (orientation: portrait) {
.h4-eko-hot-deals .ekofood-countdown-timer .title-coundown-time {
margin-right: 0;
margin-bottom: 12px; } }
.h4-eko-hot-deals .ekofood-countdown-timer .title-coundown-time:before {
content: '';
background-image: url("assets/images/bg/o-clock-home4.jpg");
width: 20px;
height: 21px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: -2px; }
.h4-eko-hot-deals .ekofood-countdown-timer.color-scheme-dark .ekofood-countdown > span {
background-color: transparent;
color: #fe2626;
font-size: 19px;
font-weight: bold;
line-height: 1;
border: none !important;
border-radius: unset;
min-width: auto;
min-height: auto;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
position: relative; }
.h4-eko-hot-deals .ekofood-countdown-timer.color-scheme-dark .ekofood-countdown > span:not(:last-of-type) {
padding-right: 11px;
margin-right: 5px; }
.h4-eko-hot-deals .ekofood-countdown-timer.color-scheme-dark .ekofood-countdown > span:not(:last-of-type):before {
content: ':';
position: absolute;
top: 0;
right: 0;
font-size: 18px; }
@media only screen and (min-width: 1400px) {
.h4-eko-hot-deals .ekofood-countdown-timer.color-scheme-dark .ekofood-countdown > span:last-of-type {
margin-right: 0; } }
.h4-eko-hot-deals .ekofood-countdown-timer.color-scheme-dark .ekofood-countdown > span > span {
display: none !important; }
@media only screen and (min-width: 1400px) {
.h4-eko-top-categories {
margin-top: -5px; } }
.h4-eko-top-categories .addon-title {
position: relative;
margin-bottom: 37px; }
.h4-eko-top-categories .addon-title:after {
content: '';
width: 100%;
background-color: #f0f0f0;
height: 2px;
position: absolute;
left: 0;
top: 16px; }
.h4-eko-top-categories .addon-title .title {
font-size: 28px;
font-weight: 500;
color: #000;
position: relative;
margin-bottom: 0;
z-index: 9;
background-color: white;
padding-right: 16px;
line-height: 1; }
@media only screen and (max-width: 767px) and (orientation: landscape) {
.h4-eko-top-categories .addon-title .title {
padding: 8px 10px;
text-align: center; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.h4-eko-top-categories .addon-title .title {
padding: 2px 10px;
text-align: center;
line-height: 1.4; } }
.h4-eko-blog .addon-title {
margin-bottom: 37px; }
.h4-eko-blog .addon-title .title {
font-size: 28px;
font-weight: 500;
color: #000;
position: relative;
margin-bottom: 0;
line-height: 1.3; }
/* ---------------------------------------------
HOME 5
------------------------------------------ */
.h5-eko-services {
margin-top: 13px;
margin-bottom: 79px; }
@media only screen and (min-width: 1250px) {
.h5-eko-services {
margin-top: 43px; } }
@media only screen and (min-width: 1200px) and (max-width: 1342px) and (orientation: landscape) {
.h5-eko-services {
margin-top: 90px; } }
.h5-eko-services .service-elements {
margin-top: 36px; }
@media only screen and (min-width: 1400px) {
.h5-eko-services .service-elements {
margin: 0 auto;
margin-top: 36px;
width: max-content; } }
.h5-eko-services .service-elements .service-box-icon {
max-width: 57px;
width: 57px;
height: 57px;
border-radius: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 10px;
border: 2px solid;
color: white;
transition: .3s all ease; }
.h5-eko-services .service-elements .service-box-icon .inner-ivon {
display: inline-flex; }
.h5-eko-services .service-elements .service-box-content {
max-width: calc(100% - 57px);
width: calc(100% - 57px);
flex: auto; }
.h5-eko-services .service-elements .service-box-content .service-title {
line-height: 1.3;
font-size: 19px;
color: #000;
font-weight: 500;
margin-bottom: 8px; }
.h5-eko-services .service-elements .service-box-content .service-subtitle {
line-height: 1.2; }
.h5-eko-top-featured .addon-title {
margin-bottom: 37px; }
.h5-eko-top-featured .addon-title .title {
font-size: 28px;
font-weight: 500;
color: #000;
position: relative;
margin-bottom: 0;
line-height: 1.3; }
.h5-eko-featured-products .addon-title {
margin-bottom: 37px; }
.h5-eko-featured-products .addon-title .title {
font-size: 28px;
font-weight: 500;
color: #000;
position: relative;
margin-bottom: 0;
line-height: 1.3; }
.h5-eko-best-seller .addon-title {
margin-bottom: 31px; }
.h5-eko-best-seller .addon-title .title {
font-size: 28px;
font-weight: 500;
color: #000;
position: relative;
margin-bottom: 0;
line-height: 1.3; }
.h5-eko-best-seller .ekofood-button-wrapper {
margin-top: 33px; }
@media only screen and (max-width: 640px) and (orientation: landscape) {
.h5-eko-best-seller .jms-tabs-title ul li {
margin-bottom: 0 !important; } }
@media only screen and (min-width: 350px) and (max-width: 640px) and (orientation: portrait) {
.h5-eko-best-seller .jms-tabs-title ul li {
margin-bottom: 0 !important; } }
.h5-eko-newest .addon-title {
margin-bottom: 38px; }
.h5-eko-newest .addon-title .title {
font-size: 28px;
font-weight: 500;
color: #000;
position: relative;
margin-bottom: 0;
line-height: 1.3; }
.h5-eko-blog .addon-title {
margin-bottom: 37px; }
.h5-eko-blog .addon-title .title {
font-size: 28px;
font-weight: 500;
color: #000;
position: relative;
margin-bottom: 0;
line-height: 1.3; }
/* ---------------------------------------------
HOME 6
------------------------------------------ */
.h6-eko-services {
margin-top: 63px; }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.h6-eko-services {
padding-left: 14px !important;
padding-right: 14px !important; } }
.h6-eko-services > .container {
border: 2px dashed;
border-radius: 4px;
padding-bottom: 33px; }
@media only screen and (min-width: 1300px) {
.h6-eko-services > .container {
max-width: 1310px; } }
@media only screen and (min-width: 1300px) {
.h6-eko-services > .container .vc_column_container > .vc_column-inner {
padding-left: 12px;
padding-right: 12px; } }
.h6-eko-services .service-elements {
margin-top: 35px; }
@media only screen and (min-width: 1400px) {
.h6-eko-services .service-elements {
margin: 0 auto;
margin-top: 35px;
width: max-content; } }
.h6-eko-services .service-elements .service-box-icon {
max-width: 57px;
width: 57px;
height: 57px;
border-radius: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 10px;
color: white;
transition: .3s all ease; }
.h6-eko-services .service-elements .service-box-icon .inner-ivon {
display: inline-flex; }
.h6-eko-services .service-elements .service-box-content {
max-width: calc(100% - 57px);
width: calc(100% - 57px);
flex: auto; }
.h6-eko-services .service-elements .service-box-content .service-title {
line-height: 1.3;
font-size: 19px;
color: #000;
font-weight: 500;
margin-bottom: 8px; }
.h6-eko-services .service-elements .service-box-content .service-subtitle {
line-height: 1.2; }
/* ---------------------------------------------
PAGE SHOP
------------------------------------------ */
@media only screen and (min-width: 1400px) {
.woocommerce .shop-container #main-sidebar {
margin-top: -7px; } }
@media only screen and (min-width: 1400px) {
.woocommerce .shop-container .shop-action-bottom {
margin-top: 0px; } }
.other-products .addon-title .title {
font-size: 28px;
font-weight: 500;
color: #000;
line-height: 1.3;
margin-bottom: 0; }
@media only screen and (min-width: 1280px) {
.single-product .product-detail-information {
margin-bottom: 58px; } }
@media only screen and (min-width: 1280px) {
.single-product .other-products .related-product .owl-carousel .owl-stage-outer {
padding-bottom: 0; } }
@media only screen and (min-width: 1280px) {
.single-product .other-products .related-product .owl-carousel .product-item.mb_34 {
margin-bottom: 0; } }
/* ---------------------------------------------
FOOTER 4
------------------------------------------ */
.f4-eko-footer {
background-color: #222222;
padding-top: 77px;
padding-bottom: 56px; }
.f4-eko-footer .widgettitle,
.f4-eko-footer .addon-title .title {
font-size: 19px;
color: white;
line-height: 1.2;
font-weight: 500;
padding: 0;
text-transform: capitalize;
margin-bottom: 35px;
margin-top: 33px; }
@media only screen and (min-width: 1275px) {
.f4-eko-footer .widgettitle,
.f4-eko-footer .addon-title .title {
margin-top: 0; } }
.f4-eko-footer .addon-title .title {
margin-bottom: 34px;
width: 100%; }
.f4-eko-footer .widget_nav_menu ul li {
line-height: 1.2;
margin-bottom: 17px; }
.f4-eko-footer .blog-design-slider .blog-title {
font-size: 15px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 0;
overflow: visible;
text-overflow: unset;
white-space: unset; }
.f4-eko-footer .jmsblog-box .blog-layout-widget .item-wrap .blog-post-loop:not(:last-of-type) {
margin-bottom: 19px; }
.f4-eko-footer .jmsblog-box .blog-layout-widget .blog-post-loop .article-inner {
display: flex;
align-items: center;
justify-content: center; }
.f4-eko-footer .jmsblog-box .blog-layout-widget .blog-post-loop .article-inner .entry-header {
width: 78px;
float: none;
margin: 0; }
.f4-eko-footer .jmsblog-box .blog-layout-widget .blog-post-loop .article-inner .article-body-container {
width: calc(100% - 78px);
float: none;
margin: 0;
padding-left: 20px; }
.f4-eko-footer .jmsblog-box .blog-layout-widget .blog-post-loop .article-inner .article-body-container .blog-meta li, .f4-eko-footer .jmsblog-box .blog-layout-widget .blog-post-loop .article-inner .article-body-container .blog-meta a {
font-size: 13px; }
.f4-eko-footer .entry-meta-list {
margin-bottom: 0 !important;
margin-top: 6px !important;
line-height: 1.3; }
.f4-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_single_image img {
max-width: 140px; }
@media only screen and (min-width: 1300px) {
.f4-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_single_image img {
margin-top: -24px; } }
.f4-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_single_image + .wpb_text_column {
margin-top: 26px; }
.f4-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column ul {
list-style: none;
padding-left: 0;
line-height: 1.3; }
.f4-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column ul li {
position: relative;
padding-left: 28px;
margin-bottom: 15px; }
.f4-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column ul li:before {
content: '';
position: absolute;
top: 0;
left: 0;
background-image: url("assets/images/footer/map-pin.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 18px;
height: 18px; }
@media only screen and (min-width: 1300px) {
.f4-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column ul li:nth-of-type(1) {
line-height: 2;
margin-bottom: 9px; } }
@media only screen and (min-width: 1300px) {
.f4-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column ul li:nth-of-type(1):before {
top: 7px; } }
.f4-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column ul li:nth-of-type(2):before {
background-image: url("assets/images/footer/phone.png"); }
.f4-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column ul li:nth-of-type(3):before {
background-image: url("assets/images/footer/mail.png"); }
.f4-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column ul li:nth-of-type(4):before {
background-image: url("assets/images/footer/clock.png"); }
@media only screen and (min-width: 1350px) {
.f4-eko-footer > .container .wpb_column:nth-of-type(2) > .vc_column-inner {
padding-left: 86px; } }
@media only screen and (min-width: 1350px) {
.f4-eko-footer > .container .wpb_column:nth-of-type(3) > .vc_column-inner {
padding-left: 86px; } }
@media only screen and (min-width: 1350px) {
.f4-eko-footer > .container .wpb_column:nth-of-type(4) > .vc_column-inner {
padding-left: 38px; } }
.f4-eko-footer-copyright {
background-color: #1a1a1a;
padding-top: 27px;
padding-bottom: 23px; }
.f4-eko-footer-copyright > .container .wpb_column:nth-of-type(1) {
margin-bottom: 15px; }
@media only screen and (min-width: 1275px) {
.f4-eko-footer-copyright > .container .wpb_column:nth-of-type(1) {
margin-bottom: 0; } }
.f4-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu {
line-height: 1.5;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap; }
@media only screen and (min-width: 1275px) {
.f4-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu {
justify-content: flex-start; } }
.f4-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu li {
margin-bottom: 0;
padding: 0 15px; }
@media only screen and (min-width: 1300px) {
.f4-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu li:first-of-type {
padding-left: 0; } }
.f4-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu a {
font-size: 14px; }
.f4-eko-footer-copyright > .container .wpb_column:nth-of-type(2) .wpb_single_image.vc_align_right {
text-align: center; }
@media only screen and (min-width: 1275px) {
.f4-eko-footer-copyright > .container .wpb_column:nth-of-type(2) .wpb_single_image.vc_align_right {
text-align: right; } }
/* ---------------------------------------------
FOOTER 2
------------------------------------------ */
.f2-eko-footer {
background-color: #f1f1f1;
padding-top: 76px;
padding-bottom: 59px; }
.f2-eko-footer .widgettitle,
.f2-eko-footer .addon-title .title {
font-size: 19px;
color: #000000;
line-height: 1.2;
font-weight: 500;
padding: 0;
text-transform: capitalize;
margin-bottom: 33px;
margin-top: 33px; }
@media only screen and (min-width: 1275px) {
.f2-eko-footer .widgettitle,
.f2-eko-footer .addon-title .title {
margin-top: 0; } }
.f2-eko-footer .addon-title .title {
margin-bottom: 24px; }
.f2-eko-footer .widget_nav_menu ul li {
line-height: 1.1;
margin-bottom: 17px; }
.f2-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_single_image img {
max-width: 140px; }
@media only screen and (min-width: 1300px) {
.f2-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_single_image img {
margin-top: 3px; } }
.f2-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_single_image + .wpb_text_column {
margin-top: 29px; }
.f2-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column {
line-height: 1.3;
font-size: 20px;
font-weight: 400; }
.f2-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column p > ins {
text-decoration: unset;
font-weight: bold; }
.f2-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column + .wpb_gallery {
margin-top: 33px; }
.f2-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_gallery ul.wpb_image_grid_ul {
display: flex;
justify-content: flex-start;
align-items: flex-start; }
.f2-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_gallery ul.wpb_image_grid_ul li {
position: relative !important;
left: auto !important;
top: auto !important;
float: none;
margin: 0; }
.f2-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_gallery ul.wpb_image_grid_ul li:not(:last-of-type) {
margin-right: 15px; }
.f2-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_gallery ul.wpb_image_grid_ul li img {
min-width: 156px;
max-width: 156px; }
@media only screen and (max-width: 340px) and (orientation: portrait) {
.f2-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_gallery ul.wpb_image_grid_ul li img {
min-width: 120px;
max-width: 120px; } }
@media only screen and (min-width: 1350px) {
.f2-eko-footer > .container .wpb_column:nth-of-type(2) > .vc_column-inner {
position: relative;
left: 19px; } }
@media only screen and (min-width: 1350px) {
.f2-eko-footer > .container .wpb_column:nth-of-type(3) > .vc_column-inner {
position: relative;
left: 83px; } }
@media only screen and (min-width: 1350px) {
.f2-eko-footer > .container .wpb_column:nth-of-type(4) > .vc_column-inner {
padding-left: 135px;
padding-right: 0; } }
.f2-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column ul {
list-style: none;
padding-left: 0;
line-height: 1.3; }
.f2-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column ul li {
position: relative;
padding-left: 28px;
margin-bottom: 13px; }
.f2-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column ul li:before {
content: '';
position: absolute;
top: 0;
left: 0;
background-image: url("assets/images/footer/map-pin.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 18px;
height: 18px; }
@media only screen and (min-width: 1300px) {
.f2-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column ul li:nth-of-type(1) {
line-height: 2;
margin-bottom: 14px; } }
@media only screen and (min-width: 1300px) {
.f2-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column ul li:nth-of-type(1):before {
top: 7px; } }
.f2-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column ul li:nth-of-type(2):before {
background-image: url("assets/images/footer/phone.png"); }
.f2-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column ul li:nth-of-type(3):before {
background-image: url("assets/images/footer/mail.png"); }
.f2-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column ul li:nth-of-type(4):before {
background-image: url("assets/images/footer/clock.png"); }
.f2-eko-footer-copyright {
background-color: #f1f1f1;
padding-top: 32px;
padding-bottom: 27px;
border-top: 1px solid;
border-color: white; }
.f2-eko-footer-copyright > .container .wpb_column:nth-of-type(1) {
margin-bottom: 15px; }
@media only screen and (min-width: 1275px) {
.f2-eko-footer-copyright > .container .wpb_column:nth-of-type(1) {
margin-bottom: 0; } }
.f2-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu {
line-height: 1.5;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap; }
@media only screen and (min-width: 1275px) {
.f2-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu {
justify-content: flex-start; } }
.f2-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu li {
margin-bottom: 0;
padding: 0 15px; }
@media only screen and (min-width: 1300px) {
.f2-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu li:first-of-type {
padding-left: 0; } }
.f2-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu a {
font-size: 14px; }
.f2-eko-footer-copyright > .container .wpb_column:nth-of-type(2) .wpb_single_image.vc_align_right {
text-align: center; }
@media only screen and (min-width: 1275px) {
.f2-eko-footer-copyright > .container .wpb_column:nth-of-type(2) .wpb_single_image.vc_align_right {
text-align: right; } }
/* ---------------------------------------------
FOOTER 3
------------------------------------------ */
.f3-eko-footer {
background-color: white;
padding-top: 76px;
padding-bottom: 59px; }
.f3-eko-footer .widgettitle,
.f3-eko-footer .addon-title .title {
font-size: 19px;
color: #000000;
line-height: 1.2;
font-weight: 500;
padding: 0;
text-transform: capitalize;
margin-bottom: 33px;
margin-top: 33px; }
@media only screen and (min-width: 1275px) {
.f3-eko-footer .widgettitle,
.f3-eko-footer .addon-title .title {
margin-top: 0; } }
.f3-eko-footer .addon-title .title {
margin-bottom: 24px; }
.f3-eko-footer .widget_nav_menu ul li {
line-height: 1.1;
margin-bottom: 17px; }
.f3-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_single_image img {
max-width: 140px; }
@media only screen and (min-width: 1300px) {
.f3-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_single_image img {
margin-top: 3px; } }
.f3-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_single_image + .wpb_text_column {
margin-top: 29px; }
.f3-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column {
line-height: 1.3;
font-size: 20px;
font-weight: 400; }
.f3-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column p > ins {
text-decoration: unset;
font-weight: bold; }
.f3-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column + .wpb_gallery {
margin-top: 33px; }
.f3-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_gallery ul.wpb_image_grid_ul {
display: flex;
justify-content: flex-start;
align-items: flex-start; }
.f3-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_gallery ul.wpb_image_grid_ul li {
position: relative !important;
left: auto !important;
top: auto !important;
float: none;
margin: 0; }
.f3-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_gallery ul.wpb_image_grid_ul li:not(:last-of-type) {
margin-right: 15px; }
.f3-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_gallery ul.wpb_image_grid_ul li img {
min-width: 156px;
max-width: 156px; }
@media only screen and (max-width: 340px) and (orientation: portrait) {
.f3-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_gallery ul.wpb_image_grid_ul li img {
min-width: 120px;
max-width: 120px; } }
@media only screen and (min-width: 1350px) {
.f3-eko-footer > .container .wpb_column:nth-of-type(2) > .vc_column-inner {
position: relative;
left: 19px; } }
@media only screen and (min-width: 1350px) {
.f3-eko-footer > .container .wpb_column:nth-of-type(3) > .vc_column-inner {
position: relative;
left: 83px; } }
@media only screen and (min-width: 1350px) {
.f3-eko-footer > .container .wpb_column:nth-of-type(4) > .vc_column-inner {
padding-left: 135px;
padding-right: 0; } }
.f3-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column ul {
list-style: none;
padding-left: 0;
line-height: 1.3; }
.f3-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column ul li {
position: relative;
padding-left: 28px;
margin-bottom: 13px; }
.f3-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column ul li:before {
content: '';
position: absolute;
top: 0;
left: 0;
background-image: url("assets/images/footer/map-pin.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 18px;
height: 18px; }
@media only screen and (min-width: 1300px) {
.f3-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column ul li:nth-of-type(1) {
line-height: 2;
margin-bottom: 14px; } }
@media only screen and (min-width: 1300px) {
.f3-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column ul li:nth-of-type(1):before {
top: 7px; } }
.f3-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column ul li:nth-of-type(2):before {
background-image: url("assets/images/footer/phone.png"); }
.f3-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column ul li:nth-of-type(3):before {
background-image: url("assets/images/footer/mail.png"); }
.f3-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column ul li:nth-of-type(4):before {
background-image: url("assets/images/footer/clock.png"); }
.f3-eko-line hr.line {
border-top: 1px solid #ebebeb;
margin: 0; }
.f3-eko-footer-copyright {
background-color: white;
padding-top: 32px;
padding-bottom: 27px; }
.f3-eko-footer-copyright > .container .wpb_column:nth-of-type(1) {
margin-bottom: 15px; }
@media only screen and (min-width: 1275px) {
.f3-eko-footer-copyright > .container .wpb_column:nth-of-type(1) {
margin-bottom: 0; } }
.f3-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu {
line-height: 1.5;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap; }
@media only screen and (min-width: 1275px) {
.f3-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu {
justify-content: flex-start; } }
.f3-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu li {
margin-bottom: 0;
padding: 0 15px; }
@media only screen and (min-width: 1300px) {
.f3-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu li:first-of-type {
padding-left: 0; } }
.f3-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu a {
font-size: 14px; }
.f3-eko-footer-copyright > .container .wpb_column:nth-of-type(2) .wpb_single_image.vc_align_right {
text-align: center; }
@media only screen and (min-width: 1275px) {
.f3-eko-footer-copyright > .container .wpb_column:nth-of-type(2) .wpb_single_image.vc_align_right {
text-align: right; } }
/* ---------------------------------------------
FOOTER 5
------------------------------------------ */
.f5-eko-footer {
background-color: #f1f1f1;
padding-top: 77px;
padding-bottom: 56px; }
.f5-eko-footer .widgettitle,
.f5-eko-footer .addon-title .title {
font-size: 19px;
color: black;
line-height: 1.2;
font-weight: 500;
padding: 0;
text-transform: capitalize;
margin-bottom: 35px;
margin-top: 33px; }
@media only screen and (min-width: 1275px) {
.f5-eko-footer .widgettitle,
.f5-eko-footer .addon-title .title {
margin-top: 0; } }
.f5-eko-footer .addon-title .title {
margin-bottom: 32px; }
.f5-eko-footer .widget_nav_menu ul li {
line-height: 1.1;
margin-bottom: 17px; }
.f5-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_single_image img {
max-width: 140px; }
@media only screen and (min-width: 1300px) {
.f5-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_single_image img {
margin-top: -24px; } }
.f5-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_single_image + .wpb_text_column {
margin-top: 26px; }
.f5-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column ul {
list-style: none;
padding-left: 0;
line-height: 1.3; }
.f5-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column ul li {
position: relative;
padding-left: 28px;
margin-bottom: 13px; }
.f5-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column ul li:before {
content: '';
position: absolute;
top: 0;
left: 0;
background-image: url("assets/images/footer/map-pin.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 18px;
height: 18px; }
@media only screen and (min-width: 1300px) {
.f5-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column ul li:nth-of-type(1) {
line-height: 2;
margin-bottom: 9px; } }
@media only screen and (min-width: 1300px) {
.f5-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column ul li:nth-of-type(1):before {
top: 7px; } }
.f5-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column ul li:nth-of-type(2):before {
background-image: url("assets/images/footer/phone.png"); }
.f5-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column ul li:nth-of-type(3):before {
background-image: url("assets/images/footer/mail.png"); }
.f5-eko-footer > .container .wpb_column:nth-of-type(1) .wpb_text_column ul li:nth-of-type(4):before {
background-image: url("assets/images/footer/clock.png"); }
@media only screen and (min-width: 1350px) {
.f5-eko-footer > .container .wpb_column:nth-of-type(2) > .vc_column-inner {
padding-left: 86px; } }
@media only screen and (min-width: 1350px) {
.f5-eko-footer > .container .wpb_column:nth-of-type(3) > .vc_column-inner {
padding-left: 86px; } }
@media only screen and (min-width: 1350px) {
.f5-eko-footer > .container .wpb_column:nth-of-type(4) > .vc_column-inner {
padding-left: 38px; } }
.f5-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column p {
line-height: 1.3;
font-weight: 400;
font-style: italic; }
.f5-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column p > ins {
font-weight: bold;
color: #fe2626;
text-decoration: none; }
.f5-eko-footer > .container .wpb_column:nth-of-type(4) .wpb_text_column + .ekofood-social-icons {
margin-top: 20px; }
.f5-eko-footer > .container .wpb_column:nth-of-type(4) .mc4wp-form .mail-home {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
text-align: center; }
.f5-eko-footer > .container .wpb_column:nth-of-type(4) .mc4wp-form .mail-home:after {
content: '';
background-image: url("assets/images/footer/mail.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 18px;
height: 18px;
display: inline-block;
top: 50%;
right: 6px;
position: absolute;
transform: translate(-50%, -50%); }
.f5-eko-footer > .container .wpb_column:nth-of-type(4) .mc4wp-form input[type='email'] {
width: 100%;
height: 50px;
font-style: italic;
color: #888888;
font-size: 13px;
font-weight: 400;
background-color: white;
border: none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
.f5-eko-footer > .container .wpb_column:nth-of-type(4) .mc4wp-form input[type="submit"] {
font-size: 0;
padding: 0 5px;
margin: 0;
width: 44px;
height: 50px;
border: none;
border-radius: 0;
position: absolute;
top: 0;
right: 0;
z-index: 99;
background-color: transparent;
line-height: 1; }
.f5-eko-footer > .container .wpb_column:nth-of-type(4) .ekofood-social-icons .ekofood-social-icon {
margin: 0 9px; }
@media only screen and (min-width: 1280px) {
.f5-eko-footer > .container .wpb_column:nth-of-type(4) .ekofood-social-icons .ekofood-social-icon:first-of-type {
margin-left: 0; } }
.f5-eko-footer > .container .wpb_column:nth-of-type(4) .ekofood-social-icons .ekofood-social-icon.social-facebook a {
color: #3a589e !important; }
.f5-eko-footer > .container .wpb_column:nth-of-type(4) .ekofood-social-icons .ekofood-social-icon.social-twitter a {
color: #1ab2e8 !important; }
.f5-eko-footer > .container .wpb_column:nth-of-type(4) .ekofood-social-icons .ekofood-social-icon.social-behance a {
color: #0057ff !important; }
.f5-eko-footer > .container .wpb_column:nth-of-type(4) .ekofood-social-icons .ekofood-social-icon.social-instagram a {
color: #b27d62 !important; }
.f5-eko-footer > .container .wpb_column:nth-of-type(4) .ekofood-social-icons .ekofood-social-icon a {
line-height: 1;
margin: 0;
padding: 0; }
.f5-eko-footer > .container .wpb_column:nth-of-type(4) .ekofood-social-icons .ekofood-social-icon a i {
font-size: 19px; }
.f5-eko-footer-copyright {
background-color: #f1f1f1;
padding-top: 27px;
padding-bottom: 23px;
border-top: 1px solid;
border-color: white; }
.f5-eko-footer-copyright > .container .wpb_column:nth-of-type(1) {
margin-bottom: 15px; }
@media only screen and (min-width: 1275px) {
.f5-eko-footer-copyright > .container .wpb_column:nth-of-type(1) {
margin-bottom: 0; } }
.f5-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu {
line-height: 1.5;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap; }
@media only screen and (min-width: 1275px) {
.f5-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu {
justify-content: flex-start; } }
.f5-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu li {
margin-bottom: 0;
padding: 0 15px; }
@media only screen and (min-width: 1300px) {
.f5-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu li:first-of-type {
padding-left: 0; } }
.f5-eko-footer-copyright > .container .wpb_column:nth-of-type(1) ul.menu a {
font-size: 14px; }
.f5-eko-footer-copyright > .container .wpb_column:nth-of-type(2) .wpb_single_image.vc_align_right {
text-align: center; }
@media only screen and (min-width: 1275px) {
.f5-eko-footer-copyright > .container .wpb_column:nth-of-type(2) .wpb_single_image.vc_align_right {
text-align: right; } }
/* ---------------------------------------------
Newsletter Home 1
------------------------------------------ */
.newsletter-home-1 {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: #f6f6f6;
margin: 0 auto;
margin-top: 11px;
padding-top: 54px;
padding-bottom: 61px;
border-radius: 5px;
width: 100%; }
@media only screen and (min-width: 1275px) {
.newsletter-home-1 {
background-image: url("assets/images/bg/bg-banner-home5-fixed.jpg"); } }
.newsletter-home-1 .vc_column_container > .vc_column-inner {
display: flex;
align-items: center;
justify-content: center; }
@media only screen and (min-width: 1275px) {
.newsletter-home-1 .vc_column_container > .vc_column-inner {
justify-content: flex-end;
padding-right: 100px; } }
@media only screen and (min-width: 1275px) {
.newsletter-home-1 .vc_column_container > .vc_column-inner > .wpb_wrapper {
max-width: 500px;
min-width: 500px; } }
@media only screen and (max-width: 340px) and (orientation: portrait) {
.newsletter-home-1 .vc_column_container > .vc_column-inner > .wpb_wrapper {
width: 100%; } }
.newsletter-home-1 .vc_wp_text {
margin-bottom: 40px; }
.newsletter-home-1 .vc_wp_text .widgettitle {
line-height: 1.3;
font-size: 25px;
font-weight: 500;
margin-bottom: 17px;
text-align: center; }
@media only screen and (min-width: 1275px) {
.newsletter-home-1 .vc_wp_text .widgettitle {
text-align: left; } }
.newsletter-home-1 .vc_wp_text .textwidget {
line-height: 1.3; }
.newsletter-home-1 .vc_wp_text .textwidget p {
text-align: center; }
@media only screen and (min-width: 1275px) {
.newsletter-home-1 .vc_wp_text .textwidget p {
text-align: left; } }
.newsletter-home-1 .wpb_gallery {
margin-bottom: 0; }
.newsletter-home-1 .wpb_gallery ul.wpb_image_grid_ul {
display: flex;
justify-content: center;
align-items: center; }
@media only screen and (min-width: 1275px) {
.newsletter-home-1 .wpb_gallery ul.wpb_image_grid_ul {
justify-content: flex-start;
align-items: flex-start; } }
.newsletter-home-1 .wpb_gallery ul.wpb_image_grid_ul li {
position: relative !important;
left: auto !important;
top: auto !important;
float: none;
margin: 0; }
.newsletter-home-1 .wpb_gallery ul.wpb_image_grid_ul li:not(:last-of-type) {
margin-right: 15px; }
.newsletter-home-1 .wpb_gallery ul.wpb_image_grid_ul li img {
min-width: 156px;
max-width: 156px; }
@media only screen and (max-width: 340px) and (orientation: portrait) {
.newsletter-home-1 .wpb_gallery ul.wpb_image_grid_ul li img {
min-width: 125px;
max-width: 125px; } }
.newsletter-home-1 .mc4wp-form {
margin-top: 30px; }
.newsletter-home-1 .mc4wp-form .mail-home {
display: flex;
align-items: center;
justify-content: center; }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.newsletter-home-1 .mc4wp-form .mail-home {
flex-direction: column; } }
.newsletter-home-1 .mc4wp-form .mail-home input[type="email"] {
background-color: white;
border: 1px solid;
border-color: white;
border-radius: 5px;
font-size: 13px;
font-style: italic;
color: #555;
height: 50px; }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.newsletter-home-1 .mc4wp-form .mail-home input[type="email"] {
text-align: center; } }
.newsletter-home-1 .mc4wp-form .mail-home input[type="submit"] {
min-height: 50px;
background-color: transparent;
line-height: 1.3;
border: 2px solid;
border-radius: 4px;
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
padding: 0 15px;
min-width: 132px;
margin-left: 8px; }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.newsletter-home-1 .mc4wp-form .mail-home input[type="submit"] {
margin: 0;
margin-top: 15px; } }
.newsletter-home-1 .mc4wp-form .mail-home input[type="submit"]:hover {
color: white;
border-color: inherit; }
/* ---------------------------------------------
Newsletter Home 2
------------------------------------------ */
.newsletter-home-2 {
background-color: white;
margin: 0 auto;
border: 2px dashed;
border-radius: 5px;
width: 100%;
padding-top: 42px;
padding-bottom: 42px;
margin-top: 17px; }
.newsletter-home-2 .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; }
@media only screen and (min-width: 1275px) {
.newsletter-home-2 .wpb_column > .vc_column-inner > .wpb_wrapper {
flex-direction: row; } }
.newsletter-home-2 .wpb_column .vc_wp_text {
margin-bottom: 0; }
@media only screen and (min-width: 1100px) and (max-width: 1275px) and (orientation: landscape) {
.newsletter-home-2 .wpb_column .vc_wp_text {
margin-bottom: 22px; } }
@media only screen and (max-width: 1100px) and (orientation: landscape) {
.newsletter-home-2 .wpb_column .vc_wp_text {
margin-bottom: 22px; } }
@media only screen and (min-width: 1023px) and (max-width: 1199px) and (orientation: portrait) {
.newsletter-home-2 .wpb_column .vc_wp_text {
margin-bottom: 22px; } }
@media only screen and (min-width: 764px) and (max-width: 800px) and (orientation: portrait) {
.newsletter-home-2 .wpb_column .vc_wp_text {
margin-bottom: 22px; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.newsletter-home-2 .wpb_column .vc_wp_text {
margin-bottom: 22px; } }
.newsletter-home-2 .wpb_column .vc_wp_text + .wpb_text_column {
margin-bottom: 0; }
@media only screen and (min-width: 1275px) {
.newsletter-home-2 .wpb_column .vc_wp_text + .wpb_text_column {
margin-left: 55px;
margin-right: 130px; } }
@media only screen and (min-width: 1100px) and (max-width: 1275px) and (orientation: landscape) {
.newsletter-home-2 .wpb_column .vc_wp_text + .wpb_text_column {
margin-bottom: 22px; } }
@media only screen and (max-width: 1100px) and (orientation: landscape) {
.newsletter-home-2 .wpb_column .vc_wp_text + .wpb_text_column {
margin-bottom: 22px; } }
@media only screen and (min-width: 1023px) and (max-width: 1199px) and (orientation: portrait) {
.newsletter-home-2 .wpb_column .vc_wp_text + .wpb_text_column {
margin-bottom: 22px; } }
@media only screen and (min-width: 764px) and (max-width: 800px) and (orientation: portrait) {
.newsletter-home-2 .wpb_column .vc_wp_text + .wpb_text_column {
margin-bottom: 22px; } }
@media only screen and (max-width: 540px) and (orientation: landscape) {
.newsletter-home-2 .wpb_column .vc_wp_text + .wpb_text_column {
width: 100%;
margin-bottom: 22px; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.newsletter-home-2 .wpb_column .vc_wp_text + .wpb_text_column {
width: 100%;
margin-bottom: 22px; } }
.newsletter-home-2 .wpb_column .vc_wp_text .widgettitle {
line-height: 1.3;
font-weight: 500;
font-size: 24px;
margin-bottom: 9px; }
@media only screen and (min-width: 1275px) {
.newsletter-home-2 .wpb_column .vc_wp_text .widgettitle {
margin-top: -2px; } }
.newsletter-home-2 .wpb_column .vc_wp_text .textwidget {
line-height: 1.3;
font-size: 14px; }
.newsletter-home-2 .wpb_column .vc_wp_text .textwidget > p {
margin-bottom: 0; }
.newsletter-home-2 .wpb_column .vc_wp_text .textwidget > p ins {
font-weight: bold;
color: #fe2626;
text-decoration: none; }
.newsletter-home-2 .wpb_column .mc4wp-form {
min-width: 515px;
max-width: 515px; }
@media only screen and (max-width: 540px) and (orientation: landscape) {
.newsletter-home-2 .wpb_column .mc4wp-form {
min-width: 100%;
max-width: 100%; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.newsletter-home-2 .wpb_column .mc4wp-form {
min-width: 100%;
max-width: 100%; } }
.newsletter-home-2 .wpb_column .mc4wp-form .mail-home {
display: flex;
align-items: center;
justify-content: center; }
@media only screen and (max-width: 540px) and (orientation: landscape) {
.newsletter-home-2 .wpb_column .mc4wp-form .mail-home {
flex-direction: column; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.newsletter-home-2 .wpb_column .mc4wp-form .mail-home {
flex-direction: column; } }
.newsletter-home-2 .wpb_column .mc4wp-form .mail-home input[type="email"] {
background-color: #f1f1f1;
border: 1px solid;
border-color: white;
border-radius: 5px;
font-size: 13px;
font-style: italic;
color: #555;
height: 46px;
text-align: center; }
@media only screen and (min-width: 1275px) {
.newsletter-home-2 .wpb_column .mc4wp-form .mail-home input[type="email"] {
text-align: left; } }
.newsletter-home-2 .wpb_column .mc4wp-form .mail-home input[type="submit"] {
min-height: 46px;
background-color: transparent;
line-height: 1.4;
border: 2px solid;
border-radius: 4px;
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
padding: 12px 15px 9px;
min-width: 140px;
margin-left: 9px;
display: inline-flex;
justify-content: center;
align-items: center; }
@media only screen and (max-width: 540px) and (orientation: landscape) {
.newsletter-home-2 .wpb_column .mc4wp-form .mail-home input[type="submit"] {
margin: 0 auto;
margin-top: 14px; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.newsletter-home-2 .wpb_column .mc4wp-form .mail-home input[type="submit"] {
margin: 0 auto;
margin-top: 14px; } }
.newsletter-home-2 .wpb_column .mc4wp-form .mail-home input[type="submit"]:hover {
color: white;
border-color: inherit; }
.newsletter-home-2 .wpb_column .ekofood-social-icons .ekofood-social-icon {
margin: 0 2px;
width: 50px;
height: 50px;
display: inline-flex;
justify-content: center;
align-items: center;
border: 2px solid;
border-color: #f1f1f1;
border-radius: 30px;
background-color: white; }
.newsletter-home-2 .wpb_column .ekofood-social-icons .ekofood-social-icon:hover a {
color: white !important; }
.newsletter-home-2 .wpb_column .ekofood-social-icons .ekofood-social-icon a {
line-height: 1;
margin: 0;
padding: 0; }
.newsletter-home-2 .wpb_column .ekofood-social-icons .ekofood-social-icon a i {
font-size: 19px; }
/* ---------------------------------------------
Newsletter Home 4
------------------------------------------ */
.newsletter-home-4 {
background-image: url("assets/images/bg/bg-top-footer4.jpg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
padding-top: 76px;
padding-bottom: 76px;
margin-top: 53px; }
.newsletter-home-4 .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; }
@media only screen and (min-width: 1275px) {
.newsletter-home-4 .wpb_column > .vc_column-inner > .wpb_wrapper {
flex-direction: row; } }
.newsletter-home-4 .wpb_column .vc_wp_text {
margin-bottom: 0; }
@media only screen and (min-width: 1100px) and (max-width: 1275px) and (orientation: landscape) {
.newsletter-home-4 .wpb_column .vc_wp_text {
margin-bottom: 22px; } }
@media only screen and (max-width: 1100px) and (orientation: landscape) {
.newsletter-home-4 .wpb_column .vc_wp_text {
margin-bottom: 22px; } }
@media only screen and (min-width: 1023px) and (max-width: 1199px) and (orientation: portrait) {
.newsletter-home-4 .wpb_column .vc_wp_text {
margin-bottom: 22px; } }
@media only screen and (min-width: 764px) and (max-width: 800px) and (orientation: portrait) {
.newsletter-home-4 .wpb_column .vc_wp_text {
margin-bottom: 22px; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.newsletter-home-4 .wpb_column .vc_wp_text {
margin-bottom: 22px; } }
.newsletter-home-4 .wpb_column .vc_wp_text + .wpb_text_column {
margin-bottom: 0; }
@media only screen and (min-width: 1275px) {
.newsletter-home-4 .wpb_column .vc_wp_text + .wpb_text_column {
margin-left: 55px;
margin-right: 146px; } }
@media only screen and (min-width: 1100px) and (max-width: 1275px) and (orientation: landscape) {
.newsletter-home-4 .wpb_column .vc_wp_text + .wpb_text_column {
margin-bottom: 22px; } }
@media only screen and (max-width: 1100px) and (orientation: landscape) {
.newsletter-home-4 .wpb_column .vc_wp_text + .wpb_text_column {
margin-bottom: 22px; } }
@media only screen and (min-width: 1023px) and (max-width: 1199px) and (orientation: portrait) {
.newsletter-home-4 .wpb_column .vc_wp_text + .wpb_text_column {
margin-bottom: 22px; } }
@media only screen and (min-width: 764px) and (max-width: 800px) and (orientation: portrait) {
.newsletter-home-4 .wpb_column .vc_wp_text + .wpb_text_column {
margin-bottom: 22px; } }
@media only screen and (max-width: 540px) and (orientation: landscape) {
.newsletter-home-4 .wpb_column .vc_wp_text + .wpb_text_column {
width: 100%;
margin-bottom: 22px; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.newsletter-home-4 .wpb_column .vc_wp_text + .wpb_text_column {
width: 100%;
margin-bottom: 22px; } }
.newsletter-home-4 .wpb_column .vc_wp_text .widgettitle {
line-height: 1.3;
font-weight: 500;
font-size: 24px;
margin-bottom: 9px;
color: white; }
@media only screen and (min-width: 1275px) {
.newsletter-home-4 .wpb_column .vc_wp_text .widgettitle {
margin-top: -2px; } }
.newsletter-home-4 .wpb_column .vc_wp_text .textwidget {
line-height: 1.3;
font-size: 14px;
color: white; }
.newsletter-home-4 .wpb_column .vc_wp_text .textwidget > p {
margin-bottom: 0; }
.newsletter-home-4 .wpb_column .vc_wp_text .textwidget > p ins {
font-weight: bold;
text-decoration: none; }
.newsletter-home-4 .wpb_column .mc4wp-form {
min-width: 515px;
max-width: 515px; }
@media only screen and (max-width: 540px) and (orientation: landscape) {
.newsletter-home-4 .wpb_column .mc4wp-form {
min-width: 100%;
max-width: 100%; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.newsletter-home-4 .wpb_column .mc4wp-form {
min-width: 100%;
max-width: 100%; } }
.newsletter-home-4 .wpb_column .mc4wp-form .mail-home {
display: flex;
align-items: center;
justify-content: center; }
@media only screen and (max-width: 540px) and (orientation: landscape) {
.newsletter-home-4 .wpb_column .mc4wp-form .mail-home {
flex-direction: column; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.newsletter-home-4 .wpb_column .mc4wp-form .mail-home {
flex-direction: column; } }
.newsletter-home-4 .wpb_column .mc4wp-form .mail-home input[type="email"] {
background-color: rgba(0, 0, 0, 0.1);
border: none;
border-radius: 5px;
font-size: 13px;
font-style: italic;
color: white;
height: 50px;
text-align: center; }
@media only screen and (min-width: 1275px) {
.newsletter-home-4 .wpb_column .mc4wp-form .mail-home input[type="email"] {
text-align: left; } }
.newsletter-home-4 .wpb_column .mc4wp-form .mail-home input[type="email"]::placeholder {
color: white;
opacity: 1; }
.newsletter-home-4 .wpb_column .mc4wp-form .mail-home input[type="submit"] {
min-height: 50px;
background-color: transparent;
line-height: 1.4;
border: 2px solid;
border-radius: 4px;
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
padding: 12px 15px 9px;
min-width: 130px;
margin-left: 9px;
display: inline-flex;
justify-content: center;
align-items: center;
color: white;
border-color: white; }
@media only screen and (max-width: 540px) and (orientation: landscape) {
.newsletter-home-4 .wpb_column .mc4wp-form .mail-home input[type="submit"] {
margin: 0 auto;
margin-top: 14px; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.newsletter-home-4 .wpb_column .mc4wp-form .mail-home input[type="submit"] {
margin: 0 auto;
margin-top: 14px; } }
.newsletter-home-4 .wpb_column .mc4wp-form .mail-home input[type="submit"]:hover {
background-color: white; }
.newsletter-home-4 .wpb_column .ekofood-social-icons .ekofood-social-icon {
margin: 0 2px;
width: 50px;
height: 50px;
display: inline-flex;
justify-content: center;
align-items: center;
border: 2px solid;
border-color: white;
border-radius: 30px;
background-color: transparent; }
.newsletter-home-4 .wpb_column .ekofood-social-icons .ekofood-social-icon:hover {
background-color: white; }
.newsletter-home-4 .wpb_column .ekofood-social-icons .ekofood-social-icon a {
line-height: 1;
margin: 0;
padding: 0;
color: white !important; }
.newsletter-home-4 .wpb_column .ekofood-social-icons .ekofood-social-icon a i {
font-size: 19px; }
/* ---------------------------------------------
BLOG
------------------------------------------ */
@media only screen and (max-width: 815px) and (orientation: landscape) {
.left-sidebar #main-content,
.right-sidebar #main-content {
width: 100%; } }
@media only screen and (min-width: 764px) and (max-width: 800px) and (orientation: portrait) {
.left-sidebar #main-content,
.right-sidebar #main-content {
width: 100%; } }
@media only screen and (min-width: 764px) and (max-width: 800px) and (orientation: portrait) {
.left-sidebar #main-sidebar,
.right-sidebar #main-sidebar {
width: 100%; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.single-post .left-sidebar #main-content {
margin-bottom: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.single-post .left-sidebar #main-content {
left: 336px;
width: calc(100% - 336px); } }
@media only screen and (min-width: 764px) and (max-width: 800px) and (orientation: portrait) {
.single-post .left-sidebar #main-sidebar {
margin-top: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.single-post .left-sidebar #main-sidebar {
width: 336px;
right: calc(100% - 336px); } }
body.jms-active .blog-container .box-timedate {
display: inline-flex;
position: absolute;
top: 20px;
right: 21px; }
body.jms-active .blog-container .meta-tags {
display: inline-flex;
position: absolute;
bottom: 5px;
left: 14px; }
body .blog-container .blog-type-list .entry-header .post-img-wrap img {
width: 100%; }
@media only screen and (min-width: 1300px) {
body .blog-container .blog-type-list .entry-header .post-img-wrap img {
min-height: 554px;
max-height: 554px;
object-fit: cover; } }
.box-timedate {
display: none;
justify-content: center;
align-items: center;
flex-direction: column;
border-radius: 50%;
width: 82px;
height: 82px; }
.box-timedate > span {
display: inline-flex;
color: white; }
.box-timedate .day {
line-height: 1.1;
font-weight: bold;
font-size: 30px; }
.box-timedate .month {
line-height: 1.1;
font-weight: 400;
font-size: 13px; }
.meta-tags {
display: none;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start; }
.meta-tags > a {
font-size: 13px;
font-weight: 400;
color: #444;
background-color: #d9e6c9;
line-height: 1.4;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 4px 8px;
margin: 0 8px;
margin-left: 0;
margin-bottom: 10px;
border-radius: 4px;
white-space: nowrap; }
@media only screen and (min-width: 1200px) {
.meta-tags > a {
padding: 6px 10px;
min-width: 85px; } }
.meta-tags > a:hover {
color: white;
opacity: 1; }
.meta-tags > a:first-of-type {
margin-left: 0; }
.box-tags {
justify-content: center;
align-items: center;
margin-bottom: 8px; }
.box-tags > a {
font-size: 13px;
font-weight: 400;
color: #444;
background-color: #d9e6c9;
line-height: 1.4;
min-width: 85px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 6px 10px;
margin: 0 8px;
margin-left: 0;
border-radius: 4px; }
.box-tags > a:hover {
color: white; }
.box-tags > a:first-of-type {
margin-left: 0; }
.widget-siderbar .widget.widget_categories ul li a, .widget-siderbar .widget.widget_archive ul li a, .widget-siderbar .widget.widget_recent_entries ul li a, .widget-siderbar .widget.widget_meta ul li a, .widget-siderbar .widget.widget_product_categories ul li a, .widget-siderbar .widget.widget_nav_menu ul li a, .widget-siderbar .widget.widget_pages ul li a {
position: relative;
padding: 0;
padding-left: 14px;
display: initial; }
.widget-siderbar .widget.widget_categories ul li a:before, .widget-siderbar .widget.widget_archive ul li a:before, .widget-siderbar .widget.widget_recent_entries ul li a:before, .widget-siderbar .widget.widget_meta ul li a:before, .widget-siderbar .widget.widget_product_categories ul li a:before, .widget-siderbar .widget.widget_nav_menu ul li a:before, .widget-siderbar .widget.widget_pages ul li a:before {
content: "\f105";
font-size: 19px;
font-weight: 400;
left: 0;
position: absolute; }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.product-layout .product-item {
padding-left: 7px;
padding-right: 7px; } }
@media only screen and (max-width: 340px) and (orientation: portrait) {
.product-box .product-info .price {
font-size: 14px; } }
/* ---------------------------------------------
Fixed Class Css
------------------------------------------ */
@media only screen and (max-width: 340px) and (orientation: portrait) {
.widget_price_filter .price_slider_amount {
flex-direction: column-reverse;
align-items: flex-end; } }
@media only screen and (max-width: 340px) and (orientation: portrait) {
.widget_price_filter .price_slider_amount .button {
margin-right: 0 !important;
width: 100%;
max-width: 100% !important; } }
@media only screen and (max-width: 410px) and (orientation: portrait) {
.page-heading .entry-title {
font-size: 35px; } }
@media only screen and (min-width: 800px) and (max-width: 1100px) and (orientation: landscape) {
.shop-container #main-content {
width: 100% !important;
left: 0 !important; } }
.flex-update-cart .continue-to-shop {
margin-bottom: 0; }
@media only screen and (max-width: 767px) and (orientation: landscape) {
.flex-update-cart .continue-to-shop {
width: 100%;
margin-bottom: 20px; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.flex-update-cart .continue-to-shop {
width: 100%;
margin-bottom: 20px; } }
.flex-update-cart .continue-to-shop > a {
background-color: transparent;
border: 2px solid;
border-radius: 5px;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0 15px;
min-height: 46px;
min-width: 210px; }
.flex-update-cart .continue-to-shop > a:hover {
color: white; }
@media only screen and (min-width: 760px) and (max-width: 1100px) and (orientation: landscape) {
.woocommerce-cart .woocommerce-cart-form {
margin-bottom: 35px; } }
@media only screen and (min-width: 764px) and (max-width: 800px) and (orientation: portrait) {
.woocommerce-cart .woocommerce-cart-form {
margin-bottom: 35px; } }
.woocommerce-cart .cart-totals-inner h2 {
font-size: 1.45rem; }
.woocommerce-cart .shop_table th {
font-size: 1.4rem;
font-weight: 500; }
.woocommerce-cart .shop_table tbody th {
font-size: 16px;
font-weight: 400;
line-height: 1.3; }
#search_result .content-preview,
.search_result .content-preview {
justify-content: center;
align-items: center;
margin: 0; }
#search_result .content-preview:not(:last-of-type),
.search_result .content-preview:not(:last-of-type) {
margin-bottom: 15px; }
#search_result .content-preview .featured-image,
.search_result .content-preview .featured-image {
width: 70px;
height: 70px;
flex: 0 0 70px;
border: 1px solid #ebebeb; }
#search_result .content-preview .featured-image img,
.search_result .content-preview .featured-image img {
width: 100%;
height: 100%;
object-fit: cover; }
#search_result .content-preview .item-desc .product-name,
.search_result .content-preview .item-desc .product-name {
line-height: 1.3; }
#search_result .content-preview .item-desc .content-price,
.search_result .content-preview .item-desc .content-price {
line-height: 1.3;
margin-top: 2px; }
.search_result h4 {
display: none; }
.search_result .content-preview {
display: flex;
justify-content: center;
align-items: center;
margin: 0; }
.search_result .content-preview:not(:last-of-type) {
margin-bottom: 15px; }
.search_result .item-desc {
padding-left: 15px;
flex: 1 1 auto; }
.checkout_coupon input.input-text {
height: 44px; }
.checkout_coupon .button {
color: white !important;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase; }
@media only screen and (min-width: 900px) and (max-width: 1100px) and (orientation: landscape) {
.blog-container .left-sidebar #main-content {
width: 100%;
left: 0; } }
.page #main-content p img.alignright {
clear: both; }
.page .comment-form .submit {
margin-top: 11px; }
/* ---------------------------------------------
Theme Unit Test
------------------------------------------ */
@media only screen and (min-width: 1300px) {
body.ekofood-theme-testing .header-2 .header-action .search-icon-popup .btn-group .dropdown-menu {
top: calc(100% + 15px); } }
body.ekofood-theme-testing .box-tags > a {
margin-bottom: 5px; }
body.ekofood-theme-testing.logged-in .comments-area .comment-reply-title {
margin: 0 0 13px; }
body.ekofood-theme-testing .blog-type-default .blog-post-loop .article-body-container .entry-title {
font-size: 33px; }
body.ekofood-theme-testing .blog-type-list .blog-post-loop .article-inner > .entry-header > .entry-thumbnail {
margin-top: 18px; }
body.ekofood-theme-testing .blog-post-loop:not(.no-post-thumbnail) .box-timedate {
display: inline-flex;
position: absolute;
top: 20px;
right: 21px; }
body.ekofood-theme-testing .blog-post-loop:not(.no-post-thumbnail) .meta-tags {
display: inline-flex;
position: absolute;
bottom: 5px;
left: 14px; }
body.ekofood-theme-testing .blog-post-loop .read-more-section {
display: flex !important; }
body.ekofood-theme-testing .blog-post-loop .read-more-section a {
position: relative;
line-height: 1.4; }
body.ekofood-theme-testing .blog-post-loop .read-more-section a:hover:after {
width: 100%; }
body.ekofood-theme-testing .blog-post-loop .read-more-section a:after {
content: '';
position: absolute;
width: 0;
height: 2px;
left: 0;
bottom: -1px;
transition: all 300ms ease-in 0s; }
/* ---------------------------------------------
CONTAINER CENTRE HOME 1
------------------------------------------ */
@media only screen and (min-width: 1100px) and (max-width: 1339px) and (orientation: landscape) {
.h1-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (min-width: 1250px) and (max-width: 1288px) and (orientation: landscape) {
.h1-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (min-width: 530px) and (max-width: 1099px) and (orientation: landscape) {
.h1-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h1-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.h1-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (min-width: 1100px) and (max-width: 1339px) and (orientation: landscape) {
.h1-eko-services > .container {
width: 100%; } }
@media only screen and (min-width: 530px) and (max-width: 1099px) and (orientation: landscape) {
.h1-eko-services > .container {
width: 100% !important; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h1-eko-services > .container {
width: 100%; } }
@media only screen and (min-width: 1100px) and (max-width: 1249px) and (orientation: landscape) {
.custom--banner-home1 > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 800px) and (max-width: 1099px) and (orientation: landscape) {
.custom--banner-home1 > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 530px) and (max-width: 799px) and (orientation: landscape) {
.custom--banner-home1 > .container {
padding: 0; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.custom--banner-home1 > .container {
width: 100%;
padding: 0; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.custom--banner-home1 > .container {
padding: 0; } }
@media only screen and (min-width: 1100px) and (max-width: 1249px) and (orientation: landscape) {
.home5-tab-product > .container,
.cat-vegetable > .container,
.cat-dried-fast-food > .container,
.cat-milk-cream > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 800px) and (max-width: 1099px) and (orientation: landscape) {
.home5-tab-product > .container,
.cat-vegetable > .container,
.cat-dried-fast-food > .container,
.cat-milk-cream > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 530px) and (max-width: 799px) and (orientation: landscape) {
.home5-tab-product > .container,
.cat-vegetable > .container,
.cat-dried-fast-food > .container,
.cat-milk-cream > .container {
padding: 0; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.home5-tab-product > .container,
.cat-vegetable > .container,
.cat-dried-fast-food > .container,
.cat-milk-cream > .container {
width: 100%;
padding: 0; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.home5-tab-product > .container,
.cat-vegetable > .container,
.cat-dried-fast-food > .container,
.cat-milk-cream > .container {
padding: 0; } }
@media only screen and (max-width: 1070px) {
.home5-tab-product,
.cat-vegetable,
.cat-dried-fast-food,
.cat-milk-cream {
width: 100%; } }
@media only screen and (min-width: 1100px) and (max-width: 1199px) and (orientation: landscape) {
.cat-milk-cream + .ekofood_clearfix + .container.container-row {
width: 100%; } }
@media only screen and (min-width: 800px) and (max-width: 1099px) and (orientation: landscape) {
.cat-milk-cream + .ekofood_clearfix + .container.container-row {
width: 100%; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.cat-milk-cream + .ekofood_clearfix + .container.container-row {
width: 100%; } }
@media only screen and (min-width: 800px) and (max-width: 1099px) and (orientation: landscape) {
.f4-eko-footer > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 530px) and (max-width: 799px) and (orientation: landscape) {
.f4-eko-footer > .container {
padding: 0; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.f4-eko-footer > .container {
width: 100%;
padding: 0; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.f4-eko-footer > .container {
padding: 0; } }
/* ---------------------------------------------
CONTAINER CENTRE HOME 2
------------------------------------------ */
@media only screen and (min-width: 1023px) and (max-width: 1199px) and (orientation: portrait) {
.h2-eko-banner .banner-box .banner-text {
font-size: 13px; } }
@media only screen and (min-width: 1100px) and (max-width: 1199px) and (orientation: landscape) {
.h2-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (min-width: 530px) and (max-width: 1099px) and (orientation: landscape) {
.h2-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h2-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (min-width: 1100px) and (max-width: 1199px) and (orientation: landscape) {
.h2-eko-services > .container {
width: 100%;
max-width: 100%; } }
@media only screen and (min-width: 530px) and (max-width: 1099px) and (orientation: landscape) {
.h2-eko-services > .container {
width: 100%;
max-width: 100%; } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: portrait) {
.h2-eko-services > .container {
padding-bottom: 35px !important; } }
@media only screen and (min-width: 764px) and (max-width: 800px) and (orientation: portrait) {
.h2-eko-services > .container {
padding-bottom: 35px !important; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h2-eko-services > .container {
width: 100%;
max-width: 100%;
padding: 0; } }
@media only screen and (min-width: 1100px) and (max-width: 1199px) and (orientation: landscape) {
.h2-eko-recommended-product + .ekofood_clearfix + .container.container-row {
width: 100%; } }
@media only screen and (min-width: 800px) and (max-width: 1099px) and (orientation: landscape) {
.h2-eko-recommended-product + .ekofood_clearfix + .container.container-row {
width: 100%; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h2-eko-recommended-product + .ekofood_clearfix + .container.container-row {
width: 100%; } }
@media only screen and (max-width: 1070px) {
.h2-eko-newest-products {
width: 100%; } }
@media only screen and (min-width: 800px) and (max-width: 1099px) and (orientation: landscape) {
.f2-eko-footer > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 530px) and (max-width: 799px) and (orientation: landscape) {
.f2-eko-footer > .container {
padding: 0; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.f2-eko-footer > .container {
width: 100%;
padding: 0; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.f2-eko-footer > .container {
padding: 0; } }
/* ---------------------------------------------
CONTAINER CENTRE HOME 3
------------------------------------------ */
@media only screen and (min-width: 800px) and (max-width: 1099px) and (orientation: landscape) {
.slider-home3 + .ekofood_clearfix + .container.container-row,
.slider-home3 + .ekofood_clearfix + .container.container-row + .container.container-row,
.slider-home3 + .ekofood_clearfix + .container.container-row + .container.container-row + .container.container-row,
.slider-home3 + .ekofood_clearfix + .container.container-row + .container.container-row + .container.container-row + .container.container-row {
width: 100%; } }
@media only screen and (min-width: 800px) and (max-width: 1099px) and (orientation: landscape) {
.h3-eko-banner + .ekofood_clearfix + .container.container-row,
.h3-eko-services + .ekofood_clearfix + .container.container-row,
.h3-eko-services + .ekofood_clearfix + .container.container-row + .container.container-row,
.h3-eko-services + .ekofood_clearfix + .container.container-row + .container.container-row + .container.container-row {
width: 100%; } }
@media only screen and (max-width: 740px) and (orientation: landscape) {
.banner-bg-color-home03 {
margin-left: 0;
margin-right: 0; } }
/* ---------------------------------------------
CONTAINER CENTRE HOME 4
------------------------------------------ */
@media only screen and (min-width: 1100px) and (max-width: 1275px) and (orientation: landscape) {
.hfou-slider-banner > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 530px) and (max-width: 1099px) and (orientation: landscape) {
.hfou-slider-banner > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.hfou-slider-banner > .container {
width: 100% !important;
max-width: 100% !important; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.hfou-slider-banner > .container .vc_column_container > .vc_column-inner {
padding-left: 0;
padding-right: 0; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.hfou-slider-banner > .container .vc_column_container > .vc_column-inner {
padding-left: 0;
padding-right: 0; } }
@media only screen and (min-width: 1100px) and (max-width: 1275px) and (orientation: landscape) {
.hfou-slider-banner rs-module-wrap {
width: 100% !important;
max-width: 100% !important; } }
@media only screen and (min-width: 530px) and (max-width: 1099px) and (orientation: landscape) {
.hfou-slider-banner rs-module-wrap {
width: 100% !important;
max-width: 100% !important; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.hfou-slider-banner rs-module-wrap {
width: 100% !important;
max-width: 100% !important; } }
@media only screen and (min-width: 1100px) and (max-width: 1339px) and (orientation: landscape) {
.h4-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (min-width: 530px) and (max-width: 1099px) and (orientation: landscape) {
.h4-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h4-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.h4-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (min-width: 1100px) and (max-width: 1339px) and (orientation: landscape) {
.h4-eko-services > .container {
width: 100%; } }
@media only screen and (min-width: 530px) and (max-width: 1099px) and (orientation: landscape) {
.h4-eko-services > .container {
width: 100% !important; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h4-eko-services > .container {
width: 100%; } }
@media only screen and (min-width: 1100px) and (max-width: 1249px) and (orientation: landscape) {
.h4-eko-hot-deals > .container,
.hfour-product-hotdeals > .container,
.h4-eko-top-categories > .container,
.hfour-featuer-product > .container,
.hfour-newest-product > .container,
.h4-eko-blog > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 530px) and (max-width: 1099px) and (orientation: landscape) {
.h4-eko-hot-deals > .container,
.hfour-product-hotdeals > .container,
.h4-eko-top-categories > .container,
.hfour-featuer-product > .container,
.hfour-newest-product > .container,
.h4-eko-blog > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h4-eko-hot-deals > .container,
.hfour-product-hotdeals > .container,
.h4-eko-top-categories > .container,
.hfour-featuer-product > .container,
.hfour-newest-product > .container,
.h4-eko-blog > .container {
width: 100%;
padding: 0; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.h4-eko-hot-deals > .container,
.hfour-product-hotdeals > .container,
.h4-eko-top-categories > .container,
.hfour-featuer-product > .container,
.hfour-newest-product > .container,
.h4-eko-blog > .container {
padding: 0; } }
@media only screen and (max-width: 1070px) {
.hfour-product-hotdeals,
.h4-eko-top-categories,
.hfour-featuer-product,
.hfour-newest-product {
width: 100%; } }
@media only screen and (min-width: 530px) and (max-width: 1099px) and (orientation: landscape) {
.hfour-brand-carousel > .container {
width: 100%;
max-width: 100%; } }
@media only screen and (min-width: 800px) and (max-width: 1099px) and (orientation: landscape) {
.f3-eko-footer > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 530px) and (max-width: 799px) and (orientation: landscape) {
.f3-eko-footer > .container {
padding: 0; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.f3-eko-footer > .container {
width: 100%;
padding: 0; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.f3-eko-footer > .container {
padding: 0; } }
/* ---------------------------------------------
CONTAINER CENTRE HOME 5
------------------------------------------ */
@media only screen and (max-width: 1200px) and (orientation: landscape) {
.h-one-wrap-slider .h-one-slider {
max-width: 100%; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h-one-wrap-slider .h-one-slider {
max-width: 100%; } }
@media only screen and (max-width: 1200px) and (orientation: landscape) {
.h-one-wrap-slider > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h-one-wrap-slider > .container {
width: 100%;
padding: 0; } }
@media only screen and (max-width: 640px) and (orientation: portrait) {
.h-one-wrap-slider > .container {
padding: 0; } }
@media only screen and (max-width: 1200px) and (orientation: landscape) {
.h-one-wrap-slider > .container rs-module-wrap {
width: 100% !important;
max-width: 100% !important; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h-one-wrap-slider > .container rs-module-wrap {
width: 100% !important;
max-width: 100% !important; } }
@media only screen and (max-width: 1200px) and (orientation: landscape) {
.h5-eko-top-featured > .container,
.h-one-group-banner > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h5-eko-top-featured > .container,
.h-one-group-banner > .container {
width: 100%; } }
@media only screen and (max-width: 640px) and (orientation: portrait) {
.h5-eko-top-featured > .container,
.h-one-group-banner > .container {
padding: 0; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h-one-group-banner > .container {
width: 100%;
padding: 0; } }
@media only screen and (max-width: 1070px) {
.h5-eko-top-featured {
width: 100%; } }
@media only screen and (max-width: 1200px) and (orientation: landscape) {
.h5-eko-top-featured + .ekofood_clearfix + .container.container-row {
width: 100%; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h5-eko-top-featured + .ekofood_clearfix + .container.container-row {
width: 100%; } }
@media only screen and (max-width: 1200px) and (orientation: landscape) {
.h-one-group-banner + .ekofood_clearfix + .container.container-row,
.h-one-group-banner + .ekofood_clearfix + .container.container-row + .container.container-row,
.h-one-group-banner + .ekofood_clearfix + .container.container-row + .container.container-row + .container.container-row,
.h-one-group-banner + .ekofood_clearfix + .container.container-row + .container.container-row + .container.container-row + .container.container-row,
.h-one-group-banner + .ekofood_clearfix + .container.container-row + .container.container-row + .container.container-row + .container.container-row + .container.container-row,
.h-one-group-banner + .ekofood_clearfix + .container.container-row + .container.container-row + .container.container-row + .container.container-row + .container.container-row + .container.container-row {
width: 100%; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h-one-group-banner + .ekofood_clearfix + .container.container-row,
.h-one-group-banner + .ekofood_clearfix + .container.container-row + .container.container-row,
.h-one-group-banner + .ekofood_clearfix + .container.container-row + .container.container-row + .container.container-row,
.h-one-group-banner + .ekofood_clearfix + .container.container-row + .container.container-row + .container.container-row + .container.container-row,
.h-one-group-banner + .ekofood_clearfix + .container.container-row + .container.container-row + .container.container-row + .container.container-row + .container.container-row,
.h-one-group-banner + .ekofood_clearfix + .container.container-row + .container.container-row + .container.container-row + .container.container-row + .container.container-row + .container.container-row {
width: 100%; } }
/* ---------------------------------------------
CONTAINER CENTRE HOME 6
------------------------------------------ */
@media only screen and (min-width: 1100px) and (max-width: 1199px) and (orientation: landscape) {
.thre-banner-home6 > .container,
.tw-banner-home6 > .container,
.sec-hotdeal-news-product > .container,
.bg-banner-color-home6 > .container,
.feature-product-home6 > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 530px) and (max-width: 1099px) and (orientation: landscape) {
.thre-banner-home6 > .container,
.tw-banner-home6 > .container,
.sec-hotdeal-news-product > .container,
.bg-banner-color-home6 > .container,
.feature-product-home6 > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.thre-banner-home6 > .container,
.tw-banner-home6 > .container,
.sec-hotdeal-news-product > .container,
.bg-banner-color-home6 > .container,
.feature-product-home6 > .container {
width: 100%;
padding: 0; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.thre-banner-home6 > .container,
.tw-banner-home6 > .container,
.sec-hotdeal-news-product > .container,
.bg-banner-color-home6 > .container,
.feature-product-home6 > .container {
padding: 0; } }
@media only screen and (min-width: 1100px) and (max-width: 1199px) and (orientation: landscape) {
.brand-home06 + .ekofood_clearfix + .container.container-row,
.brand-home06 + .ekofood_clearfix + .container.container-row + .container.container-row {
width: 100%; } }
@media only screen and (min-width: 530px) and (max-width: 1099px) and (orientation: landscape) {
.brand-home06 + .ekofood_clearfix + .container.container-row,
.brand-home06 + .ekofood_clearfix + .container.container-row + .container.container-row {
width: 100%; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.brand-home06 + .ekofood_clearfix + .container.container-row,
.brand-home06 + .ekofood_clearfix + .container.container-row + .container.container-row {
width: 100%; } }
@media only screen and (min-width: 1100px) and (max-width: 1349px) and (orientation: landscape) {
.h6-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (min-width: 530px) and (max-width: 1099px) and (orientation: landscape) {
.h6-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h6-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.h6-eko-services {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (min-width: 1100px) and (max-width: 1349px) and (orientation: landscape) {
.h6-eko-services > .container {
width: 100%; } }
@media only screen and (min-width: 530px) and (max-width: 1099px) and (orientation: landscape) {
.h6-eko-services > .container {
width: 100% !important; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.h6-eko-services > .container {
width: 100%; } }
@media only screen and (max-width: 1070px) {
.feature-product-home6 {
width: 100%; } }
@media only screen and (min-width: 1100px) and (max-width: 1199px) and (orientation: landscape) {
.f5-eko-footer > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 800px) and (max-width: 1099px) and (orientation: landscape) {
.f5-eko-footer > .container {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 530px) and (max-width: 799px) and (orientation: landscape) {
.f5-eko-footer > .container {
padding: 0; } }
@media only screen and (min-width: 640px) and (max-width: 1099px) and (orientation: portrait) {
.f5-eko-footer > .container {
width: 100%;
padding: 0; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.f5-eko-footer > .container {
padding: 0; } }
/* ---------------------------------------------
SINGLE PRODUCT PAGE
------------------------------------------ */
@media only screen and (max-width: 1099px) {
.single-product-container .column-right .entry-summary .yith-wcwl-add-to-wishlist {
display: none !important; } }
@media only screen and (max-width: 1099px) {
.single-product-container .column-right .entry-summary .compare-button {
display: none !important; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.tabs-layout-tabs .wc-tabs {
display: flex;
justify-content: center;
align-items: center; } }
@media only screen and (max-width: 540px) and (orientation: portrait) {
.tabs-layout-tabs .wc-tabs > li {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0 10px;
margin: 0; } }
/* ---------------------------------------------
RESPONSIVE ALL HEADER
------------------------------------------ */
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: landscape) {
header.header-1 > .container {
width: 100%;
padding-left: 0;
padding-right: 0; } }
@media only screen and (max-width: 1099px) and (orientation: portrait) {
header.header-1 > .container {
width: 100%;
padding-left: 0;
padding-right: 0; } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: landscape) {
header.header-1 .top-header .wrap-header {
padding-top: 15px;
padding-bottom: 15px; } }
@media only screen and (max-width: 1099px) and (orientation: portrait) {
header.header-1 .top-header .wrap-header {
padding-top: 15px;
padding-bottom: 15px; } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: landscape) {
header.header-2 > .container {
width: 100%;
padding-left: 0;
padding-right: 0; } }
@media only screen and (max-width: 1099px) and (orientation: portrait) {
header.header-2 > .container {
width: 100%;
padding-left: 0;
padding-right: 0; } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: landscape) {
header.header-2 .wrap-header {
padding-top: 15px;
padding-bottom: 15px; } }
@media only screen and (max-width: 1099px) and (orientation: portrait) {
header.header-2 .wrap-header {
padding-top: 15px;
padding-bottom: 15px; } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: landscape) {
header.header-3 > .container {
width: 100%;
padding-left: 0;
padding-right: 0; } }
@media only screen and (max-width: 1099px) and (orientation: portrait) {
header.header-3 > .container {
width: 100%;
padding-left: 0;
padding-right: 0; } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: landscape) {
header.header-4 > .container {
width: 100%;
padding-left: 0;
padding-right: 0; } }
@media only screen and (max-width: 1099px) and (orientation: portrait) {
header.header-4 > .container {
width: 100%;
padding-left: 0;
padding-right: 0; } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: landscape) {
header.header-4 .wrap-header {
padding-top: 15px;
padding-bottom: 15px; } }
@media only screen and (max-width: 1099px) and (orientation: portrait) {
header.header-4 .wrap-header {
padding-top: 15px;
padding-bottom: 15px; } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: landscape) {
header.header-5 .top-header > .container {
width: 100%;
padding-left: 0;
padding-right: 0; } }
@media only screen and (max-width: 1099px) and (orientation: portrait) {
header.header-5 .top-header > .container {
width: 100%;
padding-left: 0;
padding-right: 0; } }
@media only screen and (min-width: 1023px) and (max-width: 1026px) and (orientation: landscape) {
header.header-6 > .container {
width: 100%;
padding-left: 0;
padding-right: 0; } }
@media only screen and (max-width: 1099px) and (orientation: portrait) {
header.header-6 > .container {
width: 100%;
padding-left: 0;
padding-right: 0; } }
/* ---------------------------------------------
RESPONSIVE ALL HEADER
------------------------------------------ */
/* ---------------------------------------------
THEME UNIT TEST
------------------------------------------ */
.ekofood-theme-testing {
color: #232323; }
.ekofood-theme-testing blockquote {
margin: 15px 0; }
.ekofood-theme-testing.page:not(.woocommerce-cart) table td {
border: 1px solid #E6E6E6; }
@media only screen and (min-width: 1101px) and (max-width: 1199px) {
.ekofood-theme-testing.home.blog .left-sidebar #main-content {
left: 336px;
width: calc(100% - 336px); } }
@media only screen and (min-width: 1101px) and (max-width: 1199px) {
.ekofood-theme-testing.home.blog .left-sidebar #main-sidebar {
width: 336px;
right: calc(100% - 336px); } }
.ekofood-theme-testing .ekofood-single-bottom .single-meta-tags {
line-height: 1.6; }
.ekofood-theme-testing p {
margin: 0 0 11.5px; }
.ekofood-theme-testing .comment-text p {
margin-bottom: 5px; }
.ekofood-theme-testing .editor-styles-wrapper .has-medium-font-size,
.ekofood-theme-testing .has-medium-font-size {
font-size: 20px; }
.ekofood-theme-testing dl {
margin-top: 0;
margin-bottom: 23px; }
.ekofood-theme-testing dt, .ekofood-theme-testing dd {
line-height: 1.7; }
.ekofood-theme-testing dt {
font-weight: bold; }
.ekofood-theme-testing dd {
margin-left: 0; }
.ekofood-theme-testing .flex-bottom-share.no-tags {
display: none; }
/* ---------------------------------------------
THEME UNIT TEST
------------------------------------------ */