/*
	Fonts
*/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans+Mono);

/*
	Base
*/

body {
	font-size: 15px;
	line-height: 20px;
	color:#000;
	background: #f6f6f6;
	}

body, input, textarea, select, button {
	font-family: 'Source Sans Pro', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 900;
}

p, ul, ol, form,
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px;
}

a, input, button, select, textarea {
	-webkit-transition:	color 0.3s, background 0.3s;
	-moz-transition:	color 0.3s, background 0.3s;
	transition:			color 0.3s, background 0.3s;
}

a, input, button {
	outline: none !important;
}

a:hover, a:focus {
	color:#0e0e0e;
	text-decoration:none;
}

.no-gutter {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.hidden-simple {
	display: none;
}

.font-bold {
	font-weight: bold;
}

/*
	UI
*/

.content-box {
	margin: 0 0 60px;
}

/* Spoiler */

.spoiler {
	margin-top: 10px;
	font-size: 11px;
	line-height: 14px;
	padding: 10px;
	color:#0e0e0e;
	border: 1px solid #eee;
	background: #fff;
	cursor: pointer;
}

	.spoiler .title {
		display:block;
		margin: 0 0 7px;
		font-size: 14px;
		text-transform:uppercase;
		color:#e74c3c;
		text-transform:uppercase;
	}

	.spoiler p {
		margin: 0;
	}
	
.spoiler-text {
	color:#0e0e0e;
}

/* Responsive video */

.resp-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 20px;
}

	.resp-video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}

/* Alert */

.alert {
	margin-bottom: 30px;
}

/* Breadcrumb */

.breadcrumb {
	margin-bottom: 30px;
	-webkit-border-radius:	0;
	-moz-border-radius:		0;
	border-radius:			0;
}

/* Button group */

.btn-group {
	display:block;
	overflow:hidden;
	margin-bottom: 30px;
}

	.btn-group .btn {
		margin: 0 !important;
	}

	.btn-group .btn + .btn,
	.btn-group .btn + .btn-group,
	.btn-group .btn-group + .btn,
	.btn-group .btn-group + .btn-group {
		margin-left: 2px !important;
	}

/* Top bar */

.top-bar {
	background: #e74c3c;
}

	.top-bar .top-buttons {
		margin: 0;
	}

		.top-bar .top-buttons li {
			float: left;
			padding: 0;
			margin: 0 0 0 1px;
			line-height: 34px;
		}
		
		.top-bar .top-buttons li.welcome {
			margin: 0 10px 0 0;
			color: #fff;
		}
		
			.top-bar .top-buttons li.welcome a {
				width: auto;

				color: #fff;
				background: transparent;
			}
			
			.top-bar .top-buttons li.welcome a:hover {
				color: #fff;
			}
			
	.top-bar .search form {
		position: relative;
		margin: 0;
	}
	
		.top-bar .search .form-control , 
		.top-bar .search .btn,
		.top-bar .top-buttons li a {

			
			}
			
	 .search-field {
		margin: 6px 0 6px 0;
	    padding: 3px 6px 3px 6px;
        border-right: 1px solid #e74c3c;
	    height: 28px;
	}
.search-field::-webkit-input-placeholder { color: black;}
.search-field:-moz-placeholder {color: white;}
.search-field::-moz-placeholder { color: white;}
.search-field:-ms-input-placeholder {color: white;}
		
		.top-bar .search .form-control,
		.top-bar .search .btn {
			border: 0;
		}
		
		.top-bar .search .btn:before {
			display: none;
		}
		
		.top-bar .search .form-control {
			color: #000;
		}
		
		.top-bar .search .fancy-select {
		    display: inline-block;
		    float: none;
		    margin: 6px 0px;
		    vertical-align: top;
		    min-width: 100px;
		    background: #fff;
		}

		.top-bar .search .fancy-select div.form-control {
			margin: 4px 0 4px 0;
		        padding: 0px 26px 0px 6px;
		        border-right: 1px solid #000000;
		        height: 20px;
		        font-size: 14px;
		        border-left: 1px solid #000000;
		}
		
			.top-bar .search .fancy-select .form-control.open {
				border-color: #000;
			}
			
			.top-bar .search .fancy-select .form-control:after,
			.top-bar .search .fancy-select .form-control.open:after {
				color: #444;
			}
			
			.top-bar .search .fancy-select ul.options {
				border: 0;
				background: #e74c3c;
			}
				
				.top-bar .search .fancy-select ul.options li {
					color:#fff;
					font-size: 12px;
					line-height: 12px;
				}
				
				.top-bar .search .fancy-select ul.options li:hover {
					background: #e74c3c;
				}
				
				.top-bar .search .fancy-select ul.options li.selected {
					background: #fff;
					color: #e74c3c;
				}
				
		.top-bar .search form #results {
			position: absolute;
			top: 100%;
			left: 0;
			right: 1px;
			width: 100%;
			margin: 0;
			color: #fff;
			background: #e74c3c;
			z-index: 49;
		}
		
			.top-bar .search form #results li.empty {
				padding: 5px 12px;
			}
			
			.top-bar .search form #results li a {
				display: block;
				padding: 5px 12px;
				color: #fff;
			}
			
			.top-bar .search form #results li a:hover {
				color: #e74c3c;
				background: #fff;
			}
			
		.top-bar .newsbar a {
			display:block;
			height: 20px;
			margin: 7px 0;
			padding: 0 5px;
			font-size: 10px;
			line-height: 20px;
			text-transform: uppercase;
			color:#000;
			background: #e74c3c;
		}
		
		.top-bar .newsbar a:hover {
			background: #fff;
		}
		
		.top-bar .search .btn,
		.top-bar .top-buttons li a {
			position:relative;
			display: inline-block;
			width: 34px;
			height: 34px;
			text-align: center;
			margin: 0;
			color: #fff;
		}
		
		.top-bar .search .btn:hover,
		.top-bar .top-buttons li a:hover {
			color: #000;
		}
		
		.top-bar .top-buttons li.text a {
			width: auto;
			padding-left: 5px;
			padding-right: 5px;
		}
			
			.top-bar .top-buttons li a .msg-num {
				position:absolute;
				top: 5px;
				right: 5px;
				width: 12px;
				height: 12px;
				font-size: 10px;
				line-height: 10px;
				text-align:center;
				font-family: Arial, sans-serif;
				color:#000;
				background: #e74c3c;
			}

 
		.top-bar .search button.btn {
			margin: 6px 0 6px 0;
		    padding: 3px 6px 3px 6px;
		    height: 28px;
		    color: #000;
		    background: #fff;
		}

		.top-bar .search button.btn:hover {
		    color: #e74c3c;
		}
			

