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

html, body {
	font-size:1em;
	/*font-family: "Montserrat", Arial, Helvetica, sans-serif;*/
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#fff;
	background-color: #dfece3;
/*	-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:fixed;
	background-image: url(images/edmfk23_back_pic.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	
	-webkit-background-size: auto, cover;
	-moz-background-size: auto, cover;
	-o-background-size: auto, cover;
	background-size: auto, cover;
	background-attachment:fixed, fixed;
	background-image: url(images/pattern_light.png), url(images/tp2017_back.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center center, 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*/
}

label {
	font-size: 1.2em;
}

.input-group-addon {
	background-color:#a5bec7;
	border:1px solid #a5bec7;

}
/************************************************
*	Hyperlinks									*
************************************************/

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


a:redlink {
	color: #da0e2f;
	text-decoration: none;
	outline: 0;
}
a.redlink:visited {
	color: #da0e2f;
	text-decoration: none;
	outline: 0;
}
a.redlink:hover {
	color: #da0e2f;
	text-decoration: underline;
	outline: 0;
}
a.redlink:active {
	color: #da0e2f;
	text-decoration: none;
	outline: 0;
}

a.whitelink:link {
	color: #fff;
	text-decoration: none;
	outline: 0;
}
a.whitelink:visited {
	color: #fff;
	text-decoration: none;
	outline: 0;
}
a.whitelink:hover {
	color: #fff;
	text-decoration: underline;
	outline: 0;
}
a.whitelink:active {
	color: #fff;
	text-decoration: none;
	outline: 0;
}


a:focus {
	outline: 0;
}


input[type=text] {
height:50px; border:1px solid #a5bec7;	
}

.hand {
position:absolute; 
top:-100px; 
right:10%;	
}

.bong {
position:absolute;
width:180px; 
top:-90px; 
left:15%;	
}

.worker {
position:absolute;
width:180px; 
top:-90px; 
right:20%;	
}

.chain {
position:absolute;
width:160px; 
top:-80px; 
left:8%;	
}

.sec {
margin-top:50px; 
padding-bottom: 30px;	
}

/************************************************
*	Titles									*
************************************************/
.title {
line-height:1em;
color:#a2bfc6;
text-align:center;
margin-top:10px;
font-size: 2.5em;
font-weight: 700;
}
.title, h4, h2, h3, h1, .monserrat {
font-family: "Montserrat", Arial, Helvetica, sans-serif;	
}
h2 {
clear:left;
float:left;
/*color:#da0e2f;
color:#ad9172;*/
color:#fff;
font-size:3em;
line-height:1.2em;
font-weight:700;
width:100%;
text-align:center;
}

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

h4 {
clear:left;
float:left;
/*color:#da0e2f;
color:#ad9172;*/
color:#fff;
font-size:2em;
line-height:2em;
font-weight:700;
width:100%;
text-align:center;
}


.section-info {
font-size:1.4em;
line-height:1.4em; 
font-weight:300;
}

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


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

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

.artistid {
color:#ad9172;
font-size:2.4em;
line-height:1.2em;
font-weight:700;
margin:0;
width:100%;
text-align:center;
}



.darktransp {
/*background-image: url(images/darktransp.png);*/	
}

.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: 80px;
-webkit-border-radius: 80px;
-khtml-border-radius: 80px;
border-radius: 80px;
/*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:#ddd;	
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;	
}



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


.btn-danger {
    background: #da0e2f;
    color: #ffffff;
}
 
/*.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
    background: #ab0e28;
}*/
button:focus, .btn:focus {outline:0;}

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

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

#maincontainer {
float:left;
width:970px;
margin:10px auto;
padding:15px;
}
@media (max-width: 991px) {
.title {
line-height:1em;
color:#a2bfc6;
text-align:center;
margin-top:10px;
font-size: 2.4em;
font-weight: 700;
}
h2 {
	font-size:2.8em;
}	
}


@media (max-width: 768px) {
	
.title {
line-height:1em;
color:#a2bfc6;
text-align:center;
margin-top:10px;
font-size: 1.9em;
font-weight: 700;
}

h2 {
	font-size:2.4em;
}

.edmfk {
font-size:0.9em;
line-height:0.6em;
font-weight:400;
}

.links {
font-size:1.4em;
line-height:1.8em;
}
.synna {
	font-size:1.4em; 
	font-weight:700; 
	line-height:1.2em;

}

.hand, .bong, .worker, .chain {
position:absolute; 
width:100px;
top:-50px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;	
}

.sec {
padding-top: 40px;	
padding-bottom: 80px;
}




}

@media (max-width: 480px) {
.title {
line-height:1em;
color:#a2bfc6;
text-align:center;
margin-top:10px;
font-size: 1.6em;
font-weight: 700;
}

.section-info {
/*font-size:1.1em;
line-height:1.1em;*/	
}
h2 {
	font-size:1.7em;
}

h3 {
font-size:2em;
line-height:2em;
}
.edmfk {
font-size:0.8em;
line-height:0.5em;
font-weight:400;
}
.links {
font-size:1.3em;
line-height:1.8em;
}
.synna {
	font-size:1.2em; 
	font-weight:700; 
	line-height:1.1em;

}



}