/*
Theme Name: Anitube [Sarthemes]
Theme URI: https://www.anitube.biz/
Author: SarThemes
Author URI: https://sarthemes.com/
Description: Tema desenvolvido exclusivo para esse site.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    list-style:none;
    outline:0;
}

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
}

h1, h2 {
    font-weight: 700;
    font-size: 1em;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, a {
    font-weight: normal;
}
a:active, a:focus {
  outline: 0!important;
  -moz-outline-style: none!important;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
    outline:0;
}

blockquote, q {
    quotes: none;
    outline:0;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
    outline:0;
}

button {
    background: transparent;
    border-radius: 0;
    border: 0;
    padding: 0;

    -webkit-appearance: none;
    -webkit-border-radius: 0;

    user-select: none;
    outline:0;
}

button:focus {
    outline: 0 none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.clear{
    clear:both
}

.none {
    display: none!important;
}

input, textarea, select {
    outline: 0;
}

input::placeholder {
    color: var(--branco);
}

a:focus {
    outline: 0;
}

body:not(.wp-customizer):not(.vc_editor) #wpbody-content{
    outline: 0;
}

body:not{
    outline: 0;
}

a:-webkit-any-link:active {
    outline: 0;
}

a, button {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    outline:0;
}

*, ::after, ::before {
    box-sizing: border-box;
}

a {
    color: var(--color-white);
    text-decoration: none;
}

.space {
    margin-bottom: 60px;
}

html,
body {
    text-decoration: none !important;
    color: #fff;
    width: 100%;
    height: 100%;
    background-color: var(--body);
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

::-webkit-scrollbar {
    width: 0.5em;
    background-color: #000;
    transition: 0.2s;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(255 255 255 / 21%);
    background: 0 0;
}

::-webkit-scrollbar-thumb {
    background-color: #000;
    transition: 0.2s;
}

::-webkit-scrollbar-thumb:hover {
    transition: 0.2s;
    background-color: var(--hover);
}

/* Variaveis de Cores */
:root {
    --body: #000;
    --principal: #a91833;
    --hover: #8b142a;
    --secundaria: #222;
    --terceira: #0c0c0c;
    --white: #fff;
}

/* Framework FlexBox [SarTheme] */
.b_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.b_grid {
    display: -ms-grid;
    display: grid;
}

.b_inline {
    display: inline-flex;
}

.b_column {
    flex-direction: column;
}

.b_align_center {
    align-items: center;
}

.b_align_start {
    align-items: flex-start;
}

.b_space_between {
    justify-content: space-between;
}

.b_center {
    justify-content: center;
}

.b_wrap {
    flex-wrap: wrap;
}

.b_align_stretch {
    align-items: stretch
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: .5;
  }
}

.m_center {
    position: relative;
    max-width: 95%;
    margin: auto;
}

@media (min-width: 1280px) {
    .m_center {
        max-width: 1280px;
        margin: auto;
    }
}

.m_icon.search {
    position: relative;
    display: none;
    cursor: pointer;
    z-index: 3;
    margin-right: 15px;
}

.menu_open {
    display: none;
    position: relative;
    width: 30px;
    height: 20px;
    cursor: pointer;
    margin: 17px;
    margin-left: 40px;
    margin-right: 15px;
    z-index: 89;
}

.menu_open span {
    position: absolute;
    top: 0;
    display: block;
}

.menu_open span,
.menu_open span::before,
.menu_open span::after {
    width: 30px;
    height: 3px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #fff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.menu_open span::before,
.menu_open span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 18px;
}

.menu_open span::after {
    top: 9px;
}

.menu_open.open span {
    background-color: transparent;
}

.menu_open.open span::before {
    -webkit-transform: rotate(45deg) translate(-4px, -7px);
    -ms-transform: rotate(45deg) translate(-4px, -7px);
    transform: rotate(45deg) translate(-4px, -7px);
}

.menu_open.open span::after {
    -webkit-transform: rotate(-45deg) translate(1px, 2px);
    -ms-transform: rotate(-45deg) translate(1px, 2px);
    transform: rotate(-45deg) translate(1px, 2px);
}

.menu_open.open {
    position: fixed;
    top: 20px;
    right: 27px;
    margin: 0;
}

.m_menu_p {
    position: relative;
    background: var(--principal);
    border-bottom: 2px solid #6c0f1f;
    border-radius: 10px 10px 0 0;
    height: 50px;
    overflow: hidden;
}

.m_menu_p .m_ul {
}

