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

a {
    transition: all 0.5s ease;
}

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

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;
}

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

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

.rcg {
    display: grid;
}

.rcard {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

.rcard:hover img {
    opacity: 0.3;
}

img.bg_ranking {
    width: 100%;
    z-index: 1;
    opacity: 0.8;
    height: auto;
    display: inline-block;
    top: -30%;
    transition: 0.5s;
    height: 100%;
}

.rcard {
    background: #333;
    position: relative;
    color: #fff;
}

.rcard p {
    color: #fff;
}

.rcard h5 {
    color: #fff;
    font-size: 21px;
    text-shadow: 1px 1px 0px rgb(0 0 0 / 32%);
}

.rin {
    position: absolute;
    z-index: 2;
    padding: 8px;
    bottom: 0;
    background: #000;
    width: 100%;
    padding: 46px 8px 14px 8px;
    background: linear-gradient(to bottom, transparent, #000000);
}

.rin.bg0,.rin.bg1 {
    background: linear-gradient(to bottom, transparent, #875600);

}

.rin.bg2,.rin.bg3 {
    background: linear-gradient(to bottom, transparent, #747474);
}

a.vt {
    position: absolute;
    top: -6px;
    background: #3d3d3d;
    color: #fff;
    padding: 8px 31px;
    right: 0px;
    border-radius: 22px;
}

a.vt:hover {
    background: #f99f00;
}

.section-title h4, .section-title h5 {
    color: #232323;
    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: #ff9d00;
    content: "";
}

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

.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;
}

.primary-btn {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    padding: 1px 10px;
    background: #ff9d00;
    border-radius: 10px;
}

a.primary-btn:hover {
    color:#232323;
}

.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;
}


@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;
    }

}

.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;
    align-items: center;
    justify-content: center;
}

.container-head {
    padding: 0 25px 10px 14px;
}

.header {
    background: #35a9e2;
    position: fixed;
    z-index: 101;
    width: 100%;
}

.header__logo {
    padding: 0;
}

.header__logo a {
    display: inline-block;
}

.header__menu {
    text-align: left;
    margin-top: 12px;
}

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

.header__menu ul li.active a {
    background: #1d95cf;
    border-radius: 10px;
    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;
    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: #ffffff;
    display: block;
    font-weight: 700;
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    padding: 15px 19px;
}

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

.header__right {
    text-align: left;
    position: relative;
}

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

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

.slicknav_menu {
    display: none;
}

.hero {
    padding-top: 30px;
}

.hero__items {
    border-radius: 5px;
    background-position: center center;
}

.hero__items > div {
    padding: 300px 24px 28px 24px;
}

.owl-item {
    border-radius: 5px;
    overflow: hidden;
}

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

.hero__text .label {
    font-size: 13px;
    color: #ffffff;
    background: #ff9d00;
    border-radius: 10px;
    padding: 5px 14px 3px;
    display: inline-block;
    position: relative;
    top: -100px;
    opacity: 0;
    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: 5px;
    margin-bottom: 8px;
    position: relative;
    top: -100px;
    opacity: 0;
    transition: all, 0.4s;
    text-shadow: 0px 1px 2px #676767;
}

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

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

.hero__text a span {
    font-size: 13px;
    color: #ffffff;
    background: #ff9d00;
    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: #ff9d00;
    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: 21px;
    height: 40px;
    border-radius: 5px;
    width: 40px;
    background: #3d3d3d;
    line-height: 66px;
    text-align: center;
    color: #ffffff;
    position: relative;
    z-index: 1;
    position: absolute;
    left: -33px;
    top: 50%;
    margin-top: 1px;
}

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

.hero__slider.owl-carousel .owl-nav button.owl-prev {
    left: 2px;
    right: auto;
}

.hero__slider.owl-carousel .owl-nav button:after {
    position: absolute;
    top: 6px;
    left: 0;
    right: 0;
    height: 24px;
    width: 24px;
    background: #1d95cf;
    z-index: -1;
    margin: 0 auto;
}

.hero__slider.owl-carousel .owl-nav button span {
    display: block;
    z-index: 1;
}

.destacados h4 {
    color: #3a3a3a;
}

.destacados h4:after {
    background: #ff9d00;
}

.contenido {
 /*  padding-bottom: 60px;*/
}

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

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

.trending__anime {
    margin-bottom: 50px;
}

.popular__anime {
    margin-bottom: 50px;
}

.recent__anime {
    margin-bottom: 50px;
}

.anime__item {
    margin-bottom: 30px;
}

.anime__item__pic {
    height: 255px;
    position: relative;
    border-radius: 10px;
}

.anime__item__pic__fila4 {
    height: 125px;
    position: relative;
    border-radius: 5px;
    margin-bottom:5px;
}

