@charset "utf-8";
* {
	margin: 0;
}

html, body {
	font-size:1em;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	line-height:1.3em;
	color:#111;
	background-color: #fff;
	width:100%;
	height:100%;
	-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:fixed;
	background-image: url(images/edmfk24_back_pic.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}


body{margin:0;background:transparent}

video {
position:fixed;
right:0;
bottom:0;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
z-index:-100;
  background-color: transparent;

  background-position: center center;
  background-size: contain;
  object-fit: cover;
/*	-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:fixed;
	background-image: url(images/edmfk22_back_pic.jpg);
	background-repeat: no-repeat;
	background-position: center center;*/
-webkit-transition:1s opacity;
transition:1s opacity
}


#paralaks {

/*width:100%;
height:200%;

margin:0;
float:left;
  background-repeat: repeat-y;
  background-attachment: fixed;
  background-position: center top;
  background-size: auto;*/
}

/************************************************
*	Hyperlinks									*
************************************************/

a:link {
	color: #111;
	text-decoration: none;
	outline: 0;
}
a:visited {
	color: #111;
	text-decoration: none;
	outline: 0;
}
a:hover {
	color: #111;
	text-decoration: underline;
	outline: 0;
}
a:active {
	color: #111;
	text-decoration: none;
	outline: 0;
}
a:focus {
	outline: 0;
}


/************************************************
*	Titles									*
************************************************/
h3 {
clear:left;
float:left;
font-size:2.2em;
line-height:1.2em;
font-weight:700;
width:100%;
text-align:center;
color:#da0e2f;
}


#webposter {
height:1px;
visibility:hidden;
}

.title {
color:#111;
text-align:center;
margin-top:30px;
}

.synna {
	font-size:3.2em; 
	font-weight:700; 
	line-height:1.4em;
}

.date24 {
font-size:2.2em;
color:#da0e2f;
vertical-align: -30%;	
}

#dateplace{
color:#111;	
margin:30px auto 0 auto;
padding-top:30px;
display:inline-block; 
border-top:5px solid #da0e2f;
}

.date {
font-size:3em;	
font-weight:700;
}
.venue {
font-size:3.1em;
font-family: 'Crimson Text', serif;
font-weight:400;
font-style:italic;	
}

#dateplace span.address {
font-size:2em;	
font-family: 'Crimson Text', serif;
font-weight:400;
font-style:italic;
line-height:2em;
}

.edmfk {
font-size:1em;
line-height:0.8em;
color:#fff;
font-weight:400;
}

#tartu {
/*color:#ad9172;*/
color:#111;
font-size:2.1em;
line-height:1.2em;
font-weight:700;
margin:60px 0 0 0;
text-align:center;
}

.artist-container{
position:relative;
}

.artistid {
position:relative;
color:#111;
font-size:3.2em;
line-height:1em;
font-weight:700;
width:425px;
margin:0 auto;
padding:8px 0 3px 0;
border-top:5px solid #da0e2f;
border-bottom:5px solid #da0e2f;
}

.artistidpic {
position:relative;
width:450px;
margin:0 auto;
}

.live {
position:absolute;	
bottom:10px;
left:20px;
color:#fff;
font-size:3em;	
font-weight:700;
font-style:italic;
}

.livespecial {
font-size:0.6em;
line-height:0.6em;	
font-family: 'Crimson Text', serif;
font-weight:400;
font-style:italic;
padding-bottom:0;	
}

.visage {
display:inline-block;
position:absolute;
bottom:-28px;
left:22%;
z-index:100;
font-size:26px;
line-height:1.2em;
font-family: 'Crimson Text', serif;
padding:3px 10px;
background-color:#918983;
color:#fff;	
}

.exvisage {
font-size:1em;
font-weight:400;
font-style:italic;	
}

#dj {
font-size:2.4em;
line-height:1.2em;
font-weight:700;
width:auto;
padding:5px 0;
display: inline-block;
text-align:center;
color:#111;
}

.djname {
font-size:1.2em;	
}

.referents1, .referents2 {
font-family: 'Crimson Text', serif;
font-weight:400;
font-style:italic;
color:#111;	
}
.referents1 {
font-size:1em;	
}