.m_topo {
    margin: auto;
    padding: 35px 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.m_topo::before {
    background-image: url(img/bgdegrade.png);
    content: '';
    width: 649px;
    height: 289px;
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.m_topo .logo {
    background-image: url(img/logo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 249px;
    height: 68px;
    z-index: 2;
}

.pesquisa {
    position: relative;
    width: 350px;
    margin-right: 25px;
}

.pesquisa input[type=text] {
    border: none;
    padding: 15px 39px 15px 25px;
    width: 100%;
    background: #222;
    color: #969696;
    border-radius: 22px;
}

.pesquisa button[type=submit] {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: none;
    background: url(img/icons/search.png) no-repeat center;
    background-size: 20px;
    background-color: #c62242;
    cursor: pointer;
    font-size: 0px;
}

.h100 {
    height: 100%;
}

.m_menu_p .m_ul li {
    position: relative;
    display: flex;
    padding: 0 15px;
}

.m_menu_p .m_ul li:after {
    position: absolute;
    content: "";
    right: 0;
    width: 1px;
    height: 20px;
    background: #ffffff38;
}

.m_menu_p .m_ul li:last-child:after {
    width: 0;
    height: 0;
}

.m_menu_p .m_ul li a {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.m_menu_p .m_ul li a:hover {
    animation: blinker 1s linear infinite;
}

.translate {
    padding: 0;
    background: #6c0f1f;
    padding: 10px 20px;
    height: 100%;
    margin: 0;
}

.translate ul {
    margin: 0 0 0 -10px;
    padding: 0;
}

.translate ul li {
    list-style: none;
    display: inline-block;
}

.translate ul li a {
    padding: 5px 10px;
}

.translate ul li a img {
    display: inline-block;
    margin-bottom: -7px;
}

.m_menu_s {
    position: relative;
    background: #8e152a;
    border-bottom: 2px solid #6c0f1f;
    border-radius: 0 0 3px 3px;
    height: 50px;
    overflow: hidden;
}

.m_menu_s .m_ul li {
    position: relative;
    display: flex;
    padding: 0 15px;
}

.m_menu_s .m_ul li:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 1px;
    height: 13px;
    background: #4004108c;
}

.m_menu_s .m_ul li:last-child:after {
    width: 0;
    height: 0;
}

.m_menu_s .m_ul li a {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff52;
}

.m_menu_s .m_ul li a:hover {
    animation: blinker 1s linear infinite;
}

.user_pro {
    position: relative;
}

.user_pro .avatar {
    position: relative;
    width: 43px;
    height: 43px;
    border-radius: 20% 10%;
    border: 2px solid #c62242;
    overflow: hidden;
    margin-right: 10px;
}

.user_pro .avatar img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user_pro .user-name {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

.user_pro .user-name span {
    color: #fff;
    transition: transform .2s ease-out;
    margin-left: 3px;
}

.user_pro .user-name.active span {
    transform: rotate(180deg);
    color: var(--hover);
}

.user_pro .user-name:hover span {
    color: var(--principal);
}

.user_pro .material-icons {
    font-size: 18px;
    margin-right: 7px;
}

.user_pro .user_menu {
    display: none;
    min-width: 175px;
    position: absolute;
    top: 51px;
    padding: 0;
    background: #a91833;
    box-shadow: 0 3px 5px #0000003b;
    margin: 0 -26px;
    z-index: 99;
}

.user_pro .user_menu .item-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-bottom: 1px solid #00000026;
    font-size: 13px;
    color: #fff;
}

.user_pro .user_menu .item-sub a {
    color: #fff;
}

.user_pro .user_menu .item-sub span {
    font-size: 16px;
    margin-right: 5px;
}

.user_pro .user_menu .item-sub:last-child {
    border: 0;
}

.user_pro .user_menu .item-sub:hover,
.user_pro .user_menu .item-sub a:hover {
    color: #ffb6c4;
}

#signout {
    cursor: pointer;
}


.icon_user {
    display: flex;
    border-radius: 20px;
    padding: 10px 15px;
    background: #1d1d1d;
    cursor: pointer;
    align-items: center;
    transition: 0.3s;
    box-shadow: 0 0 5px #0000004d;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bolder;
}

.icon_user span {
    font-weight: bold;
}

.icon_user:hover {
    background-color: var(--principal);
}

.sliderTab {
    margin: 2em 0;
}

.sliderTab .tab-item {
    display: inline-block;
    border-bottom: 30px solid #6f1122;
    border-right: 15px solid transparent;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 5px;
    height: 0;
    font-size: 15px;
    cursor: pointer;
}

.sliderTab .tab-item.active {
    border-bottom: 30px solid #8b142a;
}

.abasContent {
    background: #8b142a;
    padding: 10px;
    display: none;
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}

.abasContent.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.aniItem {
    width: calc(100%/5 - 10px);
    position: relative;
    overflow: hidden;
    margin: 5px 5px 10px;
}

.sliderTab .aniItem {
    width: calc(100%/8 - 10px);
}

.aniItem .aniItemCapa {
    border-radius: 6px;
    padding-top: 126%;
    overflow: hidden;
    position: relative;
}

.abasContent .aniItem .aniItemCapa {
    padding-top: 135%;
}

.aniItem .aniItemCapa img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aniItemOverflow {
    background: rgba(169, 24, 51, 0.9);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .5s all ease;
    z-index: 5;
}

.aniItem:hover .aniItemOverflow,
.itemE:hover .aniItemOverflow {
    opacity: 1;
}

.aniItemOverflow .playIcon {
    width: 40px;
    height: 40px;
    background: url(//www.anitube.biz/wp-content/themes/newAnitube/img/play.png) no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: rotate(-90deg);
    filter: blur(1px);
    opacity: 0;
    transition: .5s all ease;
}

.aniItem:hover .playIcon,
.itemE:hover .playIcon {
    transform: rotate(0);
    filter: blur(0);
    opacity: 1;
}

.aniItemOverflow .borderCapa {
    width: 110%;
    height: 110%;
    position: absolute;
    border: 1px solid #fff;
    border-radius: 6px;
    top: 0;
    left: -2px;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: .5s all ease;
}

.aniItem:hover .borderCapa,
.itemE:hover .borderCapa {
    width: 93%;
    height: 93%;
    left: 0;
}

.aniItem .aniItemNome {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: center;
    font-size: 13px;
    padding: 5px 0 0;
}

.rwl {
    width: 100%;
    table-layout: fixed;
    margin: .25em 0 0;
}

.clw,
.crw {
    vertical-align: top;
}

@media (min-width: 960px) {
    .rwl {
        display: table;
    }

    .clw,
    .crw {
        display: table-cell;
    }

    .clw {
        padding-right: 20px;
    }

    .crw {
        padding-left: 20px;
        width: 26%;
    }
}

.titleD {
    display: flex;
    align-items: center;
    padding: 0;
    border-radius: 3px;
    font-size: 15px;
    text-transform: uppercase;
    margin: 20px 0;
}

.titleD:before {
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background: var(--principal);
    margin-right: 10px;
}

.titleD h2 {
    font-weight: bold;
}

.itemE {
    position: relative;
    width: calc(100%/4 - 10px);
    margin: 5px 5px 10px;
    overflow: hidden;
}

.itemE .thumb {
    position: relative;
    padding-top: 65.55%;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: hidden;
}

.itemE .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.itemE .title {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: center;
    font-size: 14px;
}

.conteudoBox {
    width: 100%;
    border-radius: 3px;
    color: #ccc;
    margin-bottom: 20px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.boxBarraInfo {
    font-size: 1.2em !important;
    color: #fff;
    min-height: 22px;
    line-height: 22px;
    border: 1px solid #212121;
    border-radius: 3px;
    padding: 15px 17px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.boxBarraInfo h1,
.boxBarraInfo h2,
.boxBarraInfo h3 {
    font-weight: 500 !important;
    font-size: 15px;
}

.box_content {
    width: 100%;
    margin: 10px 0;
    color: #999;
    line-height: 18px;
}

.genres {
    width: 100%;
}

.genres li {
    display: flex;
    width: calc(100%/2 - 6px);
    font-size: 12px;
    margin: 5px 3px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
    transition: ease .5s;
    align-items: center;
    justify-content: center;
    background: var(--principal);
}

.genres li a {
    font-weight: 500;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
}

.genres li:hover {
    background: #6c0f1f;
}

.article_title {
    padding: 5px 0;
    margin-bottom: 25px;
    border-radius: 3px;
}

.article_title h1 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 3px;
}

.article_title .left {
    font-size: 13px;
    color: #828282;
}

.article_title .articleCat b {
    color: var(--principal);
}

.episode_list {
    background: #1c1c1c;
    overflow: auto;
    max-height: 402px;
}

.episode_list .item {
    position: relative;
    padding: 15px;
}

.episode_list .item:nth-child(2n) {
    background: #00000038;
}

.episode_list .item .dados .title h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.episode_list .item .dados .title h3 .anime {
    font-size: 16px;
    margin-bottom: 3px;
}

.episode_list .item .dados .title h3 .episode {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #707070;
}

.controles {
    width: 60%;
}

.controles .slideButton {
    padding: 17px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
}

.controles .slideButton span {
    margin-left: 10px;
    font-size: 19px;
}

.controles .slideButton:hover,
.controles .slideButton.active {
    background: var(--principal);
}

.controles .slideButton .slideContainer {
    position: absolute;
    top: 50px;
    width: 100%;
    background: #1d1d1d;
    margin: 0 -17px;
    z-index: 99;
    display: none;
}

.controles .slideButton .slideContainer.active {
    display: block;
}

.controles .slideButton .slideContainer div {
    padding: 15px;
    border-bottom: 1px solid #eeeeee12;
}

.controles .slideButton .slideContainer div:hover,
.controles .slideButton .slideContainer div.active {
    background: #00000012;
}

.controles .list {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    overflow: hidden;
}

.controles .list a {
    background: #a91833;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    width: calc(100%/3);
    justify-content: center;
    padding: 20px 17px;
    height: 100%;
    cursor: pointer;
}

.controles .list a .material-icons {
    display: block;
    font-size: 22px;
    margin-right: 10px;
}

.controles .list a .text {
    margin-left: 15px;
    font-size: 13px;
    font-weight: 500;
}

.controles .list a.list-ep {
    background: #891127;
}

.controles .list a .name {
    font-size: 14px;
    font-weight: bolder;
}

.controles .list a svg {
    width: 20px;
    fill: #fff;
}

.controles .list a:hover {
    background: #770d20;
}

.mobile_b {
    width: calc(40% - 10px);
    background: #171717;
    border-radius: 5px;
    margin-left: 10px;
    overflow: hidden;
}

.mobile_b li {
    width: calc(100%/3 - 10px);
    padding: 17px;
    cursor: pointer;
    justify-content: center;
}

.mobile_b li svg {
    width: 20px;
    fill: #fff;
}

.mobile_b li .text {
    font-size: 14px;
    font-weight: bolder;
    text-transform: uppercase;
    margin-left: 10px;
}

.mobile_b li:hover {
    background: #222;
}

.mobile_b li.report_video {
    width: calc(100%/3 + 20px);
}

.titleC {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 25px 0;
}

.titleC span {
    color: var(--principal);
    font-weight: 500;
}
/* Lista */
.AniPageContainer {
    background: #111;
    margin-bottom: 10px;
}

.AniPageContainerTitulo {
    padding: 20px 10px;
    background: #a91833;
}

.AniPageContainerContent {
    font-size: 10px;
    overflow: hidden;
    clear: both;
    padding: 10px 10px 0;
}

#capaAnime {
    position: relative;
    float: left;
    margin-right: 10px;
}

#capaAnime img {
    width: 200px;
}

.AniPageContainerContent div p {
    margin: 0;
}

.boxAnimeSobre {
    font-size: 14px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.boxAnimeSobreLinha {
    padding: 5px 10px;
    border-bottom: 1px dashed #1d1d1d;
}

.boxAnimeSobreLinha:first-child {
    margin-top: 0;
}

#sinopse2 {
    width: 100%;
    font-size: 13px;
    float: left;
}

#sinopse2 h2 {
    padding: 10px;
    background: #a91833;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

#sinopse2 p {
    padding: 15px;
    margin: 0 0 15px;
    text-align: justify;
    background: #1d1d1d;
    border-radius: 3px;
}

.AniPageContainerLista {
    border-top: 10px solid #000;
    margin: 0 -10px 0 -10px;
}

.AniPageContainerListaTitulo {
    padding: 10px;
    background: #a91833;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.AniPageContainerLista a {
    display: block;
    width: 100%;
    background: #1d1d1d;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}

.AniPageContainerLista a:nth-child(2n+1) {
    background: #1f1f1f;
}

.AniPageContainerLista a:visited {
    color: #a91833;
}

.AniPageContainerUploader {
    position: relative;
    margin-bottom: 10px;
}

.AniPageContainerUploaderTitulo {
    display: table;
    padding: 5px 10px;
    font-size: 13px;
    background: #a91833;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.AniPageContainerUploaderContent {
    background: #111;
    padding: 10px;
    font-size: 13px;
    overflow: hidden;
    clear: both;
}

.AniPageContainerContentFoto {
    float: left;
    margin-right: 10px;
    border: 2px solid #1d1d1d;
}

.AniPageContainerContentFoto img {
    display: block;
}

.AniPageContainerContentInfos {}

.AniPageContainerContentInfo {
    padding: 5px 10px;
    font-size: 12px;
    background: #1d1d1d;
}

.AniPageContainerContentInfo:nth-child(2n+1) {
    background: #1f1f1f;
}

.AniPageContainerUploaderContentItem {
    margin-bottom: 10px;
}

.AniPageContainerContent p {
    margin: 15px 0;
}
/* Tooltip */
.tooltip {
    position: relative;
}

.tooltip .tooltiptext {
    display: none;
    position: absolute;
    padding: 10px;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 1s;
    font-size: 11px;
    width: 120px;
    text-align: center
}

.tooltip:hover .tooltiptext {
    display: block;
    opacity: 1
}

.tooltip-right {
    top: 13px;
    left: 110%
}

.tooltip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid
}

.tooltip .tooltip-text {
    position: absolute;
    background: #ffffff;
    border-radius: 5px;
    display: none;
    padding: 5px;
    width: 130px;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    z-index: 10;
    top: calc(100% + 25%);
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 86%);
    color: #000000;
}

