
@media all and (min-width : 481px)  {

div#screen {
	display : none;
}

/*img#festival {
	display : none;
	position : absolute;
	z-index : 4;
	width : 10vw;
	top : 10vw;
	right : 2vw;
}*/

img#background, img#radio_off {
	position : relative;
	z-index : 3;
	width : 100vw;
	height : 57vw;
	margin-top : -2vw;
	margin-bottom : 2vw;
	box-shadow : 0vw 0.5vw 0.5vw 0vw rgb(0, 0, 0);
}

img#radio_on {
	display : none;
	position : absolute;
	z-index : 4;
	width : 100vw;
	height : 57vw;
	margin-top : -2vw;
	margin-bottom : 2vw;	
	box-shadow : 0vw 0.5vw 0.5vw 0vw rgb(0, 0, 0);
}

img#cinema_screen, div#cooperate, img#cooperate {
	z-index : 4;
	position : absolute;
	top : 10.7vw;
	left : 24.6vw;
	width : 50.8vw;
	height : 28.6vw;
}

img.user_position {
	z-index : 4;
	position : absolute;
	width : 0.8vw;
	border-radius : 0.4vw;
}

img#cinema_poster {
	z-index : 4;
	position : absolute;
	top : 11.5vw;
	left : 25.5vw;
	width : 20vw;
	height : 27vw;
}

img#cinema_shadow {
	z-index : 4;
	position : absolute;
	opacity : 0.6;
	top : 10.7vw;
	left : 24.6vw;
	width : 50.8vw;
	height : 28.6vw;
}

div#radio {
	position : relative;
	z-index : 4;
	top : -43vw;
	left : 5vw;
	color : white;
}

		a.podcast_info {
			position : absolute;
		}

		a#podcast_title {
			top : 0vw;
			font-size : 2.2vw;
		}

		a#podcast_description {
			top : 3vw;
			color : rgb(150, 150, 150);
			font-size : 1.4vw;	
		}

		img#live_icon {
			position : absolute;
			top : 5.5vw;
			width : 1.2vw;	
		}

		a#live_info {
			top : 5.5vw;
			left : 2.5vw;
			font-size : 1.4vw;	
		}

		a#live {
			display : none;
			position : absolute;
			top : 37vw;
			left : -4vw;
		}

		audio#audio_player {
			position : absolute;
			z-index : 4;
			top : 45.5vw;
			left : 13vw;
			width : 86vw;				
		}

		div#progress_bar {
			position : absolute;
			z-index : 5;
			top : 48vw;
			left : 0vw;
			width : 100vw;
			height : 1vw;
			color : white;				
		}

img#festival_imago_poster {
	z-index : 4;
	position : absolute;
	top : 8vw;
	left : 65vw;
	width : 28vw;
	box-shadow : 0vw 1vw 1vw 0vw rgb(0, 0, 0);	
}

iframe.live_player, div#jitsi {
	display : none;
	z-index : 4;
	position : absolute;
	top : 10.7vw;
	left : 24.6vw;
	width : 50.8vw;
	height : 28.6vw;
	border-color : black;
}

iframe.live_player.fixed {
	display : none;
	z-index : 4;
	position : absolute;
	top : 62vw;
	left : 0.5vw;
	width : 20.5vw;
	height : 11.5vw;
	border-color : black;
}

div#jitsi_live {
	display : none;
}

		img#start_live, img#stop_live {
			display : none;
			position : absolute;
			opacity : 0.8;
			z-index : 4;
			top : 23vw;
			left : 52vw;
			width : 10vw;
		}

audio#audio_player {
	display : none;
}

div#cinema_screen_transparent {
	display : none;
	position : absolute;
	top : 10.7vw;
	left : 24.6vw;
	width : 50.8vw;
	height : 28.6vw;
}

div#cinema_dark {
	display : none;
	position : absolute;
	z-index : 4;
	opacity : 0.8;
	top : 1vw;
	width : 100vw;
	height : 60vw;
	background-color : black;	
}

