/* FILMS NAVI LINK */

.films-navi-link {
	height: calc(50px - 30px);
	line-height: 20px;
	margin: 10px 0;
	padding: 5px 10px;
	float: right;
	color: white;
	background-color: #F39133;
	text-decoration: none;
	text-align: center;
}

.films-navi-link:hover {
	background-color: white;
	color: black;
}

@media (max-width: 540px) {
	.social-buttons {
		margin-right: 10px;
	}
}



/*ALL FILMS*/

.film-close-button {
	display: none;
}

.films-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	position: relative;
	margin: 30px 0 0 0 ;
	float: left;
	width: 100%;
}

.films-container-selected .film {
	display: none;
}

.films-content {
	display: inline-block;
	width: 100%;
}

.film {
	-webkit-box-flex: 1;
					-ms-flex: 1;
							flex: 1;
	-ms-flex-preferred-size: calc(25% - 40px);
	flex-basis: calc(25% - 40px);
	max-width: calc(25% - 40px);
	position: relative;
	margin: 0px 10px 30px 10px;
	padding: 10px 10px 40px 10px;
	text-align: center;
	background-color: white !important;
	border-radius: 3px;
	font-size: 1em;
}

.film-tag {
	cursor: pointer;
	font-weight: bold;
}

.film-tag:hover {
	text-decoration: underline;
}

.film-photo {
	width: 160px;
	height: 120px;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: -10px;
	margin-top: -10px;
	width: calc(100% + 20px);
}

.film-info {
	height: auto;
	margin-top: 10px;
	font-size: 1em;
}

.film-title {
	color: #F39133;
	line-height: 2em;
}

/*.film-country-and-year, .film-director {
	position: absolute;
	width: calc(100% - 20px);
	text-align: center;
}

.film-director {
	bottom: 40px;
}

.film-country-and-year {
	bottom: 85px;
}*/