.tooltip .tooltip-text[data-size=medium] {
    width: 350px
}

.tooltip .tooltip-text[data-size=noticias] {
    width: 320px
}

.tooltip .tooltip-text[data-size=large] {
    width: 500px
}

.tooltip .tooltip-text:after,
.tooltip .tooltip-text:before {
    bottom: 100%;
    right: 5px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    border-bottom-color: #ffffff;
}

.tooltip .tooltip-text:before {
    border-bottom-color: #000;
    border-width: 8px;
    right: 3px;
}

.tooltip .tooltip-text[data-position=right] {
    left: calc(100% + 25%);
    top: 32%;
}

.tooltip .tooltip-text[data-position=right]:after,
.tooltip .tooltip-text[data-position=right]:before {
    content: " ";
    top: calc(50% - 5px);
    border: 5px solid transparent;
    border-right: 5px solid #fff;
    right: 100%
}

.tooltip .tooltip-text[data-position=right]:before {
    border-right-color: #000;
    border-width: 7px;
    top: calc(50% - 7px);
}

.tooltip .tooltip-text[data-position=left] {
    top: 32%;
    right: calc(100% + 25%);
}

.tooltip .tooltip-text[data-position=left]:after,
.tooltip .tooltip-text[data-position=left]:before {
    content: " ";
    top: calc(50% - 5px);
    left: 100%;
    border: 5px solid transparent;
    border-left: 5px solid #ffffff;
}

