<!DOCTYPE html>
<html lang="en">
<head>
  <base href="{{ site['url'] }}/">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{{ title }}</title>
  <meta name="keywords" content="{{ site['keywords'] }}">
  <meta name="description" content="{{ site['description'] }}">
  {% if site['favicon'] %}
    <link rel="shortcut icon" type="image/ico" href="{{ site['favicon'] }}" />
  {% endif %}

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
<link rel="stylesheet" type="text/css" href="{{ site['url'] }}/public/Eternity/bootstrap.css">

<link rel="stylesheet" type="text/css" href="{{ site['url'] }}/public/Eternity/{{settings["site_theme_alt"]}}.css?v=1.1">
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>
   {{ headerCode }}

<style>

{% if settings["site_theme_alt"] == "lilac" %}




		#service_description,
		#service_avg_time {
			padding: 13px;
			border-radius: 10px;
			color: #393e46;
			box-shadow: 1px 1px 1px #F8F0FF;
			background-color: #F8F0FF;
		}

	{% elseif settings["site_theme_alt"] == "coral" %}

		#service_description,
		#service_avg_time {
			padding: 13px;
			border-radius: 10px;
			color: #393e46;
			box-shadow: 1px 1px 1px #F8F0FF;
			background-color: #F8F0FF;
		}
	{% elseif settings["site_theme_alt"] == "azure" %}

		#service_description,
		#service_avg_time {
			padding: 13px;
			border-radius: 10px;
			color: #393e46;
			box-shadow: 1px 1px 1px #E1F4FA;
			background-color: #E1F4FA;
		}
	{% elseif settings["site_theme_alt"] == "grey" %}

		#service_description,
		#service_avg_time {
			padding: 13px;
			border-radius: 10px;
			color: #393e46;
			box-shadow: 1px 1px 1px #F1F2F3;
			background-color: #F1F2F3;
		}
	{% elseif settings["site_theme_alt"] == "lime" %}

		#service_description,
		#service_avg_time {
			padding: 13px;
			border-radius: 10px;
			color: #3f3f44;
			box-shadow: 1px 1px 1px #E6EEE2;
			background-color: #E6EEE2;
		}

	{% elseif settings["site_theme_alt"] == "navy" %}
		#service_description,
		#service_avg_time {
			padding: 13px;
			border-radius: 10px;
			color: #393e46;
			box-shadow: 1px 1px 1px #E4E1EE;
			background-color: #E4E1EE;
		}

	{% elseif settings["site_theme_alt"] == "pink" %}
		#service_description,
		#service_avg_time {
			padding: 13px;
			border-radius: 10px;
			color: #393e46;
			box-shadow: 1px 1px 1px #FDE7F3;
			background-color: #FDE7F3;
		}

	{% elseif settings["site_theme_alt"] == "raspberry" %}
		#service_description,
		#service_avg_time {
			padding: 13px;
			border-radius: 10px;
			color: #393e46;
			box-shadow: 1px 1px 1px #E9E6FA;
			background-color: #E9E6FA;
		}


	{% else %}
		#service_description,
		#service_avg_time {
			padding: 13px;
			border-radius: 10px;
			color: #fff;
			box-shadow: 1px 1px 1px #252427;
			background-color: #252427;
		}

	{% endif %}


</style>

  </head>
 
 

{% if user['auth'] %}
<body class="body ">

<div class="wrapper  wrapper-sidebar-navbar ">

<div id="block_11" ="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="/"><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 style="line-height: 120px"><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-11" aria-controls="navbar-collapse-11" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-burger">
         <span class="navbar-burger-line"></span>
     </span>
   </button>
   </div>
  <div class="navbar-collapse collapse" id="navbar-collapse-11" style="">
      <div class="component-navbar-collapse-divider"></div>
      <div class="d-flex component-navbar-collapse">
      <ul class="navbar-nav navbar-nav-sidebar-menu">
								    
								    	<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 component-navbar-nav-link__navbar-private" href="/updates" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fad fa-calendar-edit"></span>
													</span>
																								Updates
																							</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 component-navbar-nav-link__navbar-private" href="/" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fas fa-cart-plus"></span>
													</span>
																								New order
																							</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="/services" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fas fa-list-ul"></span>
													</span>
																								Services
																							</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="/orders" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fas fa-history"></span>
													</span>
																								Orders
																							</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="addfunds" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fab fa-cc-amazon-pay"></span>
													</span>
																								Add funds
																							</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="/tickets" >
																									<span class="component-navbar-nav-link-icon">
														<span class="far fa-life-ring"></span>
													</span>
																								Tickets <span class="badge">{{ ticketCount }}</span> 
																																																</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="https://instagram.com/crestsmm?igshid=YmMyMTA2M2Y=" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fab fa-instagram"></span>
													</span>
																								Insta Support
																							</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="/child-panels">
																									<span class="component-navbar-nav-link-icon">
														<span class="far fa-child"></span>
													</span>
																							Child Panel
																							</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="/api" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fal fa-file-alt"></span>
													</span>
																								API
																							</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="/terms" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fal fa-info-circle"></span>
													</span>
																								Terms
																							</a>
										</li>

	
							
 </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" href="/"><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 style="line-height: 120px"><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">
    <li class="component-sidebar__menu-item ">
        <a class="component-sidebar__menu-item-link" href="/updates">
 <span class="sidebar-block__menu-item-icon">
  <span class="fas fa-calendar-edit"></span>
 </span>
       Updates
   </a>
    </li>