.anime__item__pic__fila4 .ep {
    color: #ffffff;
    background: #e53637;
    display: inline-block;
    padding: 2px 12px;
    border-radius: 4px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.anime__item__pic__fila4 .top3 {
    color: #ffffff;
    background: #1d95cf;
    display: inline-block;
    padding: 2px 12px;
    border-radius: 4px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.anime__item__pic__fila4 .top6 {
    color: #ffffff;
    background: #ff9d00;
    display: inline-block;
    padding: 2px 12px;
    border-radius: 4px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.anime__item__pic__fila4 .comment {
    color: #ffffff;
    background: #3d3d3d;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    z-index: 10;
}

.homemini {
    height:150px;
}

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

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

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

.anime__item__text {
    padding-top: 0px;
}

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

.anime__item__text ul li {
    list-style: none;
    font-size: 10px;
    color: #ffffff;
    font-weight: 700;
    padding: 1px 10px;
    background: #ff9d00;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    left: 9px;
    top: 9px;
}

.anime__item__text ul li.anime {
    background: #007bff;
}

.anime__item__text ul li.peli {
    background: #e53637;
}

.letras-box ul {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 46px;
    list-style: none;
    float: left;
}

.letras-box ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: bold;
    display: inline-block;
}

.letras-box ul li.box-link {
    float: right;
}

.letras-box ul li.box-link a {
    margin: 0;
    padding: 0 10px;
    line-height: 46px;
    font-size: 15px;
    color: #FFFFFF;
    display: block;
    display: block;
    transition: .2s;
}

.letras-box ul li a.letra-link:hover {
    background: #fff;
    color: #666;
}

.buscanime {
    width: 100%;
    border-radius: 25px;
    border: 0px solid #ff9d00;
    padding-left: 10px;
    color: #ff9d00;
}

.buscanime {
    padding: 10px 30px 10px 25px;
}

button.buton-form {
    background: transparent;
    border: none;
    color: #35a9e2;
    position: absolute;
    right: 27px;
    top: 8px;
    float: right;
    width: 30px;
    height: 30px;
}

.letras-box{
    padding: 10px;
    width: 100%;
    margin: auto;
    float: left;
    max-width: 1200px;
}

.letras-box ul li a.letra-link {
    margin: 0;
    padding: 0 0px;
    text-align: center;
    width: 29px;
    font-size: 15px;
    line-height: 46px;
    color: #FFFFFF;
    display: block;
    transition: .2s;
}

@media only screen and (max-width: 993px) {
    h2.horarioh2 {
        font-size: 23px;
        line-height: 28px;
    }

    nav.custom-tabs {
        display: flex !important;
    }

    .guardados.spad {
        padding: 30px 0px 30px 20px;
    }

    .header__right:before {
        content: "";
    }

    .letras-box, .type-list, .genre-list {
        background: transparent;
    }

    .type-list ul, .letras-box ul {
        height: auto;
    }

    .type-list h3, .letras-box h3, .genre-list h3{
        font-size: 12px;
        padding: 15px 0px;
        font-weight: 900;
        color: #fff;
        text-transform: uppercase;
    }

    .type-list ul, .genre-list ul {
        margin: 0;
        padding: 0;
        width: 100%;
        list-style: none;
        float: left;
    }

    .type-list ul li, .genre-list ul li {
        margin: 0 1% 2px 1%;
        padding: 0;
        width: 18%;
        float: left;
    }

    .type-list h3, .genre-list h3 {
        border-bottom: 1px solid #35a9e2;
    }

    .type-list, .genre-list {
        margin: 0;
        padding: 15px 2%;
        width: 100%;
        float: left;
    }

    .type-list ul li a, .genre-list ul li a {
        margin: 0;
        padding: 5px 10px;
        font-size: 13px;
        color: #fff;
        display: block;
        -o-transition: .4s;
        -ms-transition: .4s;
        -moz-transition: .4s;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .genre-list ul li {
        width: 47% !important;
    }

    .letras-box ul li a.letra-link:hover {
        background: #fff;
        color: #666;
    }
}

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

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

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

.tituloblanco h4, .tituloblanco h5 a, .tituloblanco h5{
    color: #333;
}

h5.tituloblanco {
    color:#fff;
}

h5.columnas6 {
    font-size:10px;
}

.listadoanime-home {
    overflow-y: scroll;
    background:#fff;
    border-radius:10px;
    padding:5px;
    scrollbar-color: #f49600 #eee;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
}

.maximoaltura {
    max-height: 770px;
}

.maximoaltura h6 a {
    color: #ff9d00;
    font-weight: 600;
    font-size:13px;
}

.listadohome img {
    width: 110px;
    border-radius: 5px;
    margin-top: 0px;
    margin-left: 4px;
    position: relative;
    top: -55%;
    left: -4px;
}

.anime__sidebar__comment__item__pic.listadohome {
    border-radius: 10px;
    overflow: hidden;
    height: 73px;
    position: relative;
    top: 1px;
    left: 4px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.listadoanime-home a:first-child {
    margin-top: 0px;
}

.listadoanime-home h5 a {
    color:#323232!important;
    font-size:13px;
}

.listadoanime-home h5 {
    margin-bottom: 0px!important;
}

.side-menu {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

.side-menu li {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

.side-menu li a {
    margin: 0;
    padding: 5px 10px 4px 30px;
    font-size: 12px;
    color: #777777;
    display: block;
}

.side-menu li.even a {
    background-color: #efefef;
}

.listadoanime-home::-webkit-scrollbar-track {
    border: 1px solid #f1f1f1;
    padding: 2px 0;
    background-color: #f1f1f1;
}

.listadoanime-home::-webkit-scrollbar {
    width: 10px;
}

.listadoanime-home::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #ff9d00;
    border: 1px solid #e18b00;
}

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

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

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

.anime__sidebar__view .filter__controls li.active {
    color: #ff9d00;
    font-weight: 700;
}

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

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

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

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

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

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

.anime__sidebar__comment {
    margin-bottom: 35px;
}

.anime__sidebar__comment__item {
    margin-bottom: 1px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #efefef;
    overflow: hidden;
}

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

.anime__sidebar__comment__item__text {
    overflow: hidden;
}

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

.anime__sidebar__comment__item__text ul li {
    list-style: none;
    font-size: 10px;
    color: #ffffff;
    font-weight: 700;
    padding: 1px 10px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50px;
    display: inline-block;
}

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

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

.anime__sidebar__comment__item__text span {
    display: block;
    font-size: 13px;
    color: #b7b7b7;
}

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

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

.anime__page__title .anime__page__filter {
    text-align: right;
}

.anime__page__title .anime__page__filter p {
    color: #232329;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 16px;
}

.anime__page__title .anime__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;
}

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

.anime__page__title .anime__page__filter .nice-select .list {
    margin-top: 0;
    border-radius: 0;
}

.anime__pagination {
    padding-bottom: 15px;
}

.anime__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: #3d3d3d;
    margin: 3px 0px;
    font-size: 12px;
}

.anime__pagination a:hover {
    color: #f0f0f0;
    background: #35a9e2;
}

.anime__pagination a.current-page {
    border: 1px solid #1d95cf;
    background: #35a9e2;
}

.anime__pagination a i {
    color: #ffffff;
    font-size: 15px;
}

div#proxep {
    display: inline-block;
    text-align: center;
    background: #ffffff;
    padding: 9px 5px;
    margin: 0;
    border-radius: 3px;
    border: 1px solid #ededed;
    font-size: 12px;
    color: #1d95cf;
    margin-bottom: 12px;
}

div#proxep p {
    padding: 0;
    margin: 0;
}

div#proxep i {
    margin-left: 7px;
}

i.fas.fa-check {
    color: #ff9d00;
    background: #ff9d00;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
    z-index: 1;
    text-align: right;
    line-height: 16px;
    padding-right: 5px;
}

.anime__item__text li span {
    position: relative;
    z-index: 2;
    padding-right: 10px;
}

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

.anime__details__content {
    margin-bottom: 25px;
}

.anime__details__text {
    position: relative;
}

.anime__details__text p {
    color: #3d3d3d;
    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: #3d3d3d;
    font-weight: 700;
    margin-bottom: 13px;
}

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

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

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

.anime__details__rating span {
    display: block;
    font-size: 18px;
    color: #b7b7b7;
}

.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: #1d95cf;
    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: #3d3d3d;
    content: "";
}

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

.anime__details__btn .follow-btn {
    font-size: 13px;
    color: #ffffff;
    background: #ff9d00;
    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: #ff9d00;
    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: #ff9d00;
    padding: 11px 5px 16px 8px;
    color: #ffffff;
    border-radius: 0 4px 4px 0;
}

.anime__details__review {
    margin-bottom: 55px;
    margin-top: 30px;
}

.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 #eeeeee;
    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: #eeeeee;
    padding: 18px 30px 16px 20px;
    border-radius: 10px;
}

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

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

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

.anime__details__form form textarea {
    width: 100%;
    font-size: 15px;
    color: #232323;
    background: #eeeeee;
    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: #ff9d00;
    border: none;
    padding: 10px 15px;
    border-radius: 2px;
}

.anime__details__episodes {
    margin-bottom: 35px;
}

.anime__details__episodes a {
    display: inline-block;
    font-size: 15px;
    color: #ffffff;
    background: rgb(29 149 207);
    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: #ff9d00;
    background: #ffffff;
}

.breadcrumb-option {
    padding: 15px;
}

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

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

.breadcrumb__links span {
    color: #ff9d00;
    display: inline-block;
}
.breadcrumb__links a:after {
    position: absolute;
    right: -14px;
    top: 0;
    content: "\ea61";
    font-family: "tabler-icons" !important;
}
.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: #ffffff;
    font-size: 24px;
    margin-bottom: 0;
}

.footer {
    background: #1d95cf;
    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: #ff9d00;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
}

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

.footer__nav {
    text-align: left;
}

.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: #ffffff;
    display: block;
    font-weight: 700;
    background: #35a9e2;
    border-radius: 10px;
    padding: 2px 10px;
}

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

.footer__copyright__text a {
    color: #e53637;
}

button.usr-menu {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 36px;
    width: 50px;
    position: relative;
}

div#notify {
    position: relative;
    top: 4px;
    font-size: 27px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    padding: 7px 10px;
}

#notify i {
    font-size: 34px;
    position: relative;
    top: -5px;
}

#notify b {
    position: absolute;
    background: #f00227;
    font-size: 12px;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    right: 2px;
}

.notify-list {
    position: absolute;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    width: 300px;
    z-index: 99;
    margin-top: 4px;
    right: 0;
    border-radius: 5px;
    list-style: none;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    top: 69px;
}

.notify-list li b{
    text-transform: capitalize;
}
.notify-list li img{
    width: 35px;
    height: 35px;
    border-radius: 100%
}
.notify-list li a {
    padding: 10px 18px;
    display: block;
    border-bottom: 1px solid rgb(229 233 240 / 50%);
    line-height: 30px;
    color: #3172c9;
    font-size: 16px;
}

.notify-list li a:hover {
    background: #434d54;color: #fff !important;
}

