/*
 _______ __________________ _______ 
(  ____ \\__   __/\__   __/(  ___  )
| (    \/   ) (      ) (   | (   ) |
| (__       | |      | |   | (___) |
|  __)      | |      | |   |  ___  |
| (         | |      | |   | (   ) |
| (____/\___) (___   | |   | )   ( |
(_______/\_______/   )_(   |/     \|
                                    
 _______ _________ _______           _______  _        _______ 
(  ____ \\__   __/(  ___  )|\     /|(  ___  )( (    /|(  ___  )
| (    \/   ) (   | (   ) || )   ( || (   ) ||  \  ( || (   ) |
| |         | |   | |   | || |   | || (___) ||   \ | || (___) |
| | ____    | |   | |   | |( (   ) )|  ___  || (\ \) ||  ___  |
| | \_  )   | |   | |   | | \ \_/ / | (   ) || | \   || (   ) |
| (___) |___) (___| (___) |  \   /  | )   ( || )  \  || )   ( |
(_______)\_______/(_______)   \_/   |/     \||/    )_)|/     \|
                                 
*/

@font-face {
	font-family: 'Bonveno';
	src: url('fonts/BonvenoCF-Light-webfont.eot');
	src: url('fonts/BonvenoCF-Light-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/BonvenoCF-Light-webfont.woff') format('woff'),
	url('fonts/BonvenoCF-Light-webfont.ttf') format('truetype'),
	url('fonts/BonvenoCF-Light-webfont.svg#bonvenocflight') format('svg');
	font-weight: normal;
	font-style: normal;

}


/* Import CSS Animations */

/* BODY */
#skrollr-body {
	float: left;
	width: 100%;
	height: 110vh;
}
body {
	background: #000 !important;
	color: #ffffff;
	font-weight: 100;
	font-size: 14px;
	letter-spacing: 1px;
	font-family: Helvetica, Arial, sans-serif;
}
a 	{
	color: white;
}

a:hover{
	color: #93f6ff;
}

h1, h2, h3, h4, h5, h6	{
	font-family: 'Bonveno', sans-serif;
	text-transform: uppercase;
}

section {
	text-align: center;
}

.center-contents	{
	position: relative;
	top: 50%;
	transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}

/* NAVIGATION */

#facebook	{
	z-index: 9999;
	position: fixed;
	left: 15px;
}

@media (min-width: 768px)	{
	#facebook	{
		top: 15px;
	}
}
@media (max-width: 767px)	{
	#facebook	{
		bottom: 15px;
	}
}

#facebook img:hover	{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.pressbook{
	right: 10px;
	bottom: 15px;
	z-index: 1;
	position:fixed;
	font-size: 1.2em;
	font-family: 'Bonveno', sans-serif;
}

.nav > li   {
	float: left;
}

.navbar-nav {
	margin: 0 auto;
	display: table;
	table-layout: fixed;
	float: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fcf4ff;
	border-top: 4px solid white;
	background-color: transparent; /* 5nov2014 _ TIAGO -- item selecionado no menu com fundo transparente */
	padding-top: 11px;
}

.nav-dark {
	background-color: rgba(0,0,0,0.4) !important;
}

.nav > li > a {
	font-family: 'Bonveno', sans-serif;
	font-weight: 100;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 30px;
}

.nav > li > a:hover,.nav > li > a:focus {
	background-color: rgba(50,50,50,0.4);
}

/* 5nov2014 _ TIAGO -- cor de fundo do menu Transparente e sem Box-Shadow Bottom */

.navbar-default {
	background: rgba(0,0,0,0.25);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#top-xs	{
	display: none;
}

@media (max-width: 768px)   {
	
	.navbar-collapse {
		background: rgb(0,0,0);
	}
	
	.nav > li > a {
		position: relative;
		display: block;
		padding: 10px 6px;
		font-size: 13px;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		padding-top: 6px;
	}

	#top-xs	{
		display: inline-block;
	}

	#top-lg	{
		display: none;
	}
	.nav > li {
	    float: none;
	    text-align: center;
	}

}

@media (max-width: 600px)   {
	.nav > li > a {
		position: relative;
		display: block;
		padding: 10px 6px;
		font-size: 10px;
	}
}

@media (max-width: 420px)   {
	.nav > li > a {
		padding: 10px 3px;
	}
	#screenings {
		display: none;
	}

}

/* OPENING */

#opening    {
	height: auto;
	padding-top: 200px;
	padding-bottom: 200px;
	position: relative;
	text-align: left;
	background: url('img/stills/still-9.jpg') right no-repeat;
	background-size: cover;
	color: #424242;
}

#opening p 	{
	text-transform: uppercase;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.3em;
}
#opening h3	{
	margin-top: -5px;
}
#opening h1 {
	font-weight: 700;
	margin-top: 8px;
	/* 5nov2014 _ TIAGO -- título do filme na primeira seção em BRANCO e com tamanho da fonte 76px */
	color: white;
	font-size: 60px;
}

#opening-screenings	p 	{
	display: inline-block;
	margin-bottom: 0;
	font-size: 18px;
}
#opening a 	{
	margin-top: 10px;
}

#opening h4 span	{
	padding: 5px 10px;
	border-radius: 6px;
	color: white;
	background-color: black;
}

#opening h5 {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 700;
	font-size: 28px;
}

#logo 	{
	max-width: 100%;
	margin: 20px 0;
	content:url("img/logo_right.png");
}

