<!DOCTYPE html>
{% for lang in site['languages'] %}
{% if lang['active'] %}
<html lang="{{ lang['code'] }}">
{% endif %}
{% endfor %}
<head>
  <base href="{{ site['url'] }}">
  
  
  <title>{% if pagetitle %}  {{ pagetitle }}  {% else %} {{ title }} {% endif %} </title>
			<meta property="og:title" content="{% if pagetitle %} {{ pagetitle }} {% else %} {{ title }} {% endif %}" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="{% if pagekeywords %} {{ pagekeywords }} {% else %} {{ site['keywords'] }} {% endif %}">
<meta name="description" content="{% if pagedescription %} {{ pagedescription }} {% else %} {{ site['description'] }} {% endif %}">
<meta property="og:description" content="{% if pagedescription %} {{ pagedescription }} {% else %} {{ site['description'] }} {% endif %}" />
<meta name="google-site-verification" content="{{ site['google_verification'] }}" />
			
{% if site['meta_logo'] %}
        <meta property="og:image" itemprop="image" content="{{ site['meta_logo'] }}">
    {% endif %}			
{% if site['favicon'] %}
    <link rel="shortcut icon" type="image/ico" href="{{ site['favicon'] }}"/>
    <link rel="icon" type="image/png" sizes="192x192" href="{{ site['favicon'] }}"/>
    <link rel="icon" type="image/png" sizes="512x512" href="{{ site['favicon'] }}"/>
    <link rel="icon" type="image/png" sizes="32x32" href="{{ site['favicon'] }}"/>
    <link rel="icon" type="image/png" sizes="16x16" href="{{ site['favicon'] }}"/>
    <link rel="apple-touch-icon" href="{{ site['favicon'] }}"/>
{% endif %}


        <link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7/custom.css">

 <link rel="stylesheet" type="text/css" href="/assets/cj7gone/sun/0i22ppnmee0447u6.css"> 
<link rel="stylesheet" type="text/css" href="/assets/cj7gone/sun/89l4ufajcuppoogo_fcz3kx.css"> 
<link rel="stylesheet" type="text/css" href="/assets/cj7gone/sun/clbzcc0rijqk11c2.css"> 
<link rel="stylesheet" type="text/css" href="/assets/cj7gone/sun/cx6z7bwzmd8n32w1_uefcrk.css"> 

