<html lang="en">
	<head>
		<meta charset="UTF-8">
    <meta name="keywords" content="HTML,CSS,JavaScript">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>{$settings.site_name}</title>
               <!-- Favicon and Touch Icons -->
               <link href="netema/images/favicon.png" rel="shortcut icon" type="image/png">
            
             
		<!-- CSS -->
		<!-- Bootstrap -->
		<link href="styles/reg-log/css/bootstrap.min.css" rel="stylesheet">
		<!-- Simple line icons -->
		<link href="assets/css/simple-line-icons.css" rel="stylesheet">
    <!-- Font awesome icons -->
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">
		<!-- Custom Style -->
    <link href="styles/reg-log/css/custom.css" rel="stylesheet">
    <link href="styles/reg-log/css/media.css" rel="stylesheet">
    <link id="ui-current-skin" href="styles/reg-log/css/skin-yellow.css" rel="stylesheet">
      
         <style>
        .input {
          margin: 20px auto;
          max-width: 100%;
           }
         .block-page {
          width: 460px;
          }
         </style>
        <!-- Google fonts -->
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800%7CPoppins:400,500,700,800,900%7CRoboto:100,300,400,400i,500,700">
    
    <!-- Custom Stylesheet -->
    <link type="text/css" rel="stylesheet" href="css/css/style.css">
    <link rel="stylesheet" type="text/css" id="style_sheet" href="css/css/skins/default.css">
    
<!-- GetButton.io widget -->
<script type="text/javascript">
    (function () {
        var options = {
            telegram: "", // Telegram bot username
            whatsapp: "+15042256103", // WhatsApp number
            call_to_action: "Message us", // Call to action
            button_color: "green", // Color of button
            position: "left", // Position may be 'right' or 'left'
            order: "telegram,whatsapp", // Order of buttons
        };
        var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;
        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
    })();
</script> 


</head>
	<body id="register-page" class="nav-md all-pages data_background preloader-off developer-mode  pace-done" data-background="/styles/reg-log/background.png" style="background-image: url(/styles/reg-log/background.png;);">
    <div  class="container st-container st-effect">
      <div class="block-page text-center">
        <a href="?a=home"><img src="util/logo/logo.png" alt="cryptic-logo"></a>
        <div id="google_translate_element"></div>
        <h3 class="text-white text-bold">Sign into your account</h3>
        <div class="spacer_10">

         
        </div>


{literal}
<script language=javascript>
function checkform() {
  if (document.mainform.username.value=='') {
    alert("Please type your username!");
    document.mainform.username.focus();
    return false;
  }
  if (document.mainform.password.value=='') {
    alert("Please type your password!");
    document.mainform.password.focus();
    return false;
  }
  return true;
}
</script>
{/literal}

{if $frm.say eq 'invalid_login'}
<h3>Login error:</h3><br><br>

Your login or password or turing image code is wrong. Please check this information.
{/if}

<br>
<form method=post name=mainform onsubmit="return checkform()">
<input type=hidden name=a value='do_login'>
<input type=hidden name=follow value='{$frm.follow}'>
<input type=hidden name=follow_id value='{$frm.follow_id}'>
<div class="row">
          <div class="input--akira">
            <div class="col-xs-12">
            <span class="input input--akira">
                <input type=text name=username value='{$frm.username|escape:"html"}' class="input__field input__field--akira" size=30 autofocus="autofocus">
              <label class="input__label input__label--akira" for="input-1">
                <span class="input__label-content input__label-content--akira">Username</span>
              </label>
            </span>
            <span class="input input--akira">
                <input type=password name=password value='' class="input__field input__field--akira" size=30>
              <label class="input__label input__label--akira" for="input-1">
                <span class="input__label-content input__label-content--akira">Password</span>
              </label>
            </span>

{include file="captcha.tpl" action="login"}
</div>
          
          </div>
          </div>
          <p> <input type="checkbox" class="text-white">Remember me <a href="?a=forgot_password" class="text-white">Recover Password</a></p>
          <input class="form-control text-bold" type="submit" value="Login">
          
          
</form>
<br><br>




 <p class="text-white">don't have an account? <a href="?a=signup" class="text-white">Register here</a></p>
      </div>


 <!-- JS SCRIPTS -->
       <script src="styles/reg-log/js/jquery.min.js"></script>
      <script src="styles/reg-log/js/jquery.scrollbar.min.js"></script>
      <script src="styles/reg-log/js/modernizr.custom.js"></script>
      <script src="styles/reg-log/js/classie.js"></script>  
      <script src="styles/reg-log/js/bootstrap.min.js"></script>
      <!-- Custom Theme Scripts -->
      <script src="styles/reg-log/js/custom.min.js"></script>
      <script src="styles/reg-log/js/preloader.min.js"></script>
    </div>
    
    <!--<style>
    #mulawhatsapp {
  display: block;
  position: fixed;
  bottom: -70px;
  left: 0px;
  z-index: 999;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: transparent;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#mulawhatsapp:hover {
  background-color: transparent;
}

.circles {
	width: 120px;
	height: 220px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow:hidden;
	position:relative;
}
</style>



<div id="mulawhatsapp" class="circles"> <a href="https://wa.me/+48515929910" target="_blank"><img src="whatsapp2.png" width="120" /></a></div>-->

<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = 'a924407db95f92297c8dbdffb70107f608b3a313';
window.smartsupp||(function(d) {
  var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
  s=d.getElementsByTagName('script')[0];c=d.createElement('script');
  c.type='text/javascript';c.charset='utf-8';c.async=true;
  c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>
<noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>
  </body>
</html>

