html, body
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#111;
	font: 0px Sans-Serif; 
	scroll-behavior: smooth;
}

.div_principal
{
  position: relative;
  min-height: 100vh;
  animation: myAnim1 1.5s ease 0s 1 normal forwards;
}

.div_conteudo
{
  width:100%;
  /*padding-bottom: 2.5rem;*/    /* altura do rodapé */
  padding-bottom: 108px;
  font: 18px Sans-Serif;
  color:#eae7ee;
  /*background-color:red;*/
}

.div_rodape
{
  position: absolute;
  bottom: 0;
  width: 100%;
  /*height: 2.5rem;  */          /* altura do rodapé */
  height: 108px;
  background-color:#222;
}

/* EXECUTADOS SE ESTIVER NO MOBILE */
.barra_cima
{
	position:fixed!important;
	width:100%;
	height:120px;
	left:0;
	top:0;
	background-color:#111;
	box-shadow: 0px 2px 5px rgba(0,0,0,.8);
}

.barra_buscar
{
	display:block;
}

.separador_principal
{
	height:120px;
}

.separador_secundario
{
	height:20px;
}

.separador_secundario_2
{
	height:20px;
}

.bt_buscar
{
	position:absolute;
	right:20px;
	top:20px;
	width:80px;
	height:80px;
	outline:0;
	background-color:#111;
	background-image:url(../img/buscar_2.png);
	background-size:cover;
	border:0;
}

.bt_menu
{
	position:absolute;
	left:20px;
	top:20px;
	width:80px;
	height:80px;
	outline:0;
	background-color:#111;
	background-image:url(../img/menu_2.png);
	background-size:cover;
	border:0;
}

.cp_buscar
{
	display:none;
}

.div_logo
{
	position:relative;
	top:27px;
	height:80px;
	width:443px;
	background-image:url(../img/logo_14-06_4.png);
	background-size:cover;
}

.banner_modo_0
{
	position:relative;
	/*top:-21px;*/
	width:100%;
	/*height: 100vh;*/     /* Fallback */
    /*height: 100svh;*/    /* Melhor para dispositivos móveis */
		
	height:calc(100vh - 120px);
	height:calc(100svh - 120px);
	/*background-image:url(../flm/casamento_sangrento_1.jpg);*/
	background-size:cover;
	background-position:center;
	transition: opacity 0.5s ease-in-out; /* Suaviza a troca */
}

