/******************************************************************
  Description: Manuales y Software de Mecánica Automotriz
  Author: Hades
  Version: 1.0
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Banner Section
6.  Product Section
7.  Intagram Section
8.  Latest Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Mulish", sans-serif;
	-webkit-font-smoothing: antialiased;
	background: #0b0c2a;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Mulish", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 15px;
	font-family: "Mulish", sans-serif;
	color: #3d3d3d;
	font-weight: 400;
	line-height: 25px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 30px;
}

.section-title h4,
.section-title h5 {
	color: #ff5e00;  /*---------------------PARA LOS TITULOS-----------------------*/
	font-weight: 600;
	line-height: 21px;
	text-transform: uppercase;
	padding-left: 20px;
	position: relative;
	font-family: "Oswald", sans-serif;
}

.section-title h4:after,
.section-title h5:after {
	position: absolute;
	left: 0;
	top: -6px;
	height: 32px;
	width: 4px;
	background: #e53637;
	content: "";
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 30px;
	padding-bottom: 30px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: #00f58f;			/*---------------------PARA VER TODO-----------------------*/
	letter-spacing: 2px;
}

.primary-btn span {
	font-size: 18px;
	margin-left: 5px;
	position: relative;
	top: 3px;
}

.site-btn {
	font-size: 13px;
	color: #ffffff;
	background: #e53637;
	font-weight: 700;
	border: none;
	border-radius: 2px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: inline-block;
	padding: 12px 30px;
}





/*JK*/

/*Social*/
@media only screen and (max-width: 1200px)  {
	li.active.social {display: none;}
	}
	
	@media only screen and (min-width: 1200px)  {
		li.active.social i {
		font-size: 37px;
	}
	
	li.active.social a {
		padding: 7px 0px;
	}
	
	
	li.active.social {
		width: 50px;
		float: right;
		margin-left: 5px;
		margin-right: 10px;
	}
	
	}
	
	/*Random btn*/
	.random {
		margin-bottom: 14px;
		text-align: right;
		margin-top: -25px;
		position: absolute;
		right: 6px;
		top: 35px;
		z-index: 5;
	}
	
	.random a {
		background: #35a9e2;
		text-align: center;
		width: 36px;
		display: inline-block;
		color: #fff;
		border-radius: 16px;
		padding: 8px 9px;
	}
	.random a:hover {
		background: #ff9d00;
	}



	

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

.spacial-controls {
	position: fixed;
	width: 111px;
	height: 91px;
	top: 0;
	right: 0;
	z-index: 999;
}

.spacial-controls .search-switch {
	display: block;
	height: 100%;
	padding-top: 30px;
	background: #323232;
	text-align: center;
	cursor: pointer;
}

.search-model {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	z-index: 99999;
}

.search-model-form {
	padding: 0 15px;
}

.search-model-form input {
	width: 500px;
	font-size: 40px;
	border: none;
	border-bottom: 2px solid #333;
	background: 0 0;
	color: #999;
}