.top-commercial .container {
	padding-top: 10px;
    padding-bottom: 10px;
}

	
/* Logo */

.logo,
.logo:active {
	display:block;
	width: 140px;
	line-height: 30px;
	font-size: 30px;
	font-weight: 900;
	text-decoration:none;
	text-transform: uppercase;
	color:#fff;
}

.logo:hover {
	color:#e74c3c;
}

	.logo span {	
		font-size: 18px;
		color:#e74c3c;
	}
	
/* Headline */

.headline {
	position:relative;
	height: 14px;
	margin: 0 0 28px;
	font-size: 14px;
	line-height: 14px;
	text-transform:uppercase;
	font-weight: 400;
	color:#000;
}

.headline:before {
	position:absolute;
	content: '';
	top: 2px;
	left: 0;
	width: 100%;
	height: 10px;
	background: #e74c3c;
	z-index: -1;
}

	.headline span {
		position:relative;
		padding: 0 10px 0 0;
		background: #f6f6f6;
	}
	
	.headline .fa {
		padding: 0 5px;
		color:#ccc;
	}

/* Pager */
.pagination {
	overflow: hidden;
	margin: 0 0 40px;
}

	.pagination li {
		display: inline-block;
		float:left;
		margin: 0 1px 1px 0;
		padding: 0;
	}
	
	.pagination li.dots {
		width: 34px;
		height: 34px;
		line-height: 34px;
		text-align:center;
	}
	
		.pagination li a {
			display:block;
			min-width: 34px;
			height: 34px;
			margin: 0;
			text-align: center;
			border: 0;
			color:#fff;
			background: #e74c3c;
		}
		
		.pagination,
		.pagination > li:first-child > a,
		.pagination > li:first-child > span,
		.pagination > li:last-child > a,
		.pagination > li:last-child > span {
			border-radius: 0;
		}
		
		.pagination li a:hover,
		.pagination li.active a,
		.pagination li.active a:hover,
		.pagination li.active a:focus {
			color: #fff;
			background: #ccc;
		}
	
/* Table */

.table-horizontal > li {
	overflow: hidden;
	padding: 4px 0;
	line-height: 26px;
	border-bottom: 1px solid #ccc;
	-webkit-transition:	background 0.3s;
	-moz-transition:	background 0.3s;
	transition:			background 0.3s;
}

.table-horizontal > li:first-of-type {
	padding-top: 0;
}

.table-horizontal > li:hover {
	background: #f6f6f6;
}

.table-horizontal > li.head {
	color:#000;
	text-transform: uppercase;
}

.table-horizontal > li.head:hover {
	background: transparent;
}

.table-horizontal > li:hover {
	background: #e7e7e7;
}

