.http-error{
	background: #EEE;
}
	.http-error, .http-error *:not(text){
		color: var(--color-text-2);
		font-weight: 400;
	}
	.http-error > div{
		padding: 50px 0;
		text-align: center;
	}
		.http-error .code div{
			display: inline-block;
			background: var(--color-3);
			width: 56px;
			height: 56px;
			font-family: Arial;
			font-size: 56px;
			line-height: 56px;
			text-align: center;
			padding: 18px;
			border-radius: 100px;
			color: #FFF;
		}
		.http-error .code div:nth-child(2){
			background: #FFF;
			color: #777;
			margin: 0 -20px;
		}
		.http-error h1{
			font-size: 32px;
			line-height: 32px;
			padding: 20px 0;
		}
		.http-error h2{
			font-size: 14px;
			line-height: 14px;
			padding-bottom: 10px;
		}
		.http-error ul{
			text-align: left;
		}
		.http-error li{
			margin: 0 auto;
			font-size: 14px;
			line-height: 16px;
			width: 500px;
		}
		
	.http-error.c503{
		font-size: 12px;
	}
		.http-error.c503 .logo{
			margin: 10px auto 40px;
			padding: 8px;
			width: 128px;
			height: 128px;
			background: var(--color-5);
			border-radius: 5px;
			transform: rotate(45deg);
		}
			.http-error.c503 .logo > div{
				padding: 29px;
				border: 3px solid #000;
				border-radius: 5px;
			}
			.http-error.c503 .logo > div > div{
				width: 64px; height: 64px;
				background: url(page/maintenance.png) no-repeat; 
				transform: rotate(-45deg);
			}		
				.http-error.c503 .logo > div > div:before{
					font-size: 64px;
					color: #000;
				}
		.http-error.c503 h1{
			text-transform: uppercase;
			font-weight: bold;
		}
		.http-error.c503 h2{
			font-weight: bold;
		}