*,*:before,*:after{
	box-sizing:border-box
}
::-webkit-scrollbar{
	width:0
}
body{
	margin:0;
	font-family:-apple-system,'Arial','Open Sans','Helvetica Neue',sans-serif;
	background-color:#1e262e;
	color:#ddd
}
.wrapper{
	display:flex;
	padding:0 5px;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:center;
	background:#333
}
h1{
	font-size:20px;
	color:#bbb;
	font-weight:500;
	margin:12px 0
}
.lgoz{
	background:none;
	border:none;
	display:flex;
	align-items:center
}
button,.lgoz,h1:hover{
	color:#cece9a
}
.dropdown{
	position:absolute;
	left:170px
}
.imgdrop{
	display:inline-flex;
	align-items:center;
	gap:5px;
	cursor:default;
	color:#bfb681
}
.imgdrop svg {
	pointer-events:none
}
.dropdownz{
	left:-38px;
	display:none;
	margin-top:15px;
	position:absolute;
	background:#222;
	min-width:100px;
	overflow:auto;
	z-index:3
}
.dropdownz a, .dropx{
	color:#ccc;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:6px 8px;
	font-size:15px;
	cursor:default
}
.dropx:hover{
	background:#444;
	color:#bfb681
}
.dropdownz a{
	padding:5px 8px;
	font-size:15px
}
.show{
	display:block
}
.imgFlg{
	display:block;
	pointer-events:none
}
.jumbo-hero{
	background-image:url(https://static.wixstatic.com/media/66c0a6_45e60e27a10b47d1be42d093a3ee2dcc~mv2.webp);
	position:relative;
	padding:10px;
	min-height:140px;
	animation:animatedBackground 30s linear infinite alternate
}
.jumbo-hero:before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:linear-gradient(180deg,#161c23c4,#1c242c)
}
.jumbo-hero .hero-inner{
	position:relative;
	top:40px
}
@keyframes animatedBackground{
	0%{
		background-position:left
}
	100%{
		background-position:right
}
}
.input-container{
	display:flex;
	justify-content:center
}
form{
	display:flex;
	max-width:280px;
	width:100%
}
.input-container input{
	width:100%;
	border-radius:3px 0 0 3px;
	background:#0000007a;
	padding:10px;
	border:1px solid #888;
	font-size:16px;
	color:whitesmoke;
	outline:none
}
.input-container button{
	max-width:60px;
	width:20%;
	padding:8px;
	background:#636363a3;
	letter-spacing:1px;
	text-transform:uppercase;
	color:white;
	border:1px solid #888;
	border-radius:0 3px 3px 0
}
.input-container button:hover{
	background:#555
}
.results{
	max-width:900px;
	width:100%;
	margin:auto;
	min-height:360px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}
.results2{
	max-width:900px;
	width:100%;
	margin:auto;
	min-height:400px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}
.movie{
	display:flex;
	flex-direction:column;
	height:290px;
	margin:5px;
	padding:2px;
	border-radius:4px;
	text-align:center;
	background:#333;
	animation:FadeIn .5s
}
.movie img{
	height:240px;
	width:160px;
	border-radius:2px
}
.movie img:hover{
	cursor:pointer;
	transform:scale(.9);
	transition:transform 0.3s
}
.movie h2,.card-title{
	color:#ccc;
	text-align:center;
	font-size:15px;
	font-weight:600;
	padding-top:5px;
	margin:0 auto;
	width:150px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.movie p,.card-date{
	font-size:15px;
	margin:3px 5px;
	color:#d4ccb3
}
.vote{
	position:absolute;
	font-size:14px;
	color:#ddd;
	margin:0;
	padding:2px 4px 2px 0;
	background:#00000069
}
.footer{
	border-top:1px solid #444;
	padding:20px 8px;
	margin-top:20px;
	text-align:center
}
.footer_wrapper{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	justify-content:center
}
.text-capitalize{
	text-transform:capitalize;
	font-size:14px;
	color:#999
}
.bx-load{
	position:absolute;
	top:54%;
	left:50%;
	transform: translate(-50%,-50%)
}
.load12{
	margin:0 auto;
	width:40px;
	height:40px;
	border-radius:50%;
	border-top:3px solid #bbb;
	border-right:3px solid transparent;
	border-left:3px solid #bbb;
	animation:rotation 1s linear infinite;
	display:none
}
@keyframes rotation{
	0%{
		transform:rotate(0deg)
}
	100%{
		transform:rotate(360deg)
}
}
@keyframes FadeIn{
	from{
		opacity:0
}
	to{
		opacity:1
}
}
.disnon,.menuz,.dsz{
	display:none
}
.button1:hover{
	color:#cece9a
}
a:-webkit-any-link{
	text-decoration:none
}
.moviez{
	display:inline-flex;
	width:100%;
	min-height:360px;
	position:relative;
	align-items:center;
	flex-direction:column
}
.moviez img{
	z-index:-1;
	max-width:900px;
	width:100%;
	height:360px
}
.moviez2{
	display:flex;
	position:absolute;
	z-index:1;
	max-width:900px;
	min-height:360px;
	width:100%;
	background-image:linear-gradient(to left,transparent,#1e262e 70%);
	flex-direction:column;
	justify-content:center
}
.moviez2 h2{
	color:#ccc;
	font-size:20px;
	font-weight:600;
	margin:0 10px;
	padding:5px
}
.moviez2 p{
	font-size:15px;
	padding:2px 5px;
	margin:0 10px;
	color:#d4ccb3;
	max-width:430px;
	width:90%
}
.moviez2 h4{
	font-size:15px;
	padding:3px 5px;
	margin:10px;
	color:#ccc;
	max-width:430px;
	max-height:80px;
	font-weight:400;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical
}
.bx-btn{
	margin-top:5px;
	margin-left:1px;
}
.tindax{
	background:#333;
	padding:4px 8px;
	border:1px solid #888;
	color:#ddd;
	border-radius:2px;
	font-size:15px;
	margin-right:20px;
	display:inline-flex;
	align-items:center
}
.take{
	color:#cfb873;
	position:relative
}
.tindax:hover{
	background:#555
}
.tindax2{
	background:#333;
	padding:4px 8px;
	margin-top:4px;
	border:1px solid #888;
	color:#ccc;
	border-radius:2px;
	font-size:15px;
	animation:opac 2s linear forwards;
	display:none
}
.usrimg{
	position:relative;
	top:5px
}
@keyframes opac{
	0%{
		opacity:0
}
	99%{
		opacity:0
}
	100%{
		opacity:1
}
}
@media screen and (max-width:1600px){
	.topnav{
		position:absolute;
		text-align:center;
		padding:2px 6px;
		right:6px;
		top:8px
}
	.button1{
		background:transparent;
		font-size:15px;
		color:#ccc;
		border-width:1px;
		border-color:#bbb;
		padding-left:7px;
		padding-right:8px;
		border-top:none;
		border-left:none;
		border-bottom:none;
		border-right-color:#a1a1a1
}
}
@media screen and (max-width: 600px){
	.moviez2{
		min-height:300px
}
	.jumbo-hero{
		min-height:110px
}
	.jumbo-hero .hero-inner{
		top:20px
}
	.dsc1{
		font-size:17px
}
	.topnav{
		display:none;
		text-align:center;
		background:#222;
		right:0;
		left:0;
		top:49px;
		z-index:2;
		padding:15px 0;
		position:absolute
}
	.menuz{
		position:relative;
		top:-2px;
		font-size:22px;
		margin-right:10px;
		color:#ddd;
		display:block
}
	.moviez img{
		height:240px
}
	.button1{
		margin-bottom:5px
}
	.bx-load{
		top:38%;
	}
}
.bx1{
	margin:10px auto;
	padding:10px;
	background:#939393;
	width:fit-content;
	border-radius:3px
}
.disblock{
	display:block
}
@keyframes zoomIn{
	0%{
		opacity:.1;
		transform:scale(.99);
	}
	100%{
		opacity:.6;
		transform:scale(1);
	}
}