@font-face {
  font-family: 'bender_bold';
	src: url('fonts/Bender-Bold.eot');
	src: url('fonts/Bender-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Bender-Bold.ttf') format('truetype'),
		url('fonts/Bender-Bold.svg#bender_bold') format('svg'),
		url("fonts/Bender-Bold.woff") format("woff");
   
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bender';
	src: url('fonts/Bender.eot');
	src: url('fonts/Bender.eot?#iefix') format('embedded-opentype'),
		url('fonts/Bender.ttf') format('truetype'),
		url('fonts/Bender.svg#bender_bold') format('svg'),
		url("fonts/Bender.woff") format("woff");
   
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bender_black';
	src: url('fonts/Bender-Black.eot');
	src: url('fonts/Bender-Black.eot?#iefix') format('embedded-opentype'),
		url('fonts/Bender-Black.ttf') format('truetype'),
		url('fonts/Bender-Black.svg#bender_black') format('svg'),
		url("fonts/Bender-Black.woff") format("woff");
   
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bender_black_italic';
	src: url('fonts/Bender-BlackItalic.eot');
	src: url('fonts/Bender-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/Bender-BlackItalic.ttf') format('truetype'),
		url('fonts/Bender-BlackItalic.svg#bender_black_italic') format('svg'),
		url("fonts/Bender-BlackItalic.woff") format("woff");
   
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bender_light';
	src: url('fonts/Bender-Light.eot');
	src: url('fonts/Bender-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Bender-Light.ttf') format('truetype'),
		url('fonts/Bender-Light.svg#bender_black_italic') format('svg'),
		url("fonts/Bender-Light.woff") format("woff");
   
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SourceSans';
	src: url('fonts/SourceSansPro-Regular.eot');
	src: url('fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/SourceSansPro-Regular.ttf') format('truetype'),
		url('fonts/SourceSansPro-Regular.svg#SourceSans') format('svg'),
		url("fonts/SourceSansPro-Regular.woff") format("woff");
   
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SourceSans_bold';
	src: url('fonts/SourceSansPro-Bold.eot');
	src: url('fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/SourceSansPro-Bold.ttf') format('truetype'),
		url('fonts/SourceSansPro-Bold.svg#SourceSans_bold') format('svg'),
		url("fonts/SourceSansPro-Bold.woff") format("woff");
   
  font-weight: normal;
  font-style: normal;
}


body {
	margin: 0px;
	padding: 0px;
}