/* Panels */
.panel-group {
	margin: 0 0 30px;
}

	.panel-group .panel,
	.panel-heading {
		-webkit-border-radius:	0;
		-moz-border-radius:		0;
		border-radius:			0;
	}
	
	.panel {
		-webkit-box-shadow:	none;
		-moz-box-shadow:	none;
		box-shadow:			none;
	}

	.panel-group .panel-heading {
		display: block;
		color:#000;
	}
	
	.panel-primary > .panel-heading {
		color:#fff;
		background: #e74c3c;
	}
	
	.panel-primary > .panel-heading.collapsed {
		color:#000;
		background: #eee;
	}
	
	.panel-primary > .panel-heading .fa,
	.panel-primary > .panel-heading + .panel-collapse {
		-webkit-transition: all 0.3s;
		-moz-transition:	all 0.3s;
		transition:			all 0.3s;
	}
	
	.panel-primary > .panel-heading .fa {
		float: right;
		margin-top: 2px;
		color: #fff;
	}
	
	.panel-primary > .panel-heading.collapsed  .fa {
		margin-top: 4px;
		color: #0e0e0e;
		-webkit-transform:	rotate(180deg);
		-moz-transform:		rotate(180deg);
		transform:			rotate(180deg);
	}
	
	.panel-primary,
	.panel-group .panel-heading + .panel-collapse > .panel-body,
	.panel-group .panel-heading + .panel-collapse > .list-group {
		border: 0;
	}
	
	
/* Gallery */

.gallery  {
	margin-bottom: 0;
}

	.gallery li {
		margin-bottom: 30px;
	}

		.gallery li a:before,
		.gallery li a:after {
			-webkit-transition:	all 0.3s;
			-moz-transition:	all 0.3s;
			transition:			all 0.3s;
		}
		
		.gallery li a:before {
			position:absolute;
			visibility: hidden;
			top: 50%;
			left: 0;
			width: 100%;
			margin: -10px 0 0;
			font-size: 50px;
			line-height: 20px;
			text-align: center;
			color:#fff;
			z-index: 2;
			opacity: 0;
		}
		
		.gallery li a:hover:before {
			visibility: visible;
			font-size: 20px;
			opacity: 1;
		}
		
		.gallery li a:after {
			content: '';
			background: rgba(0, 0, 0, 0.0);
		}
		
		.gallery li a:hover:after {
			top: 5px;
			left: 5px;
			bottom: 5px;
			right: 5px;
			background: rgba(0, 0, 0, 0.5);
			z-index: 1;
		}
		
		.gallery li a {
			position: absolute;
			display: block;
			overflow: hidden;
			margin: 0 15px;
		}
			
			.gallery li a .name {
				position:absolute;
				bottom: 0;
				left: 0;
				right: 0;
				padding: 5px 0;
				text-align:center;
				font-family: 'Source Sans Pro';
				color:#fff;
				background: rgba(0, 0, 0, 0.5);
				z-index: 2;
				-webkit-transition:	all 0.3s;
				-moz-transition:	all 0.3s;
				transition:			all 0.3s;
			}
		
			.gallery li a:hover .name {
				bottom: 5px;
				left: 5px;
				right: 5px;
			}
	
/* Square picture */

.square-pic {
	position: relative;
	display: block;
}