.search-close-switch {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 28px;
	line-height: 28px;
	top: 30px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*---------------------
  Header
-----------------------*/

.header {
	background: #070720;
}

.header__logo {
	float: left;
	width: 75vw;
	max-width: 120px;
	min-width: 93;
	margin: auto;
	padding: 11px 0px 0px;
}

.header__logo a {
	display: inline-block;
}

.header__logo img {
	width: 100%;
	border-radius: 15px;
	box-shadow: 0px 3px 5px rgba(15, 15, 15, .5);
}

.header__menu {
	text-align: center;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	position: relative;
	margin-right: 16px;
}

.header__menu ul li.hover a {
	
	background: #00B9FF;
	color: #ffffff;
}

.header__menu ul li:hover a {
	color: #ffffff;
}

.header__menu ul li:hover .dropdown {
	top: 62px;
	opacity: 1;
	visibility: visible;
}

.header__menu ul li:hover .dropdown li a {
	background: transparent;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li .dropdown {
	position: absolute;
	left: 0;
	top: 82px;
	width: 150px;
	background: #ffffff;
	text-align: left;
	padding: 5px 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
	display: block;
	margin-right: 0;
}

.header__menu ul li .dropdown li a {
	font-size: 14px;
	color: #111111;
	font-weight: 500;
	padding: 5px 20px;
}

.header__menu ul li a {
	font-size: 15px;
	color: #b7b7b7;
	display: block;
	font-weight: 700;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
	padding: 20px;
}

.header__menu ul li a span {
	position: relative;
	font-size: 17px;
	top: 2px;
}

.header__right {
	text-align: right;
	padding: 20px 0 15px;
}

.header__right a {
	display: inline-block;
	font-size: 18px;
	color: #ffffff;
	margin-right: 30px;
	margin-top: 10px;
}

.header__right a:last-child {
	margin-right: 0;
}

.slicknav_menu {
	display: none;
}

/*---------------------
  Hero
-----------------------*/

.hero {
	padding-top: 50px;
}

.hero__items {
    padding: 250px 0 42px 50px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.hero__items::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0b0c2a; /* Color de fondo con transparencia (ajusta el alpha) */
    -webkit-mask: 
        /* Gradiente lineal para los lados (izquierda/derecha) */
        linear-gradient(to right, 
			#0b0c2a 50%, 
            transparent 15%, 
            transparent 85%, 
            #0b0c2a 50%
        ),
        /* Gradiente lineal para arriba/abajo */
        linear-gradient(to bottom, 
			#0b0c2a 50%, 
            transparent 30%, 
            transparent 70%, 
            #0b0c2a 50%
        ),
        /* Máscara base (blanco = visible, negro = oculto) */
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: destination-out; /* Chrome/Safari */
    mask-composite: exclude; /* Firefox */
    mask: 
        linear-gradient(to right, 
		#0b0c2a 0%, 
            transparent 15%, 
            transparent 85%, 
            #0b0c2a 100%
        ),
        linear-gradient(to bottom, 
			#0b0c2a 0%, 
            transparent 10%, 
            transparent 90%, 
            #0b0c2a 100%
        );
    pointer-events: none;
    z-index: 1;
}

.hero__text {
	position: relative;
	z-index: 9;
}

.hero__text .label {
	font-size: 13px;
	color: #e53637;
	background: #ffffff;
	padding: 5px 14px 3px;
	display: inline-block;
	position: relative;
	top: -100px;
	opacity: 0;
	-webkit-transition: all, 0.2s;
	-o-transition: all, 0.2s;
	transition: all, 0.2s;
}

.hero__text h2 {
	color: #ffffff;
	font-size: 42px;
	font-family: "Oswald", sans-serif;
	font-weight: 700;
	line-height: 52px;
	margin-top: 35px;
	margin-bottom: 8px;
	position: relative;
	top: -100px;
	opacity: 0;
	-webkit-transition: all, 0.4s;
	-o-transition: all, 0.4s;
	transition: all, 0.4s;
}

.hero__text p {
	color: #ffffff;
	font-size: 16px;
	margin-bottom: 40px;
	position: relative;
	top: -100px;
	opacity: 0;
	-webkit-transition: all, 0.6s;
	-o-transition: all, 0.6s;
	transition: all, 0.6s;
}

.hero__text a {
	position: relative;
	top: -100px;
	opacity: 0;
	-webkit-transition: all, 0.8s;
	-o-transition: all, 0.8s;
	transition: all, 0.8s;
}

.hero__text a span {
	font-size: 13px;
	color: #ffffff;
	background: #e53637;
	display: inline-block;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 14px 20px;
	border-radius: 4px 0 0 4px;
	margin-right: 1px;
}

.hero__text a i {
	font-size: 20px;
	display: inline-block;
	background: #e53637;
	padding: 11px 5px 16px 8px;
	color: #ffffff;
	border-radius: 0 4px 4px 0;
}

.hero__slider.owl-carousel .owl-item.active .hero__text .label {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__text h2 {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__text p {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__text a {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-dots {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	text-align: center;
}

.hero__slider.owl-carousel .owl-dots button {
	height: 8px;
	width: 8px;
	background: #b7b7b7;
	border-radius: 50%;
	margin-right: 10px;
}

.hero__slider.owl-carousel .owl-dots button.active {
	background: #ffffff;
}

.hero__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

.hero__slider.owl-carousel .owl-nav button {
	font-size: 36px;
	height: 66px;
	width: 66px;
	background: #0b0c2a;
	line-height: 66px;
	text-align: center;
	color: #ffffff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	z-index: 1;
	position: absolute;
	left: -33px;
	top: 50%;
	margin-top: -47px;
}

.hero__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -33px;
}

.hero__slider.owl-carousel .owl-nav button:after {
	position: absolute;
	top: 6px;
	left: 0;
	right: 0;
	height: 54px;
	width: 54px;
	background: rgba(255, 255, 255, 0.1);
	content: "";
	z-index: -1;
	margin: 0 auto;
}

.hero__slider.owl-carousel .owl-nav button span {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: block;
	z-index: 1;
}

/*---------------------
  Product
-----------------------*/


.product-page {
	padding-top: 60px;
}

.btn__all {
	text-align: right;
	margin-bottom: 30px;
}

.trending__product {
	margin-bottom: 50px;
}

.popular__product {
	margin-bottom: 50px;
}

.recent__product {
	margin-bottom: 50px;
}

.product__item {
	margin-bottom: 30px;
}

	
	  /* Contenedor de la imagen*/
	  
	  .product__item__pic {
		height: 255px;
		position: relative;
		border-radius: 10px;
	  }
	 


.product__item__pic .ep {
	font-size: 13px;
	color: #ffffff;
	background: #E31937;
	display: inline-block;
	padding: 2px 12px;
	border-radius: 4px;
	position: absolute;
	left: 10px;
	top: 10px;
}

.product__item__pic .comment {
	font-size: 13px;
	color: #ffffff;
	background: #2E7D32;
	display: inline-block;
	padding: 2px 10px;
	border-radius: 4px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 10;
}

.product__item__pic .view {
	font-size: 13px;
	color: hsl(114, 69%, 51%);
	background: #0d3013;
	display: inline-block;
	padding: 2px 10px;
	border-radius: 4px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.product__item__text {
	padding-top: 0px;
}

.product__item__text ul {
	margin-bottom: 10px;
}

.product__item__text ul li {
	list-style: none;
	font-size: 10px;
	color: #ffffff;
	font-weight: 700;
	padding: 1px 10px;
	background: rgba(255, 3, 3, 0.87);
	border-radius: 50px;
	display: inline-block;
	position: relative;
	left: 9px;
	top: 9px;
}






 











.product__item__text h5 a {
	position: relative;
	color: #00e0e0;
	font-weight: 700;
	line-height: 19px;
	font-size: 12px;
	top: 5px;
}

.product__sidebar .section-title h5 {
	color: #ffffff;
	font-weight: 600;
	font-family: "Oswald", sans-serif;
	line-height: 21px;
	text-transform: uppercase;
	padding-left: 20px;
	position: relative;
}

.product__sidebar .section-title h5:after {
	position: absolute;
	left: 0;
	top: -6px;
	height: 32px;
	width: 4px;
	background: #e53637;
	content: "";
}





.product__sidebar__view {
	position: relative;
	margin-bottom: 80px;
}

.product__sidebar__view .filter__controls {
	position: absolute;
	right: 0;
	top: -5px;
}

.product__sidebar__view .filter__controls li {
	list-style: none;
	font-size: 13px;
	color: #b7b7b7;
	display: inline-block;
	margin-right: 7px;
	cursor: pointer;
}

.product__sidebar__view .filter__controls li.active {
	color: #ffffff;
	font-weight: 700;
}

.product__sidebar__view .filter__controls li:last-child {
	margin-right: 0;
}

.product__sidebar__view__item {
	height: 190px;
	position: relative;
	border-radius: 5px;
	margin-bottom: 20px;
}

.product__sidebar__view__item .ep a p {
	font-size: 13px;
	color: #ffffff;
	background: #e53637;
	display: inline-block;
	padding: 2px 12px;
	border-radius: 4px;
	position: absolute;
	left: 10px;
	top: 10px;
	cursor: pointer;           /* Cursor de mano */
 	transition: background-color 0.3s ease; /* Transición suave */
}
/* Estilo del botón cuando el ratón pasa por encima */
.product__sidebar__view__item:hover .ep a p {
	background-color: #fb6400;  
}

.product__sidebar__view__item .view {
	font-size: 13px;
	color: #ff0000;
	background: #ffd900ec;
	display: inline-block;
	padding: 2px 10px;
	border-radius: 4px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.product__sidebar__view__item h5 {
	position: absolute;
	left: 0;
	bottom: 25px;
	width: 100%;
	padding: 0 30px 0 20px;
}

.product__sidebar__view__item h5 a {
	color: #ffffff;
	font-weight: 700;
	line-height: 26px;
}

.product__sidebar__comment {
	margin-bottom: 35px;
}

.product__sidebar__comment__item {
	margin-bottom: 20px;
	overflow: hidden;
}

.product__sidebar__comment__item__pic {
	float: left;
	margin-right: 15px;
}

.product__sidebar__comment__item__pic img {
border-radius: 6px;
}

.product__sidebar__comment__item__text {
	overflow: hidden;
}

.product__sidebar__comment__item__text ul {
	margin-bottom: 10px;
}

.product__sidebar__comment__item__text ul li {
	list-style: none;
	font-size: 10px;
	color: #f700ff;
	font-weight: 700;
	padding: 1px 10px;
	background: rgb(94, 255, 0);
	border-radius: 50px;
	display: inline-block;
}

 /* Slider pequeño personalizado*/

.product__sidebar__comment__item__text ul li.link {
	background: rgb(232, 248, 9);
	color: #ff0000; /* Color inicial del texto */
	transition: color 0.3s ease; /* Suaviza el cambio de color */
  }

  /* Cambiar color al hacer hover */
.product__sidebar__comment__item__text ul li.link:hover {
	color: #2c00f1; /* Texto blanco */
	background-color: #07fe07; /* Fondo naranja */
  }

.product__sidebar__comment__item__text h5 {
	margin-bottom: 10px;
}

.product__sidebar__comment__item__text h5 a p {
	color: #ffffff;
	font-weight: 700;
	line-height: 26px;
}


.product__sidebar__comment__item__text span {
	display: block;
	font-size: 13px;
	color: #c01b1b;
}

.product__page__title {
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.product__page__title .section-title {
	margin-bottom: 0;
}

.product__page__title .product__page__filter {
	text-align: right;
}

.product__page__title .product__page__filter p {
	color: #ffffff;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 16px;
}

.product__page__title .product__page__filter .nice-select {
	float: none;
	display: inline-block;
	font-size: 15px;
	color: #3d3d3d;
	font-weight: 700;
	border-radius: 0;
	padding-left: 15px;
	padding-right: 40px;
	height: 32px;
	line-height: 32px;
}

.product__page__title .product__page__filter .nice-select:after {
	border-bottom: 2px solid #111;
	border-right: 2px solid #111;
	height: 8px;
	top: 47%;
	width: 8px;
	right: 15px;
}

.product__page__title .product__page__filter .nice-select .list {
	margin-top: 0;
	border-radius: 0;
}

.product__pagination {
	padding-top: 0px;
}


/*Boton Pagination*/

.product__pagination a {
	display: inline-block;
	font-size: 15px;
	color: #ffffff;
	font-weight: 600;
	width: 67px;
	height: 40px;
	border: 1px solid transparent;
	border-radius: 12px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	background: #fa0101;
	margin: 3px 0px;
	font-size: 12px;
}

.product__pagination a:hover {
	color: #ffffff;
	background: #01d9ff;
}

.product__pagination a.current-page {
	border: 1px solid #ffffff;
}

.product__pagination a i {
	color: #b7b7b7;
	font-size: 15px;
}

/*---------------------
  Anime Details
-----------------------*/

.anime-details {
	padding-top: 60px;
}

.anime__details__content {
	margin-bottom: 65px;
}

.anime__details__text {
	position: relative;
}

.anime__details__text p {
	color: #b7b7b7;
	font-size: 18px;
	line-height: 30px;
}

.anime__details__pic {
	height: 440px;
	border-radius: 5px;
	position: relative;
}

.anime__details__pic .comment {
	font-size: 13px;
	color: #ffffff;
	background: #3d3d3d;
	display: inline-block;
	padding: 2px 10px;
	border-radius: 4px;
	position: absolute;
	left: 10px;
	bottom: 25px;
}

.anime__details__pic .view {
	font-size: 13px;
	color: #ffffff;
	background: #3d3d3d;
	display: inline-block;
	padding: 2px 10px;
	border-radius: 4px;
	position: absolute;
	right: 10px;
	bottom: 25px;
}

.anime__details__title {
	margin-bottom: 20px;
}

.anime__details__title h3 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 13px;
}

.anime__details__title span {
	font-size: 15px;
	color: #20ff76;
	display: block;
}

.anime__details__rating {
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
}

.anime__details__rating .rating i {
	font-size: 24px;
	color: #ffffff;
	display: inline-block;
}

.anime__details__rating .stars {
	display: flex;
	align-items: center;
	gap: 25px;
}

.stars i{
color: #e89f12;
font-size: 24px;
cursor: pointer;
transition: color 0.2s ease;
}

.stars i.active {
	color: #ffee00;
  }


.anime__details__rating span {
	display: block;
	font-size: 15px;
	color: #00e1ff;
}

.anime__details__widget {
	margin-bottom: 15px;
}

.anime__details__widget ul {
	margin-bottom: 20px;
}

.anime__details__widget ul li {
	list-style: none;
	font-size: 15px;
	color: #ffffff;
	line-height: 30px;
	position: relative;
	padding-left: 18px;
}

.anime__details__widget ul li:before {
	position: absolute;
	left: 0;
	top: 12px;
	height: 6px;
	width: 6px;
	background: #b7b7b7;
	content: "";
}

.anime__details__widget ul li span {
	color: #b7b7b7;
	width: 200px;
	display: inline-block;
}

.anime__details__btn .follow-btn {
	font-size: 13px;
	color: #ffffff;
	background: #e53637;
	display: inline-block;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 14px 20px;
	border-radius: 4px;
	margin-right: 11px;
}

.anime__details__btn .watch-btn span {
	font-size: 13px;
	color: #ffffff;
	background: #e53637;
	display: inline-block;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 14px 20px;
	border-radius: 4px 0 0 4px;
	margin-right: 1px;
}

.anime__details__btn .watch-btn i {
	font-size: 20px;
	display: inline-block;
	background: #e53637;
	padding: 11px 5px 16px 8px;
	color: #ffffff;
	border-radius: 0 4px 4px 0;
}

.anime__details__review {
	margin-bottom: 55px;
}

.anime__review__item {
	overflow: hidden;
	margin-bottom: 15px;
}

.anime__review__item__pic {
	float: left;
	margin-right: 20px;
	position: relative;
}

.anime__review__item__pic:before {
	position: absolute;
	right: -30px;
	top: 15px;
	border-top: 15px solid transparent;
	border-left: 15px solid #1d1e39;
	content: "";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.anime__review__item__pic img {
	height: 50px;
	width: 50px;
	border-radius: 50%;
}

.anime__review__item__text {
	overflow: hidden;
	background: #1d1e39;
	padding: 18px 30px 16px 20px;
	border-radius: 10px;
}

.anime__review__item__text h6 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 10px;
}

.anime__review__item__text h6 span {
	color: #b7b7b7;
	font-weight: 400;
}

.anime__review__item__text p {
	color: #b7b7b7;
	line-height: 23px;
	margin-bottom: 0;
}


.anime__details__form form input {
	width: 100%;
	font-size: 15px;
	color: #b7b7b7;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: none;
	border-radius: 5px;
	resize: none;
	margin-bottom: 24px;
}


.anime__details__form form textarea {
	width: 100%;
	font-size: 15px;
	color: #b7b7b7;
	padding-left: 20px;
	padding-top: 12px;
	height: 110px;
	border: none;
	border-radius: 5px;
	resize: none;
	margin-bottom: 24px;
}

.anime__details__form form button {
	font-size: 11px;
	color: #ffffff;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	background: #e53637;
	border: none;
	padding: 10px 15px;
	border-radius: 2px;
}

/*---------------------
  Anime Watching
-----------------------*/

.anime__video__player {
	margin-bottom: 70px;
}

.anime__video__player .plyr--video {
	border-radius: 5px;
	background: transparent;
}

.anime__video__player .plyr audio,
.anime__video__player .plyr iframe,
.anime__video__player .plyr video {
	width: 102%;
}

.anime__video__player .plyr--full-ui.plyr--video .plyr__control--overlaid {
	display: block;
}

.anime__video__player .plyr--video .plyr__control.plyr__tab-focus,
.anime__video__player .plyr--video .plyr__control:hover,
.anime__video__player .plyr--video .plyr__control[aria-expanded=true] {
	background: transparent;
}

.anime__video__player .plyr--video .plyr__controls {
	background: transparent;
}

.anime__video__player .plyr--video .plyr__progress__buffer {
	color: transparent;
}

.anime__video__player .plyr--full-ui input[type=range] {
	color: #ffffff;
}

.anime__video__player .plyr__controls .plyr__controls__item.plyr__progress__container {
	position: absolute;
	left: 26px;
	bottom: 45px;
	width: calc(100% - 60px);
}

.anime__video__player .plyr__menu {
	margin-right: 70px;
}

.anime__video__player .plyr__controls .plyr__controls__item:first-child {
	position: absolute;
	left: 32px;
	bottom: 8px;
}

.anime__video__player .plyr__controls .plyr__controls__item:last-child {
	position: absolute;
	right: 32px;
	bottom: 8px;
}

.anime__video__player .plyr__volume {
	position: absolute;
	width: auto;
	left: 76px;
	bottom: 8px;
}

.anime__video__player .plyr__controls .plyr__controls__item.plyr__time {
	position: absolute;
	left: 106px;
	bottom: 12px;
}

.anime__video__player .plyr__control--overlaid {
	background: transparent;
	background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, transparent)));
}

.anime__video__player .plyr__control--overlaid svg {
	height: 60px;
	width: 50px;
}

.anime__details__episodes {
	margin-bottom: 35px;
}

.anime__details__episodes a {
	display: inline-block;
	font-size: 15px;
	color: #ffffff;
	background: rgba(255, 255, 255, 0.2);
	padding: 10px 20px;
	border-radius: 4px;
	margin-right: 15px;
	margin-bottom: 20px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.anime__details__episodes a:hover {
	color: #000000;
	background: #ffffff;
}

/*---------------------
  Watching Venta
-----------------------*/

.iframe-container{
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; 
	height: 0;
	border-radius: 10px;
	overflow: hidden;
	z-index: 1;
  }
  .iframe-container iframe{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
  }

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
	padding-top: 35px;
}

.breadcrumb__links a {
	font-size: 15px;
	color: #ffffff;
	margin-right: 18px;
	display: inline-block;
	position: relative;
}

.breadcrumb__links a i {
	margin-right: 5px;
	color: #e53637;
}

.breadcrumb__links a:after {
	position: absolute;
	right: -14px;
	top: 0;
	content: "";
	font-family: "FontAwesome";
}

.breadcrumb__links span {
	font-size: 15px;
	color: #b7b7b7;
	display: inline-block;
}

/*---------------------
    Normal Breadcrumb
-----------------------*/

.normal-breadcrumb {
	height: 300px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.normal__breadcrumb__text h2 {
	color: #ffffff;
	font-size: 48px;
	font-family: "Oswald", sans-serif;
	font-weight: 700;
	margin-bottom: 22px;
}

.normal__breadcrumb__text p {
	color: #00eeff;
	font-size: 24px;
	margin-bottom: 0;
}

/*---------------------
    Blog
-----------------------*/

.blog {
	padding-top: 70px;
	padding-bottom: 90px;
}

.blog__item {
	height: 580px;
	position: relative;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
}

.blog__item.small__item {
	height: 285px;
}

.blog__item.small__item .blog__item__text {
	padding: 0 30px;
}

.blog__item.small__item .blog__item__text p {
	margin-bottom: 5px;
}

.blog__item.small__item .blog__item__text h4 a {
	font-size: 20px;
	line-height: 30px;
}

.blog__item__text {
	position: absolute;
	left: 0;
	bottom: 25px;
	text-align: center;
	width: 100%;
	padding: 0 105px;
}

.blog__item__text p {
	color: #ffee00;
	margin-bottom: 12px;
}

.blog__item__text p span {
	color: #e53637;
	margin-right: 5px;
}

.blog__item__text h4 a {
	color: #ff006a;
	line-height: 34px;
}

/*---------------------
  Blog Details
-----------------------*/

.blog-details {
	padding-top: 70px;
}

.blog__details__title {
	text-align: center;
	margin-bottom: 70px;
}

.blog__details__title h6 {
	font-size: 15px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.blog__details__title h6 span {
	color: #b7b7b7;
	font-weight: 400;
	text-transform: none;
}

.blog__details__title h2 {
	color: #ffffff;
	font-size: 48px;
	font-weight: 700;
	line-height: 60px;
	margin-bottom: 38px;
}

.blog__details__title .blog__details__social a {
	display: inline-block;
	font-size: 15px;
	color: #ffffff;
	padding: 16px 35px 14px 20px;
	border-radius: 2px;
	margin-right: 6px;
}

.blog__details__title .blog__details__social a:last-child {
	margin-right: 0;
}

.blog__details__title .blog__details__social a.home {
	background: #ff3300;
}

.blog__details__title .blog__details__social a.facebook {
	background: #3b5998;
}

.blog__details__title .blog__details__social a.instagram {
	background: #ff00c8;
}

.blog__details__title .blog__details__social a.twitter {
	background: #39a1f2;
}

.blog__details__title .blog__details__social a i {
	margin-right: 6px;
}

.blog__details__pic {
	margin-bottom: 30px;
}

.blog__details__pic img {
	min-width: 100%;
}

.blog__details__text {
	margin-bottom: 40px;
}

.blog__details__text p {
	color: #ffffff;
	font-size: 17px;
	line-height: 30px;
}

.blog__details__item__text {
	margin-bottom: 42px;
}

.blog__details__item__text h4 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 35px;
}

.blog__details__item__text img {
	min-width: 100%;
	margin-bottom: 26px;
}

.blog__details__item__text p {
	color: #ffffff;
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 0;
}

.blog__details__tags {
	margin-bottom: 60px;
}

.blog__details__tags a {
	display: inline-block;
	color: #b7b7b7;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 2px;
	margin-right: 6px;
	padding: 6px 15px;
	margin-bottom: 10px;
}

.blog__details__tags a:last-child {
	margin-right: 0;
}

.blog__details__btns {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 20px 0 15px;
	margin-bottom: 65px;
}

.blog__details__btns__item {
	margin-bottom: 20px;
}

.blog__details__btns__item.next__btn {
	text-align: right;
}

.blog__details__btns__item h5 a {
	font-size: 17px;
	letter-spacing: 2px;
	color: #ffffff;
}

.blog__details__btns__item h5 a span {
	font-size: 30px;
	color: #b7b7b7;
	position: relative;
	top: 8px;
}

.blog__details__comment {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 30px;
}

.blog__details__comment h4 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 26px;
}

.blog__details__comment__item {
	margin-bottom: 40px;
	overflow: hidden;
}

.blog__details__comment__item.blog__details__comment__item--reply {
	padding-left: 112px;
}

.blog__details__comment__item__pic {
	float: left;
	margin-right: 40px;
}

.blog__details__comment__item__text {
	overflow: hidden;
}

.blog__details__comment__item__text span {
	font-size: 14px;
	color: #b7b7b7;
	display: block;
	margin-bottom: 10px;
}

.blog__details__comment__item__text h5 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 10px;
}

.blog__details__comment__item__text p {
	color: #b7b7b7;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 25px;
}

.blog__details__comment__item__text a {
	display: inline-block;
	color: #ffffff;
	background: rgba(255, 255, 255, 0.1);
	padding: 6px 20px;
	letter-spacing: 2px;
	border-radius: 2px;
	margin-right: 14px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__details__comment__item__text a:hover {
	background: #e53637;
}

.blog__details__form {
	padding-top: 50px;
}

.blog__details__form h4 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 26px;
}

.blog__details__form form input {
	height: 50px;
	width: 100%;
	background: #ffffff;
	font-size: 15px;
	color: #a6a6a6;
	padding-left: 20px;
	border-radius: 2px;
	border: none;
	margin-bottom: 30px;
}

.blog__details__form form input::-webkit-input-placeholder {
	color: #a6a6a6;
}

.blog__details__form form input::-moz-placeholder {
	color: #a6a6a6;
}

.blog__details__form form input:-ms-input-placeholder {
	color: #a6a6a6;
}

.blog__details__form form input::-ms-input-placeholder {
	color: #a6a6a6;
}

.blog__details__form form input::placeholder {
	color: #a6a6a6;
}

.blog__details__form form textarea {
	height: 115px;
	width: 100%;
	background: #ffffff;
	font-size: 15px;
	color: #a6a6a6;
	padding-left: 20px;
	border-radius: 2px;
	padding-top: 12px;
	resize: none;
	border: none;
	margin-bottom: 34px;
}

.blog__details__form form textarea::-webkit-input-placeholder {
	color: #a6a6a6;
}

.blog__details__form form textarea::-moz-placeholder {
	color: #a6a6a6;
}

.blog__details__form form textarea:-ms-input-placeholder {
	color: #a6a6a6;
}

.blog__details__form form textarea::-ms-input-placeholder {
	color: #a6a6a6;
}

.blog__details__form form textarea::placeholder {
	color: #a6a6a6;
}

/*---------------------
  Login
-----------------------*/

.login {
	padding-top: 130px;
	padding-bottom: 120px;
}

.login__form {
	position: relative;
	padding-left: 145px;
}

.login__form:after {
	position: absolute;
	right: -14px;
	top: -40px;
	height: 330px;
	width: 1px;
	background: rgba(255, 255, 255, 0.2);
	content: "";
}

.login__form h3 {
	color: #ffffff;
	font-weight: 700;
	font-family: "Oswald", sans-serif;
	margin-bottom: 30px;
}

.login__form form .input__item {
	position: relative;
	width: 370px;
	margin-bottom: 20px;
}

.login__form form .input__item:before {
	position: absolute;
	left: 50px;
	top: 10px;
	height: 30px;
	width: 1px;
	background: #b7b7b7;
	content: "";
}

.login__form form .input__item input {
	height: 50px;
	width: 100%;
	font-size: 15px;
	color: #b7b7b7;
	background: #ffffff;
	border: none;
	padding-left: 76px;
}

.login__form form .input__item input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.login__form form .input__item input::-moz-placeholder {
	color: #b7b7b7;
}

.login__form form .input__item input:-ms-input-placeholder {
	color: #b7b7b7;
}

.login__form form .input__item input::-ms-input-placeholder {
	color: #b7b7b7;
}

.login__form form .input__item input::placeholder {
	color: #b7b7b7;
}

.login__form form .input__item span {
	color: #b7b7b7;
	font-size: 20px;
	position: absolute;
	left: 15px;
	top: 13px;
}

.login__form form button {
	border-radius: 0;
	margin-top: 10px;
}

.login__form .forget_pass {
	font-size: 15px;
	color: #ffffff;
	display: inline-block;
	position: absolute;
	right: 60px;
	bottom: 12px;
}

.login__register {
	padding-left: 30px;
}

.login__register h3 {
	color: #ffffff;
	font-weight: 700;
	font-family: "Oswald", sans-serif;
	margin-bottom: 30px;
}

.login__register .primary-btn {
	background: #e53637;
	padding: 12px 42px;
}

.login__social {
	padding-top: 52px;
}

.login__social__links {
	text-align: center;
}

.login__social__links span {
	color: #ffffff;
	display: block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.login__social__links ul li {
	list-style: none;
	margin-bottom: 15px;
}

.login__social__links ul li:last-child {
	margin-bottom: 0;
}

.login__social__links ul li a {
	color: #ffffff;
	display: block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	width: 460px;
	padding: 14px 0;
	position: relative;
	margin: 0 auto;
}

.login__social__links ul li a.facebook {
	background: #4267b2;
}

.login__social__links ul li a.google {
	background: #ff4343;
}

.login__social__links ul li a.twitter {
	background: #1da1f2;
}

.login__social__links ul li a i {
	font-size: 20px;
	position: absolute;
	left: 32px;
	top: 14px;
}

/*---------------------
  Sign Up
-----------------------*/

.signup {
	padding-top: 130px;
	padding-bottom: 150px;
}

.signup .login__form:after {
	height: 450px;
}

.signup .login__form h5 {
	font-size: 15px;
	color: #ffffff;
	margin-top: 36px;
}

.signup .login__form h5 a {
	color: #e53637;
	font-weight: 700;
}

.signup .login__social__links {
	text-align: left;
	padding-left: 40px;
}

.signup .login__social__links h3 {
	color: #ffffff;
	font-weight: 700;
	font-family: "Oswald", sans-serif;
	margin-bottom: 30px;
}

.signup .login__social__links ul li a {
	margin: 0;
	text-align: center;
}

/*---------------------
  Footer
-----------------------*/

.footer {
	background: #070720;
	padding-top: 60px;
	padding-bottom: 40px;
	position: relative;
}

.page-up {
	position: absolute;
	left: 50%;
	top: -25px;
	margin-left: -25px;
}

.page-up a {
	display: inline-block;
	font-size: 36px;
	color: #ffffff;
	height: 50px;
	width: 50px;
	background: #e53637;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
}

.page-up a span {
	position: relative;
	top: 2px;
	left: -1px;
}

.footer__nav {
	text-align: center;
}

.footer__nav ul li {
	list-style: none;
	display: inline-block;
	position: relative;
	margin-right: 40px;
}

.footer__nav ul li:last-child {
	margin-right: 0;
}

.footer__nav ul li a {
	font-size: 15px;
	color: #b7b7b7;
	display: block;
	font-weight: 700;
}

.footer__copyright__text {
	color: #e0e0e0;
	margin-bottom: 0;
	text-align: right;
}

.footer__copyright__text a {
	color: #e53637;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
	.hero {
		overflow: hidden;
	}
}

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero {
		overflow: hidden;
	}
	.login__form {
		position: relative;
		padding-left: 32px;
	}
	.login__social__links ul li a {
		width: 380px;
	}
	.blog__item__text {
		padding: 0 50px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero {
		overflow: hidden;
	}
	.header {
		position: relative;
	}
	.header .container {
		position: relative;
	}
	.header__right {
		position: absolute;
    right: 5px;
    top: -72px;
		padding: 0;
	}
	.header__menu {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		display: block;
	}
	.slicknav_nav {
		position: absolute;
		left: 0;
		top: 60px;
		width: 100%;
		background: #ffffff;
		padding: 15px 30px;
		z-index: 9;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #111111;
		font-weight: 600;
	}
	.slicknav_btn {
		border-radius: 0;
		background-color: #222;
		position: absolute;
		right: 0;
		top: 9px;
	}
	.slicknav_nav .slicknav_arrow {
		color: #111111;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}
	.product__sidebar {
		padding-top: 50px;
	}
	.footer__logo {
		text-align: center;
		margin-bottom: 20px;
	}
	.footer__nav {
		margin-bottom: 15px;
	}
	.footer__copyright__text {
		text-align: center;
	}
	.anime__details__widget ul li span {
		width: 90px;
	}
	.anime__details__pic {
		margin-bottom: 40px;
	}
	.anime__details__sidebar {
		padding-top: 50px;
	}
	.login__form {
		padding-left: 0;
		margin-bottom: 40px;
	}
	.login__form:after {
		display: none;
	}
	.login__form form .input__item {
		width: auto;
	}
	.login__register {
		padding-left: 0;
	}
	.signup .login__social__links {
		padding-left: 0;
	}
}
.solomovil {display:none;}
/* Wide Mobile = 480px */

@media only screen and (max-width: 993px) {
	.init_select {
		float: none !important;
		margin-top: 0 !important;
	}
			.anime__details__content .col-lg-3 {
		max-width: 150px;
		position: absolute;
		top: 24px;
	}
	.col-lg-9 p {max-height: 330px;overflow:scroll;}
	.anime__details__title h3 {
		font-size: 24px;
	}
		.anime__details__pic {
			 max-height: 170px;
			 }
			 
	.anime__details__title {
		 padding-left: 140px; 
	}
		p.sinopsis {
		display: block;
		margin-bottom: 20px;
		padding-left: 0;
	}
	
	.anime__details__title {
		display: inline-block;
		min-height: 179px;
		width: 100%;
	}
	.col-lg-9 > div > p {font-size: 14px;line-height: 20px;min-height: 130px;}
	.anime__details__content {
		position: relative;
	}
	.usr-menu {top: 0px !important;}
	.usr-menu, .navbar-light {margin-right: 10px;}
	.usr-menu.img {top: -4px !important;}
	.usr-menu span {display: none;}
		.solopc {display:none;}
		
		.hero {
			overflow: hidden;
		}
		.header {
			position: relative;
		}
		.header .container {
			position: relative;
		}
		.header__right {
			position: absolute;
			right: 0px;
			top: -72px;
			display: inline-block;
			padding: 0;
		}
		.header__menu {
			display: none;
		}
		.slicknav_menu {
			background: transparent;
			padding: 0;
			display: block;
		}
		.slicknav_nav {
			position: absolute;
			left: 0;
			top: 60px;
			width: 100%;
			background: #ffffff;
			padding: 15px 30px;
			z-index: 9;
		}
		.slicknav_nav ul {
			margin: 0;
		}
		.slicknav_nav .slicknav_row,
		.slicknav_nav a {
			padding: 7px 0;
			margin: 0;
			color: #111111;
			font-weight: 600;
		}
		.slicknav_btn {
			border-radius: 0;
			background-color: #222;
			position: absolute;
			right: 0;
			top: 9px;
		}
		.slicknav_nav .slicknav_arrow {
			color: #111111;
		}
		.slicknav_nav .slicknav_row:hover {
			border-radius: 0;
			background: transparent;
			color: #111111;
		}
		.slicknav_nav a:hover {
			border-radius: 0;
			background: transparent;
			color: #111111;
		}
		.anime__sidebar {
			padding-top: 50px;
		}
		.footer__logo {
			text-align: center;
			margin-bottom: 20px;
		}
		.footer__nav {
			margin-bottom: 15px;
		}
		.footer__copyright__text {
			text-align: center;
		}
		.blog__details__title h2 {
			font-size: 34px;
			line-height: normal;
		}
		.anime__details__pic {
			margin-bottom: 40px;
			/* height: 153px; */
			/* width: 250px; */
		}
		.anime__details__sidebar {
			padding-top: 50px;
		}
		.btn__all {
			text-align: left;
		}
		.anime__page__title .section-title {
			margin-bottom: 30px;
		}
		.anime__page__title .anime__page__filter {
			text-align: left;
		}
		.anime__details__rating {
			text-align: left;
			position: relative;
			margin-bottom: 20px;
		}
		.blog__details__social {
			overflow: hidden;
		}
		.blog__details__title .blog__details__social a {
			margin-right: 10px;
			margin-bottom: 10px;
			width: calc(50% - 10px);
			float: left;
		}
		.login__form {
			padding-left: 0;
			margin-bottom: 40px;
		}
		.login__form:after {
			display: none;
		}
		.login__form form .input__item {
			width: auto;
		}
		.signup .login__social__links {
			padding-left: 0;
		}
		.login__social__links ul li a {
			width: auto;
		}
		.blog__item__text {
			padding: 0 30px;
		}
		.login__register {
			padding-left: 0;
		}
		.anime__sidebar__view .filter__controls li {
			margin-right: 2px;
		}
		.search-model-form input {
			width: 100%;
		}
	}

/* Small Device = 320px */
@media only screen and (max-width: 479px) {



	.hero__slider.owl-carousel .owl-nav {
		display: none;
	}
	.hero__items {
		padding: 50px 0 72px 15px
	}
	.hero__text h2 {
		font-size: 32px;
	}
	.footer__nav ul li {
		margin-right: 10px;
	}
	.anime__details__btn .follow-btn {
		padding: 14px 26px;
		margin-right: 11px;
		margin-bottom: 25px;
	}
	.anime__details__widget ul li span {
		width: 85px;
	}
	.anime__video__player .plyr__volume {
		left: 65px;
	}
	.anime__video__player .plyr__controls .plyr__controls__item.plyr__time {
		left: 95px;
	}
	.anime__video__player .plyr__menu {
		margin-right: 60px;
	}
	.blog__details__title h2 {
		font-size: 30px;
		line-height: normal;
	}
	.blog__details__title .blog__details__social a {
		padding: 16px 25px 14px 20px;
	}
	.blog__details__comment__item.blog__details__comment__item--reply {
		padding-left: 0;
	}
	.blog__details__comment__item__pic {
		margin-right: 25px;
	}
	.blog__details__comment__item__text a {
		margin-right: 6px;
	}
	.login__social__links ul li a i {
		left: 20px;
	}
	.login__form .forget_pass {
		position: relative;
		left: 0;
		bottom: 0;
		margin-top: 25px;
	}
	.header__right a {
		margin-right: 10px;
	}
	.anime__review__item__text h6 span {
		font-size: 12px;
	}
	.anime__review__item__text {
		padding: 18px 20px 20px;
	}
}




/* TioJK */


/* Firefox */
input#qcap {
	-moz-appearance: textfield;
  }
  
  div#inverso {
	  margin-bottom: 5px;
  }
  
  @media (max-width: 770px) {
  .capform {
	  -ms-flex: 0 0 100%;
	  flex: 0 0 100%;
	  max-width: 100%;
	  position: unset;
  }
  input#qcap {
	  margin: 5px 0px 20px 0px;
  }
  }
  /*Historial*/
  section.visto_historial {
	  padding-bottom: 50px;
  }
  /* Errores responsive */
  .anime__details__btn {
	  width: 100%;
  }
  div#episodes-content {
	  padding: 0;
	  margin: 0;
  }
  div#video_box iframe {
	  width: 100% !important;
	  height: 70vh;
  }
  .product__item__pic.set-bg:after {
	  content: "\f144";
	  width: 70px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  margin: auto;
	  height: 70px;
	  font-size: 70px;
	  color: #fff;
	  opacity: 0;
	  z-index: 3;
  }
  .product__item__pic.set-bg:before {
	  content: "";
	  width: 100%;
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  margin: auto;
	  height: 100%;
	  background: rgba(28, 149, 207, 0.6);
	  border-radius: 5px;
	  opacity: 0;
	  z-index: 2;
  }
  



 


  
  @media (min-width: 320px) {
  
  .col-lg-5.m {
	  font-size: 14px;
	  -ms-flex: 0 0 41.666667%;
	  flex: 0 0 40%;
	  max-width: 40%;
  }
  .col-lg-5.m div, .col-lg-5.m a {
	  font-size: 14px;
  }
  .col-lg-2.m {
	  -ms-flex: 0 0 16.666667%;
	  flex: 0 0 20%;
	  max-width: 20%;
  }
  .col-lg-2.m .btn-block {
	  padding: 10px 5px;
  }
  }
  @media (max-width: 400px) {
  
  iframe.player_conte {
	  width: 100%;
	  height: 30vh;
  }
  
  div#combtns a {font-size: 13px;}
  .servers {font-size: 13px;}
  }
  @media (max-width: 650px) {
  .servers {
	  padding: 5px 11px;
	  font-size: 14px;
	  margin: 3px;
  }
  .col-sm-6 {
	  -ms-flex: 0 0 50%;
	  flex: 0 0 50%;
	  max-width: 50%;
  }
  }
  @media (max-width: 800px) {
  
  a#votar {
	  margin-top: 20px;
  }
  .watch-btn {
	  display: none;
  }
  }
  @media (max-width: 993px) {
  .solomovil ul.addmenu {
	  list-style: none;
	  margin: 11px 5px 0px;
	  text-align: center;
  }
  .solomovil ul.addmenu li {
	 display: inline-block;
	 margin: 3px 0px 3px 0px;
  }
  
  .solomovil ul.addmenu li a {
	  padding: 10px;
	  background: #1282b9;
	  border-radius: 5px;
	  font-size: 16px;
  }
  .solomovil ul.addmenu li a:hover {
	  background: #05618e;
	  color: #fff;
  }
  .header__right {
	  margin-top: 18px;
  }
  #notify {
	  top: -3px !important;
	  right: -44px !important;
  }
  .col-lg-4.langopc {
	  top: 10px;
  }
  }
  @media (max-width: 1200px) {
  .letras-box, .letras-box a {
	  font-size: 13px !important;
  }
  }
  
  @media (min-width: 800px) {
	  iframe.player_conte {
	  width: 100%;
	  height: 70vh;
  }
  }