.tooltip .tooltip-text[data-position=left]:before {
    border-left-color: #000000;
    border-width: 7px;
    top: calc(50% - 7px);
}

.tooltip .tooltip-text[data-position*=top] {
    bottom: calc(100% + 8px);
    top: auto
}

.tooltip .tooltip-text[data-position*=top]:after,
.tooltip .tooltip-text[data-position*=top]:before {
    top: 100%;
    border: 6px solid transparent;
    border-top-color: #fff
}

.tooltip .tooltip-text[data-position*=top]:before {
    border-top-color: #ccc;
    border-width: 8px;
    right: 3px
}

.tooltip .tooltip-text[data-position=top-left],
.tooltip .tooltip-text[data-position=bottom-left] {
    left: -8px;
    right: auto
}

.tooltip .tooltip-text[data-position=top-left]:after,
.tooltip .tooltip-text[data-position=top-left]:before,
.tooltip .tooltip-text[data-position=bottom-left]:after,
.tooltip .tooltip-text[data-position=bottom-left]:before {
    left: 5px;
    right: auto
}

.tooltip .tooltip-text[data-position=top-left]:before,
.tooltip .tooltip-text[data-position=bottom-left]:before {
    left: 3px;
    right: auto
}

.tooltip .tooltip-text[data-position=top-right],
.tooltip .tooltip-text[data-position=bottom-right] {
    right: -8px;
    left: auto
}

