#trovacinema { position: absolute; top: -100px; display: block; width: 1px; height: 1px; }

.film-header {

  position: relative;

  height: 100%;

}



.film-header::after {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgb(0,0,0);

background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);



	z-index: 5;

	content: "";

}





.film-header-content {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);



}

.film-contenuto {

	margin-top: 4rem;

	margin-bottom: 4rem;



}

.film-contenuto h2 {

	margin-bottom: 2rem;

	width: 90%;

}



.film-contenuto p {

	width: 90%;

}

img.film-cover {

	width: 100vw;

}

.visual-more-text {

	margin-top: 3rem;

	height: 50px;

}

.visual-container hr {

	clear: both;

	margin: 2rem auto;

	border-top: 1px solid #fff;

}

.visual-content h1 {

	max-width: 70%;

}

.visual-content p.subtitle { max-width: 60%; margin-top: .5rem; }

.film-premio {

	float: left;

	width: 49% !important;

	margin-right: 1.5rem;

}

.film-premio-logo {

	float: left;

	width: 5rem !important;

	height: 5rem !important;

}

.film-premio-text {

	float: left;

	margin-left: .5rem;

	margin-top: .4rem;

  max-width: calc(49% - 80px);
}

.half-screen img {

	margin-right: 15px;

}



.film-trailer-container,  .single-film-container {

	margin-top: -8rem;



}

.film-trailer-container #breadcrumbs, .film-trailer-container #breadcrumbs a, .single-film-container #breadcrumbs, .single-film-container #breadcrumbs a {

	color: #fff !important;

	position: relative;

	z-index: 20;

}

.film-trailer-container #breadcrumbs a:hover, .single-film-container #breadcrumbs a:hover {

	color: #006eac !important;

}

.newstreaming-container {

		background: #000;

		margin-bottom: 7rem;

	}

.newstreaming-content {

	padding: 2rem 0;

	color: #fff;

}



.newstreaming-content h4 {

	margin: .5rem 1rem;

}

.newstreaming-content img {

	height: 40px !important;

	width: auto !important;

/* 	display: block; */

	margin: .25rem .5rem;

}



.pressarea-container {

		background: #e4e4e4;

		margin-top: 3rem;

		margin-bottom: 4rem;

	}

.pressarea-content {

	padding: 2rem 0;

	margin: 0 auto;



}



.pressarea-content a.btn-secondary {

	color: #000 !important;

	border: none;

	border-bottom: 1px #000 solid;

	text-transform: uppercase;

	margin-top: .75rem;

	padding: .5rem;

}

.pressarea-content a.btn-secondary:hover {

	background: #006eac !important;

	color: #fff !important;

}

.pressarea-content h4 {

	margin: 2rem 0 0 0;

	text-transform: uppercase;



}

.pressarea-content input {

	margin-top: .5rem;

	font-size: .7rem;

	padding: .3rem .6rem;

	width: calc(100% - 80px);

	font-weight: 300;



}

.pressarea-content span.copied {

	margin-left: 20px;

	padding: .2rem .4rem;

	background: #006eac;

	color: #ffffff;

	display: none;

	font-size: .6rem;

	width: 60px;

}


.scheda_tecnica {
    width: 100%;
    padding: 5rem;
    background: #000;
    color: #fff;

}
.scheda_tecnica ul {
  columns: 3;
  list-style: none;
  padding: 0;
  margin: 0;
}
.scheda_tecnica ul li {
  text-align: left;
  -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
  margin-bottom: 2rem;
}
.scheda_tecnica h4.scheda_tecnica_value {
  text-transform: uppercase;
  margin-bottom: 0;
}
.scheda_tecnica span.scheda_tecnica_label {
  font-size: 1rem;
  text-transform: uppercase;
}
.scheda_tecnica.upcoming span.scheda_tecnica_label {
  color: #b11e1e;
}
.scheda_tecnica.catalogue span.scheda_tecnica_label {
  color: #55be5a;
}
.scheda_tecnica .button-container {
  text-align: center;
}
.scheda_tecnica.upcoming .button-container .btn-primary {
  color: #b11e1e !important;
  border-color: #b11e1e !important;
}
.scheda_tecnica.catalogue .button-container .btn-primary {
  color: #55be5a !important;
  border-color: #55be5a !important;
}

.spotify-locandina {



	height: 30rem;

	text-align: center;

}



