a {
text-decoration: none; }
a:hover {
text-decoration: none; }



	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
		background: #f5f4f0;
	}
	

.genre-but {
	display: block; width: 100%; padding-top: 24px; padding-bottom: 28px; color: #464c56; cursor: pointer; text-align: center; }
	
.genre-but:hover {
	background: #efd319;  color: #000; text-decoration: none; }
	
.cat-but {
	display: block; width: 100%; padding-top: 24px; padding-bottom: 28px; color: #464c56; cursor: pointer; text-align: center; }
	
.cat-but:hover {
	background: #efd319;  color: #000; text-decoration: none; }
	
.topic-but {
	display: block; width: 100%; padding-top: 24px; padding-bottom: 28px; color: #464c56; cursor: pointer; text-align: center; }
	
.topic-but:hover {
	background: #efd319;  color: #000; text-decoration: none; }

.noreview-genre-but {
	display: block; width: 100%; padding-top: 24px; padding-bottom: 28px; color: #464c56; cursor: pointer; text-align: center; }
	
.noreview-genre-but:hover {
	background: #fdf9e0;  color: #464c56; text-decoration: none; }
	
.noreview-cat-but {
	display: block; width: 100%; padding-top: 24px; padding-bottom: 28px; color: #464c56; cursor: pointer; text-align: center; }
	
.noreview-cat-but:hover {
	background: #fdf9e0;  color: #464c56; text-decoration: none; }
	
.noreview-topic-but {
	display: block; width: 100%; padding-top: 24px; padding-bottom: 28px; color: #464c56; cursor: pointer; text-align: center; }
	
.noreview-topic-but:hover {
	background: #fdf9e0;  color: #464c56; text-decoration: none; }


@media screen and (min-width: 64em) {
	
.genre-but {
	display: table-cell; width: 33%; padding-top: 17px; padding-bottom: 17px; color: #464c56; cursor: pointer; }
	
.genre-but:hover {
	background: #efd319;  color: #000; text-decoration: none; }
	
.cat-but {
	display: table-cell; width: 33%; padding-top: 17px; padding-bottom: 17px; color: #464c56; cursor: pointer; }
	
.cat-but:hover {
	background: #efd319;  color: #000; text-decoration: none; }
	
.topic-but {
	display: table-cell; width: 34%; padding-top: 17px; padding-bottom: 17px; color: #464c56; cursor: pointer; }
	
.topic-but:hover {
	background: #efd319;  color: #000; text-decoration: none; }
	
	
	
.noreview-genre-but {
	display: table-cell; width: 33%; padding-top: 17px; padding-bottom: 17px; color: #477fa6; cursor: pointer; }
	
.noreview-genre-but:hover {
	background: #fdf9e0;  color: #477fa6; text-decoration: none; }
	
.noreview-cat-but {
	display: table-cell; width: 33%; padding-top: 17px; padding-bottom: 17px; color: #477fa6; cursor: pointer; }
	
.noreview-cat-but:hover {
	background: #fdf9e0;  color: #477fa6; text-decoration: none; }
	
.noreview-topic-but {
	display: table-cell; width: 34%; padding-top: 17px; padding-bottom: 17px; color: #477fa6; cursor: pointer; }
	
.noreview-topic-but:hover {
	background: #fdf9e0;  color: #477fa6; text-decoration: none; }
	
}

.fb-but {
	display: inline-block;
	line-height: 50px;
	height: 50px;
	width: 50px;
	margin-left: 15px;
	margin-right: 15px;
	background: url(https://kinematograf.bg/images/fb-button.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.fb-but:hover {
	background: url(https://kinematograf.bg/images/fb-button.png) no-repeat top left; 
	background-position: 0px -50px;
	background-size: cover;
	cursor: pointer; }
	
	
.twitter-but {
	display: inline-block;
	line-height: 50px;
	height: 50px;
	width: 50px;
	margin-left: 15px;
	margin-right: 15px;
	background: url(https://kinematograf.bg/images/twitter-button.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.twitter-but:hover {
	background: url(https://kinematograf.bg/images/twitter-button.png) no-repeat top left; 
	background-position: 0px -50px;
	background-size: cover;
	cursor: pointer; }
	
	
	
.fb-but-mini {
	display: inline-block;
	line-height: 50px;
	height: 50px;
	width: 50px;
	margin-left: 19px;
	margin-right: 19px;
	background: url(https://kinematograf.bg/images/fb-button.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.fb-but-mini:hover {
	background: url(https://kinematograf.bg/images/fb-button.png) no-repeat top left; 
	background-position: 0px -50px;
	background-size: cover;
	cursor: pointer; }
	
	
.twitter-but-mini {
	display: inline-block;
	line-height: 50px;
	height: 50px;
	width: 50px;
	margin-left: 19px;
	margin-right: 19px;
	background: url(https://kinematograf.bg/images/twitter-button.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.twitter-but-mini:hover {
	background: url(https://kinematograf.bg/images/twitter-button.png) no-repeat top left; 
	background-position: 0px -50px;
	background-size: cover;
	cursor: pointer; }
	
	
.up-but-mini {
	display: inline-block;
	line-height: 50px;
	height: 50px;
	width: 50px;
	margin-left: 19px;
	margin-right: 19px;
	background: url(https://kinematograf.bg/images/UP-button.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.up-but-mini:hover {
	background: url(https://kinematograf.bg/images/UP-button.png) no-repeat top left; 
	background-position: 0px -50px;
	background-size: cover;
	cursor: pointer; }
	
	
.email-but-mini {
	display: inline-block;
	line-height: 50px;
	height: 50px;
	width: 50px;
	margin-left: 19px;
	margin-right: 19px;
	background: url(https://kinematograf.bg/images/mail-button.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.email-but-mini:hover {
	background: url(https://kinematograf.bg/images/mail-button.png) no-repeat top left; 
	background-position: 0px -46px;
	background-size: cover;
	cursor: pointer; }
	
	
	
.up-but {
	display: inline-block;
	line-height: 50px;
	height: 50px;
	width: 50px;
	margin-left: 15px;
	margin-right: 15px;
	background: url(https://kinematograf.bg/images/UP-button.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.up-but:hover {
	background: url(https://kinematograf.bg/images/UP-button.png) no-repeat top left; 
	background-position: 0px -46px;
	background-size: cover;
	cursor: pointer; }
	
	
.email-but {
	display: inline-block;
	line-height: 50px;
	height: 50px;
	width: 50px;
	margin-left: 15px;
	margin-right: 15px;
	background: url(https://kinematograf.bg/images/mail-button.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.email-but:hover {
	background: url(https://kinematograf.bg/images/mail-button.png) no-repeat top left; 
	background-position: 0px -46px;
	background-size: cover;
	cursor: pointer; }
	
#shadow-pic {
	display: none;
}

#control-container {
	background: #556270;  
	width: 100%; 
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}

#control-center {
	width: 340px;
	margin-left: 5px;
	height: 80px; 
	margin-left: auto; 
	margin-right: auto;
}

#sent-control-center {
	width: 436px;
	height: 80px; 
	margin-left: 5px;	
	background: #556270; 
	margin-left: auto; 
	margin-right: auto;
}

#play-b {
	display: block;
	height: 80px;
	width: 80px;
	float: left;
	background: url(https://kinematograf.bg/images/play-b.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
#play-b:hover {
	background: url(https://kinematograf.bg/images/play-b.png) no-repeat top left; 
	background-position: 0px -80px;
	cursor: pointer;
	background-size: cover; }
	
#play-b-pass {
	display: block;
	width: 80px;
	height: 16px; 
	float: left;
	background:#dadada; 
	margin-top: 6px; 
	margin-left: 6px; 
	padding: 4px 0px 4px 0px; 
	font-family: Myriad Pro; 
	font-size: 10px; 
	 color: #787878;
	text-align: center;
}	

#play-b-pass:hover {
	background:#dadada; 
}


#play-empty {
	display: block;
	height: 80px;
	width: 80px;
	float: left;
	background: url(https://kinematograf.bg/images/play-empty-square.png) no-repeat center center #e4e4e4; 
	 }
	
		
#play-empty table {
	display: none;
}
	
#play-empty table td {
	display: none;
}
 
#play-empty-alt {
	display: block;
	width: 100%; 	
	padding: 20px;
	background: #f5f4f0;
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 15px;
	line-height: 20px;
	color: #464c56;
	text-align: center;
}

.disqus-b {
	display: block;
	height: 80px;
	width: 80px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/disqus-b.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.disqus-b:hover {
	background: url(https://kinematograf.bg/images/disqus-b.png) no-repeat top left; 
	background-position: 0px -80px;
	cursor: pointer;
	background-size: cover; }
	
	
.fb-b {
	display: block;
	height: 80px;
	width: 80px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/fb-b2.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.fb-b:hover {
	background: url(https://kinematograf.bg/images/fb-b2.png) no-repeat top left; 
	background-position: 0px -80px;
	cursor: pointer;
	background-size: cover; }
	
	
.next-b {
	display: block;
	height: 80px;
	width: 80px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/next-b.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.next-b:hover {
	background: url(https://kinematograf.bg/images/next-b.png) no-repeat top left; 
	background-position: 0px -80px;
	cursor: pointer;
	background-size: cover; }
	

#sent-play-b {
	display: block;
	height: 80px;
	width: 80px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/sentfilms/watch-b.png) no-repeat top left #556270; 
	background-position: 0px 0px;
	background-size: cover; }
	
#sent-play-b:hover {
	background: url(https://kinematograf.bg/images/sentfilms/watch-b.png) no-repeat top left #e75267; 
	background-position: 0px 0px;
	cursor: pointer;
	background-size: cover; }

.sent-trailer-b {
	display: block;
	height: 80px;
	width: 80px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/sentfilms/trailer-b.png) no-repeat top left #556270; 
	background-position: 0px 0px;
	background-size: cover; }
	
.sent-trailer-b:hover {
	background: url(https://kinematograf.bg/images/sentfilms/trailer-b.png) no-repeat top left #4db1e6; 
	background-position: 0px 0px;
	cursor: pointer;
	background-size: cover; }

.sent-poster-b {
	display: block;
	height: 80px;
	width: 80px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/sentfilms/poster-b.png) no-repeat top left #556270; 
	background-position: 0px 0px;
	background-size: cover; }
	
.sent-poster-b:hover {
	background: url(https://kinematograf.bg/images/sentfilms/poster-b.png) no-repeat top left #e285ea; 
	background-position: 0px 0px;
	cursor: pointer;
	background-size: cover; }

.sent-download-b {
	display: block;
	height: 80px;
	width: 80px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/sentfilms/download-b.png) no-repeat top left #556270; 
	background-position: 0px 0px;
	background-size: cover; }
	
.sent-download-b:hover {
	background: url(https://kinematograf.bg/images/sentfilms/download-b.png) no-repeat top left #59db6c; 
	background-position: 0px 0px;
	cursor: pointer;
	background-size: cover; }

.sent-press-b {
	display: block;
	height: 80px;
	width: 80px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/sentfilms/press-b.png) no-repeat top left #556270; 
	background-position: 0px 0px;
	background-size: cover; }
	
.sent-press-b:hover {
	background: url(https://kinematograf.bg/images/sentfilms/press-b.png) no-repeat top left #e1d84f; 
	background-position: 0px 0px;
	cursor: pointer;
	background-size: cover; }
	
@media screen and (min-width: 40em) {
	
.fb-but {
	display: inline-block;
	line-height: 86px;
	height: 86px;
	width: 86px;
	margin-left: 35px;
	margin-right: 35px;
	background: url(https://kinematograf.bg/images/fb-button.png) no-repeat top left; 
	background-position: 0px 0px; }
	
.fb-but:hover {
	background: url(https://kinematograf.bg/images/fb-button.png) no-repeat top left; 
	background-position: 0px -86px;
	cursor: pointer; }
	
	
.twitter-but {
	display: inline-block;
	line-height: 86px;
	height: 86px;
	width: 86px;
	margin-left: 35px;
	margin-right: 35px;
	background: url(https://kinematograf.bg/images/twitter-button.png) no-repeat top left; 
	background-position: 0px 0px; }
	
.twitter-but:hover {
	background: url(https://kinematograf.bg/images/twitter-button.png) no-repeat top left; 
	background-position: 0px -86px;
	cursor: pointer; }
	
	
.up-but {
	display: inline-block;
	line-height: 86px;
	height: 86px;
	width: 86px;
	margin-left: 35px;
	margin-right: 35px;
	background: url(https://kinematograf.bg/images/UP-button.png) no-repeat top left; 
	background-position: 0px 0px; }
	
.up-but:hover {
	background: url(https://kinematograf.bg/images/UP-button.png) no-repeat top left; 
	background-position: 0px -86px;
	cursor: pointer; }
	
	
.email-but {
	display: inline-block;
	line-height: 86px;
	height: 86px;
	width: 86px;
	margin-left: 35px;
	margin-right: 35px;
	background: url(https://kinematograf.bg/images/mail-button.png) no-repeat top left; 
	background-position: 0px 0px; }
	
.email-but:hover {
	background: url(https://kinematograf.bg/images/mail-button.png) no-repeat top left; 
	background-position: 0px -86px;
	cursor: pointer; }
	

#shadow-pic {
	display: block; 
	position: relative; 
	width: 100%; 
	height: 22px; 
	background: url(https://kinematograf.bg/images/pic-shadow.png) repeat-x top center #f2f2f2;
}
	
	
#control-container {
	background: #f5f4f0; 
	width: 100%; 
	height: auto;
	margin-top: 50px;
	margin-bottom: 28px;
}

#control-center {
	width: 664px; 
	height: 166px; 
	background: #f5f4f0; 
	margin-left: auto; 
	margin-right: auto;
}


#sent-control-center {
	width: 670px; 
	height: 166px; 
	background: #f5f4f0; 
	margin-left: auto; 
	margin-right: auto;
}

#play-b {
	display: block;
	height: 120px;
	width: 240px;
	float: left;
	background: url(https://kinematograf.bg/images/play-b2.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
#play-b:hover {
	background: url(https://kinematograf.bg/images/play-b2.png) no-repeat top left; 
	background-position: 0px -120px;
	cursor: pointer;
	background-size: cover; }
	
	
#play-b-pass {
	display: block;
	width: 120px;
	height: 20px; 
	float: left;
	background:#fff; 
	margin-top: 6px; 
	margin-left: 6px; 
	padding: 4px 0px 4px 0px; 
	font-family: Myriad Pro; 
	font-size: 12px; 
	color: #ffffff; 
	text-align: center;
}	

#play-b-pass:hover {
	background:#dadada; color: #787878; 
}

#play-empty {
	display: block;
	height: 120px;
	width: 240px;
	padding: 14px;
	float: left;
	background: #e4e4e4;
	font-family: Myriad Pro;
	font-size: 16px;
	line-height: 20px;
	color: #464c56;
 }
		
#play-empty table {
	display: table;
	width: 100%;
	height: 100%;
}
	
#play-empty table td {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#play-empty-alt {
	display: none; }
	

.disqus-b {
	display: block;
	height: 120px;
	width: 120px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/disqus-b.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.disqus-b:hover {
	background: url(https://kinematograf.bg/images/disqus-b.png) no-repeat top left; 
	background-position: 0px -120px;
	cursor: pointer;
	background-size: cover; }
	
	
.fb-b {
	display: block;
	height: 120px;
	width: 120px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/fb-b2.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.fb-b:hover {
	background: url(https://kinematograf.bg/images/fb-b2.png) no-repeat top left; 
	background-position: 0px -120px;
	cursor: pointer;
	background-size: cover; }
	
	
.next-b {
	display: block;
	height: 120px;
	width: 120px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/next-b.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.next-b:hover {
	background: url(https://kinematograf.bg/images/next-b.png) no-repeat top left; 
	background-position: 0px -120px;
	cursor: pointer;
	background-size: cover; }
	
	
#sent-play-b {
	display: block;
	height: 120px;
	width: 120px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/sentfilms/watch-b.png) no-repeat top left #556270; 
	background-position: 0px 0px;
	background-size: cover; }
	
#sent-play-b:hover {
	background: url(https://kinematograf.bg/images/sentfilms/watch-b.png) no-repeat top left #e75267; 
	background-position: 0px 0px;
	cursor: pointer;
	background-size: cover; }

.sent-trailer-b {
	display: block;
	height: 120px;
	width: 120px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/sentfilms/trailer-b.png) no-repeat top left #556270; 
	background-position: 0px 0px;
	background-size: cover; }
	
.sent-trailer-b:hover {
	background: url(https://kinematograf.bg/images/sentfilms/trailer-b.png) no-repeat top left #4db1e6; 
	background-position: 0px 0px;
	cursor: pointer;
	background-size: cover; }

.sent-poster-b {
	display: block;
	height: 120px;
	width: 120px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/sentfilms/poster-b.png) no-repeat top left #556270; 
	background-position: 0px 0px;
	background-size: cover; }
	
.sent-poster-b:hover {
	background: url(https://kinematograf.bg/images/sentfilms/poster-b.png) no-repeat top left #e285ea; 
	background-position: 0px 0px;
	cursor: pointer;
	background-size: cover; }

.sent-download-b {
	display: block;
	height: 120px;
	width: 120px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/sentfilms/download-b.png) no-repeat top left #556270; 
	background-position: 0px 0px;
	background-size: cover; }
	
.sent-download-b:hover {
	background: url(https://kinematograf.bg/images/sentfilms/download-b.png) no-repeat top left #59db6c; 
	background-position: 0px 0px;
	cursor: pointer;
	background-size: cover; }

.sent-press-b {
	display: block;
	height: 120px;
	width: 120px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/sentfilms/press-b.png) no-repeat top left #556270; 
	background-position: 0px 0px;
	background-size: cover; }
	
.sent-press-b:hover {
	background: url(https://kinematograf.bg/images/sentfilms/press-b.png) no-repeat top left #e1d84f; 
	background-position: 0px 0px;
	cursor: pointer;
	background-size: cover; }
}



@media screen and (min-width: 56em) {	
.fb-but {
	display: inline-block;
	line-height: 86px;
	height: 86px;
	width: 86px;
	margin-left: 52px;
	margin-right: 52px;
	background: url(https://kinematograf.bg/images/fb-button.png) no-repeat top left; 
	background-position: 0px 0px; }
	
.fb-but:hover {
	background: url(https://kinematograf.bg/images/fb-button.png) no-repeat top left; 
	background-position: 0px -86px;
	cursor: pointer; }
	
	
.twitter-but {
	display: inline-block;
	line-height: 86px;
	height: 86px;
	width: 86px;
	margin-left: 52px;
	margin-right: 52px;
	background: url(https://kinematograf.bg/images/twitter-button.png) no-repeat top left; 
	background-position: 0px 0px; }
	
.twitter-but:hover {
	background: url(https://kinematograf.bg/images/twitter-button.png) no-repeat top left; 
	background-position: 0px -86px;
	cursor: pointer; }
	
	
.up-but {
	display: inline-block;
	line-height: 86px;
	height: 86px;
	width: 86px;
	margin-left: 52px;
	margin-right: 52px;
	background: url(https://kinematograf.bg/images/UP-button.png) no-repeat top left; 
	background-position: 0px 0px; }
	
.up-but:hover {
	background: url(https://kinematograf.bg/images/UP-button.png) no-repeat top left; 
	background-position: 0px -86px;
	cursor: pointer; }
	
.email-but {
	display: inline-block;
	line-height: 86px;
	height: 86px;
	width: 86px;
	margin-left: 52px;
	margin-right: 52px;
	background: url(https://kinematograf.bg/images/mail-button.png) no-repeat top left; 
	background-position: 0px 0px; }
	
.email-but:hover {
	background: url(https://kinematograf.bg/images/mail-button.png) no-repeat top left; 
	background-position: 0px -86px;
	cursor: pointer; }
	

#shadow-pic {
	display: block; 
	position: relative; 
	width: 100%; 
	height: 22px; 
	background: url(https://kinematograf.bg/images/pic-shadow.png) repeat-x top center #f2f2f2;
}
	
	
#control-container {
	background: #f5f4f0; 
	width: 100%; 
	height: auto;
	margin-top: 28px;
	margin-bottom: 50px;
}

#control-center {
	width: 824px; 
	height: 166px; 
	background: #f5f4f0; 
	margin-left: auto; 
	margin-right: auto;
}

#sent-control-center {
	width: 830px; 
	height: 166px; 
	background: #f5f4f0; 
	margin-left: auto; 
	margin-right: auto;
}


#play-b {
	display: block;
	height: 160px;
	width: 320px;
	float: left;
	background: url(https://kinematograf.bg/images/play-b2.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
#play-b:hover {
	background: url(https://kinematograf.bg/images/play-b2.png) no-repeat top left; 
	background-position: 0px -160px;
	cursor: pointer;
	background-size: cover; }
	
#play-b-pass {
	display: block;
	width: 160px;
	height: 24px; 
	float: left;
	background:#fff; 
	margin-top: 6px; 
	margin-left: 6px; 
	padding: 4px 0px 4px 0px; 
	font-family: Myriad Pro; 
	font-size: 14px; 
	color: #ffffff; 
	text-align: center;
}	

#play-b-pass:hover {
	background:#dadada; color: #787878; 
}

#play-empty {
	display: block;
	height: 160px;
	width: 320px;
	padding: 18px;
	float: left;
	background: #e4e4e4;
	font-family: Myriad Pro;
	font-size: 19px;
	line-height: 26px;
	color: #464c56;
 }
	
#play-empty table {
	display: table;
	width: 100%;
	height: 100%;
}
	
#play-empty table td {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
	
#play-empty-alt {
	display: none; }
	
.disqus-b {
	display: block;
	height: 160px;
	width: 160px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/read-b.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.disqus-b:hover {
	background: url(https://kinematograf.bg/images/read-b.png) no-repeat top left; 
	background-position: 0px -160px;
	cursor: pointer;
	background-size: cover; }
	
	
.fb-b {
	display: block;
	height: 160px;
	width: 160px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/fb-b2.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.fb-b:hover {
	background: url(https://kinematograf.bg/images/fb-b2.png) no-repeat top left; 
	background-position: 0px -160px;
	cursor: pointer;
	background-size: cover; }
	
	
.next-b {
	display: block;
	height: 160px;
	width: 160px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/next-b.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
.next-b:hover {
	background: url(https://kinematograf.bg/images/next-b.png) no-repeat top left; 
	background-position: 0px -160px;
	cursor: pointer;
	background-size: cover; }

	
#sent-play-b {
	display: block;
	height: 160px;
	width: 160px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/sentfilms/watch-b.png) no-repeat top left #556270; 
	background-position: 0px 0px;
	background-size: cover; }
	
#sent-play-b:hover {
	background: url(https://kinematograf.bg/images/sentfilms/watch-b.png) no-repeat top left #e75267; 
	background-position: 0px 0px;
	cursor: pointer;
	background-size: cover; }

.sent-trailer-b {
	display: block;
	height: 160px;
	width: 160px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/sentfilms/trailer-b.png) no-repeat top left #556270; 
	background-position: 0px 0px;
	background-size: cover; }
	
.sent-trailer-b:hover {
	background: url(https://kinematograf.bg/images/sentfilms/trailer-b.png) no-repeat top left #4db1e6; 
	background-position: 0px 0px;
	cursor: pointer;
	background-size: cover; }

.sent-poster-b {
	display: block;
	height: 160px;
	width: 160px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/sentfilms/poster-b.png) no-repeat top left #556270; 
	background-position: 0px 0px;
	background-size: cover; }
	
.sent-poster-b:hover {
	background: url(https://kinematograf.bg/images/sentfilms/poster-b.png) no-repeat top left #e285ea; 
	background-position: 0px 0px;
	cursor: pointer;
	background-size: cover; }

.sent-download-b {
	display: block;
	height: 160px;
	width: 160px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/sentfilms/download-b.png) no-repeat top left #556270; 
	background-position: 0px 0px;
	background-size: cover; }
	
.sent-download-b:hover {
	background: url(https://kinematograf.bg/images/sentfilms/download-b.png) no-repeat top left #59db6c; 
	background-position: 0px 0px;
	cursor: pointer;
	background-size: cover; }

.sent-press-b {
	display: block;
	height: 160px;
	width: 160px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/sentfilms/press-b.png) no-repeat top left #556270; 
	background-position: 0px 0px;
	background-size: cover; }
	
.sent-press-b:hover {
	background: url(https://kinematograf.bg/images/sentfilms/press-b.png) no-repeat top left #e1d84f; 
	background-position: 0px 0px;
	cursor: pointer;
	background-size: cover; }}


	

/* Banner */

	#banner {
		background: url(images/1q682LZ.png) no-repeat top left;
		background-size: auto;
		border: 0; margin-top: 0;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		padding: 0;
		min-height: 65vh;
		width: 100%;
		position: relative;
		margin-top: 20vh;
	}
	
	#bannerwrap {
		width: 100%;
		height: 100%;
		text-align: center;
		padding: 9em 4em 5em 4em ;
	}
	
	
		#banner input[type="submit"],
		#banner input[type="reset"],
		#banner input[type="button"],
		#banner button,
		#banner .button {
			background-color: transparent;
			border-color: rgba(144, 144, 144, 0.25);
			color: #ffffff !important;
		}

			#banner input[type="submit"]:hover,
			#banner input[type="reset"]:hover,
			#banner input[type="button"]:hover,
			#banner button:hover,
			#banner .button:hover {
				border-color: #459e59;
				color: #459e59 !important;
			}

			#banner input[type="submit"]:active,
			#banner input[type="reset"]:active,
			#banner input[type="button"]:active,
			#banner button:active,
			#banner .button:active {
				background-color: rgba(69, 158, 89, 0.1);
				border-color: #459e59;
				color: #459e59 !important;
			}

			#banner input[type="submit"].icon:before,
			#banner input[type="reset"].icon:before,
			#banner input[type="button"].icon:before,
			#banner button.icon:before,
			#banner .button.icon:before {
				color: #b4d8bc;
			}

			#banner input[type="submit"].special,
			#banner input[type="reset"].special,
			#banner input[type="button"].special,
			#banner button.special,
			#banner .button.special {
				background-color: #ffffff;
				border-color: transparent;
				color: #8f8f8f !important;
			}

				#banner input[type="submit"].special.icon:before,
				#banner input[type="reset"].special.icon:before,
				#banner input[type="button"].special.icon:before,
				#banner button.special.icon:before,
				#banner .button.special.icon:before {
					color: #b8b8b8;
				}

				#banner input[type="submit"].special:hover,
				#banner input[type="reset"].special:hover,
				#banner input[type="button"].special:hover,
				#banner button.special:hover,
				#banner .button.special:hover {
					color: #459e59 !important;
				}

					#banner input[type="submit"].special:hover:before,
					#banner input[type="reset"].special:hover:before,
					#banner input[type="button"].special:hover:before,
					#banner button.special:hover:before,
					#banner .button.special:hover:before {
						color: #459e59;
					}

		#banner header p {
			color: #ffffff;
		}

		#banner header.major h1:after, #banner header.major h2:after, #banner header.major h3:after {
			background-color: rgba(255, 255, 255, 1);
			font-family: 'Rokkitt', serif;
			font-weight: 700;
		}
		
		#banner header.staffpick h6:after, #banner header.staffpick h7:after, #banner header.staffpick h8:after {
			background-color: rgba(255, 255, 255, 1);
			font-family: 'Rokkitt', serif;
			font-weight: 700;
		}

		#banner h6 {
			color: #ffffff;
			text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.4);
			letter-spacing: -1px;
			font-family: 'Roboto Slab', sans-serif;
			font-weight: 700;
		}
		#banner input, #banner select, #banner textarea {
			color: #ffffff;
		}

		#banner a {
			color: #ffffff;
		}

		#banner strong, #banner b {
			color: #ffffff;
		}

		#banner h1 {
			color: #ffffff;
			text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.4);
			letter-spacing: -1px;
			font-family: 'Roboto Slab', sans-serif;
			font-weight: 700;
		}

		#banner h2 {
			color: #313131;
			text-shadow: 1px 1px 20px rgba(255, 255, 255, 0.4);
			letter-spacing: -1px;
			font-family: 'Roboto Slab', sans-serif;
			font-weight: 700;
		}


		#banner blockquote {
			border-left-color: rgba(255, 255, 255, 0.25);
		}

		#banner code {
			background: rgba(255, 255, 255, 0.075);
			border-color: rgba(255, 255, 255, 0.25);
		}

		#banner hr {
			border-bottom-color: rgba(255, 255, 255, 0.25);
		}

		body.is-ie #banner {
			min-height: 0;
			height: 65vh;
		}

		#banner header {
			margin-bottom: 0;
		}

		#banner h1 {
			font-size: 4.3em;
			margin: 0 0 0.6em 0;
			padding: 0;
		}
		#banner h2 {
			font-size: 3.3em;
			margin: 0 0 0.6em 0;
			padding: 0;
		}

			#banner h1:after {
				margin: 0.45em auto 0;
			}
			
		#banner h6 {
			font-size: 3.2em;
			margin: 0 0 0.2em 0;
			padding: 0;
		}

			#banner h6:after {
				margin: 0.45em auto 0;
			}

		#banner p {
			font-size: 1.10em;
			line-height: 29px;
			font-family: Myriad Pro;
		}

		@media screen and (max-width: 1680px) {

			body.is-ie #banner {
				height: auto;
			}
			
			
			#bannerwrap {
				padding: 8em 4em 2em 4em ;
			}

		}

		@media screen and (max-width: 1280px) {

			#bannerwrap {
				padding: 7em 4em 2em 4em ;
			}

				#banner h1 {
					font-size: 3.5em;
				}
				#banner h2 {
					font-size: 2.5em;
				}
				#banner h6 {
					font-size: 2.8em;
				}

		#banner p {
			font-size: 1.10em;
			line-height: 29px;
			font-family: Myriad Pro;
		}
		}

		@media screen and (max-width: 980px) {

			#bannerwrap {
				padding: 6em 4em 3em 4em ;
			}

		#banner p {
			font-size: 1.05em;
			line-height: 27px;
			font-family: Myriad Pro;
		}
		}

		@media screen and (max-width: 736px) {

			#bannerwrap {
				padding: 4em 2em 1.5em 2em ;
			}

				#banner br {
					display: none;
				}

				#banner h1{
					font-size: 2.25em;
				}
				
				#banner h6 {
					font-size: 2em;
				}

				#banner p {
					font-size: 1em;
				}

		#banner p {
			font-size: 1.0em;
			line-height: 25px;
			font-family: Myriad Pro;
		}
		}
		
		@media screen and (max-width: 480px) {

		#bannerwrap {
				padding: 2.1em 2em 1.5em 2em ;
			}
			
		#banner p {
			font-size: 0.9em;
			line-height: 22px;
			font-family: Myriad Pro;
		}
				
		}
		

	
	
