<!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" ="{% if pagedescription %} {{ pagedescription }} {% else %} {{ site['description'] }}  {% endif %}" />
  {% if site['favicon'] %}
    <link rel="shortcut icon" type="image/ico" href="{{ site['favicon'] }}" />
  {% endif %}
  
  <link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.1.9/css/unicons.css">
  
  
<link href="public/css/pitchy/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.mypanel.link/css/font-awesome/css/all.min.css">
<link href="public/css/pitchy/all.min.css" rel="stylesheet">
<link href="public/css/pitchy/default_css.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{{ site['url'] }}/public/css/pitchy/{{settings["site_theme_alt"]}}.css?v=1.1">
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>
<script src='https://www.google.com/recaptcha/api.js'></script>
{% autoescape false %}
{{ headerCode }}
{% endautoescape %}
<link rel="stylesheet" type="text/css" href="/public/Eternity2/static2.css">
<link rel="stylesheet" type="text/css" href="/public/Eternity/static.css">
   
   <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>
<link href="public/css/pitchy/global.main.v22.17.04.css" rel="stylesheet">

			<link href="/assets/v2.91/style.css" rel="stylesheet">
			<link href="/skv/v2.91/style2.css" rel="stylesheet">
		<link href="https://cdn.1panel.link/main/fa5151/css/all.min.css" rel="stylesheet">
					<link rel="dns-prefetch" href="//cdn.1panel.link"><link href="https://cdn.1panel.link/main/css/global.main.v23.27.09.v2.css" rel="stylesheet"><style>.integration-fixed{position:fixed;z-index:10000000}.integration-fixed__top-left{top:0;left:0}.integration-fixed__top-right{top:0;right:0}.integration-fixed__bottom-left{bottom:0;left:0}.integration-fixed__bottom-right{bottom:0;right:0}</style>
			
			
  
			
					<style>
			

				.login-with-google-btn {

					transition: background-color 0.3s, box-shadow 0.3s;

					width: 100%;
					padding: 12px 16px 12px 42px;
					border: none;
					border-radius: 10px;
					box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 2px rgba(0, 0, 0, 0.25);
					color: #000;
					font-size: 14px;
					font-weight: 500;
					font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

					background-color: #RRGGBB;

				}

				.login-with-google-btn:active {
					background-color: #eeeeee;
				}

				.login-with-google-btn:focus {
					outline: none;
				}

		
			</style>
			
			
			
			

			
			
					
		<style>

         .authorized .section_49041 .card-orders {

         position: relative;

         -webkit-box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);

         /* box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%); */

         /* margin-bottom: 10

         px

         ; */

         background-color: #fff !important;

         }

         .authorized .section_49041 .card {

         margin: 12px 0px;

         }

         .authorized .section_49041 .card-orders .icon {

         width: 60px;

         height: 60px;

         background: #7dc7d0;

         margin: 0px 25px 20px 10px;

         text-align: center;

         font-size: 30px;

         line-height: 60px;

         color: #fff;

         float: left;

         }

         .authorized .section_49041 .icon-rounded {

         border-radius: 50% !important;

         }

         .authorized .section_49041 .card-orders .content-box {

         overflow: hidden;

         display: flex;

         flex-direction: column;

         }

         .authorized .section_49041 .card-orders .content-box .title {

         font-size: 15px;

         text-transform: uppercase;

         font-weight: 600;

         width: 100%;

         float: left;

         }

         .authorized .section_49041 .card-orders .content-box .numbers {

         font-size: 24px;

         font-weight: 600;

         width: 100%;

         float: left;

         }

         .authorized .section_49041 .card-orders .des-sec {

         font-size: 14px;

         opacity: 0.8;

         }

         .authorized .section_49041 .card {

         border-radius: 8px;

         }

         .authorized .section_49041 .card-orders:hover .btn-overlay-test {

         display: flex;

         justify-content: center;

         align-items: center;

         }

         .authorized .section_49041 .card-orders a {

         color: #fff;

         }

         .authorized .section_49041 .btn-overlay-test {

         display: none;

         position: absolute;

         top: 0;

         /* left: 0; */

         width: 100%;

         height: 100%;

         text-align: center;

         font-size: 19px;

         border-radius: 20px;

         }

         .authorized .section_49041 .btn {

         white-space: nowrap;

         /* display: inline-block; */

         /* height: 40px; */

         line-height: 40px;

         padding: 0 14px;

         -webkit-box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);

         box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);

         border-radius: 8px;

         font-size: 12px;

         font-weight: 600;

         text-transform: uppercase;

         letter-spacing: .025em;

         color: #fff;

         text-decoration: none;

         -webkit-transition: all .15s ease;

         transition: all .15s ease;

         }

         .authorized .section_49041 .bg-green {

         background: #7dc7d0;

         }

         .authorized .section_49041 .card-body {

         /* -ms-flex: 1 1 auto; */

         flex: 1 1 auto;

         padding: 1.25rem;

         height: 100px;

         }

         .authorized .card_v2 {

         background-color: #fff;

         position: relative;

         -webkit-box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);

         box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);

         border-radius: 20px;

         padding: 1.25rem;

         }

         .authorized .card_v2 #unavlist {}

         @media (max-width:768px) {

			 .authorized .section_49041 .card {

				margin: 4px 0px !important;

			 }

			 #main-page.well{

				padding: 0px 0px;

				margin: 0px 0px;

			 }

         }

      </style> 
		
		<style>
	.navbar-nav > li > a{
		line-height: 20px;
		border-bottom: 1px solid #eaeaea;
	}
	.nav > li > a:focus, .nav > li > a:hover{
		line-height: 20px;
	}
	 @media (max-width:768px) {	
		.navbar-nav > li > a{
			padding-top: 12px;
			padding-bottom: 12px;
			line-height: 20px;
		}
	}