html { 
	background: url(img/bckg.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.img/bckg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bckg.jpg', sizingMethod='scale')";
}

.bold {
	font-family: SourceSans_bold;
}

.center {
	width: 980px;
	height: 0uto;
	margin: 0px auto;
	position: relative;
}

	#wrapper {
		width: 100%;
		height: auto;
		position: relative
	}
	
		#nav_bar {
			width: 100%;
			height: 93px;
			background-color: rgba(0,0,0,0.2);
			border-bottom: 1px solid #252525;
			font-family: bender_bold;
			position: fixed;
			z-index: 99;
			-webkit-box-shadow: 0px 15px 89px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 15px 89px 0px rgba(0,0,0,0.75);
			box-shadow: 0px 15px 89px 0px rgba(0,0,0,0.75);
		}
	
			.menu {
				color: white;
				margin: 0px;
				padding: 0px;
				list-style: none;
				float: left; 
				font-family: bender_bold;	
			}
				
				.menu li{
					height: 93px;
					line-height: 93px;
					font-size: 18px;
					margin-right: 40px;
					float: left;
				}
				
					.menu li span{
						color: inherit;
						text-decoration: none;
						cursor: pointer;
					}
					
						.menu li span:hover{
							color: #e1c400;
							border-bottom: 1px solid #e1c400;
							padding-bottom: 8px;
						}
						
			.logo_signal {
				width: 100px;
				height: 43px;
				background: url('img/signal_logo.png');
				transition: background 0.5s ease-in-out;
				float: right;
				margin-right: 20px;
				margin-top: 20px;
			}
				.logo_signal:hover {
					background: url('img/signal_logo_hover.png');
				}
			
			.logo_balabit {
				width: 92px;
				height: 41px;
				background: url('img/balabit_logo.png');
				transition: background 0.5s ease-in-out;
				float: right;
				margin-top: 20px;
			}
			
				.logo_balabit:hover {
					background: url('img/balabit_logo_hover.png');
				}
		
		#main {
			width: 980px;
			height: 880px;
			margin: 0px auto;
			position: relative;
		}
		
			#title {
				position: absolute;
				left: 0px;
				top: 165px;
				z-index: 2;
			}
		
				#ecsi {
					font-size: 50px;
					color: white;
					position: absolute;
					font-family: bender_black;
				}
				
				.title {
					color: #e1c400;
					font-size: 100px;
					font-family: bender;
				}
				
				#title .title{
					font-size: 100px;
					margin-top: 75px;
					line-height: 85px;
				}
				
			#crime_scene {
				width: 789px;
				height: 632px;
				position: absolute;
				right: -87px; 
				top: 45px;
				background: url('img/crime_scene.png');
			}
			
			#meet_us {
				width: 589px;
				height: 368px;
				position: absolute;
				bottom: 0px;
				background: url('img/meet_bckg.jpg');
			}
			
				#place {
					width: 167px;
					height: 111px;
					padding: 25px;
					color: #252323;
					position: absolute;
					right: 33px;
				}
				
					#place_name {
						font-family: bender_black;
						font-size: 30px;
						text-transform: uppercase;
					}
					
					#place_hash {
						font-family: bender_black_italic;
						font-size: 52px;
					}
				
				#meet_us_top {
					padding: 40px 35px;
				}
				
					.light {
						font-family: bender_light;
					}
				
					#meet_us_top .light {
						color: #fff;
						font-size: 20px;
					}
					
					#meet_us_title {
						font-family: bender_black;
						color: #fff;
						font-size: 48px;
						width: 265px;
					}
					
				#meet_us_text {
					font-family: SourceSans;
					padding: 0px 35px 45px 35px;
					color: #9378d8;
					font-size: 20px;
					
				}
				
			#counter {
				width: 390px;
				height: 240px;
				position: absolute;
				right: 0px;
				bottom: 0px;
			}
			
				#start {
					height: 120px;
					width: 390px;
					border-bottom: 1px solid #3e3e3e;
				}
				
				#end {
					padding-top: 25px;
				}
				
					#counter .light {
						color: #666;
						font-size: 24px;
						text-align: right;
					}
					
					.timer {
						text-align: right;
					}
				
					.num {
						color: #e1c400;
						font-size: 70px;
						font-family: bender_bold;
					}
					
					.letter {
						font-size: 30px;
						color: #fff;
						font-family: bender_bold;
					}
					
		#content {
			width: 980px;
			height: auto;
			margin: 65px auto 0px;
		}
		
			#content .title {
				font-size: 80px;
				margin-bottom: 30px;
			}
			
			.box {
				width: 980px;
				position: relative;
				border-bottom: 1px solid #3e3e3e;
			}
				
				.box_title {
					width: 960px;
					height: 70px;
					line-height: 70px;
					color: #d9d9d9;
					font-size: 28px;
					font-family: bender;
					padding-left: 20px;
					cursor: pointer;
				}
				
				.arrow {
					width: 22px;
					height: 10px;
					background-image: url('img/arrow.png');
					position: absolute;
					right: 20px;
					top: 35px;
					cursor: pointer;
					-webkit-transition-duration: 0.7s;
					-moz-transition-duration: 0.7s;
					-o-transition-duration: 0.7s;
					transition-duration: 0.7s;
					-webkit-transition-property: -webkit-transform;
					-moz-transition-property: -moz-transform;
					-o-transition-property: -o-transform;
					transition-property: transform;
				}
				
				.box_content {
					padding: 0px 40px 25px 40px;
					color: #a4a4a4;
					font-size: 20px;
					font-family: SourceSans;
					height: auto;
					display: none;
				}
			
				#registration .box_content {
					height: 310px;
				}
				
					#registration {
						background-color: rgba(255,255,255,0.05);
					}
				
					#registration .arrow{
						
						transform: rotate(180deg);
					}
					
					#nat_list {
						list-style: none;
						border: 1px solid #474747;
						width: 270px;
						margin-left: 250px;
						padding-top: 10px;
						padding-bottom: 10px;
						margin-top: 0px;
						border-top: 0px;
						height: auto;
						overflow: hidden;
						display: none;
					}
					
						#nat_list li{
							cursor: pointer;
							text-transform: capitalize;
							font-size: 18px;
						}
				
				#playground .box_content {
					height: auto;
				}
			
			#score  {
				width: 980px;
				position: relative;
				margin-top: 65px;
				height: 885px;
			}
			
				#score_top {
					width: 888px;
					height: 240px;
					background-image: url('img/score_bckg.jpg');
					padding: 50px 45px;
				}
				
					#current {
						width: 200px;
						font-size: 41px;
						color: #e1c400;
						font-family: bender_bold;
						margin-left: 150px;
					}
					
					.line {
						width: 41px;
						height: 5px;
						background-color: #e1c400;
						margin-left: 150px;
						margin-top: 20px;
					}
					
					#score_table {
						position: absolute;
						z-index: 2;
						top: 170px;
						left: 420px;
					}
					
						#score_table  ul{
							list-style: none;
							margin: 0px;
							padding: 0px;
							width: 473px;
						}
						
							#score_table  ul li{
								height: 55px;
								width: 473px;
								line-height: 55px;
								font-size: 24px;
								color: #fff;
								font-family: SourceSans;
								background-color: #392079;
							}
							
							#score_table  ul li:nth-child(even) {
								background-color: #3d2380;
							}
						
							#score_head {
								background-color: #e1c400 !important;
								color: #252323 !important;
								font-size: 22px !important;
							}
							
								.name {
									width: 145px;
									padding-left: 55px;
									float: left;
								}
								
								.flag {
									width: 50px;
									float: left;
									height: 55px;
								}
								
								.flag img{
									margin-top: 10px;
								}
								
								.point {
									width: 150px;
									padding-left: 70px;
									float: left;
								}
								
			#proof {
				margin-top: 65px;
				height: 680px;
				width: 980px;
				position: relative;
			}
			
				input[type=password],input[type=text],textarea  {
					color: #fff;
					font-size: 18px;
					border: 1px solid #474747;
					outline-color: #fff;
					background-color: transparent;
					font-family: SourceSans;
					
				}
				
				input[type=password],input[type=text]  {
					width: 410px;
					height: 50px;
					line-height: 50px;
					padding-left: 220px;
				}
				
				textarea {
					width: 948px;
					height: 290px;
					padding: 15px;
					margin-top: 10px;
				}
				
				label {
					font-size: 14px;
					color: #666;
					font-family: SourceSans;
				}
				
					.inp_row {
						height: 50px;
						position: relative;
						margin-bottom: 20px;
					}
				
					.inp_label {
						position: absolute;
						top: 5px;
						display: block;
						height: 42px;
						line-height: 50px;
						padding-left: 23px;
						width: 170px;
						border-right: 1px solid #474747;
					}
					
				input[type='submit'] {
					font-size: 20px;
					color: #202020;
					background-color: #e1c400;
					width: 220px;
					height: 50px;
					margin-top: 0px;
					border: 0px;
					font-family: bender_bold;
					cursor: pointer;
				}
			
			#awards {
				margin-top: 65px;
			}
			
				#slider {
					background-image: url('img/awards_bckg.png');
					width: 978px;
					height: 391px;
					margin: 0px;
					padding: 0px;
				}
				
					#sllider li {
						padding: 60px;
						display: block;
						
					}
					
					.slider_img {
						float: left;
						width: 200px;
						padding: 90px 0px 60px 40px;
					}
					
					.slider_cont {
						float: right;
						width: 700px;
						padding: 40px 0px 60px 30px;
					}
					
						.slider_title {
							color: #e1c400;
							font-size: 48px;
							font-family: bender_black;
							margin-bottom: 20px;
						}
						
						.slider_text {
							font-size: 20px;
							color: #9378d8;
							width: 590px;
							font-family: SourceSans;
						}
					
			#footer {
				width: 100%;
				height: 468px;
				background-image: url('img/footer_bckg.png');
				position: relative;
				margin-top: 65px;
			}		
			
				#footer1,#footer2,#footer3 {
					width: 325px;
					height: 295px;
					margin-top: 75px;
					float: left;
				}
				
				#twitter-widget-0 {
					width: 310px !important;
					height: 310px;
				}
				
				#footer3 {
					width: 308px;
					height: 308px;
					background-color: #333333;
					color: #cfcfcf;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					border: 1px solid #444444;
					font-family: arial;
				}
				
					#blog_head {
						height: 35px;
						border-bottom: 1px solid #444444;
						width: 300px;
						line-height: 35px;
						padding-left: 10px;
					}
					
					#blog_cont {
						overflow: auto;
						margin-left: 5px;
						font-size: 12px;
					}
					
						.blog_post {
							border-bottom: 1px solid #444444;
							height: auto;
						}
						
						.blog_post h4{
							margin-bottom: 0px;
						}
						
						.read_more {
							color: #cdb302;
							text-decoration: none;
						}