.tooltip .tooltip-text[data-position=top-right]:after,
.tooltip .tooltip-text[data-position=top-right]:before,
.tooltip .tooltip-text[data-position=bottom-right]:after,
.tooltip .tooltip-text[data-position=bottom-right]:before {
    right: 5px;
    left: auto
}

.tooltip .tooltip-text[data-position=top-right]:before,
.tooltip .tooltip-text[data-position=bottom-right]:before {
    right: 3px;
    left: auto
}

.tooltip .tooltip-text[data-position=top],
.tooltip .tooltip-text[data-position=bottom] {
    left: calc(50% - 110%);
}

.tooltip .tooltip-text[data-position=top][data-size=medium],
.tooltip .tooltip-text[data-position=bottom][data-size=medium] {
    left: calc(50% - 183px)
}

.tooltip .tooltip-text[data-position=top][data-size=noticias],
.tooltip .tooltip-text[data-position=bottom][data-size=noticias] {
    left: calc(50% - 163px)
}

.tooltip .tooltip-text[data-position=top][data-size=large],
.tooltip .tooltip-text[data-position=bottom][data-size=large] {
    left: calc(50% - 258px)
}

.tooltip .tooltip-text[data-position=top]:after,
.tooltip .tooltip-text[data-position=top]:before,
.tooltip .tooltip-text[data-position=bottom]:after,
.tooltip .tooltip-text[data-position=bottom]:before {
    left: calc(50% - 5px);
}

.tooltip .tooltip-text[data-position=top]:before,
.tooltip .tooltip-text[data-position=bottom]:before {
    left: calc(50% - 5px);
}

.tooltip:hover .tooltip-text {
    display: block
}
/* Player */
#player p,#player h2,#player h3,#player h4,#player h5 {
    display: none;
}

#player video,#player iframe,#player .metaframe > img {
    width: 100%!important;
    max-height: 545px;
}
/*
*/
.az-list {
    width: 100%;
    /* background: #191919; */
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
}