.spotify-locandina img.locandina {

	height: 100%;

	display: block;

	margin: 1rem auto;

	max-height: 25rem;

/*

	width: 80%;

		position: absolute;

	left: 50%;

	top: 50%;



	-webkit-transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

*/

}

.spotify-container iframe {

		width: 80%;

	height: 30rem;

	margin: 0 auto;

	display: block;

	z-index: 2;

/*

    -ms-zoom: 2;

    -moz-transform: scale(2);

    -moz-transform-origin: 0 0;

    -o-transform: scale(2);

    -o-transform-origin: 0 0;

    -webkit-transform: scale(2);

    -webkit-transform-origin: 0 0;

    backface-visibility: hidden;

    -webkit-font-smoothing: subpixel-antialiased;

*/

}

.spotify-header {

	position: relative;

	display: block;

}

.spotify-header-content {

	position: relative;



	width: 100%;

	color: #fff;

	text-align: left;

}

.spotify-header-content h3 {

	text-transform: uppercase;

	line-height: 1;

	padding-top: .5rem;

	font-size: 2rem;

	margin-bottom: 0;

	margin-left: 120px;

}

.spotify-header-content p {



	margin-left: 120px;

	}

.logo-spotify {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	width: 85px;

	height: 85px;

}

#media-gallery {

	width: 100%;

	max-width: 100vw;

	display: block;

	height: auto;

	position: relative;

	color: #fff;

	overflow: hidden;



}

#media-galley .item {

	position: relative;

		padding-bottom: 56.25%;

		overflow: hidden;

		max-width: 100%;

		height: auto;

}



#media-gallery .owl-nav {



		position: absolute;

	top: 50%;

	width: 100%;

	max-width: 1300px;

	left: 50%;

	right: 0;

		-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

	text-align: right;

	z-index: 9;

}

#media-gallery .owl-nav button.owl-next,

#media-gallery .owl-nav button.owl-prev,

#lastfilm-container .owl-nav button.owl-next,

#lastfilm-container .owl-nav button.owl-prev

 {

	width: 3.875rem;

	height: 3.875rem;

	border-radius: 50%;

	border: 1px solid #fff;

	margin: 0 1rem;

	position: relative;

}



.owl-carousel .owl-nav button.owl-next:hover,

.owl-carousel .owl-nav button.owl-prev:hover {

	background: rgba(0,0,0,0.4);

}

#sx-arrow, #dx-arrow {

	width: 1rem;

	height: .5rem;

	fill: #fff;

}

.circle {

	width: 3.975rem;

	height: 3.975rem;

	position: absolute;

	z-index: 10;

	top: -2px;

	right: -2px;

}



#circle>svg {

	width: 100%;

	display: block;

}



.owl-dots {

	position: absolute;

	width: 100vw;

/* 	left: 5vw; */

	bottom: 5%;

	max-width: 1300px;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

	z-index: 8;

	display: flex;

	flex-direction: row;

	align-items: flex-start;

  flex-wrap: nowrap;

}



.owl-dot  {

	float: left;

	flex: 1;

	height: 2px;

	background: #fff !important;

	margin: 0 5px;

	padding: 2rem 0;

	width: 20%;

}



.owl-dot.active   {

	background: #55be5a !important;

}



.owl-dot span {

	padding: 1.5rem;

	display: block;

	transform: translateY(-1.5rem);

}

.gallery-image {

	position: relative;

        padding-bottom: 56.25%;

				width: 100vw;

        height: 0;

        overflow: hidden;

        max-width: 100%;

        background: #000;

        margin: 0;



}



