<!DOCTYPE html>
<html lang="en" class="home-fluid-width responsive">
<head>
    <title>Witaltea</title>

      
    <base href="http://witaltea.com/"/>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	        <meta name="description" content="Witaltea">
			        <link href="http://witaltea.com/" rel="canonical"/>
	        <link href="http://witaltea.com/image/catalog/images/favicon.png" rel="icon"/>
			    <link rel="stylesheet" type="text/css"
          href="catalog/view/theme/wital/assets/wital.css?ver=20190704">
		    <script type="text/javascript"
            src="catalog/view/theme/wital/assets/js/jquery-3.4.0.min.js?ver=3.4.0"></script>
			    <!--[if lt IE 9]>
    <script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <script src="catalog/view/theme/wital/js/respond.min.js"></script>
    <![endif]-->

</head>
<body class="common-home">




<div id="cookie-1" class="cookie">
    <div class="container-fluid">
        <div class="inner">
            <div class="text">We use cookies to ensure that we give you the best experience on our website. Our website includes also third parties’ cookies. If you want to find out more about the cookies we use and how to disable them, you can access our Cookie Policy. By continuing your visit on the website, you consent to the use of the cookies.</div>
            <div class="buttons">
				                    <div class="allow">
                        <a class="btn-outline" href="javascript:void(0);">Allow Cookies</a>
                    </div>
				            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $('#cookie-1 .allow').click(function () {
            var now = new Date();
            var time = now.getTime();
            time += 3600 * 24 * 1000 * 365;
            now.setTime(time);
            document.cookie = encodeURIComponent('cookie-module-1-accepted') + "=" + encodeURIComponent(1) + ';expires=' + now.toUTCString() + "; path=/";
            $('#cookie-1').fadeOut('slow');
        });
    });