.referents2 {
font-size:0.8em;
line-height:0.5em;
}

.uksedpilet {
font-size:3em;
line-height:1.2em;
font-weight:700;
text-align:center;
}

.hind {
font-size:2em;
line-height:1.2em;
font-weight:700;
}

.controlbutt{
float:left;
color:#fff;
font-size:1.1em;
font-weight:400;
font-family: "Monsterrat", Arial, Helvetica, sans-serif;
margin:50px 20px 0 0;

width:90px;
height:90px;

text-align:center;

background-color:#45619d;
padding:25px 5px;
border:none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
/*box-shadow: 0 0 5px rgba(0, 0, 0, 1);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 1); 
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 1); */	
border-style:none;
outline:none;
}



.controlbutt:hover {
background-color:#da0e2f;	
cursor:pointer;
border-style:none;
outline:none;
}

.jagasep {
float:left;
height:100px;
width:1px;
border-left:1px solid #ccc;
margin:50px 20px 0 0;
}


#controlpanel {
position:fixed;
-webkit-transform: translateZ(0);
bottom:30px;
left:30px;	
}


.video {
clear:left;
float:left;
color:#fff;
font-size:2em;
line-height:1.2em;
font-weight:700;
margin:20px 0 0 80px;
}

.links {
color:#fff;
font-size:1.6em;
line-height:1.8em;
font-weight:400;
margin:0;
text-align:center;
}


/************************************************
*	content									*
************************************************/

#mainwrap {
width:1000px;
margin:0px auto;
}

#maincontainer {
float:left;
width:970px;
margin:10px auto;
padding:15px;
}

@media (max-width: 768px) {
.logoimg {
	width:220px;
}
.edmfk {
font-size:0.9em;
line-height:0.6em;
font-weight:400;
}

.links a {
font-size:0.9em;
line-height:1em;
}
.synna {
	font-size:1.8em; 
	font-weight:700; 
	line-height:1.8em;
}

.date {
font-size:2.4em;	
font-weight:700;
}
.venue {
font-size:2.5em;
line-height:1.5em;
font-family: 'Crimson Text', serif;
font-weight:400;
font-style:italic;	
}

.artistid {
font-size:3.2em;
line-height:1em;
font-weight:700;
width:425px;
margin:0 auto;
padding:8px 0 0 0;
border-top:5px solid #da0e2f;
border-bottom:5px solid #da0e2f;
}

.artistidpic {
	position:relative;
width:450px;
margin:0 auto;
}
#dj {
font-size:2em;
line-height:1em;
}

.djname {
font-size:1em;	
}
.uksedpilet {
font-size:2.1em;
}
.uksedpilet>.referents2 {
font-size:0.6em;
line-height:0.6em;
}

#controlpanel {
position:fixed;
-webkit-transform: translateZ(0);
top:10px;
left:10px;
width:30px;
height:30px;	
}

.controlbutt{
font-size:0.6em;
font-size:0.6em;
width:30px;
height:30px;
padding:5px 5px;
margin:0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}

}

@media (max-width: 480px) {
.logoimg {
	width:200px;
}
.edmfk {
font-size:0.8em;
line-height:0.5em;
font-weight:400;
}
.links a {
font-size:0.7em;
line-height:0.8em;
}
.synna {
	font-size:1.3em; 
	font-weight:700; 
	line-height:1.5em;
}

.date {
font-size:2.2em;	
font-weight:700;
}
.venue {
font-size:2.3em;
font-family: 'Crimson Text', serif;
font-weight:400;
font-style:italic;	
}

.artistid {
font-size:2.2em;
line-height:1em;
font-weight:700;
width:295px;
margin:0 auto;
padding:8px 0 0 0;
border-top:5px solid #da0e2f;
border-bottom:5px solid #da0e2f;
}

.artistidpic {
position:relative;
width:310px;
margin:0 auto;
}

.visage {
bottom:-23px;
left:22%;
font-size:18px;
}

.djname {
font-size:0.8em;	
}
.uksedpilet {
font-size:2em;
}
.uksedpilet>.referents2 {
font-size:0.5em;
line-height:0.5em;
}

}