@font-face{
	font-family:headline-decorative;
	src:url(../fonts/festivo7.eot);
	src:url(../fonts/festivo7.eot?#iefix) format("embedded-opentype"),
	url(../fonts/festivo7.woff) format("woff"),
	url(../fonts/festivo7.ttf) format("truetype"),
	url(../fonts/festivo7.svg#webfont) format("svg")
}

html {overflow:hidden;}
body  {margin:0;padding:0;font-size:12px;font-family:Helvetica, Arial;overflow:hidden;background: url(../images/bg-city-lights.jpg);}

:focus {outline:none}

a {text-decoration:none;}

.video-background {position: absolute;top: 0;left: 0;overflow: hidden;width: 100%;height: 100%;z-index: 0;}
.video-background video {min-height: 100%; min-width:100%;}

.kapsa {position:absolute;width:100%;height:100%}
.footer {
	position:absolute;
	z-index:9999;
	bottom:0;
	width:100%;
	height:auto;
	background-color: rgba(0,0,0,0.7);
	text-align:center;
	overflow:hidden
}

.footer a {
	color:#FFFFFF;
	font-size:13px;
	display:inline-block;
	padding:12px;
	vertical-align:middle
}

.footerfont {
	font-size:12px!important
}

.borderRadius {
	border:3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.header {
	background-color: rgba(0,0,0,0.7);
	width:100%;
	height:auto;
	padding-top:20px;
	padding-bottom:20px;
	position:relative;
	top:20%;
	text-align:center;
	color:#FFFFFF;
	font-size:30px;
}
.header img {
	margin-top:20px
}
.header span {
	font-size:16px;
	display:block;
	margin-top:10px
}
.header h1 {
	font-family:headline-decorative;
	color:#FFFFFF;
	font-size:40px;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-bottom:10px;
	position:relative;
	display:block;
	width:370px;
	margin-right:auto;
	margin-left:auto;
	text-align:center
}

.header h1 span {
	position:absolute;
	top:-43px;
	display:block;
	font-family:headline-decorative;
	font-size:40px;
}
.nokta1 {
	left:320px
}

.nokta2 {
	left:30px
}

.playbutton, .mutebutton {
	text-indent:-9999px;
	position:absolute;
	bottom:20px;
	right:0
}

.playbutton {
	width:32px;
	height:32px;
	/* background-image:url(../images/play.png); */
	background-repeat:no-repeat;
	background-position:center center;
	border:none;
	background: rgba(0,0,0,0);
	right:60px
}

.playbutton:hover {cursor:pointer}
.mutebutton:hover {cursor:pointer}

.mutebutton {
	width:32px;
	height:32px;
	/* background-image:url(../images/unmute.png); */
	background-repeat:no-repeat;
	background-position:center center;
	border:none;
	background: rgba(0,0,0,0);
	right:20px;
	 
}

.webbuton {
	display:block;
	width:250px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	background-color:#009cde;
	padding:10px;
	
	border:solid 1px #009cde;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.webbuton:hover {
	background-color:#0c8dc4;
	border-color:#0c8dc4;
}