.youtube-player {

        position: relative;

        padding-bottom: 56.25%;

				width: 100vw;

        height: 0;

        overflow: hidden;

        max-width: 100%;

        background: #000;

        margin: 0;

        z-index: 6;

        margin-top: 6rem;

    }



    .youtube-player iframe {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        z-index: 100;

        background: transparent;

    }



    .youtube-player img {

        bottom: 0;

        display: block;

        left: 0;

        margin: auto;

        max-width: 100%;

        width: 100%;

        position: absolute;

        right: 0;

        top: 0;

        border: none;

        height: auto;

        cursor: pointer;

        -webkit-transition: .4s all;

        -moz-transition: .4s all;

        transition: .4s all;

    }



    .youtube-player img:hover {

        -webkit-filter: brightness(75%);

    }



    .youtube-player .play {

        height: 72px;

        width: 72px;

        left: 50%;

        top: 50%;

        margin-left: -36px;

        margin-top: -36px;

        position: absolute;

        background: url("//i.imgur.com/TxzC70f.png") no-repeat;

        cursor: pointer;

    }



   .streaming {

   	background: #006eac;

   	color: #fff;

   	padding: 2rem;

   }

   .streaming a {

   	color: #fff;

   	text-decoration: none;

   }

   .streaming h3 {

/*    	font-size: 2.5rem; */

   	margin-top: 1.7rem;

/*    	font-style: italic; */

   }

   .streaming-element {

   	max-width: 32%;

   	display: inline-block;

   	padding: 2rem;

   	text-align: center;

    float: right;

   }

   .streaming-element img {

   	margin: 0 auto;

   }

   .streaming-element p {

   	text-align: center;

   	font-size: 1rem;

   }

      .streaming-separator {

      width: 2px;

    height: 1rem;

    position: relative;

    background: #fff;

    display: inline-block;

    margin-bottom: 3rem;

    float: right;

    margin-top: 3rem;

    }







.article-more {

	margin-bottom: 2rem;

}

.article-more h2 {

	margin: 2rem 0;

	text-align: center;

}



.grid-article {

	overflow: hidden;

}



.grid-article,

.grid-article a,

.grid-article a:hover,

.grid-article span {

	color: #fff;

	text-decoration: none;

}



.common_article_layout_1,

.common_article_layout_1 a,

.common_article_layout_1 a:hover,

.common_article_layout_1 span {

	color: #000;

}



.common_article {

	position: relative;

	padding-bottom: 117%;



}



.main_article {

	padding-bottom: 56.25%;

	position: relative;

	width: 100%;

	background: #e2e2e2;

}

.grid-article h3 {

	margin: .2rem 0 .2rem 0;

}

.grid-article p {

	margin-bottom: .8rem;

	text-align: left;

}

.grid-article h3,.grid-article p {

	width: calc(100% - 1rem);

	font-family: 'Hind', sans-serif;

/*

		-webkit-transition: .3s ease-in-out;

	-moz-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

*/



}

.grid-article .article_image img {

	width: 100%;



}

.grid-article .article_image {

	top: 0;

	left: 0;

	position: absolute;

	z-index: 1;

		-webkit-transition: .3s ease-in-out;

	-moz-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out;



}



.grid-article .article_date {

	font-size: 0.875rem;

	font-family: 'Open Sans', Arial, sans-serif;

	display: block;

}

.grid-article .article_image::after {

		position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgb(0,0,0);

background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);



	z-index: 5;

	content: "";

}

.grid-article .article_tags {

	margin: 0.5rem 0;

	padding: 0;

	list-style: none;

	display: inline;

}



.grid-article .article_tags li {

	display: inline-block;

	padding: 0.2rem 1.2rem;

	border: 1px #fff solid;

	margin: .3rem 0.6rem .3rem 0;

	text-transform: uppercase;

	font-size: 0.75rem;

	font-weight: normal;

	white-space: nowrap;

	background: transparent;

}



.grid-article .common_article_layout_1 .article_tags li {

	border-color: #000 !important;

}



.grid-article .article_details {

	position: absolute;

	bottom: 1rem;

	left: 1rem;

	z-index: 2;

}



.grid-article .article_details h3 a {

	color: #fff;

}

.grid-article .article_details h3 a:hover {

	color: #c8c6c6;

}

.grid-article.common_article_layout_1 .article_details {

	bottom: 0;

	left: 0;

	background: #fff !important;

	width: 100% !important;

}

.grid-article.common_article_layout_1 .article_details h3 a {

	color: #000 !important;

}

.grid-article.common_article_layout_1 .article_details h3 a:hover {

	color: #ff1c1c !important;

}