<style>
	    
	    .particle-snow{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;pointer-events:none}.particle-snow canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.christmas-garland{text-align:center;white-space:nowrap;overflow:hidden;position:absolute;z-index:1;padding:0;pointer-events:none;width:100%;height:85px}.christmas-garland .christmas-garland__item{position:relative;width:28px;height:28px;border-radius:50%;display:inline-block;margin-left:20px}.christmas-garland .christmas-garland__item .shape{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:flash-1;animation-name:flash-1;-webkit-animation-duration:2s;animation-duration:2s}.christmas-garland .christmas-garland__item .apple{width:22px;height:22px;border-radius:50%;margin-left:auto;margin-right:auto;margin-top:8px}.christmas-garland .christmas-garland__item .pear{width:12px;height:28px;border-radius:50%;margin-left:auto;margin-right:auto;margin-top:6px}.christmas-garland .christmas-garland__item:nth-child(2n+1) .shape{-webkit-animation-name:flash-2;animation-name:flash-2;-webkit-animation-duration:.4s;animation-duration:.4s}.christmas-garland .christmas-garland__item:nth-child(4n+2) .shape{-webkit-animation-name:flash-3;animation-name:flash-3;-webkit-animation-duration:1.1s;animation-duration:1.1s}.christmas-garland .christmas-garland__item:nth-child(odd) .shape{-webkit-animation-duration:1.8s;animation-duration:1.8s}.christmas-garland .christmas-garland__item:nth-child(3n+1) .shape{-webkit-animation-duration:1.4s;animation-duration:1.4s}.christmas-garland .christmas-garland__item:before{content:"";position:absolute;background:#222;width:10px;height:10px;border-radius:3px;top:-1px;left:9px}.christmas-garland .christmas-garland__item:after{content:"";top:-9px;left:14px;position:absolute;width:52px;height:18px;border-bottom:solid #222 2px;border-radius:50%}.christmas-garland .christmas-garland__item:last-child:after{content:none}.christmas-garland .christmas-garland__item:first-child{margin-left:-40px}

	    
	</style> 	 
	 	 
	

			{{ headerCode }}
		</head>
		{% if user['auth'] %}

<body class="body ">
<div class="wrapper wrapper-sidebar-navbar ">
   <div id="block_59" class="component_private_navbar">
    <span class="component_private_navbar ">
      <div class="component-navbar-private__wrapper component_private_sidebar">
         <div class="sidebar-block__top component-navbar component-navbar__navbar-private editor__component-wrapper">
            <div>
               <nav class="navbar navbar-expand-lg navbar-light">
                  <div class="navbar-private__header">
                    <div class="sidebar-block__top-brand">
                                                                  <div class="component-navbar-logo">
<a target="_self" href="/">{% if site["logo"] %}
<img style="max-width:200px;" src="{{ site['logo'] }}" alt="" title="">
{% else %}<span style="text-transform: "><span style="font-size: 24px"><span style="letter-spacing: 1.0px"><span style="line-height: 120px"><strong style="font-weight: bold">{{ site["site_name"] }}</strong></span></span></span></span>{% endif %}</a>
</div>
</div>
                  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse-59" aria-controls="navbar-collapse-59" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-burger">
                        <span class="navbar-burger-line"></span>
                    </span>
                  </button>
                  </div>
                 <div class="collapse navbar-collapse" id="navbar-collapse-59">
                     <div class="component-navbar-collapse-divider"></div>
                     <div class="d-flex component-navbar-collapse">
                        <ul class="navbar-nav navbar-nav-sidebar-menu">
{% for menu in menus %}
{% if menu["type"] == 2 %}
<li class="nav-item component-navbar-nav-item component-navbar-private-nav-item">
<a class="component-navbar-nav-link  component-navbar-nav-link__navbar-private {% if active_menu == menu["active"] %} component-navbar-nav-link-active__navbar-private  {% endif %} " href=" {{menu["slug"]}}">
<span class="component-navbar-nav-link-icon">
<span class="{{menu["icon"]}}"></span>
</span>
{{menu["name"]}}
</a></li>
{% endif %}
{% endfor %}
</ul>


{% if site_currency_converter == "1" %}
<ul class="navbar-nav navbar-nav-currencies">

												<div class="balance-dropdown-container component_balance_dropdown">
													<div class="balance-dropdown ">
														<div class="balance-dropdown__name balance-dropdown__toggle" data-toggle="dropdown" data-hover="dropdown" aria-expanded="false">{{ user["balance"] }}</div>
														<ul class="balance-dropdown__container dropdown-menu" id="currencies-list">
															{{ currencies_dropdown }}
														</ul>
													</div>
												</div>
											</ul>
										{% else %}

											<br>

										{% endif %}

										<ul class="navbar-nav">
											<li class="nav-item component-navbar-nav-item component-navbar-private-nav-item">
												<a class="component-navbar-nav-link  component-navbar-nav-link__navbar-private" href="/account">Account</a>
											</li>
											<li class="nav-item component-navbar-nav-item component-navbar-private-nav-item">
												<a class="component-navbar-nav-link  component-navbar-nav-link__navbar-private" href="/logout">Logout</a>
											</li>
										</ul>
									</div>
								</div>
							</nav>
						</div>
					</div>
				</div>
			</span>
			<span class="component_private_sidebar ">
				<div class="component-sidebar_wrapper">
					<div class="sidebar-block__left component-sidebar component-sidebar-with-navbar component_private_navbar editor__component-wrapper">
						<div class="component-sidebar__menu">
							<div class="component-sidebar__menu-logo">
								<a target="_self" style="color:#fff;">
									<span style="text-transform: uppercase">
										<span style="font-size: 24px">
											<span style="letter-spacing: 1.0px">
												<span style="line-height: 48px">
													<strong style="font-weight: bold">
														{% if site["logo"] %}
															<img style="max-width:200px;" src="{{ site['logo'] }}" alt="" title="">
														{% else %}
															<span style="text-transform: ">
																<span style="font-size: 24px">
																	<span style="letter-spacing: 1.0px">
																		<span>
																			<strong style="font-weight: bold">{{ site["site_name"] }}</strong>
																		</span>
																	</span>
																</span>
															</span>
														{% endif %}
													</strong>
												</span>
											</span>
										</span>
									</span>
								</a>
							</div>
							<ul class="sidebar-block__left-menu editor__component-wrapper">
            
     {% for menu in menus %}
            {% if menu['slug'] == "/tickets" %}
<li {% if active_menu == menu["active"] %} class="component-sidebar__menu-item component-sidebar__menu-item-active" {% endif %}>
<a class="component-sidebar__menu-item-link" href="{{menu["slug"]}} " >
<span class="sidebar-block__menu-item-icon">
            <span class="{{menu["icon"]}}"></span>
           </span>
              {{menu["name"]}} {% if ticketCount %} <span class="badge" style="background-color: #ffb500">{{ ticketCount }}</span></span>  {% endif %}
          </a>

            </li>
      {% elseif  menu['slug'] == "/refill" %}
{% if site["refillavailable"] %} 
<li {% if active_menu == menu["active"] %} class="component-sidebar__menu-item component-sidebar__menu-item-active" {% endif %}>
<a class="component-sidebar__menu-item-link" href="{{menu["slug"]}} " >
<span class="sidebar-block__menu-item-icon">
            <span class="{{menu["icon"]}}"></span>
           </span>
              {{menu["name"]}} 
          </a>
            </li>  {% endif %} 

{% else %} {% if menu["type"] == 2 %} <li {% if active_menu == menu["active"] %} class="component-sidebar__menu-item component-sidebar__menu-item-active" {% endif %}>
   <a class="component-sidebar__menu-item-link" href="{{menu["slug"]}} " >
<span class="sidebar-block__menu-item-icon">
            <span class="{{menu["icon"]}}"></span>
           </span>
              {{menu["name"]}} 
          </a>
 </li>{% endif %} {% endif %} {% endfor %} 
							</ul>
						</div>
					</div>
				</div>
			</span>
		</body>
	</div>


{% else %}
<body class="body ">
<div class="wrapper  wrapper-navbar ">
   <div id="block_68">
    <div class="block-wrapper">
        <div class="component_navbar ">
          <div class="component-navbar__wrapper">
             <div class="sidebar-block__top component-navbar component-navbar__navbar-public editor__component-wrapper">
                <div>
                   <nav class="navbar navbar-expand-lg navbar-light container-lg ">
                      <div class="navbar-public__header">
                        <div class="sidebar-block__top-brand">
                                                                                <div class="component-navbar-logo">
		
																		{% if site["logo"] %}
																			<img style="max-width:200px;" src="{{ site['logo'] }}" alt="" title="">
																		{% else %}
																			<span style="text-transform: ">
																				<span style="font-size: 24px">
																					<span style="letter-spacing: 1.0px">
																						<span>
																							<strong style="font-weight: bold">{{ site["site_name"] }}</strong>
																						</span>
																					</span>
																				</span>
																			</span>
																		{% endif %}
																	</strong>
																</span>
															</span>
														</span>
													</span>
												</a>
											</div>
										</div>
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse-68" aria-controls="navbar-collapse-68" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-burger">
                            <span class="navbar-burger-line"></span>
                        </span>
                        </button>
                        </div>
										                     <div class="collapse navbar-collapse" id="navbar-collapse-68">
                        <div class="component-navbar-collapse-divider"></div>
											<div class="navbar-languages component_navbar_dropdown">
												<div class="navbar-dropdown">
													<div class="navbar-dropdown__name navbar-dropdown__toggle" data-toggle="dropdown" data-hover="dropdown" aria-expanded="false">{{site["active_lang"]}}</div>
													<ul class="navbar-dropdown__container dropdown-menu">
													{% for language in site["languages"] %}
																				{% if language["active"] != 1 %}
														<li class="navbar-dropdown__item">
															<a href="?lang={{ language["code"] }}" class="navbar-dropdown__link">{{ language["name"] }}</a>
														</li>
														{% endif %}
																			{% endfor %}
													</ul>
												</div>
											</div>

                                                 <div class="d-flex component-navbar-collapse">
                           <ul class="navbar-nav">
      {% for menu in menus %} <li class="nav-item component-navbar-nav-item component_navbar component-navbar-public-nav-item">
<a class="component-navbar-nav-link component-navbar-nav-link__navbar-public {% if active_menu == menu["active"] %} component-navbar-nav-link-active__navbar-public   {% endif %} "     href=" {{menu["slug"]}}" >
      <span class="component-navbar-nav-link-icon">
     <span class="{{menu["icon"]}}"></span>
   </span>
 {{menu["name"]}}
            </a>
           </li>{% endfor %} 
												</ul>


											</div>
										</nav>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		{% endif %}
	</body>