.square-pic:before{
	content: '';
	display: block;
	padding-top: 100%;
}

	.square-pic a,
	.square-pic a:after {
		position:absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	
	.square-pic a {
		overflow: hidden;
	}

		.square-pic a img {
			display: block;
			width: 100%;
		}
	
/* Movie list */

.movie-list {
	margin-bottom: 0;
}

.movie-list.featured {
	margin-bottom: -30px;
}

	.movie-list > li {
		margin-bottom: 30px;
	}

		.movie-list > li > a {
			position:relative;
			display:block;
			height: 231px;
			overflow: hidden;
			font-size: 12px;
			line-height: 14px;
		}

		.movie-list > li .cover-element {
			position: absolute;
			z-index: 1;
		}
		
		.movie-list > li .title {
			display:block;
			width: 100%;
			padding: 7px 4px;
			margin: 0 0 10px;
			text-align:center;
			color:#fff;
			background: rgba(0, 0, 0, 0.7);
		}
		
		.movie-list > li .only-title {
			position: absolute;
			z-index: 2;
		}
		
			.movie-list > li .title span {
				text-transform:uppercase;
				color:#e74c3c;
			}
				
		
		.movie-list > li .cover-info {
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			color: #fff;
		}
			
			.movie-list > li .cover-info .more-info {
				visibility: hidden;
				padding: 0 10px;
				line-height: 20px;
				opacity: 0;
			}
				
				.movie-list > li > a .cover-info .more-info span {
					color:#e74c3c;
				}
			
		.movie-list > li .movie-icons {
			margin: 0;
			bottom: -20px;
			left: 0;
		}
		
		.movie-list > li .imdb {
			width: 20px;
			height: 20px;
			bottom: 0;
			right: 0;
			line-height: 20px;
			font-size: 11px;
			text-align: center;
			color:#fff;
			background: #e74c3c;
		}
			
		.movie-list > li .cover {
			display: block;
			width: 100%;
			-webkit-transition:	all 2s;
			-moz-transition:	all 2s;
			transition:			all 2s;
		}
			
		.movie-list > li > a .cover-info,
		.movie-list > li > a .cover-info .more-info,
		.movie-list > li > a .movie-icons,
		.movie-list > li > a .imdb {
			-webkit-transition:	all 0.3s;
			-moz-transition:	all 0.3s;
			transition:			all 0.3s;
		}
			
		.movie-list > li > a:hover .cover-info,
		.movie-list > li > a:hover .cover-info .more-info {
			visibility: visible;
			opacity: 1;
		}
			
		.movie-list > li > a:hover .cover-info {
			background: rgba(0, 0, 0, 0.8);
		}
		
		.movie-list > li > a:hover .cover-info {
			background: rgba(0, 0, 0, 0.8);
		}

			.movie-list > li > a:hover .cover-info .more-info {
				line-height: 14px;
			}
			
		.movie-list > li > a:hover .movie-icons {
			bottom: 0;
		}
		
		.movie-list > li > a:hover .imdb {
			width: 30px;
			height: 30px;
			line-height: 30px;
			font-size: 14px;
		}
			
		.movie-list > li > a:hover .cover {
			-webkit-transform:	scale(1.2, 1.2);
			-moz-transform:		scale(1.2, 1.2);
			transform:			scale(1.2, 1.2);
		}
		
/* Movie icons */
.movie-icons {
	overflow:hidden;
	margin-left: 0;
}

	.movie-icons li {
		float: left;
		width: 20px;
		height: 20px;
		padding: 0;
		margin: 0 1px 0 0;
		text-indent: -9999px;
	}

	.movie-icons .lorig	{ background: url('/images/lorig.png'); }
	.movie-icons .lsub	{ background: url('/images/lsub.png'); }
	.movie-icons .lhun 	{ background: url('/images/lhun.png'); }
	.movie-icons .lde	{ background: url('/images/lde.png'); }
	.movie-icons .ldesub	{ background: url('/images/ldesub.png'); }
	.movie-icons .ljp 	{ background: url('/images/ljp.png'); }
	.movie-icons .lru	{ background: url('/images/lru.png'); }
	.movie-icons .lfr	{ background: url('/images/lfr.png'); }
	.movie-icons .les 	{ background: url('/images/les.png'); }
	.movie-icons .lkor 	{ background: url('/images/lkor.png'); }
	.movie-icons .lit 	{ background: url('/images/lit.png'); }
	.movie-icons .lcn 	{ background: url('/images/lcn.png'); }
	.movie-icons .ltw 	{ background: url('/images/ltw.png'); }

	.movie-icons .qcam	{ background: url('/images/qcam.png'); }
	.movie-icons .qtv	{ background: url('/images/qtv.png'); }
	.movie-icons .qdvd	{ background: url('/images/qdvd.png'); }
	.movie-icons .qbr	{ background: url('/images/qbr.png'); }
	.movie-icons .qhd	{ background: url('/images/qhd.png'); }
	
/* Comments */

.comment-form {
	margin-bottom: 60px;
}

	.comment-form textarea {
		height: 34px;
		min-height: 34px;
		resize: vertical;
		-webkit-transition:	height 0.3s;
		-moz-transition:	height 0.3s;
		transition:			height 0.3s;
	}

	.comment-form textarea:valid,
	.comment-form textarea:focus {
		height: 135px;
	}
	
	.comment-form #smileys {
		display: none;
		margin-top: 10px;
	}

.comment {
	margin-bottom: 30px;
}

	.comment .avatar {
		display:block;
		overflow: hidden;
		width: 100%;
		max-width: 150px;
		-webkit-transition:	opacity 0.3s;
		-moz-transition:	opacity 0.3s;
		transition:			opacity 0.3s;
	}
	
	.comment .avatar:hover {
		opacity: 0.8;
	}

		.comment .avatar img {
			width: 100%;
		}

		.comment .avatar span {
			display:block;
			padding: 7px 10px;
			color: #fff;
			background: #48b940;
			-webkit-transition:	background 0.3s;
			-moz-transition:	background 0.3s;
			transition:			background 0.3s;
		}
		
		.comment.staff .avatar span {
			background: #e74c3c;
		}

	.comment .comment-text {
		position:relative;
		padding: 10px;
		border: 1px solid #ccc;
		background: #f9f9f9;
	}
	
	.comment.staff .comment-text {
		border-color: #e74c3c;
		background: #fff9f9;
	}

	.comment .comment-text:before,
	.comment .comment-text:after {
		position:absolute;
		content: '';
		width: 10px;
		height: 10px;
		top: 22px;
		left: -5px;
		-webkit-transform:	rotate(45deg);
		-moz-transform:		rotate(45deg);
		transform:			rotate(45deg);
	}

	.comment .comment-text:before {
		background: #bbb;
	}

	.comment .comment-text:after {
		margin-left: 1px;
		background: #f9f9f9;
	}
	
	.comment.staff .comment-text:before {
		background: #e74c3c;
	}

	.comment.staff .comment-text:after {
		background: #fff9f9;
	}

		.comment .comment-text footer {
			margin: 0 0 10px;
			line-height: 34px;
			color:#0e0e0e;
			background: #eee;
		}
		
		.comment.staff .comment-text footer {
			background: #ffe7e7;
		}
		
			.comment .comment-text footer time {
				padding: 0 10px;
			}

			.comment .comment-text footer .num  span {
				display:block;
				float:right;
				min-width: 34px;
				height: 34px;
				padding: 0 2px;
				text-align:center;
				color: #fff;
				background: #e74c3c;
			}
	