#logo-en 	{
	max-width: 100%;
	margin: 20px 0;
	content:url("img/logo_left_en.png");
}

#call-to-action	{
	position: absolute;
	bottom: 75px;
	width: 100%;
	text-align: center;
}

@media (max-width: 888px)	{
	#opening    {
		text-align: right;
	    background-position-x: 100%;
	}
	#opening .center-content	{
		top: 45%;
		transform: scale(0.8);
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		margin-top: -180px;
	}
	#logo 	{
		content:url("img/logo_left.png");
	}
	#logo-en 	{
		content:url("img/logo_right_en.png");
	}


}

/* SYNOPSIS */
#synopsis   {
	height: auto;
	padding-top: 200px;
	padding-bottom: 200px;
	margin-top: 10px;
	background: url('img/stills/still-13.jpg') center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	box-shadow: inset 5px 5px 95px black;
}

#curtain	{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.85);
	font-weight: 300;
}

#synopsis p 	{
	font-size: 16px;
}

/* PRESS */

#stills{
	position: relative;
	height: auto;
	padding-top: 200px;
	padding-bottom: 200px;
}

#stills .img-thumbnail	{
	padding: 2px;
	background-color: #000;
	border: 1px solid #0A0A0A;
	border-radius: 4px;
}

#stills ul{
	-webkit-margin-before: 0 !important;
	-webkit-margin-after: 0 !important;
	-webkit-margin-start: 0 !important;
	-webkit-margin-end: 0 !important;
	-webkit-padding-start: 0 !important;
}

#stills li {
	margin-top: 30px;
	list-style: none;
	overflow: hidden;
}

#stills img{
	width: 100%;
	-webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
	transition: all 1s;
}

#stills img:hover{
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

.still-caption 	{
	position: absolute;
	padding-top: 20px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	opacity: 0;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	text-transform: uppercase;
	font-size: 12px;
}

.still-caption-hover	{
	opacity: 1;
}

/* CREDITS */

#credits {
	position: relative;
	height: auto;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: left;
	font-weight: 300;
	background-color: #fafafa;
	color: black;
}

#credits img {
	width: 145px;
	float: left;
	margin: 11px 11px 3px 0;
}

#credits h2 a	{
	color: black;
}

/* CONTACT */

#contact 	{
	height: auto;
	padding-top: 200px;
	padding-bottom: 200px;
}

#contact img {
	position: relative;
	top: 50px;
	max-width: 100%;
}

.screening-tab p {
	margin: 0;
}

.odd {
	background-color: transparent !important;
	border-bottom: 1px solid #e7e7e7 !important;
	margin-bottom: 10px !important;
	margin-top: 10px !important;
}

.even {
	background-color: transparent !important;
	border-bottom: 1px solid #e7e7e7 !important;
	margin-bottom: 10px !important;
	margin-top: 10px !important;
}
.sorting_1 {
	background-color: transparent !important;
}

#festivais {
	font-family: 'champagne__limousinesregular', sans-serif;
	text-align: center;
	margin-top: 25px;
}

#festivais_length {
	display: none;
}

/* Fotos com frases */

#reality	{
	background: url('/img/teatromakeup.jpg') center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 420px;
	overflow: hidden;
}

#begins	{
	height: 100%;
	background: rgba(0,0,0,0.6);
}

#survive	{
	background: url('/img/skin.jpg') top;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 420px;
	overflow: hidden;
}

#skin	{
	height: 100%;
	background: rgba(0,0,0,0.6);
}

#border	{
	background: url('/img/fiction.jpg') center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 420px;
}

#fiction	{
	height: 100%;
	background: rgba(0,0,0,0.6);
}

#opening h1,
#fiction,
#skin,
#begins	{
	text-shadow: 1px 3px 6px rgba(0,0,0,0.25);
}

#awards 	{
	margin-bottom: 15px;
}

/* MOBILE BACKGROUND SIZE FIX */

/*	@media (max-width: 768px)	{
		#border,
		#survive,
		#opening,
		#reality,
		#synopsis	{
			background-size: auto auto;
		}

	}*/

@media (min-width: 992px){
	.col-md-offset-3 {
		margin-left: 27%;
	}
}

/* <><><><> ---  iPad Portrait  --- <><><><> */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {
	#skrollr-body {
		float: left;
		width: 100%;
		height: 100%;
	}

}

/* <><><><> ---  iPad Landscape  --- <><><><> */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) {
	#skrollr-body {
		float: left;
		width: 100%;
		height: 100%;
	}

}


#screenings 	{
	margin-top: 50px;
	margin-bottom: 50px;
}

table {
	margin: 50px auto;
	font-size: 12px;
}

th 	{
	background-color: #fefefe;
	color: #000;
}

td, th {
	text-align: center;
	padding: 5px;
}

table em 	{
	opacity: 0.5;
}

.textfader {
    color: white;
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%, 0);
}
.textfader ul {
    list-style: none;
    text-align: center;
    margin-bottom: 14px;
    line-height: 26px;
    width: 315px;
    height: 300px;
}
.textfader li {
    position: absolute;
    left: 27px;
    top: 50%;
    display: list-item;
    width: 294px;
}
.bigquote {
    font-size: 17px;
    line-height: 21px;
    color: white;
    letter-spacing: 1px;
}
.authorquote {
    font-size: 11px;
    color: white;
    text-transform: uppercase;
    line-height: 17px;
    margin-top: 10px;
    font-style: italic;
}