.notify-list li a:visited {
    color: #4e566a;
}
.notify-list p.no {
    margin: 0;
    padding: 7px;
    text-align: center;
}
.notify-list li time {
    font-size: 10px;
    display: block;
    text-align: right;
}

.notify-list::-webkit-scrollbar {
    width: 8px
}

.notify-list::-webkit-scrollbar-track {
    background: #f4f4f4
}

.notify-list::-webkit-scrollbar-thumb {
    background: #b1b1b1;
    border-radius: 4px
}

.notify-list::-webkit-scrollbar-thumb:hover {
    background: #f1625d
}

nav.not-type {
    background: #f3f3f3;
    width: 90%;
    margin: auto;
    margin-top: 7px;
    border-radius: 5px;
}

nav.not-type button {
    background: transparent;
    border: none;
    border-radius: 5px;
    width: 48%;
    margin: 0px 1%;
}

nav.not-type button.active {
    background: #41a8e2;
    color: #fff;
    pointer-events: none;
}

nav.not-type button b {
    background: #ec192b;
    width: 15px;
    height: 15px;
    line-height: 15px;
    display: inline-block;
    border-radius: 100%;
    font-size: 11px;
    margin-left: 2px;
    color: #fff;
    position: relative;
    top: -1px;
}

nav.not-type button.active b {
    background: #0071a4;
}

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

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1700px;
        padding: 0px 3%;
    }
}

@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;
    }
}

@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;
    }

    .anime__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;
}

@media only screen and (max-width: 993px) {
    .init_select {
        float: none !important;
        margin-top: 0 !important;
    }

    .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;
        z-index: 100;
    }

    .header .container {
        position: relative;
    }

    .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;
    }

    .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%;
    }
}

@media only screen and (max-width: 479px) {
    .hero__slider.owl-carousel .owl-nav {
        display: none;
    }

    .hero__items {
        padding: 50px 0 0px 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;
    }
    
    .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;
    }
}

.offcanvas-header{
    display:none; 
}

.screen-overlay {
    height: 100%;
    z-index: 30;
    position: fixed;
    top: 0;
    left: 0;
    opacity:0;
    visibility:hidden;
    background-color: rgba(34, 34, 34, 0.6);
    transition:opacity .2s linear, visibility .1s, width 1s ease-in;
}

.screen-overlay.show {
    transition:opacity .5s ease, width 0s;
    opacity:1;
    width:100%;
    visibility:visible;
}

@media all and (max-width:992px) {
    .menubtns {
        width: 55px;
        height: 44px;
        position: absolute;
        top: 9px;
        right: 8px;
    }

    .menubtns a {
        font-size: 34px;
        text-align: center;
        padding: 8px 13px;
        margin: 0;
    }

    .offcanvas-header{
        display: inline-block;
        position: relative;
        width: 100%;
        padding-right: 47px;
    }

    button.buton-form {
        top: 9px;
        right: 60px;
    }

    .mobile-offcanvas{
        visibility: hidden;
        transform:translateX(-100%);
        border-radius:0;
        display:block;
        position: fixed;
        top: 0; left:0;
        height: 100%;
        z-index: 1200;
        width:80%;
        overflow-y: scroll;
        overflow-x: hidden;
        transition: visibility .2s ease-in-out, transform .2s ease-in-out;
    }

    .mobile-offcanvas.show{
        visibility: visible;
        transform: translateX(0);
    }
}

.flechaprogra {
    float: right;
    top: -11px;
    margin-top: -45px;
}

.bg-primary{
    background:#1d95cf;
}

.bloqq {
    display:block;
}

.bloqq h5 {
    color: #323232;
    font-weight: 700;
    font-size: 13px;
    line-height: 26px;
}

.bloqq h6 {
    color: #ff9d00;
    font-weight: 600;
    font-size: 13px;
}

.enemision {
    background: #4CAF50;
    color: #fff!important;
    padding: 1px 7px;
    width: auto!important;
    border-radius: 5px;
    display: inline;
}

.finished {
    background: #DC3541;
    color: #fff!important;
    padding: 1px 7px;
    width: auto!important;
    border-radius: 5px;
    display: inline;
}

.bg-azos {
    background-color: #1d95cf!important;
}

.bg-servers {
    margin: auto;
    border-radius: 5px;
    overflow: hidden;
}

.navigation {
    margin:10px 0;
    padding:0;
    width:100%;
    text-align: center;
}

.navigation a.text {
    margin:0;
    padding:8px 12px;
    font-size: 18px;
    color:#FFFFFF;
    background:#F49C14;
    border-radius:3px;
}

.navigation a.text:hover {
    background:#F17416;
}

.navigation a.numbers {
    margin:0 0 0 12px;
    padding:3px 10px;
    font-size:13px;
    color:#888888;
    font-weight:600;
    background:#EEEEEE;
    border:1px solid #CCCCCC;
    border-radius:4px;
    float:left;
}

.navigation a.numbers:hover {
    color:#fff;
    background:#35A9E2;
    border-color:#1B89BE;
}

.servers.active {
    background: #ca7c00;
    color: #ffffff !important;
}
.server-box {
    margin-bottom: 14px;
}

.btn-secondary a, .btn-primary a {
    color: #fff;
}

div#combtns {
    display: block;
    margin-bottom: 8px;
}

div#combtns a {
    display: inline-block;
    width: 50%;
    text-align: center;
    padding: 0;
    height: 50px;
    line-height: 50px;
    background: #6c757d;
    color: #ffffff;
    white-space: nowrap;
}

div#combtns a.a {
    pointer-events: none;
    background: #85888a;
    color: #bdbdbd;
}

li.dimension {
    list-style: none;
}

.toplist .ranking span {
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 1px #00000040;
}

.toplist .card-badge {
    position: absolute;
    right: 14px;
    top: 14px;
    background: #FF9800;
    color: #fff;
    padding: 7px 18px;
    border-radius: 5px;
}

.toplist .card-img {
    background: #28343b;
    height: 100%;
    display: inline-block;
}

.toplist .card-bg {
    background: #28343b;
    border-radius: 30px;
    position: absolute;
    bottom: -8%;
    left: -31px;
    height: 24%;
    width: 112%;
    transform: skew(19deg, 4deg);
    z-index: 1;
    transition: 0.1s ease;
}

.toplist .card:hover .card-synopsis {
    display: block !important;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
}

.toplist .card img {
    transition: 0.5s;
}

.toplist .card a {
    height: 100%;
}

.toplist .card:hover img {
    opacity: 0.5;
}

.toplist .card:hover .card-bg {
    transform: unset;
    width: 100%;
    left: 0%;
    padding: 12px 15px;
    bottom: 0%;
    border-radius: 30px 30px 0px 0px;
    height: auto;
}

