.filmOdd {
	position: relative;
	margin-top: 60px;
	min-height: 323px;
}

	.filmOdd .locandina, .filmOdd .locandina img {
		position: relative;
		width: 223px;
		display: block;
	}

	@media screen and (min-width : 992px) {
		.filmOdd .locandina, .filmOdd .locandina img { position: absolute; top: 0; left: 0; }
	}

	.filmOdd .data, .filmOdd .titolo, .filmOdd .regia, .filmOdd .cast, .filmOdd .nazione, .filmOdd .genere, .filmOdd .durata, .filmOdd .trama, .filmOdd .info, .filmOdd .boxTrailer {
		position: relative;
	}

	@media screen and (min-width : 992px) {
		.filmOdd .data, .filmOdd .titolo, .filmOdd .regia, .filmOdd .cast, .filmOdd .nazione, .filmOdd .genere, .filmOdd .durata, .filmOdd .trama, .filmOdd .info, .filmOdd .boxTrailer { left: 253px; width: calc(100% - 253px); }
	}

	.filmOdd .data, .filmOdd .titolo {
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 1px;
	}

	.filmOdd .data {
		margin-top: 30px;
	}

	@media screen and (min-width : 992px) {
		.filmOdd .data { margin-top: 0; }
	}

	.filmOdd .titolo {
		color: var(--second_color);
		margin: 10px 0;
	}

	.filmOdd .trama {
		margin-top: 10px;
	}

		.filmOdd .boxTrailer {
			margin: 15px 0;
			border-radius: 4px;
			background-color: var(--third_color);
			text-transform: uppercase;
			font-size: 13px;
			font-weight: 700;
			letter-spacing: 1px;
			width: 200px;
			height: 30px;
			line-height: 30px;
			text-align: center;
			cursor: pointer;
			transition: box-shadow 0.3s linear;
			-webkit-transition: box-shadow 0.3s linear;
			-moz-transition: box-shadow 0.3s linear;
		}

		.filmOdd .boxTrailer:hover {
			box-shadow: 0 0 10px 2px rgba(0,0,0,0.2);
		}

			.filmOdd .boxTrailer a {
				color: var(--fourth_color);
			}