/*
	Header
*/

.header {
	position: relative;
	padding: 34px 0;
	background: #000;
}

	.header-bg ,
	.header-bg span {
		position: absolute;
		overflow: hidden;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.header-bg {
		overflow: hidden;
		opacity: 0.3;
	}

		.header-bg span {
			display: block;
			background-image: url('../images/header-bg.jpg');
			background-position: 50% 34%;
			background-size: cover;
		}
	
	.header-wrapper {
		position: relative;
		padding: 29px 0 26px;
		border: 1px solid #e74c3c;
		background: rgba(0, 0, 0, 0.6);
	}
	
/*
	Footer
*/

.footer {
	margin-top: 30px;
	padding: 30px 0 25px;
	color:#000;
	background: #000;
	display: block;
			
		}

.footer a {
	color: #fff;
}
	
	.footer .copyright {
		margin: 0;
	}

		.footer .copyright li + li {
			margin-left: 10px;
		}
/*
	Menu
*/

.menu {
	margin: 0;
	line-height: 30px;
	text-transform:uppercase;
}

	.menu li + li {
		margin-left: 10px;
	}

		.menu a {
			color: #fff;
		}
		
		.menu a:hover {
			color:#e74c3c;
		}
		
.submenu {
	margin-bottom: 40px;
	background: #f6f6f6;
}

	.submenu .menu-items {
		line-height: 32px;
		font-size: 12px;
		margin: 0;
		text-transform:uppercase;
		text-align: center;
	}
	
		.submenu .menu-items li {
			padding: 0 20px 0 0;
		}
	
		.submenu .menu-items li a {
			position:relative;
			display:block;
			padding-top: 2px;
			color:#0e0e0e;
			font-weight: bold;
			font-family: 'Libre Baskerville', serif;
		}
		
		.submenu .menu-items li a:hover {
			color:#000;
		}
		
		.submenu .menu-items li a:before {
			position:absolute;
			content: '';
			left: 0;
			bottom: -1px;
			width: 100%;
			height: 0;
			border-top: 1px solid transparent;
			z-index: 1;
			transition: border-color 0.3s;
		}
		
		.submenu .menu-items li.active a:before,
		.submenu .menu-items li a:hover:before {
			border-color:#000;
		}
		
	.submenu .filter {
		margin-top: 10px;
	}
	
	.submenu .filter .categories .active a {
		font-weight:bold;
		color:#000;
	}
	
/*
	Sidebar
*/

.sidebar .sidebar-article {
	margin: 0 0 60px;
	border-bottom: 5px solid #eee;
}

	.sidebar .sidebar-article .headline {
		margin: 0;
	}

	.sidebar .sidebar-article .sidebar-box {
		margin: 5px 0;
		padding: 25px 5px 10px;
		background: #f9f9f9;
	}
	
/* Votes */

	.vote .question {
		font-weight: bold;
	}

	.vote .answers .custom-option.button {
		position: absolute;
	}

	.vote .answers .vote-label {
		margin-left: 20px;
	}

	.vote .answers .vote-bar {
		width: 100%;
		height: 2px;
		margin: 10px 0 0;
		background: #ccc;
	}

		.vote .answers .vote-bar .percent {
			height: 2px;
			background: #e74c3c;
		}

	.vote .answers .vote-num {
		display:block;
		font-size: 11px;
		text-align:right;
		color:#0e0e0e;
	}

	.vote .all-votes {
		color:#0e0e0e;
	}
	
	/* Facebook box */
	
	.sidebar .fb-like-box {
		overflow: hidden;
		width: 100%;
	}
	

/***************
	PAGES
***************/

/*
	Home page
*/

.site-info {
	margin-bottom: 60px;
	border-bottom: 1px solid #eee;
}

.site-info.new {
	padding: 20px;
	border: 2px solid #e74c3c;
	background: #fff9f9;
}

/*
	Movie page
*/

.movie-page .cover img {
	display: block;
	width: 100%;
}

.movie-page .cover .social {
	overflow:hidden;
	margin: 20px 0;
}

	.movie-page .cover .social a {
		display:block;
		float:left;
		width: 30px;
		height: 30px;
		margin: 0 1px 0 0;
		line-height: 30px;
		text-align:center;
		font-size: 18px;
		color:#fff;
		-webkit-transition:	opacity 0.3s;
		-moz-transition:	opacity 0.3s;
		transition:			opacity 0.3s;
	}
	
	.movie-page .cover .social a:hover {
		opacity: 0.5;
	}

	.movie-page .cover .social a.facebook {
		background: #3b5998;
	}

	.movie-page .cover .social a.twitter {
		background: #5ea9dd;
	}
	
	.movie-page .cover .social .fb-like {
		margin-top: 5px;
	}

.movie-page .description .title {
	margin: 0 0 20px;
	border-bottom: 1px solid #ccc;
}

	.movie-page .description .title h1 {
		margin: 0;
		font-size: 24px;
	}
	
		.movie-page .description .title h1 span {
			font-weight:normal;
			color:#ccc;
		}

	.movie-page .description .title h2 {
		margin: 2px 0 5px;
		font-size: 16px;
		font-weight: 400;
		color: #0e0e0e;
	}
	
.movie-page .description .rating {
	margin: 0 0 20px;
}
	
.movie-page .description .text {
	margin-bottom: 30px;
}

.movie-page .description .category {
	overflow: hidden;
	margin: 0 0 30px;
}

	.movie-page .description .category li {
		float: left;
		padding: 0;
		margin: 0 1px 0 0;
	}

		.movie-page .description .category a {
			display:block;
			padding: 2px 5px 1px;
			font-size: 12px;
			text-transform: uppercase;
			color: #fff;
			background: #88c4da;
		}

		.movie-page .description .category a:hover {
			background: #e74c3c;
		}
		
.movie-page .actors {
	margin-bottom: 20px;
}
		
	.movie-page .actors .actor {
		position: relative;
		display: table;
		width: 100%;
		height: 60px;
		white-space: nowrap;
		margin-bottom: 20px;
	}
	
		.movie-page .actors .actor figure,
		.movie-page .actors .actor a {
			display: inline-block;
			vertical-align: middle;
		}

		.movie-page .actors .actor figure {
			position: relative;
			width: 80px;
			height: 100px;
			margin-right: 10px;
		}
		
			.movie-page .actors .actor figure img {
				position: absolute;
				display: block;
				top: 50%;
				right: 0;
				width: 100%;
				z-index: 1001;
				-webkit-transform: translate(0, -50%);
				   -moz-transform: translate(0, -50%);
						transform: translate(0, -50%);
				-webkit-transition: all .2s;
				   -moz-transition: all .2s;
						transition: all .2s;
			}
			
		.movie-page .actors .actor a {
			display: table-cell;
			white-space: normal;
			width: 100%;
		}
	
/* Details */

.details {
	position: relative;
	overflow: hidden;
	z-index: 1;
	height: auto;
	border-bottom-width: 5px !important;
}

.details.closed {
	height: 350px;
	border-bottom: 0 !important;
}

	.details.closed .more-details {
		display: block;
	}

	.details .more-details {
		position:absolute;
		display: none;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align:center;
		z-index: 1;
	}
	
	.details .more-details:before {
		position:absolute;
		content: '';
		left: 0;
		bottom: 0;
		width: 100%;
		height: 70px;
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(60%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* W3C */
		z-index: -1;
	}
		
		.details .more-details a {
			display: block;
			color: #0e0e0e;
			background: #eee;
			cursor: pointer
		}
		
		.details .more-details a:hover {
			background: #ddd;
		}

	.movie-page .details .icons {
		margin: 0 0 25px;
	}

		.movie-page .details .icons ul {
			margin: 0 0 1px;
		}

			.movie-page .details .icons li a,
			.movie-page .details .imdb {
				width: 52px;
				height: 52px;
				font-size: 20px;
				text-align:center;
				color: #fff;
			}

			.movie-page .details .icons li {
				float: left;
				padding: 0;
				margin: 0 1px 0 0;
			}

				.movie-page .details .icons li a {
					display: block;
					line-height: 52px;
					background: #88c4da;
				}
				
				.movie-page .details .icons li a:hover,
				.movie-page .details .icons li a.active {
					background: #e74c3c;
				}
			
	.movie-page .details .imdb {
		display:block;
		background: #e74c3c;
	}

		.movie-page .details .imdb span {
			display:block;
		}

		.movie-page .details .imdb .score {
			margin-top: 10px;
			line-height: 20px;
		}
		
		.movie-page .details .imdb .name {
			font-size: 10px;
			line-height: 10px;
		}
		
	.movie-page .details h5 {
		margin: 0;
	}
	
		.movie-page .details h5 span {
			font-weight:normal;
		}

	.movie-page .details .rating {
		margin: 0 0 20px;
	}
	
		.movie-page .details .rating .rating-wrapper .star-rating {
			cursor: default;
		}

/* URL list */

.url-list .host .movie-icons {
	float: left;
	margin: 3px 10px 0 0;
}

.url-list .url-btn {
	display:block;
	float:left;
	width: 24px;
	height: 24px;
	margin: 1px 0 -1px;
	line-height: 24px;
}

.url-list .url-btn.flag {
	font-size: 18px;
}

.url-list .url-btn.play {
	font-size: 23px;
}

.url-list .visited {
	color:#ccc;
}

.movie-page #bejelentes {
	display: none;
}
	
/*
	Social page
*/

.social .social-list {
	margin-bottom: 0;
}

	.social .social-list li {
		background: #fcfcfc;
		-webkit-transition:	background 0.3s;
		-moz-transition:	background 0.3s;
		transition:			background 0.3s;
	}

	.social .social-list li:hover {
		background: transparent;
	}

	.social .social-list li + li {
		margin: 13px 0 0;
	}

		.social .social-list li a,
		.social .social-list li span {
			display: block;
			padding: 2px 5px;
		}

		.social .social-list li a {
			border-bottom: 1px solid #ddd;
		}
		
		.social .social-list li a:hover {
			color: #000;
		}
		
		.social .social-list li span {
			color: #0e0e0e;
		}
		
/*
	User list
*/

.user-list form {
	margin-bottom: 30px;
}

	.user-block {
		margin-bottom: 30px;
		padding: 15px;
		border: 1px solid #ccc;
		background: #f9f9f9;
		-webkit-transition:	background 0.3s;
		-moz-transition:	background 0.3s;
		transition:			background 0.3s;
	}

	.user-block:hover {
		background: #fff;
	}

		.user-block .square-pic a {
			border: 1px solid #ccc;
			margin: 0 15px;
		}

		.user-block .user-data .username {
			padding: 0 0 10px 15px;
			margin: 0 0 10px -15px;
			border-bottom: 1px solid #ccc;
			color: #0e0e0e;
		}
		
			.user-block .user-data .username a {
				font-size: 20px;
			}
			
			.user-block .user-data .username span {
				padding: 0 10px;
				text-transform: uppercase;
			}
	
		.user-block .user-data ul {
			margin: 0;
		}
		
			.user-block .user-data .buttons {
				line-height: 40px;
			}
		
				.user-block .user-data .buttons a {
					display:inline-block;
					margin: 0 20px 0 0;
				}
				
				.user-block .user-data .buttons a.add {
					color: #50f29c;
				}
				
				.user-block .user-data .buttons a.add:hover {
					color: #0e0e0e;
				}
				
					.user-block .user-data .buttons a .fa {
						font-size: 20px;
					}
					
				.user-block .user-data ul li span {
					display: inline-block;
					min-width: 100px;
					color: #0e0e0e;
				}
	
/*
	Rules
*/

.rules ol {
	padding-left: 20px;
	list-style-type: upper-roman;
}

.rules li {
	margin: 0 0 10px;
}

/*
	User page
*/

.user-page {
	margin-bottom: 60px;
}

	.user-page .avatar img {
		display:block;
		max-width: 100%;
	}
	
	.user-page .user-data .username {
		padding: 0 0 10px;
		margin: 0 0 10px;
		border-bottom: 1px solid #ccc;
		color: #0e0e0e;
	}
	
		.user-page .user-data .username a {
			font-size: 20px;
		}
		
		.user-page .user-data .username span {
			padding: 0 10px;
			text-transform: uppercase;
		}

	.user-page .user-data ul {
		margin: 0;
	}
	
		.user-page .user-data ul li strong {
			display: inline-block;
			padding: 0 15px 0 0;
			font-weight: normal;
			color: #0e0e0e;
		}
		
		.user-page .user-data ul li .last-login {
			color:#0e0e0e;
			padding-left: 15px;
		}

			.user-page .user-data ul li .last-login .online {
				font-weight:bold;
				text-transform:uppercase;
				color: #50f29c;
			}
		
	.user-page .icons li {
		float:left;
		padding: 0;
		margin: 0 0 1px 1px;
	}
		.user-page .icons li a {
			display: block;
			width: 33px;
			height: 33px;
			line-height: 33px;
			text-align:center;
			color: #fff;
			background: #e74c3c;
		}
		
		.user-page .icons li a:hover {
			background: #ccc;
		}
		
/*
	Picture page
*/

.picture-page .picture {
	border-top: 5px solid #e74c3c;
	border-bottom: 5px solid #e74c3c;
	background: #000;
}

	.picture-page .picture img {
		max-width: 100%;
		max-height: 800px;
	}
	
	.picture-page .picture figcaption {
		padding-top: 5px;
		color:#fff;
		background: #e74c3c;
	}
	
/*
	Avatar
*/

.current-avatar img {
	max-width: 100%;
}

/*
	Messages
*/

.messages .short-text {
	padding-left: 20px;
	color:#0e0e0e;
}

.messages li.new {
	font-weight:bold;
}

	.messages li.new .short-text {
		color:#000;
	}

.message-box {
	border: 1px solid #ccc;
	background: #f9f9f9;
}

	.message-box .head {
		line-height: 50px;
		border-bottom: 1px solid #ccc;
		color:#0e0e0e;
		background: #eee;
	}

		.message-box .head .avatar {
			width: 50px;
			height: 50px;
			margin-right: 20px;
		}
		
			.message-box .head .avatar img {
				width: 50px;
			}
		
		.message-box .head .time {
			padding: 0 20px;
		}
		
		.message-box .head .button {
			display:block;
			float:right;
			text-align:center;
			width: 50px;
			height: 50px;
			font-size: 20px;
			margin-left: 1px;
			color:#fff;
			background: #e74c3c;
		}
	
		.message-box .head .button:hover {
			background: #ccc;
		}
	
	.message-box .subject,
	.message-box .message-text {
		margin: 0 15px;
		padding: 15px 0;
	}
	
	.message-box .subject {
		border-bottom: 1px solid #ccc;
	}
	
	
/*
	Requests
*/

.requests li form {
	margin-bottom: 0;
}

/*
	Forum
*/

.forum .line {
	padding: 5px 0;
	overflow:hidden;
	-webkit-transition:	background 0.3s;
	-moz-transition:	background 0.3s;
	transition:			background 0.3s;
}

.forum .line:nth-child(even) {
	background: #fcfcfc;
}

.forum .line:nth-child(odd) {
	background: #f9f9f9;
}

.forum .line:hover {
	background: #fff;
}

.forum .line.head {
	padding: 5px 0 3px;
	font-size: 12px;
	text-transform:uppercase;
	color:#0e0e0e;
	background: #eee;
}

	.forum .desc {
		color:#0e0e0e;
	}
	
/*
	Movie quiz
*/

.quiz figure {
	margin: 0 0 20px;
	background: #000;
	border-bottom: 5px solid #e74c3c;
	border-top: 5px solid #e74c3c;
}

	.quiz figure img {
		display:inline-block;
		max-width: 100%;
	}
	
.quiz ul .correct,
.quiz ul .incorrect {
	font-weight: bold;
}
	
.quiz ul .correct {
	color: #50f29c;
}

.quiz ul .incorrect {
	color: #ecc54e;
}

.quiz ul .percent {
	font-size: 12px;
	color: #ccc;
}

/*
	Admin
*/

.admin .graph {
	width: 100%;
	height: 240px;
	margin: 0 0 40px;
}

.admin .submitted-movie .checkbox {
	float:left;
	margin: 7px 10px 7px 0;
}

.admin .check-buttons {
	padding-top: 20px;
}

/*
	Chat
*/

.chat #messageForm {
	
}