div#cinema_screen_black {
	position : absolute;
	z-index : 4;
	top : 10.7vw;
	left : 24.6vw;
	width : 50.8vw;
	height : 28.6vw;
}

div#cinema_screen_black_all {
	display : none;
	position : absolute;
	z-index : 4;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100%;
	background-color : black;	
}

div#cinema_screen_black_1 {
	display : none;
	position : absolute;
	z-index : 4;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 50%;
	background-color : black;	
}

div#cinema_screen_black_2 {
	display : none;
	position : absolute;
	z-index : 4;
	bottom : 0px;
	left : 0px;
	width : 100%;
	height : 50%;
	background-color : black;	
}

div#screening_time {
	display : none;
	z-index : 4;
	position : absolute;
	top : 43vw;
	font-size : 1.5vw;
	width : 100vw;
	color : grey;
	text-align : center;
}

div#message {
	display : none;
	z-index : 4;
	position : absolute;
	top : 42vw;
	font-size : 1.5vw;
	width : 100vw;
	color : grey;
	text-align : center;
}

		a#message {
			color : grey;
		}

		a#debate {
			display : none;
			width : 2vw;
			border-radius : 0.8vw;
			padding : 0.5vw;
			text-decoration : none;
			color : grey;
			border : 2px solid grey;
		}

		a#debate:hover {
			cursor : pointer;
			color : white;
			border : 2px solid white;
		}

		a#movie {
			display : none;
			width : 2vw;			
			border-radius : 0.8vw;
			padding : 0.5vw;
			text-decoration : none;
			color : grey;
			border : 2px solid grey;
		}

		a#movie:hover {
			cursor : pointer;
			color : white;
			border : 2px solid white;
		}

div#finger {
	display : none;
}

		img#finger {
			position : absolute;
			opacity : 0.5;
			z-index : 4;
			top : 34vw;
			left : 18vw;
			width : 5vw;
		}

				img#finger:hover {
					cursor : pointer;
					opacity : 1;
				}

				img#finger_ok {
					display : none;
					position : absolute;
					z-index : 4;
					top : 34vw;
					left : 23vw;
					width : 0.8vw;
				}


/*a#discord_link {
	color : grey;
	text-decoration : none;
}*/


/*************************************** DONATION **************************************/

div#donation {
	top : 15vw;
}

		a#donate {
			top : 12vw;
		}

div#donation.asso {
	left : -2vw;
}

		div#title.asso, div#value.asso, div#callback_asso{
			left : 1.5vw;
		}

		img#thumbnail_asso {
			left : 2vw;
		}
		
	
/************************************************ CHAT ***********************************************/

a {
    text-decoration : none; 
}
  
#wrapper {
	position : relative;
	top : 0vw;
	left : 0vw;
    width : 100vw;
    height : 40vw;
	color : grey;
    font-size : 1.1vw;
}

div#user_list {
	position : absolute;
	z-index : 2;
	margin-top : 13vw;
	padding-top : 1vw;
	padding-left : 1vw;
    width : 20vw;
	height : 26vw;
	overflow : auto; 
	background-color : rgb(30, 30, 30);
	box-shadow : 0.5vw 0vw 1vw 0vw rgb(0,0,0);
}

		div#user_item_0 {
			width : 20vw;
		}

				img#user_image {
					margin : 0.5vw;
					width : 4vw;
					border-radius : 2vw;
					vertical-align : middle;
				}

				img#finger_small {
					position : relative;
					top : 1.5vw;
					float : right;
					margin-right : 0.5vw;
				}
    