</script>
<div id="page" class="page">
    <div id="main" class="main">
		
    <header class="header-wrap header-fixed">
        <div class="header-bg"></div>

        <div class="topline">
						        </div>

        <div class="header-inner">
            <div class="d-flex align-items-center justify-content-between">
                <div class="header-left">

                    <div class="container-fluid">
                        <div class="row align-items-center logo-with-menu">
                            <div class="logo-wrap">
                                <a href="http://witaltea.com/">
									                                        <img src="http://witaltea.com/image/catalog/images/logo-white.png" title="Witaltea"
                                             alt="Witaltea">
									                                </a>
                            </div>

                            <div class="main-menu">
								
    <div class="megamenu-wrap container">

        <div class="megamenu-toggle megamenu-toggle-main" onclick="toggleMenu('.megamenu-inner-main', 'left')">
            <div class="megamenu-toggle-inner">
                <span></span><span></span><span></span>
            </div>
        </div>

        <div class="megamenu-inner megamenu-inner-main">
            <div class="megamenu-inner-top">
                <div class="megamenu-header d-flex align-items-center">
                    <div class="megamenu-toggles">
                        <div class="toggle-left">
                            <div class="title">MENU</div>
                        </div>
                        <div class="toggle-right" onclick="toggleMenu('.megamenu-inner-main', 'left')">
                            <div class="icon close"></div>
                        </div>
                    </div>
                </div>

                <ul class="megamenu">
					                        <li class="" >
                            <a href="about" class="" >
                                <span class="icon"></span>
                                <span class="name">About Wital</span>
                                <span class="description"></span>
                                <span class="label"></span>
                            </a>
							                        </li>
					                        <li class=" with-sub-menu hover" >
                            <a href="javascript:void(0);" class="" >
                                <span class="icon"></span>
                                <span class="name">Product Lines</span>
                                <span class="description"></span>
                                <span class="label"></span>
                            </a>
							                                <div class="sub-menu">
                                    <div class="content" >
                                        <div class="row">
											                                            <div class="col-sm-12 mobile-enabled">
												<div class="row"><div class="col-sm-12 static-menu"><div class="menu"><ul class="sub-menu-links"><li><a href="/index.php?route=witallines/category&amp;witallines_path=1" onclick="window.location = '/index.php?route=witallines/category&amp;witallines_path=1';" class="main-menu-link ">Finest tea</a></li><li><a href="/index.php?route=witallines/category&amp;witallines_path=3" onclick="window.location = '/index.php?route=witallines/category&amp;witallines_path=3';" class="main-menu-link ">Organic tea</a></li></ul></div></div></div>                                            </div>
											                                        </div>
                                    </div>
                                </div>
							                        </li>
					                        <li class=" beautiful-font" >
                            <a href="professionals" class="" >
                                <span class="icon"></span>
                                <span class="name">For our partners</span>
                                <span class="description"></span>
                                <span class="label"></span>
                            </a>
							                        </li>
					                        <li class=" beautiful-font" >
                            <a href="sustainability" class="" >
                                <span class="icon"></span>
                                <span class="name">Sustainability. Now</span>
                                <span class="description"></span>
                                <span class="label"></span>
                            </a>
							                        </li>
					                </ul>
            </div>

            <div class="megamenu-inner-bottom">
                <div class="megamenu-footer">
					                </div>
            </div>
        </div>
    </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="header-right">

                    <div class="d-flex justify-content-end align-items-center">
                        <div class="header-button">
                            <div class="header-item with-sub-menu">
                                <div class="link"><a href="javascript:void(0);"
                                                     onclick="toggleMenu('.megamenu-inner-categories', 'left')"
                                                     class="btn-small btn-outline"><span
                                                class="shop">Shop</span><span
                                                class="online"> Online</span></a>
                                </div>
								                                    <div class="sub-menu categories-sub-menu">
                                        <div class="content">
                                            <div class="categories-mega-menu">

                                                <div class="megamenu-wrap">
                                                    <div class="categories-megamenu-inner">
                                                        <div class="megamenu-inner-top">

                                                            <ul class="megamenu">
																                                                                    <li class="col with-sub-menu">
                                                                        <a href="http://witaltea.com/finest-collection/">Finest Collection</a>
																		                                                                            <div class="inner-menu">
                                                                                <div class="categories-list">
																					                                                                                        <div class="item">
                                                                                            <a href="http://witaltea.com/finest-collection/exclusive-line/"
                                                                                               style="background-image: url(image/catalog/products/categories/exclusive-line-package-cat.png);">
                                                                                                <span class="title">Exclusive Line</span>
                                                                                            </a>
                                                                                            <div class="item-bg"
                                                                                                 style="background: linear-gradient(to left, #393939 0%, #000 100%);"></div>
                                                                                        </div>
																					                                                                                        <div class="item">
                                                                                            <a href="http://witaltea.com/finest-collection/green-line/"
                                                                                               style="background-image: url(image/catalog/products/categories/green-line-package-cat.png);">
                                                                                                <span class="title">Green Line</span>
                                                                                            </a>
                                                                                            <div class="item-bg"
                                                                                                 style="background: linear-gradient(to left, #2F370E 0%, #000 100%);"></div>
                                                                                        </div>
																					                                                                                        <div class="item">
                                                                                            <a href="http://witaltea.com/finest-collection/gourmet-line/"
                                                                                               style="background-image: url(image/catalog/products/categories/gourmet-line-package-cat.png);">
                                                                                                <span class="title">Gourmet Line</span>
                                                                                            </a>
                                                                                            <div class="item-bg"
                                                                                                 style="background: linear-gradient(to left, #092942 0%, #000 100%);"></div>
                                                                                        </div>
																					                                                                                        <div class="item">
                                                                                            <a href="http://witaltea.com/finest-collection/black-line/"
                                                                                               style="background-image: url(image/catalog/products/categories/black-line-package-cat.png);">
                                                                                                <span class="title">Black Line</span>
                                                                                            </a>
                                                                                            <div class="item-bg"
                                                                                                 style="background: linear-gradient(to left, #32353D 0%, #000 100%);"></div>
                                                                                        </div>
																					                                                                                        <div class="item">
                                                                                            <a href="http://witaltea.com/finest-collection/white-line/"
                                                                                               style="background-image: url(image/catalog/products/categories/white-line-package-cat.png);">
                                                                                                <span class="title">White Line</span>
                                                                                            </a>
                                                                                            <div class="item-bg"
                                                                                                 style="background: linear-gradient(to left, #393939 0%, #000 100%);"></div>
                                                                                        </div>
																					                                                                                </div>
                                                                            </div>
																		                                                                    </li>
																                                                                    <li class="col with-sub-menu">
                                                                        <a href="http://witaltea.com/organic-collection/">Organic Collection</a>
																		                                                                            <div class="inner-menu">
                                                                                <div class="categories-list">
																					                                                                                        <div class="item">
                                                                                            <a href="http://witaltea.com/organic-collection/yellow-line/"
                                                                                               style="background-image: url(image/catalog/products/categories/yellow-line-package-cat.png);">
                                                                                                <span class="title">Yellow line</span>
                                                                                            </a>
                                                                                            <div class="item-bg"
                                                                                                 style="background: linear-gradient(to left, #4B3E01 0%, #000 100%);"></div>
                                                                                        </div>
																					                                                                                        <div class="item">
                                                                                            <a href="http://witaltea.com/organic-collection/green-line-organic/"
                                                                                               style="background-image: url(image/catalog/products/categories/green-organic-line-package-cat.png);">
                                                                                                <span class="title">Green line</span>
                                                                                            </a>
                                                                                            <div class="item-bg"
                                                                                                 style="background: linear-gradient(to left, #394B13 0%, #000 100%);"></div>
                                                                                        </div>
																					                                                                                        <div class="item">
                                                                                            <a href="http://witaltea.com/organic-collection/orange-line/"
                                                                                               style="background-image: url(image/catalog/products/categories/orange-line-package-cat.png);">
                                                                                                <span class="title">Orange line</span>
                                                                                            </a>
                                                                                            <div class="item-bg"
                                                                                                 style="background: linear-gradient(to left, #692B13 0%, #000 100%);"></div>
                                                                                        </div>
																					                                                                                </div>
                                                                            </div>
																		                                                                    </li>
																                                                            </ul>

                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>

                                    <div class="mobile-categories-sub-menu">
                                        <div class="content">
                                            <div class="categories-mega-menu">

                                                <div class="megamenu-wrap">
                                                    <div class="megamenu-inner megamenu-inner-categories">
                                                        <div class="megamenu-inner-top">
                                                            <div class="megamenu-toggles">
                                                                <div class="toggle-left"></div>
                                                                <div class="toggle-right"
                                                                     onclick="toggleMenu('.megamenu-inner-categories', 'left')">
                                                                    <div class="icon close"></div>
                                                                </div>
                                                            </div>

                                                            <ul class="megamenu">
																                                                                    <li class="col with-inner-menu">
                                                                        <a href="http://witaltea.com/finest-collection/"><span
                                                                                    class="name">Finest Collection</span></a>
																		                                                                            <div class="goto-inner-menu" onclick="toggleMenu('.inner-menu-59', 'left')"></div>
                                                                            <div class="inner-menu inner-menu-59">

                                                                                <div class="megamenu-inner-top">
                                                                                    <div class="megamenu-toggles">
                                                                                        <div class="toggle-left" onclick="toggleMenu('.inner-menu-59', 'left')">
                                                                                            <div class="icon back"></div>
                                                                                        </div>
                                                                                        <div class="toggle-center">
                                                                                            <span class="name">Finest Collection</span>
                                                                                        </div>
                                                                                        <div class="toggle-right"
                                                                                             onclick="closeAllMenu()">
                                                                                            <div class="icon close"></div>
                                                                                        </div>
                                                                                    </div>

                                                                                    <div class="categories-list">
																						                                                                                            <div class="item">
                                                                                                <a href="http://witaltea.com/finest-collection/exclusive-line/"
                                                                                                   style="background-image: url(image/catalog/products/categories/exclusive-line-package-cat.png);">
                                                                                                    <span class="title">Exclusive Line</span>
                                                                                                </a>
                                                                                                <div class="item-bg"
                                                                                                     style="background: linear-gradient(to left, #393939 0%, #000 100%);"></div>
                                                                                            </div>
																						                                                                                            <div class="item">
                                                                                                <a href="http://witaltea.com/finest-collection/green-line/"
                                                                                                   style="background-image: url(image/catalog/products/categories/green-line-package-cat.png);">
                                                                                                    <span class="title">Green Line</span>
                                                                                                </a>
                                                                                                <div class="item-bg"
                                                                                                     style="background: linear-gradient(to left, #2F370E 0%, #000 100%);"></div>
                                                                                            </div>
																						                                                                                            <div class="item">
                                                                                                <a href="http://witaltea.com/finest-collection/gourmet-line/"
                                                                                                   style="background-image: url(image/catalog/products/categories/gourmet-line-package-cat.png);">
                                                                                                    <span class="title">Gourmet Line</span>
                                                                                                </a>
                                                                                                <div class="item-bg"
                                                                                                     style="background: linear-gradient(to left, #092942 0%, #000 100%);"></div>
                                                                                            </div>
																						                                                                                            <div class="item">
                                                                                                <a href="http://witaltea.com/finest-collection/black-line/"
                                                                                                   style="background-image: url(image/catalog/products/categories/black-line-package-cat.png);">
                                                                                                    <span class="title">Black Line</span>
                                                                                                </a>
                                                                                                <div class="item-bg"
                                                                                                     style="background: linear-gradient(to left, #32353D 0%, #000 100%);"></div>
                                                                                            </div>
																						                                                                                            <div class="item">
                                                                                                <a href="http://witaltea.com/finest-collection/white-line/"
                                                                                                   style="background-image: url(image/catalog/products/categories/white-line-package-cat.png);">
                                                                                                    <span class="title">White Line</span>
                                                                                                </a>
                                                                                                <div class="item-bg"
                                                                                                     style="background: linear-gradient(to left, #393939 0%, #000 100%);"></div>
                                                                                            </div>
																						                                                                                    </div>
                                                                                </div>

                                                                            </div>
																		                                                                    </li>
																                                                                    <li class="col with-inner-menu">
                                                                        <a href="http://witaltea.com/organic-collection/"><span
                                                                                    class="name">Organic Collection</span></a>
																		                                                                            <div class="goto-inner-menu" onclick="toggleMenu('.inner-menu-61', 'left')"></div>
                                                                            <div class="inner-menu inner-menu-61">

                                                                                <div class="megamenu-inner-top">
                                                                                    <div class="megamenu-toggles">
                                                                                        <div class="toggle-left" onclick="toggleMenu('.inner-menu-61', 'left')">
                                                                                            <div class="icon back"></div>
                                                                                        </div>
                                                                                        <div class="toggle-center">
                                                                                            <span class="name">Organic Collection</span>
                                                                                        </div>
                                                                                        <div class="toggle-right"
                                                                                             onclick="closeAllMenu()">
                                                                                            <div class="icon close"></div>
                                                                                        </div>
                                                                                    </div>

                                                                                    <div class="categories-list">
																						                                                                                            <div class="item">
                                                                                                <a href="http://witaltea.com/organic-collection/yellow-line/"
                                                                                                   style="background-image: url(image/catalog/products/categories/yellow-line-package-cat.png);">
                                                                                                    <span class="title">Yellow line</span>
                                                                                                </a>
                                                                                                <div class="item-bg"
                                                                                                     style="background: linear-gradient(to left, #4B3E01 0%, #000 100%);"></div>
                                                                                            </div>
																						                                                                                            <div class="item">
                                                                                                <a href="http://witaltea.com/organic-collection/green-line-organic/"
                                                                                                   style="background-image: url(image/catalog/products/categories/green-organic-line-package-cat.png);">
                                                                                                    <span class="title">Green line</span>
                                                                                                </a>
                                                                                                <div class="item-bg"
                                                                                                     style="background: linear-gradient(to left, #394B13 0%, #000 100%);"></div>
                                                                                            </div>
																						                                                                                            <div class="item">
                                                                                                <a href="http://witaltea.com/organic-collection/orange-line/"
                                                                                                   style="background-image: url(image/catalog/products/categories/orange-line-package-cat.png);">
                                                                                                    <span class="title">Orange line</span>
                                                                                                </a>
                                                                                                <div class="item-bg"
                                                                                                     style="background: linear-gradient(to left, #692B13 0%, #000 100%);"></div>
                                                                                            </div>
																						                                                                                    </div>
                                                                                </div>

                                                                            </div>
																		                                                                    </li>
																                                                            </ul>

                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
								                            </div>
                        </div>

                        <div class="header-icons d-flex justify-content-end align-items-center">
                            <div class="header-item header-item-contacts">
                                <div class="link"><a href="/contacts" title="Contacts">
                                        <img src="/catalog/view/theme/wital/assets/images/icon-marker.png">
                                    </a></div>
                            </div>

                            <div class="header-item header-item-account">
                                <div class="link">
									                                        <a href="javascript:void(0);" onclick="toggleMenu('.ajax-auth-wrap', 'right')"
                                           title="Login/Register">
											                                            <img src="/catalog/view/theme/wital/assets/images/icon-user.png">
                                        </a>
                                </div>
                            </div>

                            <div class="header-item header-item-cart">
								<div class="mini-cart-wrap">
    <div class="link">
        <a class="mini-cart-link" href="javascript:void(0);"
           title="Shopping Cart">
        <span class="mini-cart-icon">
            <img src="/catalog/view/theme/wital/assets/images/icon-cart.png">
	                </span>
        </a>
    </div>
    <div class="sub-menu mini-cart-inner" id="cart">
        <div class="content">
            <div class="cart-header">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="title">Cart</div>
					                </div>
            </div>
            <div class="cart-main">
                <div class="cart-main-inner">
					                        <div class="cart-empty">Your shopping cart is empty!</div>
					                </div>
            </div>
			        </div>
    </div>