.dropdown-menu.open {
    max-width: 100%;
    position: inherit;
}
.open>.dropdown-menu {
    display: block;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
}
.img-responsive {
    max-width: calc(1em + 15px);
    max-height: calc(1em + 15px);
}
.bootstrap-select .dropdown-menu li a span.text {
    word-wrap: break-word;
    white-space: break-spaces;
}
.btn-default .badge {
    color: #f5f5f5;
    background-color: #111;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid #ddd;
    padding: 1rem;
}
.service_cat_header {
    background: rgba(7, 238, 255, 1);
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
}
.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}
.message {
    padding:10px 20px;
    
    border-radius:5px;
    background-color: rgba(0,0,0,0.1) ;
}

.cards {
    padding:15px !important;
}

</style>
	</head>
	{% if user['auth'] %}
	<body id="index" class="index authorized">
		
		<style>
     #overlays.active{
background-color: rgb(0 0 0 / 50%);
position: fixed;
top: 0;
width: 100vw !important;
height: 100vh !important;
cursor: pointer;
z-index: 20;
     }
	@media (min-width:992px) {

	}
@media (max-width:992px) {
   .authorized  .navbar_collapse{
transform: translateX(-100%) !important;
	width: 220px !important;
   height: 100vh;
   position: fixed !important;
   top: 0 !important;
   transition: 0.4s ;
   background-color: #ffff;
   left: 0;
   z-index: 4000 !important;
   padding-left: 20px;
   overflow-y: auto;
   overflow-x: hidden !important; 
   }
  
   .authorized  .navbar_collapse.active{
transform: translateX(0px) !important;
transition: 0.4s ;
   }
   .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: inherit;
}
#sidebar_menu{
	display: none !important;
}
#desktop_mode{
	display: none !important;
}
}
</style>

<!-- Event snippet for Website sale conversion page -->
<script>
  gtag('event', 'conversion', {
      'send_to': 'AW-10937610281/KVl1CJfG1t0DEKngut8o',
      'transaction_id': ''
  });
</script>

<!-- Yeps {literal} -->
<script>
  (function (y, e, p) {
      e.YepsID = 'yRE5Wv4f3nmv8HiyP';
      var s = y.createElement('script');
      e[p] = e[p] || function() {
          (e[p].q = e[p].q || []).push(arguments);
      };
      s.async = true;
      s.src = 'https://widget.yeps.io/yeps.js';
      if (y.head) y.head.appendChild(s);
  })(document, window, 'Yeps');
</script>
<!-- /Yeps {/literal} -->

<nav class="navbar navbar-default navbar-static-top"> 
   <div class="container-fluid"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" id="toggling_bar"> <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> 
     
		   <a target="_self" href="/">{% if site["logo"] %}
<img style="padding-top: 22px !important; max-width:200px;" src="{{ site['logo'] }}" alt="" title="">
{% else %}<span style="text-transform: "><span style="font-size: 24px;color:rgb(241,95,35);"><span style="letter-spacing: 1.0px"><span style="line-height:30px;margin-left:55px;"><strong style="font-weight: bold">{{ site["site_name"] }}</strong></span></span></span></span>{% endif %}</a> 
    </div> 
    <div id="navbar" class="navbar_collapse "> 
     <ul id="sidebar_menu" class="sidebar-nav"> 
      <li class="sidebar-brand" id="desktop_mode"> <button id="menu-toggle" href="#"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </li> 
     </ul> 
     <ul class="nav navbar-nav nav-bar-leftside sidebar-nav"> 
		   
		   
		   
		   <a target="_self" href="/">{% if site["logo"] %}