.gradiente3
{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	bottom:-1px;
	/*background-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));*/
	background-image: linear-gradient(rgba(17,17,17,.1), #111);	
}

.titulo_categorias
{
	/*font: 23px bold Sans-Serif;*/
	font: 23px Tahoma, Geneva, sans-serif;
	font: 50px "Arial Black", Gadget, sans-serif;
	/*font: 30px Arial, Helvetica, sans-serif;*/
	color:#eae7ee;
}

.titulo_categorias2
{
	/*font: 23px bold Sans-Serif;*/
	font: 23px Tahoma, Geneva, sans-serif;
	font: 50px "Arial Black", Gadget, sans-serif;
	/*font: 30px Arial, Helvetica, sans-serif;*/
	color:#eae7ee;
}

.titulo_categorias3
{
	width:calc(100% - 40px);
}

.titulo_curta
{
	/*font: 23px bold Sans-Serif;*/
	font: 23px Tahoma, Geneva, sans-serif;
	/*font: 35px "Arial Black", Gadget, sans-serif;*/
	font: 35px Arial, Helvetica, sans-serif;
	color:#eae7ee;
}

.titulo_informacoes
{
	/*font: 23px bold Sans-Serif;*/
	font: 23px Tahoma, Geneva, sans-serif;
	/*font: 35px "Arial Black", Gadget, sans-serif;*/
	font: 30px Arial, Helvetica, sans-serif;
	color:#eae7ee;
}

.titulo_informacoes_banner
{
	/*font: 23px bold Sans-Serif;*/
	font: 23px Tahoma, Geneva, sans-serif;
	/*font: 35px "Arial Black", Gadget, sans-serif;*/
	font: 35px Arial, Helvetica, sans-serif;
	color:#eae7ee;
}

.link_filme_banner
{
	/*font: 23px bold Sans-Serif;*/
	font: 23px Tahoma, Geneva, sans-serif;
	/*font: 35px "Arial Black", Gadget, sans-serif;*/
	font: 35px Arial, Helvetica, sans-serif;
	color:#ea473b;
	text-decoration:none;
}

.filme_aleatorio
{
	position:absolute;
	left:20px;
	bottom:0px;
	width:calc(100% - 40px);
	/*width:400px;*/
	/*background-color:rgba(0,0,0,.2);*/
}

.filme_aleatorio_filme
	{
		position:absolute;
		left:20px;
		top:20px;
		width:calc(100% - 40px);
		/*width:400px;*/
		/*background-color:rgba(0,0,0,.2);*/
	}

.div_curta_modo0
{
	max-width:80%;
}

.bt_assistir
{
	outline:0;
	border:0;
	background-color:#ea473b;
	width:300px;
	height:70px;
	border-radius:10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font: 35px "Arial Black", Gadget, sans-serif;
	color:#eae7ee;
	position:absolute;
	top:0;
}

.bt_assistir_pos_3
{
	left:330px;
}

.bt_assistir_pos_4
{
	left:660px;
}

.bt_assistir_2
{
	outline:0;
	border:0;
	background-color:#ea473b;
	width:310px;
	height:70px;
	border-radius:10px;
	display: flex;
	justify-content: 
	center;align-items: center;
	font: 35px "Arial Black", Gadget, sans-serif;
	color:#eae7ee;
	position:absolute;
	top:0;
}
	
.bt_distancia_modo1
{
	left:400px
}

.div_bts_banner
{
	position:relative;
	height:90px;
	width:100%;
}

.img_bts
{
	width:35px;
	height:35px
}

.img_bts_lista
{
	width:80px;
	height:80px
}

.bt_assistir_pos
{
	left:320px;
}

.bt_assistir_pos_2
{
	left:600px;
}

.bt_saiba_mais
{
	outline:0;
	border:0;
	background-color:#333;
	width:300px;
	height:70px;
	border-radius:10px;
	display: flex;
	justify-content: 
	center;align-items: center;
	font: 35px "Arial Black", Gadget, sans-serif;
	color:#eae7ee;
	position:absolute;
	top:0;	
}

.bt_saiba_add
{
	outline:0;
	border:0;
	background-color:#333;
	width:70px;
	height:70px;
	border-radius:10px;
	display: flex;
	justify-content: 
	center;align-items: center;
	font: 35px "Arial Black", Gadget, sans-serif;
	color:#eae7ee;
	position:absolute;
	top:0;	
	background-image:url(../img/tarefa_2.png);
	background-size:70%;
	background-repeat:no-repeat;
	background-position:center;
}

.bt_assistir_pos_2
{
	left:640px;
}

.hidden
{
    opacity: 0;
}

.link_meio
{
	/*font: 23px bold Sans-Serif;*/
	font: 23px Tahoma, Geneva, sans-serif;
	/*font: 35px "Arial Black", Gadget, sans-serif;*/
	font: 35px Arial, Helvetica, sans-serif;
	color:#eae7ee;
	text-decoration:none;
	color:#EA473B;
}


.galeria 
{
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scroll-behavior: smooth;
	padding: 0px;
		
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE e Edge antigo */
}
	
.galeria::-webkit-scrollbar
{
	display: none; /* Chrome, Safari */
}
	
.galeria-container
{
	position: relative;
	width: 100%;
	overflow: hidden;
}
	
/*
.galeria
{
	display: flex;
	gap: 10px;
	overflow-x: auto;
	scroll-behavior: smooth;
	padding: 10px;
}
*/
	
.galeria img
{
	width:150px;
	height: 223px;
	flex-shrink: 0;
	/*border-radius: 8px;*/
}
	
.galeria_div
{
	width:210px;
	height: 312px;
	flex-shrink: 0;
	background-size:100% 100%;
	background-position:center;
	-webkit-transition: .5s;
  	transition: .5s;
}
		
.galeria_div_link
{
	text-decoration:none;
}
	
.bt_vai_galeria
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	/*
	background: rgba(17,17,17,0.5);
	background: rgba(0,0,0,0.5);
	*/
	background-color:transparent;
	color: white;
	border: none;
	/*padding: 10px;*/
	cursor: pointer;
	font-size: 18px;
	border-radius: 50%;
	display: block; /* invisível por padrão */
	width:0px;
	height:0px;
	-webkit-transition: .5s;
  	transition: opacity .5s;
	opacity:.7;
}
	
.bt_vai_galeria.direita
{
	right: 10px;
}
	
.bt_vai_galeria.esquerda
{
	left: 10px;
}

.info_modo_0
{
	width:calc(100% - 40px);
}

.go_top 
{
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	
	width:80px;
	height:80px;
	/*border-radius:50%;*/
	/*
	background-color:#111;
	border:2px solid #eae7ee;
	*/
	background-color:#ea473b;
	border:2px solid #ea473b;
		
	/*z-index: 1;*/
	cursor: pointer;
		
	background-image:url(../img/cima_.png);
	background-size:60%;
	background-repeat:no-repeat;
	background-position:center;
}

::-moz-selection { /* Code for Firefox */
  color: #000;
  background: #ea473b;
}

::selection {
  color: #000;
  background: #ea473b;
}