.az-list ul {
    width: 100%;
}

.az-list ul li {
    width: 100%;
    display: flex;
}

.az-list .list {
    background: #191919;
    width: calc(13.4% - 2px);
    height: 53px;
    border-radius: 3px;
    position: relative;
    padding: 15px 15px;
    font-family: 'Fira Sans';
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    margin: 3px;
}

.az-list .list a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    color: #fff;
    width: 100%;
    height: 100%;
    line-height: 53px;
    font-weight: 500;
    border-radius: 5px;
}

.az-list .list:hover a,
.az-list .list.active a {
    background: var(--principal);
    border-color: var(--principal);
}

@media only screen and (min-width: 980px) {
    .az-list ul li {
        width: 50%;
    }
}

.az-list .list span {
    position: relative;
    z-index: 5;
}

.az-list .list:last-child {
    margin-right: 0;
}

.az-list .list:first-child {
    margin-left: 0;
}

.list_animes li a {
    display: block;
    padding: 15px;
    background: #191919;
    margin-bottom: 5px;
    transition: .5s linear;
    font-weight: 500;
}

.list_animes li a:hover {
    background: var(--principal);
}
/* Paginacao */
.content-pagination {
    flex-wrap: wrap;
    justify-content: center;
    margin: 15px 0;
}

.content-pagination li {
    position: relative;
    background: #1f1f1f;
    border-bottom: 2px solid #272727;
    border-radius: 3px;
    margin-left: 5px;
    margin-bottom: 7px;
    padding: 10px 15px;
    text-align: center;
    min-width: 44px;
    cursor: pointer;
}

.content-pagination li:hover,
.content-pagination li.active {
    background: #a91833!important;
    border-color: #86152a!important;
}

.content-pagination li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: transparent;
}

.content-pagination li svg {
    width: 8px;
    fill: #fff;
}

.content-pagination li:hover svg {
    fill: #fff!important;
}

.mp-icon.arrow-icon.left {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.seemore {
    display: block;
    width: 238px;
    background: #232323;
    border-radius: 40px;
    padding: 18px 15px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    margin: 10px auto 20px;
    transition: .5s ease;
    cursor: pointer;
}

.seemore:hover {
    background: var(--principal);
}
/* Comentarios 
*********************** */
.comentarios {
    margin-top: 30px;
}

.comments .titleD {
    margin: 25px 0 0px;
}

.title_comments {
    font-family: 'Righteous', cursive;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.title_comments span {
    margin-right: 10px;
    font-size: 23px;
    color: var(--principal);
}

#comentarios .aviso {
    font-size: 14px;
    padding: 15px;
    background: #bc2828;
    font-weight: 500;
    text-align: center;
    margin-bottom: .5rem;
}
.comentarios .aviso {
    text-align: center;
}
.alert_co {
    position: relative;
    color: #ffffff;
    padding: 10px 16px;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    z-index: 88;
    margin: 0;
    background-color: #0d0d0d;
    border-left: 5px solid #fcb431;
}
.alert_co a {
    color:#27ae60;
}
.alert_co a:hover {
    color:#fcb431;
}
.alert_co.sucess {
    border-color: #20cb64;
}
.alert_co.error {
    border-color: #cb1111;
}
#comentar {
    margin: 10px 0 0;
}

.animeComent {
    padding: 18px;
    background: var(--dr);
}

#comentar .submit {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    background: var(--hover);
    margin-top: 1rem;
    padding: 10px 20px;
    border-radius: 5px;
}

.comment-user-info .right {
    width: 100%;
}

.comment-form-cookies-consent {
    padding: 20px 8px;
}

#comentar textarea,
#comentar input[type=text] {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    padding: 15px;
    min-height: 100px;
    border-radius: 3px;
    width: 100%;
    background: #ffffff0f;
    border: 1px solid #1c1c1c;
    color: #666666;
}

.grid {
    display: flex;
}

#comentar input[type=text] {
    min-height: auto;
}

#comentar input[type=text]:nth-child(1) {
    margin-right: 5px;
}

#comentar ul {
    margin: 1.5em 0 0;
    padding: 0 10px;
}

#comentar ul.children {
    margin: 0;
    padding: 15px 0 0;
    padding-left: 60px;
    border-top: 1px solid #ffffff08;
}

#comentar ul li {
    position: relative;
    align-items: flex-start;
    justify-content: flex-start;
    border-bottom: 2px solid #1f1f1f;
    margin-bottom: 1.5em;
}

#comentar ul li:last-child {
    border: 0;
    margin: 0;
}

#comentar ul li .comment-user-info img.avatar {
    margin-right: 10px;
    border-radius: 40px;
    background-color: var(--hover);
    border: 3px solid var(--principal);
    width: 60px;
    height: 60px;
}