.toplist .card:hover .card-title,.toplist .card:hover .ranking {
    display: none;
}
.toplist .card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.toplist .card-body {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    display: flex;
    color: #fff;
    align-items: center;
    background: linear-gradient(to bottom, transparent, #000000);
    padding: 49px 9px 20px 9px;
}

.toplist h5.card-title {
    color: #fff;
    width: 80%;
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
}

.toplist .ranking {
    position: relative;
    background: #5e5c64;
    width: 60px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    font-size: 23px;
    font-weight: lighter;
    margin-right: 20px;
    display: inline-block;
    padding: 0px;
}

.toplist .ranking[data-rank="1"] {
    background: #e08604;

}

.toplist .ranking[data-rank="2"] {
    background: #e08604;

}

.toplist .ranking[data-rank="3"] {
    background: #e08604;

}

.toplist img.card-img-top {
    display: block;
    height: 100%;
}

.infoc {
    display: block;
    background: rgb(0 0 0 / 66%);
    padding: 15px 26px 15px 25px;
    border-radius: 8px;
}

.jkinfo a:hover button {
    background: #4da8e2;
    color: #fff;
}

.progtabs {
    display: block;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.progtabs button {
    border: none;
    width: 50%;
    background: #f89e13;
    color: #fff;
    padding: 6px;
}

.progtabs button.selected {
    background: #dc821b;
    pointer-events: none;
    box-shadow: inset 0px 0px 14px 0px rgb(167 103 2 / 0%);
}

.progtabs button:hover {
    background: #fb9800;
}

.video-info {
    margin:0;
    margin-top: 25px;
    padding: 13px 27px;
    width:100%;
    font-size:14px;
    color: #ffffff;
    background: #6c757d;
    border-radius:3px;
    float:left;
}

.video-portada {
    margin:0 15px 0 0;
    padding:1px;
    width:90px;
    height:140px;
    background:#fff;
    border:1px solid #999;
    border-radius:3px;
    float:left;
}

.video-portada img {
    width:90px;
    height:140px;
}

.vidinfo {
    margin:0 0 12px 10px;
    padding:0; width:800px;
    line-height:135%;
    float:left;
}

.vidinfo h2 {
    margin:4px 0 7px 0;
    padding:0;
    font-weight: bold;
    font-size:20px;
    color:#f49d14;
}

.seo-tags {
    margin:10px 0;
    padding:20px 10%;
    width:100%;
    font-size:14px;
    color:#1D8046;
    text-align:center;
    background:#84D1A5;
    border-radius:3px;
    float:left;
}

.vidinfo p {
    color: #fff;
}

@media only screen and (max-width: 850px) {
    .vidinfo {
        width: 100%;
        padding: 0px 10px 0px 95px;
    }

    .video-info .video-portada {
        position: absolute;
    }
}

.anime__item__pic.set-bg:after, .fas {
    display: inline-block;
    font-family: "tabler-icons" !important;
    font-size: inherit;
    text-rendering: auto;
}

#togglesee #chevron-arrow {
    display: block;
    transform: rotate(180deg);position: relative
}

#togglesee div#c {
    margin-top: 5px;
}

#togglesee.open #chevron-arrow {
    position: relative;
    top: 0px;
    transform: rotate(0deg);
}

div#estreno_div span p {
    background: #fff;
    padding: 30px;
    font-size: 70px;
    border-radius: 8px;
    box-shadow: 0 10px 10px rgb(0 0 0 / 14%);
    font-weight: bold;
}

div#estreno_div span {
    display: inline-block;
    margin: 20px 5px;
    text-align: center;

}

div#estreno_div i {
    font-style: normal;
    font-size: 20px;
}

div#estreno_div {
    background: #eee;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 14px 0px;
}

.capform {
    position: relative;
    right: 5px;
}

input#qcap {
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
}

input#qcap::-webkit-outer-spin-button, input#qcap::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

div#inverso, #anti_spoiler, #ep_modo{
    background: #3d3d3d;
    padding: 7px 6px;
    position: relative;
    border-radius: 5px;
    color: #fff;
    margin: 0px 6px;
    cursor: pointer;
}

#anti_spoiler, #ep_modo {
    padding: 9px 10px;
    font-size: 19px;
}

@media (max-width: 770px) {
    .capform {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: unset;
    }

}

.anime__details__btn {
    width: 100%;
}

div#episodes-content {
    padding: 0;
    margin: 0;
}

.epcontent {
    padding: 0;
    padding-right: 14px;
}

.animetab {
    padding: 0;
}

div#video_box iframe {
    width: 100% !important;
    height: 70vh;
}

.anime__item__pic.set-bg:after {
    content: "\f691";
    width: 70px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100px;
    font-size: 70px;
    color: #fff;
    opacity: 0;
    z-index: 3;
}

.anime__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;
}

.anime__item:hover .anime__item__pic.set-bg:before, .anime__item:hover .anime__item__pic.set-bg:after {
    opacity: 1;
}

.trending_div {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    background: #fff;
    padding-top: 19px;
    padding: 19px;
    margin-bottom: 30px;
    border-radius: 5px;
    height: fit-content;
    max-height: 1500px;
    overflow: scroll;
    overflow-x: hidden;
}

.scroll::-webkit-scrollbar {
    width: 8px
}

.scroll::-webkit-scrollbar-track {
    background: #f4f4f4
}

.scroll::-webkit-scrollbar-thumb {
    background: #bdbdbd;
    border-radius: 4px
}

.scroll::-webkit-scrollbar-thumb:hover {
    background: #ffa627
}
.anime__item__text li {
    margin: 1px 0px;
}

.destacados h4 a {
    color: #171717;
}

.btn-primary.disabled, .btn-primary:disabled {
    cursor: none;
    pointer-events: none;
}

.col-lg-4.langopc {
    display: block;
    height: 35px;
    width: 100%;
    max-width: 100%;
}

.breadcrumb__links h1 {
    font-size: 27px;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

form.dwnload-form {
    float: right;
}

div#video_box {
    overflow: hidden;
}

div#guardar-capitulo, div#cmode {
    float: right;
}

@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) {
    .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) {
    .trending_div {
        max-height: 500px;
    }

    .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;
    }

    .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;
    }
}

.menupc {
    background: #607d8b;
    border-radius: 10px;
}

.menupc .row {
    margin: unset;
}

.type-list ,.genre-list {
    display:none;
    margin:0;
    padding:15px 2%;
    width:100%;
    float:left;
    background: #ffffff;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    border-radius: 14px;
}

.type-list h3,.genre-list h3 {
    margin:0 0 10px 0;
    padding:0 12px 5px 12px;
    font-size:14px;
    text-transform:uppercase;
    color: #1a2c37;
    font-weight: bold;
    display:block;
}

.type-list ul,.genre-list ul {
    margin:0; 
    padding:0; 
    width:100%; 
    list-style:none; 
    float:left;
}

.type-list ul li,.genre-list ul li {
    margin:0 1% 2px 1%; 
    padding:0; 
    width:18%; 
    float:left;
}

.type-list ul li a,.genre-list ul li a {
    margin:0;
    padding:5px 10px;
    font-size: 15px;
    color: #1e95cf;
    border-bottom:1px solid #f7f7f7;
    display:block;
    font-weight: bold;
}

.type-list  ul li a:hover,.genre-list ul li a:hover {
    padding-left:15px;
    border-bottom-color:transparent;
    border-radius:4px;
}

.genre-list {
    margin-bottom: 30px;
}

.type-list ul li a:hover, .genre-list ul li a:hover {
    color: #ff9d00 !important;
}

nav#navbar_main .type-list , nav#navbar_main .genre-list {
    display: block;
    background: #1e95cf;
    box-shadow: none;
}

nav#navbar_main .type-list li a, nav#navbar_main .genre-list li a {
    color: #fff;
    border-bottom: 0;
}

nav#navbar_main .type-list ul li, nav#navbar_main .genre-list ul li {
    margin: 0 1% 2px 1%;
    padding: 0;
    width: 47%;
    float: left;
}

nav#navbar_main .letras-box ul {
    background: transparent;
    margin-top: 10px;
}

.header__menu ul li.active a:hover {
    background: #146e9a;
}

nav#navbar_main .box-link {
    display: none;
}

.switchBtn {
    position: relative;
    display: inline-block;
    width: 63px;
    height: 40px;
    border-radius: 24px;
    top: 12px;
    z-index: 5;
}

.slidebtn {
    border-radius: 35px;
}

.switchBtn input {
    display:none;
}

.slidebtn {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2488c1;
    -webkit-transition: .4s;
    transition: .4s;
    padding: 4px;
    color: #fff;
}

.slidebtn:before {
    position: absolute;
    height: 26px;
    width: 26px;
    left: 6px;
    bottom: 7px;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 16px;
    content: "\f6a9";
    padding: 3px;
    font-size: 19px;
    color: #e38503;
}

.switchBtn input:checked + .slidebtn {
    background-color: #36a9e2;
    padding-left: 40px;
}

.switchBtn input:focus + .slidebtn {
    box-shadow: 0 0 1px #01aeed;
}

.switchBtn input:checked + .slidebtn:before {
    left: 3px;
    background: #fff;
    content: "\ece7";
    color: #42a8e2;
}