.film-program-flex-colors {
	width: 100%;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.film-program-color {
	width: calc(100% - 20px);
	display: inline-block;
	position: absolute;
	bottom: -70px;
	left: 0;
	padding: 5px 10px;
	text-align: center;
	background-color: #333944;
	color: white;
	-webkit-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
					transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.film-program-text {
	width: 100%;
}

.film:hover .film-program-color {
	/*height: 20px;*/
	display: inline-block;
	transform: translate3d(0, -74px, 0);
}

.film:hover .film-program-text {
	display: inline-block;
}

.film-program-flex-colors div {
	-webkit-box-flex: 1;
					-ms-flex: 1;
							flex: 1;
	height: 100%;
}







/* FILM PROGRAM COLORS */

.pff {
	background-color: #F39133;
}

.phivistlusprogramm {
	background-color: #ee2326;
}
.debtfilmidevistlusprogramm {
	background-color: #2a3e92;
}
.vistlusprogrammivlinefilm {
	background-color: #f58424;
}
.eestifilmikonkurss {
	background-color: #f0318c;
}
.avafilm {
	background-color: #f58424;
}
.erilinastused {
	background-color: #8f1a90;
}
.fookuseskummardusprantsusekomdiale {
	background-color: #2056ae;
}
.panoraam {
	background-color: #62605d;
}
.foorum {
	background-color: #14ad64;
}
.screeninternationalkriitikutevalik {
	background-color: #3f3396;
}
.docpff {
	background-color: #6a0226;
}
.isedvrinad {
	background-color: #231f20;
}
.eriprogrammmoekino {
	background-color: #ed0c5f;
}
.goetheinstituutesitlebuusisaksafilme {
	background-color: #8cd024;
}
.eestiolmpiakomiteeesitleb {
	background-color: #f58424;
}
.lepiiride {
	background-color: #f58424;
}
.kuumadteemad {
	background-color: #f58424;
}



.justfilm {
	background-color: #00B7EB;
}

.jflapseigusteprogramm {
	background-color: #ffdc39;
}
.jflastefilmideprogramm {
	background-color: #f333f5;
}
.jfnoorteprogramm {
	background-color: #86ea65;
}
.jfdocjust {
	background-color: #17aae2;
}
.jfkodanikupev {
	background-color: #ff0000;
}
.jfteadusfilmideeriprogramm {
	background-color: #27a230;
}
.jferiprogrammrndavmaailm {
	background-color: #68fff1;
}



.animateddreams {
	background-color: #E8112D;
}

.aderiprogrammid {
	background-color: #00feb9;
}
.adpanoraam {
	background-color: #fcf57d;
}
.adtispikadanimafilmid {
	background-color: #e186c2;
}
.advistlusprogrammid {
	background-color: #7957FD;
}

.sleepwalkers {
	background-color: #7f626b;
}

.sweriprogrammid {
	background-color: #7f626b;
}

.swpanoraam {
	background-color: #839db6;
}

.swvistlusprogrammid {
	background-color: #ff6d6c;
}





/*SELECTED FILM*/

.selected-film {
	display: none;
}

.films-container-selected {
	margin-top: 0;
}

.film-selected {
	-ms-flex-preferred-size: 100%;
							flex-basis: 100%;
	max-width: 100%;
	padding: 20px;
	text-align: left;
	width: calc(100% - 60px);
	background-color: #fdfdfd !important;
	display: inline-block !important;
}

.selected-film {
	width: 100%;
}

.selected-film-title-photo-synopsis {
	width: 60%;
	float: left;
}

.selected-film-title {
	color: #F39133;
}

.selected-film-premiere {
}

.selected-film-titles-director-country {
	padding: 10px 0;
}

.selected-film-photo-and-trailer {
	height: 270px;
	width: calc(100% - 20px);
	float: left;
	border: 3px solid #292d35;
	border-width: 3px 10px;
	overflow: hidden;
}

.selected-film-photo, .selected-film-trailer {
	height: calc(100% + 3px);
	margin-top: -1px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
}

.selected-film-photo {
	-webkit-transform: translateY(-100%);
					transform: translateY(-100%);
}

.selected-film-trailer {
	-webkit-transform: translateY(-100%);
					transform: translateY(-100%);
	background-color: black;
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(.25,.8,.25,1);
	transition: transform 0.8s cubic-bezier(.25,.8,.25,1);
	position: relative;
	z-index: 3;
}

.selected-film-trailer iframe {
	height: 100%;
	width: 100%;
	border: 0;
}

.photo-and-trailer-labels {
	display: inline-block;
	float: right;
}

.photo-label-image, .trailer-label-image {
	height: 18px;
	width: 18px;
	float: left;
	margin-right: 5px;
	margin-top: 3px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px;
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.photo-label-image {
	background-image: url('/img/film_photo.svg');
}

.trailer-label-image {
	background-image: url('/img/film_trailer.svg');
}

.photo-and-trailer-labels > div {
	height: 25px;
	line-height: 25px;
	float: right;
	padding: 3px 10px;
	background-color: #e0e0e0;
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	font-weight: bold;
}

.photo-and-trailer-labels > div:hover {
	background-color: #292d35;
	color: white;
	cursor: pointer;
}

.photo-label:hover .photo-label-image, .trailer-label:hover .trailer-label-image {
	filter: invert(100%);
}

.label-active {
	background-color: #292d35 !important;
	color: #F39133 !important;
}

.label-active .photo-label-image {
	background-image: url('/img/film_photo_hover.svg') !important;
	filter: invert(0) !important;
	transition: none;
}

.label-active .trailer-label-image {
	background-image: url('/img/film_trailer_hover.svg') !important;
	filter: invert(0) !important;
	transition: none;
}

.selected-film-synopsis, .selected-film-director-biography {
	text-align: justify;
	padding: 1px;
	/* width: calc(100% - 170px); */
	width: 100%;
}

.selected-film-synopsis p:first-of-type, .selected-film-director-biography p:first-of-type {
	margin-top: 0;
}

.selected-film-info {
	height: 100%;
	width: calc(40% - 40px);
	min-width: 200px;
	margin-left: 40px;
	float: left;
}

.program-label, .information-label {
	margin-top: 20px;
}

.synopsis-label, .schedule-label, .category-label, .program-label, .information-label, .director-bio-label {
		color: #F39133;
		-webkit-transition: color 0.3s cubic-bezier(.25,.8,.25,1);
						transition: color 0.3s cubic-bezier(.25,.8,.25,1);
}

.info-label-active {
	color: rgba(0,0,0,0.87);
}

.synopsis-and-bio-container {
	width: 100%;
	display: inline-block;
	float: left;
	margin-top: 20px;
}

.synopsis-and-film-director-labels {
	width: 100%;
	display: inline-block;
	float: left;
	margin-bottom: -1px;
}

.synopsis-label, .director-bio-label {
	float: left;
	padding: 0 10px;
	cursor: pointer;
	border-bottom: 0;
	border: 1px solid transparent;
}

.synopsis-label:hover, .director-bio-label:hover {
	color: black;
}

.info-label-active:hover {
	color: inherit;
}

.info-label-active {
	border: 1px solid #e4e4e4;
	background-color: white;
	border-bottom: 0;
	border-radius: 3px 3px 0 0;
	position: relative;
	background-color: white;
}

.director-bio-label {
	margin-left: 10px;
}

.selected-film-director-photo {
	height: 200px;
	width: 150px;
	float: right;
	margin: 10px 0 10px 20px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.selected-film-synopsis-and-bio {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	float: left;
	margin-top: -1px;
	width: 100%;
	background-color: white;
	-webkit-transition: transform 0.8s cubic-bezier(.25,.8,.25,1);
					transition: transform 0.8s cubic-bezier(.25,.8,.25,1);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.selected-film-director-bio, .selected-film-synopsis {
	background-color: white;
	min-width: calc(100% - 40px);
	width: calc(100% - 40px);
	padding: 10px 20px;
	float: left;
	-webkit-box-flex: 1;
					-ms-flex: 1;
							flex: 1;
}

.selected-film-synopsis-active {
	transform: translate3d(-100%, 0, 0);
}

.selected-film-director-name {
	margin-top: -10px;
}

.selected-film-program {
	display: inline-block;
	width: 100%;
}

.selected-film-program-info {
	width: 100%;
	float: left;
	display: inline-block;
}

.selected-film-program-color {
	height: 10px;
	width: 10px;
	float: left;
	display: inline-block;
	border-radius: 50px;
	margin-top: 5px;
	margin-right: 5px;
	box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.9);
}

.selected-film-details {
	word-wrap: break-word;
}



/* SCHEDULE */

.selected-film-schedule-and-program-mobile {
	display: none;
}

.selected-film-schedule-info {
	display: inline-block;
	position: relative;
}

.one-screening-container {
	position: relative;
	display: inline-block;
	width: calc(100% - 22px);
	padding: 10px 10px 0 10px;
	border: 1px solid #e4e4e4;
	float: left;
	border-radius: 3px;
	margin-top: 15px;
	background-color: white;
	min-height: 130px;
}

.screening.schedule-omakava-add, .screening.schedule-omakava-remove {
	height: 24px !important;
	width: 24px !important;
	left: auto;
  bottom: auto;
  position: relative;
  float: right;
}

.one-screening-main-info-container.out-omakava .schedule-omakava-add {
	display: block;
}
.one-screening-main-info-container.in-omakava .schedule-omakava-remove {
	display: block;
}

.one-screening-main-info-container {
	display: inline-block;
	min-height: 100px;
	width: 100%;
}

.one-screening-container:nth-of-type(even) {
	background-color: #f9f9f9;
}

.one-screening-container:first-of-type {
	margin-top: 0;
}

.screening-date-with-weekday {
	width: calc(100% - 40px);
	float: left;
}

.screening-absolute-button {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.screening-time {
	width: 40px;
	float:right;
	text-align: right;
}

.screening-duration {
	width: 60px;
	float:right;
	text-align: right;
}

.screening-venue {
	width: calc(100% - 65px);
	float: left;
	margin-right: 5px;
}

/*.screening-city {
	width: 100%;
	float: left;
	display: none;
}*/

.screening-hall {
	width: calc(100% - 95px);
	float: left;
}

.screening-qa {
	padding: 5px !important;
	float: left;
	display: inline-block;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	background-color: #F39133;
	color: white;
}

.screening-qa span {
	width: calc(100% - 24px);
	float: left;
}

.screening-qa-names-container {
	display: none;
	position: absolute;
	top: calc(100% - 3px);
	left: -1px;
	background-color: transparent;
	width: 100%;
	color: white;
	text-shadow: 1px 1px 5px #bf6611;
	cursor: default;
	z-index: 3;
}

.screening-qa-names {
	background-color: #F39133;
	width: 100%;
	color: white;
	border: 1px solid #bf6611;
	text-shadow: 1px 1px 5px #bf6611;
	cursor: text;
}


.screening-qa-arrow {
	height: 30px;
	width: 24px;
	float: left;
	background-image: url('/img/menu_arrow.svg');
	background-size: 24px;
	background-position: center;
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.screening-qa-arrow-active {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.screening-subs-container {
	width: 100%;
	float: left;
	display: inline-block;
}

.screening-subs {
	display: inline-block;
	margin: 5px 10px 5px 0;
	padding: 0 5px;
	background-color: #292d35;
	color: white;
	border-radius: 3px;
}

.screening-subs:last-of-type {
	margin: 5px 0;
}

.screening-code {
	width: calc(100% - 100px);
	float: left;
	margin-right: 5px;
}

.screening-piletilevi-link, .screening-sold-out {
	padding: 5px 10px;
	display: inline-block;
	float: right;
	color: white !important;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
}

.screening-piletilevi-link {
	background-color: #15A96A;
}

/*.piletilevi-shop {
	height: 28px;
	width: 18px;
	float: left;
	background-image: url('/img/film_shop.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px;
	-webkit-transition: background-image 0.3s cubic-bezier(.25,.8,.25,1);
	transition: background-image 0.3s cubic-bezier(.25,.8,.25,1);
}*/

.screening-piletilevi-link:hover {
	background-color: #13cc7d;
	color: white !important;
}

.screening-sold-out {
	background-color: #EB1D39;
}

.screening-extra-buttons {
	width: 100%;
	display: inline-block;
	margin: 5px 0 10px 0;
	float: left;
}

.screening-extra-buttons > div {
	margin-left: 10px;
	line-height: 30px;
	padding: 5px 10px;
}

.screening-extra-buttons > div:first-of-type {
	margin-left: 0;
}

.screening-additional-info {
	width: 100%;
	background-color: #f3f3f3;
	padding: 10px;
	margin-left: -10px;
	border-top: 1px solid #e4e4e4;
	float: left;
	display: inline-block;
}

.extra-no-qa {
	width: auto;
	float: right;
	margin-top: -15px;
}

.trailer-box {
	width: 75vw;
	height: calc(75vw / 16 * 9);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 20;
	background: black;
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.7);
	border-radius: 10px;
	overflow: hidden;
}

.synopsis-and-bio-animation-container {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	border: 1px solid #e4e4e4;
	margin-top: -1px;
	border-radius: 0 3px 3px 3px;
}

@media (max-width: 999px) {

	.selected-film-photo-and-trailer {
		height: calc(50vw / 16 * 9);
	}

	.selected-film-title-photo-synopsis {
		/* width: calc(48vw + 20px); */
	}

	.photo-and-trailer-labels, .selected-film-director-bio {
		width: calc(48vw + 20px);
	}

	.selected-film-synopsis {
		width: calc(48vw - 20px);
	}

}

@media (max-width: 899px) {
	.film {
		-ms-flex-preferred-size: calc(100% / 3 - 40px);
								flex-basis: calc(100% / 3 - 40px);
		max-width: calc(100% / 3 - 40px);
	}

	.film-selected {
		-ms-flex-preferred-size: 100%;
				flex-basis: 100%;
		max-width: 100%;
	}

	.trailer-box {
		width: calc(100% - 40px);
		height: calc((100vw - 115px) / 16 * 9) !important;
	}

}

@media (max-width: 699px) {
	.film-close-button {
		right: -15px;
		top: -20px;
	}
	.content {
		padding-bottom: 0;
	}
	.film {
		-ms-flex-preferred-size: calc(50% - 40px);
								flex-basis: calc(50% - 40px);
		max-width: calc(50% - 40px);
	}
	.films-container-selected {
	}
	.film-selected {
		-ms-flex-preferred-size: 100%;
								flex-basis: 100%;
		max-width: calc(100% - 60px);
	}
	.selected-film {
		background-color: white;
		padding: 0 10px;
		margin-left: -40px;
		background-color: white;
		margin-top: -45px;
		width: calc(100% + 60px);
		height: calc(100% + 100px);
	}

	.selected-film-photo-and-trailer {
		height: calc((100vw - 115px) / 16 * 9) !important;
	}

	.selected-film-title-photo-synopsis {
		width: 100%;
	}

	.selected-film-title {
		width: calc(100% - 30px);
	}

	.photo-and-trailer-labels, .selected-film-director-bio {
		width: 100%;
	}

	.selected-film-synopsis {
		width: calc(100% - 40px);
	}

	.selected-film-info {
		width: 100%;
		margin: 20px 0 0 0;
	}

	.selected-film-schedule-and-program-mobile {
		display: inline-block;
	}

	.selected-film-schedule-and-program-desktop {
		/*display: none;*/
	}

	.selected-film-schedule-and-program {
		width: 100%;
		float: left;
		margin-top: 30px;
	}

	.selected-film-schedule {
		width: 50%;
		float: left;
		display: none;
	}

	.selected-film-program {
		width: calc(50% - 50px);
		margin-left: 0;
		float: left;
		display: inline-block;
	}

	.program-label {
		margin-top: 0;
	}

	.selected-film-information {
		width: calc(100% - 20px);
		float: left;
	}

	.schedule-label, .selected-film-program, .selected-film-information {
		padding: 0 10px;
	}
}

@media (max-width: 540px) {
	.selected-film-schedule {
		width: 100%;
	}

	.selected-film-program {
		width: 100%;
		margin-left: 0;
	}

	.program-label {
		margin-top: 20px;
	}

	.synopsis-and-bio-container {
		margin-top: 30px;
	}

	.selected-film-program {
		margin-left: 0;
	}
}

@media (max-width: 450px) {
	.selected-film-director-photo {
		float: none;
		margin: 10px auto;
	}
}

@media (max-width: 399px) {
	.film {
		-ms-flex-preferred-size: calc(100% - 40px);
								flex-basis: calc(100% - 40px);
		max-width: calc(100% - 40px);
	}

	.film-selected {
		-ms-flex-preferred-size: 100%;
				flex-basis: 100%;
		max-width: 100%;
	}

}




/*FILMS-SORTER*/

.films-sorter, .schedule-sorter {
	width: 100%;
	z-index: 3;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-flow: row wrap;
			flex-flow: row wrap;
	float: left;
	position: relative;
	margin-top: 20px;
}

.input-dropdown-arrow {
	width: 24px;
	height: 30px;
	background-size: 24px;
	background-image: url(/img/menu_arrow_hover.svg);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;

}

.input-desktop-links {
	width: 150px;
	height: 40px;
	text-align: left;
	margin: 5px 5px 0 5px;
	float: left;
	max-height: 50vh !important;
	-webkit-box-flex: 1;
					-ms-flex: 1;
							flex: 1;
	-ms-flex-preferred-size: calc(100% / 4 - 10px);
							flex-basis: calc(100% / 4 - 10px);
	max-width: calc(100% / 4 - 10px);
	position: relative;
}

.input-desktop-links a:nth-child(even) {
    background-color: rgba(41, 45, 53, 0.3);
}

.input-desktop-links-absolute-container {
	position: absolute;
	height: 30px;
	overflow: hidden;
	width: 100%;
	background-color: #333944;
	border: 2px solid #F39133;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.film-sorter-search {
	width: calc(100% / 4 - 30px);
	height: 30px;
	line-height: 30px;
	float: right;
	padding: 0 10px;
	display: inline-block;
	background-color: #333944;
	border: 2px solid #F39133;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-webkit-transition: background-color 0.3s cubic-bezier(.25,.8,.25,1), border 0.3s cubic-bezier(.25,.8,.25,1);
	transition: background-color 0.3s cubic-bezier(.25,.8,.25,1), border 0.3s cubic-bezier(.25,.8,.25,1);
	position: absolute;
	top: -42px;
	right: 1px;
	color: white;
}

.searcher-icon {
	position: absolute !important;
	width: 30px !important;
	height: 30px !important;
	top: -40px !important;
	right: 0 !important;
}

.search-container .search-icon, .search-container .search-icon-active {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
}

.film-sorter-search:focus, .film-sorter-search:active {
	background-color: #F39133;
	color: #333944;
	border: 2px solid rgba(0,0,0,0.2);
}

.film-sorter-search.input-box-active {
	background-color: #F39133;
	color: #333944;
	border: 2px solid rgba(0,0,0,0.2);
}

.input-desktop-links a, .input-desktop-links-show {
	display: block;
	width: calc(100% - 20px);
	min-height: 30px;
	line-height: 30px;
	float: left;
	padding: 0 10px;
	font-size: 1em;
	text-decoration: none !important;
	font-weight: bold;
	-webkit-transition: none;
	transition: none;
	overflow: hidden;
}

.input-desktop-links a:hover {
	background-color: #F39133;
	color: black;
}

.input-desktop-links-show {
	color: white;
	cursor: pointer;
	height: 30px;
}

@media (max-width: 899px) {
	.input-desktop-links {
		-ms-flex-preferred-size: calc(100% / 3 - 10px) !important;
								flex-basis: calc(100% / 3 - 10px) !important;
		max-width: calc(100% / 3 - 10px) !important;
	}

	.film-sorter-search {
		width: calc(100% / 3 - 30px) !important;
	}
}

@media (max-width: 699px) {
	.input-desktop-links {
		-ms-flex-preferred-size: calc(100% / 2 - 10px) !important;
								flex-basis: calc(100% / 2 - 10px) !important;
		max-width: calc(100% / 2 - 10px) !important;
	}

	.film-sorter-search {
		width: calc(100% / 2 - 30px) !important;
	}
}

@media (max-width: 360px) {

	.films-sorter {
		padding-top: 50px;
		margin-left: -2px;
	}

	.searcher-icon {
		top: 12px !important;
	}

	.film-sorter-search {
		top: 10px !important;
		right: 0 !important;
		width: calc(100% - 30px) !important;
	}

	.schedule-sorter .film-sorter-search {
		top: -40px !important;
		right: 0 !important;
		width: calc(100% - 30px) !important;
	}

}