#comentar ul li .comment-info-txt {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 10px 0;
}

#comentar ul li .comment-chef {
    display: flex;
    align-items: center;
    word-break: break-all;
    color: #ffffff;
    font-size: 15px;
    font-weight: bolder;
}

#comentar ul li .comment-chef a {
    color: var(--principal);
    font-weight: 500;
}

#comentar ul li .comment-time {
    color: #e2e2e2;
    font-size: 11px;
    margin-left: 10px;
}

#comentar ul li .comment-body {
    font-family: 'Roboto',sans-serif;
    position: relative;
    width: 100%;
    min-height: 40px;
    word-break: break-word;
    word-wrap: break-word;
    color: #999999;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 10px 15px;
}

#comentar ul li .comment-body a {
    color: var(--principal);
}

#comentar ul li .comment-body a.comment-reply-link {
    display: flex;
    align-items: center;
    font-family: Roboto;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

#comentar ul li .comment-body a.comment-reply-link:hover {
    color: var(--principal);
}

#comentar ul li .comment-reply-box {padding: 10px 0 0;}

#comentar ul li .ico.reply {
    display: none;
    width: 22px;
    height: 22px;
    background-color: #fff;
    -webkit-mask-image: url(img/icons/reply.svg);
    mask-image: url(img/icons/reply.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    margin: auto 5px auto 0;
    cursor: pointer;
}

#comentar ul li .comment-body a.comment-reply-link:hover .ico.reply {
    background-color: var(--principal);
}

.comment-reply-title {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 10px;
    color: #fff;
    margin-bottom: .2em;
}

#comentar ul li #respond {
    margin: 1em 0 0;
    padding-left: 0;
}

#comentar ul li #respond .comment-reply-title {
    font-size: 0;
}

#cancel-comment-reply-link {
    display: inline-block;
    position: absolute;
    background: url(img/icons/close_comments.png) no-repeat;
    background-size: contain;
    text-indent: -999em;
    width: 20px;
    height: 20px;
    top: -4px;
    right: -4px;
    z-index: 5;
}

spolier {
    font-size: 0;
}

spolier:before {
    content: "Mostrar Spolier";
    font-family: Roboto;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
}

spolier:hover:before {
    color: var(--principal);
}

spolier.show {
    font-size: 15px;
}

spolier.show::before {
    content: "";
}

#comentarios .title {
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 10px;
}

.playerBg {
    width: 100%!important;
    height: 485px;
}
/* Footer */
.mFooter {
    padding: 0 0 50px;
    text-align: center;
    position: relative;
    margin-top: 7em;
    font-weight: 300;
    font-size: 15px;
    background: #000000;
}

.mFooter .LogoHeader {
    display: block;
    margin: 5px auto 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 230px;
    height: 66px;
    background-image: url(img/logo.png);
}

.subFooter {
    background: #090909;
    padding: 20px;
    color: #727272;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.subFooter span {

    display:block;
}

.fastLinks {
    max-width: 600px;
    margin: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.fastLinks a {
    font-size: 13px;
    font-weight: 500;
    margin: 0 10px;
}

.fastLinks a:hover {
    color: var(--principal);
}

.fastLinks p {
    font-size: 12px;
    font-weight: 500;
    color: #727272;
}

.fxs {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0 5px;
}

.fxs .pdc {
    display: flex;
    flex-wrap: wrap;
}

.social .ico {
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    background-color: #c3c3dd;
    margin: 0 5px;
}

.social .ico:hover {
    background-color: var(--principal);
}

.social .ico.twitter {
    -webkit-mask-image: url(img/icons/twitter.png);
    mask-image: url(img/icons/twitter.png);
    -webkit-mask-size: cover;
    mask-size: cover;
}

.social .ico.facebook {
    -webkit-mask-image: url(img/icons/facebook.png);
    mask-image: url(img/icons/facebook.png);
    -webkit-mask-size: cover;
    mask-size: cover;
}

.social .ico.instagram {
    -webkit-mask-image: url(img/icons/instagram.png);
    mask-image: url(img/icons/instagram.png);
    -webkit-mask-size: cover;
    mask-size: cover;
}

.social .ico.youtube {
    -webkit-mask-image: url(img/icons/youtube.png);
    mask-image: url(img/icons/youtube.png);
    -webkit-mask-size: cover;
    mask-size: cover;
}

.social .ico span {
    font-size: 0;
}

/*
*********************** */
.page404 {
    max-width: 600px;
    margin: 5em auto;
}

.page404 h1 {
    font-size: 180px;
    text-align: center;
    color: var(--principal);
    margin: -50px;
}

.aviso404 {
    font-size: 20px;
    font-weight: bold;
    color: var(--branco);
    text-transform: uppercase;
    text-align: center;
    background: var(--principal);
    padding: 15px;
    border-radius: 50px;
    margin-bottom: 50px;
}

.page404 p {
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px;
}

.page404 ul {padding: 0 15px;}

.page404 ul li {
    margin: 0 0 .5em 0;
}

.page404 .align{
    display: flex;
    justify-content: center;
    margin: 3em 0 0;
}

.page404 .btn-404 {
    width: 200px;
    background: var(--principal);
    border-radius: 50px;
    font-weight: bolder;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 10px;
    color: #fff;
    margin: 0 15px;
    cursor: pointer;
}

.GTTabs_divs {
    display: none;
}

.GTTabs_divs.GTTabs_curr_div {
    display: block;
}

.genres_l {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.genres_l li {
    width: 24%;
    text-align: center;
    background: #111;
    margin-bottom: 1%;
    transition: .2s all ease;
}

.genres_l li:hover {
    background: #a91833;
}

.genres_l li a {
    width: 100%;
    height: 100%;
    padding: 40px;
    display: block;
    overflow: hidden;
}

#light {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 999;
    display: none;
}

#light.active {
    display: block;
}