.chat {
	padding: 20px;
	border: 1px solid #f3f3f3;
	background: #f9f9f9;
}

	.chat .messages {
		overflow-y: scroll;
		height: 400px;
		margin: 0;
	}

		.chat .messages li {
			margin: 5px 0;
			padding: 5px 5px 5px 45px;
			background: #f6f6f6;
		}

			.chat .messages .time {
				display: inline-block;
				min-width: 38px;
				margin: 0 0 0 -40px;
				font-size: 11px;
				font-family: 'Droid Sans Mono';
				color: #ccc;
			}

			.chat .messages .name {
				padding: 0 10px 0 0;
				font-weight: bold;
		}

/***************
	RESPONSIVE
***************/

@media (min-width: 992px) and (max-width: 1199px) {
	.movie-list > li > a {
		height: 184px;
	}
}

@media (min-width: 992px) {	

	.movie-page .actors .actor:hover figure img {
		width: 92px;
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
		   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
				box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.logo,
	.logo:active {
		font-size: 24px;
	}

	.menu li + li {
		margin-left: 0;
	}
	
	.movie-list > li > a {
		height: 221px;
	}
	
}

@media (min-width: 768px) {

	.forum .line {
		display:table;
		width: 100%;
		vertical-align:middle;
	}
	
		.forum .line > div {
			display:inline-block;
			vertical-align:middle;
			float:none;
		}
		
}

@media (max-width: 767px) {
	
	.top-bar > .container > .row > div {
		padding: 0;
	}
	
	.logo {
		margin-left: auto;
		margin-right: auto;
	}
	
	.menu {
		float:none !important;
		margin-top: 10px;
		text-align: center;
	}
	
		.menu li + li {
			margin: 0;
		}
	
	.movie-page .cover {
		margin-bottom: 40px;
	}
	
	.comment-form .text-right {
		text-align: left;
	}
	
	.comment-form .text-right .btn {
		margin-top: 15px;
	}
	
	.comment .avatar {
		margin-bottom: 10px;
		max-width: 100%;
	}
	
		.comment .comment-text:before,
		.comment .comment-text:after,
		.comment .avatar img {
			display: none;
		}
		
	.user-block .user-data ul li span {
		display: block;
		min-width: auto;
	}
	
	.user-page .avatar {
		margin-bottom: 15px;
	}
	
	.user-page .user-data ul li strong {
		display: block;
	}
	
	.user-page .icons > ul {
		margin-top: 10px;
		float: left !important;
	}
	
	.current-avatar {
		margin-bottom: 15px;
	}
	

	.messages .btn-group .btn {
		display: block;
		width: 100%;
		margin: 0 0 5px;
	}
	
	.movie-list > li > a {
		height: auto;
	}
}