</div>                            </div>

							                                <div class="header-item header-item-language">
									    <div class="language-switcher">
        <form action="http://witaltea.com/index.php?route=common/language/language" method="post" enctype="multipart/form-data" id="form-language">
            <div class="dropdown accordion">
                <div class="dropdown-heading" onclick="toggleAccordion()">
											                            <div class="name">EN </div>
																						                    <div class="toggle"></div>
                </div>
                <div class="dropdown-inner accordion-inner">
                    <div class="content">
                        <div class="options">
							                                <div class="item active">
                                    <a href="javascript:void(0);" name="en-gb" class="language-select">
										EN </a>
                                </div>
							                                <div class="item">
                                    <a href="javascript:void(0);" name="de-de" class="language-select">
										DE </a>
                                </div>
							                        </div>
                    </div>
                </div>
            </div>
            <input type="hidden" name="code" value="">
            <input type="hidden" name="redirect" value="http://witaltea.com/">
        </form>
    </div>
                                </div>
							
                        </div>

                    </div>

                </div>
            </div>
        </div>

    </header>




<div class="main-content home">

    
        <div class="row-preface-fullwidth">
        
     <div class="advanced-grid advanced-grid-31035912 home-parallax-bnr ">
         <div style="">
               <div class="full-width">
                    <div class="row">
                                                                                                              <div class="col-12">
                                                                                                                        <div id="parallax-container">
    <div class="parallax-elements">
        <img class="middle bg-2" src="/image/catalog/images/parallax/2-middle.png">
        <img class="bottom bg-3" src="/image/catalog/images/parallax/3-bottom.png">
        <img class="middle pack-1" src="/image/catalog/images/parallax/pack-3.png">
        <img class="middle pack-2" src="/image/catalog/images/parallax/pack-4.png">
        <img class="middle pack-3" src="/image/catalog/images/parallax/pack-1.png">
        <img class="top pack-4" src="/image/catalog/images/parallax/pack-2.png">
        <img class="top bg-1" src="/image/catalog/images/parallax/1-top.png">
    </div>
    <div class="parallax-content">
        <div class="image gallery center">
            <div class="gallery">

                <div class="item"><img src="/image/catalog/images/parallax/banka.png"></div>
                <div class="item"><img src="/image/catalog/images/parallax/green-background-cutting-pocket.png"></div>
                <div class="item"><img src="/image/catalog/images/parallax/banka2.png"></div>
            </div>
        </div>
        <div class="subtitle center"><span class="typewriting">Unforgettable #teamoments</span></div>
    </div>