@media (max-width: 1200px) {
    .switchBtn {
        top: 0;
    }

    .random {
        right: 12px;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

span.vc:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    margin: auto;
    background: rgb(255 118 0 / 85%);
    z-index: 9;
}

span.vc {
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(255 118 0 / 85%);
    padding: 6px 7px;
    font-size: 26px;
    line-height: 69px;
    border-radius: 5px;
    margin: auto;
    color: #ffffff;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 9;
    transition: max-height 0.15s ease-out;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.26s ease;
    pointer-events: none;
}

.destacados .set-bg:hover span.vc {
    transform: scaleY(1);
}

div#ainfo {
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    position: absolute;
    background: #474c67;
    top: 52px;
    left: 140px;
    width: 260px;
    z-index: 10;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0,0,0,.5);
    color: #fff;
    padding: 13px 15px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

#ainfo .title {
    font-weight: bold;
    font-size: 16px;
    color: #fff;
}

#ainfo p {
    margin-top: 5px;
    font-size: 11px;
    color: #cfe7ff;
}

.anime__item:hover #ainfo {
    visibility: visible;
    opacity: 1;
}

.bloqq:hover {
    background:#e6e6e6;
}


.side-menu li:hover a {
    background-color: #c3dfea;
}

.destacados h4 a:hover {
    color: #1e95cf;
}

div#guardar-anime {
    background: #027bff;
    color: #fff;
    border: 1px solid #027bff;
    width: 100%;
    padding: 7px 0px;
    margin-top: 5px;
    display: block;
    text-align: center;
    border-radius: 3px;
}

#guardar-anime i {
    font-size: 19px;
}

.anime__details__content div#guardar-anime.activo {
    background: #FF9800;
    border: 1px solid #ffffff;
}

nav.custom-tabs {
    display: flex;
    border-radius: 9px;
    margin-bottom: 18px;
}

.custom-tabs ul {
    display: flex;
    padding: 0px;
    width: 100%;
}

.custom-tabs li {
    text-align: center;
    margin: 0px 0px;
    display: inline-block;
    padding: 5px 0px;
    background: #ffffff;
    cursor: pointer;
    flex-shrink: 0;
    width: 50%;
}

.custom-tabs li.active {
    background: #35a9e2;
    color: #fff;
    pointer-events: none;
}

nav.custom-tabs {
    display: flex;
    border-radius: 9px;
    margin-bottom: 18px;
}

.anime-tabs ul {
    display: flex;
    gap: 0.25rem;
    overflow-x: auto;
    white-space: nowrap;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    max-width: max-content;
    padding: 0.25rem;
    background-color: #ffffff;
    scrollbar-width: none;
}

.anime-tabs li {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    min-width: 6rem;
    max-width: 15rem;
    padding: 0.6rem 2rem;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

@media screen and (max-width: 1000px) {
    .anime-tabs ul {
        max-width: 100%;
        width: auto;
    }

    .anime_pic {
        margin-bottom: 10px;
    }

    .anime-tabs li {
        font-size: 12px;
        padding: 10px 5px;
        min-width: unset;
        max-width: 15rem;
    }
}

.anime-tabs li:hover {
    background: #eee;
}

.anime-tabs li.active {
    background: #e68302;
    color: #ffffff;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    pointer-events: none;
}

.usersocial li {
    display: block;
    background: #fff;
    margin: 10px 0px;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}

.usersocial li a {
    text-transform: capitalize;
}

.usersocial li:nth-child(even) {
    background: transparent;
}

.usersocial li:last-child {
    margin-bottom: 50px;
}

.usersocial li img {
    width: 50px;
    margin-right: 11px;
}

.personajes li {
    list-style: none;
    position: relative;
    margin-bottom: 15px;
}

.personajes li img {
    width: 100%;
    height: 94%;
}

.personajes li a {
    width: 100%;
    display: block;
    text-align: center;
}

.dropmenu li a.disabled {
    color: #999;
}

.dropmenu li a.disabled i {
    color: #999;
}

.personajes li b {
    position: absolute;
    right: 22px;
    bottom: 40px;
    background: #4da8e1;
    padding: 5px 28px;
    color: #fff;
    font-size: 15px;
    border-radius: 5px;
    font-weight: normal;
}

p.no-results {
    padding: 18px;
    font-size: 20px;
    text-align: center;
    display: block;
    width: 100%;
}

.usersocial.animetab ul {
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-bottom: 40px;
}

.wrap {
    margin: 0 auto;
    width: 500px;
    color: white;
    text-align: center;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

.sabiplayer {
    padding: 0;
    margin: 0;
    background: #455A64;
    box-sizing: border-box;
    padding-bottom: -50px;
    color: black;
}

.sabiplayer *:before, .sabiplayer *:after {
    box-sizing: inherit;
    transition: all 0.5s ease;
}

.sabiplayer {
    width: 100%;
    height: 75px;
    background: white;
    position: relative;
    color: black;
    text-align: left;
    text-shadow: none;
}

.sabiplayer .album-art {
    position: absolute;
    left: 0;
    width: 75px;
    height: 75px;
    padding: 5px;
}

.sabiplayer .album-art .cover {
    width: 100%;
    height: 100%;
    background-size: cover !important;
}

.sabiplayer .description {
    position: relative;
    width: 60%;
    height: 100%;
    top: 0px;
    left: 86px;
    overflow: hidden;
    padding: 5px 0px 0px 0px;
}

.sabiplayer .description .title a {
    color: #424242;
    font-size: 24px;
    display: block;
    margin-bottom: 4px;
}

a.sabilink {
    background: #5fa0e5;
    color: #fff;
    border-radius: 5px;
    padding: 5px 9px;
    cursor: pointer;
    font-size: 13px;
}

a.sabilink:hover {
    color: #fff;
    background: #f89e13;
}

.sabiplayer .description .sub-title {
    font-size: 13px;
    font-weight: 100;
    color: #999;
}

.sabiplayer .play-button {
    position: absolute;
    width: 55px;
    height: 55px;
    right: 22px;
    border-radius: 50%;
    top: 9px;
    background: #50a1e5;
    text-align: center;
    line-height: 57px;
    font-size: 26px;
    color: #fff;
    cursor: pointer;
}

.sabiplayer .play-button i {
    z-index: 100;
}

.sabiplayer .play-button .fa-pause,.sabiplayer .play-button .fa-play {
    z-index: 100;
    position: absolute;
    right: 17.5px;
    top: 17.4px;
    font-size: 20px;
}

.sabiplayer .play-button:hover {
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.5);
}

.sabiplayer .time-indicator {
    position: absolute;
    right: 90px;
    top: 60%;
    font-size: 13px;
    font-weight: 100;
}

.sabiplayer .time-indicator i {
    color: #D32F2F;
}

.sabiplayer .progress-bar {
    width: 100%;
    top: 100%;
    opacity: 0;
    height: 0;
    position: absolute;
    cursor: pointer;
}

.sabiplayer .progress-bar .runner {
    height: 4px;
    background: #5fa0e5;
    width: 0;
}

.sabiplayer .visualizer {
    position: absolute;
    top: 25%;
    left: 37.5%;
    width: 0%;
    height: 50%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.sabiplayer .visualizer div {
    width: 2px;
    background: #444444;
    float: left;
    height: 0%;
    margin-right: 5px;
    transition: all 0.1s ease;
}

.sabiplayer.paused .visualizer {
    opacity: 0;
}

.sabiplayer.paused .play-button .fa-pause {
    opacity: 0;
}

.sabiplayer.playing .visualizer {
    left: 27px;
    width: 50px;
}
.sabiplayer.playing .progress-bar {
    height: 4px;
    margin: 0;
    opacity: 1;
    background: #d9d9d9;
}

.sabiplayer.playing .album-art {
    opacity: 0.3;
}

.sabiplayer.playing .play-button .fa-play {
    opacity: 0;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #000;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

button.close-img {
    background: #fff;
    border: none;
    color: #394563;
    font-size: 30px;
    padding: 5px 19px;
    position: absolute;
    right: 0px;
    top: 0;
    outline: 0;
    cursor: pointer;
}

div#buttons {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 3px 0px;
}

div#left, div#right {
    width: 50%;
    display: inline-block;
    padding: 25px;
}

div#right {
    float: right;
    height: 100%;
}