#player.active {
    position: relative;
    z-index: 1000;
}

.mobile_b li.lightSwitch.active {
    z-index: 1000;
    background: var(--principal);
}

@media (min-width: 1000px) {
    .sliderTab .aniItem {
        max-width: 148px;
    }
}

@media (max-width: 1000px) {
    .m_topo {
        padding: 35px 0 10px;
    }
    .menu_open,
    .m_icon.search {
        display: block;
    }

    .pesquisa {
        position: fixed;
        bottom: 0;
        right: 0;
        display: none;
        width: 100%;
        z-index: 999;
    }
    .pesquisa input[type=text] {
        border-radius: 0;
        padding: 25px 39px 25px 25px;
        background: #000;
        border-top: 1px solid #181818;
    }

    .pesquisa button[type=submit] {
        height: 100%;
        border-radius: 0;
        top: 0;
        right: 0;
        width: 60px;
    }
    .m_topo:before {
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 10px;
        width: 100%;
        height: 289px;
    }
    .m_menu_p {
        height: 100%;
        z-index: 88;
        border-radius: 0;
        transition: .2s ease;
    }

    .m_menu_p.open {
        position: fixed;
        top: 0;
        width: 70%;
        right: 0;
    }

    .m_menu_p.open .left {
        display: block;
    }

    .m_menu_p .m_ul {
        height: auto;
        display: block;
    }

    .m_menu_p .h100 {
        flex-direction: column;
    }

    .m_menu_p .m_ul li {
        padding: 15px;
    }

    .m_menu_p .left,
    .m_menu_p .right {
        width: 100%;
        height: auto;
    }

    .m_menu_p .right {
        align-content: end;
    }

    .m_menu_p .left {
        display: none;
        max-height: 100%;
        overflow: auto;
    }

    .m_menu_s .h100 {
    }

    .m_menu_s {
        display: none;
        height: auto;
    }

    .m_menu_s .m_ul li {
        padding: 15px;
    }

    .m_menu_p.open .m_menu_s {
        display: block;
    }

    .translate ul {
        display: flex;
        justify-content: center;
    }

    .sliderTab .aniItem, .aniItem {
        width: calc(100%/3 - 10px);
    }

    .itemE {
        width: calc(100%/3 - 10px);
    }
}

@media (max-width: 880px) {
    .mobile_b {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    .controles {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .report-wrapper {
        width: 95%;
        left: 2.5%;
        top: 2.5%;
    }
    .report-wrapper .report-container .report-content .checkboxes li {
        width: 100%;
    }
    .genres_l li {
        width: calc(100%/2 - 3px);
    }
}

@media (max-width: 580px) {
    .sliderTab .aniItem, .aniItem {
        width: calc(100%/2 - 10px);
    }

    .itemE {
        width: calc(100%/2 - 10px);
    }
    .sliderTab .tab-item {
        font-size: 12px;
    }
    .controles .list a .name, .mobile_b li .text {
        font-size: 0;
    }
    .playerBg {
        min-height: 300px;
        height: 100%;
    }
}

@media (max-width: 480px) {
    #capaAnime {
        width: 200px;
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
    }
}

@media (max-width: 440px) {
    .m_topo {
        flex-direction: column;
    }

    .m_topo .right {
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .controles .left,.controles .right {
        width: 100%;
    }

    .controles .list {
        width: 100%;
    }

    .controles .list a {
        width: calc(100%/3);
        justify-content: center;
    }

    .controles .list a .tooltip-text {
        display: none!important;
    }

    .m_topo .logo {
        width: 200px;
    }

    .az-list .list {
        width: calc(13.4% - 3px);
    }
}