@font-face {
    font-family: 'FranklinGothicDemiRegular';
    src: url('fradm.eot');
    src: url('fradm.eot') format('embedded-opentype'),
         url('fradm.woff') format('woff'),
         url('fradm.ttf') format('truetype'),
         url('fradm.svg#FranklinGothicDemiRegular') format('svg');
}

@font-face {
    font-family: 'FranklinGothicMediumRegular';
    src: url('framd.eot');
    src: url('framd.eot') format('embedded-opentype'),
         url('framd.woff') format('woff'),
         url('framd.ttf') format('truetype'),
         url('framd.svg#FranklinGothicMediumRegular') format('svg');
}


body{ margin:0; padding:0; border:0; background:#000; color:#999; font-family: 'Lato', sans-serif; font-weight: 400; font-size:12px; }
p { margin-bottom:5px; margin-top:0;}
ol,ul, li{list-style:none; border:none; margin:3px 0 0 0; padding:0; }
img{ border:0;}
a{ color:#999; cursor:pointer; text-decoration:none; }
a:hover{ text-decoration:underline;}
a img{border:none;}
em { font-style: italic; }
.bold { font-family: 'Lato', sans-serif; font-weight: 400; color:#ccc; }
.comerciais .bold {color: #000; font-weight: 700;}
input, select, textarea {font-family: 'Lato', sans-serif; font-weight: 400; color:#0e0ec3; font-size: 11px; background-color:#FFF; border:#c2c1f3 solid 1px;}
input.botao { color:#0e0ec3; cursor:pointer; }
input.botao:hover { color:#fff; background-color:#0e0ec3; }
textarea { width:350px; height:70px; resize: none; overflow:auto; }
iframe, embed, object { max-width: 100%; }
.apagar { clear:both;}
.inline { display:inline-block;}
.responsive { width:100%; height:auto;}

.escurecerFundo { position:fixed; width:100%; height:100%; background:url(../imagens/raster.png); z-index:-1; }

.comerciais { color: #666; }
.contentorGrelha { 
	margin:auto; width:80%; padding-bottom:20px; 
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
}
.contentorThumb { display:inline-block; vertical-align:top; background:#000 url(../imagens/preloader.png) no-repeat 10px center; }
.comerciais .contentorThumb { background:#FFF url(../imagens/preloader.png) no-repeat 10px center; }
.contentorThumbImg, .contentorThumbImgInactivo { display:block; cursor:pointer; width:100%!important; height:auto!important; }
.contentorThumbImgInactivo  { cursor:auto; }
.contentorThumbTxt { display:block; width:90%; text-align:left; margin:8px auto; }
.titThumbs { font-size:11px; color:#ccc;  text-transform:uppercase; }

.videoJanela { position:fixed; display:none; width:100%; height:100%; /*z-index:9000;*/ }
.videoFecharFundo { position:fixed; display:block; width:100%; height:100%; /*z-index:9200;*/ background-color:#000 /*rgba(0,0,0,.9)*/; cursor:pointer;}
a.videoFecharImg { position: absolute; display:block; top:10px; right:20px; width:22px; height:22px; /*z-index:9400;*/ background:url(../imagens/fechar.png) 0 0;}
a.videoFecharImg:hover { background:url(../imagens/fechar.png) 0 -22px;}
.videoContentor { 
	position:absolute; width:95%; height:auto; max-width:none; cursor:default; background: url(../imagens/preloader.png) no-repeat center center; padding:10px; box-sizing: border-box;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.videoJanelaV { position:fixed; width:100%; height:100%; }
.videoContentorV {  }
.videoFecharBtV {position: absolute; display:block; width:100%; top:20px; text-align:center; }
a.videoFecharImgV { font-family: 'FranklinGothicMediumRegular', arial, serif;  font-size:14px; letter-spacing:1px;  padding:15px 20px; color:#FFF; text-decoration:none;  text-transform:uppercase; }
a.videoFecharImgV:hover { background-color:#000;  }
.videoFecharFundoV { position:fixed; display:block; width:100%; height:100%; background-color: rgba(0,0,0,.85); }
.videoFecharSetaV  { font-family: 'FranklinGothicMediumRegular', arial, serif;  }

.videoDestaqueEspacos { margin:auto; padding-top:40px; /*padding-top:7px;*/ padding-bottom:10px; width:100%;  }
/* .videoDestaqueSombra { background-color:rgba(255,255,255,.9); padding:25px 0; width:100% } */
.videoDestaqueContentor {position: relative; margin:auto; display:block; width:80%; height:100%; max-width:720px; cursor:default; background:#000 url(../imagens/preloader.png) no-repeat center center; border: solid 25px rgba(255,255,255,.9); }
.videoOculto { display:none; }
.videoImg { background: url(../imagens/preloader.png) no-repeat center center; cursor:pointer; }
.destaque { width:100%!important; height:auto!important; }
.videoDestaque { }

.laurels { margin:auto; width:80%; max-width:1295px; padding:40px 0 50px; text-align:center;}
.laurels1 { display:inline-block; width: 45%;}
.laurels2 { display:inline-block; width: 55%;}
.laurels3 { display:block; margin:auto; width:100%; max-width:250px;}
.laurelsIndividuais { display:inline-block; width:12%; margin:10px 0;}
.laurelsIndividuais img { max-width: 100%;}
.laurelsIndividuais4 { display:inline-block; width:18%; margin:10px 0;}
.laurelsIndividuais1 { display:inline-block; width:100%; margin:10px 0;}
.laurelsIndividuaisInterior { display:block; margin:auto; width:85%;}

/*----------MENU----------*/
.cabecalhoBarra { width:100%; position: relative; z-index: 9999999; /*background-color: rgba(0,0,0,.3); */}
.cabecalho { margin:auto; padding:40px 0 20px 0; width:80%; color:#FFF;  }
.ricardoContentor { display:inline-block; vertical-align:middle; padding:10px; }
.titRicardo { display:block;  font-family: 'FranklinGothicDemiRegular', arial, serif;  font-size:26px; letter-spacing:.5px; margin-top:-10px; }
.titFotography { display:block; font-size:16px; letter-spacing:1.8px;  }
.menuContentor { display:inline-block; margin-left:15px; margin-top:auto; }
.menu ul { list-style:none; margin:0; padding:0; }
.menu li { display:inline-block; border:none; margin:0; }
.menu > ul > li:hover {background-color: black;}
.menu > ul > li:hover ul { display: block!important; }
.menu a { display:block;  font-family: 'FranklinGothicMediumRegular', arial, serif;  font-size:14px; letter-spacing:1px;  padding:15px 20px; color:#FFF; text-decoration:none;  text-transform:uppercase; border-left: #FFF solid 1px; }
.menu a:hover { background-color:#000; }
.menu a.activo { text-decoration:underline; }

/*----------SUB-MENU----------*/
.menu ul li ul { display:block; position:absolute; list-style:none; margin:0; padding:5px 0; background-color: black; border-left: #FFF solid 1px; }
.menu ul li ul li { display: block; border:none; margin:0; padding:0; }
.menu ul li ul li a { display:table-cell;  font-family: 'FranklinGothicMediumRegular', arial, serif;  font-size:14px; letter-spacing:1px;  padding:3px 20px; color:#FFF; text-decoration:none;  text-transform:uppercase; border-left: 0; }
.menu ul li ul li a:hover { text-decoration:underline; }
.menu ul li ul li a.activo { text-decoration:underline; }
#submenu { display:none; }

.rodape { margin:auto; padding:10px 0 30px 0; width:98%; }
.vimeo { margin-left:10px;}

.titSerie { display:block;width:98%; margin: auto; padding:30px 0 30px; font-family: 'FranklinGothicDemiRegular', arial, serif;  color:#FFF; text-align:center;  font-size:26px; text-transform:uppercase; }
.titSerie div {
	font-family: 'Lato', sans-serif; 
	font-weight: 400;
	font-size: 13px;
	text-transform: none;
	margin-top: 10px;
}
.titSerie .bold {
	color: #FFF;
	opacity: .7;
}
.titSerie .titSerieSub {font-size: 15px;}

.contentorTextos { margin:auto; width:80%;  padding:60px 0 80px; font-size:13px; line-height:18px; color:#FFF; }
.contentorTextos a, .contentorTextos .bold { color:#FFF; }

/*.contentorTextos span { background-color:#000; padding:2px; }
*/
a.btVimeo { display:block; float:right; width:16px; margin-top:20px; margin-right:20px;}
a.btVimeo img { width:100%; height:auto; }
a.btImdb {display:block; float:right; margin-top:19px; margin-right:20px;}
/*social*/
.social { width:100%; text-align:center;}
.st_facebook_custom{ background:url(../imagens/botoes.png) 0 0 transparent; padding:0 20px 2px 0; cursor:pointer; margin-right:8px; }
.st_twitter_custom{ background:url(../imagens/botoes.png) -28px 0 transparent; padding:0 20px 2px 0; cursor:pointer; margin-right:8px; }
.st_tumblr_custom{ background:url(../imagens/botoes.png) -55px 0 transparent; padding:0 20px 2px 0; cursor:pointer; margin-right:8px;}
.st_linkedin_custom{ background:url(../imagens/botoes.png) -83px 0 transparent; padding:0 20px 2px 0; cursor:pointer; margin-right:8px;}
.st_blogger_custom{ background:url(../imagens/botoes.png) -110px 0 transparent; padding:0 20px 2px 0; cursor:pointer; margin-right:8px;}
.st_pinterest_custom{ background:url(../imagens/botoes.png) -138px 0 transparent; padding:0 20px 2px 0; cursor:pointer; margin-right:8px;}
.st_googleplus_custom{ background:url(../imagens/botoes.png) -165px 0 transparent; padding:0 20px 6px 0; cursor:pointer; margin-right:8px;}


@media screen and (min-width: 1514px) {
	.contentorThumb { width:22.6%; margin:3% 1%;}
	.comerciais .contentorThumb { width:30.6%; margin:3% 1%;}
}

@media screen and (min-width: 1180px) and (max-width: 1514px) {
	.contentorThumb { width:22.6%; margin:3% 1%;}
	.comerciais .contentorThumb { width:30.6%; margin:3% 1%;}
}

@media screen and (min-width: 822px) and (max-width: 1180px) {
	.contentorThumb { width:31%; margin:3% 1%;}
}

@media screen and (min-width: 461px) and (max-width: 822px) {
	.contentorThumb { width:47%; margin:3% 1%;}
}

@media screen and (min-width: 0px) and (max-width: 460px) {
	.contentorThumb { width:97%; margin:3% 1%;}
}



/*Laurels individuais*/
@media only screen and (max-width: 1025px) {
	.laurelsIndividuais {width:16.5%; }
}
@media only screen and (max-width: 769px) {
	.laurelsIndividuais {width:20%; }
}
@media only screen and (max-width: 481px) {
	.laurelsIndividuais {width:25%; }
	
}



/*Menu*/
@media only screen and (max-width: 1025px) {
	.menuContentor { display:block; margin-top:20px; }
	.menu a {  padding:5px 19px;}
	.menu ul li ul li a { padding:5px 19px;}
	a.btVimeo { margin-top:-80px; margin-right: 0; }
	a.btImdb {margin-top:-81px; margin-right: 30px;}
}
@media only screen and (max-width: 660px) {
	.menu a { font-size:13px; letter-spacing:.5px;  padding:5px 7px; }
	.menu ul li ul li a { font-size:13px; letter-spacing:.5px;  padding:5px 7px; }
	.laurels1 { display:block; margin:auto; width: 90%;}
	.laurels2 { display:block; width: 100%;}
}
@media only screen and (max-width: 450px) {
	.menu a { font-size:11px; letter-spacing:0px;  padding:5px 7px; }
	.menu ul li ul li a { font-size:11px; letter-spacing:0px;  padding:5px 7px; }
	.contentorGrelha {width:90%;  }
	.cabecalho { width:90%;   }
	.laurels { width:90%; }
}

@media only screen and (max-width: 380px) {
	a.btVimeo { margin-top:-90px; }
	a.btImdb {margin-top:-60px; margin-right: -10px;}
}


/*assinatura*/
#assinaturaCaixa { display:block; width:100%;  text-align:right;}
#assinatura { float:right; margin-right:20px; width:20px; height:10px; letter-spacing:1px; font-size: 9px; color:#FFF; text-decoration: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4;}
#assinatura:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
#webdesign { float:right; margin-right:10px; width:140px; height:10px; visibility:hidden; font-size: 10px; color: #FFF; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }



.larguraReel {
	max-width: 787px;
}
.larguraMess {
	max-width: 1085px;
}
.larguraDia {
	max-width: 790px;
}
.larguraTree {
	max-width: 1056px;
}
.larguraSomewhere {
	max-width: 845px;
}


.w1 {
	width: 100%;
}
.w2 {
	width: 50%
}
.w3 {
	width: 33.3333%
}

.galeriaContentor {
	width: 90%;
	background-color: #FFF;
	padding: 20px;
	margin: 0 auto 50px;
	box-sizing: border-box;
}
.galeriaContentor ul{
	display: flex;
	flex-wrap: wrap;
}
.galeriaContentor li{
	margin: 0;
	border: solid 2px #FFF;
	box-sizing: border-box;
	line-height: 0;
}
.galeriaContentor img{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 680px) {
	.galeriaContentor {
		padding: 5px;
	}
}





.fiction-homepage-container {
	width: 90%;
	max-width: 1106px;
	margin: auto;
	padding-top: 40px;
}

.fiction-homepage-container .galeriaContentor {
	width: 100%;
}

.fiction-homepage-text-container {
	position: relative;
}

.fiction-homepage-text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 30px 100px;
}

.fiction-homepage-title {
	font-family: 'FranklinGothicDemiRegular', arial, serif;  
	color:#FFF; 
	text-align:center;  
	font-size:26px; 
	text-transform:uppercase;
}

@media (max-width: 530px) {
	.fiction-homepage-text {
		padding: 30px 30px 50px;
	}
	
	.fiction-homepage-title {
		font-size:18px; 
	}
}