div.clearfix li:last-child{
	margin-bottom: 0px;
}


li.film_slider {
	height: 297px;
}

li.gallery{
	background-color: #BFBFBF;
  	color: white
}

li.gallery:hover{
	background-color: #ddd;
}

li.festival_programme{
	 background-color: #050515;
 	 color: white;
 	 height: 83px;
}

li.festival_progrrame p span{
		font-size: 1.3em;
	  margin-right: 1em;
	  position: relative;
	  top: .15em
}

li.create_account{
	background-color: #FFF;
}

li.create_account:hover{
	background-color: #fff;
 	 color: #9E6B1D;
}

li.submit_film{
	background-color: transparent;
}

li.accreditation{
	 background-color: transparent;
}

button.Wallop-buttonNxt, button.Wallop-buttonPrv{
	
	z-index:1000;
	background-color: #fff;
    height: 25px;
    width: 25px;
    margin-top: 25%;
    border-radius: 40px;
    opacity: 0.95;
}

/************8 CALENDAR CARD ******************/

time.icon
{
  font-size: 0.9em; /* change icon size */
  display: inline-block;
  position: relative;
  width: 85px;
  height: 75px;
  background-color: #fff;
  border-radius: 0em;
  background-color: rgb(240, 191, 155);
  overflow: hidden;
  float:left;
  border-right: 1px solid #202020;
  border-bottom: 1px solid #202020;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 0.9em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #202020;
  font-size: 0.8em;
  background-color: rgb(240, 191, 155);
  box-shadow: 0 0px 0 #9E6B1D;
}

time.icon span{
	
	font-weight: normal;
	margin-top: 30px;
	color: black;
	font-size:1.4em;
	
}
time.icon span.bottom_date{
	color: #9E6B1D;
	margin-top:20px;
	margin-bottom:5px;
}

.tile div.calendar_message{
	
	font-size: 14px;
	 color: #202020;
	  text-align: left;
	   width: 65%; 
	   padding: 5px 0px 0px 5px; 
	   display: inline-block;
	   float:right;
	   line-height: 24px;
	
}

li.announcement{
/*	background-color: rgb(221, 221, 221);*/
}
li.announcement>span, li.news>span{
/*	color: rgb(69, 89, 98);*/
float: left;
margin-top: -5px; 
width: 100%; 
background-color: #888888; 
color: white;
padding: 10px 10px 7px 10px;
text-transform: uppercase;

}

li>div.gal{
	position: relative;
	float: left; 
	display: inline-block; 
}
div.gal_img{
	clear:both;
    width:100%; 
    top:0;
    background-position: center; 
    background-size: cover; 
}
div.gal_title{
	font-weight: bold; 
	position: absolute; 
	text-align: left;
	
}

.gal_link{
	color: #fff;
}
.gal_link:hover{
	color:#9C743E;
}

.tile img.klaps_tile {
	margin: 50px 0 auto 0;
	height: 40px;
	width: 40px;
}

li.create_account p span{
  font-size: 1.3em;
  margin-right: .7em;
  position: relative;
  top: .15em
}


div.film_title_box>img{
	display: inline-block; 
	float: left; 
	
}
div.film_title_box>div{
	position: relative; 
	float: left; 
	display: inline-block; 
}


a.festival_news, a.festival_announcement{
	color: #202020;
	font-weight: normal;
}

a.festival_announcement:hover{
	color:#9E6B1D;
}

div.festival_news .title h4{
	color: #7f7f7f; 
	margin-top: 10px; 
	font-weight: bold; 
	font-family: calibri;
	font-size: 20px;
}

span.news_pagination{
	cursor: pointer;
	font-size: 18px; 
	color: #7f7f7f;
	margin-right: 3px;
}

span.news_pagination.current{
	font-weight: bold;
}

div.all_news_right{
	float: left; 
	width: 100%; 
	position: absolute;
	height:100%;
	overflow: hidden;
	margin-left: 20%; 
	margin-top:0px; 
	padding: 0% 5% 0% 1%;
}
div.date_single_news h5{
	color: #9b9b9b; 
	font-weight: bold; 
	margin-bottom:0px; 
	width: 50%; 
	display: inline-block;
}

h5.f_a_right{
	float:right;
	text-align: right;
}

div.all_news_right span.more{
	margin-left: 5px;
	color:#9E6B1D; 
	font-weight: bold;
}

