@charset "utf-8";
/* CSS Document Encontros de cinema de viana by publiSITIO*/

@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700');
/* form font */
@import url('http://fonts.googleapis.com/css?family=Lato:300,400,700');
/*paginas fechadas */
.readyToGo{
	color:purple !important;
}
.hide{
	display: none;
}
.esgotado{
  position: absolute;
  z-index: 1;
  /*filter: invert(0%) saturate(0%);*/
  filter: drop-shadow(150px 0px 0 rgba(0, 150, 200, 0.5))
  				drop-shadow(-100px 0px 0 rgba(0, 30, 200, 0.5))
  				/*drop-shadow(20rem 0 0 rgba(0, 30, 200, 0.5))
  				drop-shadow(-20rem 0 0 rgba(0, 150, 200, 0.5))*/;
}
	@media (max-width: 768px) {
		.esgotado{
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0px;
		  margin: auto;
		  max-width: 300px;
		  mix-blend-mode: multiply;
			filter: grayscale(50%);
		}
	}
	@media (min-width: 769px){
		.esgotado{
		  top: 0px;
		  right: 0;
		  bottom: 0;
		  left: 0px;
		  margin: auto;
		}
	}
/*paginas fechadas end*/
/* custom scrollbar */
* {
  scrollbar-color: #937114 rgba(255,255,255,.0); /*#a97a24*/
  scrollbar-width: thin;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #fff; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #937114; 
  border-radius: 0px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #343a40; 
}
/* custom scrollbar end */
h1, h2, h3, h4, h5, h6, p{
	font-weight: normal;
}
body{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: normal;
	font-size: 22px;
	margin-top: 0px;
	line-height: 1.4;
}
/*
.form-group.required .control-label:after {
  content:"*";
  color:red;
}*/
.required .control-label:after {
  content:" *";
  color:red;
}
input,
textarea {
  border: none !important;
  outline: 0;
  border-radius: 10px !important;
  padding: 16px !important;
  background-color: #fff !important;
  box-shadow: inset 2px 2px 5px #e8e3e3, inset -2px -2px 5px #fff;
  color: #937114 !important;
  font: 300 22px 'Open Sans Condensed', sans-serif !important;
}
.form-control:focus {
  box-shadow: inset 2px 2px 2px #e8e3e3, inset -1px -1px 1px #dddada;
  border: none !important;
}
[href^='https://vimeo.com/'],
[href$='_inscricao.php'],
[href$='-form.php'],
button[type=submit]{
	animation: pulse 2s infinite;
	display: inline-block;
	border-radius: 15px;
}
@keyframes pulse {
		0% {
			transform: scale(1);
			box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
		}

		75% {
			transform: scale(1);
			box-shadow: 0 0 0 15px rgba(0,0,0, 0);
		}

		100% {
			transform: scale(1);
			box-shadow: 0 0 0 0 rgba(0,0,0, 0);
		}
	}
/* fonts */
.anton{
  font-family: 'Anton', sans-serif;
}
.encodesans{
	font-family: 'Open Sans Condensed', sans-serif;
}
.align-right{
	text-align: right;
}
/* fonts end */
/* color codes */

