@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(//kinematograf.bg/system/fonts/open-sans-cond.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(//kinematograf.bg/system/fonts/open-sans-300.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(//kinematograf.bg/system/fonts/open-sans-400.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(//kinematograf.bg/system/fonts/open-sans-600.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//kinematograf.bg/system/fonts/open-sans-700.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(//kinematograf.bg/system/fonts/open-sans-800.woff) format('woff');
}
/* @font-face {
  font-family: 'Philosopher';
  font-style: normal;
  font-weight: 400;
  src: local('Philosopher'), url(//kinematograf.bg/system/fonts/philosopher.woff) format('woff');
}
@font-face {
  font-family: 'Bad Script';
  font-style: normal;
  font-weight: 400;
  src: local('Bad Script Regular'), local('BadScript-Regular'), url(//kinematograf.bg/system/fonts/bad-script.woff) format('woff');
}
*/

@font-face {
font-family: 'Impact';
font-style: normal;
font-weight: normal;
src: local('Impact'), url('//kinematograf.bg/system/fonts/IMPACT.woff') format('woff');
}
@font-face {
font-family: 'Myriad Pro Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed'), url('//kinematograf.bg/system/fonts/myriadprocond.woff') format('woff');
}

@font-face {
font-family: 'Myriad Pro';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro'), url('//kinematograf.bg/system/fonts/myriadproreg.woff') format('woff');
}

@font-face {
font-family: 'Myriad Pro Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed'), url('//kinematograf.bg/system/fonts/myriadprocondbold.woff') format('woff');
}

@font-face {
font-family: 'Myriad Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold'), url('//kinematograf.bg/system/fonts/myriadprobold.woff') format('woff');
}

/* SITE STRUCTURE */

html,body {height:100%; min-width: 1266px;}
* {margin:0; padding:0;}

body {
	background: #ffffff;
	font-family: Roboto, sans-serif;
	font-weight: 100;
	font-size: 14px; }

img {
	border: 0px; }

a {
	color: #474747;
	text-decoration: none; }
	
