<!DOCTYPE html>
<!--[if IE 8]>         
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> 
<html class="no-js"> <!--<![endif]-->
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="description" content="">
		<meta name="author" content="pixelcave">
		<meta name="robots" content="noindex, nofollow">

		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0">
		<!--
		<link rel="stylesheet" href="css/bootstrap.min_1.3.css">
		<link rel="stylesheet" href="css/plugins_1.4.css">
		<link rel="stylesheet" href="css/main_1.4.css">-->

		<script>
			error_name = "502 - Bad Gateway Error";
			event_action = "502 - Bad Gateway Error";
			event_label = "502 - Bad Gateway Error";
			event_value = "502";
			content_displaed_on_page = "502 Error !";

			document.title = window.location.hostname + " - " + error_name;

			// ------------- google analytics code start -------------			
			(function(i, s, o, g, r, a, m) {
				i['GoogleAnalyticsObject'] = r;
				i[r] = i[r] || function() {
					(i[r].q = i[r].q || []).push(arguments)
				}, i[r].l = 1 * new Date();
				a = s.createElement(o),
						m = s.getElementsByTagName(o)[0];
				a.async = 1;
				a.src = g;
				m.parentNode.insertBefore(a, m)
			})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

			ga('create', 'UA-39640226-2', 'auto');
			ga('require', 'displayfeatures');
			ga('require', 'linkid', 'linkid.js');
			ga('send', 'pageview');
			// ------------- google analytics code start -------------
			
			// ------------- google analytics event code start -------------			
			ga('set', 'nonInteraction', true);
			ga('send', 'event', {eventCategory: window.location.hostname, eventAction: event_action, eventLabel: event_label, eventValue: event_value});
			// ------------- google analytics event code end -------------

			// ------------- google analytics dimensions code start -------------
			var dimensionValue = event_value;
			ga('set', 'dimension1', dimensionValue);

			var dimensionValue = window.location.hostname;
			ga('set', 'dimension2', dimensionValue);
			// ------------- google analytics dimensions code end -------------

			ga('send', 'exception', {
				'exDescription': error_name,
				'exFatal': true
			});

			// ------------- page refresh code start -------------
			/*
			 setTimeout(function()
			 {

			 window.location.href = window.location.href

			 },5000)
			 */
			// ------------- page refresh code start -------------
		</script>

		<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

		<style>
			*:before, *:after {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
			body {
				font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
				color: #394263;
				font-size: 13px;
				background-color: #FFF;
			}
			#error-container {
				padding: 120px 20px;
				position: relative;
			}
			#error-container .error-options {
				position: absolute;
				top: 20px;
				left: 20px;
			}
			#error-container h1 {
				font-size: 96px;
				color: #431111;
				margin-bottom: 40px;
			}
			#error-container h2 {
				color: #11103D;
				font-size: 24px;
				margin-bottom: 40px;
				margin-top: 80px;
				line-height: 1.4;
			}
			#error-container form {
				padding: 20px;
				border-radius: 3px;
				background: #fff;
				background: url(../img/template/ie8_opacity_light_10.png) repeat;
				background: rgba(255, 255, 255, .1);
			}
			#error-container .form-control {
				border-color: #fff;
			}
			.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
				content: " ";
				display: table;
			}
			.col-sm-offset-2 {
				margin-left: 16.66666667%}
			.col-sm-8 {
				width: 66.66666667%}
			@media (min-width:768px) {
				.col-sm-1,  .col-sm-2,  .col-sm-3,  .col-sm-4,  .col-sm-5,  .col-sm-6,  .col-sm-7,  .col-sm-8,  .col-sm-9,  .col-sm-10,  .col-sm-11,  .col-sm-12 {
					float: left;
				}
				.col-xs-1,  .col-sm-1,  .col-md-1,  .col-lg-1,  .col-xs-2,  .col-sm-2,  .col-md-2,  .col-lg-2,  .col-xs-3,  .col-sm-3,  .col-md-3,  .col-lg-3,  .col-xs-4,  .col-sm-4,  .col-md-4,  .col-lg-4,  .col-xs-5,  .col-sm-5,  .col-md-5,  .col-lg-5,  .col-xs-6,  .col-sm-6,  .col-md-6,  .col-lg-6,  .col-xs-7,  .col-sm-7,  .col-md-7,  .col-lg-7,  .col-xs-8,  .col-sm-8,  .col-md-8,  .col-lg-8,  .col-xs-9,  .col-sm-9,  .col-md-9,  .col-lg-9,  .col-xs-10,  .col-sm-10,  .col-md-10,  .col-lg-10,  .col-xs-11,  .col-sm-11,  .col-md-11,  .col-lg-11,  .col-xs-12,  .col-sm-12,  .col-md-12,  .col-lg-12 {
					position: relative;
					min-height: 1px;
					padding-left: 15px;
					padding-right: 15px;
				}
				.text-center {
					text-align: center;
				}
				* {
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
				}
				.animation-tossing {
					animation-name: tossing;
					-webkit-animation-name: tossing;
					animation-duration: 2.5s;
					-webkit-animation-duration: 2.5s;
					animation-iteration-count: infinite;
					-webkit-animation-iteration-count: infinite;
				}
				@keyframes tossing {
					0% {
						transform: rotate(-4deg);
					}
					50% {
						transform: rotate(4deg);
					}
					100% {
						transform: rotate(-4deg);
					}
				}@-webkit-keyframes tossing {
					0% {
						-webkit-transform: rotate(-4deg);
					}
					50% {
						-webkit-transform: rotate(4deg);
					}
					100% {
						-webkit-transform: rotate(-4deg);
					}
				}
				.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
					font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
					font-weight: 300;
				}
				a {
					//text-decoration: none;
					color: #2554B4;
					pointer: pointer;
				}
				.text-danger, .text-danger:hover, a.text-danger, a.text-danger:focus, a.text-danger:hover {
					color: #e74c3c;
				}
				/*@font-face {
					font-family: 'FontAwesome';
					src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
					src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
					font-weight: normal;
					font-style: normal;
				}*/
				.fa-gear:before, .fa-cog:before {
					content: "\f013"}
				.fa {
					display: inline-block;
					font-family: FontAwesome;
					font-style: normal;
					font-weight: normal;
					line-height: 1;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
				}
				.fa-spin {
					-webkit-animation: spin 2s infinite linear;
					-moz-animation: spin 2s infinite linear;
					-o-animation: spin 2s infinite linear;
					animation: spin 2s infinite linear;
				}
				@-moz-keyframes spin {
					0% {
						-moz-transform: rotate(0deg);
					}
					100% {
						-moz-transform: rotate(359deg);
					}
				}@-webkit-keyframes spin {
					0% {
						-webkit-transform: rotate(0deg);
					}
					100% {
						-webkit-transform: rotate(359deg);
					}
				}@-o-keyframes spin {
					0% {
						-o-transform: rotate(0deg);
					}
					100% {
						-o-transform: rotate(359deg);
					}
				}@keyframes spin {
					0% {
						-webkit-transform: rotate(0deg);
						transform: rotate(0deg);
					}
					100% {
						-webkit-transform: rotate(359deg);
						transform: rotate(359deg);
					}


				</style>
			</head>
			<body><div id="error-container">

					<div class="row">
						<div class="col-sm-8 col-sm-offset-2 text-center">
							<h1 class="animation-tossing"><i class="fa fa-cog fa-spin text-danger"></i><script>document.write(content_displaed_on_page);</script></h1>
							<h2 class="h3">Don't worry, we'll be back.<br>Click <a href="javascript:document.location.reload(true);">here</a> to reload the page</h2>

						</div>

					</div>

			</body>
		</html>