div#chatbox {
	position : absolute;
	z-index : 1;
	margin : 0.5vw;
    width : 78vw;
    left : 22vw;
	height : 35vw;
	overflow : auto; 
	text-align : justify;
	background-color : transparent;
}

		div.message_line { 
			margin-left : 2vw;
			padding : 0.5vw;
			width : 60vw;
			line-height : 1.6vw;
			border-radius : 0.5vw;
		}

		div.message_line:hover { 
			cursor : pointer;
			background-color : rgb(25, 25, 25);
		}

				img.love {
					position : absolute;
					margin-top : 0.4vw;
					width : 1.8vw;
				}
		  
		 		a#message_date{
					color : grey;
				}

				a#message_user{
					color : white;
				}

				a#message_text{
					color : grey;
				}

				a#link {
					color : white;
				}

				img.icon_love {
					display : none;
					position : absolute;
					margin-top : -2vw;
					left : 65vw;
					width : 2vw;
					height : 2vw;
				}

				img.icon_modify {
					display : none;
					position : absolute;
					margin-top : -2vw;
					left : 67.5vw;
					width : 2vw;
					height : 2vw;
				}

				img.icon_alert {
					display : none;
					position : absolute;
					margin-top : -2vw;
					left : 70vw;
					width : 2vw;
					height : 2vw;
				}

				img.icon_remove {
					display : none;
					position : absolute;
					margin-top : -2vw;
					left : 67.5vw;
					width : 2vw;
					height : 2vw;
				}


		input#user_message {
			position : absolute;
			top : 36vw;
		    width : 61vw;
		    left : 24vw;
		    background-color : transparent;
		    margin-left : 1vw;
		    margin-right : 1vw;
		    margin-bottom : 1vw;
		    padding-bottom : 0.5vw;
		    color : grey;
		    border-top : none;
		    border-left : none;
		    border-right : none;
		    border-bottom-width : 1px;
		    font-size : 1.1vw;
		}

				a#send_message {
					position : absolute;
					top : 34vw;
				    left : 88vw;
				    font-size : 1.2vw;
				}

				a#get_history {
					display : none;
					position : absolute;
					top : 34vw;
				    left : 50vw;
				    font-size : 1.2vw;					
				}


/*************************************** EVENT LIST **************************************/

a.thumbnail_title {
	margin-left : 5vw;
	font-size : 2.2vw;
}

div.event_thumbnail_container {
	margin-left : 5vw;
	margin-bottom : 6vw;
}

	div.thumbnail.event {
		display : inline-block;
		position : relative;	
		width : 90vw;
		height : 10vw;	
		background-color : rgb(35, 35, 35);
		/*box-shadow : 5px 5px 5px #000;*/
	}

		div.thumbnail.event:hover {	
			cursor : pointer;
			/*box-shadow : 10px 10px 5px #000;*/
		}

				div.event.portrait, div.event.squared {
					margin-top : 0.8vw;
					margin-left : 0vw;
					margin-right : 0vw;
					margin-bottom : 0.8vw;
				}

				img.event {
					margin-top : -0.1vw;
					margin-left : 0vw;
					height : 10.1vw;
				}

						img.event.portrait { width : 7.6vw }
						img.event.squared { width : 10.1vw }


		div.event.info {
			display : block;
			position : absolute;
			margin-top : -10vw;
			width : 80vw;
			font-size : 1.2vw;
			text-align : left;
		}

				div.event.info.portrait { margin-left : 8vw }
				div.event.info.squared { margin-left : 10vw }


		div.event {
			display : inline;
			position : absolute;
		}

				div.event.line._1 {
					top : 0vw;
					left : 1vw;
					font-size : 1.4vw;
					color : white;	
				}

				div.event.line._2 {
					top : 2vw;
					left : 1vw;
				}

				div.event.line._3 {
					top : 4vw;
					left : 1vw;
					width : 90%;
					text-align : justify;
					color : rgb(90, 90, 90);
				}

				div.event.line._4 {
					display : none;
				}

				div.event.line._5 {
					display : none;
				}

				div.event.line._6 {
					top : 7.5vw;
					left : 1vw;
					text-align : justify;
					color : rgb(90, 90, 90);
				}

img.pin {
	display : none;
}

img.calendar {
	position : absolute;
	width : 3vw;
	margin-top : 0vw;
	margin-left : 78vw;
}

a.teaser {
	position : absolute;
	margin-top : 6vw;
	margin-left : 58vw;
}

a.access, a.subscribe {
	position : absolute;
	margin-top : 6vw;
	margin-left : 70vw;
}

a.no_display {
	display : none;
}

div#footer {
	z-index : 4;
}

}