</div>                                                                                                         </div>
                                             </div>
               </div>
         </div>
     </div>    </div>
    
    <div class="row row-content">
        
        <div class="col-12 col-md-12">

            
            <div class="row">
                
                <div class="col-12 col-md-12">
                    <div class="tea-lines-wrap">
		    <div class="tl-inner">
		            <div class="tl-category">
                <div class="row">
                    <div class="col-lg-6 tl-gallery">
						                            <div class="gallery">
								                                    <div class="video">
                                        <video autoplay loop muted playsinline>
                                            <source src="/image/catalog/lines/finest-line.mp4" type="video/mp4">
                                        </video>
                                    </div>
																									                                        <img src="http://witaltea.com/image/cache/catalog/lines/finest-line08-960x500.jpg" class="img-responsive"
                                             alt="Finest Line"
                                             title="Finest Line">
									                                        <img src="http://witaltea.com/image/cache/catalog/lines/finest-line07-960x500.jpg" class="img-responsive"
                                             alt="Finest Line"
                                             title="Finest Line">
																	                            </div>
						                    </div>
                    <div class="col-lg-6 tl-info align-self-center">
                        <div class="caption">
                            <h4 class="tl-title">Finest Line</h4>
                            <div class="strip-line center"></div>
							                                <div class="tl-description">
									<p>Being the flagship product line of Witaltea, the Finest line is renowned for its high-end quality and beautiful aesthetic properties.</p><p>The Finest line provides a unique experience characterized by a strong aroma and taste, as well as a freshness only available from our full leaf teas. The Finest line is designed to exceed even the most decadent of expectations and is the luxury element of our selection grouping.</p>                                </div>
							                        </div>
                        <div class="button">
                            <a href="http://witaltea.com/finest-line/" class="btn-icon">See more <i
                                        class="fas fa-chevron-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
		            <div class="tl-category">
                <div class="row">
                    <div class="col-lg-6 tl-gallery">
						                            <div class="gallery">
																									                                        <img src="http://witaltea.com/image/cache/catalog/lines/organic-line08-960x500.jpg" class="img-responsive"
                                             alt="Organic Line"
                                             title="Organic Line">
									                                        <img src="http://witaltea.com/image/cache/catalog/lines/organic-line04-s-960x500.jpg" class="img-responsive"
                                             alt="Organic Line"
                                             title="Organic Line">
									                                        <img src="http://witaltea.com/image/cache/catalog/lines/organic-line07-960x500.jpg" class="img-responsive"
                                             alt="Organic Line"
                                             title="Organic Line">
																	                            </div>
						                    </div>
                    <div class="col-lg-6 tl-info align-self-center">
                        <div class="caption">
                            <h4 class="tl-title">Organic Line</h4>
                            <div class="strip-line center"></div>
							                                <div class="tl-description">
									<p>The Organic line caters to those who believe in a sustainable future.</p><p>Witaltea high end quality full leaf tea is combined with a completely biodegradable and compostable packaging for easy, responsible disposal.</p>                                </div>
							                        </div>
                        <div class="button">
                            <a href="http://witaltea.com/organic-line/" class="btn-icon">See more <i
                                        class="fas fa-chevron-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
		    </div>