.grid-article.common_article_layout_1 .tags li { border-color: #000; }

.grid-article.common_article_layout_1 .category a { color: #fff; }



.article-category {

	margin: 0.5rem 0;

	padding: 0;

	list-style: none;

	display: inline;

}



.article-category li {

	display: inline-block;

	padding: 0.2rem 1.2rem;

	border: 1px #0c00ff solid;

	margin: .3rem 0.6rem .3rem 0;

	text-transform: uppercase;

	font-size: 0.75rem;

	font-weight: normal;

	white-space: nowrap;

	background: #0c00ff;



}

.grid-article:hover .article_image {

	-webkit-transform: scale(1.1);

      -ms-transform: scale(1.1);

          transform: scale(1.1);

}

.grid-article:hover .article_image::after {

background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);

}



.grid-article:hover h3,

.grid-article:hover h3 a,

.grid-article:hover p {

	color: #e2e2e2;

}

@media (max-width: 1024px) {



	.grid-article { margin-bottom: 3vh; }

	.article_image, .article_image img { width: 100%; }

	.common_article { padding-bottom: 100%; }

	.common_article_layout_1, .common_article_layout_1 a, .common_article_layout_1 a:hover, .common_article_layout_1 span, .common_article_layout_1 .article_details h3 a { color: #000 !important; border-color: #000 !important; }

	.common_article_layout_1 .article_tags li, common_article_layout_1 a.btn-primary { border-color: #000 !important; }

   .trovacinema .select2 { width: 100% !important;}

   .trovacinema .btn, .trovacinema a.btn { width: 100% !important; margin: 0 auto !important; padding: 1rem .25rem; text-align: center; }

   .trovacinema input { width: 100% !important; }



}



@media (max-width: 768px) {

	.film-contenuto h2 { margin: 1rem 0; font-size: 2.5rem; }

   .streaming-element { margin-top: .5rem; }

   .film-header { height: 70vh; overflow: hidden; }

	.grid-article { margin-bottom: 3vh; }

	.article_image, .article_image img { width: 100%; }

	.common_article { padding-bottom: 100%; }

	.common_article_layout_1, .common_article_layout_1 a, .common_article_layout_1 a:hover, .common_article_layout_1 span, .common_article_layout_1 .article_details h3 a { color: #000 !important; }

	.common_article_layout_1 .article_tags li, common_article_layout_1 .btn { border-color: #000 !important; }

	#media-gallery .owl-nav { display: none; }

	#luogo { margin-bottom: 30px; }

	input[type='text'], input[type='number'], textarea { font-size: 16px; }

	img.film-film-locandina { margin-top: 20px; }

	.film-contenuto p { width: calc(100% - 25px); margin: 0 auto; }

  .scheda_tecnica ul {  columns: 2; }
}

 @media (max-width: 576px) {



   .film-header { height: 80vh !important; overflow: hidden; }

    .film-contenuto { margin-top: 1rem; margin-bottom: 1rem; }

    .spotify-locandina { display: none; }

	.spotify-container iframe { width: 100%; }

	.logo-spotify { display: none; }

	.visual-content h1 { max-width: 100%; }

	.visual-content p.subtitle { max-width: 100%; }

	.visual-content .visual-more-text { display: none; }

	.visual-content hr { display: none; }

  .single-film-container { margin-top: -2rem; }

	.film-premio { margin: 0 !important; margin-right: 1rem !important; width: 45% !important; }

	.film-premio-text { width: 50%; }

	.grid-article { margin-bottom: 3vh; }

	img.center { /* width: auto; height: 100px; */ }

	img.logo-vmag { height: 4rem; width: auto; }

/* 	.visual-container { top: 40%; } */

	.common_article { /* padding-bottom: calc(100% - 30px); */	 }

	.common_article_layout_1 .article_details { background: transparent; bottom: 1rem; left: 1rem; }

	.common_article_layout_1, .common_article_layout_1 a, .common_article_layout_1 a:hover, .common_article_layout_1 span, .common_article_layout_1 .article_details h3 a { color: #fff!important; }

	.common_article_layout_1 .article_tags li { border-color: #fff !important; }

	.result-cinema h3 { font-size: 1.4rem; }

	.article-more, .article-more .container { padding-left: 0; padding-right: 0; }

.film-trailer-container {  margin-top: -6rem; }

	 #media-gallery { margin-top: 3vh; }

	 .film-locandina {margin-top: 3vh; max-width: calc(100% - 25px) !important; text-align: center !important;}

   .film-locandina img { margin: 0 auto; }
   .scheda_tecnica { padding: 3rem; }

  .scheda_tecnica ul {  columns: 2; }
}

@media (max-width: 375px) {
  .scheda_tecnica ul {  columns: 1; }
}