<img style="padding-top: 22px !important; max-width:200px;" src="{{ site['logo'] }}" alt="" title="">
{% else %}<span style="text-transform: "><span style="font-size: 24px;color:rgb(241,95,35);"><span style="letter-spacing: 1.0px"><span style="line-height:30px;margin-left:55px;"><strong style="font-weight: bold">{{ site["site_name"] }}</strong></span></span></span></span>{% endif %}</a> 
			
    <li class="dropdown ">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fas fa-user"></i>
{{ user["username"] }} 
</a>
{% for menu in menus %}
            {% if menu['slug'] == "/tickets" %}
<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"]}}        {% if ticketCount %} <span class="badge" style="background-color: #ffb500">{{ ticketCount }}</span></span>  {% endif %}
            </a>

            </li>
      {% elseif  menu['slug'] == "/refill" %}
{% if site["refillavailable"] %} 

<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 %} 
 
{% else %} {% 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 %}   {% endif %}   {% endfor %} 
           
           

<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 == "account" %} component-navbar-nav-link-active__navbar-private  {% endif %} "     href="/account" >
      <span class="component-navbar-nav-link-icon">
     <span class="fa fa-user"></span>
   </span> 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">
      <span class="component-navbar-nav-link-icon">
     <span class="fa fa-sign-out"></span>
   </span>Logout</a>
</li>
           
           
</ul>
</li>
</ul>




<ul class="nav navbar-nav  currency_div">





<li class="dropdown">

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
{{ user["currency_type"] }}{{ " " }}{{ user_set_currency_symbol }}
<span style="margin-left:5px;" class="caret"></span></a>

<ul class="dropdown-menu dropdown-max-height">
{{ currencies_dropdown }}
</ul>
</li></ul>
<ul class="nav navbar-nav nav-bar-account navbar-right">
<li>
<a> 
<span class="badge" >
{{ user['balance'] }}</span> 
</a>
</li>




</div>
												</div>
											</nav>
		</nav>
            </div>
         </div>
      </div>
   </span>


     
      </div>
   </span>
</div>
<script>
	   let toggling_bar=document.getElementById("toggling_bar");
	   toggling_bar.addEventListener("click",function(){
document.getElementById("navbar").classList.toggle("active");
document.getElementById("overlays").classList.toggle("active")
	   })
    
     
   </script>

   <div class="wrapper-content">
    <div class="wrapper-content__header">
          </div>
    <div class="wrapper-content__body">

{% else %}


<body id="login" class="login unauthorized">
		<nav class="navbar navbar-default navbar-static-top">
												<div class="container">
													<div class="navbar-header">
														<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
															<span class="sr-only"></span>
															<span class="icon-bar"></span>
															<span class="icon-bar"></span>
															<span class="icon-bar"></span>
														</button>
														<a target="_self" href="/">{% if site["logo"] %}
<img style="padding-top: 22px; max-width:200px;" src="{{ site['logo'] }}" alt="" title="">
{% else %}<span style="text-transform: "><span style="font-size: 24px;color:rgb(241,95,35);"><span style="letter-spacing: 1.0px"><span style="line-height:70px;margin-left:15px;"><strong style="font-weight: bold">{{ site["site_name"] }}</strong></span></span></span></span>{% endif %}</a>
													</div>
													<div id="navbar" class="navbar-collapse collapse">
														
														<ul class="nav navbar-nav navbar-right">
															<li class="nav-item active menu_item_13 " id="menu_item_13">
												<a class="nav-link" href="/">
													 👤Login 
												</a>
											</li><li class="nav-item  menu_item_14 " id="menu_item_14">
												<a class="nav-link" href="/signup">
													 ➕Register 
												</a>
											</li><li class="nav-item  menu_item_12 " id="menu_item_12">
												<a class="nav-link" href="/api">
													 🔌API 
												</a>
											</li><li class="nav-item  menu_item_24 " id="menu_item_24">
												<a class="nav-link" href="/contactus">
													 CONTACT US 
												</a>
											</li><li class="nav-item  menu_item_4 " id="menu_item_4">
												<a class="nav-link" href="/services">
													 🗒️Services 
												</a>
											</li><li class="nav-item  menu_item_25 " id="menu_item_25">
												<a class="nav-link" href="/updates">
													<i class="fab fa-audible"></i>  Updates 
												</a>
											</li>
														</ul>
														
													</div>
												</div>
											</nav>
														 
                </div>
             </div>
          </div>
       </div>
    </div>
    <div class="component_navbar"></div>
    <div class="component_navbar_sub"></div>
</div>
   <div class="wrapper-content">
    <div class="wrapper-content__header">
          </div>
  


     {% endif %}						
		