</div>                </div>

                
            </div>
        </div>
    </div>

    <div class="row row-content-bottom">
        <div class="col-12">
            <div class="tea-memories-wrap">
	        <h3 class="tm-heading">Our commitments</h3>
		    <div class="tm-inner container">
		            <div class="tm-article">
                <div class="row">
                    <div class="col-lg-6 tm-image">
						                            <div class="image">
                                <img src="http://witaltea.com/image/cache/catalog/memories/memories03-820x505.jpg" class="img-responsive"
                                     alt="Our Teas" title="Our Teas">
                            </div>
						                    </div>
                    <div class="col-lg-6 tm-info align-self-center">
                        <div class="caption">
                            <h4 class="tm-title">Our Teas</h4>
                            <div class="strip-line"></div>
							                                <div class="tm-description">
									<p>Wital experts have explored every tea place of the world to select the best luxury teas, enhance them with innovative blending recipes &amp; natural flavouring and created 5 collections for Wital Finest Line: Exclusive, Black, White, Green &amp; Gourmet.<br></p>                                </div>
							                        </div>
                        <div class="button">
                            <a href="http://witaltea.com/our-commitments/our-teas" class="btn-icon">Read More <i
                                        class="fas fa-chevron-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
		            <div class="tm-article">
                <div class="row">
                    <div class="col-lg-6 tm-image">
						                            <div class="image">
                                <img src="http://witaltea.com/image/cache/catalog/memories/memories04-820x505.jpg" class="img-responsive"
                                     alt="Our packaging model" title="Our packaging model">
                            </div>
						                    </div>
                    <div class="col-lg-6 tm-info align-self-center">
                        <div class="caption">
                            <h4 class="tm-title">Our packaging model</h4>
                            <div class="strip-line"></div>
							                                <div class="tm-description">
									<p>A minimalist aesthetic, an abandonment of superfluous features and a dedication to using only the best material possibly makes our packaging not only visually appealing but completely sustainable and eco-friendly.<br></p>                                </div>
							                        </div>
                        <div class="button">
                            <a href="http://witaltea.com/our-commitments/our-packaging-models" class="btn-icon">Read More <i
                                        class="fas fa-chevron-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
		    </div>
	        <div class="tm-more-btn"><a href="javascript:void(0);" class="btn-clean">See All Memories</a>
        </div>
	</div><div class="tea-news-wrap">
	        <h3 class="tn-heading">News</h3>
		    <div class="tn-inner container">
        <div class="row">
			                <div class="tn-article col-lg-4">
                    <div class="tn-image">
						                            <div class="image">
                                <img src="http://witaltea.com/image/cache/catalog/news/news08-1-526x300.jpg" class="img-responsive"
                                     alt="Complies with standards" title="Complies with standards">
                            </div>
						                    </div>
                    <div class="tn-info">
                        <div class="caption">
                            <h4 class="tn-title">Complies with standards</h4>
                        </div>
						                            <div class="tn-description">
								Products and materials need to meet the strict criteria of the European norm EN 13432 on industrial compostability. The Seedling label is a well-known mark for products conforming to EN 13432.&nbsp; The resulting end products are water, carbon dioxide CO2 and a little biomass.                            </div>
												                    </div>
                </div>
			                <div class="tn-article col-lg-4">
                    <div class="tn-image">
						                            <div class="image">
                                <img src="http://witaltea.com/image/cache/catalog/news/news03-526x300.jpg" class="img-responsive"
                                     alt="New gift sets for Harrods" title="New gift sets for Harrods">
                            </div>
						                    </div>
                    <div class="tn-info">
                        <div class="caption">
                            <h4 class="tn-title">New gift sets for Harrods</h4>
                        </div>
												                    </div>
                </div>
			                <div class="tn-article col-lg-4">
                    <div class="tn-image">
						                            <div class="image">
                                <img src="http://witaltea.com/image/cache/catalog/news/news07-526x300.jpg" class="img-responsive"
                                     alt="1 tea – sachet for a tea pot" title="1 tea – sachet for a tea pot">
                            </div>
						                    </div>
                    <div class="tn-info">
                        <div class="caption">
                            <h4 class="tn-title">1 tea – sachet for a tea pot</h4>
                        </div>
												                    </div>
                </div>
			        </div>
    </div>
	</div>        </div>
    </div>

</div>



<footer class="footer-wrap">

	        <div class="footer-custom">

			                <div class="footer-content footer-top">
					
     <div class="advanced-grid advanced-grid-69138956 footer-cta ">
         <div style="background-image: url(image/catalog/images/bg02-s.jpg);">
               <div class="full-width">
                    <div class="row">
                                                                                                              <div class="col-12">
                                                                                                                        <div class="cta-content">