div.all_news_right div.date_single_news{
	position: absolute;
	bottom:10px;
	left:0;
	width: 79%;
	left: 1%;
	background-color: #fff;
}

div.all_news_right div.message{
	min-height: 80px;;
}

.festival_news>.image {
	position: relative;
	float: left;
	display: inline-block;
	background-position : center;
	background-size: cover;
	background-position: center;
}

.festival_news>.title, .festival_announcement>.title {
	position: relative;
	float: left;
	display: inline-block;
	font-weight: bold;
	
	text-align: justify;
	
}
 .festival_announcement>.title {
 
 	text-align: left;
 }
.festival_announcement>.more{
	
	float: right;
	width: auto;
	text-align: right;
	text-decoration: underline;
	font-size: 0.7em;
}

.festival_news>.date, .festival_announcement .date{
	position: relative; 
	float: right;  
	display: inline-block;
}

.festival_news>.news, .festival_announcement .news{
	position: relative;
	float: left; 
	text-align: justify; 
	display: inline-block; 
	
}

.tile div.festival_news, .tile div.festival_announcement{
	width: 100%; 
	position: relative;
	float: left;
	clear: both;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */

[data-icon]:before {
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased
}

/* Use the following CSS code if you want to have a class per icon */

/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/

.icon-arrow-right,
.icon-calendar-alt-fill,
.icon-chrome,
.icon-picassa,
.icon-skype,
.icon-cloud,
.icon-cloudy,
.icon-dropbox,
.icon-instagram {
  
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased
}

.icon-arrow-right:before {
  content: "\e000"
}

.icon-calendar-alt-fill:before {
  content: "\e001"
}

.icon-chrome:before {
  content: "\e002"
}

.icon-picassa:before {
  content: "\e003"
}

.icon-skype:before {
  content: "\e004"
}

.icon-cloud:before {
  content: "\e005"
}

.icon-cloudy:before {
  content: "\e006"
}

.icon-dropbox:before {
  content: "\e007"
}

.icon-instagram:before {
  content: "\f16d"
}

/*

Copyright © 2013 Sara Soueidan

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.



*/




/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table
}

.clearfix:after {
  clear: both
}

.clearfix {
  *zoom: 1
}

html {
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
 
}

ul {
  list-style-type: none;
}

header {
  background-color: rgba(0,0,0,0.2);
  height: 35px;
  line-height: 35px;
  padding: 0 30px;
  color: white;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2
}

header a {
  text-decoration: none;
  color: inherit;
  font-size: 17px
}

.effects-wrapper {
 /* padding: 2em .5em;*/
 
  margin: 0 auto;
  height: 100%;
  -webkit-perspective: 3300px;
  -ms-perspective: 3300px;
  -o-perspective: 3300px;
  perspective: 3300px;
  position: relative
}

.dashboard {
  margin: 0 auto;
  width: 100%;
 /* padding: 1em;*/
/*  -webkit-transform: translateX(200px);
  -ms-transform: translateX(200px);
  -o-transform: translateX(200px);
  transform: translateX(200px);
  opacity: 0;
  -webkit-animation: start 1s ease-out forwards;
  -o-animation: start 1s ease-out forwards;
  animation: start 1s ease-out forwards*/
}


.page-content{
  overflow-y:auto;
  max-height:100%;
  font-size:.6em;
  padding:.6em;
  text-align:left;
}
p.slider_title{
	
	font-weight: 400;
	opacity:1;
	color: #fff;
}
p.slider_desc{
	opacity:1;	
}
/*default colors just in case you don't define these colors on the tiles*/
.s-page, .r-page{
  background-color: white;
  color:black;
}
.page-title {
  margin: .25em 0;
  font-weight: 100;
  font-size: 3em;
  text-align:center;
}

.close-button {
  font-size: 1.5em;
  width: 1em;
  height: 1em;
  position: absolute;
  top: .75em;
  right: .75em;
  cursor: pointer;
  line-height: .8em;
  text-align: center
}

.tile.festival_programme{
	background-image: url('../img/mozaikajpg.jpg');
	background-size:260px 240px;
}
.tile.festivi {
    background-image: url('../img/festivi.png');
    background-size: 100% 100%;
}

.festivi.cover{
	padding: 5px; 
	background: rgba(0, 0, 0, 0.75); 
	color: #ffffff; 
	z-index: 99999; 
	opacity: 0.99; 
	
}