#point-down {
display: none; }

@media screen and (min-width: 30em) {
	
		
#point-down {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 60px;
	height: 92px;
	width: 55px;
	background: url(https://kinematograf.bg/images/point-down.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
#point-down:hover {
	background: url(https://kinematograf.bg/images/point-down.png) no-repeat top left; 
	background-position: -55px 0px;
	cursor: pointer;
	background-size: cover; }
	
}


@media all {
				.lightbox { display: none; }
}


#navigationbar {
	
	background: url(https://kinematograf.bg/images/newlogo3.png) no-repeat top left #ffffff; 
	background-position: 10% 0; 
	background-size: contain; 
	width: 100%; 
	height: 20vh; 
	margin-top: 400px;
	max-height: 156px; 
	position: relative;
	
}


#navigationbar a {
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 19px;
	color: #293040;
}



/* EDITOR's CHOICE */

/* resets */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* global */

h1 {
  font-family: "Lobster", cursive;
  font-size: 2em;
  margin-bottom: 10px;
}
h2 {
  font-weight: 700;
}

/* grid */
.row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  min-height: 60vh;
  max-width: 100%;
  margin-bottom: 0;
}
.row:last-child {
  margin-bottom: 0;
}
[class*="col-"] {
  padding: 10px;
  width: 100%;
}


.wrapper {
  margin: 0 auto;
  max-width: 100%;
  background-color: #F5F4F0;
  position: relative;
  margin-top: 20vh;
}

  .col-1-2 {
	min-height: 420px;
	border: 3px solid #F5F4F0;
	border-top: 0;
	border-bottom: 6px solid #f5f4f0;
  font-size: 1.7em;
  line-height: 1em;
			font-family: 'Roboto Slab', sans-serif;
			font-weight: 400;

  }
 
.staffpick-trio-container {

display: table; height: 100%; width:100%; }


.staffpick-trio-container h2 {

	 font-size: 1em;
  line-height: 0.8em;
	font-family: 'Roboto Slab', sans-serif;
	color: #ffffff; 
	font-weight: 400;
}
.staffpick-trio-container span {
	 font-size: 0.8em;
  line-height: 0.8em;
  color: #ffffff; 
  font-family: Myriad Pro; 
  font-weight: 400;
	
}

@media all and ( min-width: 28em) {
	
	
 
.staffpick-trio-container {
display: table; height: 100%; width:100%; }


.staffpick-trio-container h2 {
 font-size: 1.5em;
  line-height: 1.0em;
			font-family: 'Roboto Slab', sans-serif;
	color: #ffffff; 
	font-weight: 400;
}
.staffpick-trio-container span {
	 font-size: 1em;
  line-height: 1.4em;
  color: #ffffff; 
  font-family: Myriad Pro; 
  font-weight: 400;
	
}
}
@media all and ( min-width: 64em) {
  
.wrapper {
  margin: 0 auto;
  max-width: 100%;
  background-color: #F5F4F0;
  position: relative;
  margin-top: 20vh; }

.row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  min-height: 390px;
  height: 50vh;
  height: 50vh;
  width: 100%;
}

  /* set col widths */
  .col-2-3 {
    width: 66.66%;
	height: 100%;
  }
  .col-1-2 {
    width: 50%;
	height: 100%;
	min-height: 370px;
	border: 3px solid #F5F4F0;
	border-top: 0;
	border-bottom: 6px solid #f5f4f0;
    margin-bottom: 0;	
    font-size: 2.15em;
  line-height: 0.95em;
	font-family: 'Roboto Slab', sans-serif;
	color: #ffffff; 
	font-weight: 400;
  }
 
.staffpick-trio-container {
display: table; height: 100%; width:100%; }


.staffpick-trio-container h2 {
	 font-size: 2.05em;
  line-height: 1.3em;
	font-family: 'Roboto Slab', sans-serif;
	color: #ffffff; 
	font-weight: 400;
}
.staffpick-trio-container span {
	 font-size: 1.3em;
  line-height: 1.6em;
  color: #ffffff; 
  font-family: Myriad Pro; 
  font-weight: 400;
	
}

  .col-1-3 {
    width: 33.33%;
  }
  .col-1-4 {
    width: 25%;
  }
  .col-1-8 {
    width: 12.5%;
  }
  
}

#content-container {
	position: relative; 
	display: block; 
	overflow: hidden; 
	margin-bottom: 60px; 
	width: 100%; 
	max-width: 1250px; 
	margin-top: 0px; 
	margin-left: auto; 
	margin-right: auto; 
	background: #fff; 
	padding: 10px 10px 10px 10px;
	padding-bottom: 0; }

	
.content-block {
	position: relative; 
	width: 100%; 
	height: 50vh;
	min-height: 300px;
	background-size: cover; 
	margin-bottom: 20px; }

	
.content-block-info {
	position: absolute; 
	bottom: 0; 
	width: 100%; 
	background: none; }
	
		