/* color codes end */
.grey{
	color: #959292;
}
.lightbue{
	color: #178598;
}
.titlecolor{
	color: #937114;
}
.txtShadow{
	text-shadow: 2px 2px 5px #ccc;
	color: #fff;
}
.bkgrdColorOne{
	background: #eee;
}
.xxi-bkgrd-color{
	background: #937114;
}
.disabled{
	pointer-events: none;
}
a.disabled{
	pointer-events: none;
	color: #ccc !important;
}
.alert{
	color: red !important;
}
.alertBlock{
	border:1px solid red;
	border-width: 0 3px;
	padding: .5rem 1rem;
}
a{
	color:#937114;
	outline: none;
}
a:hover {
	color: #937114;
	text-decoration: none;
}
.linkAnime {
	position: relative;
	z-index: 1;
	background-image: linear-gradient(#937114, #937114);
	background-position: 0% 85%;
	background-repeat: no-repeat;
	background-size: 0% 2px;
	transition: all .8s;
	padding: 0px;
	display: inline;
}
.linkAnime:hover{
	background-size: 100% 2px;
}
/* link animation fade in on hover fx ex: tpc */
fade a,
fade p,
fade h1,
fade > *{
	padding: 2px 0;
  transition: opacity 0.8s;
}
.sibling-fade:hover fade a:not(:hover){
  opacity: 0.4;
}
/* link animation fade in on hover fx ex: tpc end */
/* -- all href started with http:// --*/
[href^="http://"] {
	color:#04625e;
}
[href^="http://"]:hover {
	color:#937114;
}
[href^="http://www.publisitio.eu"],
[href^="http://www.g9telecom.pt"] {
	color:#dfac1f;
}
[href*=".pdf"]::after {
  content: " (PDF)";
}
h1{
	padding: 0px 0;
}
/* FLEX VIDEO */
.video.col-md-12 {
	padding-right: 0px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	margin-bottom:25px;
	margin-top: 25px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-container:after{
	content: "";
	position: absolute;
	display: block;
	bottom: 0px;
	right: 0px;
	height: 15px;
	width:42%; 
	background: #fff;
	z-index: 1;
}
.video-container:before{
	content: "";
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	height: 15px;
	width:42%; 
	background: #fff;
	z-index: 1;
}
/* flex video */
.tiny{
  font-size: 15px;
  line-height: 18px;
}
.filmeTitle{
	line-height: .9;
	color: #178598;
}
.filmeSinopse{
	font-size: 18px;
	line-height: 1.2;
}
.filmeTecSheet{
	font-size: 15px;
	line-height: 1.1;
	color: #000;
}
/*
p + p {
	text-indent: 0em;
   	margin-bottom: 0px;
}
*/
/* colors end */
.btn{
	border-radius: 16px;
}
hr{
	border-top:1px solid #fff; 
	border-bottom:1px solid #343a40;
}
/* borders
-----------*/
.br-left{
	border-left: 1px solid rgba(0, 0, 0, .5);
}
/* borders
-----------*/
.eng{
	color: #4d4d4d;
	font-size: 80%;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
}
.hor-divider{
	height: 1px /*9px*/;
    margin: 10px 0;
}
.hor-divider-white{
	background-color: #fff;
}
.hor-divider-color{
	background-color: #565656;
}
.hor-divider-sm {
  width: 100px;
}
.hor-divider-md {
  width: 190px;
}
.hor-divider-lg {
  width: 50%;
}
.no-wrap{
	white-space: nowrap;
}
.spacer{
	height: 40px;
}
/* etiqueta categorias na homepage encontros */
.titlelabel{
	background: #343a40;
	color: #fff;
	padding: 0px 15px;
	margin: 10px 0;
	display: inline-block;
}
.local{
	font-size: 30px;
	color: #959292;
}
.underline {
  border-bottom: 8px solid #e39308;
  display: inline-block;
}
.myCard{
	position: relative;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(0,0,0,0.07), 
              0 2px 4px rgba(0,0,0,0.07), 
              0 4px 8px rgba(0,0,0,0.07), 
              0 8px 16px rgba(0,0,0,0.07),
              0 16px 32px rgba(0,0,0,0.07), 
              0 32px 64px rgba(0,0,0,0.07);
}
.myCard img{
	-ms-transition: .8s ease-in-out;
   -webkit-transition: .8s ease-in-out;
   transition: .8s ease-in-out;

  -webkit-filter: grayscale(1);
	filter: grayscale(1);
}
.myCard:hover img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);

	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.myCardBody{
	position: absolute;
	top: 40px;
	left: 20px;
	background: #fff;
	display: inline-block;
	z-index: 1;
}
.myCardBody h1{
	font-size: 35px;
	padding: 20px 20px 10px 20px;
	line-height: 1 !important;
}
.myCardImgFrameTop{
	padding-top: 120px;
}
.myCardImgFrameTop:after{
	content: "";
	position: absolute;
	display: block;
	top: 100px;
	left: 20px;
	border-left: 90px solid #fff;
  border-right: 90px solid transparent;
  border-bottom: 90px solid transparent;
}
.grayfilter{
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.grayfilter:hover{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/* css for carousel next previous icon */
.carousel-control-next, .carousel-control-prev{
	opacity: 1;
	width: 5%;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
	width: 50px;
	height: 50px;
}
.carousel-control-prev-icon {
	width: 60px;
  height: 78px;
  padding: 0px;
  text-align:center;
	text-indent: -9999px;
  text-decoration: none;
	z-index:999;
	background: url("../img/carousel-icons.png") no-repeat center left;
	display: block;
	position: absolute;
	left: 0;
}
.carousel-control-next-icon {
	width: 60px;
  height: 78px;
	padding: 0px;
  text-align:center;
	text-indent: -9999px;
  text-decoration: none;
	z-index:999;
	background: url("../img/carousel-icons.png") no-repeat center right;
	display: block;
	position: absolute;
	right: 0;
}
.carousel-item.col-md-4{
	padding-right: 0px;
  padding-left: 0px;
  background: #fff;
}
.carousel-inner {
   margin-bottom:30px;
}
.bio{
	padding-left: 1.5rem;
}
	.bio:first-letter{
		color: inherit;
	  float: left;
	  font-family: 'Anton', sans-serif;
	  font-size: 4em;
	  padding-top: 10px;
	  padding-right: 8px;
	  padding-left: 0px;
		line-height: 70px; /* for chrome */
	}
		@media screen and (max-width: 768px) {
			.bio{
				padding-left: 0rem;
			}
		}
/* FX */
.imgFrame{
	position: relative;
}
.imgFrame:after{
	content: "";
	position: absolute;
	width:60%;
	height:15px;
	display: block;
	background: #fff;
	top: 0px;
	right: 0px;
}
.imgFrame:before{
	content: "";
	position: absolute;
	width:60%;
	height:15px;
	display: block;
	background: #fff;
	bottom: 0px;
	left: 0px;
}
.img-shadow{
	position: relative;
	z-index: 1;
	box-shadow: 0 0px 2px rgba(0,0,0,0.07), 
              0 0px 4px rgba(0,0,0,0.07), 
              0 0px 8px rgba(0,0,0,0.07), 
              0 0px 16px rgba(0,0,0,0.07),
              0 0px 32px rgba(0,0,0,0.07), 
              0 0px 64px rgba(0,0,0,0.07);
}
/* FX end */
/* backgrounds */
.hero{
	position: relative;
	margin-top: 83px;
	padding: 25px 0;
	background-color: #937114;
}
.hero:after{
	content: '';
	height: 15px;
  margin: 0;
  width: 45%;
  background: #fff !important;
  position: absolute;
  bottom: 0px;
}

/* encontros homepage header */	
	.ilustracao{
		position: absolute;
		bottom: -210px; /* -260px*/
		right: 50px;
		background: url(../img/ilustracao.png?v=21.03.03) no-repeat center;
		width: 700px;
		height: 700px;
		background-size: contain;
		-webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
  	z-index: 1;
	}
		@media screen and (max-width: 600px) {
			.ilustracao{
				bottom: -130px;
				right: 0px;
				background: url(../img/ilustracao.png?v=21.03.03) no-repeat center right 30px;
				width: 260px;
				height: 100%;
				background-size: contain;
  		}
		}
		@media screen and (min-width: 601px) and (max-width: 992px){
			.ilustracao{
				bottom: -170px;
				right: 0px;
				background: url(../img/ilustracao.png?v=21.03.03) no-repeat center right 45px;
				width: 460px;
				height: 100%;
				background-size: contain;
  		}
		}
		@media screen and (min-width: 993px) and (max-width: 1200px){
			.ilustracao{
				bottom: -155px;
				right: 0px;
				background: url(../img/ilustracao.png) no-repeat center right 30px;
				width: 536px;
				height: 100%;
				background-size: contain;
  		}
		}

/* encontros general headers */
	.hero-head-conferencia{
		background: url(../img/hero021-conferencia.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		will-change: scroll-position;
	}
	.hero-head-primeirolhar{
		background: url(../img/hero021-primeirolhar.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	.hero-head-acao{
		background: url(../img/hero021-acao.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	.hero-head-olhares{
		background: #343a40 url(../img/hero021-olhares.jpg) center bottom 125px no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
		/* ajuste padding logo monitores grandes, melhor visualização imagem fundo */
		@media screen and (min-width: 1550px) {
			.intro-head-olhares{
				background-position: center -250px;
			}
		}
	.hero-head-historias{
		background: #343a40 url(../img/hero021-historias.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	.hero-head-tpc{
		background: #343a40 url(../img/hero021-tpc.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	.hero-head-escola{
		background: #343a40 url(../img/hero021-escola.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	.hero-head-workshops{
		background: #343a40 url(../img/hero021-workshops.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	.intro-head-exposicoes{
		background: #343a40 url(../img/header021-exposicoes.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	.hero-head-cinema{
		background: #343a40 url(../img/hero021-cinema.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	.hero-head-filmeMinhaVida{
		background: #343a40 url(../img/hero021-filmeminhavida.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
/* encontros general headers end */	
/* primeirOlhar */
/* filmes selecionados */
.filmeSelct h2{
	margin-bottom: -0.1rem !important;
	line-height: 1;
}
/* júri página vencedores edicoes anteriores */
.juriVencedores{
	border-top: 1px solid #959292;
	border-bottom: 1px solid #959292;
	padding: 5px;
	margin-bottom: 25px;
	display: inline-block;
}

/* filmes selecionados end */
/* primeirOlhar end */
/* acao */
.acao .btn{
	padding: 0;
	font-size: 2.5rem;
	line-height: 1;
}
.acao .btn:hover{
	color: #e39308;
}
.active{
	color: ;
}
.acao h2{
	color:;
}
.acao ul{
	margin: 25px 0;
}
.acao li{
	font-size: 1.5rem;
}
/* acao background lista filmes */
.gradBkgrd{
	border-top: 1px solid #f0f0f0;
	background-color: rgba(0,0,0,.02);
    /* IE10+ */ 
	background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #f9f9f9 0%, #fff 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #f9f9f9 0%, #fff 100%);

	/* Opera */ 
	background-image: -o-radial-gradient(center top, ellipse farthest-corner, #f9f9f9 0%, #fff 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, center top, 0, center top, 359, color-stop(0, #f9f9f9), color-stop(100, #fff));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #f9f9f9 0%, #fff 100%);

	/* W3C Markup */ 
	background-image: radial-gradient(ellipse farthest-corner at center top, #f9f9f9 0%, #fff 100%);
}
/* acao vencedores */
.txtBlock{
	width: 60%;
	height: auto;

}
/* acao vencedores end */
.apresentacao{
	/*padding-top: 100px;*/
}
.partners img{
	margin: 0 10px 10px 0;
	border: 1px solid #ccc;
	padding: 10px;
	text-decoration: none !important;
}
.partners a{
	display: inline-block;
}
.partners a:hover{
	text-decoration: none;
}
.pageblock{
	padding: 25px 0;
}
/* margens páginas sem headers */
.noHeader,
.conferencia-inscricao,
.regulamento,
.form-inscricao,
.workshop,
.expo,
.oficinas,
.edicoes,
.voluntarios{
	margin: 150px 0 50px 0;
}
.cartaz{
	margin: 0px 0 50px 0;
}
.edicoes-posters{
	margin-bottom: 15px;
}
.edicoes-posters .col-md-2{
	padding-right: 0;
	margin-bottom: 15px;
}
.jumbotron{
	background: none;
	color: white;
	margin-bottom: 0rem;
}
.display-1,
.display-2,
.display-3,
.display-4{
	line-height: 1.0;
}
	@media screen and (max-width: 600px){
		.jumbotron .display-4{
			font-size: 2.2rem;
		}
	}
/* navbar */
.nav-link {
  color: rgba(255, 255, 255, 1)!important;
}
.nav-link:hover {
  color: rgba(255, 255, 255, .5)!important;
}
	@media screen and (max-width: 768px) {
		.nav-link{
			font-size: 30px !important;
		}
		.dropdown-item{
			font-size: 23px !important;
		}
	}
.mynavbar{
	padding: 20px inherit;
}
.mynavbar,
.dropdown-menu{
	background: #937114 !important; /* #02a0ab */
	box-shadow: 0 1px 2px rgba(0,0,0,0.07), 
              0 2px 4px rgba(0,0,0,0.07), 
              0 4px 8px rgba(0,0,0,0.07), 
              0 8px 16px rgba(0,0,0,0.07),
              0 16px 32px rgba(0,0,0,0.07), 
              0 32px 64px rgba(0,0,0,0.07);
}
.dropdown-menu{
	border: 0px solid rgba(0,0,0,0) !important;
	border-radius: 0rem;
}
.dropdown-item{
	padding: 0.15rem 1.0rem;
	color: #fff;
	font-size: 22px;
}
/* navbar end
------------------------------*/
/* scroll to top + go back */
.scrollToTop,
.goBack{
	width: 35px;
	height: 35px;
	border-top: 0.5em solid hsl(38.8, 64.9%, 40.2%);
	border-left: 0.5em solid hsl(38.8, 64.9%, 40.2%);
	filter: opacity(50%);
	transition: all .8s ease;
}
.scrollToTop{
  display: none;
	z-index:999;
	position:fixed;
	bottom: 50px;
	right: 50px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	
}
.goBack{
	display: flex;
	margin: 25px 0px 25px 10px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.scrollToTop:hover,
.goBack:hover{
	filter: opacity(100%);
}
/* scroll to top + go back end 
------------------------------*/
/* accordion display full link div programas */
.displayBlock{
  display: block;
  text-align: left;
}
/* tabelas programas */
.table tbody tr:nth-of-type(2n+1){
	background-color: rgba(0,0,0,.02);
    /* IE10+ */ 
	background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #f9f9f9 0%, #fff 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #f9f9f9 0%, #fff 100%);

	/* Opera */ 
	background-image: -o-radial-gradient(center top, ellipse farthest-corner, #f9f9f9 0%, #fff 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, center top, 0, center top, 359, color-stop(0, #f9f9f9), color-stop(100, #fff));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #f9f9f9 0%, #fff 100%);

	/* W3C Markup */ 
	background-image: radial-gradient(ellipse farthest-corner at center top, #f9f9f9 0%, #fff 100%);

}
/* tabelas programas end */
/* footer */
.footer{
	background: rgba(0, 0, 0, .7);
	color: #fff;
	padding: 50px 0 20px;
	font-size: 14px;
	position: relative;
}
.footer::before{
	content: '';
	position: absolute;
	top: -330px;
	right: 0;
	background: url(../img/Ilustracao-footer.png?v=21.10.08) no-repeat center;
	width: 500px;
	height: 500px;
	background-size: contain;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	z-index: 1;
}
.footer::after{
	content: "";
	height: 15px;
  margin: 0;
  width: 35%;
  background-color: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
}
	@media screen and (max-width: 768px) {
		.footer::before{
			width: 250px;
			height: 250px;
			top: -163px;
		}
	}
/* footer end */

/*/////////////////*/
@media screen and (max-width: 768px) {
	.btn{
		text-align: left;
		white-space: normal;
	}
	.edicoes-posters .col-md-2{
		padding-right: 15px;
		padding-bottom: 15px;
	}
	.video.col-md-12 {
		padding-left: 0px;
	}
	.filmeTitle{
		padding-top: 0px;

	}
	.acao li{
		line-height: .9;
		margin-bottom: 15px;
	}
	.scrollToTop{
		bottom: 15px;
		right: 15px;
	}
	/* tabela programa */
	thead{
		display: none;
	}
	tr:nth-child(even) {
		background: radial-gradient(circle at top center, #eee, #fff );
	}
	tr:nth-child(odd) {
		background: #FFF;
	}
	.table td, .table th {
	    padding: 0;
	    border-top: 0px solid #dee2e6;
	    display: block;
	}
	.table th:first-child{
		border-top: 1px solid #dee2e6;
	}
	.table td:last-child{
		border-top: 0px solid #dee2e6;
		margin-bottom: 20px;
	}
	/* tabela programa end */

}

@media screen and (max-width: 420px) {
	.hero{
		padding: 0px 0;
	}
	.hero:after{
    width: 60%;
	}
	.hero:before{
	    width: 60%;
	}
}