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

body{
	background:url(../images/bg.jpg) repeat center fixed;
	margin:0px;
	padding:0px;
	color:#c2c2ca;
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
}

.container{
	max-width: 1300px;
	margin:0 auto;
}

.clear{
	clear: both;
	width: 100%;
	height:0px;
}

a{
	text-decoration: none;
}

/*-- HEADER --*/

header{
	border-top:4px solid #eb2427;
}

	.header-bar{
		background:#2c2c2a;
		height:35px;
	}
	
	#name{
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
		font-weight: 800;
		color:#2c2c2a;
		text-decoration: none;
		font-size:32px;
		margin:25px 0 25px 22px;
		display:inline-block;
	}
	
	#menu{
		background:#fff;
		height:73px;
		box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
		margin-bottom:30px;
	}
		
		.top-menu{
			height:32px;
		}
		
			.menu-text{
				color:#fff;
				font-size:20px;
				font-weight: 800;
				background:#ec2424;
				line-height:41px;
				display:inline-block;
				font-family: 'Montserrat', sans-serif;
				border-bottom:solid 1px #a00b0b;
				padding:0 20px;
				margin:-17px 22px 0;
				float:left;
			}
			
			nav{
				float:left;
			}
			
				nav ul{
					list-style:none;
				}
				
					nav ul li{
						float:left;
						line-height:32px;
						margin-right:20px;
					}
					
						nav ul li a{
							text-decoration: none;
							color:#2c2c2a;
						}
						
							nav ul li a:hover{
								font-weight: bold;
								color:#ec2424;
							}
			
		.top-search{
			background:#f4f4f4;
			height:41px;
		}
		
			#search-submit{
				background:#44b4da;
				border:0px;
				color:#fff;
				border-radius: 2px;
				height:31px;
				line-height: 31px;
				font-weight: 500;
				font-size:13px;
				font-family: 'Montserrat', sans-serif;
				float:right;
				margin:5px 5px 5px 0;

				width:150px;
				transition: background-color 150ms linear
			}
			
				#search-submit:hover{
					cursor: pointer;
					background:#ec2424;
				}
				
			#search-field{
				height:29px;
				margin:5px 0 5px 5px;
				border:solid 1px #ccc;
				text-indent:5px;
				font-size:14px;
				width:calc(100% - 168px);
			}

/*-- END HEADER --*/

/*-- CONTENT --*/

.content-block{
	background:#fff;
	min-height: 50px;
	margin-bottom:50px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
}

	.content{
		margin-top:20px;
		clear:both;
		float:left;
		width:100%;
	}
	
	.item{
		width:290px;
		border:solid 1px #fff;
		padding:4px;
		height:240px;
		font-size:16px;
		text-decoration: none;
		border-radius: 3px;
		float:left;
		margin-bottom:20px;
		margin-left:20px;
	}
	
		.item.banner{
			width:300px;
			border:0px;
			padding:0px;
			height:250px;
		}
	
		.item:hover{
			border:solid 1px #ec2424
		}
		
		.item.banner:hover{
			border:0px; 
		}
	
		.item h2{
			font-size:14px;
			text-decoration: none;
			font-weight: normal;
			color:#ec2424;
		}
	
		.item .image{
			width:100%;
			height:192px;
			position: relative;
		}
	
			.item .image img{
				width:100%;
				height:192px;
			}
			
			.image-overlay{
				width:100%;
				height:30px;
				background:rgba(68,180,218,0.4);
				position: absolute;
				bottom:4px;
				left:0px;
				color:#fff;
				line-height:30px;
				font-size:12px;
				font-weight: normal;
				text-indent:10px;
			}
			
				.image-overlay-play{
					float:right;
					width:30px;
					background:#44b4da;
					height:30px;
					text-align: center;
					text-indent: 0px!important;
				}
				
		#paging{
			margin-bottom:20px;
			font-size:14px;
		}
		
			#paging a{
				color:#ec2424;
			}
			
				#paging a:hover{
					text-decoration: underline;
				}
		
			#paging .link, #paging .arrows{
				margin:0 3px;
			}
			
		.videoplayer{
			position: relative;
		}
			
	.content h1{
		font-size:20px;
		font-weight: 500;
		margin:0 20px 15px;
		color:#ec2424;
	}
	
	.content p{
		margin:0 20px 15px;
	}
	
	.player-more-info{
		margin:0 20px;
	}
	
		.player-more-info a{
			border:solid 1px #137596;
			color:#137596;
			background:#a1e0f7;
			display:inline-block;
			border-radius: 2px;
			margin:0 4px 5px 0;
			font-size:12px;
			padding:0 5px;
		}
		
			.player-more-info a:hover{
				color:#000;
			}
			
	.video-js{
		width:calc(100% - 40px)!important;
		margin:20px!important;
	}
	
	.video-block{
		width:calc(100% - 360px);
		float:left;
	}
	
	.banner-block{
		float:right;
		width:340px;
	}
	
		.banner-block .banner{
			margin:0 20px 20px;
			display:inline-block;
		}

/*-- END CONTENT --*/

/*-- FOOTER --*/

.footer{
	background:#2c2c2c;
	border-top:5px solid #2c2c2c;
	height:70px;
}

	.footer-bar{
		height:14px;
		background:#9e0000;
	}

/*-- END FOOTER --*/

@media only screen and (max-width: 1023px) {
	.video-block{
		width:100%;
		float:none;
	}
	
	.banner-block{
		width:100%;
		float:none;
	}
}