<div class="title">Buy Wital Tea Now!</div>
<div class="button"><a href="/shop/" class="btn-medium btn-outline">Shop Online</a></div>
</div>                                                                                                         </div>
                                             </div>
               </div>
         </div>
     </div>                </div>
			
			
			
        </div> <!-- footer-custom end -->
	
    <div class="footer-inner">

		            <div class="footer-modules">
                <div class="container">

                    <div class="row">
                        <div class="col-12">
							                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-7">
							                                <div class="footer-content footer-left">
									
     <div class="advanced-grid advanced-grid-20017704 footer-links ">
         <div style="">
               <div class="full-width">
                    <div class="row">
                                                                                                              <div class="col-4">
                                                                           <h4>Around Product</h4><div class="strip-line"></div><div class="row"><div class="col"><ul class="links"><li><a href="index.php?route=witalguide/article&amp;witalguide_path=1&amp;witalguide_article_id=1">Shipping &amp; Payment</a></li><li><a href="index.php?route=witalguide/article&amp;witalguide_path=1&amp;witalguide_article_id=2">Return Policy</a></li><li><a href="index.php?route=witalguide/article&amp;witalguide_path=1&amp;witalguide_article_id=4">Terms &amp; Conditions</a></li></ul></div></div>                                                                                                         </div>
                                                                                     <div class="col-4">
                                                                           <h4>Wital Support</h4><div class="strip-line"></div><div class="row"><div class="col"><ul class="links"><li><a href="contacts">Contacts</a></li><li><a href="index.php?route=witalguide/article&amp;witalguide_path=1&amp;witalguide_article_id=5">Imprint</a></li><li><a href="index.php?route=witalguide/article&amp;witalguide_path=1&amp;witalguide_article_id=6">Privacy Policy</a></li></ul></div></div>                                                                                                         </div>
                                             </div>
               </div>
         </div>
     </div>                                </div>
							                        </div>

						
                        <div class="col-lg-5">
							                                <div class="footer-content footer-right">
									
     <div class="advanced-grid advanced-grid-27283564 footer-partners ">
         <div style="">
               <div class="container">
                    <div class="row">
                                                                                                              <div class="col-12">
                                                                                                                        <div class="partners-wrap">
<div class="title">Available at:</div>
<div class="partners">
<ul class="partners-slider">
<li><img src="/image/catalog/images/partners/partner-kafer.png"></li>
<li><img src="/image/catalog/images/partners/partner01.png"></li>
<li><img src="/image/catalog/images/partners/partner02-white.png"></li>
<li><img src="/image/catalog/images/partners/partner03.png"></li>
<li><img src="/image/catalog/images/partners/partner04.png"></li>
<li><img src="/image/catalog/images/partners/partner05.png"></li>
<li><img src="/image/catalog/images/partners/partner06.png"></li>
<li><img src="/image/catalog/images/partners/partner07.png"></li>
<li><img src="/image/catalog/images/partners/partner08.png"></li>
<li><img src="/image/catalog/images/partners/partner09.png"></li>
<li><img src="/image/catalog/images/partners/partner10.png"></li>
<li><img src="/image/catalog/images/partners/partner11.png"></li>
<li><img src="/image/catalog/images/partners/partner12.png"></li>
</ul>
</div>
</div>                                                                                                         </div>
                                             </div>
               </div>
         </div>
     </div>
     <div class="advanced-grid advanced-grid-26738908 footer-socials ">
         <div style="">
               <div class="full-width">
                    <div class="row">
                                                                                                              <div class="col-12">
                                                                                                                        <div class="socials-wrap">
<ul class="socials">
<li class="facebook"><a href="https://facebook.com/unforgettableteamoments/" target="_blank">FB</a></li>
<li class="instagram"><a href="https://instagram.com/finestwitaltea" target="_blank"">INSTA</a></li>
</ul>
</div>                                                                                                         </div>
                                             </div>
               </div>
         </div>
     </div>
     <div class="advanced-grid advanced-grid-116129064 footer-info ">
         <div style="">
               <div class="full-width">
                    <div class="row">
                                                                                                              <div class="col-12">
                                                                                                                        <p>Number of organic certificate:<br>
<a href="https://www.bioc.info/document/html?document%5B__identity%5D=9c21504c-d804-47cf-862f-daa767e635b6" target="_blank">DE-HE-039-05889-BCD</a></p>                                                                                                         </div>
                                             </div>
               </div>
         </div>
     </div>
     <div class="advanced-grid advanced-grid-175899852 copyright-certificates ">
         <div style="">
               <div class="container">
                    <div class="row">
                                                                                                              <div class="col-12">
                                                                                                                        <img src="/image/catalog/images/certificate/cert-01.png">
<img src="/image/catalog/images/certificate/cert-02.png">
<img src="/image/catalog/images/certificate/cert-03.png">
<img src="/image/catalog/images/certificate/cert-04.png">
<img src="/image/catalog/images/certificate/cert-05.png">                                                                                                         </div>
                                             </div>
               </div>
         </div>
     </div>                                </div>
							                        </div>
                    </div>

                </div>
            </div> <!-- footer-modules end -->
		
		
        <div class="copyright">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="copyright-text"><span class="icecream-logo">Made by <a href="https://icecream.group/" target="_blank"><img src="catalog/view/theme/wital/assets/images/icecream-logo.png"></a></span> &copy; 2018 - 2019 Wital. <br>All rights reserved.</div>
                    </div>
                    <div class="col-lg-6">
						
     <div class="advanced-grid advanced-grid-14661255 checkout-only footer-payment-info ">
         <div style="">
               <div class="container">
                    <div class="row">
                                                                                                              <div class="col-6">
                                                                                                                        <p>Wital GmbH</p>
<p>Hessenring 15D<br> 64546 Moerfelden-Walldorf<br> Germany<br> HR B 91191 Frankfurt</p>
<p>Phone: <a href="tel:+49061057035810">+49 (0) 6105 70 35 810</a><br> Fax: <a href="tel:+49061057035830">+49 (0) 6105 70 35 830</a><br> <a href="mailto:info@witaltea.com">info@witaltea.com</a></p>                                                                                                         </div>
                                                                                     <div class="col-6">
                                                                                                                        <p>Commercial register: Frankfurt am Main District Court (HRB 91191)<br> Managing Director: Aleksey Popov<br> Tax ID Number: DE 212 534 871<br> Number of organic certificate: <a href="https://www.bioc.info/document/html?document%5B__identity%5D=9c21504c-d804-47cf-862f-daa767e635b6" target="blank">DE-HE-039-05889-BCD</a> </p><p>ARA Lizenznummer: 99012<br> GLN Nummer: 42 6049828 000 1</p>                                                                                                         </div>
                                             </div>
               </div>
         </div>
     </div>                    </div>
                </div>

            </div>
        </div> <!-- copyright end -->

    </div> <!-- footer-inner end -->