#mc #right {
    color: #fff;
    background: #1d95cf;
    content: '';
    position: absolute;
    right: 0;
    height: 100%;
    background: linear-gradient(to right, #108cc9, #31a9e3);
}

#mc #right h3 {
    color: #fff;
}

#mc #right p {
    color: #fff;
}

div#modal-c > h3 {
    display: none;
}

.reg {
    margin: 90px 0%;
    text-align: center;
}

.reg a {
    background: #fff;
    padding: 10px 30px;
    color: #000;
    border-radius: 30px;
}

div#buttons a{
    height: 100%;
    padding: 7px 15px;
    color: #000;
    display: inline-block;
}

@media screen and (min-width: 1000px) {
    .anime__page__content .row div:nth-child(6n) #ainfo {
        left: -110px;
    }

    .anime__details__btn.pc, div.pc {
        display: inline-block !important;
    }

}

@media screen and (max-width: 1000px) {
    .movmenu {
        display: inline-flex !important;
    }

    #ainfo {
        display: none !important;
    }

    .anime__details__btn.mov, div.mov {
        display: inline-block !important;
    }

    .movpic {
        float: left;
        margin-right: 17px;
    }

    .movpic img {
        max-width: 120px;
    }
}

@media screen and (max-width: 600px) {
    .scroll::-webkit-scrollbar {
        width: 4px
    }
    .movpic img {
        max-width: 120px;
    }

    .anime_info h3 {
        font-size: 25px;
        line-height: 26px;
        margin-bottom: 8px;
    }

    .anime_info p.scroll {
        max-height: 130px;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 12px !important;
        line-height: 21px;
    }
}

p.info_c {
    width: 100%;
    margin: auto;
    background: #ff7043;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    min-height: 76px;
    display: flex;
    align-items: center;
}

p.info_c i {
    font-size: 50px;
    float: left;
    margin-right: 10px;
}

.data-g i.ti {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    padding: 7px 11px;
    background: #FF9800;
    color: #fff;
    border-radius: 0px 0px 0px 7px;
}

.custom_item {
    margin: 15px 0px;
}

.custom_item .card-text {
    font-size: 13px;
    line-height: 20px;
}

.custom_item .card-status {
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    background: #ff9800;
    padding: 0px 9px;
    font-size: 12px;
}

.custom_item  .card-status.currently {
    background: #36a9e2;
}

.custom_item  .card-status.finished {
    background: #e4493e;
}

.custom_thumb {
    max-height: 200px;
    overflow: hidden;
}

.custom_thumb img {
    position: relative;
    top: -10%;
}

.card-text.synopsis {
    max-height: 115px;
    overflow-y: scroll;
    clear: both;
}

.custom_item:hover .card-text.synopsis::-webkit-scrollbar-thumb {
    background: #ccc;
}

.custom_item .card-text.synopsis::-webkit-scrollbar {
    width: 4px;
    height: 8px;
}

.custom_item .card-text.synopsis::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 4px;
}

.custom_item .card-text.synopsis::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
}

.custom_item .card-text.synopsis::-webkit-scrollbar-thumb:active {
    background-color: #555;
}

p.card-txt {
    float: left;
    position: relative;
    left: 10px;
    background: #4da8e2;
    padding: 1px 12px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
}

.card-info {
    min-height: 33px;
    width: 100%;
    display: block;
    clear: both;
}

ul.drop-lists {
    background: #ffff;
    position: absolute;
    bottom: 52px;
    z-index: 99;
    width: 300px;
    border-radius: 7px;
    min-height: 150px;
    box-shadow: 0 2px 2px rgba(0,0,0,.1);
    padding: 8px;
    display: table;
}

.drop-lists p {
    line-height: 150px;
}

.gg-play-list-add {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    transform: scale(var(--ggs,1));
    width: 12px;
    height: 6px;
    border-top: 0 solid transparent;
    border-bottom: 2px solid transparent;
    box-shadow:
    inset 0 -2px 0,
    -2px 4px 0 -2px,
    0 -2px 0 0;
    margin-right: 10px;
    position: relative;
    top: -3px;
}

.gg-play-list-add::after,
.gg-play-list-add::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 2px;
    background: currentColor;
    top: 6px;
    right: -8px
}

.gg-play-list-add::before {
    width: 2px;
    height: 10px;
    top: 2px;
    right: -4px
}

.playinfo_buttons button {
    padding: 9px 20px;
    display: inline-block;
    position: relative;
    top: 22px;
    background: #e3e3e3;
    border: none;
    border-radius: 8px;
}

button.likebtn span {
    margin-left: 10px;
}
button.likebtn.up {
    background: #2e9fff;
    color: #fff;
}

button.likebtn.pulse {
    animation: pulse 1s;
}

@media screen and (min-width: 767px) {
    .custom_item2:hover img {
        left: 0;
        top: 0;
        padding: 0;
        flex: 0 0 100%;
        max-width: 200%;
        width: 120%;
        left: 0;
        height: 120%;
        top: 0;
    }
}

@media screen and (max-width: 767px) {
    .personajes li b {
        font-size: 12px;
        padding: 5px 10px;
    }

    div#left, div#right {
        width: 100% !important;
    }

    .reg h3, .reg p {
        display: none;
    }

    .reg a {
        background: #03A9F4;
        color: #fff;
    }

    #mc #right {
        position: unset !important;
        height: auto;
        background: transparent;
    }

    .reg {
        margin: 0 !important;
    }

    .custom_thumb2 {
        height: auto;
        width: -webkit-fill-available;
        position: unset;
        width: 100%;
        float: none;
        text-align: center;
    }

    .custom_item2 .card-title span a {
        color: #1d1d1d !important;
    }

    .custom_thumb2 .card-title {
        position: unset;
        background: transparent;
        color: unset;
        width: 100%;
        display: block;
        font-weight: unset;
        text-align: left;
        padding: 9px 22px;
    }

    .custom_thumb2 .card-title a {
        color: #3a8fd1 !important;
        font-size: 21px;
    }

    .custom_thumb2 img {
        height: 100% !important;
        width: 100%;
        position: unset;
    }

    .custom_item2 .row {
        display: unset;
        margin: 0;
    }
}

@media screen and (max-width: 400px) {
    .custom_thumb2 img {
        height: 41% !important;
        width: 66%;
    }

    .custom_thumb2 {
        height: auto;
    }

    .custom_item2 .card-status, p.card-txt {
        padding: 1px 7px;font-size: 10px;
    }

    .custom_flex > * {
        -ms-flex: 0 0 45%;
        flex: 0 0 49%;
        max-width: 45%;
    }

    .custom_item2 {
        margin: 0% 2%;
    }

    .custom_item2 .card-title {
        font-size: 14px;
    }

    .custom_item2 .col-md-7 {
        margin: 0;
        padding: 0;
    }
}

.custom_item2 img {
    transition: all .3s ease-in-out;
}

h5.card-title-alt {
    display: none;
}

h5.card-title-alt a {
    display: block;font-size: 22px;
}

h5.card-title-alt span a {
    display: block;
    font-size: 13px;
}

div#recientes_div, div#historial_div {
    width: 100%;
}

#recientes_div #loadbtn {
    text-align: center;
    margin: 9px 1px;
    position: relative;
    top: -10px;
    cursor: pointer;
}

#recientes_div #loadbtn div {
    background: #d9d9d9;
    color: #000;
    padding: 5px 5px;
    border-radius: 5px;
    width: 25%;
    min-width: 250px;
    display: inline-block;
}

#recientes_div #loadbtn div:hover {
    background: #b9b9b9;
    color: #000;
}

div#recientes_div {
    position: relative;
}

.row.recientes_div {
    margin-top: 23px;
}

.section-title.init {
    width: 100%;
    margin-bottom: 12px;
}