.banner 
{
  /*height: 100vh;*/
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner video 
{
  /*position: fixed;*/
  top: 0;
  left: 0;
  /*object-fit: cover;*/
  height: 100%;
}

.div_desc_filme
{
	position:relative; 
	width:80%; 
	font: 35px Arial, Helvetica, sans-serif;
	color:#eae7ee;
}
	
.div_bts_banner_filme
{
	position:absolute;
	bottom:20px;
	left:20px;
	width:50%; 
	height:70px;
}

.menu_lateral
{
	position:fixed;
	width:600px;
	height:100%;
	background-color:#333;
	top:0;
	left:-700px;
	-webkit-transition: .4s;
  	transition: .4s;
}

.bt_do_menu
{
	outline:0;
	border:0;
	background-color:#333;
	width:100%;
	/*border-radius:10px;*/
	display: flex;
	justify-content: left;
	align-items: left;
	font: 30px "Arial Black", Gadget, sans-serif;
	color:#eae7ee;
	-webkit-transition: .5s;
  	transition: .5s;
	cursor:pointer;
	position:relative;
	top:0;
	opacity:.6
}
	
.bt_do_menu:hover
{
	opacity:1;
	background-color:#ea473b;
}
	
.separador_menuzinho_cima
{
	height:123px
}
	
.bts_menuzinho
{
	position:relative; 
	width:100%; 
	height:50px;
	cursor:pointer;
	color:#eae7ee;
	-webkit-transition: .5s;
  	transition: .5s;
	opacity:.6
}
	
.bts_menuzinho:hover
{
	opacity:1;
	background-color:#ea473b;
}
	
.bts_separador_img
{
	position:absolute; width:90px;
	height:70px;  
	left:20px; 
	background-size:100% 100%
}
	
.bts_separador_letra
{
	position:absolute; 
	width:710px; 
	height:50px; 
	left:130px;
	font: 50px 'Arial Black', Gadget, sans-serif;
	display: flex;
	justify-content: left;
	align-items:center;
}

/* bts do menu*/
.bts_menu_base
{
	position:relative; 
	width:100%;
	height:70px;
	font: 50px Arial, Helvetica, sans-serif; 
	-webkit-transition: .5s;
  	transition: .5s;
	opacity:.6;
	cursor:pointer;
}
	
.bts_menu_base:hover
{
	opacity:1;
	/*background-color:#ea473b;
	background-color:rgba(234, 71, 59, .5);
	background-size:120%;
	*/
}
	
.bts_menu_img
{
	position:absolute; 
	width:70px; 
	height:70px; 
	left:20px;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-transition: .3s;
  	transition: .3s;
}
	
.bts_menu_letra
{
	position:absolute; 
	width:470px; 
	height:70px; 
	left:110px;
	color:#eae7ee;
	font: 50px Arial, Helvetica, sans-serif; 
	display: flex;
	justify-content: left;
	align-items:center;
}
/**/

.separador_filme
{
	font: 35px Arial, Helvetica, sans-serif;
	color:#ea473b;
	opacity:.3
}

.base_filme
{
	position:relative;
	width:100%;
	min-width:1024px;
	/*height:90%;*/
	height:720px;
	background-color:#000;
	display:none;
}

.pretao
{
	position:fixed!important; 
	top:0; 
	left:0; 
	background-color:rgba(17,17,17,0.7);
	/*background-color:#000;*/
	width:100%; 
	height:100%; 
	display:none; 
	animation: myAnim1 0.5s ease 0s 1 normal forwards;
	/*z-index:10;*/
}

.bt_download_filme
{
	position: fixed;
	top: 20px;
	left:20px;
	/*transform: translateY(-50%);*/
	/*
	background: rgba(17,17,17,0.5);
	background: rgba(0,0,0,0.5);
	*/
	background-image:url(../img/download.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:50% 50%;
	background-color:#ea473b;
	color: white;
	border: none;
	/*padding: 10px;*/
	cursor: pointer;
	font-size: 18px;
	border-radius: 50%;
	display: none; /* invisível por padrão */
	width:80px;
	height:80px;
	-webkit-transition: .5s;
  	transition: .5s;
	opacity:1;
}

.div_baixar_tela
{
	position:relative;
	background:red;
	height:140px;
}

.separador_menu_cel
{
	height:20px; 
	width:100%; 
	opacity:.3;	
}

.separador_menu_cel2
{
	height:20px; 
	width:100%; 
	opacity:.3;	
}

.barra_cima_base_add
{
	position:fixed!important;
	width:100%; 
	height:110px; 
	left:0; 
	top:0px; 
	-webkit-transition: .5s;
  	transition: .5s;
}
	
.barra_cima_base_add2
{
	position:relative;
	height:100%;
	width:calc(100% - 40px);
	background-color:#333;
	/*
	display: flex;
	justify-content: center;
	align-items: center;
	*/
	font: 38px "Arial Black", Gadget, sans-serif;
	color:#eae7ee;
	/*border:2px solid #ea473b;*/
}

.div_img_banner_mais_tarde
{
	position:absolute; 
	width:55px; 
	height:55px; 
	background-image:url(../img/ico_tarde.png); 
	background-size:80%;
	background-repeat:no-repeat;
	background-position:center;
	display:none;
}

.div_txt_banner_mais_tarde
{
	position:absolute; 
	left:0px
}

.div_txt2_banner_mais_tarde
{
	position:relative;
	height:35px
}
.div_txt3_banner_mais_tarde
{
	position:relative;
	height:20px
}

/* FILMES DA PESQUISA */
	
.filme_container
{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
	
.filme_box
{
	width: 242px;
	height: 360px;
	background-color: #4a90e2;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../flm/a_beira_da_loucura.jpg);
}
	/**/
	
.link_filme_banner22
{
	/*font: 23px bold Sans-Serif;*/
	font: 23px Tahoma, Geneva, sans-serif;
	/*font: 35px "Arial Black", Gadget, sans-serif;*/
	font: 38px "Arial Black", Gadget, sans-serif;
	color:#ea473b;
	-webkit-transition: .5s;
  	transition: opacity .5s;
	cursor:pointer;
	opacity:1;
		
	text-decoration: underline 0.10em rgba(255, 255, 255, 0);
	transition: text-decoration-color 300ms;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .pretao {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
}

@keyframes myAnim1
{
	0% 
	{
		opacity: 0;
	}
	100% 
	{
		opacity: 1;
	}
}

@keyframes myAnim2
{
	0% 
	{
		opacity: 1;
	}
	100% 
	{
		opacity: 0;
	}
}

@media screen and (min-width: 1000px)
{
	.barra_cima
	{
		position:fixed!important;
		width:100%;
		height:60px;
		left:0;
		top:0;
		background-color:#111;
		box-shadow: 0px 1px 5px rgba(0,0,0,.8);
	}
	
	.barra_buscar
	{
		position:absolute;
		right:0;
		top:0;
		background-color:#222;
		height:100%;
		width:350px;
		display:block;
	}
	
	.separador_principal
	{
		height:60px;
	}
	
	.separador_secundario
	{
		height:10px;
	}
	
	.separador_secundario_2
	{
		height:11px;
	}
	
	.bt_buscar
	{
		position:absolute;
		right:10px;
		top:10px;
		width:40px;
		height:40px;
		outline:0;
		background-color:#222;
		background-image:url(../img/buscar_2.png);
		background-size:cover;
		border:0;
		cursor:pointer;
		-webkit-transition: .5s;
	  	transition: opacity .5s;
		opacity:.6
	}
	
	.bt_menu
	{
		position:absolute;
		left:10px;
		top:10px;
		width:40px;
		height:40px;
		outline:0;
		background-color:#111;
		background-image:url(../img/menu_2.png);
		background-size:cover;
		border:0;
		cursor:pointer;
		-webkit-transition: .5s;
	  	transition: opacity .5s;
		opacity:.6
	}
	
	.bt_buscar:hover
	{
		opacity:1
	}
	
	.bt_menu:hover
	{
		opacity:1
	}
	
	.cp_buscar
	{
		position:absolute;
		width:275px;
		height:40px;
		outline:0;
		border:0;
		top:10px;
		right:60px;
		display:block;
		font: 25px Sans-Serif;
		color:#eae7ee;
		background-color:#222;
	}
	
	.div_logo
	{
		position:relative;
		top:5px;
		height:50px;
		width:277px;
		background-image:url(../img/logo_14-06_4.png);
		background-size:cover;
	}
	
	.banner_modo_0
	{
		position:relative;
		/*top:-21px;*/
		width:100%;
		/*height: 100vh;*/     /* Fallback */
        /*height: 100svh;*/    /* Melhor para dispositivos móveis */
		
		height:calc(100vh - 60px);
		height:calc(100svh - 60px);
		/*background-image:url(../flm/casamento_sangrento_1.jpg);*/
		background-size:cover;
		background-position:center;
		transition: opacity 0.5s ease-in-out; /* Suaviza a troca */
	}
	
	.titulo_categorias
	{
		/*font: 23px bold Sans-Serif;*/
		font: 23px Tahoma, Geneva, sans-serif;
		font: 30px "Arial Black", Gadget, sans-serif;
		/*font: 30px Arial, Helvetica, sans-serif;*/
		color:#eae7ee;
	}
	
	.titulo_categorias2
	{
		/*font: 23px bold Sans-Serif;*/
		font: 23px Tahoma, Geneva, sans-serif;
		font: 30px "Arial Black", Gadget, sans-serif;
		/*font: 30px Arial, Helvetica, sans-serif;*/
		color:#eae7ee;
	}
	
	.titulo_categorias3
	{
		width:calc(100% - 20px);
	}
	
	.titulo_curta
	{
		/*font: 23px bold Sans-Serif;*/
		font: 23px Tahoma, Geneva, sans-serif;
		/*font: 35px "Arial Black", Gadget, sans-serif;*/
		font: 20px Arial, Helvetica, sans-serif;
		color:#eae7ee;
	}
	
	.titulo_informacoes
	{
		/*font: 23px bold Sans-Serif;*/
		font: 23px Tahoma, Geneva, sans-serif;
		/*font: 35px "Arial Black", Gadget, sans-serif;*/
		font: 17px Arial, Helvetica, sans-serif;
		color:#eae7ee;
	}
	
	.titulo_informacoes_banner
	{
		/*font: 23px bold Sans-Serif;*/
		font: 23px Tahoma, Geneva, sans-serif;
		/*font: 35px "Arial Black", Gadget, sans-serif;*/
		font: 20px Arial, Helvetica, sans-serif;
		color:#eae7ee;
	}
	
	.link_filme_banner
	{
		/*font: 23px bold Sans-Serif;*/
		font: 23px Tahoma, Geneva, sans-serif;
		/*font: 35px "Arial Black", Gadget, sans-serif;*/
		font: 20px Arial, Helvetica, sans-serif;
		color:#ea473b;
		-webkit-transition: .5s;
	  	transition: opacity .5s;
		cursor:pointer;
		opacity:1;
		
		text-decoration: underline 0.10em rgba(255, 255, 255, 0);
 		transition: text-decoration-color 300ms;
	}
	
	.link_filme_banner:hover
	{
		opacity:1;
		text-decoration-color: rgba(234, 71, 59, 1);
	}
	
	.filme_aleatorio
	{
		position:absolute;
		left:10px;
		bottom:0px;
		width:calc(100% - 20px);
		/*width:400px;*/
		/*background-color:rgba(0,0,0,.2);*/
	}
	
	.filme_aleatorio_filme
	{
		position:absolute;
		left:10px;
		top:10px;
		width:calc(100% - 20px);
		/*width:400px;*/
		/*background-color:rgba(0,0,0,.2);*/
	}
	
	.div_curta_modo0
	{
		max-width:50%;
	}
	
	.bt_assistir
	{
		outline:0;
		border:0;
		background-color:#ea473b;
		width:210px;
		height:50px;
		border-radius:10px;
		display: flex;
		justify-content: 
		center;align-items: center;
		font: 25px "Arial Black", Gadget, sans-serif;
		color:#eae7ee;
		-webkit-transition: .5s;
	  	transition: opacity .5s;
		cursor:pointer;
		position:absolute;
		top:0;
		opacity:.6
	}
	
	.bt_assistir:hover
	{
		opacity:1;
	}
	
	.bt_assistir_2
	{
		outline:0;
		border:0;
		background-color:#ea473b;
		width:220px;
		height:50px;
		border-radius:10px;
		display: flex;
		justify-content: 
		center;align-items: center;
		font: 25px "Arial Black", Gadget, sans-serif;
		color:#eae7ee;
		-webkit-transition: .5s;
	  	transition: opacity .5s;
		cursor:pointer;
		position:absolute;
		top:0;
		opacity:.6
	}
	
	.bt_distancia_modo1
	{
		left:290px
	}
	
	.bt_assistir_2:hover
	{
		opacity:1;
	}
	
	.bt_saiba_mais
	{
		outline:0;
		border:0;
		background-color:#333;
		width:210px;
		height:50px;
		border-radius:10px;
		display: flex;
		justify-content: 
		center;align-items: center;
		font: 25px "Arial Black", Gadget, sans-serif;
		color:#eae7ee;
		-webkit-transition: .5s;
	  	transition: opacity .5s;
		cursor:pointer;
		position:absolute;
		top:0;
		opacity:.6
	}
	
	.bt_saiba_mais:hover
	{
		opacity:1;
	}
	
	.bt_saiba_add
	{
		outline:0;
		border:0;
		background-color:#333;
		width:50px;
		height:50px;
		border-radius:10px;
		display: flex;
		justify-content: 
		center;align-items: center;
		font: 25px "Arial Black", Gadget, sans-serif;
		color:#eae7ee;
		-webkit-transition: .5s;
	  	transition: opacity .5s;
		cursor:pointer;
		position:absolute;
		top:0;
		background-image:url(../img/tarefa_2.png);
		background-size:70%;
		background-repeat:no-repeat;
		background-position:center;
		opacity:.6
	}
	
	.bt_saiba_add:hover
	{
		opacity:1;
	}
	
	.div_bts_banner
	{
		position:relative;
		height:60px;
		width:100%;
	}

	.img_bts
	{
		width:25px;
		height:25px
	}
	
	.bt_assistir_pos
	{
		left:220px;
	}
	
	.bt_assistir_pos_3
	{
		left:230px;
	}
	
	.bt_assistir_pos_4
	{
		left:460px;
	}
	
	.bt_assistir_pos_2
	{
		left:440px;
	}
	
	.img_bts_lista
	{
		width:50px;
		height:50px
	}
	
	.link_meio
	{
		/*font: 23px bold Sans-Serif;*/
		font: 23px Tahoma, Geneva, sans-serif;
		/*font: 35px "Arial Black", Gadget, sans-serif;*/
		font: 20px Arial, Helvetica, sans-serif;
		color:#eae7ee;
		opacity:1;
		text-decoration:none;
		color:#EA473B;
		-webkit-transition: .5s;
	  	transition: opacity .5s;
		
		text-decoration: underline 0.10em rgba(255, 255, 255, 0);
 		transition: text-decoration-color 300ms;
	}
	
	.link_meio:hover
	{
		opacity:1;
		text-decoration-color: rgba(234, 71, 59, 1);
	}
	
	.galeria 
	{
		display: flex;
		gap: 10px;
		overflow-x: auto;
		scroll-behavior: smooth;
		padding: 0px;
		
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none; /* IE e Edge antigo */
	}
	
	.galeria::-webkit-scrollbar
	{
		display: none; /* Chrome, Safari */
	}
	
	.galeria-container
	{
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	
	/*
	.galeria
	{
		display: flex;
		gap: 10px;
		overflow-x: auto;
		scroll-behavior: smooth;
		padding: 10px;
	}
	*/
	
	.galeria img
	{
		width:150px;
		height: 223px;
		flex-shrink: 0;
		/*border-radius: 8px;*/
	}
	
	.galeria_div
	{
		width:150px;
		height: 223px;
		flex-shrink: 0;
		background-size:100% 100%;
		background-position:center;
		-webkit-transition: .5s;
	  	transition: .5s;
	}
	
	.galeria_div:hover
	{
		background-size:120% 120%;
	}
	
	.galeria_div_link
	{
		text-decoration:none;
	}
	
	.bt_vai_galeria
	{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		/*
		background: rgba(17,17,17,0.5);
		background: rgba(0,0,0,0.5);
		*/
		background-color:#ea473b;
		color: white;
		border: none;
		/*padding: 10px;*/
		cursor: pointer;
		font-size: 18px;
		border-radius: 50%;
		display: block; /* invisível por padrão */
		width:40px;
		height:40px;
		-webkit-transition: .5s;
	  	transition: opacity .5s;
		opacity:.7;
	}
	
	.bt_vai_galeria.direita
	{
		right: 10px;
		background-image:url(../img/arrow-19-128.png); 
		background-repeat:no-repeat;
		background-size:60%;
		background-position:center;
	}
	
	.bt_vai_galeria.esquerda
	{
		left: 10px;
		background-image:url(../img/arrow-121-128.png); 
		background-repeat:no-repeat;
		background-size:60%;
		background-position:center;
	}
	
	.bt_vai_galeria:hover
	{
		opacity:1;
	}
	
	.info_modo_0
	{
		width:calc(100% - 20px);
	}
	
	.go_top 
	{
		position: fixed;
		bottom: 10px;
		right: 10px;
		display: none;
	
		width:50px;
		height:50px;
		/*border-radius:50%;*/
		background-color:#ea473b;
		/*border:2px solid #eae7ee;*/
		border:2px solid #ea473b;
		
		/*z-index: 1;*/
		cursor: pointer;
		
		background-image:url(../img/cima_.png);
		background-size:60%;
		background-repeat:no-repeat;
		background-position:center;
	}
	
	.banner 
	{
	  /*height: 100vh;*/
	  overflow: hidden;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}

	.banner video 
	{
	  /*position: fixed;*/
	  top: 0;
	  left: 0;
	  object-fit: cover;
	  width: 100%;
	}
	
	.div_desc_filme
	{
		position:relative; 
		width:75%; 
		font: 20px Arial, Helvetica, sans-serif;
		color:#eae7ee;
	}
	
	.div_bts_banner_filme
	{
		position:absolute;
		bottom:10px;
		left:10px;
		width:50%; 
		height:50px;
	}
	
	.menu_lateral
	{
		position:fixed;
		width:340px;
		height:100%;
		background-color:#222;
		top:0;
		left:-340px;
		-webkit-transition: .4s;
	  	transition: .4s;
	}
	
	.bt_do_menu
	{
		outline:0;
		border:0;
		background-color:#333;
		width:100%;
		/*border-radius:10px;*/
		display: flex;
		justify-content: left;
		align-items: left;
		font: 30px "Arial Black", Gadget, sans-serif;
		color:#eae7ee;
		-webkit-transition: .5s;
	  	transition: .5s;
		cursor:pointer;
		position:relative;
		top:0;
		opacity:.6
	}
	
	.bt_do_menu:hover
	{
		opacity:1;
		background-color:#ea473b;
	}
	
	.separador_menuzinho_cima
	{
		height:65px
	}
	
	.bts_menuzinho
	{
		position:relative; 
		width:100%; 
		height:50px;
		cursor:pointer;
		color:#eae7ee;
		-webkit-transition: .5s;
	  	transition: .5s;
		opacity:.6
	}
	
	.bts_menuzinho:hover
	{
		opacity:1;
		background-color:#ea473b;
	}
	
	.bts_separador_img
	{
		position:absolute; width:70px;
		height:50px;  
		left:10px; 
		background-size:100% 100%
	}
	
	.bts_separador_letra
	{
		position:absolute; 
		width:410px; 
		height:50px; 
		left:90px;
		font: 30px 'Arial Black', Gadget, sans-serif;
		display: flex;
		justify-content: left;
		align-items:center;
	}
	
	/* bts do menu*/
	.bts_menu_base
	{
		position:relative; 
		width:100%;
		height:45px;
		font: 30px Arial, Helvetica, sans-serif; 
		-webkit-transition: .5s;
	  	transition: .5s;
		opacity:.6;
		cursor:pointer;
	}
	
	.bts_menu_base:hover
	{
		opacity:1;
		/*background-color:#ea473b;
		background-color:rgba(234, 71, 59, .5);
		background-size:120%;
		*/
	}
	
	.bts_menu_img
	{
		position:absolute; 
		width:35px; 
		height:45px; 
		left:10px;
		background-size:100%;
		background-repeat:no-repeat;
		background-position:center;
		-webkit-transition: .3s;
	  	transition: .3s;
	}
	
	.bts_menu_letra
	{
		position:absolute; 
		width:285px; 
		height:45px; 
		left:55px;
		color:#eae7ee;
		font: 30px Arial, Helvetica, sans-serif; 
		display: flex;
		justify-content: left;
		align-items:center;

	}
	/**/
	
	.separador_filme
	{
		font: 20px Arial, Helvetica, sans-serif;
		color:#ea473b;
		opacity:.3
	}
	
	.base_filme
	{
		position:relative;
		width:100%;
		/*min-width:1024px;*/
		height:100%;
		/*min-height:720px;*/
		background-color:#000;
		display:none;
	}
	
	.bt_fechar_filme
	{
		position: absolute;
		top: 10px;
		left:10px;
		/*transform: translateY(-50%);*/
		/*
		background: rgba(17,17,17,0.5);
		background: rgba(0,0,0,0.5);
		*/
		background-image:url(../img/fechar.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:50% 50%;
		background-color:#ea473b;
		color: white;
		border: none;
		/*padding: 10px;*/
		cursor: pointer;
		font-size: 18px;
		border-radius: 50%;
		display: block; /* invisível por padrão */
		width:40px;
		height:40px;
		-webkit-transition: .5s;
	  	transition: opacity .5s;
		opacity:.7;
	}
	
	.bt_fechar_filme:hover
	{
		opacity:1;
	}
	
	.bt_download_filme
	{
		position: fixed;
		top: 10px;
		left:60px;
		/*transform: translateY(-50%);*/
		/*
		background: rgba(17,17,17,0.5);
		background: rgba(0,0,0,0.5);
		*/
		background-image:url(../img/download.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:50% 50%;
		background-color:#ea473b;
		color: white;
		border: none;
		/*padding: 10px;*/
		cursor: pointer;
		font-size: 18px;
		border-radius: 50%;
		display: none; /* invisível por padrão */
		width:40px;
		height:40px;
		-webkit-transition: .5s;
	  	transition: .5s;
		opacity:.7;
	}
	
	.bt_download_filme:hover
	{
		opacity:1;
	}
	
	.div_baixar_tela
	{
		position:relative;
		height:70px;
	}
	
	.separador_menu_cel
	{
		height:0px; 
		width:100%; 
		opacity:.3;	
	}
	
	.separador_menu_cel2
	{
		height:3px; 
		width:100%; 
		opacity:.3;	
	}
	
	.barra_cima_base_add
	{
		position:fixed!important;
		width:100%; 
		height:50px; 
		left:0; 
		top:0px; 
		-webkit-transition: .5s;
	  	transition: .5s;
	}
	
	.barra_cima_base_add2
	{
		position:relative;
		height:100%;
		width:600px;
		background-color:#333;
		/*
		display: flex;
		justify-content: center;
		align-items: center;
		*/
		font: 22px "Arial Black", Gadget, sans-serif;
		color:#eae7ee;
		/*border:2px solid #ea473b;*/
	}
	
	.link_filme_banner22
	{
		/*font: 23px bold Sans-Serif;*/
		font: 23px Tahoma, Geneva, sans-serif;
		/*font: 35px "Arial Black", Gadget, sans-serif;*/
		font: 22px "Arial Black", Gadget, sans-serif;
		color:#ea473b;
		-webkit-transition: .5s;
	  	transition: opacity .5s;
		cursor:pointer;
		opacity:1;
		
		text-decoration: underline 0.10em rgba(255, 255, 255, 0);
 		transition: text-decoration-color 300ms;
	}
	
	.link_filme_banner22:hover
	{
		opacity:1;
		text-decoration-color: rgba(234, 71, 59, 1);
	}
	
	.div_img_banner_mais_tarde
	{
		position:absolute; 
		width:35px; 
		height:35px; 
		background-image:url(../img/ico_tarde.png); 
		background-size:80%;
		background-repeat:no-repeat;
		background-position:center;
		display:block
	}
	.div_txt_banner_mais_tarde
	{
		position:absolute; 
		left:40px
	}
	.div_txt2_banner_mais_tarde
	{
		position:relative;
		height:35px
	}
	.div_txt3_banner_mais_tarde
	{
		position:relative;
		height:5px
	}
	
	/* FILMES DA PESQUISA */
	
	.filme_container
	{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	
	.filme_box
	{
		width: 242px;
		height: 360px;
		background-color: #4a90e2;
		color: white;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 6px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		background-image:url(../flm/a_beira_da_loucura.jpg);
	}
	/**/
	
	.flip-container 
	{
		/*display: inline-block;*/
		width: 242px;
		height: 346px;
		perspective: 2000px;
		  
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.flipper 
	{
		position: relative;
		width: 100%;
		height: 100%;
		transition: transform 0.8s;
		transform-style: preserve-3d;
	}
	
	/*
	.flipper:hover 
	{
		transform: rotateY(180deg);
	}
	*/
	
	.flip-container2 
	{
		display: inline-block;
		width: 242px;
		height: 346px;
		perspective: 2000px; 
		transform: rotateY(-180deg);
	}
	
	
	
	.flipper2 
	{
		position: relative;
		width: 100%;
		height: 100%;
		transition: transform 0.8s;
		transform-style: preserve-3d;
		transform: rotateY(-180deg);
	}
	
	
	#switch
	{
		display: none;
	}
	
	#switch:checked ~ .flip-container .flipper 
	{
		transform: rotateY(-180deg);
	}
	
	.flip-container2 .flipper2
	{
		transform: rotateY(180deg);
	}
	
	.front, .back 
	{
		position: absolute;
		width: 100%;
		height: 100%;
		backface-visibility: hidden;
		border-radius: 6px;
	}
	
	.front
	{
		background-size:100% 100%;
		background-position:center;	
		-webkit-transition: .5s;
	  	transition: .5s;
		cursor:pointer;
	}
	
	.front:hover
	{
		background-size:120% 120%;
	}
	
	.back
	{
		transform: rotateY(180deg);
		background:#000;
		display: flex;
		align-items: center;
		justify-content: center;
		background-size:cover;
		background-position:center;	
		border-radius: 6px;
	}
	
	.container_2
	{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		position:absolute;
		bottom:0;
		width:100%;
	}
	
	.box_2
	{
		width: calc(33.333% - 7px);
		height: 100px;
		background-color: #4a90e2;
		color: white;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 6px;
	}
	
	.bt_assistir_pequeno
	{
		outline:0;
		border:0;
		background-color:#ea473b;
		width: calc(33.333% - 7px);
		height:50px;
		border-radius:10px;
		display: flex;
		justify-content: 
		center;align-items: center;
		font: 25px "Arial Black", Gadget, sans-serif;
		color:#eae7ee;
		-webkit-transition: .5s;
	  	transition: opacity .5s;
		cursor:pointer;
		opacity:.6
	}
	
	.bt_assistir_pequeno:hover
	{
		opacity:1;
	}

/*
.banner .content {
  position: relative;
  z-index: 1;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.banner .content h1 {
  margin: 0;
  padding: 0;
  font-size: 5.5em;
  text-transform: uppercase;
  color: #ffff;
}
.banner .content p {
  font-size: 1.5em;
  color: #ffff;
}
.banner .content img {
  width: 40px;
  height: 40px;
}
*/
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #ea473b #000;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #000;
}

*::-webkit-scrollbar-thumb {
  background-color: #ea473b;
  border-radius: 20px;
  border: 3px solid #000;
}