<li class="component-sidebar__menu-item">
        <a class="component-sidebar__menu-item-link" href="/">
 <span class="sidebar-block__menu-item-icon">
  <span class="fas fa-cart-plus"></span>
 </span>
       New order
   </a>
    </li>
    <li class="component-sidebar__menu-item ">
        <a class="component-sidebar__menu-item-link" href="/services">
 <span class="sidebar-block__menu-item-icon">
  <span class="fas fa-cart-plus"></span>
 </span>
       Services
   </a>
    </li>
    <li class="component-sidebar__menu-item ">
        <a class="component-sidebar__menu-item-link" href="/orders">
 <span class="sidebar-block__menu-item-icon">
  <span class="fas fa-bags-shopping"></span>
 </span>
       Orders
   </a>
    </li>
    <li class="component-sidebar__menu-item ">
        <a class="component-sidebar__menu-item-link" href="/addfunds">
 <span class="sidebar-block__menu-item-icon">
  <span class="fab fa-amazon-pay"></span>
 </span>
       Add funds
   </a>
    </li>
    <li class="component-sidebar__menu-item ">
        <a class="component-sidebar__menu-item-link" href="/tickets">
 <span class="sidebar-block__menu-item-icon">
  <span class="fas fa-ticket-alt"></span>
 </span>
       Tickets
</a>
    </li>
    <li class="component-sidebar__menu-item ">
        <a class="component-sidebar__menu-item-link" href="/api">
 <span class="sidebar-block__menu-item-icon">
  <span class="fas fa-link"></span>
 </span>
       API
   </a>
    </li>
    <li class="component-sidebar__menu-item ">
        <a class="component-sidebar__menu-item-link" href="/blog">
 <span class="sidebar-block__menu-item-icon">
  <span class="fab fa-blogger"></span>
 </span>
       Blog
   </a>
    </li>
    <li class="component-sidebar__menu-item ">
        <a class="component-sidebar__menu-item-link" href="/refill">
 <span class="sidebar-block__menu-item-icon">
  <span class="fas fa-blender"></span>
 </span>
       Refill
   </a>
    </li>
    <li class="component-sidebar__menu-item ">
        <a class="component-sidebar__menu-item-link" href="/child-panels">
 <span class="sidebar-block__menu-item-icon">
  <span class="fas fa-book-reader"></span>
 </span>
       Child panel
   </a>
    </li>
    <li class="component-sidebar__menu-item ">
        <a class="component-sidebar__menu-item-link" href="/affiliates">
 <span class="sidebar-block__menu-item-icon">
  <span class="fas fa-share-square"></span>
 </span>
       Affiliates
   </a>
    </li>
    <li class="component-sidebar__menu-item ">
        <a class="component-sidebar__menu-item-link" href="/massorder">
 <span class="sidebar-block__menu-item-icon">
  <span class="fas fa-truck"></span>
 </span>
       Mass order
   </a>
    </li>
   </ul>
 </div>
         </div>
      </div>
   </span>
</div>




















{% else %}





<body class="body ">
<div class="wrapper  wrapper-navbar ">
   <div id="block_342">
    <div class="block-wrapper">
        <div class="component_navbar ">
<div class="component-navbar__wrapper">
   <div class="sidebar-block__top component-navbar component-navbar__navbar-public sommerce-editor__component-wrapper">
 <div class="container">
    <nav class="navbar navbar-expand-lg navbar-light">
       <div class="sidebar-block__top-brand">
 <div class="component-navbar-brand component-navbar-public-brand">
    <a target="_self" href="/"><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 style="line-height: 120px"><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-342" aria-controls="navbar-collapse-342" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-burger">
   <span class="navbar-burger-line"></span>
         </span>
       </button>
       <div class="collapse navbar-collapse" id="navbar-collapse-342">
<div class="d-flex component-navbar-collapse">
   <ul class="navbar-nav">
      <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 component-navbar-nav-link__navbar-public" href="/" > Sign in</a>
     </li>
      <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 " href="/services" > Services</a>
     </li>
      <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 " href="/faq" > FAQ</a>
     </li>
      <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 " href="/signup" > Sign up</a>
     </li>
      <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 " href="/api" > API</a>
     </li>
    </ul>
</div>
       </div>
    </nav>
 </div>
   </div>
</div>
       </div>
    </div>
</div>
</div>
{% endif %}