.section-title.init h4 {
    margin-bottom: 10px;
}

.init_select {
    float: right;
    margin-top: -32px;
}

.see_all {
    padding: 3px 12px;
    margin-left: 10px;
    position: relative;
    z-index: 1;
}

div#qloader {
    margin: auto;
    display: block;
}

.search_history, div#search_results {
    position: absolute;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    width: 100%;
    height: auto;
    min-height: 50px;
    border-radius: 5px;
    margin-top: 3px;
    z-index: 50;
    top: 50px;
}

.search_history {
    width: 100%;
    left: 18px;
    padding: 9px;
    margin-top: 7px;
}

.searchbg .search_history {
    left: 0;
}

.search_history > h3 {
    font-size: 23px;
    padding: 3px 7px 7px 7px;
    font-weight: bold;
}

.mob div#search_results {
    position: unset !important;
}

.history_list,ul.qr_r {
    list-style: none;
}

.history_list a,ul.qr_r a {
    color: #000;
    font-size: 14px;
    width: 100%;
    line-height: 50px;
    font-weight: bold;
    display: inline-block;
}

.qr_thumb {
    display: inline-block;
    max-height: 50px;
    max-width: 50px;
    overflow: hidden;
    margin-right: 9px;
}

.qr_thumb img {
    position: relative;
    top: -10px;
}

.history_list h3 b,ul.qr_r h3 b {
    background: #607d8b;
    color: #fff;
    padding: 2px 6px;
    font-size: 10px;
    border-radius: 5px;
    margin-left: 5px;
    position: relative;
    top: -2px;
}

li.qall a {
    text-align: center;
    padding: 0 !important;
    display: inline-block;
    font-size: 14px;
    background: #f7f7f7;
}

.search_history .qall {
    padding: 0;
    background: none;
    margin-top: 5px;
}

.search_history li.qall a {
    background: #f7f7f7;
    border-radius: 0px 0px 5px 5px;
    text-align: center;
    padding: 10px !important;
    cursor: pointer;
    line-height: unset;
}

.search_history li.qall a:hover {
    background: #dadada;
}

.history_list h3,.qr_r h3 {
    font-size: 15px;
}

.search_history li a,.qr_r li a {
    padding: 8px;
}

.search_history a:hover, .qr_r a:hover {
    background: #ddd;
}

p.qr_nr {
    padding: 12px;
    text-align: center;
}

.share-content {
    top: 50%;
    left: 50%;
    position: fixed;
    max-width: 500px;
    width: 90%;
    z-index: 51;
    color: #fff;
    padding: 10px;
    top:0;
    bottom: 0;
    margin: auto;
}

#share-back {
    position: fixed;
    opacity: 0.8;z-index: 50;
    background: #000000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;}
    #modal-back.f {
    background: #9b9b9b;
}

.share-content h3 {
    padding: 15px 0px;
    text-align: center;
}
.share-content button {
    border: none;
    padding: 5px 7px;
    display: block;
    width: 100%;
    margin: 5px 0px;
    border-radius: 5px;
}

button.swp {
    background: #1fa67a !important;
    color: #fff !important;
}

button.sfb {
    background: #3e5698 !important;
    color: #fff !important;
}

button.stw {
    background: #53acef !important;
    color: #fff !important;
}

nav .pagination {
    text-align: center;
    margin: 20px 0px 0px 0px;
    display: inline-block;
    width: 100%;
}

.pagination li > a, .pagination li > span {
    padding: 14px 19px;
    border-color: #e7e7e7;
    border-radius: 5px;
    margin-top: 5px;
}

.pagination li {
    display: inline-block;
}

.mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 103;
    will-change: transform;
    transform: translateZ(0);
    height: 70px;
    box-shadow: 0 -2px 5px -2px #cfcfcf;
    background-color: #fff;
}

.mobile-bottom-nav__item {
    flex-grow: 1;
    text-align: center;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #333;
}

.mobile-bottom-nav__item--active {
    color: #2d94cf;
}

.mobile-bottom-nav__item-content {
    display: flex;
    flex-direction: column;
}

.mobile-bottom-nav__item-content i {
    font-weight: lighter;
    font-size: 20px;
}

@media screen and (max-width: 993px) {
    .mobile-bottom-nav {
        display: flex;
    }

    .header__logo {
        display: block;
        width: 100%;
        max-width: unset;
    }
    
    img.logoweb {
        margin-left: 0px;
        top: -5px;
        position: relative;
    }

    .header__right {
        position: relative;
        top: 10px;
        right: 0px;
        justify-content: end;
    }
    
    .trending_div {
        max-height: 1200px;
    }
}

.header__right #form_search_ajax {
    display: none;
    width: 100%;
}

@media screen and (min-width: 993px) {
    .page-content {
        padding-left: 100px;
        padding-right: 10px;
        padding-top: 110px;
    }

    nav.mobile-bottom-nav {
        left: 0;
        right: auto;
        top: 0;
        height: 100%;
        padding-top: 100px;
        z-index: 100;
    }

    .mobile-bottom-nav__item {
        padding: 15px;
    }

    .mobile-bottom-nav__item--active {
        border-right: 2px solid #50bfff;
        background: #e1f4ff;
    }
    
    .header__right #form_search_ajax {
        display: flex;
    }
}

.searchbg {
    position: fixed;
    top: 0;
    left: 0;
    background: #000000bf;
    width: 100%;
    height: 100%;
    z-index: 102;
}

.searchbg form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    display: block;
    z-index: 15;
}

.searchbg .buscanime {
    border-radius: 0;
    padding: 17px 50px 17px 17px;
}

.searchbg #search_results, .searchbg .search_history {
    background: #eee;
    border-radius: 0;
    margin-top: 0;
    padding: 17px 11px;
    width: 100%;
}

.searchbg button.buton-form {
    right: 15px;
    top: 13px;
}

div#filtro_div.n > form {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 1rem;
}

div#filtro_div.n .fil {
    display: flex;
    flex-direction: column;
    gap: 3px;
    justify-content: flex-end;
}

div#filtro_div.n .fil.bte {
    flex-direction: unset;
    align-items: flex-end;
}

div#filtro_div.n .fil.bte button {
    width: 75%;
    height: 33px;
}

div#filtro_div.n .fil.bte a.btn {
    width: 25%;
    height: 33px;
}

div.modes {
    display: block;
    text-align: right;
    width: 100%;
}

nav.dir_options {
    display: flex;
}

nav.dir_options button {
    background: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 0px rgb(0 0 0 / 12%);
}

nav.dir_options button.show_filters {
    width: 120px;
    background: #627d8b;
    color: #fff;
}

nav.dir_options button.show_filters.active {
    background: #1f7aff;
}

div.modes .active {
    background: #1f7aff;
    color: #fff;
}

.bdg.Special, .badge.Special {
    background: #4a5464;
}

.bdg.TV, .badge.TV {
    background: #1f7aff;
}

.bdg.Movie, .badge.Movie {
    background: #4a5464;
}

.bdg.ONA, .badge.ONA {
    background: #2d849f;
}

.bdg.OVA, .badge.OVA {
    background: #2d849f;
}

.bdg.Music, .badge.Music {
    background: #2d849f;
}

.badge.currently {
    background: #fc9e00;
}

.badge.notyet {
    background: #4a5464;
}

.d-thumb .badges-bottom {
    position: absolute;
    right: 5px;
    bottom: 10px;
}

.d-thumb .badges-top {
    position: absolute;
    right: 5px;
    top: 10px;
}

.a-thumb {
    position: relative;
}

.a-thumb .badges {
    position: absolute;
    top: 7px;
    left: 6px;
}

.a-thumb .badge {
    padding: 7px 11px;
    border-radius: 20px;
}

.d-thumb {
    height: 100%;
    position: relative;
}

.mode3 .badge, .d-thumb .badge {
    padding: 7px 11px;
    border-radius: 20px;
}

.mode1 .strlimit {
    display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
}