/* TioJK */





 /* Detección de orientación horizontal en dispositivos móviles */
 @media screen and (orientation: landscape) and (max-width: 900px) {
	.product__item__pic {
	  width: 100%;
	  height: 100vh; /* Ocupa todo el alto de la ventana */
	  margin: 0;
	  border: none;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  background-color: #e0e0e0;
	}

	.content {
	  font-size: 1.2em;
	}
  }

  







/* Chat Whatsapp */

.whatsapp-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	animation: float 3s ease-in-out infinite;
}

@keyframes float {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0px);
	}
}

.whatsapp-button:hover {
	transform: scale(1.15) rotate(5deg);
}

.whatsapp-button svg {
	filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.2));
	transition: filter 0.3s ease;
}

.whatsapp-button:hover svg {
	filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.25));
}

.whatsapp-tooltip {
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	background: linear-gradient(135deg, #075E54 0%, #128C7E 100%);
	color: white;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 14px;
	margin-right: 10px;
	opacity: 0;
	pointer-events: none;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	white-space: nowrap;
	font-family: Arial, sans-serif;
	box-shadow: 0 4px 12px rgba(7, 94, 84, 0.3);
	display: flex;
	align-items: center;
	gap: 6px;
}

.whatsapp-button:hover .whatsapp-tooltip {
	opacity: 1;
	transform: translateY(-50%) scale(1.05);
}

.chat-icon {
	width: 14px;
	height: 14px;
	fill: white;
}



/* Estilo del boton regresar a Inicio HomeBotton */

.floating-button {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 65px;
    height: 65px;
    background: linear-gradient(145deg, #2196F3, #1E88E5);
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(33, 150, 243, 0.4),
                inset 0 2px 2px rgba(255, 255, 255, 0.1);
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
}

.floating-button::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, rgba(255,255,255,0.1) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.floating-button:hover::before {
    opacity: 1;
}

.floating-button:hover {
    background: linear-gradient(145deg, #1E88E5, #1976D2);
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 8px 25px rgba(33, 150, 243, 0.5),
                inset 0 2px 3px rgba(255, 255, 255, 0.2);
}

.home-icon {
    fill: white;
    width: 28px;
    height: 28px;
    transition: all 0.4s ease;
    filter: drop-shadow(0 2px 3px rgba(0,0,0,0.2));
}

.floating-button:hover .home-icon {
    transform: scale(1.15) rotate(-5deg);
    filter: drop-shadow(0 3px 5px rgba(0,0,0,0.3));
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.floating-button {
    animation: fadeInUp 0.6s ease forwards, pulse 2s ease-in-out infinite;
}

/* Añadimos un tooltip personalizado */
.floating-button::after {
    content: 'Ir al inicio';
    position: absolute;
    bottom: 100%;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
    pointer-events: none;
    white-space: nowrap;
}

.floating-button:hover::after {
    opacity: 1;
    transform: translateY(0);
}





/* css correspondiente a la galeria de imagenes */
.gallery-container {
	width: 100%;
	max-width: 750px;
	height: auto;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	background: #f0f0f0;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	aspect-ratio: 4/3;
}

.gallery {
	width: 100%;
	height: 100%;
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.gallery-item {
	min-width: 100%;
	height: 100%;
	display: flex;
	justify-content: center; /* Center horizontally */
	align-items: center; /* Center vertically */
	padding: 10px; /* Add some padding around images */
}

.gallery-item img {
	max-width: 100%;
	max-height: 100%;
	width: auto; /* Allow image to maintain aspect ratio */
	height: auto; /* Allow image to maintain aspect ratio */
	object-fit: contain; /* Ensure image fits while maintaining aspect ratio */
	display: block; /* Remove any extra space below image */
	margin: auto; /* Center the image */
}

.arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background: rgba(0,0,0,0.5);
	border: none;
	border-radius: 50%;
	cursor: pointer;
	transition: background 0.3s;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
}

.arrow:hover {
	background: rgba(0,0,0,0.8);
}

.arrow svg {
	width: 20px;
	height: 20px;
	fill: white;
}

.prev {
	left: 5px;
}

.next {
	right: 5px;
}

.dots {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
	z-index: 2;
}

.dot {
	width: 8px;
	height: 8px;
	background: rgba(255,255,255,0.5);
	border-radius: 50%;
	cursor: pointer;
	transition: background 0.3s;
}

.dot.active {
	background: white;
}

@media (max-width: 768px) {
	.gallery-container {
		max-width: 100%;
		margin: 0;
		border-radius: 0;
	}
}

@media (max-width: 480px) {
	.arrow {
		width: 30px;
		height: 30px;
	}
	
	.arrow svg {
		width: 16px;
		height: 16px;
	}
	
	.dot {
		width: 6px;
		height: 6px;
	}
}


/*Contenedor de publicidad del index comienza*/
/* Contenedor de publicidad del index */
.ad-container {
	display: none !important;
    width: 468px;
    height: 60px;
    background: #0b0c2a;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    margin: 0 auto;
    position: relative; /* Añadido para mejor control de elementos internos */
}


/* Responsividad para pantallas de hasta 768px */
@media screen and (max-width: 768px) {
    .ad-container {
        width: 100%;
        max-width: 468px;
        height: 60px;
        margin: 0 auto;
    }
}

/* Responsividad para pantallas muy pequeñas (móviles más pequeños) */
@media screen and (max-width: 480px) {
    .ad-container {
        width: 100%;
        max-width: 320px;
        height: 50px;
        margin: 0 auto;
    }
    
    /* Opcional: Ajustar estilos específicos para el contenido de Adsterra */
    .ad-container > * {
        transform: scale(1.00); /* Ajusta este valor según necesidad */
        transform-origin: top left;
        width: 100%; /* Compensa el scale */
    }
}




/*Donación brindame un cafe comienza*/
.kofi-button-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -10px;
	flex-wrap: wrap;
  }
  
  .kofi-button img {
	height: 40px;
	width: auto;
	border-radius: 8px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	transition: transform 0.2s ease;
  }
  
  .kofi-button img:hover {
	transform: scale(1.05);
  }
  
  @media (max-width: 480px) {
	.kofi-button img {
	  height: 38px;
	}
  }
  
  

  /* Empieza el Trendig*/

  /* Estilos para el bloque principal del titulo*/
.block_area {
    display: block;
    margin-bottom: 3rem;
    position: relative;
}

.block_area-header {
    margin-bottom: 1.5rem;
    display: block;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.block_area-header .cat-heading {
    font-size: 22px !important;
    line-height: 1.3;
    font-weight: 800;
    padding: 0;
    margin: 0;
    color: rgb(255, 94, 0) !important;
}

.film-poster {
    position: relative; /* Necesario para contener la imagen */
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 0.3rem;
    overflow: hidden; /* Recorta el exceso de la imagen */
}

.film-poster-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta la imagen sin distorsión */
    display: block; /* Elimina espacio fantasma debajo de la imagen */
}


 /* Estilos para la sección de trending - Manteniendo el estilo original */
#premium-trending {
    margin-bottom: 0;
    padding: 0 0 3rem;
    position: relative;
}

#premium-trending .block_area {
    margin-bottom: 0;
}

.trending-list {
    padding-right: 60px;
    padding-left: 0;
    position: relative;
    height: 280px; /* Altura ajustada para el estilo original */
    overflow: hidden;
    overscroll-behavior: contain;
}

.trending-navi {
   position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
     z-index: 10; /* Asegura que estén por encima */
}

.trending-navi>div {
   position: absolute;
    height: 48%;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    outline: 0;
    box-shadow: none;
}

.trending-navi>div.navi-prev {
    bottom: 0;
    top: auto;
}

.trending-navi>div:hover {
    background: #5c0030 !important;
    color: #111;
}

.trending-navi>div.swiper-button-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.trending-navi>div>i {
    position: absolute;
    font-size: 24px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* Contenedor Swiper - ajustado al estilo original */
.swiper-container {
    width: 100%;
    height: 100%;
    padding: 10px 0;
}

.swiper-wrapper {
    transition-timing-function: linear;
}

/* Slide con estilo original */
.swiper-slide {
    width: 250px !important; /* Ancho similar al original */
    margin-right: 20px !important; /* Espaciado similar al original */
    height: 100%;
}

/* Estilo original para los items */
.trending-list .item {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.trending-list .item .number {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    width: 40px;
    text-align: center;
    font-weight: 600;
    cursor: default;
}

.trending-list .item .number span {
    position: absolute;
    bottom: 0;
    font-size: 20px;
    line-height: 1em;
    text-align: center;
    color: #e53637;
    z-index: 9;
    left: 0;
    right: 0;
}

.trending-list .item .number .film-title {
    width: 100px;
    text-align: left;
    height: 40px;
    transform: rotate(-90deg);
    position: absolute;
    bottom: 90px;
    width: 150px;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    left: -55px;
    font-size: 15px;
    font-weight: 500;
    color: white;
}

.trending-list .item .film-poster {
    display: inline-block;
    background: rgba(255,255,255,.1);
    position: absolute;
    width: auto;
    left: 40px;
    right: 0;
    top: 0;
    bottom: 0;
    padding-bottom: 0;
    height: 100%;
    margin-bottom: 0;
}

.trending-list .item .film-poster-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Para ambas flechas */
.trending-navi .navi-prev i,
.trending-navi .navi-next i {
    color: white;
}



/* Estilos responsivos similares a los originales */
@media (max-width: 768px) {
    .trending-list .item {
        padding-bottom: 130%;
    }
    
    .trending-list .item .number {
        width: 30px;
    }
    
    .trending-list .item .number span {
        font-size: 16px;
    }
    
    .trending-list .item .number .film-title {
        font-size: 13px;
        width: 120px;
        left: -45px;
        bottom: 80px;
    }
    
    .trending-list .item .film-poster {
        left: 30px;
    }
    
    .swiper-slide {
        width: 200px !important;
    }
}

@media (max-width: 280px) {
    .swiper-slide {
        width: 180px !important;
    }
}

/* Finaliza el Trendig*/