.festivi.cover:hover{
	background: rgba(0, 0, 0, 0.5); 
}

.tile.announcement{
	/* background-image: url('../img/concrete_wall.png');*/
	background-color: #ffffff;
	border: 1px solid #6D6D6D;
}

.tile.news_scroll{
	height: 1000px;
	background-color: #ffffff;
}

.tile.countdown{
/*	background-color: #433F39;*/
background-color: #fff;
height:50px;
}

div.all_news_container{
	float: left; 
	width: auto; 
	font-weight: bold; 
	margin-top: 5px; 
	margin-left: 5px; 
	margin-bottom: 10px;
}

.tile.countdown{
	
	padding:20px;
	
}

hr.all_news_top {
	color: #c3c3c3;
	background: #c3c3c3;
	width: 66%;
	margin: 0px auto 0px;
	height: 1px;
}

.tile {
  float: left;
  margin: 0 auto 5px;
  font-size: 1.2em;
  text-align: center;
  font-weight: 300;
  overflow: hidden;
  position: relative;
 
  color: #black;
  position: relative;
  -webkit-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out
}

.tile.single_height, div.single_height{
	height: 135px;
}

.tile.double_height, .single_height{
	height: 275px;
}

.tile-2xbig {
  height: 16.15em;
  width: 100%
}

.tile-big {
  width: 100%
}

.tile img {
  width: 100%;
  height: auto;
}

.tile-caption {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  color: #202020;
  font-size: 1em;
  padding: 1em;
  text-align: left
}

.caption-bottom {
  left: 0;
  bottom: 0;
  right: 0;
  height: 40%
}

.caption-left {
  left: -100%;
  top: 0;
  bottom: 0;
  width: 40%;
  -webkit-transition: left .3s linear;
  -o-transition: left .3s linear;
  transition: left .3s linear;
  font-weight: 200;
}
.caption-left:hover{
	
	color: #9E6B1D;
	
}
p.festivi{
	margin: 34px 0 10px;
    text-align: center;
    font-size: 1em;
}

.tile:hover .caption-left {
  left: 0
}

.tile-small {
  width: 49%;
  margin-right: 2%
}

.tile-small.last {
  margin-right: 0
}

.tile div {
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: table;
  max-width:800px;
}
div.festival_programme_slide{
	position: absolute;
	cursor: pointer;
}
div.festival_programme_slide p{
	padding: 20px; 
	font-size: 0.9em;
	
}
div.festivi_image{
  clear: both;
  width: 100%;
  height: 135px;
    top: 0;
    background-position: center;
    background-size: cover;
}


.trans div{
	-webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.tile div p {
 /* display: table-cell;*/
  vertical-align: top;
}

.tile.tile-big div p, .tile.tile-small div p {
 display: table-cell;
  vertical-align: middle;
}

.tile .news_tile div p {
    display: block;
    vertical-align: top;
    font-size: 14px;
}

.tile.news div p {
    display: block;
    vertical-align: baseline;
}

a.news_title, a.announcement_title{
	
	color: #9E6B1D;
	
}
.news_title:hover{
	color: #fff;
}

/*styling the individual tiles*/

.tile-3 {
  background-color: #ddd;
  color: #455962
}

.tile-3:hover {
  background-color: white;
  color: #455962
}


.fa.fa-th-list.programme:hover, p.create_account:hover{
 color: #9E6B1D;
}



div.Wallop-pagination {
	position: absolute;
	top: 10px;
	left: -10px;
	z-index: 99;
	text-align: right;
	height: 0px;
	width: 100%;
}

div.Wallop-item {
	cursor: pointer;
}

.Wallop-dot {
	z-index: 9;
	text-indent: -9999px;
	border: 0;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	padding: 0;
	margin: 5px;
	background-color: #fff;
	opacity: 0.99;
	-webkit-appearance: none;
}

.Wallop-dot--current {
	background-color: #A2783F;
}

/* slide text inside tile up */

.slideTextUp div:nth-child(2) {
  top: 100%
}

.slideTextUp:hover div {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}



/* slide text inside tile to the right*/

.slideTextRight div:first-child {
  left: -100%
}

.slideTextRight:hover div {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%)
}

/* slide text inside tile to the left */

.slideTextLeft div:nth-child(2) {
  left: 100%
}

.slideTextLeft:hover div {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%)
}



.faces .back {
  background-color: #455962;
  color: #ddd
}