h5.strlimitv2 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 19px;
    display: inline-block;
    display: -webkit-box;
    max-height: 38px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    position: relative;
    z-index: 1;
    margin-top: 4px;
}

.autoimage .d-thumb img {
    aspect-ratio: 1/0.60;
}

.autoimagedir .d-thumb img {
    aspect-ratio: 1/1.5;
}

.mode1 .card-body {
    position: absolute;
    bottom: 0;
    background: linear-gradient(to bottom, transparent, #000000);
    width: 100%;
}

.mode1 .card-body h5 {
    color: #fff;
    text-shadow: 1px 2px 2px #000000;
}

.mode1 .card-body p {
    display: none;
}

.mode1 .card-title {
    margin-bottom: 0;
}

.mode1 .card {
    overflow: hidden;
    border: none;
    box-shadow: 1px 1px 1px 0px rgb(0 0 0 / 12%);
}

.mode1 .card:hover img{
    transform: scale(1.5);
}

.mode1 .card img {
    transition: transform 0.3s;
    height: 100%;
}

@media screen and (max-width: 500px) {
    .mode1 .d-thumb .badge {
        font-size: 12px;
        padding: 5px 7px;
        margin-left: 3px !important;
    }
}

@media screen and (min-width: 600px){
    .mode2 .card-title {
        background: linear-gradient(to bottom, #00000000, #00000061, #000000);
        padding: 30px 9px 6px 9px;
    }

    .mode2 .card-title {
        color: #fff;
        text-shadow: 1px 2px 2px #000000;
    }
}

.mode3 .card-title {
    font-size: 22px;
}

.card-body-home .card-title {
    font-size: 18px;
}

.mode3 .badge {
    margin-right: 4px;
    color: #fff;
}

.mode3 .custom_thumb3 img {
    max-width: 220px;
    height: 100%;
}

.mode3 .strlimit {
    display: -webkit-box; 
    overflow: hidden; 
    text-overflow: ellipsis;
}

.mode3 .card {
    overflow: hidden;
    border: none;
    box-shadow: 5px 5px 6px 0px rgb(0 0 0 / 2%);
}

@media screen and (max-width: 600px){
    .mode3 .custom_thumb3 img {
        max-width: 120px;
    }

    .mode3 .strlimit {
            display: none;
    }

    .mode3 .card-title {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .mode1.page_directorio, .mode3.page_directorio {
        padding: 10px 10px;
    }

    .trending__anime .tab-content .card-title {
        font-size: 15px;
    }

    div#filtro_div.n > form {
        display: inline-block;
    }

    div#filtro_div.n .fil {
        width: 49%;
        display: inline-flex;
        gap: 0;
        padding: 1%;
    }

    div#filtro_div.n .fil.bte {
        width: 100%;
        margin-top: 10px;
    }

    div#filtro_div .nice-select {
        margin: 0;
    }
}

@media screen and (max-width: 480px) {
    .mode1.page_directorio, .mode3.page_directorio {
        padding: 10px 10px;
    }

    .trending__anime .tab-content .card-title {
        font-size: 13px;
    }

    .autoimage .card-body {
        margin: 0;
        padding: 12px 11px !important;
    }

    .autoimage h5.strlimit.card-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.custom_thumb_home {
    max-width: 28%;
    margin-right: 12px;
}

.custom-tabs-home {
    border: none;
    background: #e9e9e9;
    border-radius: 10px;
    padding: 0;
    margin: 0;
    padding: 4px 4px;
}

.custom-tabs-home .nav-link {
    border: none;
    border-radius: 10px;
    color: #6c757d;
}

@media screen and (max-width: 500px) {
    .custom-tabs-home .nav-link {
        font-size: 14px;padding: 10px 10px;
    }
}

.custom-tabs-home .nav-link.active {
    border: none;
    background: #f9a510;
    color: #fff;
}

.anime_data ul {
    list-style: none;
}

.anime_data li > span {
    display: block;
    font-weight: bold;
    font-size: 16px;
}

.card-bod.anime_data {
    padding: 9px 12px;
}

.anime_data {
    padding: 10px 10px;
    font-size: 15px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #e9ecef;
}

.anime_data strong {
    font-size: 17px;
}

.anime_info span {
    display: block;
    margin-bottom: 16px;
    font-size: 14px;
}

.anime_info p {
    color: #000;
    font-size: 16px;
    display: flex;
}

.anime_bar {
    display: flex;
    text-align: right;
    align-items: center;
    margin-bottom: 24px;
    width: 100%;
    background: #e9e9e9;
    padding: 10px 11px;
    border-radius: 7px;
}

.anime_data, .anime_pic, .anime_pic img {
    width: 100%;
    display: inline-block;
}

.nice-select.anime__pagination {
    padding: 18px 35px  18px 20px;
    line-height: 0px;
}

*[data-tooltip]:not(.loop) {
    position: relative;
}

*[data-tooltip]:not(.loop):hover:before {
    pointer-events: none;
    position: absolute;
    top: 100%;
    right: -50%;
    z-index: 99999;
    content: attr(data-tooltip);
    margin-top: 8px;
    padding: 9px 15px;
    width: 200px;
    width: max-content;
    overflow: hidden;
    word-wrap: break-word;
    font-size: 15px;
    color: #FFF;
    text-align: center;
    background-color: rgb(0 0 0 / 75%);
    box-sizing: border-box;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

*[data-tooltip]:not(.loop):hover:after {
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 99999;
    content: '';
    margin-left: -4px;
    width: 0;
    height: 0;
    border: 5px dashed transparent;
    border-bottom: 5px solid rgb(0 0 0 / 75%);
    font-size: inherit;
    margin-top: -2px;
}

.form-outline i {
    position: absolute;
    left: 10px;
    top: 100%;
    bottom: 100%;
    margin: auto;
    height: 60px;
    font-size: 20px;
}

.form-outline {
    position: relative;
}

.auth-container {
    position: relative;
    width: 100%;
    height: 560px;
    overflow: hidden;
}

.auth-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
}

.auth-wrapper.login {
        transform: translateX(0%);
}

.auth-wrapper.register {
        transform: translateX(100%);
}

.auth-container.active .auth-wrapper.login {
        transform: translateX(-100%);
}

.auth-container.active .auth-wrapper.register {
        transform: translateX(0%);
}

.auth-container.active {
        height: 600px;
}

.auth-wrapper h2 {
        font-size: 19px;
        font-weight: 700;
}

.card-percent {
    height: 4px;
    background: #ffffff85;
    z-index: 1;
}

.card-percent span {
    width: 0%;
    background: #FF9800;
    display: block;
    height: 100%;
}

.dir1 {
    flex-direction: column;
}

.dir1 time {
    padding: 4px 11px;
    color: #898989;
    text-align: center;
}

button.clear_history {
    margin-top: -21px;
    float: right;
}

@media screen and (max-width: 550px) {
    button.clear_history {
        margin-top: 20px;
    }
}

.guardado_item .card-percent {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    z-index: 3;
    margin: auto;
}

.guardado_item .card-shadow {
    content: '';
    width: 100%;
    z-index: 2;
    height: 50px;
    background: linear-gradient(to bottom, transparent, #000000);
    position: absolute;
    bottom: 0;
}

.guardado_item .anime__item__pic {
    overflow: hidden;
}

.guardado_item .anime__item__pic {
    border-radius: 4px;
}

.gauth, .dauth {
    margin-bottom: 2px;
    color: #fff;
    background: #eee;
}

.gauth:hover, .dauth:hover {
    color: #fff;
    opacity: 0.8;
}

.gauth {
    background: #ff5722;
    color: #fff;
}

.dauth {
    background: #818cf8;
}

#togglesee h5 {
    font-size: 18px;
    color: #232323;
    font-weight: 300;
    line-height: 30px;
    padding-left: 20px;
    position: relative;
}

#togglesee h5:after {
    position: absolute;
    left: 0;
    top: 0px;
    height: 32px;
    width: 4px;
    background: #ff9d00;
    content: "";
}

div#togglesee.open{
    margin-bottom: 25px;
}