.film_filter {
	position: relative;
	margin-bottom: 40px;
}

	.label_filter {
		font-weight: 700;
		font-size: 23px;
		line-height: 23px;
		text-transform: uppercase;
		margin-bottom: 20px;
		color: var(--third_color);
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 16px;
		
		display: none;
	}

	.film_filter input {
		position: relative;
		display: inline-block;
		width: 50%;
		height: 60px;
		overflow: hidden;
		border: 0;
		background-color: rgba(255,255,255,0.2);
		border-radius: 30px 0 0 30px;
		padding: 0 40px;
		box-sizing: border-box;
		vertical-align: top;
		color: var(--second_color);
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 16px;
	}
	
	@media screen and (max-width : 767px) {
		.film_filter input { display: block; width: 100%; border-radius: 30px; }
	}
	
	.reset_filter {
		display: inline-block;
		background: rgb(51,67,151);
		background: linear-gradient(90deg, rgba(51,67,151,1) 0%, rgba(186,53,46,1) 50%, rgba(255,186,0,1) 100%);
		border-radius: 0 30px 30px 0;
		text-align: center;
		width: 100px;
		height: 60px;
		line-height: 60px;
		text-transform: uppercase;
		cursor: pointer;
		transition: box-shadow 0.3s linear;
		-webkit-transition: box-shadow 0.3s linear;
		-moz-transition: box-shadow 0.3s linear;
		text-transform: uppercase;
		font-weight: 300;
		font-size: 16px;
		color: var(--second_color);
		vertical-align: top;
	}
	
	@media screen and (max-width : 767px) {
		.reset_filter { display: block; border-radius: 15px; height: 30px; line-height: 30px; margin: 20px auto 0 auto; }
	}
	
	.no_result {
		margin-top: 20px;
	}