@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Righteous');

body, html {font-family: 'Open Sans', sans-serif; margin:0; padding:0; height:100%; -webkit-text-size-adjust: 100%; background-color: #ffffff; color: #333; scroll-behavior: smooth; font-weight:400; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;border: 0;outline: 0;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline; display:inline; font-weight: inherit;}

.header {background-color:#222; float:left; width: 100%; border: solid 0px #c00000; position:fixed; padding:15px 20px 0px 20px; z-index:9999; border-bottom:5px solid #fff;}
	.header_logo{border:0px solid #000; float:left; font-family: 'Righteous', sans-serif; font-weight:400; font-size:30px; line-height:35px;}
		.header_logo a { text-decoration:none; float:left;}
		.header_logo a > span:nth-child(1) {color:#ffcb1a;}
		.header_logo a > span:nth-child(2) {color:#fff;}
		.header_logo a > span:nth-child(3) {font-size:28px; line-height:28px; color:#777;}
		.header_logo i{float:left; color:#666; font-size:18px; font-style:normal; background-color:#ddd; line-height:0; margin:22px 0 0 15px; font-family: 'Open Sans', sans-serif;}
	.header_search {border:0px solid #000; float:right; margin-top:0px;}
		.header_search input{border:1px solid #666; float:right; background-color:#666; padding:5px 15px; font-size:16px; height:35px;}
		.header_search span{border:0px solid #e7e7e7; float:right; background-color:#ffcb1a; padding:0px 15px; font-size:14px; color:#333; text-align:center; height:35px; line-height:35px; font-weight:bold; margin-left: 15px;}
		.header_search span:hover{background-color:#fff;}
	.header_menu {border:0px solid #fff; float:left; margin:15px 0px 0 -20px; width:calc(100% + 40px); padding:15px 20px; background: #444;}
		.header_menu a{ float:left; padding:5px 15px; background-color:#fff; margin-right:15px; text-decoration:none; color:#333; font-size:18px;}
		.header_menu a:hover{background-color:#ffcb1a;}
		.header_menu a.active{background-color:#ffcb1a;}
		.header_menu a.admin{background-color:#666; padding: 5px 5px;}
            .header_menu a.admin img {height: 23px; display: block;}
        .header_menu select{border:0px solid #e7e7e7; background-color:#666; padding:7px 45px 7px 10px; font-size:16px; float:right; color:#bbb; margin-left:15px;}
		.header_menu span{border:0px solid #fff; display:block; text-align:center;}
			.header_menu span a{ color:#ffcb1a; padding:0; margin:0; background-color:inherit; float:none;	font-size:16px; line-height:34px;}
			.header_menu span a:hover{ background-color:inherit; text-decoration:underline;}
			.header_menu span a img{ width:14px;}

	.fullhome {border:0px solid #b00000; float:left; width:100%; height:100%; position:relative; background-color:#222;}
	.header_logo.home {border:0px solid #b00000; float:none; width:220px; height:34px; position:absolute; left:calc(50% - 110px); top:calc(50% - 17px); text-align:center;}
			
.pagewrap {width:100%; float:left; border: solid 0px #000; padding:139px 0px 20px 0px; position:relative;}

/*.footer {border:0px solid #000; float:left; width:100%; padding:15px 15px 20px 15px; text-align:center; background-color:#222; color:#fff; font-size:13px; margin-top:10px; position:fixed; bottom:0; border-top:0px solid #fff; z-index:99;}*/
.footer {border:0px solid #000; float:left; width:100%; padding:15px 15px 20px 15px; text-align:center; background-color:#222; color:#fff; font-size:13px; margin-top:0px; border-top:0px solid #fff; z-index: 999; position:relative;}
	.footer a{ color:#fff;}
	.footer span{float: left; width: 100%; margin-top: 10px;  text-align: justify;}
	
.header, .header_logo, .header_search, .header_search input, .header_search span, .header_menu, .header_menu a, .header_menu select, .pagewrap, .footer, .header_menu a.admin
{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*------------------------------------*\   Home    \*------------------------------------*/

.thumbs {border:0px solid #000; float:left; width:calc(100% - 20px); display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin:0 0 0 10px; }
	.thumbsbox {border: 10px solid #fff;float: left;width: 10%; transition: 100ms ease-in-out; position:relative; overflow:hidden;}
	.thumbsbox:hover {border: 12px solid #fff;}
		.thumbsbox_img {border: 0px solid #ddd;float: left;width: 100%; padding-bottom: 150%; background-position:center; background-size:cover; height: 0; transition: 300ms ease-in-out; position:relative; image-rendering: -webkit-optimize-contrast;}
		
.tooltipbox{position: absolute;opacity: 0;-o-transition: opacity .2s ease-in-out;-ms-transition: opacity .2s ease-in-out;-moz-transition: opacity .2s ease-in-out;-webkit-transition: opacity .2s ease-in-out;transition: opacity .2s ease-in-out; bottom:0; left:0; width:100%; background-color:#666; padding:5px 10px; color:#fff; font-size:14px;}
.tooltipbox i{ font-style:normal; color:#999;}
.thumbsbox:hover .tooltipbox{opacity: 1;}

.delete{position: absolute;text-align: center;top: 5px;right: 5px; z-index: 999; background-color:#cc0000; padding: 5px;}
.config{position: absolute;text-align: center;top: 5px;left: 5px; z-index: 999; background-color:#0076CC; padding: 5px;}
.config2 {float: right; text-align: center;background-color:#0076CC; padding: 5px;}

.delete img, .config img, .config2 img {height: 23px; display: block;}


.pagewrap h1 {float: left; width: 100%; background-color: #fff; padding: 0 20px; font-family: 'Righteous', sans-serif; font-weight:400; font-size:24px; color:#444; margin: 5px 0px 10px 0px;}

.thumbsbox, .thumbsbox_img, .tooltipbox, .delete, .config, .pagewrap h1, .config2
{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*------------------------------------*\   Detalle    \*------------------------------------*/

.detail_background2 {border:0px solid #fff; position:fixed; top:-5%; left:-5%; width:110%; height:110%; background-size:cover;  z-index:1;  *opacity: 0.8;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: blur(20px);}
.detail_background2 {animation: fadein 1s;-moz-animation: fadein 1s; /* Firefox */-webkit-animation: fadein 1s; /* Safari and Chrome */-o-animation: fadein 1s; /* Opera */}
@keyframes fadein {from {opacity:0;}to {opacity:1;}}
@-moz-keyframes fadein { /* Firefox */from {opacity:0;} to {opacity:1;}}
@-webkit-keyframes fadein { /* Safari and Chrome */ from {opacity:0;} to {opacity:1;}}
@-o-keyframes fadein { /* Opera */ from {opacity:0;} to {opacity: 1;}}

.detail {border:0px solid #b00000; float:left; width:100%; padding:149px 20px 20px 20px; z-index:12; position:relative;}
	.detail_in {border:0px solid #b00000; margin:0 auto; width:1000px; padding:20px 20px; background-color:#fff;}

	.detail p {border:0px solid #b00000; float:left; width:100%; font-size: 16px; line-height: 26px; margin-bottom: 20px;}
    .detail p::first-letter {text-transform: uppercase;}

	.detail_cover {border:0px solid #000; float:left; width:35%; margin-bottom:20px;}
		.detail_cover img{width:100%; margin-bottom: 20px;}
		.detail_cover i{ float:left; width:100%; margin-top:20px;}
			.detail_cover i img{width:50%;}

        .detail_cover span{border:0px solid #fff; float:left; width:100%; font-size: 16px; line-height: 26px; margin-bottom:5px;}
            .detail_cover span a{ text-decoration:none; color:#fff; background-color:#aaa; margin-right:5px; padding:0 5px; transition: 300ms ease-in-out;}
            .detail_cover span a:hover{background-color:#666;}
            .detail_cover span b{ margin-right:5px;}
		
	.detail_content {border:0px solid #000; float:left; width:65%; padding:0 0px 10px 20px;}
		.detail_content_title {border:0px solid #000; float:left; width:100%; font-family: 'Righteous', sans-serif; font-weight:400; font-size:30px; color:#444; margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:10px;}
			.detail_content_title i{font-size:24px; color:#ccc; font-style:normal; font-weight:300;}
		.detail_content_subtitle {border:0px solid #000; float:left; width:100%; font-family: 'Righteous', sans-serif; font-weight:300; font-size:24px; color:#444; margin-bottom:15px; background-color:#eee; padding:2px 10px;}
			.detail_content_subtitle a{border:0px solid #000; float:right; font-weight:bold; background-color:#aaa; padding:0 7px; font-size:14px; margin-top:8px; color:#fff; text-decoration:none; transition: 300ms ease-in-out; cursor:pointer;}
			.detail_content_subtitle a:hover{background-color:#666;}
			.detail_content_subtitle.dvd, .detail_content_subtitle.screen { margin-top:10px;}
		.detail_content_rating {border:0px solid #000; float:right; font-size:20px; background: url(../img/icons/star64on.png) no-repeat; background-size:24px; background-position:30px 9px; padding-right:30px; line-height:45px;}
	
		.detail_info {border:0px solid #000; float:left; width:100%; margin-bottom:10px;}
			.detail_info span{border:0px solid #fff; float:left; width:100%; font-size: 16px; line-height: 26px; margin-bottom:5px;}
				.detail_info span a{ text-decoration:none; color:#fff; background-color:#aaa; margin-right:5px; padding:0 5px; transition: 300ms ease-in-out;}
				.detail_info span a:hover{background-color:#666;}
				.detail_info span b{ margin-right:5px;}
			.detail_info .justify{ text-align:justify; margin-bottom: 20px;}

		.detail_torrents {border:0px solid #000; float:left; width:100%;}
			.detail_torrents span{border:0px solid #000; float:left; font-size: 16px; line-height: 26px; margin-bottom:8px; /*clear:both;*/ width:100%; color:#666;}
				.detail_torrents span img{ float:left; margin:5px 10px 0 0; width:16px;}
				/*.detail_torrents span img{ float:left; margin:0px 10px 0 0; width:26px; background-color:#f1f1f1;}*/
				.detail_torrents span a{ text-decoration:none; color:#009966; background-color:inherit; padding:0;}
				.detail_torrents span a:hover{text-decoration: underline; background-color:inherit;}
				.detail_torrents span b{ margin:0; word-break: break-all;}
				.detail_torrents span i{ font-style:normal; color:#ccc; margin-left:10px; text-transform:uppercase; font-size:15px;}
				
				.detail_torrents span i:last-child{width:25%; color:#999;}

		.detail_torrents span.season{ text-transform:uppercase; color:#666; cursor:pointer; width:auto; border-right:1px solid #ddd; margin-right:10px; padding-right:10px;}
			.detail_torrents span.season a{color:#555; font-weight:bold;}
		.detail_content_season {border:0px solid #000; float:left; width:100%; background-color:#f9f9f9; padding:10px 10px 2px 10px; margin-bottom:8px;}
				
	.trailer{border:0px solid #fff; float:left; width:100%; padding-top: 56.25%; position: relative; margin:0px 0 20px 0;}
		.trailer iframe {height: 100%;left: 0;position: absolute;top: 0;width: 100%;}

.others {border:0px solid #b00000; float:left; width:100%; background-color:#fff; padding:10px 0px 20px 0px; z-index:12; position:relative;}
.others .detail_content_title { width:calc(100% - 40px); margin:0 0 10px 20px;}

.screenshots {float:left; width:100%; margin-bottom: 20px;}
.screenshots img {float: left; width: 25%; border: 5px solid #fff;cursor: pointer;transition: transform 0.2s;}
.screenshots img:hover {transform: scale(1.05);}
.lightbox {display: none;position: fixed;z-index: 99999;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);justify-content: center;align-items: center;flex-direction: column;}
.lightbox img {max-width: 90%;max-height: 80%;box-shadow: 0 0 20px #000;}
.lightbox .controls {margin-top: 10px;}
.lightbox button {background: #fff;border: none;padding: 8px 16px;margin: 0 10px;cursor: pointer;font-weight: bold;}

.download {width:100%;float: left;background-color: #ffcb1a;padding: 15px 15px;font-size: 18px;color: #333;text-align: center;font-weight: bold;border-radius: 5px;}
a.download{color: #000; text-decoration: none;}

.desc_main {float:left; width:100%; font-size: 16px; line-height: 26px; margin-bottom:20px; text-align: justify;}
.desc_main a{color: #000;}
.title_cats {float:left; width:100%; font-family: 'Righteous', sans-serif; font-weight:400; font-size:30px; color:#444; margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:10px;}

.detail, .detail_in, .detail_cover, .detail_content, .detail_torrents span img, .detail_content_subtitle, .detail_content_season, .others, .download, .screenshots img, .detail_cover span a
{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*------------------------------------*\   pagination    \*------------------------------------*/
	
.pagination {border: solid 0px #b00000; float:left; width:100%; text-align:center; background-color:#fff; color:#444; padding:6px 15px; margin:5px 0 5px 0; font-size:18px;}
.pagination a {text-decoration:none; margin:0px 4px; border: solid 0px #666; padding:5px 15px; background-color:#444; color:#ddd; line-height:42px; word-wrap: break-word;}
.pagination a:hover {background-color:#ffcb1a; color:#fff;}
.pagination_prev, .pagination_next {color:#555;}
.pagination_prev a, .pagination_next a {color:#555; text-decoration:none; }
.pagination_act a {color:#555; text-decoration:none; background-color:#ffcb1a; border: solid 0px #ffcb1a;}

.pagination, .pagination a, .pagination_prev a, .pagination_next a, .pagination_act a
{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*------------------------------------*\   admin    \*------------------------------------*/

.tabs {display: flex;gap: 5px;margin-bottom: 15px;}
.tab {padding: 8px 12px;border: 1px solid #ccc;cursor: pointer;background-color: #f9f9f9;}
.tab.active {background-color: #e0e0e0;}
.tab-content {display: none;}
.tab-content.active {display: block;}
.tab-content input[type="text"], .tab-content textarea {width: 100%;box-sizing: border-box;margin-bottom: 10px;padding: 8px;border: 1px solid #ccc; font-family: 'Open Sans', sans-serif; font-size: 16px;}
.tab-content2 input[type="text"], .tab-content2 textarea {width: 100%;box-sizing: border-box;margin-bottom: 10px;padding: 8px;border: 1px solid #ccc; font-family: 'Open Sans', sans-serif; font-size: 16px;}
.tab-content2 select {width: 100%;box-sizing: border-box;margin-bottom: 10px;padding: 8px;border: 1px solid #ccc; font-family: 'Open Sans', sans-serif; font-size: 16px;}
.tab-content textarea {height: 200px;}
.tab-content a {width:4%; float: right; height: 40px; background-color: #2855BD;}

.save_admin {border: 0px solid #e7e7e7;float: left;background-color: #ffcb1a;font-size: 14px;color: #333;text-align: center;line-height: 35px;font-weight: bold;}
.save_admin a{text-decoration: none;color: #000; height: 35px; padding: 0 15px;}
.pendiente_admin { width: 100%; background-color: #f5f5f5;}
.pendiente_admin a{ float: right; background-color: #2855BD!important; height: 25px; width: 50px;}

.deepl {width: 5%; float: right; background-color:#345CC7; height: 35px; text-align: center; color: #fff; text-decoration: none; font-weight: bold; line-height: 35px;}

.tab, .tab-content input[type="text"], .tab-content textarea, .save_admin, .tab-content2 input[type="text"], .tab-content2 textarea
{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*--------------------------------------------------------------* border radius \*--------------------------------------------------------------*/

.header_search span, .header_menu a, .header_search input, .detail_info span a, .pagination a {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.header_menu select {border-radius: 3px 0px 0px 3px;-moz-border-radius: 3px 0px 0px 3px;-webkit-border-radius: 3px 0px 0px 3px;}

/*--------------------------------------------------------------* moviesbox \*--------------------------------------------------------------*/
@media screen and (max-width: 1800px) {.moviesbox {width:11.111%;}}
@media screen and (max-width: 1600px) {.moviesbox {width:14.285%;}}
@media screen and (max-width: 1400px) {.moviesbox {width:20%;}}
@media screen and (max-width: 1000px) {.moviesbox {width:25%;}}
@media screen and (max-width: 700px) {.moviesbox {width:33.333%;}}
@media screen and (max-width: 480px) {.moviesbox {width:50%;}}

/*--------------------------------------------------------------* para 1400px o menos \*--------------------------------------------------------------*/
@media screen and (max-width: 1400px) {

.detail_in { float:left; width:100%; padding:10px 20px 20px 20px;}

}

/*--------------------------------------------------------------* para 1000px o menos \*--------------------------------------------------------------*/
@media screen and (max-width: 1000px) {
	
#res1 {display:none;}
#res2 {display:block;}

.header {padding:10px 20px;}
.header_logo{border:0px solid #000; float:none; font-size:32px; line-height:29px;}
	.header_logo a > span:nth-child(3) {font-size:22px; line-height:22px; color:#777;}
.header_search {display:none;}
.header_menu {display:none;}

.header_logo i{ display:none;}

.pagewrap {padding:55px 0px 20px 0px;}
.detail {padding:72px 20px 20px 20px;}

.detail_cover {width:100%; margin-bottom:20px;}
.detail_content {width:100%; padding:0 0px 0 0px;}

.header_logo.home {width:180px;left:calc(50% - 90px);}

}

/*--------------------------------------------------------------* para 700px o menos \*--------------------------------------------------------------*/
@media screen and (max-width: 700px) {

#res1 {display:none;}
#res2 {display:none;}
#res3 {display:block;}

.detail_info .justify{}
.thumbsbox {width: 50%;}
.screenshots img {width: 50%;}


}

/*--------------------------------------------------------------* para 480px o menos \*--------------------------------------------------------------*/
@media screen and (max-width: 480px) {

#res1 {display:none;}
#res2 {display:none;}
#res3 {display:none;}
#res4 {display:block;}

}

/*--------------------------------------------------------------* para 320px o menos \*--------------------------------------------------------------*/
@media screen and (max-width: 320px) {
	
#res1 {display:none;}
#res2 {display:none;}
#res3 {display:none;}
#res4 {display:none;}
#res5 {display:block;}

}

/*--------------------------------------------------------------* para 1650px o menos \*--------------------------------------------------------------*/
@media screen and (max-width: 1150px) {

}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
a, button {outline: 0 none;}
input{color:#777;}
input[placeholder], [placeholder], *[placeholder] {color:#bbb;}
select{color:#777;}
p { margin:0; padding:0;}
br { margin-bottom:10px;}
.mb0 {margin-bottom: 0px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mt0 {margin-top: 0px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}

select {-webkit-appearance: none;-moz-appearance: none;appearance: none;text-indent: 1px;text-overflow: '';background: url(../img/icons/triangle_select2.png) no-repeat right center; background-size: contain;}
select::-ms-expand {display: none;}