.front span {
  display: inline-block;
  font-size: 4em;
  margin-top: .5em
}



.s-page {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: -150%;
  color: white;
  text-align: center;
  font-weight: 300;
  z-index: 1
}

.s-page p {
  font-size: 6em;
  margin-top: 2em;
  font-weight: 100
}

.myform {
  margin: 2em auto;
  width: 300px
}

input {
  display: block;
  line-height: 40px;
  padding: 0 10px;
  width: 260px;
  height: 40px;
  float: left
}

#unlock-button {
  background: black;
  color: white;
  font-size: 1em;
  float: left;
  border: 0;
  height: 2.5em;
  width: 2.5em;
  padding: .3125em;
  text-align: center;
  cursor: pointer;
  border-radius: 2px
}

.delete-button {
  font-size: 0.7em;
  float: right;
  line-height: 25px
}

/*======================= media queries =======================*/

.tile.double_height{
   height: 275px;
}
.tile.single_height{
  height: 135px;
}

.page-header.news, .page-header.announcement{
	margin: 10px 0px 5px 0px;
	text-align: left;
}

.page-header.announcement{
	padding-bottom: 5px;	
	border-right: none;
}


/*col3 skrócona lista wiadomości*/
div.festival_news.short_list{
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
	float: left;
	width: 100%;
}



div.festival_news.short_list.all{
	clear: both; 
	position: relative;
}


div.festival_announcement.short_list{
	margin-top: 0px;
	margin-bottom: 7px;
	height: auto;
	float: left;
}

div.festival_announcement.short_list:last{
	margin-bottom:0px;
}
div.festival_news.short_list>div.image{
	position: relative; 
	width: 20%; 
	height: 100%;
	padding: 0%; 
}

div.festival_news.short_list>div img{
	position: relative; 
	float: left; 
	min-width: 100%;
	width: 100%; 
	height: auto;
	margin: 0px; 
}

div.festival_announcement.short_list div.title{
	position: relative; 
	display: inline-block;
	font-size: 0.85em;
	width: 100%;
}

div.festival_news.short_list div.title, div.festival_announcement.short_list div.title{
	position: relative; 
	display: inline-block;
	font-size: 0.85em;
	width: 80%;
}


div.festival_news.short_list>div.date {
	float: left; 
	position: relative; 
	text-align: left; 
	display: inline-block;
	font-size: 10px;
	
	
}
div.festival_announcement.short_list div.date{
	
	float: left;
	font-size:0.8em;
	width: auto;
	display: block;
	clear:both;
}

div.festival_news.short_list>div.message, div.festival_announcement.short_list div.message{

	float: left; 
	position: relative; 
	width: 100%;
	text-align: justify;  
	padding: 5px;
	font-size: 0.8em;
}

 div.festival_announcement.short_list div.message{
 	padding-left: 0px;
 }
/*col3 skrócona lista wiadomości*/

/* Tytuł na sliderze */
  div.film_title_box{
		
		left: 0; 
		position: absolute;
		background: rgb(0, 0, 0);
		
/* RBa with 0.6 opacity */

	background: rgba(0, 0, 0, 0.3);
		
		}
	div.film_title_box>img{
		
		width: 50px; 
		height: 50px;
		margin: 15px 0px 0px 10px;
	}
	div.film_title_box>div{
		margin-top: 10px;
		width: 95%; 
		
		margin-left: 10px;
	}
	div.film_title_box>div>p{
		
		text-align: left;
		color: #fff;
		display: block;
	}
	
	button.Wallop-buttonNxt, button.Wallop-buttonPrv{

	z-index:9999999999999;
	outline: none;
	}
	button.Wallop-buttonPrv{
		top: -15px;
		left: 10px;
		position:absolute;
	border: none;
		
	}
	button.Wallop-buttonNxt{
		top: -15px;
		right: 10px;
		position:absolute;
		border: none;
		
	}
	button.Wallop-buttonNxt:hover, button.Wallop-buttonPrv:hover{
		opacity: 0.75;
	}

/* Tytuł na sliderze */


	
	
	/* LIŚĆ na Kafelku */
	img.programme_leaf{
		width: 40px; 
		height: 40px;
		margin: -10px 5px 0px -20px;
	}
	/* Liść na kafelku */
	
	/* Galeria */
	div.gal{
	position: relative;
	height: 135px; 
	width: 220px;
	margin-right: 10px;
	}
	div.gal_img{
	height:100px; 
	width:100%;
	}
	div.gal_title{
	font-size: 12px; 
	height:15px;
    top: 105px; 
    left:10px; 
    display: none;
	}
	.fa.fa-chevron-circle-right{
	margin-top: 45px; 
	font-size:30px;
	}
	.accreditation{
	line-height: 135px;
	}