.content-block-text-info {
	position: absolute; 
	bottom: 0; 
	display: inline-block; 
	height: auto;
	width: 100%; 
	padding-bottom: 35px;
	background: url(https://kinematograf.bg/images/black-trans2.png) repeat-x top left; }


.content-block-blackpixel {
	background: url(https://kinematograf.bg/images/black-pixel.png) center center;
	display: block;
	width: 100%;
	height: 100%;
	position: relative; }
	

.content-block-blackpixel:hover {
	background: none;
	width: 100%;
	height: 100%;
	position: relative; }
	
	
.content-block-info-title {
	position: relative;
	float: none; 
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: 400;
	font-family: 'Roboto Slab', serif; 
	font-size: 34px; 
	line-height: 42px; 
	color: #ffffff;
	text-decoration: none;
	text-align: center; }
	
	
.content-block-info-title a {
	 
	color: #ffffff;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	text-decoration: none; }
	
.content-block-info-title:hover a {

	color: #ffc719;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	text-decoration: none; }
		

.content-block-info-title a h9 {
	font-size: 34px;
}
.content-block-info-more span {
	text-align: right;
	display: inline; }
	
.content-block-info-more span br {
	height: 0;
}
	
.content-block-info-more {
	position: relative;
	width: 100%;
	float: none; 
	height: 100px; 
	text-align: center;
	padding-right: 15px; 
	padding-left: 15px; 
	font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400;
	font-size: 18px; 
	line-height: 27px; 
	color: #ffffff; }

.content-block-info-more span {
	display: inline;
	text-align: center;
	display: block;
	margin-top: 16px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }

.content-block-info-more a {
	color: #ffffff;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	text-decoration: none;
	
}

.content-block-info-more a:hover {
	color: #ffc719;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	text-decoration: none;
	
}
	
.content-block-text-title {
	position: relative;
	float: none; 
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;	
	font-family: 'Roboto Slab', serif; 
	font-size: 26px;
	line-height: 35px; 
	color: #ffffff;
	text-align: center; }
	
.content-block-text-title a {
	font-family: 'Roboto Slab', serif; 
	color: #ffffff;
}

.content-block-text-title a h9 {
	font-family: 'Roboto Slab', serif; 
	font-size: 32px;
	color: #ffffff;
}
		
.content-block-text {
	position: relative;
	width: 100%;
	float: none;  
	text-align: center;
	padding-right: 30px; 
	padding-left: 30px; 
	font-family: Myriad Pro; 
	font-size: 16px; 
	line-height: 23px; 
	color: #ffffff; }

.content-block-text span {
	text-align: center;
	display: block;
	margin-top: 20px; }
	
@media all and (min-width: 64em) {
	
#content-container {
	position: relative; 
	display: block; 
	overflow: hidden; 
	margin-bottom: 60px; 
	width: 100%; 
	max-width: 1250px; 
	margin-top: 0px; 
	margin-left: auto; 
	margin-right: auto; 
	background: #fff; 
	padding: 30px 50px 30px 50px;
	padding-bottom: 0; }
	
.content-block-info {
	position: absolute; 
	bottom: 0; 
	height: 270px; 
	width: 100%; 
	background: url(https://kinematograf.bg/images/black-trans2.png) repeat-x top left;
	background-position: 0px 20px; }
	
		
.content-block-text-info {
	position: absolute; 
	bottom: 0; 
	display: inline-block; 
	height: auto;
	width: 100%; 
	padding-bottom: 35px;
	background: url(https://kinematograf.bg/images/black-trans2.png) repeat-x top left; 
	background-position: 0px 20px; }


.content-block-blackpixel {
	background: none;
	display: block;
	width: 100%;
	height: 100%;
	position: relative; }
	

.content-block-blackpixel:hover {
	background: none;
	width: 100%;
	height: 100%;
	position: relative; }
	
	
.content-block-info-title {
	position: relative;
	float: left;  
	width: auto;
	margin-top: 120px; 
	cursor: pointer;
	text-align: left; }
	
.content-block-info-title a {
	font-family: 'Roboto Slab', serif; 
	font-size: 44px;
	line-height: 161px; 
	padding-left: 20px;
	color: #ffffff;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	text-decoration: none; }
	
.content-block-info-title:hover a {
	font-size: 44px;
	padding-left: 20px;
	line-height: 161px; 
	color: #ffc719;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	text-decoration: none; }

.content-block-info-title a h9 {
	font-size: 68px;
}
.content-block-info-title a h10 {
	font-size: 58px;
}
	
		
.content-block-info-more {
	position: relative; 
	width: auto;
	float: right; 
	height: 132px; 
	text-align: right;
	margin-top: 130px; 
	padding-top: 20px; 
	padding-right: 30px; 
	font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400;
	font-size: 20px; 
	line-height: 32px; 
	color: #ffffff; }

.content-block-info-more span {
	text-align: right;
	display: inline; }
	
	
.content-block-text-title {
	position: relative;
	float: none; 
	width: 100%;
	padding-left: 25px;
	padding-right: 25px;
	font-family: 'Roboto Slab', serif; 
	font-size: 40px;
	line-height: 80px; 
	color: #ffffff;
	text-align: left; }
		
.content-block-text-title a {
	font-family: 'Roboto Slab', serif; 
	color: #ffffff;
}

.content-block-text-title a h9 {
	font-family: 'Roboto Slab', serif; 
	font-size: 52px;
	color: #ffffff;
}

.content-block-text {
	position: relative;
	width: 100%;
	float: none;  
	text-align: left;
	padding-right: 25px; 
	padding-left: 25px; 
	font-family: Myriad Pro; 
	font-size: 18px; 
	line-height: 28px; 
	color: #ffffff; }

.content-block-text span {
	text-align: left;
	display: block;
	margin-top: 20px; }
}

#topic-buttons {
	line-height: 60px; 
	font-size: 18px; 
	font-family: Roboto, sans-serif; font-weight: 700; 
	color: #3e4658; 
	background: #f5f4f0; }
	

#topic-buttons span {
	padding: 9px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
	margin-left: 9px;
	margin-right: 9px;
	background: #fafafa;
	color: #3e4658; }
	

#topic-buttons span:hover {
	
	background: #bcd67f;
	color: #ffffff; }


#topic-buttons a {
	
	text-decoration: none;
}

#genre-buttons {
	line-height: 60px; 
	font-size: 18px; 
	font-family: Roboto, sans-serif; font-weight: 700; 
	color: #3e4658; 
	background: #f5f4f0; }
	

#genre-buttons span {
	padding: 9px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
	margin-left: 9px;
	margin-right: 9px;
	background: #fafafa;
	color: #3e4658;  }
	

#genre-buttons span:hover {
	
	background: #dba5de;
	color: #ffffff; }

#genre-buttons a {
	
	text-decoration: none;
}
	
	

#category-buttons {
	line-height: 60px; 
	font-size: 18px; 
	font-family: Roboto, sans-serif; font-weight: 700; 
	color: #3e4658; 
	background: #f5f4f0; }
	

#category-buttons span {
	padding: 9px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
	margin-left: 9px;
	margin-right: 9px;
	background: #fafafa;
	color: #3e4658;  }
	

#category-buttons span:hover {
	
	background: #8eb7dc;
	color: #ffffff; }

#category-buttons a {
	
	text-decoration: none;
}
	
	

#country-buttons {
	line-height: 60px; 
	font-size: 18px; 
	font-family: Roboto, sans-serif; font-weight: 700; 
	color: #3e4658; 
	background: #f5f4f0; }
	

#country-buttons span {
	padding: 9px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
	margin-left: 9px;
	margin-right: 9px;
	background: #fafafa;
	text-transform: uppercase;
	color: #3e4658; 
	text-decoration: none; }
	

#country-buttons span:hover {
	
	background: #8ad6ae;
	color: #ffffff; }
	
#country-buttons a {
	
	text-decoration: none;
}

	
	

#year-buttons {
	line-height: 60px; 
	font-size: 20px; 
	font-family: Roboto, sans-serif; font-weight: 700; 
	color: #3e4658; 
	background: #f5f4f0; }
	

#year-buttons span {
	padding: 9px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
	margin-left: 9px;
	margin-right: 9px;
	background: #fafafa; 
	color: #3e4658; 
	text-decoration: none;
 }
	

#year-buttons span:hover {
	
	background: #e59797;
	color: #ffffff;
	text-decoration: none;	}

	
#year-buttons a {

	text-decoration: none;
 }
	

#length-buttons {
	line-height: 52px; 
	font-size: 18px; 
	font-family: Roboto, sans-serif; font-weight: 700; 
	color: #3e4658; 
	background: #ffffff; }
	

#length-buttons span {
	padding: 8px;
	padding-left: 11px;
	padding-right: 11px;
	margin-left: 9px;
	margin-right: 9px;
	background: none; }
	

#length-buttons span:hover {
	
	background: #85d769;
	color: #ffffff; }
	
#duration-pictograme {
	width: 11%; 
	height: 100%; 
	background: url(https://kinematograf.bg/images/duration-pictograme.png) no-repeat center center; 
	background-size: contain; 
	float: left; 
	position: relative;
	display: block;
}	

#duration-pictograme:hover {
	width: 11%; 
	height: 100%; 
	background: url(https://kinematograf.bg/images/duration-pictograme-ho.png) no-repeat center center; 
	background-size: contain; 
	float: left; 
	position: relative;
	display: block;

}

.tiers-stretch{
	padding: 3px;
}

.duration-tier1 {
	width: 15%; height: 46px; }
	
.duration-tier1span {
	line-height: 8px;
	font-size: 15px;}
.duration-tier1span:hover span {
	color: #ffffff; }
.duration-tier1span span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier1 div {
	border-right: 2px solid #ebeae0;
	background: #ffffff; 
	height: 46px;
	padding-top: 10px;
	width: 100%; 
	color: #606269; }
.duration-tier1:hover div {
	border-right: 2px solid #ebeae0;
	background: #ff8000; 
	color: #ffffff;
	}


.duration-tier1-active {
	width: 15%; height: 46px; }
	
.duration-tier1span-active {
	line-height: 8px;
	font-size: 15px; }
.duration-tier1span-active:hover span {
	color: #ffffff; }
.duration-tier1span-active span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro;  }
	
.duration-tier1-active div { 
	border-right: 2px solid #ebeae0;
	background: #606269; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #ffffff; }
.duration-tier1-active:hover div {
	border-right: 2px solid #ebeae0;
	background: #ff8000; 
	height: 46px; 
	color: #ffffff;
	}
	
	
.duration-tier1-empty {
	width: 15%; height: 46px; }
	
.duration-tier1span-empty {
	line-height: 8px;
	font-size: 15px; }
.duration-tier1span-empty:hover span {
	color: #c2c2bd; }
.duration-tier1span-empty span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro;  }
	
.duration-tier1-empty div { 
	border-right: 3px solid #ebeae0;
	background: #ebeae0; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #c2c2bd; }
.duration-tier1-empty:hover div {
	border-right: 2px solid #ebeae0;
	background: #ebeae0; 
	height: 46px; 
	color: #c2c2bd;
	}
	
	
	
	
.duration-tier2 {
	width: 18%; height: 46px; }
	
.duration-tier2span {
	line-height: 8px;
	font-size: 15px; }
.duration-tier2span:hover span {
	color: #ffffff; }
.duration-tier2span span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro;  }
	
.duration-tier2 div {
	border-right: 2px solid #ebeae0;
	background: #ffffff; 
	height: 46px;
	padding-top: 10px;
	width: 100%; 
	color: #606269; }
.duration-tier2:hover div {
	border-right: 2px solid #ebeae0;
	background: #ff8000; 
	color: #ffffff;
	}


.duration-tier2-active {
	width: 18%; height: 46px; }
	
.duration-tier2span-active {
	line-height: 8px;
	font-size: 15px; }
.duration-tier2span-active:hover span {
	color: #ffffff; }
.duration-tier2span-active span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier2-active div { 
	border-right: 2px solid #ebeae0;
	background: #606269; 
	height: 46px;
	padding-top: 10px; 
	width: 100%; 
	color: #ffffff; }
.duration-tier2-active:hover div {
	border-right: 2px solid #ebeae0;
	background: #ff8000; 
	height: 46px; 
	color: #ffffff;
	}
	
	
.duration-tier2-empty {
	width: 18%; height: 46px; }
	
.duration-tier2span-empty {
	line-height: 8px;
	font-size: 15px; }
.duration-tier2span-empty:hover span {
	color: #c2c2bd; }
.duration-tier2span-empty span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier2-empty div { 
	border-right: 3px solid #ebeae0;
	background: #ebeae0; 
	height: 46px;
	padding-top: 10px; 
	width: 100%; 
	color: #c2c2bd; }
.duration-tier2-empty:hover div {
	border-right: 2px solid #ebeae0;
	background: #ebeae0; 
	height: 46px; 
	color: #c2c2bd;
	}
	
	
.duration-tier3 {
	width: 21%; height: 46px; }
	
.duration-tier3span {
	line-height: 8px;
	font-size: 15px; }
.duration-tier3span:hover span {
	color: #ffffff; }
.duration-tier3span span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier3 div {
	border-right: 2px solid #ebeae0;
	background: #ffffff; 
	height: 46px;
	padding-top: 10px;
	width: 100%; 
	color: #606269; }
.duration-tier3:hover div {
	border-right: 2px solid #ebeae0;
	background: #ff8000; 
	color: #ffffff;
	}


.duration-tier3-active {
	width: 21%; height: 46px; }
	
.duration-tier3span-active {
	line-height: 8px;
	font-size: 15px; }
.duration-tier3span-active:hover span {
	color: #ffffff; }
.duration-tier3span-active span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier3-active div { 
	border-right: 2px solid #ebeae0;
	background: #606269; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #ffffff; }
.duration-tier3-active:hover div {
	border-right: 2px solid #ebeae0;
	background: #ff8000; 
	height: 46px; 
	color: #ffffff;
	}
	
	
.duration-tier3-empty {
	width: 21%; height: 46px; }
	
.duration-tier3span-empty {
	line-height: 8px;
	font-size: 15px; }
.duration-tier3span-empty:hover span {
	color: #c2c2bd; }
.duration-tier3span-empty span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier3-empty div { 
	border-right: 3px solid #ebeae0;
	background: #ebeae0; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #c2c2bd; }
.duration-tier3-empty:hover div {
	border-right: 2px solid #ebeae0;
	background: #ebeae0; 
	height: 46px; 
	color: #c2c2bd;
	}
	
	
.duration-tier4 {
	width: 22%; height: 46px; }
	
.duration-tier4span {
	line-height: 8px;
	font-size: 15px; }
.duration-tier4span:hover span {
	color: #ffffff; }
.duration-tier4span span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier4 div {
	border-right: 2px solid #ebeae0;
	background: #ffffff; 
	height: 46px;
	padding-top: 10px;
	width: 100%; 
	color: #606269; }
.duration-tier4:hover div {
	border-right: 2px solid #ebeae0;
	background: #ff8000; 
	color: #ffffff;
	}


.duration-tier4-active {
	width: 22%; height: 46px; }
	
.duration-tier4span-active {
	line-height: 8px;
	font-size: 15px;}
.duration-tier4span-active:hover span {
	color: #ffffff; }
.duration-tier4span-active span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier4-active div { 
	border-right: 2px solid #ebeae0;
	background: #606269; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #ffffff; }
.duration-tier4-active:hover div {
	border-right: 2px solid #ebeae0;
	background: #ff8000; 
	height: 46px; 
	color: #ffffff;
	}
	
	
.duration-tier4-empty {
	width: 22%; height: 46px; }
	
.duration-tier4span-empty {
	line-height: 8px;
	font-size: 15px; }
.duration-tier4span-empty:hover span {
	color: #c2c2bd; }
.duration-tier4span-empty span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier4-empty div { 
	border-right: 3px solid #ebeae0;
	background: #ebeae0; 
	height: 46px;
	padding-top: 10px; 
	width: 100%; 
	color: #c2c2bd; }
.duration-tier4-empty:hover div {
	border-right: 2px solid #ebeae0;
	background: #ebeae0; 
	height: 46px; 
	color: #c2c2bd;
	}
	
	
.duration-tier5 {
	width: 24%; height: 46px; }
	
.duration-tier5span {
	line-height: 8px;
	font-size: 15px; }
.duration-tier5span:hover span {
	color: #ffffff; }
.duration-tier5span span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier5 div {
	border-right: 0;
	background: #ffffff; 
	height: 46px;
	padding-top: 10px;
	width: 100%; 
	color: #606269; }
.duration-tier5:hover div {
	background:#ff8000; 
	color: #ffffff;
	}


.duration-tier5-active {
	width: 24%; height: 46px; }
	
.duration-tier5span-active {
	line-height: 8px;
	font-size: 15px; }
.duration-tier5span-active:hover span {
	color: #ffffff; }
.duration-tier5span-active span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier5-active div { 
	border-right: 0;
	background: #606269; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #ffffff; }
.duration-tier5-active:hover div {
	background: #ff8000; 
	height: 46px; 
	color: #ffffff;
	}
	
	
.duration-tier5-empty {
	width: 24%; height: 46px; }
	
.duration-tier5span-empty {
	line-height: 8px;
	font-size: 15px; }
.duration-tier5span-empty:hover span {
	color: #c2c2bd; }
.duration-tier5span-empty span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier5-empty div { 
	border-right: 0;
	background: #ebeae0; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #c2c2bd; }
.duration-tier5-empty:hover div {
	background:#ebeae0; 
	height: 46px; 
	color: #c2c2bd;
	}
	
	
.duration-tier5-nobg {
	width: 24%; height: 46px; }
	
.duration-tier5span-nobg {
	line-height: 8px;
	font-size: 15px; }
.duration-tier5span-nobg:hover span {
	color: #ffffff; }
.duration-tier5span-nobg span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier5-nobg div {
	border-right: 0;
	background: #ffffff; 
	height: 46px;
	padding-top: 10px;
	width: 100%; 
	color: #606269; }
.duration-tier5-nobg:hover div {
	background:#ff8000; 
	color: #ffffff;
	}


.duration-tier5-active-nobg {
	width: 24%; height: 46px; }
	
.duration-tier5span-active-nobg {
	line-height: 8px;
	font-size: 15px; }
.duration-tier5span-active-nobg:hover span {
	color: #ffffff; }
.duration-tier5span-active-nobg span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier5-active-nobg div { 
	border-right: 0;
	background: #606269; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #ffffff; }
.duration-tier5-active-nobg:hover div {
	background: #ff8000; 
	height: 46px; 
	color: #ffffff;
	}
	
	
.duration-tier5-empty-nobg {
	width: 24%; height: 46px; }
	
.duration-tier5span-empty-nobg {
	line-height: 8px;
	font-size: 15px; }
.duration-tier5span-empty-nobg:hover span {
	color: #c2c2bd; }
.duration-tier5span-empty-nobg span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier5-empty-nobg div { 
	border-right: 0;
	background: #ebeae0; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #c2c2bd; }
.duration-tier5-empty-nobg:hover div {
	background:#ebeae0; 
	height: 46px; 
	color: #c2c2bd;
	}
	
	
.duration-xiks {
	width: 6%; height: 46px; }
	
.duration-xiks {
	line-height: 8px;
	font-size: 15px; }
.duration-xiks:hover span {
	color: #ffffff; }
.duration-xiks span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-xiks div { 
	border-left: 2px solid #ebeae0;
	background: url(https://kinematograf.bg/images/hiks-timing.png) no-repeat center center #f03a27; 
	background-size: contain; 
	height: 46px; 
	padding-top: 15px;
	width: 100%; 
	color: #f03a27; }
.duration-xiks:hover div {
	background: url(https://kinematograf.bg/images/hiks-timing.png) no-repeat center center #ff8000; 
	background-size: contain; 
	height: 46px; 
	color: #f03a27;
	}
	
	
	
@media screen and (min-width: 40em) {
	
.tiers-stretch{
	padding: 15px;
}

.duration-tier1 {
	width: 13%; height: 46px; }
	
.duration-tier1span {
	line-height: 8px;
	font-size: 19px;}
.duration-tier1span:hover span {
	color: #ffffff; }
.duration-tier1span span {
	font-size: 11px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier1 div {
	border-right: 2px solid #ebeae0;
	background: url(https://kinematograf.bg/images/left-edge-timing.png) no-repeat top left #ffffff; 
	height: 46px;
	padding-top: 10px;
	width: 100%; 
	color: #606269; }
.duration-tier1:hover div {
	background: url(https://kinematograf.bg/images/left-edge-timing.png) no-repeat top left #ff8000; 
	color: #ffffff;
	}


.duration-tier1-active {
	width: 13%; height: 46px; }
	
.duration-tier1span-active {
	line-height: 8px;
	font-size: 19px; }
.duration-tier1span-active:hover span {
	color: #ffffff; }
.duration-tier1span-active span {
	font-size: 11px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro;  }
	
.duration-tier1-active div { 
	border-right: 2px solid #ebeae0;
	background: url(https://kinematograf.bg/images/left-edge-timing.png) no-repeat top left #606269; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #ffffff; }
.duration-tier1-active:hover div {
	background: url(https://kinematograf.bg/images/left-edge-timing.png) no-repeat top left #ff8000; 
	height: 46px; 
	color: #ffffff;
	}
	
	
.duration-tier1-empty {
	width: 13%; height: 46px; }
	
.duration-tier1span-empty {
	line-height: 8px;
	font-size: 19px; }
.duration-tier1span-empty:hover span {
	color: #c2c2bd; }
.duration-tier1span-empty span {
	font-size: 11px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro;  }
	
.duration-tier1-empty div { 
	border-right: 2px solid #ebeae0;
	background: url(https://kinematograf.bg/images/left-edge-timing.png) no-repeat top left #ebeae0; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #c2c2bd; }
.duration-tier1-empty:hover div {
	border-right: 2px solid #ebeae0;
	background: url(https://kinematograf.bg/images/left-edge-timing.png) no-repeat top left #ebeae0; 
	height: 46px; 
	color: #c2c2bd;
	}
	
	
	
	
.duration-tier2 {
	width: 17%; height: 46px; }
	
.duration-tier2span {
	line-height: 8px;
	font-size: 19px; }
.duration-tier2span:hover span {
	color: #ffffff; }
.duration-tier2span span {
	font-size: 11px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro;  }
	
.duration-tier2 div {
	border-right: 2px solid #ebeae0;
	background: #ffffff; 
	height: 46px;
	padding-top: 10px;
	width: 100%; 
	color: #606269; }
.duration-tier2:hover div {
	border-right: 2px solid #ebeae0;
	background: #ff8000; 
	color: #ffffff;
	}


.duration-tier2-active {
	width: 17%; height: 46px; }
	
.duration-tier2span-active {
	line-height: 8px;
	font-size: 19px; }
.duration-tier2span-active:hover span {
	color: #ffffff; }
.duration-tier2span-active span {
	font-size: 12px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier2-active div { 
	border-right: 2px solid #ebeae0;
	background: #606269; 
	height: 46px;
	padding-top: 10px; 
	width: 100%; 
	color: #ffffff; }
.duration-tier2-active:hover div {
	border-right: 2px solid #ebeae0;
	background: #ff8000; 
	height: 46px; 
	color: #ffffff;
	}
	
	
.duration-tier2-empty {
	width: 17%; height: 46px; }
	
.duration-tier2span-empty {
	line-height: 8px;
	font-size: 19px; }
.duration-tier2span-empty:hover span {
	color: #c2c2bd; }
.duration-tier2span-empty span {
	font-size: 12px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier2-empty div { 
	border-right: 2px solid #ebeae0;
	background: #ebeae0; 
	height: 46px;
	padding-top: 10px; 
	width: 100%; 
	color: #c2c2bd; }
.duration-tier2-empty:hover div {
	border-right: 2px solid #ebeae0;
	background: #ebeae0; 
	height: 46px; 
	color: #c2c2bd;
	}
	
	
.duration-tier3 {
	width: 21%; height: 46px; }
	
.duration-tier3span {
	line-height: 8px;
	font-size: 19px; }
.duration-tier3span:hover span {
	color: #ffffff; }
.duration-tier3span span {
	font-size: 12px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier3 div {
	border-right: 2px solid #ebeae0;
	background: #ffffff; 
	height: 46px;
	padding-top: 10px;
	width: 100%; 
	color: #606269; }
.duration-tier3:hover div {
	border-right: 2px solid #ebeae0;
	background: #ff8000; 
	color: #ffffff;
	}


.duration-tier3-active {
	width: 21%; height: 46px; }
	
.duration-tier3span-active {
	line-height: 8px;
	font-size: 19px; }
.duration-tier3span-active:hover span {
	color: #ffffff; }
.duration-tier3span-active span {
	font-size: 12px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier3-active div { 
	border-right: 2px solid #ebeae0;
	background: #606269; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #ffffff; }
.duration-tier3-active:hover div {
	border-right: 2px solid #ebeae0;
	background: #ff8000; 
	height: 46px; 
	color: #ffffff;
	}
	
	
.duration-tier3-empty {
	width: 21%; height: 46px; }
	
.duration-tier3span-empty {
	line-height: 8px;
	font-size: 19px; }
.duration-tier3span-empty:hover span {
	color: #c2c2bd; }
.duration-tier3span-empty span {
	font-size: 12px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier3-empty div { 
	border-right: 2px solid #ebeae0;
	background: #ebeae0; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #c2c2bd; }
.duration-tier3-empty:hover div {
	border-right: 2px solid #ebeae0;
	background: #ebeae0; 
	height: 46px; 
	color: #c2c2bd;
	}
	
	
.duration-tier4 {
	width: 23%; height: 46px; }
	
.duration-tier4span {
	line-height: 8px;
	font-size: 19px; }
.duration-tier4span:hover span {
	color: #ffffff; }
.duration-tier4span span {
	font-size: 12px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier4 div {
	border-right: 2px solid #ebeae0;
	background: #ffffff; 
	height: 46px;
	padding-top: 10px;
	width: 100%; 
	color: #606269; }
.duration-tier4:hover div {
	border-right: 2px solid #ebeae0;
	background: #ff8000; 
	color: #ffffff;
	}


.duration-tier4-active {
	width: 23%; height: 46px; }
	
.duration-tier4span-active {
	line-height: 8px;
	font-size: 19px;}
.duration-tier4span-active:hover span {
	color: #ffffff; }
.duration-tier4span-active span {
	font-size: 12px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier4-active div { 
	border-right: 2px solid #ebeae0;
	background: #606269; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #ffffff; }
.duration-tier4-active:hover div {
	border-right: 2px solid #ebeae0;
	background: #ff8000; 
	height: 46px; 
	color: #ffffff;
	}
	
	
.duration-tier4-empty {
	width: 23%; height: 46px; }
	
.duration-tier4span-empty {
	line-height: 8px;
	font-size: 19px; }
.duration-tier4span-empty:hover span {
	color: #c2c2bd; }
.duration-tier4span-empty span {
	font-size: 12px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier4-empty div { 
	border-right: 2px solid #ebeae0;
	background: #ebeae0; 
	height: 46px;
	padding-top: 10px; 
	width: 100%; 
	color: #c2c2bd; }
.duration-tier4-empty:hover div {
	border-right: 2px solid #ebeae0;
	background: #ebeae0; 
	height: 46px; 
	color: #c2c2bd;
	}
	
	
.duration-tier5 {
	width: 26%; height: 46px; }
	
.duration-tier5span {
	line-height: 8px;
	font-size: 19px; }
.duration-tier5span:hover span {
	color: #ffffff; }
.duration-tier5span span {
	font-size: 12px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier5 div {
	border-right: 0;
	background: url(https://kinematograf.bg/images/right-edge-timing.png) no-repeat top right #ffffff; 
	height: 46px;
	padding-top: 10px;
	width: 100%; 
	color: #606269; }
.duration-tier5:hover div {
	border-right: 0;
	background: url(https://kinematograf.bg/images/right-edge-timing.png) no-repeat top right #ff8000; 
	color: #ffffff;
	}


.duration-tier5-active {
	width: 26%; height: 46px; }
	
.duration-tier5span-active {
	line-height: 8px;
	font-size: 19px; }
.duration-tier5span-active:hover span {
	color: #ffffff; }
.duration-tier5span-active span {
	font-size: 12px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier5-active div { 
	border-right: 0;
	background: url(https://kinematograf.bg/images/right-edge-timing.png) no-repeat top right #606269; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #ffffff; }
.duration-tier5-active:hover div {
	border-right: 0;
	background: url(https://kinematograf.bg/images/right-edge-timing.png) no-repeat top right #ff8000; 
	height: 46px; 
	color: #ffffff;
	}
	


.duration-tier5-empty {
	width: 26%; height: 46px; }
	
.duration-tier5span-empty {
	line-height: 8px;
	font-size: 19px; }
.duration-tier5span-empty:hover span {
	color: #c2c2bd; }
.duration-tier5span-empty span {
	font-size: 12px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier5-empty div { 
	border-right: 0;
	background: url(https://kinematograf.bg/images/right-edge-timing.png) no-repeat top right #ebeae0; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #c2c2bd; }
.duration-tier5-empty:hover div {
	background: url(https://kinematograf.bg/images/right-edge-timing.png) no-repeat top right #ebeae0; 
	height: 46px; 
	color: #c2c2bd;
	}
	
	
.duration-tier5-nobg {
	width: 24%; height: 46px; }
	
.duration-tier5span-nobg {
	line-height: 8px;
	font-size: 19px; }
.duration-tier5span-nobg:hover span {
	color: #ffffff; }
.duration-tier5span-nobg span {
	font-size: 12px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier5-nobg div {
	border-right: 0;
	background: #ffffff; 
	height: 46px;
	padding-top: 10px;
	width: 100%; 
	color: #606269; }
.duration-tier5-nobg:hover div {
	border-right: 0;
	background: #ff8000; 
	color: #ffffff;
	}


.duration-tier5-active-nobg {
	width: 24%; height: 46px; }
	
.duration-tier5span-active-nobg {
	line-height: 8px;
	font-size: 19px; }
.duration-tier5span-active-nobg:hover span {
	color: #ffffff; }
.duration-tier5span-active-nobg span {
	font-size: 12px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier5-active-nobg div { 
	border-right: 0;
	background: #606269; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #ffffff; }
.duration-tier5-active-nobg:hover div {
	border-right: 0;
	background: #ff8000; 
	height: 46px; 
	color: #ffffff;
	}
	


.duration-tier5-empty-nobg {
	width: 24%; height: 46px; }
	
.duration-tier5span-empty-nobg {
	line-height: 8px;
	font-size: 19px; }
.duration-tier5span-empty-nobg:hover span {
	color: #c2c2bd; }
.duration-tier5span-empty-nobg span {
	font-size: 12px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-tier5-empty-nobg div { 
	border-right: 0;
	background: #ebeae0; 
	height: 46px; 
	padding-top: 10px;
	width: 100%; 
	color: #c2c2bd; }
.duration-tier5-empty-nobg:hover div {
	background: #ebeae0; 
	height: 46px; 
	color: #c2c2bd;
	}
	

.duration-xiks {
	width: 6%; height: 46px; }
	
.duration-xiks {
	line-height: 8px;
	font-size: 15px; }
.duration-xiks:hover span {
	color: #ffffff; }
.duration-xiks span {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-family: Myriad Pro; }
	
.duration-xiks div { 
	border-left: 3px solid #ebeae0;
	background-image: url(https://kinematograf.bg/images/hiks-timing.png), url(https://kinematograf.bg/images/right-edge-timing.png); 
	background-size: contain, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: center center, top right;
	background-color: #f03a27;
	height: 46px; 
	padding-top: 14px;
	width: 100%; 
	color: #f03a27; }
.duration-xiks:hover div {
	background-image: url(https://kinematograf.bg/images/hiks-timing.png), url(https://kinematograf.bg/images/right-edge-timing.png); 
	background-size: contain, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: center center, top right;
	background-color: #ff8000;
	height: 46px; 
	color: #f03a27;
	}
	
	}
	
@media screen and (min-width: 54em) {
	
.tiers-stretch {
	padding: 30px;
}

}
	
	
	
	
#filmstabs {
	width: 100%;
	height: 100px;
	background: 0;
	border: 0;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	font-size: 36px;
}

#filmstabs-topic {
	background: #f5f4f0;
	color: #4e4e4e;
	border: 0;
	padding: 8px;
	display: block;
}

#filmstabs-genre {
	background: #f5f4f0;
	color: #4e4e4e;
	border: 0;
	padding: 8px;
	display: block;
}

#filmstabs-type {
	background: #f5f4f0;
	color: #4e4e4e;
	border: 0;
	padding: 8px;
	display: block;
}

#filmstabs-country {
	background: #f5f4f0;
	color: #4e4e4e;
	border: 0;
	padding: 8px;
	display: block;
}

#filmstabs-year {
	background: #f5f4f0;
	color: #4e4e4e;
	border: 0;
	padding: 8px;
	display: block;
}

.page {
	font-family: Myriad Pro;
	font-size: 1em;
	color: #617178;
	text-decoration: none;
	
}

.page:hover {
	font-family: Myriad Pro;
	font-size: 1em;
	color: #ffc719;
	text-decoration: none;
	
}


.page-point {
	font-family: Myriad Pro;
	font-size: 1em;
	color: #617178;
	text-decoration: none;
	
}

.page-point:hover {
	font-family: Myriad Pro;
	font-size: 1em;
	color: #ffc719;
	text-decoration: none;
	
}

.page-point:active {

	text-decoration: none;
	
}

.inactive-page-link {
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 1em;
	color: #35454b;
	text-decoration: none;
	
}

.page-dots {
	font-family: Myriad Pro;
	font-size: 1em;
	color: #adc0c7;
	
}



.new-page {
	font-family: 'Yanone Kaffeesatz';
	font-size: 1.2em;
	color: #6f78a4;
	text-decoration: none;
	
}

.new-page:hover {
	font-family: 'Yanone Kaffeesatz';
	font-size: 1.2em;
	color: #40e0ff;
	text-decoration: none;
	
}


.new-page-point {
	font-family: 'Yanone Kaffeesatz';
	font-size: 1.2em;
	color: #6f78a4;
	text-decoration: none;
	
}

.new-page-point:hover {
	font-family: 'Yanone Kaffeesatz';
	font-size: 1.2em;
	color: #40e0ff;
	text-decoration: none;
	
}

.new-page-point:active {

	text-decoration: none;
	
}

.new-inactive-page-link {
	font-family: 'Yanone Kaffeesatz';
	font-weight: 700;
	font-size: 1.2em;
	color: #f8da37;
	text-decoration: none;
	
}

.new-page-dots {
	font-family: 'Yanone Kaffeesatz';
	font-size: 1.1em;
	color: #313652;
	
}

@media screen and (min-width: 64em) {
	

.page {
	font-family: Myriad Pro;
	font-size: 2em;
	color: #617178;
	text-decoration: none;
	
}

.page:hover {
	font-family: Myriad Pro;
	font-size: 2em;
	color: #ffc719;
	text-decoration: none;
	
}

.page-point {
	font-family: Myriad Pro;
	font-size: 1.7em;
	color: #617178;
	text-decoration: none;
	
}

.page-point:hover {
	font-family: Myriad Pro;
	font-size: 1.7em;
	color: #ffc719;
	text-decoration: none;
	
}

.page-point:active {

	text-decoration: none;
	
}
.inactive-page-link {
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 2em;
	color: #35454b;
	
}

.page-dots {
	font-family: Myriad Pro;
	font-size: 2em;
	color: #adc0c7;
	
}

#pages-container {
	background: #ffffff;
	padding: 28px;
	margin-top: 15px;
}




.new-page {
	font-family: 'Yanone Kaffeesatz';
	font-size: 2.1em;
	color: #6f78a4;
	text-decoration: none;
	vertical-align: middle;
	
}

.new-page:hover {
	font-family: 'Yanone Kaffeesatz';
	font-size: 2.1em;
	color: #40e0ff;
	text-decoration: none;
	
}

.new-page-point {
	font-family: 'Yanone Kaffeesatz';
	font-size: 2.0em;
	margin-top: 4px;
	vertical-align: middle;
	color: #6f78a4;
	text-decoration: none;
	
}

.new-page-point:hover {
	font-family: 'Yanone Kaffeesatz';
	font-size: 2.0em;
	color: #40e0ff;
	text-decoration: none;
	
}

.new-page-point:active {

	text-decoration: none;
	
}
.new-inactive-page-link {
	font-family: 'Yanone Kaffeesatz';
	font-weight: 700;
	font-size: 2.1em;
	vertical-align: middle;
	color: #f8da37;
	
}

.new-page-dots {
	font-family: 'Yanone Kaffeesatz';
	font-size: 2.1em;
	color: #313652;
	
}

}

.description-container {
	width: 100%; 
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 60px;
	padding: 15px; 
	background: rgba(0, 0, 0, 0.17);
}

.description-container p {

	line-height: 20px;
}




#review-credits-container {
	max-width: 800px; 
	width: auto; 
	float: both; 
	position: relative; 
	display: inline-block; 
	margin-top: 30px; 
	margin-bottom: 30px; 
	height: auto; 
	margin-left: auto; 
	margin-right: auto; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 400; 
	color: #556270; 
	font-size: 15px; 
	line-height: 22px;
}

#review-credits-container table td {
	vertical-align: middle;
}

.avatar {
	float: left; 
	width: 110px; 
	height: 110px; 
	margin-left: 30px; 
	margin-right: 30px;
	position: relative;
	background-size: contain;
}

.avatar img {
	width: 100%; 
	height: auto;
}

.member-color-container {
	position: relative; 
	height: 40vh; 
	max-height: 50vh; 
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
	width: 100%; 
	color: #fff; 
	padding: 25px 40px 50px 40px;
}

.member-color-container span {
	font-size: 18px; 
	font-weight: 400; 
	font-family: Roboto Slab, serif;
}

.avatar-holder {
	margin-left: auto; 
	margin-right: auto; 
	width: 190px; 
	height: 180px; 
	margin-top: -60px; 
	margin-bottom: 0px;
}


#review-text {
		padding: 20px; text-align: left; font-family: 'Myriad Pro', sans-serif; color: #556270; font-size: 18px; line-height: 29px;
}

#review-text img {
		display: inline-block; margin-top: 4vh; margin-bottom: 4vh; 
}
#review-text-new {
	font-family: 'Roboto', sans-serif;
		padding: 0px;  text-align: left; color: #c5d7db; font-size: 15px; line-height: 20px;
}

#review-text img {
		display: inline-block; margin-top: 4vh; margin-bottom: 4vh; 
}

.first-letter2 {
	color: #556270; 
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 100px;
	margin-left: 0px;
	display: block; 
	float: left; 
	line-height: 88px; 
	margin-top: -2px; 
	margin-right: 15px; }
	
.first-letter2-new {
	color: #556270; 
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 88px;
	margin-left: 0px;
	display: block; 
	float: left; 
	height: 50px;
	padding-top: 0px; 
	line-height: 50px; 
	margin-right: 12px; }
}


#new-pages-container {
	background: #000;
	padding: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
}

@media screen and (min-width: 32em) {
	
	
#new-pages-container {
	background: #000;
	padding: 15px;
	padding-bottom: 30px;
	margin-top: 40px;
}

#review-text-new {
		padding: 20px;  padding-left: 0; text-align: left; color: #c5d7db; font-size: 17px; line-height: 22px;
}

#review-text-new img {
		display: inline-block; margin-top: 4vh; margin-bottom: 4vh;
}

.first-letter2-new {
	color: #556270; 
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 120px;
	margin-left: 0px;
	display: block; 
	float: left; 
	line-height: 120px; 
	margin-top: 0px; 
	margin-right: 10px; }


}

@media screen and (min-width: 64em) {
	
	
.description-container {
	width: 65%; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 15px; 
	margin-bottom: 0px;
	background: rgba(0, 0, 0, 0.17);
}

.description-container p {

	line-height: 32px;
}
	

#review-credits-container {
	max-width: 800px; 
	width: auto; 
	float: both; 
	position: relative; 
	display: inline-block; 
	margin-top: 60px; 
	margin-bottom: 40px; 
	height: auto; 
	margin-left: auto; 
	margin-right: auto; 
	font-size: 17px; 
	font-family: 'Myriad Pro', sans-serif;
	font-weight: 400; 
	color: #556270; 
	line-height: 24px;
}

#review-credits-container table td {
	vertical-align: middle;
}

.avatar {
	float: left; 
	width: 150px; 
	height: 150px; 
	margin-left: 30px; 
	margin-right: 30px;
	position: relative;
	background-size: contain;
}

.avatar img {
	width: 100%; 
	height: auto;
	visibility: visible;
}

.member-color-container {
	position: relative; 
	height: 40vh; 
	max-height: 50vh; 
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
	width: 100%; 
	color: #fff; 
	padding: 50px 80px 80px 80px;
}

.member-color-container span {
	font-size: 22px; 
	font-weight: 400; 
	font-family: Roboto Slab, serif;
}

.avatar-holder {
	margin-left: auto; 
	margin-right: auto; 
	width: 230px; 
	height: 220px; 
	margin-top: -80px; 
	margin-bottom: -20px;
}

#review-text {
		padding: 60px; text-align: left; font-family: 'Myriad Pro', sans-serif; color: #556270; font-size: 19px; line-height: 35px;
}

#review-text img {
		display: inline-block; margin-top: 4vh; margin-bottom: 4vh;
}

#review-text-new {
		padding: 30px;  padding-left: 0; text-align: left; color: #c5d7db; font-size: 18px; line-height: 27px;
}

#review-text-new img {
		display: inline-block; margin-top: 4vh; margin-bottom: 4vh;
}

.first-letter2 {
	color: #556270; 
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 118px;
	margin-left: 0px;
	display: block; 
	float: left; 
	line-height: 76px; 
	margin-top: 12px; 
	margin-right: 15px; }
}

.first-letter2-new {
	color: #556270; 
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 90px;
	margin-left: 0px;
	display: block; 
	float: left; 
	line-height: 68px; 
	margin-top: 8px; 
	margin-bottom: 10px; 
	margin-right: 10px; }
}


.preslide {
	 }

#searchcontainer {
	width: 100%; 
	padding: 20px;
	padding-bottom: 0;
	background: #f5f4f0;
	position: relative;
	float: left;
}

#searchfield {	
	width: 100%;
	padding: 12px;
	font-size: 28px;
	font-family: Myriad Pro;
	font-weight: 700;
	color: #464c56;
	border: 0;
	background: #ffffff;
	background-size: cover;
	letter-spacing: 1px;
	text-align: center;
	-webkit-box-shadow: inset 4px 4px 4px 0px #e6e6e6;
  -moz-box-shadow: inset 4px 4px 4px 0px #e6e6e6;
  box-shadow: inset 4px 4px 4px 0px #e6e6e6; 
  z-index: 11555; 
  position: relative;
  display: block;
}

@media screen and (min-width: 62em) {
	
#searchcontainer {
	width: 100%;
	padding: 30px;
	padding-bottom: 0;
	background: #f5f4f0;
	position: relative;
	float: left;
}

#searchfield {	
	width: 70%;
	padding: 23px;
	font-size: 40px;
	font-family: Myriad Pro;
	font-weight: 700;
	color: #464c56;
	border: 0;
	background: #ffffff;
	background-size: cover;
	letter-spacing: 1px;
	text-align: center;
	-webkit-box-shadow: inset 4px 4px 4px 0px #e6e6e6;
  -moz-box-shadow: inset 4px 4px 4px 0px #e6e6e6;
  box-shadow: inset 4px 4px 4px 0px #e6e6e6; 
  z-index: 11555; 
  position: relative;
  display: block;
}

#codefield {	
	width: 60%;
	padding: 14px;
	font-size: 40px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	color: #464c56;
	border: 0;
	background: #ffffff;
	background-size: cover;
	letter-spacing: 1px;
	text-align: center;
	-webkit-box-shadow: inset 4px 4px 4px 0px #e6e6e6;
  -moz-box-shadow: inset 4px 4px 4px 0px #e6e6e6;
  box-shadow: inset 4px 4px 4px 0px #e6e6e6; 
  z-index: 11555; 
  position: relative;
  display: block;
}

}

.staffpicktable {
    width: 100%;
	height: auto;
	position: relative;
	margin-top: 10px;
    border-collapse: collapse;
}


.postertd {
    width: 38%;
	position: relative;
    padding-bottom: 0%;
}
.postertd div {
	-webkit-box-shadow:inset 0px 0px 0px 3px #f5f4f0;
    -moz-box-shadow:inset 0px 0px 0px 3px #f5f4f0;
    box-shadow:inset 0px 0px 0px 3px #f5f4f0;
}
.postertd img {
    width: 100%;
}
.regtd {
	padding: 3px;
    width: 100%;
    height: 50%;
	position: relative;
    background-color: #bada55;
	-webkit-box-shadow:inset 0px 0px 0px 3px #f5f4f0;
    -moz-box-shadow:inset 0px 0px 0px 3px #f5f4f0;
    box-shadow:inset 0px 0px 0px 3px #f5f4f0;
	overflow: hidden;
}
.regtd2 {
	padding: 3px;
    width: 100%;
    height: 50%;
	position: relative;
    background-color: #000000;
	-webkit-box-shadow:inset 0px 0px 0px 3px #f5f4f0;
    -moz-box-shadow:inset 0px 0px 0px 3px #f5f4f0;
    box-shadow:inset 0px 0px 0px 3px #f5f4f0;
	overflow: hidden;
}




	
.filminfo-container {
	width: 100%; 
	height: auto; 
	background: #e4e4e4; 
	color: #464c56; 
	padding-top: 30px; 
	padding-bottom: 30px;
}

.filminfo-leftside {
	width: 50%;
	float: left;
	text-align: right;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	font-size: 18px;
}

.filminfo-leftside br {
	margin-top:14px 0 0; 
	line-height:24px;
}

.filminfo-rightside {
width: 50%; 
float: right; 
text-align: left; 
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 700;
font-size: 18px; 
}


.filminfo-rightside a { 
cursor: pointer; }

.filminfo-rightside br {
	margin-top:14px 0 0; 
	line-height:24px;
}


.filminfo-site {
padding: 5px 9px 5px 9px;
border: 1px solid #c2c2c2;
font-family: 'Myriad Pro', sans-serif; 
color: #556270; 
font-size: 15px; 
line-height: 56px; 
text-decoration: none; }

.filminfo-site:hover {
padding: 5px 9px 5px 9px;
font-family: 'Myriad Pro', sans-serif; 
color: #556270; 
font-size: 15px; 
line-height: 56px; 
text-decoration: none; }

.filminfo-site-overimg {
padding: 5px 10px 5px 10px;
border: 1px solid #fff;
font-family: 'Myriad Pro', sans-serif; 
color: #fff; 
background: rgba(0,0,0,0.3);
font-size: 15px; 
line-height: 44px; 
text-decoration: none; }


.filminfo-site-overimg:hover {
background: #408dec; 
border: 1px solid #408dec;
font-size: 15px; 
line-height: 44px; 
text-decoration: none; }


.gen-film-info-btn {
	padding: 6px; 
	padding-left: 9px; 
	padding-right: 9px; 
	color: #556270; 
	background: #fff; 
	font-family: 'Myriad Pro Bold'; 
	font-size: 14px; 
	line-height: 30px;
}

.gen-film-info-btn:hover {
	padding: 6px; 
	padding-left: 9px; 
	padding-right: 9px; 
	color: #f0f0f0; 
	background: #556270; 
	font-family: 'Myriad Pro Bold'; 
	font-size: 14px; 
	line-height: 30px;
	text-decoration: none;
}

#gen-film-info-btn-mobhide {
	display: none;
}

#gen-film-info-btn-mobhide:hover {
	display: none;
}


.gen-film-info-credit {
	text-decoration: none;
	color: #464c56;
	
}
.gen-film-info-credit:hover {
	text-decoration: none;
	color: #464c56;
}

.gen-film-info-credit img {
	visibility: hidden;
	padding-top: 2px;
	padding-left: 3px;
}
.gen-film-info-credit:hover img {
	visibility: visible;
}



@media screen and (min-width: 54em) {
		
		
.filminfo-container {
	width: 100%; 
	height: auto; 
	background: #e4e4e4; 
	color: #464c56; 
	padding-top: 30px; 
	padding-bottom: 30px;
}

.filminfo-leftside {
	width: 50%;
	float: left;
	text-align: right;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height:34px;
}

.filminfo-leftside br {
	margin-top:17px 0 0; 
	line-height:34px;
}

.filminfo-rightside {
width: 50%; 
float: right; 
text-align: left; 
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 700;
font-size: 24px;
	line-height:34px;
}


.filminfo-rightside a { 
cursor: pointer; }

.filminfo-rightside br {
	margin-top:17px 0 0; 
	line-height:34px;
}
	
	
.filminfo-site {
padding: 5px 9px 5px 9px;
border: 1px solid #c2c2c2;
font-family: 'Myriad Pro', sans-serif; 
color: #556270; 
font-size: 18px; 
line-height: 56px; 
text-decoration: none; }


.filminfo-site:hover {
padding: 5px 9px 5px 9px;
font-family: 'Myriad Pro', sans-serif; 
color: #408dec; 
font-size: 18px; 
line-height: 56px; 
text-decoration: none; }

	
.filminfo-site-overimg {
padding: 7px 12px 7px 12px;
border: 1px solid #fff;
font-family: 'Myriad Pro', sans-serif; 
color: #fff; 
background: rgba(0,0,0,0.3);
font-size: 18px; 
line-height: 34px; 
text-decoration: none; }


.filminfo-site-overimg:hover {
background: #408dec; 
border: 1px solid #408dec;
font-size: 18px; 
line-height: 34px; 
text-decoration: none; }

.gen-film-info-btn {
	padding: 8px; 
	padding-left: 11px; 
	padding-right: 11px; 
	color: #556270; 
	background: #fff; 
	font-family: 'Myriad Pro Bold'; 
	font-size: 16px; 
	line-height: 38px;
}

.gen-film-info-btn:hover {
	padding: 8px; 
	padding-left: 11px; 
	padding-right: 11px; 
	color: #f0f0f0; 
	background: #556270; 
	font-family: 'Myriad Pro Bold'; 
	font-size: 16px; 
	line-height: 38px;
	text-decoration: none;
}

#gen-film-info-btn-mobhide {
	display: inline-block;
	padding: 8px; 
	padding-left: 11px; 
	padding-right: 11px; 
	color: #556270; 
	background: #fff; 
	font-family: 'Myriad Pro Bold'; 
	font-size: 16px; 
	line-height: 48px;
}

#gen-film-info-btn-mobhide:hover {
	display: inline-block;
	
	padding: 8px; 
	padding-left: 11px; 
	padding-right: 11px; 
	color: #f0f0f0; 
	background: #556270; 
	font-family: 'Myriad Pro Bold'; 
	font-size: 16px; 
	line-height: 48px;
	text-decoration: none;
}


.gen-film-info-credit {
	text-decoration: none;
	color: #464c56;
	
}
.gen-film-info-credit:hover {
	text-decoration: none;
	color: #464c56;
}

.gen-film-info-credit img {
	visibility: hidden;
	padding-top: 2px;
	padding-left: 3px;
}
.gen-film-info-credit:hover img {
	visibility: visible;
}
}

.red-line {
width: 33%; height: 10px; background: #ff6b6b; }


.green-line {
width: 33%; height: 10px; background: #c7f464; }


.blue-line {
width: 34%; height: 10px; background: #4ecdc4; }


.upmessage {
	width: 100%;
	padding: 20px;
	background: rgba(255, 255, 255, 0.44);
	text-align: center;
	font-family: Myriad Pro;
	font-size: 19px;
	line-height: 27px;
	color: #ffffff;
}


/* BUTTONS */

.sendfilm-button {
	padding-left: 26px;
	padding-right: 26px;
	width: 280px;
	color: #fffffF;
	margin-top: 30px;
	margin-bottom: 40px;
	display: block; 
	font-size: 25px;
	line-height: 66px;
	background-color: #efd319;
	text-align: center;
	text-decoration: none;
  font-family: Myriad Pro; 
  font-weight: 700;
	border-radius: 7px; }
	
.sendfilm-button:hover {
	background-color: #84dc35;
	color: #fffffF;
	text-decoration: none; }
	
	
	
.i-agree-button {
	padding-left: 26px;
	padding-right: 26px;
	width: 198px;
	height: 61px;
	color: #ff552a;
	display: block; 
	font-size: 22px;
	line-height: 36px;
	background: url(https://kinematograf.bg/images/i-agree.png) no-repeat top left;
	text-align: center;
	text-decoration: none;
  font-family: Myriad Pro; 
  font-weight: 700;
	border: 0;
	padding: 0;
	cursor: pointer;
	}
	
.i-agree-button:hover {
	background-position: 0 -61px;
	color: #ffffff;
	background: url(https://kinematograf.bg/images/i-agree.png) no-repeat top left;
	background-color: none;
	background-position: 0 -61px;
	text-decoration: none;
	cursor: pointer; }
	
	
/* FOOTER LINKS */

.foot-l1 {
	display: block; width: 100%; padding: 10px 15px 7px 15px; font-size: 17px; line-height: 22px; color: #ffffff; cursor: pointer; text-align: center; }
	
.foot-l1:hover {
	background: #efd319;  color: #000; text-decoration: none; }
	
.foot-l2 {
	display: block; width: 100%; padding: 10px 15px 7px 15px; font-size: 17px; line-height: 22px; color: #ffffff; cursor: pointer; text-align: center; }
	
.foot-l2:hover {
	background: #efd319;  color: #000; text-decoration: none; }
	
.foot-l3 {
	display: block; width: 100%; padding: 14px; font-size: 17px; line-height: 22px; color: #ffffff; cursor: pointer; text-align: center; }
	
.foot-l3:hover {
	background: #efd319;  color: #000; text-decoration: none; }
	
.foot-l4 {
	display: block; width: 100%; padding: 14px; font-size: 17px; line-height: 22px; color: #ffffff; cursor: pointer; text-align: center; }
	
.foot-l4:hover {
	background: #efd319;  color: #000; text-decoration: none; }
	
.foot-l5 {
	display: block; width: 100%; padding: 14px; font-size: 17px; line-height: 22px; color: #ffffff; cursor: pointer; text-align: center; }
	
.foot-l5:hover {
	background: #efd319;  color: #000; text-decoration: none; }
	
.foot-l6 {
	display: block; width: 100%; padding: 14px; font-size: 17px; line-height: 22px; color: #ffffff; cursor: pointer; text-align: center; }
	
.foot-l6:hover {
	background: #efd319;  color: #000; text-decoration: none; }
	


@media screen and (min-width: 58em) {
	
.foot-l1 {
	display: table-cell; width: 14.285%; padding: 10px 15px 7px 15px; border-radius: 3px; font-size: 18px; line-height: 22px; color: #ffffff; border: 1px solid rgba(0,0,0,0); cursor: pointer; text-align: center; }
	
.foot-l1:hover {
	background: #efd319;  border: 1px solid #efd319;  color: #000; text-decoration: none; }
	
.foot-l2 {
	display: table-cell; width: 14.285%; padding: 10px 15px 7px 15px; border-radius: 3px; font-size: 18px; line-height: 22px; border: 1px solid #fff; color: #ffffff; cursor: pointer; text-align: center; }
	
.foot-l2:hover {
	background: #efd319;  border: 1px solid #efd319;  color: #000; text-decoration: none; }
	
.foot-l3 {
	display: table-cell; width: 100%; padding: 10px 0px 8px 0px; font-size: 18px; line-height: 22px; color: #ffffff; cursor: pointer; text-align: center; }
	
.foot-l3:hover {
	background: #efd319;  color: #000; text-decoration: none; }
	
.foot-l4 {
	display: table-cell; width: 100%; padding: 10px 0px 8px 0px; font-size: 18px; line-height: 22px; color: #ffffff; cursor: pointer; text-align: center; }
	
.foot-l4:hover {
	background: #efd319;  color: #000; text-decoration: none; }
	
.foot-l5 {
	display: table-cell; width: 100%; padding: 10px 0px 8px 0px; font-size: 18px; line-height: 22px; color: #ffffff; cursor: pointer; text-align: center; }
	
.foot-l5:hover {
	background: #efd319;  color: #000; text-decoration: none; }
	
.foot-l6 {
	display: table-cell; width: 100%; padding: 10px 0px 8px 0px; font-size: 18px; line-height: 22px; color: #ffffff; cursor: pointer; text-align: center; }
	
.foot-l6:hover {
	background: #efd319;  color: #000; text-decoration: none; }
	
	
}

/* ТОП 42 */


.top100numbcontainer {
position:absolute; 
height: 100%;  
width: 100%; 
text-align: center;
}

.top100number {
display: block;
position: absolute;
bottom: 15%;
width: 100%;
text-align: center;
height: auto; }

.top100number span {
font-family: 'Lato', sans-serif;
color: #ffffff;
font-size: calc(0.05px + 10vw);
z-index: 5;
	position: relative; }

.top100blurred {
position:absolute; 
height: 100%; 
width: 100%; 
overflow: hidden;
background: rgba(34,34,34,0.4);
z-index: 4;
}

.top100blurred img {
	z-index: 3;
	position: relative;
	height: 130%;
	height: 160%;
	transform: scale(1.2);
	filter: blur(17px);
        -webkit-filter: blur(17px);
        -moz-filter: blur(17px);
        -o-filter: blur(17px);
        -ms-filter: blur(17px);
    margin: -120px -120px -120px -160px;
background: rgba(34,34,34,0.4); }


.aboveDimmer {
	Z-INDEX: 11301; POSITION: relative
}
#dimmer {
	  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
  background: rgba(0,0,0, .8);
  position: fixed;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
#fader-message {
	Z-INDEX: 111100; POSITION: fixed; TEXT-ALIGN: justify; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; BOTTOM: 10px; PADDING-RIGHT: 5px; FONT: bold 16px Calbri; FLOAT: left; COLOR: rgb(0,102,204); PADDING-TOP: 5px; LEFT: 10px
}


/* TOP 42 */


.main {
	width: 100%; position: relative;
	border-bottom: 0vh solid #ffffff; 	
	
}


.top100container {
    width: 100%;
}

.top100left {
    width: 100%;
    position: relative;
}

.top100right {
    width: 100%;
    position: relative;
}

.top100sizing {
    width: 100%;
    padding-bottom: 62%;
    visibility: hidden;
}

.top100infoleft {
	
    width: 100%;
    height: 100%;
	display: block;
    background-color: #191b25;    
    margin-top: -62%;
	font-size: 22px; font-size: 2.7vw; line-height: 1.30;
	color: #ffffff;
	font-family: Roboto;
	padding: 5%;
	
}

.newblog_mob { display: block; }
.newblog_nomob { display: none; }
.newblog_tabletd { display: table-cell; vertical-align: top; }
.newblog_tabletdfilms { display: none; }

.mediablog_hovers {
width: 100%; font-family: Roboto; vertical-align: bottom; font-size: 12px; text-align: center; color: #6c7084; }

.mediablog_hovers tr td {
height: 115px; width: 13%; border-radius: 12px; vertical-align: bottom; background: #191b25; background-size: 70%; }

.mediablog_hovers tr td a {
display: table-cell; vertical-align: middle; height: 115px; width: 100%; color: #6c7084; }

.mediablog_hovers tr td a img {
margin-top: 10px; width: 60%; opacity: 0.72; }


.mediablog_hovers tr td:hover {
background: #1b1e2b; }

.mediablog_hovers tr td:hover a {
color: #7e839e; }

.mediablog_hovers tr td:hover a img {
opacity: 1; }




.pastprograma_hovers {
width: 100%;  font-family: Roboto;  font-size: 12px; text-align: center; }

.pastprograma_hovers div {
height: 140px; margin: 22px; display: inline-block; width: 240px; color: #808497; border-radius: 8px; background: #161822; }


.pastprograma_hovers div a {
color: #696e89; }

.pastprograma_hovers div a h2 {
font-family: 'Exo 2', sans-serif;
font-size: 22px;
text-transform: uppercase;
color: #efd319;
font-weight: 700;
 }

.pastprograma_hovers div a img {
margin-top: 22px; width: 60%; opacity: 0.85; }


.pastprograma_hovers div:hover {
background: #ff5816;
color: #fff; }


.pastprograma_hovers div:hover a {
color: #fff; }

.pastprograma_hovers div:hover a img {
opacity: 1; }





.cityprograma_hovers {
width: 100%;  font-family: Roboto;  font-size: 12px; text-align: center; }

.cityprograma_hovers div {
height: 140px; margin: 20px; position: relative; display: inline-block; width: 230px; color: #e8e9f3; border-radius: 8px; background: #161822; }


.cityprograma_hovers div a {
color: #e8e9f3; position: absolute; display: block; height: 100%; width: 310px; padding-top: 25px;  }

.cityprograma_hovers div a h2 {
font-family: 'Exo 2', sans-serif;
font-size: 22px;
text-transform: uppercase;
color: #efd319;
font-weight: 700;
 }

.cityprograma_hovers div a img {
margin-top: 20px; width: 66%; opacity: 0.72; }


.cityprograma_hovers div:hover {
background: #efd319;
color: #000; }


.cityprograma_hovers div:hover a {
color: #000; }

.cityprograma_hovers div:hover a img {
opacity: 1; }

.cityprograma_hovers div:hover a h2 {
color: #000; }

@media screen and (min-width: 56em) {
.newblog_nomob { display: block; }
.newblog_mob { display: none; }
.newblog_tabletd { display: table-cell; vertical-align: middle; }
.newblog_tabletdfilms {  display: table-cell; }
}

#top100img_catalizer.lazy {
	background-image: none;
}

.top100inforight {
	
    width: 100%;
    min-height: 100%;
	display: block;
    background-color: orange;
    position: absolute;
    margin-top: -62%;
	font-size: 20px; font-size: 3.1vw; line-height: 1.45;
	color: #ffffff;
	font-family: Roboto;
	padding: 8%;
	padding-top: 7.5%;
	padding-bottom: 7.5%;
}


.top100inforight .small {
	color: #888da0;
font-size: 2.7vw; line-height: 1.10; }

.top100inforight .small .smalleti {
padding: 4px 10px; border-radius: 300px; border: 1px solid #888da0; color:#aaafc1; margin-right: 10px; font-size: 2.7vw; line-height: 1.10; }

.top100inforight .small .smalleti:hover {
border: 1px solid #efd319; color:#000; background: #efd319; }
	
.top100inforight .ultrasmalleti {
padding: 1px 8px 3px 8px; border-radius: 3px; border: 1px solid #888da0; color:#aaafc1; font-family: 'Exo 2', sans-serif; font-weight: 700; margin-left: 20px; z-index: 20; position: relative; font-size: 2.4vw; line-height: 2; vertical-align: middle; }

.top100inforight .small .smalleti_r {
padding: 4px 10px; border-radius: 300px; border: 1px solid #888da0; color:#aaafc1; margin-left: 10px; font-size: 2.7vw; line-height: 1.10; }

.top100inforight .small .smalleti_r:hover {
border: 1px solid #efd319; color:#000; background: #efd319; }
	
.top100inforight .small .smallautor {
color: #aaafc1; }

.top100inforight .small .smallautor:hover {
color: #efd319; }

.newbloglink {
	font-size: 22px; color: #bdc1d1; text-transform: uppercase; font-family: 'Yanone Kaffeesatz'; font-weight: 300; margin-left: 12px; margin-right: 12px;
}

.newbloglink:hover {
	color: #fff; 
}

.newbloglink-selected {
	font-size: 22px; color: #efd319; text-transform: uppercase; font-family: 'Yanone Kaffeesatz'; font-weight: 700; margin-left: 10px; margin-right: 12px;
}
.top100title {
	
	display: block;
	font-size: 36px; font-size: 7.2vw; line-height: 1.4;
	margin-bottom: 0px;
	color: #ffffff;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 400;
}

.top100subtitle {
	
	font-size: 34px; font-size: 4vw; line-height: 0.7;
	color: #ffffff;
	font-family: 'Yanone Kaffeesatz', sans-serif;
}

.top100info {
	
	font-size: 28px; font-size: 2.9vw; line-height: 2.6;
	color: #ffffff;
	font-family: 'Roboto', sans-serif;
	margin-top: 0;
}


.top100absolutenumberleft {
	height: 26%;
	width: auto;
	position: absolute; 
	bottom: 0; 
	left: 4.5%;
	line-height: 0;
	padding: 0;
	text-align: left;
}
.top100absolutenumberleft img {
	height: 100%;
	width: auto;
	text-align: left;
}


.top100absolutenumberright {
	height: 26%;
	width: auto;
	position: absolute; 
	bottom: 0; 
	right: 4.5%;
	line-height: 0;
	padding: 0;
	text-align: right;
}
.top100absolutenumberright img {
	height: 100%;
	width: auto;
	text-align: right;
}


@media screen and (min-width: 56em) {
	
	
.main {
	width: 100%; position: relative;
	border-bottom: 0; 	
	
}
.top100container {
    width: 100%;
}

.top100left {
    width: 50%;
    float: left;
    position: relative;
	border-bottom: 0; 
}

.top100right {
    width: 50%;
    float: right;
    position: relative;
	border-bottom: 0; 
}

.top100sizing {
    width: 100%;
    padding-bottom: 62%;
    visibility: hidden;
}

.top100infoleft {
	
    width: 100%;
    height: 100%;
	display: block;
    background-color: #191b25;
	border-bottom: 0; 
    position: absolute;
    margin-top: -62%;
	font-size: 10px; font-size: 1.25vw; line-height: 1.35;
	color: #ffffff;
	font-family: Roboto;
	padding: 5%;
	padding-top: 5%;
	padding-bottom: 5%;
}



.top100inforight {
	
    width: 100%;
    height: 100%;
	display: block;
    background-color: #191b25;
	border-bottom: 0; 
    position: absolute;
    margin-top: -62%;
	font-size: 10px; font-size: 1.15vw; line-height: 1.35;
	color: #ffffff;
	font-family: Roboto;
	padding: 8%;
	padding-top: 6.5%;
	padding-bottom: 6.5%;
}


.top100inforight .small {
	color: #888da0;
font-size: 1vw; line-height: 1.25; }

.top100inforight .small .smalleti {
padding: 6px 14px; border-radius: 300px; border: 1px solid #888da0; color:#aaafc1; margin-right: 20px; font-size: 0.9vw; line-height: 1.25; }

.top100inforight .ultrasmalleti {
padding: 1px 8px 3px 8px; border-radius: 3px; border: 1px solid #888da0; color:#aaafc1; font-family: 'Exo 2', sans-serif; font-weight: 700; margin-left: 20px; font-size: 0.9vw; line-height: 1.1; vertical-align: middle; }

.top100inforight .small .smalleti:hover {
border: 1px solid #efd319; color:#000; background: #efd319; }
	
.top100inforight .small .smalleti_r {
padding: 6px 14px; border-radius: 300px; border: 1px solid #888da0; color:#aaafc1; margin-left: 20px; font-size: 0.9vw; line-height: 1.25; }

.top100inforight .small .smalleti_r:hover {
border: 1px solid #efd319; color:#000; background: #efd319; }
	
.top100inforight .small .smallautor {
color: #aaafc1; }

.top100inforight .small .smallautor:hover {
color: #efd319; }

.top100title {
	
	display: block;
	font-size: 36px; font-size: 3.5vw; line-height: 1.1;
	padding-bottom: 15px;
	color: #ffffff;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 400;
}

.top100subtitle {
	
	font-size: 14px; font-size: 1.6vw; line-height: 0.4;
	color: #ffffff;
	font-family: 'Yanone Kaffeesatz', sans-serif;
}

.top100info {
	
	font-size: 14px; font-size: 1.45vw; line-height: 3;
	color: #ffffff;
	font-family: 'Roboto', sans-serif;
	margin-top: 0;
	
}



.top100absolutenumberleft {
	height: 26%;
	width: auto;
	position: absolute; 
	bottom: 0; 
	left: 4.4%;
	line-height: 0;
	padding: 0;
}
.top100absolutenumberleft img {
	height: 100%;
	width: auto;
}


.top100absolutenumberright {
	height: 26%;
	width: auto;
	position: absolute; 
	bottom: 0; 
	right: 4.4%;
	line-height: 0;
	padding: 0;
}
.top100absolutenumberright img {
	height: 100%;
	width: auto;
}
}

.super_play_trailer {
	position: absolute; z-index: 9; height: 100%; width: 100%; vertical-align: middle;
}

.super_play_trailer:hover {
	background: rgba(0,0,0,0.5);
	border-radius: 10px;
	cursor: pointer;
}

.super_play_trailer img {
	display: none;
}


.super_play_trailer:hover img {
	top: 38%;
	position: absolute;
	width: 30%; display: inline-block; left: 35%;
}


.super_play_trailer_list {
	position: absolute; z-index: 9; height: 100%; width: 100%; vertical-align: middle;
}

.super_play_trailer_list:hover {
	background: rgba(0,0,0,0.5);
	border-radius: 10px;
	cursor: pointer;
}

.super_play_trailer_list img {
	display: none;
}


.super_play_trailer_list:hover img {
	top: 28%;
	position: absolute;
	width: 25%; display: inline-block; left: 37.5%;
}


.super_play_trailer_mob {
	position: absolute; z-index: 12px; height: 100%; width: 100%; vertical-align: middle;
}

.super_play_trailer_mob:hover {
	background: rgba(0,0,0,0.5);
	border-radius: 10px;
	cursor: pointer;
}

.super_play_trailer_mob img {
	display: none;
}


.super_play_trailer_mob:hover img {
	top: 28%;
	position: absolute;
	width: 25%; display: inline-block; left: 37.5%;
}

/* EVENTS */


#eventscontainer {
    width: 100%;
	height: auto;
	max-width: 900px;
	margin-top: 60px;
}

#eventscontainer25 {
    width: 100%;
	height: auto;
	max-width: 900px;
	margin-top: 60px;
}

.eventsleft {
    width: 100%;
	height: 100%;
    position: relative;
	display: none;
}

.eventsright {
    width: 100%;
	height: 100%;
    position: relative;
	background: #efd319;
}


.eventsright_place_new30 {
	width: 100%;
	height: 100%;	
    position: relative;
	background: #efd319;
	padding: 0;
	display: none;
}
.eventsright_place_new24 {
	width: 100%;
	height: 100%;	
    position: relative;
	background: #efd319;
	padding: 0;
	display: none;
}

.eventsright_place_new_mob {
	width: 100%;
	height: 100%;	
    position: relative;
	background: #efd319;
	padding: 0;
}

.eventsright_textscroll_new {
overflow: hidden; max-height: 300px; display: inline-block; font-family: Myriad Pro; line-height: 18px; color: #000; background: #efd319;  padding-right: 26px; line-height: 24px; padding-top: 25px; }


.eventsright_text_new46 {
	
	padding-right: 16px;
	height: 324px; 
	padding: 0; 
	background-size: cover;
    width: 100%;
    position: relative;
	background: #efd319;
}


.eventsright_text_new36 {
	
	padding-right: 16px;
	height: 324px; 
	padding: 0; 
	background-size: cover;
    width: 100%;
    position: relative;
	background: #efd319;
}

.eventshead {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 42px;
	text-align: center;
	line-height: 50px;
	width: 100%;
	border-bottom: 2px solid #fff;
}


.eventshead_new {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	color: #fff;
	text-align: center;
	line-height: 36px;
	width: 100%;
	border-bottom: 0px solid #fff;font-size: 30px;
}

.eventscity {
	color: #efd319;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	font-size: 23px;
}

.eventstitle {	
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 26px;
	line-height: 36px;
	width: 100%;
	color: #000;
}

.eventstitle_new {	
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 24px;
	line-height: 33px;
	width: 100%;
	
color: #fff; padding-top: 8px;
}

.eventstext {
	display: inline-block;
	font-family: 'Myriad Pro', sans-serif;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	color: #000;
}

.eventstextsub {
	font-family: 'Myriad Pro', sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 24px;
	color: #000;
}

.eventsinner {	
	padding: 30px;
	min-height: 300px;
	margin-bottom: 160px;
}

.eventssub {
	border: 10px solid #efd319;
	border-bottom: 0;
	position: absolute;
    bottom: 0;
	height: 125px;
	width: 100%;
	background: #fff;
}

.eventslocation {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	color: #000;
	font-size: 25px;
	line-height: 20px;
	
}

.eventslocation span {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 16px;
	
}

.eventsbottom {
	width: 100%; 
	text-align: right;
	padding: 12px;
}

.eventsbottom a {
	font-family: 'Myriad Pro Bold', sans-serif;
	color: #fff;
	font-size: 16px;
}

.eventsbottom a:hover {
	color: #efd319;
}


.events-mob-poster {
	display: inline-block;
	width: 150px;
	padding-right: 15px;
	padding-bottom: 10px;
}


#event-infobox-wide {
	display: none;
	visibility: hidden;
}

#event-infobox-mobile {
	display: table;
	visibility: visible;
	width: 100%; 
	position: relative;
}

#events-infobox-place-wide {
	display: none;
	visibility: hidden;
}

#events-infobox-place-mobile {
	display: block;
	visibility: visible;
}

#events-infobox-container {
	width: 100%; 
	position: relative;
	background: #efd319; padding: 0 0px 0 0px;
}


#viewmaplink2 {
	font-family: Myriad Pro, sans-serif; color: #000;
	background: #f2dc47;
	padding: 3px 6px 3px 6px; font-size: 14px; margin-left: -2px;
}

#viewmaplink2:hover { 
	background: #39c9e8;
	color: #fff;
	text-decoration: none;
}


.subscribe_city_button {
display: inline-block;
border-radius: 4px;
padding: 10px 14px; 
width: 100%;
border: 1px solid #6262b3; 
font-size: 15px; 
font-weight: 700;  
color: #fff; 
text-align: center; 
margin: 3px;
cursor: pointer; }

.subscribe_city_button:hover {
background: #49499e;
border: 1px solid #49499e;  }

.subscribe_city_button:focus {
background: #49499e;
border: 1px solid #49499e;  }


.subscribe_city_button_login {

display: inline-block;
border-radius: 4px;
width: 100%;
padding: 10px 6px;
padding-top: 3px;
background: #181a26;
border: 1px solid #181a26; 
text-align: center; 
margin: 5px;
cursor: pointer;
}

.subscribe_city_button_login a {
font-size: 16px; 
font-weight: 600;  
color: #fff; }

.subscribe_city_button_login:hover {
border: 1px solid #efd319; }

.subscribe_city_button_login:hover a {
 }

@media screen and (min-width: 900px) {



.subscribe_city_button_login {

display: inline-block;
border-radius: 4px;
padding: 12px 6px;
width: 28%;
padding-top: 3px;
background: #181a26;
border: 1px solid #181a26; 
text-align: center; 
margin: 12px;
cursor: pointer;
}

.subscribe_city_button_login a {
font-size: 17px; 
font-weight: 600;  
color: #fff; }

.subscribe_city_button_login:hover {
border: 1px solid #efd319; }

.subscribe_city_button_login:hover a {
 }


.subscribe_city_button {
display: inline-block;
border-radius: 4px;
padding: 10px 24px; 
border: 1px solid #6262b3; 
font-size: 18px; 
width: auto;
font-weight: 700;  
color: #fff; 
text-align: center; 
margin: 14px;
cursor: pointer; }

.subscribe_city_button:hover {
background: #49499e;
border: 1px solid #49499e;  }

.eventstitle_new {	
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 26px;
	line-height: 36px;
	width: 100%;
	
color: #fff; padding-top: 8px;
}

#viewmaplink2 {
	font-family: Myriad Pro, sans-serif; color: #000;
	background: #f2dc47;
	padding: 5px 10px 5px 10px; font-size: 16px; margin-left: -2px;
}

#viewmaplink2:hover { 
	background: #39c9e8;
	color: #fff;
	text-decoration: none;
}

#events-infobox-place-wide {
	display: block;
	visibility: visible;
}

#events-infobox-place-mobile {
	display: none;
	visibility: hidden;
}

#events-infobox-container {
	width: 100%; 
	text-align: right;
	padding: 12px;
	background: #efd319; padding: 0 30px 0 30px;
}
#event-infobox-wide {
	display: block;
	visibility: visible;
}

#event-infobox-mobile {
	display: none;
	visibility: hidden;
}

.eventshead {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 56px;
	text-align: center;
	line-height: 54px;
	width: 100%;
	border-bottom: 2px solid #fff;
}

.eventshead_new {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	color: #fff;
	text-align: center;
	line-height: 54px;
	width: 100%;
	border-bottom: 0px solid #fff;font-size: 42px;
}
.eventscity {
	color: #efd319;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	font-size: 28px;
}
}



#ticketslink {
	font-family: Myriad Pro Bold, sans-serif; font-size: 13px; color: #fff;
	background: #39c9e8;
	padding: 6px 10px 6px 10px;
	margin-left: 0px;
}

#ticketslink:hover { 
	background: #ff8000;
	color: #fff;
	text-decoration: none;
}

.eventsplaylist {
	display: table; 
	width: 100%; 
	background: #efd319; 
	color: #000; 
	margin-top: 10px;
}

.event-playlist-left {
	display: table-cell;
	width: 100%;
	padding: 20px; 
	vertical-align: middle;
}

.event-playlist-right {
	display: table-cell;
	width: 20%;
	padding: 20px; 
	vertical-align: middle;
	text-align: right;
}

.eventstrailer {
	background: #efd319;
	padding: 9px 12px 9px 12px;
	color: #000;
	font-family: Myriad Pro;
	font-size: 18px;
}

.eventstrailer:hover {
	background: #efd319;
	padding: 9px 12px 9px 12px;
	color: #fff;
	font-family: Myriad Pro;
	font-size: 18px;
}


.event-director {
	font-size: 17px;
	color: #000;
	font-family: Myriad Pro;
}


.event-label-a {
	display: inline-block;
	background: #fff5b6;
	color: #000;
	padding: 6px 13px 6px 13px;
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 13px;
	margin-right: 12px;
	margin-bottom: 8px;
}

.event-label-a:hover {
	background: #ff8000;
	color: #fff;
}

.event-playlist-watch {
	display: inline-block;
	background: #ff6b6b;
	float: left;
	color: #fff;
	padding: 9px 16px 9px 16px;
	font-family: Myriad Pro;
	font-size: 16px;
	margin-top: 9px;
}

.event-playlist-watch:hover {
	background: #fff;
	color: #ff6b6b;
}

.eventsinfotable {
	display: none;
}

@media screen and (min-width: 900px) {

.event-label-a {
	display: inline-block;
	background: #fff5b6;
	color: #000;
	padding: 6px 13px 6px 13px;
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 14px;
	margin-right: 12px;
	margin-bottom: 6px;
}

.event-director {
	font-size: 15px;
	color: #000;
	font-family: Myriad Pro;
}


.event-playlist-watch {
	display: inline-block;
	background: #ff6b6b;
	color: #fff;
	padding: 9px 16px 9px 16px;
	font-family: Myriad Pro;
	font-size: 16px;
	margin-top: 9px;
}

.event-playlist-watch:hover {
	background: #fff;
	color: #ff6b6b;
}


#eventscontainer {
	margin-left: auto; margin-right: auto; 
    width: 100%;
	max-width: 900px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#eventscontainer25 {
	padding-left: 25px;
	margin-left: auto; margin-right: auto; 
    width: 100%;
	max-width: 900px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.eventsleft {
	float: left;
    width: 37%;
	height: 500px;	
    position: relative;
	display: block;
}

.eventsright {
	float: right;
    width: 63%;
	height: 500px;
    position: relative;
	background: #efd319;
}

.eventsright_text_new46 {
	
	float: right;
    width: 46%;	
	padding-right: 16px;
	height: 324px; 
	padding: 0; 
	background-size: cover;
    position: relative;
	background: #efd319;
}

.eventsright_text_new36 {
	
	float: right;
    width: 30%;	
	padding-right: 16px;
	height: 324px; 
	padding: 0; 
	background-size: cover;
    position: relative;
	background: #efd319;
}

.eventsright_place_new30 {
	float: right;
    position: relative;
	background: #efd319;
	height: 324px; 
	width: 28%; padding: 0;
	display: block;
}

.eventsright_place_new24 {
	float: right;
    position: relative;
	background: #efd319;
	height: 324px; 
	width: 28%; padding: 0;
	display: block;
}

.eventsright_place_new_mob {
	float: right;
    position: relative;
	background: #efd319;
	height: 324px; 
	width: 30%; padding: 0;
	display: none;
}



.eventsinfotable {
	display: block;
}

.eventsright_textscroll_new {
display: inline-block; font-family: Myriad Pro; line-height: 18px; color: #000; padding-top: 0; background: #efd319;  padding-right: 26px; line-height: 24px;  }


.eventsinner {	
	padding: 30px;
}

.eventssub {
	border: 10px solid #efd319;
	border-bottom: 0;
	position: absolute;
    bottom: 0;
	height: 125px;
	width: 100%;
	background: #fff;
}

.eventstextsub {
	font-family: 'Myriad Pro', sans-serif;
	color: #000;
	font-size: 18px;
	line-height: 24px;
	color: #000;
}

.events-mob-poster {
	display: none;
}

.eventstrailer {
	background: #efd319;
	padding: 9px 12px 9px 12px;
	color: #000;
	font-family: Myriad Pro;
	font-size: 18px;
}

.eventstrailer:hover {
	background: #efd319;
	padding: 9px 12px 9px 12px;
	color: #fff;
	font-family: Myriad Pro;
	font-size: 18px;
}


}


/* BLOG */


.film-title {
	margin-top: -70px;
	z-index: 20;
	position: relative;
	display: block;
	font-size: 36px; font-size: 5vw; line-height: 1.2;
	padding-bottom: 6px;
	color: #fff;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 400;
}

.film-title:hover {
	
	color: #efd319;
	
}

.new-genre-but {
margin: 8px; font-size: 16px; font-family: 'Roboto', sans-serif; color: #aaafc1; border-radius: 300px; padding: 8px 20px; background: #1c1e2c; display: inline-block; cursor: pointer; }


.new-genre-but:hover {
background: #282b3f; color: #fff; display: inline-block; cursor: pointer; }

.new-genre-but:focus {
background: #282b3f; color: #fff; display: inline-block; cursor: pointer; }


.blog-title {
	
	display: block;
	font-size: 36px; font-size: 5vw; line-height: 1.2;
	margin-bottom: -7px;
	color: #efd319;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
}


.blog-title:hover {
	
	color: #fff;
	
}

.blog-event-title {
	
	display: block;
	font-size: 28px; font-size: 4.6vw; line-height: 1.3;
	margin-bottom: -7px;
	color: #fff;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
}


.blog-event-suptitle {
	
	display: inline-block;
	vertical-align: middle;
	font-size: 28px; font-size:4vw; line-height: 4;
	margin-bottom: -8px;
	color: #efd319;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}


.blog-event-hour {
	
	display: inline-block;
	vertical-align: middle;
	font-size: 24px; font-size:3.7vw; line-height: 1.5;
	padding: 3px 8px 2px 8px;
	margin-bottom: -4px;
	color: #fff;
	border-radius: 4px; margin-left: 20px;
	border: 1px solid #fff;
	font-family: 'Roboto', sans-serif;
	
	font-weight: 400;
}

.blog-event-title:hover {
	
	color: #efd319;
	
}

.blog-event-description {
	
	font-size: 16px; font-size: 3.2vw; line-height: 1.45;
	display: block;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	margin-top: 0;
	
}
.blog-event-small {
	
	font-size: 16px; font-size: 3.2vw; line-height: 2.4;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	margin-top: 0;
	
}


#blog-info {
	
	font-size: 14px; font-size: 3.1vw; line-height: 3.3;
	color: #99a0c4;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	margin-top: 0;
}


#blog-etiquette {
	
	padding:  0.6vw;
	padding-top: 0.66vw;
	padding-left: 0.8vw;
	padding-right: 0.8vw;
	font-size: 14px; font-size: 3.1vw; line-height: 3.3;
	color: #ffffff;
	
	border-radius: 4px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	margin-top: 0;
	
}
@media screen and (min-width: 56em) {

.blog-event-title {
	
	display: block;
	font-size: 28px; font-size: 1.9vw; line-height: 1.1;
	padding-bottom: 2px;
	color: #fff;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 400;
}

.blog-event-title:hover {
	
	color: #ecd31e;
	
}

.blog-event-suptitle {
	
	display: inline-block;
	vertical-align: middle;
	font-size: 28px; font-size:1.1vw; line-height: 1.0;
	color: #efd319;
	font-family: 'Roboto', sans-serif;
	margin-bottom: -4px;
	font-weight: 400;
}


.blog-event-hour {
	
	display: inline-block;
	vertical-align: middle;
	font-size: 24px; font-size:0.9vw; line-height: 1;
	padding: 5px 8px 4px 8px;
	color: #fff;
	border-radius: 4px; margin-left: 20px;
	border: 1px solid #fff;
	font-family: 'Roboto', sans-serif;
	margin-bottom: -4px;
	font-weight: 400;
}

.blog-event-description {
	
	font-size: 16px; font-size: 0.91vw; line-height: 1.44;
	color: #fff;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	margin-top: 0;
	
}
.blog-event-small {
	
	font-size: 16px; font-size: 0.84vw; line-height: 1.1;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	margin-top: 0;
	
}

.film-title {
	margin-top: 0px;
	
	display: block;
	font-size: 36px; font-size: 2.5vw; line-height: 1.2;
	padding-bottom: 10px;
	color: #fff;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 400;
}

.film-title:hover {
	
	color: #efd319;
	
}


.blog-title {
	
	display: block;
	font-size: 36px; font-size: 2.5vw; line-height: 1;
	padding-bottom: 15px;
	color: #efd319;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 400;
}

.blog-title:hover {
	
	color: #fff;
	
}
#blog-info {
	
	font-size: 16px; font-size: 1.3vw;
	color: #99a0c4;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	margin-top: 0;
	
}
#blog-etiquette {
	
	padding:  0.54vw;
	padding-top: 0.66vw;
	padding-left: 0.82vw;
	padding-right: 0.82vw;
	font-size: 16px; font-size: 1.4vw;
	color: #ffffff;
	border-radius: 4px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	margin-top: 0;
	
}
}



/* INTERVIEW RELATED */

	
.intrel-main {
	width: 100%; position: relative;
	border-bottom: 0; 	
	max-width: 1200px; height: auto; margin: 0 auto;
	
}
.intrel-container {
    width: 100%;
}

.intrel-left {
    width: 30%;
    float: left;
    position: relative;
	border-bottom: 0; 
}

.intrel-right {
    width: 70%;
    float: right;
    position: relative;
	border-bottom: 0; 
}

.intrel-sizing {
    width: 100%;
    padding-bottom: 22%;
    visibility: hidden;
}

.intrel-infoleft {
	
    width: 100%;
    height: 100%;
	display: block;
    background-color: #fff;
	border-bottom: 0; 
    position: absolute;
    margin-top: -22%;
	font-size: 10px; font-size: 1.25vw; line-height: 1.35;
	color: #ffffff;
	font-family: Myriad Pro;
	padding: 8%;
	padding-top: 6.5%;
	padding-bottom: 6.5%;
}



.intrel-inforight {
	
    width: 100%;
    height: 100%;
	display: block;
    background-color: orange;
	border-bottom: 0; 
    position: absolute;
    margin-top: -22%;
	font-size: 10px; font-size: 1.25vw; line-height: 1.35;
	color: #ffffff;
	font-family: Myriad Pro;
	padding: 8%;
	padding-top: 6.5%;
	padding-bottom: 6.5%;
}


.intrel-title {
	
	display: block;
	font-size: 36px; font-size: 3.5vw; line-height: 1.1;
	padding-bottom: 15px;
	color: #ffffff;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 400;
}


.intrel-info {
	
	font-size: 14px; font-size: 1.45vw; line-height: 3;
	color: #ffffff;
	font-family: 'Myriad Pro Bold', sans-serif;
	margin-top: 0;
	
}





/* PRESSCENTER */

.presscontainer {
	width: 76%;
	margin-top: 6.3vh;
	background: #fff;
	padding: 0.6%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	
}

.pressmenu {
	width: 56%;
	padding-top: 1vh;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	
}

.pressmenu a {
	font-family: Roboto, sans-serif; font-weight: 700;
	color: #ffffff;
	font-size: 17px;
	padding: 12px;
	padding-left: 14px;
	margin-right: 4%;
	padding-right: 14px;
	
}
.pressmenu a:hover {
	font-family: Roboto, sans-serif; font-weight: 700;
	color: #364f63;
	background: #ffffff;
	font-size: 17px;
	
}

#pressmenuselected {
	font-family: Roboto, sans-serif; font-weight: 700;
	color: #364f63;
	background: #ffffff;
	font-size: 17px;
	
}

#presstable {
	width: 100%;
	
}

.presscol1 {
	
	width: 18%;
	padding: 27px;
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
	font-size: 24px;
	font-family: 'Yanone Kaffeesatz', sans-serif; 
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
}

.presscol1 span {
	
	font-size: 16px;
	font-family: 'Myriad Pro', sans-serif;
	line-height: 23px;
	text-align: center;
	vertical-align: middle;
}

.mentioncol1 {
	
	width: 15%;
	padding: 27px;
	background: #fff;
	text-align: center;
	vertical-align: middle;
}

.mentioncol1 img {
	width: 60px; }
	
.mentioncol1 span {
	
	color: #303030;
	font-size: 22px;
	font-family: Myriad Pro;
	text-align: center;
	vertical-align: middle;
}

.presscol2 {
	position: relative;
	width: 82%;
	background: #f3f3f3;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
	color: #303030;
	font-size: 24px;
	line-height: 32px;
	vertical-align: middle;
}

#mentiontitle {
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
	color: #303030;
	font-size: 22px;
	line-height: 32px;
	text-align: left; 
	padding: 0;
	background: none;
	float: none;
}

.presscol2 span {
	
	font-size: 15px;
	font-family: 'Myriad Pro Bold', sans-serif;
	font-weight: 400;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
}

.presscol2 a {
	padding: 5px 9px 6px 9px;
	color: #fff;
	background: #eccd13;
	font-size: 14px;
	font-family: 'Myriad Pro Bold', sans-serif;
	line-height: 25px;
	float: right;
	vertical-align: middle;
}

.presscol2 div div {
	padding-top: 10px; 
	display: inline-block; 
	font-family: 'Myriad Pro', sans-serif;
	font-weight: 400; 
	color: #303030;
	line-height: 23px; 
	font-size: 16px;
}

.presscol3 {
	text-align: left;
	width: 100%;
	padding: 20px;
	min-height: 138px;
	background: #61c65c;
	vertical-align: middle;
}

.mentioncol3 {
	display: inline-block;
	text-align: left;
	width: 100%;
	padding: 10px;
	background: #263767;
	vertical-align: middle;
}

#mentioncol3-a {
	background: none;
	float: none;
	padding:0;
	color: #fff;
	font-size: 14px;
	font-family: Myriad Pro;
}

#press-but-download {
	display: inline-block;
	margin-left: 17px; margin-right: 17px;
	margin-top: 14px; margin-bottom: 14px;
	height: 69px;
	width: 77px;
	background: url(https://kinematograf.bg/images/press-download.png) no-repeat top left #fff; 
	background-position: 0px 0px;
	background-size: contain; }
	
#press-but-download:hover {
	background: url(https://kinematograf.bg/images/press-download.png) no-repeat top left #efd319; 
	cursor: pointer;
	background-size: contain; }


#press-but-trailer {
	display: inline-block;
	margin-left: 9px; margin-right: 9px;
	margin-top: 9px; margin-bottom: 9px;
	height: 69px;
	width: 77px;
	background: url(https://kinematograf.bg/images/press-trailer.png) no-repeat top left #fff; 
	background-position: 0px 0px;
	background-size: contain; }
	
#press-but-trailer:hover {
	background: url(https://kinematograf.bg/images/press-trailer.png) no-repeat top left #efd319; 
	cursor: pointer;
	background-size: contain; }

#press-but-poster {
	display: inline-block;
	margin-left: 9px; margin-right: 9px;
	margin-top: 9px; margin-bottom: 9px;
	height: 69px;
	width: 77px;
	background: url(https://kinematograf.bg/images/press-poster.png) no-repeat top left #fff; 
	background-position: 0px 0px;
	background-size: contain; }
	
#press-but-poster:hover {
	background: url(https://kinematograf.bg/images/press-poster.png) no-repeat top left #efd319; 
	cursor: pointer;
	background-size: contain; }

	
#press-but-films {
	display: inline-block;
	margin-left: 9px; margin-right: 9px;
	margin-top: 9px; margin-bottom: 9px;
	height: 69px;
	width: 77px;
	background: url(https://kinematograf.bg/images/press-films2.png) no-repeat top left #fff; 
	background-position: 0px 0px;
	background-size: contain; }
	
#press-but-films:hover {
	background: url(https://kinematograf.bg/images/press-films2.png) no-repeat top left #efd319; 
	cursor: pointer;
	background-size: contain; }

	
#press-but-films-big {
	display: inline-block;
	margin-left: 14px; margin-right: 14px;
	margin-top: 14px; margin-bottom: 14px;
	height: 69px;
	width: 77px;
	background: url(https://kinematograf.bg/images/press-filmselection.png) no-repeat top left #fff; 
	background-position: 0px 0px;
	background-size: contain; }
	
#press-but-films-big:hover {
	background: url(https://kinematograf.bg/images/press-filmselection.png) no-repeat top left #efd319; 
	cursor: pointer;
	background-size: contain; }


.pressmess {
	padding: 27px; 
	color: #fff;
	padding-bottom: 7px;
	padding-left: 0;
	font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 700;
	font-size: 28px; 
	line-height: 40px;
	text-align: left;
	vertical-align: middle;
}

@media only screen and (max-width: 48em) {

.presscontainer {
	width: 100%;
	margin-top: 6.3vh;
	background: #fff;
	padding: 0.6%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	
}
.mentioncol1 {
	
	width: 15%;
	padding: 0px;
	background: #fff;
	text-align: center;
	vertical-align: middle;
}

.mentioncol1 img {
	width: 40px; }

.mentioncol1 span {
	
	color: #303030;
	font-size: 18px;
	font-family: Myriad Pro;
	text-align: center;
	vertical-align: middle;
}

.presscol2 {
	position: relative;
	width: 82%;
	background: #f3f3f3;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
	color: #303030;
	font-size: 20px;
	line-height: 26px;
	vertical-align: middle;
}

#mentiontitle {
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
	color: #303030;
	font-size: 18px;
	line-height: 24px;
	text-align: left; 
	padding: 0;
	background: none;
	float: none;
}
}
/* STAFFPICK */

.stffpick-solo {
max-width: 100%
;
}

.stffpick-soloimage {
  background: url(https://kinematograf.bg/images/the-piano-tuner.jpg) no-repeat center center;
  background-size: contain;
  overflow: hidden;
  padding-top: 56.25%;
  margin-bottom: -56.25%;  /* 450px/800px = 0.5625 */
}


.stffpick-solocontent {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(https://kinematograf.bg/images/staffpick-gradient.png) repeat-y top left;
  padding-top: 56.25%; /* 450px/800px = 0.5625 */
}



/* CONTACTS */

#feedback-page{
	text-align:center;
}

#form-main{
	width:100%;
	float:left;
	padding-top:0px;
}

#form-div {
	background-color:rgba(0,0,0,0);
	padding-left:30%;
	padding-right:30%;
	padding-top:35px;
	padding-bottom:50px;
	width: 100%;
	margin-left: auto; margin-right: auto;
  margin-top:30px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.feedback-input {
	color:#3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
	font-size: 18px;
	border-radius: 0;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 54px;
	margin-bottom: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus{
	background: #fff;
	box-shadow: 0;
	border: 3px solid #eba989;
	color: #eba989;
	outline: none;
  padding: 13px 13px 13px 54px;
}

.focused{
	color:#eabb89;
	border:#eabb89 solid 3px;
}

/* Icons ---------------------------------- */
#name{
	background-image: url(http://rexkirby.com/kirbyandson/images/name.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
}

#name:focus{
	background-image: url(http://rexkirby.com/kirbyandson/images/name.svg);
	background-size: 30px 30px;
	background-position: 8px 5px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email{
	background-image: url(http://rexkirby.com/kirbyandson/images/email.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
}

#email:focus{
	background-image: url(http://rexkirby.com/kirbyandson/images/email.svg);
	background-size: 30px 30px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#comment{
	background-image: url(http://rexkirby.com/kirbyandson/images/comment.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 30px;
}

.textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, .textarea:hover,
input:focus, .textarea:focus {
	background-color:white;
}

#button-blue{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 100%;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #eba989;
	color:white;
	font-size:24px;
	padding-top:22px;
	padding-bottom:22px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}

#button-blue:hover{
	background-color: rgba(0,0,0,0);
	color: #f4bf16;
}
	
.submit:hover {
	color: #eba989;
}
	
.ease {
	width: 0px;
	height: 74px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.submit:hover .ease{
  width:100%;
  background-color:white;
}

@media only screen and (max-width: 48em) {
	#form-div{
		left: 3%;
		margin-right: 0;
		width: 100%;
		margin-left: 0;
		padding-left: 3%;
		padding-right: 3%;
	}
}

/* RELATED INTERVIEW */


#relatedinterview-container {
	width: 100%; background: #b3cb68; padding: 8px; padding-bottom: 16px; text-align: center;
}

#relatedinterview-container a {
	display: inline-block; margin-left: 8px; margin-right: 8px; 
	width: 100px;
	height: 56px;
}

#relatedinterview-container a img {
	width: 100%;
	border: 8px solid #3a3f49;
	margin-top: 8px;
}

#relatedinterview-container a img:hover {
	width: 100%;
	border: 8px solid #f26c6c;
}

#relatedint-title {
width: 100%; text-align: center; font-family: Myriad Pro; color: #b3cb68; margin-top: 10px; padding-bottom: 10px; }

#relatedint-title span {
	font-size: 32px;
}

@media only screen and (min-width: 40em) {
	
#relatedinterview-container {
	width: 100%; background: #b3cb68; padding: 28px; padding-top: 10px; text-align: center;
}

#relatedinterview-container a {
	display: inline-block; margin-left: 11px; margin-right: 11px; 
	width: 196px;
	height: 110px;
}

#relatedinterview-container a img {
	width: 100%;
	border: 10px solid #3a3f49;
	margin-top: 22px;
}

#relatedinterview-container a img:hover {
	width: 100%;
	border: 10px solid #f26c6c;
}

#relatedint-title {
width: 100%; text-align: center; font-family: Myriad Pro; color: #b3cb68; margin-top: -25px; padding-bottom: 0px; }

#relatedint-title span {
	font-size: 48px;
}

}

/* RELATED FILMS */


#relatedfilms-container {
	width: 100%; background: #1c1f25; padding: 8px; padding-bottom: 16px; text-align: center;
}

#relatedfilms-container a {
	display: inline-block; margin-left: 8px; margin-right: 8px; 
	width: 100px;
	height: 56px;
}

#relatedfilms-container a img {
	width: 100%;
	border: 8px solid #3a3f49;
	margin-top: 8px;
}

#relatedfilms-container a img:hover {
	width: 100%;
	border: 8px solid #f26c6c;
}

#related-title {
width: 100%; text-align: center; font-family: Myriad Pro; color: #1c1f25; margin-top: 10px; padding-bottom: 10px; }

#related-title span {
	font-size: 32px;
}

#related-title-int {
width: 100%; text-align: center; font-family: Myriad Pro; color: #1c1f25; margin-top: 10px; padding-bottom: 10px; }

#related-title-int span {
	font-size: 32px;
}

@media only screen and (min-width: 40em) {
	
#relatedfilms-container {
	width: 100%; background: #1c1f25; padding: 28px; padding-top: 10px; text-align: center;
}

#relatedfilms-container a {
	display: inline-block; margin-left: 11px; margin-right: 11px; 
	width: 196px;
	height: 110px;
}

#relatedfilms-container a img {
	width: 100%;
	border: 10px solid #3a3f49;
	margin-top: 22px;
}

#relatedfilms-container a img:hover {
	width: 100%;
	border: 10px solid #f26c6c;
}

#related-title {
width: 100%; text-align: center; font-family: Myriad Pro; color: #1c1f25; margin-top: -25px; padding-bottom: 0px; }

#related-title span {
	font-size: 48px;
}

#related-title-int {
width: 100%; text-align: center; font-family: Myriad Pro; color: #1c1f25; margin-top: 15px; padding-bottom: 0px; }

#related-title-int span {
	font-size: 48px;
}

}
.plan-playfilm-but {
	display: inline-block;
	line-height: 45px;
	height: 55px;
	width: 55px;
	margin-top: 7px;
	margin-right: 10px;
	background: url(https://kinematograf.bg/images/new-play-button.png) no-repeat top left #5daedd; 
	background-position: 0px 0px;
	background-size: cover; }
	
.plan-playfilm-but:hover {
	background: url(https://kinematograf.bg/images/new-play-button.png) no-repeat top left #ff8000; 
	cursor: pointer;
	background-size: cover; }
	
.plan-downfilm-but {
	display: inline-block;
	line-height: 45px;
	height: 55px;
	width: 55px;
	margin-top: 7px;
	margin-right: 10px;
	background: url(https://kinematograf.bg/images/download-ico.png) no-repeat top left #5acb6d; 
	background-position: center center;
	background-size: 30px 30px; }
	
.plan-downfilm-but:hover {
	background: url(https://kinematograf.bg/images/download-ico.png) no-repeat center center #ff8000; 
	cursor: pointer;
	background-size: 30px 30px; }
	
@media screen and (min-width: 58em) {
	
.plan-playfilm-but {
	display: inline-block;
	line-height: 81px;
	margin-top: 7px;
	margin-right: 10px;
	height: 55px;
	width: 55px;
	background: url(https://kinematograf.bg/images/new-play-button.png) no-repeat top left #5daedd; 
	background-position: 0px 0px;
	background-size: cover; }
	
.plan-playfilm-but:hover {
	background: url(https://kinematograf.bg/images/new-play-button.png) no-repeat top left #ff8000; 
	cursor: pointer;
	background-size: cover; }
	}
	
	
.plan-downfilm-but {
	display: inline-block;
	line-height: 81px;
	margin-right: 10px;
	margin-top: 7px;
	height: 55px;
	width: 55px;
	background: url(https://kinematograf.bg/images/download-ico.png) no-repeat center center #5acb6d; 
	background-position: center center;
	background-size: 30px 30px; }
	
.plan-downfilm-but:hover {
	background: url(https://kinematograf.bg/images/download-ico.png) no-repeat center center #ff8000; 
	cursor: pointer;
	background-size: 30px 30px; }
	}
	
	
	
/* ABOUT page */

#about-container {
	width: 100%;
	position: relative;
	padding-top: 13vw;
	margin-bottom: 60px;
}

.about-text {
	background: #306071;
	padding: 26px;
	font-size: 18px;
	line-height: 28px;
	font-family: Myriad Pro;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	color: #fff;
}

.about-title {
	color: #fff;
	font-size: 22px;
	line-height: 26px;
	font-family: 'Roboto Slab', serif; font-weight: 700;
	
}



.about-howto-container {
	display: table; width: 100%; padding-top: 0; color: #004365; line-height: 20px;
}

.about-howto-td {
	display: block; padding: 20px; background: #f5f4f0; width: 100%; margin-bottom: 0.8%; text-align: center; vertical-align: middle; border: 13px solid #004365;
}

.about-howto-td-span {
	font-family: 'Roboto Slab', serif; 
	font-weight: 700; 
	font-size: 24px;
	line-height: 36px;
}

.join-position-span {
	background: #fff;
	color: #3f4134;
	padding:11px 14px 11px 14px; 

	font-family: 'Roboto Slab', serif; 
	font-weight: 700; 
	font-size: 24px;
	line-height: 36px;
}

.about-howto-text {
	font-family: 'Myriad Pro'; font-size: 15px; line-height: 20px;
}

.about-howto-row{
	display: block; 
}


.history-white-container {
	background: #efefef;
	padding: 14px;
	font-size: 18px;
	line-height: 28px;
	font-family: Myriad Pro;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	color: #fff;
	text-align: center;
}
@media screen and (min-width: 50em) {
	
.about-text {
	background: #306071;
	padding: 38px;
	font-size: 17px;
	line-height: 28px;
	font-family: Myriad Pro;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	color: #fff;
}


.about-howto-container {
	display: table; width: 100%; padding-top: 0; color: #004365; line-height: 20px;
}

.about-howto-td {
	display: table-cell; padding: 10px; background: #f5f4f0; width: 45%; height: 190px; margin-bottom: 5%; text-align: center; vertical-align: middle; border: 16px solid #004365;
}

.about-howto-td-span {
	font-family: 'Roboto Slab', serif; 
	font-weight: 700; 
	font-size: 24px;
	line-height: 36px;
}

.about-howto-text {
	font-family: 'Myriad Pro'; font-size: 15px; line-height: 20px;
}

.about-howto-row{
	display: table-row; 
}

.history-white-container {
	background: #efefef;
	padding: 26px;
	padding-bottom: 20px;
	font-size: 18px;
	line-height: 28px;
	font-family: Myriad Pro;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	color: #fff;
	text-align: center;
}
}




/* TEAM */


.teammain {
	height: auto;
	
	width: 100%; position: relative;
	border-bottom: 0; 	
	
}

.teamname {
	padding: 10px;
	bottom: 0;
	position: absolute;
	height: 38%;
	width: 100%;
	text-align: center;
	display: block;
	font-family: Myriad Pro;
	font-size: 16px;
	color: #000;
	font-size: 26px; font-size: 2.3vw; line-height: 1.2;
}

.teamname a {
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 22px;
	color: #000;
	font-size: 26px; font-size: 3.2vw; line-height: 1;
}

.teamname span {
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 22px;
	color: #7b6a1a;
	font-size: 26px; font-size: 2vw; line-height: 1;
}


.teamphoto {
	height: 62%;
	width: 100%;
	line-height: 0;
	padding: 0;
	position: absolute;
}

.teamphoto img {
	height: 94%;
	width: auto;
}

.teamleft-nophoto {
	margin-top: 6%;
    width: 47%;
    padding: 10px;
    float: left;
    position: relative;
	border-bottom: 0; 
	background: #f5f4f0;
}

.teamright-nophoto {
	margin-top: 6%;
    width: 47%;
    padding: 10px;
    float: right;
    position: relative;
	border-bottom: 0; 
	background: #f5f4f0;
}
@media screen and (min-width: 46em) {
	
.teammain {
	height: auto;
	width: 76%; position: relative;
	border-bottom: 0; 
	margin-left: auto;
	margin-right: auto;
	
}

.teamname {
	padding: 10px;
	bottom: 0;
	position: absolute;
	height: 30%;
	width: 100%;
	text-align: center;
	display: block;
	font-family: Myriad Pro;
	font-size: 16px;
	color: #000;
	font-size: 26px; font-size: 1.7vw; line-height: 1.30;
}

.teamname a {
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 22px;
	color: #000;
	font-size: 26px; font-size: 2.5vw; line-height: 1.1;
}

.teamname span {
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 22px;
	color: #7b6a1a;
	font-size: 26px; font-size: 1.2vw; line-height: 1.2;
}

.teamphoto {
	height: 70%;
	width: 100%;
	line-height: 0;
	padding: 0;
	position: absolute;
}

.teamphoto img {
	height: 94%;
	width: auto;
}

.teamleft-nophoto {
	margin-top: 6%;
    width: 47%;
    padding: 16px;
    float: left;
    position: relative;
	border-bottom: 0; 
	background: #f5f4f0;
}

.teamright-nophoto {
	margin-top: 6%;
    width: 47%;
    padding: 16px;
    float: right;
    position: relative;
	border-bottom: 0; 
	background: #f5f4f0;
}
}

@media screen and (min-width: 72em) {
	
.teammain {
	height: auto;
	width: 60%; position: relative;
	border-bottom: 0; 
	margin-left: auto;
	margin-right: auto;
	
}

.teamname {
	padding: 10px;
	bottom: 0;
	position: absolute;
	height: 30%;
	width: 100%;
	text-align: center;
	display: block;
	font-family: Myriad Pro;
	font-size: 16px;
	color: #000;
	font-size: 26px; font-size: 1.1vw; line-height: 1.35;
	
}

.teamname a {
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 22px;
	color: #000;
	font-size: 26px; font-size: 1.6vw; line-height: 1.2;
}

.teamname span {
	font-family: Roboto, sans-serif; font-weight: 700;
	font-size: 22px;
	color: #7b6a1a;
	font-size: 26px; font-size: 0.94vw; line-height: 1.2;
}


.teamphoto {
	height: 70%;
	width: 100%;
	line-height: 0;
	padding: 0;
	position: absolute;
}

.teamphoto img {
	height: 94%;
	width: auto;
}


.teamleft-nophoto {
	margin-top: 6%;
    width: 47%;
    padding: 20px;
    float: left;
    position: relative;
	border-bottom: 0; 
	background: #f5f4f0;
}

.teamright-nophoto {
	margin-top: 6%;
    width: 47%;
    padding: 20px;
    float: right;
    position: relative;
	border-bottom: 0; 
	background: #f5f4f0;
}
}

.teamcontainer {
    width: 100%;
}

.teamleft {
	border: 22px solid #f5f4f0;
	margin-top: 6%;
    width: 47%;
    float: left;
    position: relative;
	border-bottom: 0; 
}



.teamsizing-nophoto {
    width: 100%;
    visibility: hidden;
}

.teamright {
	border: 22px solid #f5f4f0;
	margin-top: 6%;
    width: 47%;
    float: right;
    position: relative;
	border-bottom: 0; 
}

.teamsizing {
    width: 100%;
    padding-bottom: 106%;
    visibility: hidden;
}

.teaminfoleft {
	
    width: 100%;
    height: 100%;
	display: block;
    background-color: #fff;
	border-bottom: 0; 
    position: absolute;
    margin-top: -106%;
	font-size: 10px; font-size: 1.25vw; line-height: 1.35;
	color: #ffffff;
	font-family: Myriad Pro;
}



.teaminforight {
	
    width: 100%;
    height: 100%;
	display: block;
    background-color: orange;
	border-bottom: 0; 
    position: absolute;
    margin-top: -106%;
	font-size: 10px; font-size: 1.25vw; line-height: 1.35;
	color: #ffffff;
	font-family: Myriad Pro;
}


.teamtitle {
	
	display: block;
	font-size: 36px; font-size: 3.5vw; line-height: 1.1;
	padding-bottom: 15px;
	color: #ffffff;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 400;
}

.teamsubtitle {
	
	font-size: 14px; font-size: 1.3vw; line-height: 0.4;
	color: #ffffff;
	font-family: 'Myriad Pro', sans-serif;
}

.teaminfo {
	
	font-size: 14px; font-size: 1.45vw; line-height: 3;
	color: #ffffff;
	font-family: 'Myriad Pro Bold', sans-serif;
	margin-top: 0;
	
}

#apply-button {
	margin-top: 40px; 
	padding:10px 15px 10px 15px; 
	font-family: Myriad Pro; 
	color: #b6c957; 
	font-size: 20px; background: #fff;
}
#index-watch-but {
	margin-top: 40px; 
	padding:8px 12px 8px 12px; 
	font-family: Myriad Pro; 
	color: #fff; 
	font-size: 16px; background: #f26c6c;
}
#index-review-but {
	margin-top: 40px; 
	padding:8px 12px 8px 12px; 
	font-family: Myriad Pro; 
	color: #fff; 
	font-size: 16px;  background: #4ca2cf;
}
#index-interview-but {
	margin-top: 40px; 
	padding:8px 11px 8px 11px; 
	font-family: Myriad Pro; 
	color: #fff; 
	font-size: 16px; background: #add45a;
}

#index-fb-but {
	margin-top: 40px; 
	padding:8px 12px 8px 12px; 
	font-family: Myriad Pro; 
	color: #fff; 
	font-size: 16px; background: #3b5998;
}


#apply-button:hover { background: #f1d31b; color: #fff; }

#index-interview-but:hover { background: #f1d31b; }


#index-review-but:hover { background: #f1d31b; }


#index-watch-but:hover { background: #f1d31b; }

#index-wfb-but:hover { background: #fff; color: #3b5998; }

#readinterview-but {
	display: inline;
	margin-top: 40px; 
	padding:8px 12px 8px 12px; 
	font-family: Myriad Pro; 
	color: #91a74d; 
	cursor: pointer;
	font-size: 16px; background: #fff;
}

#readinterview-but:hover { background: #f1d31b; color: #fff; }


@media screen and (min-width: 50em) {
#index-watch-but {
	margin-top: 40px; 
	padding:14px; 
	font-family: Myriad Pro; 
	color: #fff; 
	font-size: 21px; 
	margin-left: 20px; 
	margin-right: 20px; background: #f26c6c;
}
#index-fb-but {
	margin-top: 40px; 
	padding:14px; 
	font-family: Myriad Pro; 
	color: #fff; 
	font-size: 21px; 
	margin-left: 20px; 
	margin-right: 20px; background: #3b5998;
}
#index-review-but {
	margin-top: 40px; 
	padding:14px; 
	font-family: Myriad Pro; 
	color: #fff; 
	font-size: 21px; 
	margin-left: 20px; 
	margin-right: 20px; background: #4ca2cf;
}
#index-interview-but {
	margin-top: 40px; 
	padding:14px; 
	font-family: Myriad Pro; 
	color: #fff; 
	font-size: 21px; 
	margin-left: 20px; 
	margin-right: 20px; background: #add45a;
}

#index-interview-but:hover { background: #f1d31b; }
#index-review-but:hover { background: #f1d31b; }
#index-watch-but:hover { background: #f1d31b; }
#index-fb-but:hover { background: #fff; color: #3b5998; }
}

#vsys-title {
	font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400;
	font-size: 24px; 
	line-height: 29px;
	color: #fff;
}
#vsys-title:hover {
	color: #eccf14;
}

#index-title-colorize {
	color: #fff;
}

#index-title-colorize:hover, #index-title-colorize h1:hover {
	color: #efd319;
}


#subsmessagebox {
	margin-left: auto; margin-right: auto; width: 100%; 
}
#subsmessagebox div {
display: inline-block; color: #fff; font-family: Myriad Pro; font-size: 16px; padding: 15px; position: relative; text-align: center; line-height: 30px; }

@media screen and (min-width: 50em) {
	
#subsmessagebox {
	margin-left: auto; margin-right: auto; width: 50%; 
}

#subsmessagebox div {
display: inline-block; color: #fff; font-family: Myriad Pro; font-size: 16px; padding: 45px; position: relative; text-align: center; line-height: 30px; }
}


#ecogif {
	width: 100%;
}

#ecogif img {
	width: 60%;
}

#ecogifslogan {
margin-bottom: 30px; margin-top: 25px;

}

#ecogifslogan img {
	width: 70%;
	max-width: 418px;
}

#oscarsheader {
margin-bottom: 0px; margin-top: 0px;

}

#oscarsheader img {
	width: 80%;
	max-width: 650px;
}

.eco-years-container {
	width:100%; 
	background: #529e70;
	padding: 40px 40px 40px 40px; 
	margin-top: 7vh;
}

.eco-year {
	color: #fff; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 400; 
	font-size: 22px; 
	padding-left: 17px; 
	padding-right: 17px; 
	line-height: 52px;
}

.eco-year-selected {
	color: #529e70; 
	background: #fff; 
	padding: 7px 12px 7px 12px; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 700; 
	font-size: 20px; 
	margin-left: 17px; 
	border-radius: 3px; 
	margin-right: 17px; 
	line-height: 52px;
}

.oscar-years-container {
	width:100%; 
	background: #fff;
	padding: 40px 40px 40px 40px; 
	margin-top: 2vh; 
}

.oscar-year {
	color: #b09852; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 400; 
	font-size: 22px; 
	padding-left: 17px; 
	padding-right: 17px; 
	line-height: 52px;
}

.oscar-year-selected {
	color: #fff; 
	background: #b09852; 
	padding: 7px 12px 7px 12px; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 700; 
	font-size: 20px; 
	margin-left: 17px; 
	border-radius: 3px; 
	margin-right: 17px; 
	line-height: 52px;
}


.rsa-year {
	color: #6c4482; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 400; 
	font-size: 22px; 
	padding-left: 17px; 
	padding-right: 17px; 
	line-height: 52px;
}

.rsa-year-selected {
	color: #fff; 
	background: #6c4482; 
	padding: 7px 12px 7px 12px; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 700; 
	font-size: 20px; 
	margin-left: 17px; 
	border-radius: 3px; 
	margin-right: 17px; 
	line-height: 52px;
}


.cinepromo-year {
	color: #fff; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 400; 
	font-size: 22px; 
	padding-left: 17px; 
	padding-right: 17px; 
	line-height: 52px;
}

.cinepromo-year-selected {
	color: #fff; 
	background: #6fcde6; 
	padding: 7px 12px 7px 12px; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 700; 
	font-size: 20px; 
	margin-left: 17px; 
	border-radius: 3px; 
	margin-right: 17px; 
	line-height: 52px;
}


.future-year {
	color: #be1d2e; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 400; 
	font-size: 22px; 
	padding-left: 17px; 
	padding-right: 17px; 
	line-height: 52px;
}

.future-year-selected {
	color: #fff; 
	background: #be1d2e; 
	padding: 7px 12px 7px 12px; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 700; 
	font-size: 20px; 
	margin-left: 17px; 
	border-radius: 3px; 
	margin-right: 17px; 
	line-height: 52px;
}


.kurzgesagt-years-container {
	width:100%; 
	background: #453967;
	padding: 40px 40px 40px 40px; 
	margin-top: 0vh; 
}

.kurzgesagt-year { 
	background: #f92079; 
	color: #fff; 
	padding: 7px 12px 7px 12px; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 700; 
	font-size: 20px; 
	margin-left: 17px; 
	border-radius: 3px; 
	margin-right: 17px; 
	line-height: 52px;
}

.kurzgesagt-year-selected {
	color: #453967; 
	background: #fff; 
	padding: 7px 12px 7px 12px; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 700; 
	font-size: 20px; 
	margin-left: 17px; 
	border-radius: 3px; 
	margin-right: 17px; 
	line-height: 52px;
}


.bafta-years-container {
	width:100%; 
	background: #fff;
	padding: 40px 40px 40px 40px; 
	margin-top: 2vh; 
}

.bafta-year {
	color: #c59117; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 400; 
	font-size: 22px; 
	padding-left: 17px; 
	padding-right: 17px; 
	line-height: 52px;
}

.bafta-year-selected {
	color: #fff; 
	background: #c59117; 
	padding: 7px 12px 7px 12px; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 700; 
	font-size: 20px; 
	margin-left: 17px; 
	border-radius: 3px; 
	margin-right: 17px; 
	line-height: 52px;
}


.tiff-years-container {
	width:100%; 
	background: #fff;
	padding: 40px 40px 40px 40px; 
	margin-top: 2vh; 
}

.tiff-year {
	color: #f9772c; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 400; 
	font-size: 22px; 
	padding-left: 17px; 
	padding-right: 17px; 
	line-height: 52px;
}

.tiff-year-selected {
	color: #fff; 
	background: #f9772c; 
	padding: 7px 12px 7px 12px; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 700; 
	font-size: 20px; 
	margin-left: 17px; 
	border-radius: 3px; 
	margin-right: 17px; 
	line-height: 52px;
}
@media screen and (min-width: 46em) {
	

.eco-years-container {
	width:100%; 
	background: #529e70;
	padding: 30px 30px 30px 30px; 
	margin-top: 5vh;
}

.eco-year {
	color: #fff; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 400; 
	font-size: 26px; 
	padding-left: 20px; 
	padding-right: 20px; 
	line-height: 60px;
}

.eco-year-selected {
	color: #529e70; 
	background: #fff; 
	padding: 8px 14px 8px 14px; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 700; 
	font-size: 22px; 
	margin-left: 20px; 
	border-radius: 4px; 
	margin-right: 20px; 
	line-height: 60px;
}



.oscar-years-container {
	width:100%; 
	background: #fff;
	padding: 30px 30px 30px 30px; 
	margin-top: 4vh;
}

.oscar-year {
	color: #b09852; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 400; 
	font-size: 26px; 
	padding-left: 20px; 
	padding-right: 20px; 
	line-height: 60px;
}

.oscar-year-selected {
	color: #ffff; 
	background: #b09852;  
	padding: 8px 14px 8px 14px; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 700; 
	font-size: 22px; 
	margin-left: 20px; 
	border-radius: 4px; 
	margin-right: 20px; 
	line-height: 60px;
}


.siff-year {
	color: #000;
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 400; 
	font-size: 26px; 
	padding-left: 20px; 
	padding-right: 20px; 
	line-height: 60px;
}

.siff-year-selected {
	color: #000; 
	background: #ffac0c;  
	border: 1px solid #ffac0c;
	padding: 8px 14px 8px 14px; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 700; 
	font-size: 22px; 
	margin-left: 20px; 
	border-radius: 4px; 
	margin-right: 20px; 
	line-height: 60px;
}


.bafta-years-container {
	width:100%; 
	background: #fff;
	padding: 30px 30px 30px 30px; 
	margin-top: 4vh;
}

.bafta-year {
	color: #c59117; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 400; 
	font-size: 26px; 
	padding-left: 20px; 
	padding-right: 20px; 
	line-height: 60px;
}

.bafta-year-selected {
	color: #ffff; 
	background: #c59117;  
	padding: 8px 14px 8px 14px; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 700; 
	font-size: 22px; 
	margin-left: 20px; 
	border-radius: 4px; 
	margin-right: 20px; 
	line-height: 60px;
}


.tiff-years-container {
	width:100%; 
	background: #fff;
	padding: 30px 30px 30px 30px; 
	margin-top: 4vh;
}

.tiff-year {
	color: #f97f20; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 400; 
	font-size: 26px; 
	padding-left: 20px; 
	padding-right: 20px; 
	line-height: 60px;
}

.tiff-year-selected {
	color: #ffff; 
	background: #f97f20;  
	padding: 8px 14px 8px 14px; 
	font-family: 'Myriad Pro', sans-serif; 
	font-weight: 700; 
	font-size: 22px; 
	margin-left: 20px; 
	border-radius: 4px; 
	margin-right: 20px; 
	line-height: 60px;
}

#oscarsheader {
margin-bottom: 0px; margin-top: 0px;

}

#oscarsheader img {
	width: 70%;
	max-width: 1018px;
}

#ecogifslogan {
margin-bottom: 60px; margin-top: 60px;

}
#ecogifslogan img {
	max-width: 418px;
	width: 40%;
}}


#konkurs-container {
	background: #eaeaea; background-position: 0 0px; padding-bottom: 40px; padding-top: 28px; position: relative; width: 100vw; overflow-x: hidden; 
}

#konkurs-header {
	background: url(https://kinematograf.bg/images/konkurs/header.png) no-repeat center center; 
	position: relative; 
	width: 95%; 
	margin-left: auto; 
	margin-right: auto; 
	background-size: contain;
}

#konkurs-header img {
	width: 95%; 
	visibility: hidden;
}

#konkurs-awards {
	background: url(https://kinematograf.bg/images/konkurs/awards.png) no-repeat center center; 
	margin-bottom: 0px; 
	transform: scale(1.6);
	width: 100%; 
	overflow: hidden;
	max-width: 1000px; 
	margin-top: 10px;
	margin-left: auto; 
	margin-right: auto; 
	height: 70px; 
	background-size: contain; 
}

#konkurs-step1 {
	background: url(https://kinematograf.bg/images/konkurs/step1.png) no-repeat bottom center; 
	width: 100%;
	margin-left: auto; 
	margin-right: auto; 
	height: 60px; 
	background-size: contain; 
}
#konkurs-step2 {
	background: url(https://kinematograf.bg/images/konkurs/step2.png) no-repeat bottom center; 
	width: 100%;
	margin-left: auto; 
	margin-right: auto; 
	height: 60px; 
	background-size: contain; 
}
#konkurs-step3 {
	background: url(https://kinematograf.bg/images/konkurs/step3.png) no-repeat bottom center; 
	width: 100%;
	margin-left: auto; 
	margin-right: auto; 
	height: 60px; 
	background-size: contain; 
}
#konkurs-final {
	background: url(https://kinematograf.bg/images/konkurs/final.png) no-repeat bottom center; 
	width: 100%;
	margin-left: auto; 
	margin-right: auto; 
	height: 60px; 
	background-size: contain; 
}

#konkurs-step {
	background: #e02757; 
	width: 100%; 
	padding: 5px; 
	padding-top: 0;
	padding-bottom: 12px; 
	margin-left: auto; 
	margin-right: auto;
	
}

.konkurs-film-img {
	display: table-cell; 
	width: 50%; padding: 5px; padding-bottom: 0;
}

.konkurs-film-info {
	display: table-cell; color: #606060; background: #fff; border: 5px solid #e02757; border-top: 0; width: 50%; padding: 10px; 
}

.konkurs-title {
	font-family: Roboto Slab; font-weight: 700; font-size: 18px;color: #000;
}

.konkurs-year {
	font-family: Myriad Pro; font-size: 12px;
}


.konkurs-detail {
	background: #efefef;
	color: #505050; 
	padding: 2px 4px 2px 4px;
	font-size: 11px;
	text-decoration: none;
	
}
.konkurs-detail:hover {
	background: #ff8000;
	color: #fff; 

}

.konkurs-description {

	font-family: Myriad Pro; 
	font-size: 12px;
	line-height: 18px;
}


@media screen and (min-width: 64em) {


#konkurs-header {
	background: url(https://kinematograf.bg/images/konkurs/header.png) no-repeat center center; 
	position: relative; 
	width: 80%; 
	margin-left: auto; 
	margin-right: auto; 
	background-size: contain;
}

#konkurs-header img {
	width: 80%; 
	visibility: hidden;
}

#konkurs-awards {
	background: url(https://kinematograf.bg/images/konkurs/awards.png) no-repeat center center; 
	margin-bottom: 50px; 
	transform: scale(1);
	width: 100%; 
	max-width: 1000px; 
	margin-left: auto; 
	margin-right: auto; 
	height: 170px; 
	background-size: contain; 
}

#konkurs-step1 {
	background: url(https://kinematograf.bg/images/konkurs/step1.png) no-repeat bottom center; 
	width: 60%; 
	margin-left: auto; 
	margin-right: auto; 
	height: 60px; 
	background-size: contain; 
}
#konkurs-step2 {
	background: url(https://kinematograf.bg/images/konkurs/step2.png) no-repeat bottom center; 
	width: 60%; 
	margin-left: auto; 
	margin-right: auto; 
	height: 60px; 
	background-size: contain; 
}
#konkurs-step3 {
	background: url(https://kinematograf.bg/images/konkurs/step3.png) no-repeat bottom center; 
	width: 60%; 
	margin-left: auto; 
	margin-right: auto; 
	height: 60px; 
	background-size: contain; 
}
#konkurs-final {
	background: url(https://kinematograf.bg/images/konkurs/final.png) no-repeat bottom center; 
	width: 60%; 
	margin-left: auto; 
	margin-right: auto; 
	height: 60px; 
	background-size: contain; 
}

#konkurs-step {
	background: #e02757; 
	width: 60%; 
	padding: 10px; 
	padding-top: 0; 
	margin-left: auto; 
	margin-right: auto;
	
	padding-bottom: 12px; 
}

.konkurs-film-img {
	display: table-cell; 
	width: 50%; padding: 20px; padding-bottom: 0; position: relative;
}


.konkurs-film-info {
	display: table-cell; color: #606060; background: #fff;border: 20px solid #e02757; border-top: 0; width: 50%; padding: 20px; 
}


.konkurs-title {
	font-family: Roboto Slab; font-weight: 700; font-size: 24px;color: #000;
}

.konkurs-year {
	font-family: Myriad Pro; font-size: 14px;
}

.konkurs-detail {
	background: #efefef;
	color: #505050; 
	padding: 3px 6px 3px 6px;
	font-size: 13px;
	text-decoration: none;
	
}
.konkurs-detail:hover {
	background: #ff8000;
	color: #fff; 

}

.konkurs-description {

	font-family: Myriad Pro; 
	font-size: 14px;
	line-height: 20px;
}

}



.konkurs-film-img-film1 {
	position: relative;z-index: 20; display: inline-block; 
	background: url(https://kinematograf.bg/images/konkurs/slon.jpg) no-repeat center center; background-size: contain;
}

.konkurs-film-img-film1:hover {
	background: url(https://kinematograf.bg/images/konkurs/playsign.png) no-repeat center center #e8e169;
}

.konkurs-film-img-film2 {
	position: relative;z-index: 20; display: inline-block; 
	background: url(https://kinematograf.bg/images/konkurs/kak-da-nadebeleem.jpg) no-repeat center center; background-size: contain;
}

.konkurs-film-img-film2:hover {
	background: url(https://kinematograf.bg/images/konkurs/playsign.png) no-repeat center center #bee789;
}



.konkurs-film-img-film3 {
	position: relative;z-index: 20; display: inline-block; 
	background: url(https://kinematograf.bg/images/konkurs/next-floor.jpg) no-repeat center center; background-size: contain;
}

.konkurs-film-img-film3:hover {
	background: url(https://kinematograf.bg/images/konkurs/playsign.png) no-repeat center center #69e0c8;
}

.konkurs-film-img-film4 {
	position: relative;z-index: 20; display: inline-block; 
	background: url(https://kinematograf.bg/images/konkurs/pizza-verdi.jpg) no-repeat center center; background-size: contain;
}

.konkurs-film-img-film4:hover {
	background: url(https://kinematograf.bg/images/konkurs/playsign.png) no-repeat center center #d9d9d9;
}



.konkurs-film-img-film5 {
	position: relative;z-index: 20; display: inline-block; 
	background: url(https://kinematograf.bg/images/konkurs/beat.jpg) no-repeat center center; background-size: contain;
}

.konkurs-film-img-film5:hover {
	background: url(https://kinematograf.bg/images/konkurs/playsign.png) no-repeat center center #74d4f0;
}

#justcode {
	
	display: inline-block;
	height: 40px;
	width: 132px;
	background: url(https://kinematograf.bg/images/justcode.png) no-repeat top left; 
	background-position: 0px 0px;
	background-size: cover; }
	
#justcode:hover {
	background: url(https://kinematograf.bg/images/justcode.png) no-repeat top left; 
	background-position: 0px -40px;
	background-size: cover;
	cursor: pointer; }

.partner-container {
	padding: 18px;
	padding-top: 18px;
	padding-bottom: 18px;
	
}
.partner-box {
	display: inline-block; padding: 10px; background: #fff; margin: 5px; height: 90px; width: 130px; border: 1px solid #e7f4fc;
}
.partner-box:hover {
	border: 1px solid #a4e1f6;
}

.partner-box img {
	height: 80%;
	vertical-align: middle;
	margin-bottom: 8px;
}

.text-mob-not-footer {
	display: none;
}
@media screen and (min-width: 64em) {
	

.text-mob-not-footer {
	display: block;
}
.partner-box {
	display: inline-block; padding: 14px; background: #fff; margin: 7px; height: 110px; width: 210px; border: 1px solid #e7f4fc;
}
.partner-box:hover {
	border: 1px solid #a4e1f6;
}

.partner-box img {
	height: 84%;
	vertical-align: middle;
	margin-bottom: 8px;
}
}
.partner-box-mini {
	display: inline-block;
	text-align: center; line-height: 14px; padding: 7px; background: #fff; margin: 7px; height: 50px; width: 88px; border: 1px solid #e7f4fc;
}
.partner-box-mini:hover {
	border: 1px solid #a4e1f6;
}

.partner-box-mini img {
	height: 94%;
	vertical-align: middle;
	text-align: center;
	margin-top: 2px;
}

.partner-box-admin {
	display: inline-block; padding: 12px; background: #fff; margin-top: 5px; margin-bottom:  5px; height: 84px; 
}

.partner-box-admin img {
	height: 100%;
}


.partner-box-admin-small {
	display: inline-block; padding: 10px; background: #fff; margin-top: 3px; margin-bottom: 3px; height: 75px; 
}

.partner-box-admin-small img {
	height: 100%;
}


.partner-box-admin-micro {
	display: inline-block; padding: 8px; background: #fff; border-top: 1px solid #192124; margin-bottom: 0; height: 62px; 
}

.partner-box-admin-micro img {
	height: 100%;
}



@media screen and (min-width: 64em) {
	
.partner-container {
	padding: 35px;
	padding-top: 35px;
	padding-bottom: 35px;
	
}
}



.vote-event-1 {
	display: block;
	height: 33px;
	width: 33px;
	float: left;
	margin-left: 6px;
	background: url(https://kinematograf.bg/images/vote-1.png) no-repeat top left #556270; 
	background-position: 0px 0px;
	background-size: cover; }

.vote-event-1-box {
	display: table-cell; width: 33%; padding: 20px; background: #d1d1d1; text-align: center;
}	
.vote-event-1-box:hover {
	background: #efd319; }

.vote-event-2-box {
	display: table-cell; width: 33%; padding: 20px; background: #b3de5c; text-align: center;
}	
.vote-event-2-box:hover {
	background: #efd319; }

.vote-event-3-box {
	display: table-cell; width: 33%; padding: 20px; background: #fe798b; text-align: center;
}	
.vote-event-3-box:hover {
	background: #efd319; }
	
	
	/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 270px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#event_button_generate_label {
font-family: 'Yanone Kaffeesatz', sans-serif; 
font-weight: 700; 
padding: 14px 20px 11px 20px;
background: #000;
border: 4px solid #efd319;
border-radius: 7px;
margin-right: -9px;
font-size: 26px;
margin-left: 50px; 
color: #efd319;
cursor: pointer; }


#event_button_generate {
font-family: 'Yanone Kaffeesatz', sans-serif; 
font-weight: 700; 
padding: 14px 20px 11px 20px;
background: #efd319;
border: 4px solid #efd319;
border-radius: 7px;
font-size: 26px;
margin-left: 50px; 
color: #000;
cursor: pointer; }

#event_button_generate:hover {
background: #2facd0;
border-color: #2facd0; 
color: #fff;	
}


#event_button_50 {
font-family: 'Yanone Kaffeesatz', sans-serif; 
font-weight: 700; 
padding: 14px 27px 11px 27px;
background: #8de623;
border: 4px solid #8de623;
font-size: 26px;
margin-right: -9px;
color: #000;
cursor: pointer; }

#event_button_50:hover {
background: #2facd0;
border-color: #2facd0; 
color: #fff;	
}

#event_button_code {
font-family: 'Yanone Kaffeesatz', sans-serif; 
font-weight: 700; 
padding: 14px 16px 10px 16px;
background: #efd319;
border-radius: 7px;
border: 4px solid #efd319;
font-size: 26px; 
color: #000;
margin-left: -15px;
cursor: pointer; }


#event_button_code:hover {
background: #2facd0;
border-color: #2facd0;
color: #fff; }

#event_button_field {
font-family: 'Myriad Pro Bold', sans-serif;
padding: 10px 16px 10px 16px;
background: #333333;
border: 4px solid #efd319;
border-radius: 7px;
font-size: 24px; 
text-align: center;
width: 132px;
outline: none;
color: #fff; }

#event_button_field:active {
font-family: 'Myriad Pro Bold', sans-serif;
padding: 10px 16px 10px 16px;
background: #333333;
border: 4px solid #efd319;
border-radius: 7px;
font-size: 24px; 
text-align: center;
width: 132px;
outline: none;
color: #fff; }

#event_button_field:focus {
font-family: 'Myriad Pro Bold', sans-serif;
padding: 10px 16px 10px 16px;
background: #333333;
border: 4px solid #efd319;
border-radius: 7px;
font-size: 24px; 
text-align: center;
width: 132px;
outline: none;
color: #fff; }

#event_button_nomob_container {
margin-left: auto; 
margin-right: auto; 
text-align: center; 
display: none; 
text-align: center; }

#event_button_mob_container {
margin-left: auto; 
margin-right: auto; 
text-align: center; 
display: inline-block; 
text-align: center;
margin-top: -8vh; }

#invite-block {
	display: inline-block; padding: 20px 14px 40px 14px; width: 100%; border: 1px solid #fff; color: #000; background: #fff; 
	}
	
@media screen and (min-width: 54em) {
	
#invite-block {
	display: inline-block; padding: 30px 30px 40px 30px; width: 420px; border-radius: 10px; border: 1px solid #fff; color: #000; background: #fff; 
	}
	
#event_button_code {
display: inline-block;  }


#event_button_field {
display: inline-block; }
	
#event_button_nomob_container {
margin-left: auto; 
margin-right: auto; 
text-align: center; 
display: inline-block; 
text-align: center; }

#event_button_mob_container {
margin-left: auto; 
margin-right: auto; 
text-align: center; 
display: none; 
text-align: center; }
}

#codeform {
	display: inline-block;
}


#intro_3_subbutton {
	margin-right: 20px; border-radius: 4px;
	background: none; border: 2px solid #000; padding: 14px 25px 10px 25px; font-family: 'Yanone Kaffeesatz', sans-serif; color: #f5d21c; text-decoration: none; line-height: 24px; font-weight: 400; font-size: 26px;
}
#intro_3_subbutton:hover {
	background: #fff; border: 2px solid #fff; color: #4d5268; text-decoration: none; 
}


#intro_3_button {
	background: #f5d21c; border: 2px solid #f5d21c; padding: 14px 25px 10px 25px; font-family: 'Yanone Kaffeesatz', sans-serif; color: #000; text-decoration: none; line-height: 24px; font-weight: 400; font-size: 26px;
}
#intro_3_button:hover {
	background: #fff; border: 2px solid #fff; color: #4d5268; text-decoration: none; 
}


#foolucky{
	display: none;
 position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
background: #000;
z-index: 2999;
}

@media screen and (min-width: 54em) {
	
#foolucky{
	display: block;
 position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
background: #000;
z-index: 2999;
}
}


/* EVENTS TEAM */


#eventscontainer-team {
	margin-left: auto; margin-right: auto; 
    width: 100%;
	height: auto;
	padding: 20px;
}
.eventshead-team {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 30px;
	text-align: center;
	line-height: 40px;
	width: 100%;
	border-bottom: 2px solid #fff;
}

.eventscity-team {
	color: #efd319;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	font-size: 28px;
}

.events-team-hour {
font-size: 20px; font-weight: 400;
}

.eventscontent-team {
	width: 100%; 
	height: auto; 
	min-height: 400px;
	position: relative; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 1vh;
}

.eventscontent-table-team {
	
display: block; 
width: 100%; 
height: 100%; }

.eventscontent-row-team {
display: block; }

.eventscontent-td1-team {
display: block;  
width: 100%; 
text-align: left; 
vertical-align: middle; }

.eventscontent-td2-team {
display: block;  
width: 100%; 
text-align: left; 
vertical-align: middle; }

.events-team-map {
	height: 150px;
	width: 100%;
}

.eventscontent-td1-sub {
background: rgba(0,78,100,0.2);
padding: 20px;
margin-top: 5px;
}

.eventsinvited {
	width: 70%; 
	position: relative; 
	background: rgba(0,0,0,0.2); 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 5vh;
}

.eventsinvited {
	width: 100%; 
	position: relative; 
	background: rgba(0,0,0,0.2); 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 2vh;
}

.eventattended {
	width: 100%; 
	position: relative;
	background: #ffffff; 
	margin-left: auto;
	margin-right: auto; 
	margin-top: 2vh;
	
}

.eventattended-table {
	display: block; 
	width: 100%; 
	height: 100%;
}

.eventattended-row {
	display: block;
}

.eventattended-td1 {
	display: block; 
	padding: 10px; 
	width: 100%; 
	text-align: left; 
	vertical-align: middle;
}

.eventattended-td2 {
	display: block; 
	width: 100%; 
	padding: 20px; 
	background: #fff; 
	text-align: right; 
	vertical-align: middle;
}
@media screen and (min-width: 54em) {
	
	
#eventscontainer-team {
	margin-left: auto; margin-right: auto; 
    width: 100%;
	height: auto;
	max-width: 900px;
	margin-top: 60px;
}

.eventshead-team {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 56px;
	text-align: center;
	line-height: 54px;
	width: 100%;
	border-bottom: 2px solid #fff;
}

.eventscity-team {
	color: #efd319;
	font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 700;
	font-size: 66px;
}

.events-team-hour {
font-size: 26px; font-weight: 400;
}


.eventscontent-team {
	
	width: 70%; 
	height: 50vh; 
	min-height: 400px;
	position: relative; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 5vh;
}

.eventscontent-table-team {
	
display: table; 
width: 100%; 
height: 100%; }

.eventscontent-row-team {
display: table-row; }

.eventscontent-td1-team {
display: table-cell; 
padding-right: 0vh; 
width: 30%; 
text-align: left; 
vertical-align: middle; }

.eventscontent-td2-team {
display: table-cell; 
padding-left:0vh;  
width: 70%; 
text-align: left; 
vertical-align: middle; }

.events-team-map {
	height: 244px;
	width: 100%;
}
.eventscontent-td1-sub {
	background: rgba(0,78,100,0.2);
	padding: 20px;
	width: 100%;
	margin-top: 0px;
}

.eventsinvited {
	width: 70%; 
	position: relative; 
	background: rgba(0,0,0,0.2); 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 5vh;
}

.eventattended {
	width: 70%; 
	position: relative;
	background: #ffffff; 
	margin-left: auto;
	margin-right: auto; 
	margin-top: 5vh;
	
}

.eventattended-table {
	display: table; width: 95%; height: 100%;
}

.eventattended-row {
	display: table-row;
}

.eventattended-td1 {
	display: table-cell; 
	padding-right: 3vh; 
	padding: 10px; 
	width: 60%; 
	text-align: left; 
	vertical-align: middle;
}

.eventattended-td2 {
	display: table-cell; 
	min-width: 330px; 
	width: 30%; 
	float: right; 
	padding: 20px; 
	background: #fff; 
	text-align: right; 
	vertical-align: middle;
}
}

#loadMore {
	margin-left: auto; margin-right: auto;
	width: 100%; 
	text-align: center;
	margin-top: 60px;
	margin-bottom: 50px;
}

#loadMore a {
	background: #fff;
	padding: 9px 24px 9px 24px;
	color: #000;
	font-family: 'Yanone Kaffeesatz', sans-serif; 
	font-size: 30px;
}
#loadMore a:hover {
	background: #efd319;
	padding: 9px 24px 9px 24px;
	color: #000;
	font-family: 'Yanone Kaffeesatz', sans-serif; 
	font-size: 30px;
}

#loadfootMore {
	margin-left: auto; margin-right: auto;
	width: 100%; 
	text-align: center;
	margin-top: 25px;
}

#loadfootMore a {
	background: #000;
	border: 1px solid #fff;
	padding: 6px 16px 6px 16px;
	color: #fff;
	font-family: 'Yanone Kaffeesatz', sans-serif; 
	font-size: 15px;
}
#loadfootMore a:hover {
	background: #efd319;
	border: 1px solid #efd319;
	padding: 9px 18px 9px 18px;
	color: #000;
	font-family: 'Yanone Kaffeesatz', sans-serif; 
	font-size: 15px;
}


.films_mid_opener {
	display: inline-block; 
	cursor: pointer;
	
}

.films_mid_opener:hover {
	color: #f8da37;
	
}

.films_mid_opener i {
	color: #40e0ff; }
	
.films_mid_opener:hover i {
	color: #f8da37; }

.films_mid_opener_second {
	display: none; 
	background: #191b25;
	border: 2px solid #f8da37; 
	position: fixed; 
	z-index: 5000;
	top: 35vh; 
	left: 340px; 
	padding: 20px; 
	border-left: 0;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px; 
	text-align: center;
	cursor: pointer;
}

.films_mid_opener_second i {
	color: #f8da37; }
	
.films_mid_opener_second:hover i {
	color: #191b25; }
.films_mid_opener_second:hover {
	background: #f8da37; }

	
.nomob_inline { display: inline-block; }
.mob_inline { display: none; }
.nomob { display: block; }
.mob { display: none; }
@media screen and (max-width: 736px) {
.nomob_inline { display: none; }
.mob_inline { display: inline-block; }
.nomob { display: none; }
.mob { display: block; }
.nomid { display: none; }
}

	
.mid { display: block; }
.nomid { display: none; }
.nomid_in { display: none; }


.midmob { display: block; }

@media screen and (max-width: 736px) {
	.midmob { display: none; } }
	
	.event_poster_responsive {
		height: 235px; width: 220px; }
	
@media screen and (max-width: 1000px) {
	.event_poster_responsive { 
height: 235px; width: 0px; }}
	
.films_mid_opener_active {
	display: inline-block; 
	background: #40e0ff; 
	position: fixed; 
	z-index: 5000;
	top: 35vh; 
	left: 0px; 
	padding: 20px; 
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px; 
	text-align: center;
	cursor: pointer;
}

.films_mid_opener_active:hover {
	background: #f8da37; 
	cursor: pointer; 
}

.films_mid_opener_active i {
	color: #191b25; }
	
.films_mid_opener_active:hover i {
	color: #191b25; }

.leftmenu_td_mid { display: none; }
.leftmenu_td_mid_line { display: table-cell; }

.rightfilms_td_padd_mid { padding-right: 0px; }

.mid_in { display: inline-block; }

@media screen and (min-width: 1420px) {
	
.mid_in { display: none; }
.mid { display: none; }
.midmob { display: none; }
.nomid { display: block; }
.nomid_in { display: inline-block; }

.leftmenu_td_mid { display: table-cell; }
.leftmenu_td_mid_line { display: none; }

.rightfilms_td_padd_mid { padding-right: 40px; }

.films_mid_opener {
	display: none; 
	}


.films_mid_opener_second {
	display: none; 
}

.films_mid_opener_active {
display: none;  }

}



		
.original_event_but-bord-star-active {
	border: 1px solid #40e0ff; 
	background: #40e0ff;
	display: inline-block;
	color: #000;
	border-radius: 300px;
	margin-left: 10px;
	font-family: Roboto;
	padding: 6px 13px 7px 13px;
	font-size: 15px; }
	
.original_event_but-bord-star-active:hover {
	color: #000; }
	
.original_event_but-bord-star {
	border: 1px solid #1e4552; 
	background: #071c23;
	display: inline-block;
	color: #e3eef2;
	border-radius: 300px;
	margin-left: 10px;
	font-family: Roboto;
	padding: 6px 13px 7px 13px;
	font-size: 15px; }

.original_event_but-bord-star:hover {
	border: 1px solid #2c5b6a; 
	background: #112f39;
	display: inline-block;
	color: #fff; }
	
	
	
.filmaker_menu_a {
display: inline-block;
width: 100%;
cursor: pointer;
background: none;
border-radius: 5px;
font-size: 17px;
color: #fff;
padding: 10px 15px; }

.filmaker_menu_a table tr td span {
color: #fff; }

.filmaker_menu_a:hover {
background: #222638;
border-radius: 5px;
color: #fff; }

.filmaker_menu_a table tr td i {
color: #fff; }

.filmaker_menu_a:hover table tr td i {
color: #40e0ff;
 }


.filmaker_menu_a_selected {
display: inline-block;
width: 100%;
cursor: pointer;
background: #0a0c14;
border-radius: 5px;
font-size: 17px;
color: #fff;
padding: 10px 15px; }

.filmaker_menu_a_selected table tr td span {
color: #fff; }

.filmaker_menu_a_selected table tr td i {
color: #40e0ff; }





.filmaker_menu_subb {
display: inline-block;
margin-right: 20px;
cursor: pointer;
background: none;
border-radius: 4px;
font-size: 15px;
color: #fff;
padding: 7px 12px;
border: 1px solid rgba(0,0,0,0); }

.filmaker_menu_subb table tr td span {
color: #fff; }

.filmaker_menu_subb:hover {
background: #222638;
border-radius: 5px;
color: #fff;
border: 1px solid #262b46; }

.filmaker_menu_subb table tr td i {
color: #fff; }

.filmaker_menu_subb:hover table tr td i {
color: #40e0ff;
 }


.filmaker_menu_subb_selected {
display: inline-block;
margin-right: 20px;
cursor: pointer;
background: #262b46;
border-radius: 4px;
font-size: 15px;
color: #fff;
padding: 7px 12px; }

.filmaker_menu_subb_selected table tr td span {
color: #fff; }

.filmaker_menu_subb_selected table tr td i {
color: #40e0ff; } 


#new_awards_div {
	width: 100%;
	text-align: center;
	position: relative;
}

#new_awards_div a {
	background: #1c1e2c;
	border-radius: 4px;
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 9px;
	padding-bottom: 7px;
}


#new_awards_div a:hover {
	background: #282b3f;
	cursor: pointer;
}

#new_awards_div a img {
	opacity: 1;
	height: 25px;
}

#new_awards_div a:hover img {
	opacity: 1;
}

@media screen and (min-width: 42em) {


#new_awards_div {
	width: 100%;
	text-align: center;
	position: relative;
}

#new_awards_div a {
	background: #1c1e2c;
	border-radius: 7px;
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 18px;
}


#new_awards_div a:hover {
	background: #282b3f;
	cursor: pointer;
}

#new_awards_div a img {
	opacity: 1;
	height: 45px;
}

#new_awards_div a:hover img {
	opacity: 1;
}


}


/* Config */
:root {
  --sk-size: 40px;
  --sk-color: #f8bb12;
}

/*  Circle Fade
      <div class="sk-circle-fade">
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
      </div>
 */
.sk-circle-fade {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative; 
}

.sk-circle-fade-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
}

.sk-circle-fade-dot:before {
  content: '';
  display: block;
  width: 15%;
  height: 15%;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-circle-fade 1.2s infinite ease-in-out both; 
}

.sk-circle-fade-dot:nth-child(1)  { transform: rotate(30deg);  }
.sk-circle-fade-dot:nth-child(2)  { transform: rotate(60deg);  }
.sk-circle-fade-dot:nth-child(3)  { transform: rotate(90deg);  }
.sk-circle-fade-dot:nth-child(4)  { transform: rotate(120deg); }
.sk-circle-fade-dot:nth-child(5)  { transform: rotate(150deg); }
.sk-circle-fade-dot:nth-child(6)  { transform: rotate(180deg); }
.sk-circle-fade-dot:nth-child(7)  { transform: rotate(210deg); }
.sk-circle-fade-dot:nth-child(8)  { transform: rotate(240deg); }
.sk-circle-fade-dot:nth-child(9)  { transform: rotate(270deg); }
.sk-circle-fade-dot:nth-child(10) { transform: rotate(300deg); }
.sk-circle-fade-dot:nth-child(11) { transform: rotate(330deg); }
.sk-circle-fade-dot:nth-child(1):before  { animation-delay: -1.1s; }
.sk-circle-fade-dot:nth-child(2):before  { animation-delay: -1.0s; }
.sk-circle-fade-dot:nth-child(3):before  { animation-delay: -0.9s; }
.sk-circle-fade-dot:nth-child(4):before  { animation-delay: -0.8s; }
.sk-circle-fade-dot:nth-child(5):before  { animation-delay: -0.7s; }
.sk-circle-fade-dot:nth-child(6):before  { animation-delay: -0.6s; }
.sk-circle-fade-dot:nth-child(7):before  { animation-delay: -0.5s; }
.sk-circle-fade-dot:nth-child(8):before  { animation-delay: -0.4s; }
.sk-circle-fade-dot:nth-child(9):before  { animation-delay: -0.3s; }
.sk-circle-fade-dot:nth-child(10):before { animation-delay: -0.2s; }
.sk-circle-fade-dot:nth-child(11):before { animation-delay: -0.1s; }

@keyframes sk-circle-fade {
  0%, 39%, 100% {
    opacity: 0;
    transform: scale(0.6);
  } 40% {
    opacity: 1; 
    transform: scale(1);
  }
}

.alert-box {
  width: 100%; display: block; margin-bottom: 38px; background: url(https://kinematograf.bg/images/big-newsbanner.jpg) no-repeat center center; background-size: contain; padding-bottom:14%;
  position: relative;
}
.alert-box-close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
#alert-box-news,#alert-box-insta{
  display:none;
}

.alert-box .black {
width: 100%; color: #ffde00; font-family: 'Exo 2'; font-weight: 700; max-width: 292px; padding: 21px 20px; font-size: 26px; border-radius: 5px; background: rgba(25,27,37,0.88); display: inline-block;
}

.alert-box .black:hover {
color: #fff; background: #ff5816; }


.alert-box .yellow {
width: 100%; color: #000; font-family: 'Exo 2'; font-weight: 700; max-width: 292px; padding: 21px 20px; font-size: 26px; border-radius: 5px; background: #efd319; display: inline-block;
}

.alert-box .yellow:hover {
color: #fff; background: #ff5816; }


.alert-box-mob {
  width: 100%; display: block; margin-top: -15px; margin-bottom: 4.8%; background: url(https://kinematograf.bg/images/mob-newsbanner.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.alert-box-mob-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
#alert-box-mob-news,#alert-box-mob-insta{
  display:none;
}

.alert-box-mob .black {
position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 14%; width: 80.67%; color: #000; font-family: 'Exo 2'; font-weight: 700; padding: 14px 20px; padding-top: 13px; font-size: 18px; border-radius: 5px; background: #ffec05; display: inline-block;
}

.alert-box-mob .black:hover {
color: #fff; background: #ff5816;
}


.special_new_ad_button {
width: 90.6%; color: #000; font-family: 'Exo 2'; font-weight: 700; padding: 14px 20px; padding-top: 11px; font-size: 18px; border-radius: 4px; background: #ffec05; display: inline-block;
}

.special_new_ad_button:hover {
color: #fff; background: #ff5816;
}


.special_new_ad_button-blue {
width: 90.6%; color: #000; font-family: 'Exo 2'; font-weight: 700; padding: 14px 20px; padding-top: 11px; font-size: 18px; border-radius: 4px; background: #40e0ff; display: inline-block;
}

.special_new_ad_button-blue:hover {
color: #fff; background: #ff5816;
}



.catalog_alert-box_1 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/mob-newsbanner.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_1-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_1-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_1 {
  display:none;
}

.catalog_alert-box-mob_1 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/mob-newsbanner.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_1-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_1-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_1 {
  display:none;
}

.catalog_alert-box_2 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/mob-filmsbanner.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_2-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_2-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_2 {
  display:none;
}

.catalog_alert-box-mob_2 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/mob-filmsbanner.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_2-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_2-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_2 {
  display:none;
}



.catalog_alert-box_3 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/3_Subscribe-online-premiere.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_3-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_3-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_3 {
  display:none;
}

.catalog_alert-box-mob_3 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/3_Subscribe-online-premiere.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_3-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_3-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_3 {
  display:none;
}



.catalog_alert-box_4 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/4_Iran.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_4-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_4-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_4 {
  display:none;
}

.catalog_alert-box-mob_4 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/4_Iran.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_4-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_4-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_4 {
  display:none;
}





.catalog_alert-box_5 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/5_SouthKorea.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_5-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_5-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_5 {
  display:none;
}

.catalog_alert-box-mob_5 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/5_SouthKorea.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_5-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_5-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_5 {
  display:none;
}


.catalog_alert-box_6 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/6_Oscars.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_6-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_6-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_6 {
  display:none;
}

.catalog_alert-box-mob_6 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/6_Oscars.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_6-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_6-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_6 {
  display:none;
}


.catalog_alert-box_7 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/7_Documentary.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_7-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_7-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_7 {
  display:none;
}

.catalog_alert-box-mob_7 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/7_Documentary.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_7-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_7-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_7 {
  display:none;
}


.catalog_alert-box_8 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/8_Events.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_8-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_8-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_8 {
  display:none;
}

.catalog_alert-box-mob_8 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/8_Events.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_8-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_8-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_8 {
  display:none;
}


.catalog_alert-box_9 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/9_BlackHumor.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_9-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_9-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_9 {
  display:none;
}

.catalog_alert-box-mob_9 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/9_BlackHumor.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_9-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_9-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_9 {
  display:none;
}


.catalog_alert-box_10 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/10_Kids.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_10-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_10-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_10 {
  display:none;
}

.catalog_alert-box-mob_10 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/10_Kids.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_10-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_10-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_10 {
  display:none;
}


.catalog_alert-box_11 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/11_rISK.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_11-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_11-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_11 {
  display:none;
}

.catalog_alert-box-mob_11 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/11_rISK.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_11-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_11-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_11 {
  display:none;
}


.catalog_alert-box_12 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/12_Nature.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_12-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_12-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_12 {
  display:none;
}

.catalog_alert-box-mob_12 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/12_Nature.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_12-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_12-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_12 {
  display:none;
}


.catalog_alert-box_13 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/13_BG.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_13-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_13-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_13 {
  display:none;
}

.catalog_alert-box-mob_13 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/13_BG.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_13-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_13-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_13 {
  display:none;
}


.catalog_alert-box_14 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/14_wfaf.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_14-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_14-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_14 {
  display:none;
}

.catalog_alert-box-mob_14 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/14_wfaf.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_14-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_14-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_14 {
  display:none;
}



.catalog_alert-box_15 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/15_siff.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_15-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_15-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_15 {
  display:none;
}

.catalog_alert-box-mob_15 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/15_siff.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_15-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_15-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_15 {
  display:none;
}



.catalog_alert-box_16 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/16_cinelibri.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_16-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_16-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_16 {
  display:none;
}

.catalog_alert-box-mob_16 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/16_cinelibri.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_16-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_16-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_16 {
  display:none;
}



.catalog_alert-box_17 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/17_twists.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_17-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_17-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_17 {
  display:none;
}

.catalog_alert-box-mob_17 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/17_twists.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_17-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_17-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_17 {
  display:none;
}



.catalog_alert-box_18 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/18_animation.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_18-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_18-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_18 {
  display:none;
}

.catalog_alert-box-mob_18 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/18_animation.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_18-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_18-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_18 {
  display:none;
}





.catalog_alert-box_19 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/19_poems.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_19-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_19-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_19 {
  display:none;
}

.catalog_alert-box-mob_19 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/19_poems.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_19-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_19-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_19 {
  display:none;
}


.catalog_alert-box_20 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/20_cgi.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_20-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_20-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_20 {
  display:none;
}

.catalog_alert-box-mob_20 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/20_cgi.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_20-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_20-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_20 {
  display:none;
}





.catalog_alert-box_21 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/21_dramedy.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_21-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_21-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_21 {
  display:none;
}

.catalog_alert-box-mob_21 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/21_dramedy.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_21-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_21-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_21 {
  display:none;
}


.catalog_alert-box_22 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/22_filosophy.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_22-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_22-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_22 {
  display:none;
}

.catalog_alert-box-mob_22 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/22_filosophy.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_22-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_22-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_22 {
  display:none;
}


.catalog_alert-box_23 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/23_spain.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_23-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_23-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_23 {
  display:none;
}

.catalog_alert-box-mob_23 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/23_spain.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_23-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_23-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_23 {
  display:none;
}

.catalog_alert-box_24 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/24_experiment.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_24-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_24-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_24 {
  display:none;
}

.catalog_alert-box-mob_24 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/24_experiment.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_24-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_24-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_24 {
  display:none;
}



.catalog_alert-box_25 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/25_posters.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box_25-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box_25-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 22px;
}
#catalog_alert-box_25 {
  display:none;
}

.catalog_alert-box-mob_25 {
  margin-bottom: 40px; width: 100%; display: block; background: url(https://kinematograf.bg/images/25_posters.jpg) no-repeat center center; background-size: contain; padding-bottom:74.50%;
  position: relative;
}
.catalog_alert-box-mob_25-close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.catalog_alert-box-mob_25-close img {
  width: 2.7vw;
  max-width: 35px;
  min-width: 26px;
}
#catalog_alert-box-mob_25 {
  display:none;
}




.catalog_unibut.yellow {
cursor: pointer; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 14%; width: 80.67%; color: #000; font-family: 'Exo 2'; font-weight: 700; padding: 3.8% 0; padding-top:3.2%; font-size: 1.6vw; border-radius: 5px; background: #ffec05; display: inline-block;
}

.catalog_unibut.yellow:hover {
color: #fff; background: #ff5816;
}

@media screen and (max-width: 736px) {

.catalog_unibut.yellow {
cursor: pointer; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 14%; width: 80.67%; color: #000; font-family: 'Exo 2'; font-weight: 700; padding: 3.8% 0; padding-top:3.2%; font-size: 4.8vw; border-radius: 5px; background: #ffec05; display: inline-block;
}

.catalog_unibut.yellow:hover {
color: #fff; background: #ff5816;
		}}
		
@media screen and (min-width: 1420px) {
		
.catalog_unibut.yellow {
cursor: pointer; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 14%; width: 80.67%; color: #000; font-family: 'Exo 2'; font-weight: 700; padding: 3.8% 0; padding-top:3.2%; font-size: 1.30vw; border-radius: 5px; background: #ffec05; display: inline-block;
}

.catalog_unibut.yellow:hover {
color: #fff; background: #ff5816;
}

}