</footer>

<script type="text/javascript" src="catalog/view/javascript/common.js?ver=1.0"></script>
<script type="text/javascript" src="catalog/view/theme/wital/assets/js/jquery-appear.js?ver=1.0"></script>
<script type="text/javascript" src="catalog/view/theme/wital/assets/js/bootstrap.bundle.js?ver=4.3.1"></script>
<script type="text/javascript" src="catalog/view/theme/wital/assets/js/slick.min.js?ver=1.8.1"></script>
<script type="text/javascript" src="catalog/view/theme/wital/assets/js/magnific-popup.min.js?ver=1.1.0"></script>
<script type="text/javascript" src="catalog/view/theme/wital/assets/js/tween-max.min.js?ver=2.1.3"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/js/select2.min.js"></script>
<script type="text/javascript" src="catalog/view/theme/wital/assets/js/bootstrap-notify.min.js?ver=3.1.3"></script>
<script type="text/javascript" src="catalog/view/theme/wital/assets/js/scripts.js?ver=20190626"></script>


<div class="ajax-auth-wrap">
    <div class="inner">
        <div class="close" onclick="toggleMenu('.ajax-auth-wrap', 'right')"></div>

        <!-- LOGIN FORM -->
        <div class="form-wrap login-form" style="display: block;">
            <div class="title">SIGN IN TO YOUR ACCOUNT</div>
            <div class="text">Gain access to your account information and your orders by signing in to your Wital Tea
                account, and reorder with just a few clicks.
            </div>
            <form class="wital-form" id="login-form" action="https://witaltea.com/login/" method="post"
                  style="display: block;">
                <input type="hidden" name="ajax" value="true">

                <div class="field field-email">
                    <input type="email" name="email" value="" class="form-control" required>
                    <label for="input-name">Email</label>
                </div>
                <div class="field field-password">
                    <input type="password" name="password" value="" class="form-control" required>
                    <label for="input-password">Password</label>
                </div>

                <div class="button">
                    <div class="forgot-link"><a href="javascript:void(0);" class="goto-forget">Forgot your password?</a>
                    </div>

                    <button type="submit" class="btn-outline">Sign in</button>
                    <div class="form-error"></div>
                    <div class="form-success"></div>

                    <div class="register-link">Do not have account? <a href="javascript:void(0);" class="goto-register">Registration</a>
                    </div>
                </div>
                <div id="d_social_login" class="social-login-wrap">
                    <div class="line"><span>or</span></div>
                    <div class="social-login-inner">
                        <a id="dsl_google_button" class="social-item item-google btn-fill" href="index.php?route=extension/module/d_social_login/login&amp;provider=Google">
                            <span class="social-icon"></span>
                            <span class="social-title">Login with <span class="provider">google</span></span>
                        </a>
                        <a id="dsl_facebook_button" class="social-item item-facebook btn-fill" href="index.php?route=extension/module/d_social_login/login&amp;provider=Facebook">
                            <span class="social-icon"></span>
                            <span class="social-title">Login with <span class="provider">facebook</span></span>
                        </a>
                    </div>
                </div>
            </form>
        </div>
        <!-- FORGOT PASSWORD FORM -->
        <div class="form-wrap forget-form" style="display: none;">
            <a href="javascript:void(0);" class="back-link goto-login btn-icon icon-left"><i
                        class="fas fa-chevron-left"></i> Back to Login</a>
            <div class="title">PASSWORD FORGOTTEN</div>
            <div class="text">Please enter your email address below to receive a password reset link.</div>
            <form class="wital-form" id="forget-form"
                  action="https://witaltea.com/forgot-password/"
                  method="post" style="display: block;">
                <input type="hidden" name="ajax" value="true">

                <div class="field field-email">
                    <input type="email" name="email" value="" class="form-control" required>
                    <label for="input-email">Email</label>
                </div>

                <div class="button">
                    <button type="submit" class="btn-outline">Reset password</button>
                    <div class="form-error"></div>
                    <div class="form-success"></div>
                </div>
            </form>
        </div>
        <!-- REGISTRATION FORM -->
        <div class="form-wrap register-form" style="display: none;">
            <a href="javascript:void(0);" class="back-link goto-login btn-icon icon-left"><i
                        class="fas fa-chevron-left"></i> Back to Login</a>
            <div class="title">REGISTRATION</div>
            <div class="text">Haven't created an account yet? Enter your email address to create your account and
                receive special customer advantages.
            </div>
            <form class="wital-form" id="register-form" action="https://witaltea.com/create-account/" method="post"
                  style="display: block;">
                <input type="hidden" name="ajax" value="true">
                <input type="hidden" name="lastname" value="">

                <div class="field field-firstname">
                    <input type="text" name="firstname" value="" class="form-control" required>
                    <label for="input-firstname">Name</label>
                </div>
                <div class="field field-email">
                    <input type="email" name="email" value="" class="form-control" required>
                    <label for="input-email">Email</label>
                </div>
                <div class="field field-telephone">
                    <input type="text" name="telephone" value="" class="form-control" required>
                    <label for="input-phone">Phone</label>
                </div>
                <div class="field field-password">
                    <input type="password" name="password" value="" class="form-control" required>
                    <label for="input-password">Password</label>
                </div>
                <div class="field field-confirm">
                    <input type="password" name="confirm" value="" class="form-control" required>
                    <label for="input-confirm">Confirm password</label>
                </div>

                <div class="button">
                    <button type="submit" class="btn-outline">Sign up</button>
                    <div class="form-error"></div>
                    <div class="form-success"></div>
                </div>
            </form>
        </div>

    </div>