/*Galeria*/


/* Wiadomość pojedyncza */

div.img_single_news{
	
	position: relative; 
	float: left; 
	width: 120px; 
	margin-top: 10px; 
	
	
}

img.img_single_news{
	width: 120px; 
	height: auto;
}

div.title_single_news{
	position: relative;
	width:70%; 
	display: inline-block;
	float: left;
	text-align: left;
	padding-left: 5px;
}

div.date_single_news{
	float: left; 
	position: relative; 
	text-align: left;
	display: inline-block; 
	width: 40%; 
	padding: 0% 0% 0% 2%;
}
div.title_single_news h3{
	margin-top: 5px;
	
}
div.message_single_news{
	float: left; 
	position: relative; 
	width: 100%; 
	min-height: 190px; 
	text-align: justify;
	
}
.tile div.message_single_news p{
	font-size: 15px;
	line-height: 1.2;
}

 

/*Wiadomość pojedyncza */




/* Ogłoszenie pojedyncze */

div.title_single_announcement{
	position: relative;
	width:80%; 
	display: inline-block;
	float: left;
	text-align: left;
	padding-left: 15px;
}

div.title_single_announcement h3{
	margin-top: 5px;
}

/*Ogłoszenie pojedyncze */

/*FesTiVi pojedyncze */

div.link_single_festivi{
	
	float: left; 
	position: relative; 
	width: 100%; 
	height: 345px; 
	text-align: justify;
	padding:5px;
	
	
	
}

p.slider_title {
		margin-bottom: 0px;
	}

div.festival_news.short_list div.message{
	font-family: calibri;
	font-size: 15px;
}

div.festival_news.short_list div.message{
	padding: 0% 0% 0% 2%;	
}

div.festival_news.short_list>div.image {
/*	position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
 */
   float:left;
     
}

div.festival_news.short_list div.message{
		float: left;
		width: 80%;
	    position: relative;
}

div.message_fade_out{
	position: absolute; 
	bottom: 15px; 
	left: 0; 
	height: 50%; 
	width: 100%; 
	background-image: linear-gradient(to bottom, transparent, white);
}

div.festival_news.short_list>div.image{
	
	}


@media (min-width:0px) {
 /* .col1,
  .col2,
  .col3 {
    float: left;
  margin-right: 1%;
    width: 49%
  }*/
  .col1{
  width: 100%;
  margin: 0px 0 0px 0;
  clear: both;
  }
  .col2{
  margin: 0 0 5px 0;
  padding: 0 1%;
  }

	
	/*col3 skrócona lista wiadomości*/
	
	div.festival_news.short_list>div.image{
		display: none;
	}
	div.festival_news.short_list div.title{
		width: 80%;
		padding: 0% 0% 0% 2%;
	}
	div.festival_news.short_list>div.date{
		clear: both;
		float: left;
		text-align: left;
		margin: 0px 5px 0px 5px;
	}
	div.festival_news.short_list>div.message{
		clear: both;
		float: left;
		width: 100%;
	}
	/*col3 skrócona lista wiadomości*/
	
	

  
  .page-title{
    font-size:2.5em;
  }
  .page-content{
    font-size:1em;
  }
  .close-button{
    font-size:2em;
  }
  	 /* FILM SLIDER */
	 div.film_title_box{
		top: 135px; 
		position: absolute;
		height: 150px;
		
	}
	div.film_title_box>img{
		
		width: 50px; 
		height: 50px;
		margin: 15px 0px 0px 10px;
	}
	div.film_title_box>div{
		margin-top: 10px;
		width: 95%; 
		
		margin-left: 10px;
	}
	div.film_title_box>div>p{
		
	}

	p.slider_title{
	font-size:0.6em;
	font-weight: 400;
	}
	div.film_title_box>div>p.slider_desc{
	width:100%;
	padding-right: 5px;
	padding-top:0px;
	float: right;
	text-align: right;
	font-size: 8px;
	}
	
	button.Wallop-buttonNxt, button.Wallop-buttonPrv{
		top:0px;
	}
	/* KONIEC FILM SLIDER*/
  
}

