@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');
/*paginas fechadas */
.readyToGo{
	color:purple !important;
}
.hide{
	display: none;
}

/*paginas fechadas end*/
h1, h2, h3, h4, h5, h6, p{
	font-weight: normal;
}
body{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: normal;
	font-size: 20px;
	margin-top: 0px;
	line-height: 1.4;
}
/* fonts */
.anton{
    font-family: 'Anton', sans-serif;
}
.encodesans{
	font-family: 'Open Sans Condensed', sans-serif;
}
.align-right{
	text-align: right;
}
/* fonts end */
/* color codes 
	orange: #e39308;
	grey: #040404;
color codes end */
.grey{
	color: #959292;
}
.lightbue{
	color: #178598;
}
.titlecolor{
	color: #e71173 /*#04625e*/;
}
.colorThree{
	color: #178598;
}
.bkgrdColorOne{
	background: #eee;
}
.disabled{
	pointer-events: none;
}
.alert{
	color: red !important;
}
.alertBlock{
	border:1px solid red;
	border-width: 0 3px;
	padding: .5rem 1rem;
}
a{
	color:#565656 /*#04625e*/;
}
a:hover {
	color: #e71173;
	text-decoration: none;
}
.linkAnime a{
	position: relative;
}
.linkAnime a:hover{
	color: #e71173;
}
.linkAnime a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 5px;
  bottom: 0;
  left: 0;
  background-color: #565656;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
  z-index: 0;
}
.linkAnime a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
/* link animation fade in on hover fx ex: tpc */
fade a,
fade p,
fade h2{
	padding: 2px 0;
  	transition: opacity 0.9s;
}
.sibling-fade:hover fade a:not(:hover){
    opacity: 0.3;
}
/* link animation fade in on hover fx ex: tpc end */
/* -- all href started with http:// --*/
[href^="http://"] {
        color:#04625e;
}
[href^="http://"]:hover {
        color:#e71173;
}
[href^="http://www.publisitio.biz"],
[href^="http://www.g9telecom.pt"] {
        color:#178598;
}
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;
}
.filmeFrameRight, .filmeFrameLeft{
	position: relative;
}
.filmeFrameRight:after{
	content: "";
	position: absolute;
	display: block;
	bottom: 0px;
	left: 0px;
	height: 15px;
	width:52%; 
	background: #fff;
}
.filmeFrameRight:before{
	content: "";
	position: absolute;
	display: block;
	top: 30px;
	right: 0px;
	border-top: 80px solid transparent; 
	border-right: 80px solid #fff; 
	border-bottom: 80px solid transparent;
}
.filmeFrameLeft:after{
	content: "";
	position: absolute;
	display: block;
	bottom: 0px;
	right: 0px;
	height: 15px;
	width:52%; 
	background: #fff;
}
.filmeFrameLeft:before{
	content: "";
	position: absolute;
	display: block;
	top: 30px;
	border-top: 80px solid transparent; 
	border-left: 80px solid #fff; 
	border-bottom: 80px solid transparent;
}
.filmeTitle{
	line-height: .9;
	color: #178598;
	margin-top: 30px;
}
.filmeSinopse{
	font-size: 18px;
	line-height: 1.2;
}
.filmeTecSheet{
	font-size: 15px;
	line-height: 1.2;
	color: #000;
}
/*
p + p {
	text-indent: 0em;
   	margin-bottom: 0px;
}
*/
/* colors end */
.btn{
	border-radius: 0;
}
.myBtn{

}
hr{
	border-top:1px solid #fff; 
	border-bottom:1px solid #343a40;
}
.borderLft{
	border-left: 1px solid #09c;
}
.eng{
	color: #4d4d4d;
	font-size: 80%;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
}
.hor-divider{
	height: 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%;
}
.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;
}
/* links imagens homepage */
.cardRow{
	padding:0 1%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.cardRow .col-md-3{
	padding-bottom: 25px;
}
.underline {
  border-bottom: 8px solid #e39308;
  display: inline-block;
}
.myCard{
	position: relative;
	background: #fff;
}
.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;
}
.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);
  	/*background: #09c;*/
  	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}
.grayfilter:hover{
	-webkit-filter: grayscale(0);
  	filter: grayscale(0);
  	/*background: #09c;*/
}