</div>

<script type="text/javascript">
    var Login = function () {
        var forms_wrap = $('.ajax-auth-wrap');
        var login_form_wrap = $('.login-form');
        var register_form_wrap = $('.register-form');
        var forget_form_wrap = $('.forget-form');
        var login_form = $(login_form_wrap).find('form');
        var register_form = $(register_form_wrap).find('form');
        var forget_form = $(forget_form_wrap).find('form');
        $(forms_wrap).find('.goto-login').on('click', function () {
            $(forms_wrap).find('.form-wrap').hide();
            $(login_form_wrap).show();
        });
        $(forms_wrap).find('.goto-forget').on('click', function () {
            $(forms_wrap).find('.form-wrap').hide();
            $(forget_form_wrap).show();
        });
        $(forms_wrap).find('.goto-register').on('click', function () {
            $(forms_wrap).find('.form-wrap').hide();
            $(register_form_wrap).show();
        });
        $(forms_wrap).find('> .inner > .close').on('click', function () {
            $(forms_wrap).find('.form-wrap').hide();
            $(login_form_wrap).show();
        });
        var handleLogin = function () {
            $(login_form).on('submit', function () {
                event.preventDefault();
                submitLogin($(this));
            });
            $(login_form).find('input').keypress(function (e) {
                if (e.which === 13) {
                    event.preventDefault();
                    submitLogin($(this).closest('form'));
                }
            });

            function submitLogin(form) {
                $.ajax({
                    method: 'POST',
                    url: 'https://witaltea.com/login/',
                    data: $(form).serialize(),
                    dataType: 'json',
                    beforeSend: function () {
                        $(form).find('.form-error').slideUp().empty();
                        $(form).find('.form-success').slideUp().empty();
                    },
                    success: function (json) {
                        if (json['status'] === 'success') {
                            if (json['redirect']) {
                                location.href = json['redirect'];
                            } else {
                                $(form).find('.form-success').html(json['msg']).slideDown();
                            }
                        } else {
                            if (json['errors']) {
                                $(form).find('.form-error').html(json['errors']).slideDown();
                            }
                        }
                    }
                });
            }
        };
        var handleForgetPassword = function () {
            $(forget_form).on('submit', function () {
                event.preventDefault();
                submitForget($(this));
            });
            $(forget_form).find('input').keypress(function (e) {
                if (e.which === 13) {
                    event.preventDefault();
                    submitForget($(this).closest('form'));
                }
            });

            function submitForget(form) {
                $.ajax({
                    method: 'POST',
                    url: 'https://witaltea.com/forgot-password/',
                    data: $(form).serialize(),
                    dataType: 'json',
                    beforeSend: function () {
                        $(form).find('.form-error').slideUp().empty();
                        $(form).find('.form-success').slideUp().empty();
                    },
                    success: function (json) {
                        console.log(json);
                        if (json['status'] === 'success') {
                            if (json['redirect']) {
                                location.href = json['redirect'];
                            } else {
                                $(form).find('.form-success').html(json['msg']).slideDown();
                            }
                        } else {
                            if (json['errors']) {
                                $(form).find('.form-error').html(json['errors']).slideDown();
                            }
                        }
                    }
                });
            };
        };
        var handleRegister = function () {
            $(register_form).on('submit', function () {
                event.preventDefault();
                submitRegister($(this));
            });
            $(register_form).find('input').keypress(function (e) {
                if (e.which === 13) {
                    event.preventDefault();
                    submitRegister($(this).closest('form'));
                }
            });

            function submitRegister(form) {
                $.ajax({
                    method: 'POST',
                    url: 'https://witaltea.com/create-account/',
                    data: $(form).serialize(),
                    dataType: 'json',
                    beforeSend: function () {
                        $(form).find('.field').removeClass('field-error');
                        $(form).find('.error-msg').slideUp().empty();
                        $(form).find('.form-error').slideUp().empty();
                        $(form).find('.form-success').slideUp().empty();
                    },
                    success: function (json) {
                        if (json['status'] === 'success') {
                            if (json['redirect']) {
                                location.href = json['redirect'];
                            } else {
                                $(register_form_wrap).fadeOut(100);
                                $(forms_wrap).animate({width: '100%'}, function() {
                                    $(forms_wrap).addClass('wide');
                                });
                                setTimeout(function () {
                                    $(form).remove();
                                    $(forms_wrap).find('.close').remove();
                                    $(register_form_wrap).find('.back-link').remove();
                                    $(register_form_wrap).find('.title').html(json['msg']['title']);
                                    $(register_form_wrap).find('.text').html(json['msg']['text']);
                                    $(register_form_wrap).prepend('<div class="title-icon"></div>');
                                    $(register_form_wrap).append('<div class="continue"><a href="' + json['link'] + '">' + json['msg']['button'] + '</a></div>');
                                }, 100);
                                setTimeout(function () {
                                    $(register_form_wrap).fadeIn();
                                }, 400);
                            }
                        } else {
                            if (json['errors']) {
                                $.each(json['errors'], function (key, value) {
                                    if (key === 'warning') {
                                        $(form).find('.form-error').html(value).slideDown();
                                    } else {
                                        $(form).find('.field-' + key).addClass('field-error');
                                        $(form).find('.field-' + key).append('<div class="error-msg">' + value + '</div>');
                                        $(form).find('.field-' + key).find('.error-msg').slideDown();
                                    }
                                });
                            }
                        }
                    }
                });
            }
        };
        return {
            init: function () {
                handleLogin();
                handleForgetPassword();
                handleRegister();
            }
        };
    }();
    jQuery(document).ready(function () {
        Login.init();
    });
</script>

</body>
</html>