a:hover {
	color: #006737; }
	
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

body::-moz-selection {
    background-color: #ff8000;
    color: #FFFFFF; } 

body::selection {
    background-color: #ff8000;
    color: #FFFFFF; }

.langblock:before {
height: 100%; position: relative; content: ''; display: inline-block; height: 100%; vertical-align: middle; }
	
#tositebut {
	display: block;
	float: right;
	width: 158px;
	cursor: pointer;
	height: 48px;
	position: relative;
	background: url(//kambarev.kinematograf.bg/images/tositebut.png) no-repeat top left;
	background-position: 0 0px; }
	
#tositebut:hover {
	background: url(//kambarev.kinematograf.bg/images/tositebut.png) no-repeat top left;
	background-position: 0  -48px; }
	

#bgbut {
	display: block;
	width: 48px;
	cursor: pointer;
	height: 41px;
	position: relative;
	background: url(//kambarev.com/images/bg-button.png) no-repeat top left;
	background-position: 0 0px; }
	
#bgbut:hover {
	background: url(//kambarev.com/images/bg-button.png) no-repeat top left;
	background-position: 0  -41px; }
	

#enbut {
	display: block;
	width: 48px;
	cursor: pointer;
	height: 41px;
	position: relative;
	background: url(//kambarev.com/images/en-button.png) no-repeat top left;
	background-position: 0 0px; }
	
#enbut:hover {
	background: url(//kambarev.com/images/en-button.png) no-repeat top left;
	background-position: 0  -41px; }
	


#itbut {
	display: block;
	width: 48px;
	cursor: pointer;
	height: 41px;
	position: relative;
	background: url(//kambarev.com/images/it-button.png) no-repeat top left;
	background-position: 0 0px; }
	
#itbut:hover {
	background: url(//kambarev.com/images/it-button.png) no-repeat top left;
	background-position: 0  -41px; }
	
#fbookbut {
	display: block;
	width: 48px;
	cursor: pointer;
	height: 41px;
	position: relative;
	background: url(//kambarev.com/images/fbook-button.png) no-repeat top left;
	background-position: 0 0px; }
	
#fbookbut:hover {
	background: url(//kambarev.com/images/fbook-button.png) no-repeat top left;
	background-position: 0  -41px; }

#ytubebut {
	display: block;
	width: 48px;
	cursor: pointer;
	height: 41px;
	position: relative;
	background: url(//kambarev.com/images/ytube-button.png) no-repeat top left;
	background-position: 0 0px; }
	
#ytubebut:hover {
	background: url(//kambarev.com/images/ytube-button.png) no-repeat top left;
	background-position: 0  -41px; }

#bgbut-small {
	display: block;
	width: 26px;
	cursor: pointer;
	height: 21px;
	position: relative;
	margin-right: 15px;
	background: url(//kambarev.com/images/bg-button.png) no-repeat top left; background-size: cover;
	background-position: 0 0px; }
	
#bgbut-small:hover {
	background: url(//kambarev.com/images/bg-button.png) no-repeat top left; background-size: cover;
	background-position: 0  -21px; }
	

#enbut-small {
	display: block;
	width: 26px;
	cursor: pointer;
	height: 21px;
	position: relative;
	margin-right: 15px;
	background: url(//kambarev.com/images/en-button.png) no-repeat top left; background-size: cover;
	background-position: 0 0px; }
	
#enbut-small:hover {
	background: url(//kambarev.com/images/en-button.png) no-repeat top left; background-size: cover;
	background-position: 0  -21px; }
	


#itbut-small {
	display: block;
	width: 26px;
	cursor: pointer;
	height: 21px;
	position: relative;
	background: url(//kambarev.com/images/it-button.png) no-repeat top left; background-size: cover;
	background-position: 0 0px; }
	
#itbut-small:hover {
	background: url(//kambarev.com/images/it-button.png) no-repeat top left; background-size: cover;
	background-position: 0  -21px; }
	

#donationsbut {
	display: block;
	width: 140px;
	cursor: pointer;
	height: 41px;
	position: relative;
	background: url(//kambarev.com/images/donations-button.png) no-repeat top left;
	background-position: 0 0px; }
	
#donationsbut:hover {
	background: url(//kambarev.com/images/donations-button.png) no-repeat top left;
	background-position: 0  -41px; }
	
	
.jivotkatonakino {
	display: block;
	width: 198px;
	cursor: pointer;
	height: 33px;
	position: relative;
	background: url(//kambarev.kinematograf.bg/images/jivotkatonakino.png) no-repeat top left;
	background-position: 0 0px; }
	
.jivotkatonakino:hover {
	background: url(//kambarev.kinematograf.bg/images/jivotkatonakino.png) no-repeat top left;
	background-position: 0  -33px; }
	
#gal-box {
	cursor: pointer; width: 274px; height: 274px; float: left; margin-left: 16px; margin-bottom: 16px; background: #dfdfdf; text-align: center; font-size: 16px; font-family: Roboto, Arial; font-weight: 500; }
	
	
#gal-box:hover {
	background: #006738; color: #ffffff; }
	

#gal-box a {
	color: #202020; }

#gal-box a:hover {
	color: #ffffff; }

	
.galback {
		width: 77px; 
	margin-top: 14px; 
	margin-bottom: 14px;
	cursor: pointer;
	height: 22px;
	position: relative;
	background: url(//kambarev.kinematograf.bg/images/gallback.png) no-repeat top left;
	background-position: 0 0px; }
	
.galback:hover {
	background: url(//kambarev.kinematograf.bg/images/gallback.png) no-repeat top left;
	background-position: 0  0px; }
	
.photoframe {
	display: inline-block; 
	width: 240px; 
	height: 165px; 
	position: relative; 
	background-size: cover; 
	border: 8px solid #606060; 
	margin-bottom: 20px; 
	margin-left: 20px; }
	
.photoframe:hover {
	border: 8px solid #006737; }
	
	
.press-link {
vertical-align: middle; width: 600px; padding: 15px; font-weight: 500; font-size: 15px; text-align: left; line-height: 22px; background: #ffffff; }


.press-media {
vertical-align: middle; width: 180px; padding: 15px; font-size: 14px; color: #ffffff; margin-right: -15px; text-align: center; background: #006738; font-weight: 700; }

.ytbut {
	display: block;
	float: right; margin-left: 20px;
	width: 44px;
	cursor: pointer;
	height: 43px;
	position: relative;
	background: url(//kambarev.com/images/yt-button.png) no-repeat top left;
	background-position: 0 0px; }
	
.ytbut:hover {
	background: url(//kambarev.com/images/yt-button.png) no-repeat top left;
	background-position: 0  -43px; }
	
.fbbut {
	display: block;
	float: right;
	width: 44px;
	cursor: pointer;
	height: 43px;
	position: relative;
	background: url(//kambarev.com/images/fb-button.png) no-repeat top left;
	background-position: 0 0px; }
	
.fbbut:hover {
	background: url(//kambarev..com/images/fb-button.png) no-repeat top left;
	background-position: 0  -43px; }
	
	
/* JS */

/*
Title: Creating an HTML5 enhanced responsive-ready contact form, with custom javascript feature detection
Tutorial on: //www.onextrapixel.com
Author: //www.toddmotto.com
*/

* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smooth:antialiased;
	text-rendering:optimizeLegibility;
}

.wrapper {
	max-width:500px;
	width:95%;
	margin:0 auto;
	font:400 12px/1.625 "Helvetica Neue", Helvetica, Arial, sans-serif;
	position:relative;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form button[type="submit"] {
	font:400 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#contact-form {
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#F9F9F9;
	padding:25px;
}
#contact-form h3 {
	color:#006738;
	display:block;
	font-size:21px;
}
#contact-form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}
#contact-form h5 {
	margin:5px 0 15px;
	display:block;
	font-size:16px;
}
#contact-form label span {
	cursor:pointer;
	color:#006738;
	display:block;
	margin:5px 0;
	font-weight:900;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
	width:100%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:100px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#006738;
	background-image:linear-gradient(bottom, #034b2a 0%, #006738 52%);
	background-image:-moz-linear-gradient(bottom, #034b2a 0%, #006738 52%);
	background-image:-webkit-linear-gradient(bottom, #034b2a 0%, #006738 52%);
	color:#FFF;
	margin: 15px 0 10px;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	padding:13px;
	border-radius:5px;
}
#contact-form button[type="submit"]:hover {
	background-image:linear-gradient(bottom, #e5e5e5 0%, #e5e5e5 52%);
	background-image:-moz-linear-gradient(bottom, #e5e5e5 0%, #e5e5e5 52%);
	background-image:-webkit-linear-gradient(bottom, #e5e5e5 0%, #e5e5e5 52%);
	color: #006738;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}

.gold, h5 > label {
	color:	#D5AD6D; /*if no support for background-clip*/
	background: -webkit-linear-gradient(transparent, transparent),
	-webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
	background: -o-linear-gradient(transparent, transparent);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

h4.gold {
	font-size: 20px;
	line-height: 20px;
	font-weight: bold; 
	margin-top: -10px; 
	margin-bottom: 10px;
	text-align: center;
}

h3.gold {
	font-size: 40px;
	line-height: 40px;
	font-weight: bold; 
	margin: 40px auto 20px auto; 
	text-align: center;
	text-transform: uppercase;
}

h2.gold {
	font-size: 55px;
	line-height: 60px;
	font-weight: bold; 
	margin: 20px auto; 
	text-align: left;
	text-transform: uppercase;
}
h2.center {
	text-align: center;
}

b.gold {
	font-size: 30px;
}
b.capitalize, strong.capitalize {
	text-transform: capitalize;
}

div.fields > * {
	box-sizing: border-box;
}

/* Float four columns side by side */
div.column-1 {
	float: left;
	width: 100%;
	padding: 0 10px;
	text-align: center;
}
div.column-2 {
	float: left;
	width: 50%;
	padding: 0 10px;
}

div.column-3 {
	float: left;
	width: 33%;
	padding: 0 10px;
}

/* Remove extra left and right margins, due to padding in columns */
div.row {
	margin: 0 -5px 20px 0;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Style the counter cards */
.field {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
	padding: 16px;
	text-align: center;
	background-color: #f1f1f1;
}

.errors {
	font-size: 14px;
	color: red;
	font-weight: bold;
}

.description {
	font-size: 12px;
}

/* Responsive columns - one column layout (vertical) on small screens */
@media screen and (max-width: 600px) {
	.column {
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
}

#apply-form label, #gdpr-form label  {
	cursor:pointer;
	color:#006738;
	margin:5px 0;
}

#apply-form input[type="text"],
#apply-form textarea,
#gdpr-form input[type="text"],
#gdpr-form textarea {
	width:100%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
	font:400 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#apply-form textarea, #gdpr-form textarea {
	height: 200px;
}

#apply-form button[type="submit"], #gdpr-form button[type="submit"] {
	cursor:pointer;
	border:none;
	background:#006738;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
	background: -webkit-linear-gradient(transparent, transparent),
	-webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
	background: -o-linear-gradient(transparent, transparent);
}
#apply-form button[type="submit"]:hover, #gdpr-form button[type="submit"]:hover {
	background: #cccccc;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
	background: -webkit-linear-gradient(transparent, transparent),
	-webkit-linear-gradient(top, rgba(213,173,109,1) 100%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 0%);
	background: -o-linear-gradient(transparent, transparent);

}
#apply-form button[type="submit"]:active, #gdpr-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}


div.cards > * {
	box-sizing: border-box;
}

/* Float four columns side by side */
div.column {
	float: left;
	width: 33%;
	padding: 0 10px;
}

/* Remove extra left and right margins, due to padding in columns */
div.row {
	margin: 0 -5px 20px 0;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Style the counter cards */
.card {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
	padding: 16px;
	text-align: center;
	background-color: #f1f1f1;
}

.card-text {
	font-size: 16px;
	line-height: 18px;
}

h4.card-title {
	text-transform: uppercase;
	font-size: 14px;
}

p.card-title {
	font-size: 14px;
	line-height: 18px;
	text-transform: capitalize;
	font-weight: bold;
	margin-bottom: 10px;
}
.card-bio {
	font-size: 14px;
	line-height: 16px;
	text-align: justify;
}

.card-url {
	font-size: 12px;
}

img.card-img-top {
	width: 100%;
	max-width: 250px;
}


/* Responsive columns - one column layout (vertical) on small screens */
@media screen and (max-width: 600px) {
	.column {
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
}

#content-355 a {
	color:	#D5AD6D; /*if no support for background-clip*/
	background: -webkit-linear-gradient(transparent, transparent),
	-webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
	background: -o-linear-gradient(transparent, transparent);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

#content-355 a:hover {
	color: #474747;
	text-decoration: none;
	background: none;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: #474747;
}

.uppercase {
	text-transform: uppercase;
}

#academy-line-left {
	width: 0;
	height: 0;
	border-top: 0.1px solid transparent;
	border-right: 320px solid #ccc;
	/* border-bottom: 0.1px solid transparent; */
	display: inline-block;
	margin-bottom: 13px;
}

#academy-year {
	display:inline-block;
	padding: 10px;
	font-size: 40px;
	color: #ccc;
}

#academy-line-right {
	width: 0;
	height: 0;
	border-top: 0.1px solid transparent;
	border-left: 320px solid #ccc;
	/* border-bottom: 0.1px solid transparent; */
	display: inline-block;
	margin-bottom: 13px;
}