/* 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-indicators {
  bottom:-30px;
}
.carousel-indicators .active{
	background:#343a40;
}
.carousel-indicators li {
  background:#e39308;
}
.carousel-inner {
   margin-bottom:30px;
}
/* css for carousel list items */
@media (min-width: 768px) {

    /* show 3 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}
/* css for carousel list items end */

/* 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;
}

/* FX end */
/* backgrounds */
.intro{
	position: relative;
	margin-top: 83px;
	padding: 0px 0;
}
.intro:after{
	content: "";
	height: 15px;
    margin: 0;
    width: 35%;
    background-color: #565656;
    position: absolute;
    top: 0px;
}
.intro:before{
	content: "";
	height: 15px;
    margin: 0;
    width: 45%;
    background-color: #fff;
    position: absolute;
    bottom: 0px;
}

/* encontros homepage header */	
	.intro-head-home{
		background: #343a40 url(../img/home.jpg) bottom center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
/* encontros general headers */
	.intro-head-conferencia{
		background: #343a40 url(../img/header019-conferencia.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	.intro-head-primeirolhar{
		background: #343a40 url(../img/header019-primeirolhar.jpg) center center 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-primeirolhar{
				background-position: center -170px;
			}
		}
	.intro-head-acao{
		background: #343a40 url(../img/header019-acao.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	.intro-head-olhares{
		background: #343a40 url(../img/header019-olhares.jpg) center center 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;
			}
		}
	.intro-head-historias{
		background: #343a40 url(../img/header019-historias.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	.intro-head-tpc{
		background: #343a40 url(../img/header019-tpc.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	.intro-head-escola{
		background: #343a40 url(../img/header019-escola.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	.intro-head-workshops{
		background: #343a40 url(../img/header019-workshops-tmp.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/header019-exposicoes.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	.intro-head-cinema{
		background: #343a40 url(../img/header019-cinema.jpg) center center no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	.intro-head-filmeMinhaVida{
		background: #343a40 url(../img/header019-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;
}
/* 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: #e39308;
}
.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: 5px;
	text-decoration: none !important;
}
.partners a{
	display: inline-block;
}
.partners a:hover{
	text-decoration: none;
}
.pageblock{
	padding: 25px 0;
}
.edicoes, .cartaz, .contatos, .regulamento, .conferencia-inscricao, .workshop, .expo, .voluntarios{
	margin: 150px 0 50px 0;
}
.edicoes-posters .col-md-2{
	padding-right: 0;
	padding-bottom: 15px;
}

.jumbotron{
	background: none;
	color: white;
	margin-bottom: 0rem;
}
.display-1, .display-2, .display-3, .display-4{
	line-height: 1.0;
}
/* navbar */
.mynavbar{
	padding-top: 15px;
	background: #565656 !important;
}
.dropdown-menu{
	background-color: #565656 /*#e39308*/;
	border: 0px solid rgba(0,0,0,0) !important;
	border-radius: 0rem;
}
.dropdown-item{
	padding: 0.15rem 1.0rem;
	color: #fff;
	font-size: 20px;
}
/* navbar end */
/* scroll to top */
.scrollToTop{
    width: 50px;
    height: 50px;
    display: none;
    padding: 0px;
    text-align:center;
	text-indent: -9999px;
    text-decoration: none;
    background: url(../img/scrolltoTo019.png) no-repeat top left;
	z-index:999;
	position:fixed;
	bottom: 50px;
	right: 50px;
}
.scrollToTop:hover{
    text-decoration: none;
    background: url(../img/scrolltoTo019.png) no-repeat top right;
}
/* scroll to top end */
/* go back */
.goBack{
    width: 50px;
    height: 50px;
    display: block;
    padding: 0px;
    margin: 10px 0;
    text-align:center;
	text-indent: -9999px;
    font-weight: bold;
    text-decoration: none;
    background: url(../img/scrolltoTo019.png) no-repeat bottom left;
	z-index:999;
}
.goBack:hover{
    text-decoration: none;
    background: url(../img/scrolltoTo019.png) no-repeat bottom right;
}
/* 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: #343a40;
	color: #fff;
	padding: 50px 0 20px;
	font-size: 14px;
	position: relative;
}
.footer:after{
	content: "";
	height: 15px;
    margin: 0;
    width: 35%;
    background-color: #fff;
    position: absolute;
    top: 0px;
    right: 0px;
}
/* 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;
	}
	.filmeFrameRight:before{
		top: 0px;
		bottom: 0px;
		right: 450px;
		left: 25px;
		border-left: 80px solid transparent;
	  	border-right: 80px solid transparent;
	    border-bottom: 80px solid #fff;
	}
	.filmeFrameRight:after{
		display: none;
	}
	.filmeFrameLeft:before{
		top: 0px;
		right: 25px;
		border-left: 80px solid transparent;
	  	border-right: 80px solid transparent;
	    border-top: 80px solid #fff;
	}
	.filmeFrameLeft:after{
		display: none;
	}
	.filmeTitle{
		padding-top: 0px;

	}
	.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) {
	.intro{
		padding: 0px 0;
	}
	.intro:after{
    width: 60%;
	}
	.intro:before{
	    width: 60%;
	}
}