@media screen and (min-width: 470px) {
	 /* FILM SLIDER */
	 div.film_title_box{
		top: 170px; 
		position: absolute;
		height: 150px;
	}
	div.film_title_box>img{
		
		width: 50px; 
		height: 50px;
		margin: 15px 0px 0px 10px;
	}
	div.film_title_box>div{
		margin-top: 10px;
		width: 100%; 
		padding-right:10px;
		
		
	}
	div.film_title_box>div>p{
		
	}
	button.Wallop-buttonNxt, button.Wallop-buttonPrv{
	z-index:1000;
	top: 15px;
	}
	p.slider_title{
	font-size:0.9em;
	font-weight: 400;
	}
	p.slider_desc{
	font-size: 0.7em;
	padding-right: 5px;
	}
 .col2{
 
  padding: 0 0;
  }
  .tile div.calendar_message{
  	width: 300px;
  }
	
}

@media screen and (min-width: 630px) {
	
	/*col3 skrócona lista wiadomości*/
	
	div.festival_news.short_list>div.image{
		display: inline-block;
		padding: 10px 0px;
		
	}
	div.festival_announcement.short_list div.title{
		width: auto;
		float: left;
		display: inline-block;
	}
	div.festival_news.short_list div.title {
		width: 99%;
		float: left;
		display: inline-block;
		
	}
	div.festival_news.short_list div.date{
		width: 60px;
		float: right;
		text-align: right;
		display: inline-block;
		clear: none;
		margin-top: 8px;
		
	}
	div.festival_announcement.short_list div.date{
		float:left;
	}
	div.festival_announcement.short_list div.message{
		width: 100%;
		margin-left: 0px;
		padding-right: 15px;
	}
	
	div.festival_announcement.short_list div.message{
		padding-left: 0px;
	}
	/*col3 skrócona lista wiadomości*/
	
	
}

@media screen and (min-width: 758px) {
	 .col1{
	  width: 480px;
	  margin: 0 5px 0 0;
	  display:inline-block;
	  clear: none;
	 
  	}	
	  .col2{
	  	float: right;
	  	width: 255px;
	  	
	  }
	  .col3{
	  	float: left;
	  	width: 486px;
	  	margin:-7px 0px 0px -3px;
	  }
	  .col4{
	  	float: right;
	  	width: 240px;
	  }
	  div.festival_announcement.short_list div.date{
		margin-top: 2px;
	}
	
	span.festivi_cover_desc{
		font-size:12px;
	}
	
	.festivi.cover{
		min-height:80px;
	}
	
	button.Wallop-buttonNxt, button.Wallop-buttonPrv{
	
    height: 35px;
    width: 35px;
    margin-top: 25%;
    border-radius: 40px;
    opacity: 0.95;
	}
	.tile div.calendar_message{
		width: 145px;
	}
	div.film_title_box{
		top:200px;
	}
	
	div.tile.left_news{
  
  	margin: -3px 0px 0px -2px; 
  	width:492px; 
  	padding: 3px 0px 3px 3px;
  }	
	
	
}

