.error-title
		{
			text-transform:uppercase;
			color:red;
		}
		
		a {
			color : black;
			text-decoration: none;
		
		}
		body {
			font-family: 'Roboto', sans-serif;
			color:#94929b;
			font-size:24px;
			background:#182d38;	
		}

		.errorimg
		{
		width:12%;
		}
		
		.general
		{
			width:100%;
			height:100%;
			top:0;
			text-align:center;
		}

		.dark {
			width:100%;
			height:100%;
			top:0;
			background-color: rgba(0, 0, 0, 0.8);
			position:fixed;
			padding:0;
			margin:0 auto;
			left:0;
			text-align:center;
			opacity:0;
			z-index:-10;
		}

		.popin {
			margin:180px auto 0;
			width:600px;
			background-color:#FFFFFF;
			padding:10px;
			border-radius:25px;
			color:#c3c3c3;	
			text-align:center;
		}

		.bar {
			width:100%;
			max-width:400px;
			min-width:260px;
			background-color:#c3c3c3;
			border-radius:5px;
			margin:50px auto;
			position:relative;
			height:10px;	
		}

		.advance {
			width:0;
			max-width:390px;
			height:4px;
			background-color:#FFCC00;
			border-radius:3px;
			position:absolute;
			z-index:200;
			top:3px;
			left:5px;
		}

		.advanced {
			width:0;
			max-width:390px;
			height:4px;
			background-color:#FFCC00;
			border-radius:3px;
			position:absolute;
			z-index:200;
			top:3px;
			left:50%;
		}


		.round1 {
			border-radius:25px;
			width:20px;
			height:20px;
			background-color:#c3c3c3;
			position:absolute;
			z-index:100;
			top:-5px;
			left:0;
		}

		.advance1 {
			border-radius:25px;
			width:0;
			height:0;
			background-color:#ffcc00;
			position:absolute;
			z-index:100;
			top:-1px;
			left:4px;
		}

		.round2 {
			border-radius:25px;
			width:20px;
			height:20px;
			background-color:#c3c3c3;
			left:50%;
			margin-left:-10px;
			top:-5px;
			position:absolute;
			z-index:100;	
		}

		.advance2 {
			border-radius:25px;
			width:0;
			height:0;
			background-color:#ffcc00;
			position:absolute;
			z-index:100;
			top:-1px;
			left:50%;
			margin-left:-6px;
		}

		.round3 {
			border-radius:25px;
			width:20px;
			height:20px;
			background-color:#c3c3c3;
			right:0;
			position:absolute;
			z-index:100;
			top:-5px;
		}

		.advance3 {
			border-radius:25px;
			width:0;
			height:0;
			background-color:#ffcc00;
			position:absolute;
			z-index:100;
			top:-1px;
			right:4px;
		}

		.system {
			margin-top:20px;
			opacity:0;
			line-height:25px;
			height:40px;
		}

		.content {
			width:1000px;
			padding:60px 19px;	
			text-align:center;
			margin:0 auto;
		}

		h1, h2 {
			font-size:36px;
			color:#FFFFFF;
			font-weight:bolder;	
			text-shadow: 7px 7px #0e081e;
		}

		h1 span, h2 span {
			text-transform:uppercase;
			color:#FFCC00;
		}

		h3 {

			text-transform:uppercase;
			font-size:30px;	
		}

		.card {
			padding-right:17px;
			padding-bottom:17px;
			display:inline-block;		
		}
		
		.card:hover {
		 transform: translateY(-3px);
		}

		@keyframes shake {
		  0% { transform: translate(1px, 1px) rotate(0deg); }
		  10% { transform: translate(-1px, -2px) rotate(-1deg); }
		  20% { transform: translate(-3px, 0px) rotate(1deg); }
		  30% { transform: translate(3px, 2px) rotate(0deg); }
		  40% { transform: translate(1px, -1px) rotate(1deg); }
		  50% { transform: translate(-1px, 2px) rotate(-1deg); }
		  60% { transform: translate(-3px, 1px) rotate(0deg); }
		  70% { transform: translate(3px, 1px) rotate(-1deg); }
		  80% { transform: translate(-1px, -1px) rotate(1deg); }
		  90% { transform: translate(1px, 2px) rotate(0deg); }
		  100% { transform: translate(1px, -2px) rotate(-1deg); }
		}

		.last {
			padding-right:0;
		}

		.screen {
			display:none;
			padding:0 0 50px;
			opacity:0;	
		}

		button {
			border:0;
			padding:15px 20px;
			font-size:16px;
			font-weight:bold;
			background-color:#FF0000;
			color:#FFFFFF;
			text-transform:uppercase;
			border-radius: 10px;
			margin-bottom:25px;
			cursor:pointer;
		}

		#result {
			opacity:0;
			display:none;	
		}

		.numbers {
			font-size:30x;
			color:#211838;
			font-weight:bold;	
			padding-bottom:20px;
		}

		@media screen and (max-width: 768px) {
			.content {
				width:90%;
				padding:30px 5%;	
			}
			.last {
				padding-right:17px;
			}
			
			.logo {
				width:100%;
				height:auto;
				max-width:418px;
				margin:0 auto;	
			}
			
			.popin {
				margin:25px auto 0;
				width:80%;
			}
			
			.bar {
				width:80%;
			}
			
			.numbers {
				font-size:20px;	
				padding-bottom:20px;
			}
		}