@media screen and (min-width: 1014px) {
	
	.col1{
	  width: 620px;
	  margin: 0 5px 0px 0px;
	  display:inline-block;
	  clear: none;
	 
  	}	
	  .col2{
	  	float: right;
	  	width: 305px;
	  	
	  }
	  .col3{
	  	width: 627px;
	  	margin: -10px 0px 0px -3px;
	  }
	  .col4{
	  	float: right;
	  	width: 305px;
	  	
	  	
	  }
	  
	 p.festivi{
	margin: 64px 0 10px;
    text-align: center;
    font-size: 1.3em;
	}
	
	li.festival_programme{
	 background-color: #050515;
 	 color: white;
 	 height: 122px;
	}
	
	.tile.festivi, .festivi.cover{
	min-height:170px;
	height:170px;
	}
	span.festivi_cover_desc{
		font-size:14px;
	}
	
	/*col3 skrócona lista wiadomości*/
	
	div.festival_news.short_list>div img{
		min-width: 100%;
		width: 100%;
		height: auto;
	}
	div.festival_news.short_list div.title{
		width: 99%;
		text-align: left;
		font-size: 1.3em;
	}
	img.programme_leaf{
		width: 60px; 
		height: 60px;
	}
	li.festival_programme{
		height: 70px;
	}
	div.festival_announcement.short_list div.title{
		width: 100%;
		font-size:0.8em;
	}
	div.festival_news.short_list>div.date{
		width: 65px;
		float: right;
		text-align: right;
		display: inline-block;
		clear: none;
		margin-top: 8px;
		font-size: 12px;
		
	}
	div.festival_announcement.short_list div.date{
		margin-top: 2px;
	}
	div.festival_news.short_list>div.message{
		width: 80%;
		display:inline-block;
		clear: none;
		font-size: 0.85em;
		margin-left: 0px;
		margin-top: -5px;
		
		
	}
	/*col3 skrócona lista wiadomości*/
	
	div.menu.main {
    
    font-size: 13px;
    
	}
	/* SLIDER GŁÓWNY */
	div.film_title_box>div{
		margin-top: 15px;
	}
	p.slider_desc{
	font-size: 0.9em;
	}
	
	div.festival_news.short_list>div.message{
		padding-left: 5px;
		font-size: 1.1em;
	}	
	 div.festival_announcement.short_list div.message{
	 	padding-left: 0px;
	 }
	 
	 /* FILM SLIDER */
	 div.film_title_box{
		top: 260px; 
		
		position: absolute;
		height: 200px;
	
		
		}
	div.film_title_box>img{
		
		width: 50px; 
		height: 50px;
		margin: 15px 0px 0px 10px;
	}
	div.film_title_box>div{
		margin-top: 15px;
		width: 98%; 
		
		margin-left: 10px;
	}
	div.film_title_box>div>p{
		padding: 0px;
	}	
	.fa.fa-angle-left.slider_btn, .fa.fa-angle-right.slider_btn{
		font-weight: bold;
		font-size: 24px;
	
	}
	.fa.fa-angle-left.slider_btn{
			margin-left:-2px;
	}
	.fa.fa-angle-right.slider_btn{
			margin-left:2px;
	}
	
	button.Wallop-buttonNxt, button.Wallop-buttonPrv{
	
	z-index:1000;
	background-color: #fff;
    height: 45px;
    width: 45px;
    margin-top: 23%;
    border-radius: 40px;
    opacity: 1;
	}
	
	p.slider_title{
	font-size:1.4em;
	font-weight: 100;
	width: 100%;
	
	}
	p.slider_desc{
	font-size: 0.95em;
	color: #fff;
	font-weight: 400;
	width: 100%;
	margin-top:10px;
	}
	div.film_title_box>div>p.slider_desc{
		font-size:14px;
	}
	li.announcement{
		margin-top:0px;
		height: 510px;
	
	}
	div.festival_announcement:nth-child(4) {
    display: none;
	}
	.tile div.calendar_message{
		width: 195px;
	}
	
	div.tile.left_news{
  
  	margin: -3px 0px 6px -2px; 
  	width:627px; 
  	padding: 3px 0px 3px 3px;
  }	
}

@media screen and (min-width: 1270px) {
  .col1{
	  width: 795px;
	  margin: 0 5px 0px 0px;
	  display:inline-block;
	  clear: none;
	 
  	}
  	
  div.tile.left_news{
  
  	margin: 0px; 
  	width:801px; 
  	padding: 0px 0px 3px 3px;
  }	
	  .col2{
	  	float: right;
	  	width: 400px;
	  	
	  }
	  .col3{
	  	width: 800px;
	  margin: -8px 0px 0px -2px;
	  }
	  .col4{
	  	float: right;
	  	width: 400px;
	  	
	  	
	  }
	  
	div.menu.main {
    
    	font-size: 14px;
    
	}
	li.festival_programme{
		height: 108px;
	}
	.tile.festivi, .festivi.cover{
	min-height:225px;
	height: 225px;
	}
	li.announcement{
		
		height: 549px;
	
	}
	div.festivi_image{
		height: 225px;
	}
	div.film_title_box>div>p{
		padding: 0px;
		
	}
	a.festival_announcement:nth-child(4) {
    display: inline-block;
	}
	 div.film_title_box{
		top: 345px; 
	 }
	 div.festival_announcement.short_list div.title{
	 	font-size: 0.9em;
	 }
	 .tile div.calendar_message{
	 	width: 180px;
	 	margin-top:5px;
	 }
	 .tile.countdown{

		height:60px;
	}
	
	div.film_title_box>div>p.slider_desc{
	padding-top:0px;
	font-size:14px
	}
	
	
}