/*
Theme Name: AnimesOn
Theme URI: https://animesonlineclub.com
Author: 
Author URI: 
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;
}

.playerTabs {
    background: #202020;
    display: flex;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
}

.playerTab:hover, .playerTab.current {
    color: #fff;
    background: #5a2e98;
    border-color: #1f1f30;
}

.playerTab {
    width: 100%;
    text-align: center;
    padding: 13px 0;
    font-weight: 600;
    border-right: 1px solid rgba(255, 255, 255, .04);
    font-size: 13px;
    cursor: pointer;
    transition: var(--transition);
    color: rgba(255, 255, 255, .3);
}

.disable {
  display: initial;
  background-color: initial;
  padding: initial;
}
  
.disableTab {
  font-size: initial;
  color: initial;
  padding: initial;
}

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: 20px;
}

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: #111416;
    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: #303234;
    transition: 0.2s;
}

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

/* Variaveis de Cores */

:root {
    --body: #07060b;
    --principal: #32037c;
    --hover: #16111c;
    --secundaria: #0a0610;
    --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
}

.m_center {
    position: relative;
    max-width: 1290px;
    padding: 0 20px;
    margin: auto;
}

#menu-stclub {
    position: relative;
    height: 90px;
    border-bottom: 1px solid #ffffff14;
    margin-bottom: 30px;
    z-index: 99;
}

#menu-stclub .m_center,#menu-stclub .aligntens {
    height: 100%;
}

#menu-stclub .logo {
    display: block;
    width: 240px;
    height: 68px;
    background: url(img/logo.png?V1) no-repeat center;
}

.menu-nav {
    height: 100%;
    margin-left: 40px;
}

.menu-nav li {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 10px 15px;
}

.menu-nav li a {
    text-transform: uppercase;
    font-family: roboto-condensed, sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .2px;
}

.menu-nav li a:hover {
    color: var(--principal);
}

#menu-stclub .m-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--hover);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin-left: 15px;
    cursor: pointer;
    transition: .5s;
}

#menu-stclub .m-icon .material-icons {
    font-size: 22px;
    color: #fff;
    margin: 0;
}

#menu-stclub .m-icon:hover {
    background: var(--principal);
}

.search-menu {
    position: relative;
    margin-left: 15px;
}

.search-menu #search-text {
    width: 200px;
    height: 100%;
    border: 0;
    font-size: 12px;
    padding: 13px 20px;
    background: var(--hover);
    border-radius: 30px;
    color: #545454;
}

.user_pro {
    position: relative;
}

.user_pro .usergold {
    background: var(--principal);
    border-radius: 30px;
    padding: 3px;
    padding-right: 1px;
}

.user_pro .user_avatar {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid var(--hover);
    overflow: hidden;
}

.user_pro .user_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 span:nth-child(1) {
    display: none;
    max-width: 74px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.user_pro .user-name.active span:nth-child(1) {
    display: block;
}

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

.user_pro .user-name:hover span:nth-child(2) {
    color: var(--hover);
}

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

.user_pro .user_menu {
    display: none;
    min-width: 185px;
    position: absolute;
    top: 63px;
    padding: 0;
    background: #252628;
    box-shadow: 0 3px 5px #0000003b;
    margin: 0 -40px;
    z-index: 99;
	border-radius: 5px;
}

.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;
    font-weight: 400;
}

.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: var(--principal);
}

#signout {
    cursor: pointer;
}

.search-content {
    display: none;
}

.search-content.open {
    display: block;
}

.search-content:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000de;
    z-index: 9999;
}

.search-content .modal-search {
    position: fixed;
    top: 15%;
    left: 25%;
    width: 50%;
    z-index: 9999;
    border-radius: 5px;
    background: #121212;
}

.search-content .modal-search .search-header {
    padding: 20px;
    border-bottom: 1px solid #2a2a2a;
}

.search-content .modal-search .search-header .title {
    font-size: 17px;
}

.search-content .modal-search .search-header .close {
    cursor: pointer;
    transition: .5s ease;
}

.search-content .modal-search .search-header .close:hover {
    color: #e93939;
}

.search-content .modal-search .search-modal-content {
    position: relative;
    padding: 15px;
}

.search-undefined {
    display: flex;
    flex-direction: column;
    padding: 18px 24px;
    text-align: center;
}

.search-undefined p {
    margin: 10px;
}

.search-undefined h2 {
    font-size: 22px;
    font-weight: 700;
}

.pesquisaMenu {
    position: relative;
    background: #0000006b;
    height: 55px;
    overflow: hidden;
}

.pesquisaMenu input[type=text] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0 20px;
    background: transparent;
    color: #eee;
}

.pesquisaMenu .search {
    position: absolute;
    top: 8px;
    right: 10px;
    display: flex;
    align-items: center;
    background: #2a2a2a;
    border-radius: 20px;
    padding: 10px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    transition: .5s ease-in;
    z-index: 5;
}

.pesquisaMenu .search:hover {
    background: var(--principal);
}

.pesquisaMenu .search span {
    color: #fff;
    font-size: 18px;
}

.search-result {
    max-height: 300px;
    overflow: auto;
    margin: 20px 0 0;
}

.search-result::-webkit-scrollbar {
    width: 0.5em;
    background-color: #000000;
    transition: 0.2s;
}

.search-result::-webkit-scrollbar-thumb {
    background-color: #000000;
    transition: 0.2s;
}

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

.search-result .item-search {
    position: relative;
    width: 100%;
    padding: .7rem;
    border-bottom: 1px solid #ffffff12;
    padding-bottom: .7rem;
    transition: .5s ease all;
}

.search-result .item-search:hover {
    background: #0009;
}

.search-result .item-search:last-child {
    border: 0;
}

.search-result .item-search a {
    display: flex;
    align-items: center;
}

.search-result .item-search .cover {
    position: relative;
    width: 79px;
    height: 81px;
    margin-right: 20px;
    border-radius: 5px;
    overflow: hidden;
}

.search-result .item-search .cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-result .item-search .dados {
    width: calc(100% - 90px);
}

.search-result .item-search .dados .title {
    font-size: 13px;
    font-weight: bolder;
    text-transform: uppercase;
}

.search-result .item-search .dados .sinopse {
    font-size: 12px;
    font-weight: 500;
    color: #636372;
    margin-top: 5px;
}

.search-undefined {
    display: flex;
    flex-direction: column;
    padding: 18px 24px;
    text-align: center;
}

.search-undefined p {
    margin: 10px;
}

.search-undefined h2 {
    font-size: 22px;
    font-weight: 700;
}

.history-content {
    display: none;
}

.history-content.open {
    display: block;
}

.history-content:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000de;
    z-index: 9999;
}

.history-content .modal-history {
    position: fixed;
    top: 3%;
    left: 25%;
    width: 50%;
    z-index: 9999;
    border-radius: 5px;
    background: #121212;
    overflow: hidden;
}

.scroll-history {
    max-height: 440px;
    margin: 32px 0 14px;
    overflow: auto;
}

.scroll-history::-webkit-scrollbar {
    width: 0.5em;
    background-color: #000000;
    transition: 0.2s;
}

.scroll-history::-webkit-scrollbar-thumb {
    background-color: #000000;
    transition: 0.2s;
}

.scroll-history:after,
.scroll-history:before {
    content: "";
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom,rgb(18 18 18) 2%,rgb(18 18 18) 18%);
    z-index: 99;
}

.scroll-history:after {
    box-shadow: 0 -9px 5px #121212;
}

.scroll-history:before {
    top: 0;
    background: linear-gradient(to top,rgb(18 18 18) 2%,rgb(18 18 18) 18%);
    box-shadow: 0 9px 5px 0px #121212;
}

.history-content .modal-history .history-header {
    padding: 20px;
    border-bottom: 1px solid #2a2a2a;
}

.history-content .modal-history .history-header .title {
    font-size: 17px;
}

.history-content .modal-history .history-header .close {
    cursor: pointer;
    transition: .5s ease;
}

.history-content .history-search .history-header .close:hover {
    color: #e93939;
}

.history-content .modal-history .history-modal-content {
    position: relative;
    padding: 15px;
}

.history-undefined {
    display: flex;
    flex-direction: column;
    padding: 18px 24px;
    text-align: center;
}

.history-undefined p {
    margin: 10px;
}

.history-undefined h2 {
    font-size: 22px;
    font-weight: 700;
}

.his_item_list {
    position: relative;
    width: 100%;
    margin-bottom: 1.5em;
}

.his_item_list a {
    display: flex;
    align-items: center;
}

.his_item_list .thumb {
    position: relative;
    width: 79px;
    height: 67px;
    margin-right: 15px;
    border-radius: 5px;
    overflow: hidden;
}

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

.his_item_list .dados {
    width: calc(100% - 110px);
}

.his_item_list .dados .info_ep {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #e8c006;
}

.his_item_list .dados .info_ep span {
    font-size: 15px;
    font-weight: 500;
    text-transform: none;
    margin-bottom: 5px;
    color: #fff;
}

.his_item_list .dados .info_ep span.tipe_his {
    text-transform: uppercase;
}

.his_item_list:hover .dados .info_ep span {
    color: #7e798d;
}

.load .spinner {
    width: 18px;
    height: 18px;
}

.spinner {
    -webkit-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;
    z-index: 2;
}

.spinner .path {
    stroke: #004bc1;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
}

@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

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

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

.item--episode,
.item--anime {
    width: calc(100%/6 - 10px);
    margin: 5px;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    border: 2px solid var(--hover);
}

.item--episode {
    width: calc(100%/5 - 10px);
}

.splide__slide .item--anime {
    width: 100%;
    margin: 0;
}

.item--episode .cover,
.item--anime .cover {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 77.6%;
}

.item--anime .cover {
    padding-top: 148.6%;
}

.item--episode .cover img,
.item--anime .cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.item--anime:hover .cover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.item--episode .dados,
.item--anime .dados {
    position: absolute;
    width: 100%;
    bottom: 10px;
    z-index: 2;
    padding: 0 10px;
    transition: .3s;
}

.item--anime .dados {
    bottom: 0;
    padding: 15px 10px 5px;
    background: var(--hover);
}

.item--episode .dados .title,
.item--anime .dados .title {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 8px;
}

.item--episode .dados .title {
    font-size: 13px;
    font-weight: 500;
}

.item--episode .dados .episode,
.item--anime .dados .episode {
    position: relative;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ddbd4e;
}

.item--episode .dados .episode {
    font-size: 11px;
}

.item--episode .dados .episode:before,
.item--anime .dados .episode:before {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    left: 0;
    width: 20%;
    height: 1px;
    background: var(--principal);
    z-index: 99;
}

.item--anime .dados .type {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--principal);
}

.item--anime .dados .title {
    font-size: 13px;
}

.item--anime .sOverlay {
    bottom: 40px;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgb(30 32 34) 95%);
}

.headDestaque {
    margin: 2em 0;
    text-align: center;
}

.headDestaque h1 {
    font-size: 28px;
    text-transform: uppercase;
}

.headDestaque p {
    font-size: 13px;
    margin: .5rem 0;
}

.button_play {
    position: absolute;
    top: 31px;
    right: -7px;
    z-index: 55;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.item--anime .button_play {
    top: 47%;
    left: 51%;
}

.button_play .play-video {
    opacity: 0.2;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    background-color: var(--principal);
    border: 2px solid var(--principal);
    height: 40px;
    z-index: 1;
    width: 40px;
    line-height: 60px;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: relative;
    display: block;
}

.item--episode .button_play .play-video svg,
.item--anime .button_play .play-video svg,
.listaepisodios li .button_play .play-video svg {
    position: absolute;
    transform: translate(25%,25%);
    font-size: 25px;
}

.item--episode .button_play .play-video svg.play-right {
    top: 16px;
    left: -9px;
    font-size: 30px;
    transform: rotate(18deg);
    color: var(--principal);
}

.item--episode:hover .button_play .play-video,
.item--anime:hover .button_play .play-video {
    opacity: 0.9;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(147, 82, 179, 0);
    -moz-box-shadow: 0 0 0 10px rgba(147, 82, 179, 0);
    box-shadow: 0 0 0 10px rgba(147, 82, 179, 0);
}

.btn-item {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: roboto-condensed, sans-serif;
    font-weight: 550;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--secundaria);
    border: 1px solid transparent;
    padding: .2rem .6rem;
    font-size: .8rem;
    border-radius: 20rem;
    z-index: 9;
}

.btn-item.active {
    background: var(--principal);
    border-radius: 5px 50px;
    padding: .2rem .8rem;
}

.item--episode .btn-item:not(.active) {
    right: unset;
    left: 0;
    top: 0;
    background: var(--hover);
    border-radius: 0 0 10px 0;
    font-size: 10px;
    padding: 5px 15px;
}

.sOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    background: linear-gradient(to bottom,rgb(0 0 0 / 38%) 20%,rgb(0 0 0 / 95%) 75%);
    transition: .2s all ease-in-out;
    border-radius: 0;
}

.head-title {
    margin: 20px 0;
}

.head-title h1,
.head-title h2 {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

.head-title h1:after,
.head-title h2:after {
    display: block;
    content: "";
    background: linear-gradient(90deg, var(--principal) 30%, transparent 70%);
    width: 100px;
    height: 3px;
    margin-top: 5px;
}

.seemore {
    position: relative;
    width: 130px;
    background: var(--hover);
    border-radius: 30px;
    display: block;
    padding: 8px 10px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    transition: .7s;
    overflow: hidden;
}

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

.sse--more {
    display: block;
    width: 200px;
    padding: 10px;
    text-align: center;
    background: #1e1d21;
    border-radius: 50px;
    margin: 15px auto;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    transition: .7s;
    overflow: hidden;
}

.sse--more:hover {
    background: var(--principal);
}

.mb-2 {
    margin-bottom: 2em;
}

.animeBtn {
    width: calc(100%/2 - 10px);
    position: relative;
    font-size: 13px;
    background: #17181a;
    border-radius: 5px;
    padding: 13px 30px;
    margin-right: 10px;
    margin-bottom: 15px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.animeBtn .text {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.animeBtn .text span {
    display: block;
    font-size: 10px;
    color: #666568;
    text-transform: none;
}

.animeBtn .icon {
    margin-right: 15px;
}

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

.animeBtn:hover .text span,
.animeBtn.active .text span {
    color: #fff;
}

.animeBtn.orange {
    background: #82c526;
}

.animeBtn.orange .icon {
    color: #000;
}

.animeBtn.orange .text {
    color: #000;
}

.animeBtn.orange .text span {
    color: #ffffffde;
}

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

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

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

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

    .clw {
        padding-right: 10px;
    }

    .crw {
        position: relative;
        padding-left: 10px;
        width: 27%;
        /* overflow: hidden; */
    }
}

.rwl.videoplay {
    margin: 0 0 20px;
}

.anime-accordion > .temptitle {
    font-size: 14px;
    font-family: 'roboto-condensed', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.anime-accordion .acm-title {
    background-color: var(--hover);
    color: #FFF;
    font-size: 14px;
    padding: 15px 15px 15px 15px;
    border-radius: 4px;
    margin-bottom: 1rem;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.anime-accordion .acm-title .temptitle {
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
}

.anime-accordion .acm-title .type {
    position: relative;
    font-family: 'roboto-condensed', sans-serif;
    font-size: 13px;
    font-weight: 500;
    background: rgb(255 255 255 / 7%);
    color: #fff;
    border-radius: 30px;
    padding: 6px 20px;
    margin-left: 10px;
    cursor: pointer;
    text-transform: uppercase;
    transition: all .5s;
}

.anime-accordion .acm-title .icon {
    background: #25272b;
    margin: -15px -15px;
    padding: 16px 15px;
    margin-right: 15px;
}

.anime-accordion .acm-title .type:hover {
    background: var(--principal);
}

.anime-accordion .temporada-modo {
    width: 100%;
    padding: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    background: #0f0e12;
    cursor: pointer;
}

.anime-accordion .temporada-modo .icon {
    background: #a6a6a647;
    margin: -10px;
    padding: 10px 15px;
    margin-right: 10px;
}

.anime-accordion .temporada-modo .icon .material-icons {
    transform: rotate(89deg);
}

.anime-accordion .episodes-list-a {
    display: none;
}

.anime-accordion .lista-episodios {
    border: 1px solid #0f0e12;
}

.anime-accordion .lista-episodios ul li {
    padding: 10px 10px;
    border-bottom: 1px solid #0f0e12;
    transition: all .5s;
}

.anime-accordion .lista-episodios ul li:hover {
    background: #6c6c6c1c;
}

.anime-accordion .lista-episodios ul li .anime_item_list {
    display: flex;
    align-items: center;
    width: 100%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.anime-accordion .lista-episodios ul li .anime_item_list .thumb {
    position: relative;
    width: 111px;
    height: 80px;
    border-radius: 5px;
    margin-right: 15px;
    overflow: hidden;
}

.anime-accordion .lista-episodios ul li .anime_item_list .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.anime-accordion .lista-episodios ul li .anime_item_list .numerando {
    font-size: 13px;
    font-weight: 500;
    border-right: 1px solid #ffffff57;
    padding-right: 10px;
}

.anime-accordion .lista-episodios ul li .anime_item_list .info_ep {
    font-size: 13px;
    font-weight: 500;
    padding-left: 10px;
    text-transform: uppercase;
}

.listaepisodios li {
    width: calc(100%/4 - 10px);
    padding: 3px;
    background: var(--hover);
    margin: 0 5px;
    margin-bottom: 10px;
    transition: .2s all ease-in-out;
    border-radius: 3px;
    border: 1px solid var(--hover);
}

.listaepisodios li .thumb {
    width: 100%;
    height: 126px;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}

.listaepisodios li:hover .thumb:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000007a;
    z-index: 5;
}

.listaepisodios li:hover .button_play .play-video {
    opacity: 0.9;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgb(147 82 179 / 0%);
    -moz-box-shadow: 0 0 0 10px rgba(147, 82, 179, 0);
    box-shadow: 0 0 0 10px rgb(147 82 179 / 0%);
}

.listaepisodios li .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: ease .3s;
}

.listaepisodios li:hover .thumb img {
    filter: blur(3px);
    transform: scale(1.2);
    transition: ease .3s;
}

.listaepisodios li .anime_item_list {
    border-top: 2px solid rgba(255,255,255,.02);
    padding: 10px 6px;
    transition: border-color ease .3s;
}

.listaepisodios li:hover .anime_item_list {
    border-color: var(--principal);
}

.listaepisodios li .anime_item_list .info_ep {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.listaepisodios li .anime_item_list .numerando {
    color: var(--principal);
    font-size: 10px;
    display: block;
    font-weight: 500;
}

.tab-content {
    display: none;
}

.anime_list_response_request {
    max-width: 500px;
    width: 100%;
    margin: 50px auto;
}

.anime_list_response_emot {
    font-size: 80px;
    width: 80px;
    height: 100px;
    margin: auto;
}

.anime_list_response_title {
    font-size: 20px;
    font-weight: 200;
    text-align: center;
    margin: 10px 0;
}

.anime_list_response_msg {
    font-size: 12px;
    font-weight: 300;
    text-align: center;
}

.anime_list_response_emot svg {
    fill: #fff;
}

.btn {
    position: relative;
    font-family: 'roboto-condensed', sans-serif;
    font-size: 13px;
    font-weight: 500;
    background: transparent;
    border-radius: 30px;
    padding: 6px 20px;
    margin-left: 10px;
    cursor: pointer;
    text-transform: uppercase;
    transition: all .5s;
}

.seemore-widget {
    background: #282629;
}

.seemore-widget:hover {
    background: var(--principal);
}

/* Sidebar
****************************************/
#sidebar {
    position: relative;
    z-index: 9;
}

.sidebar-widget {
    background: #1e2022;
    padding: 15px;
    border-radius: 0.3rem;
    margin-bottom: 1.66rem;
}

.sidebar-widget .sidebar-title {
    position: relative;
    margin-bottom: 10px;
    font-size: 17px;
    font-family: 'roboto-condensed', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.top-animes .top-item {
    padding: 10px 0;
    position: relative;
    counter-increment: listPopular;
}

.top-animes .top-item:last-child {
    padding-bottom: 0;
}

.top-animes .top-item a {
    display: block;
    color: #ababab;
}

.top-animes .top-item .rank {
    position: absolute;
    margin-top: 12px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #666;
    border-radius: 0.25rem;
    color: #666;
    font-size: 1.7em;
    font-weight: 300;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    transition: all .15s;
}

.top-animes .top-item .anime {
    margin-left: 48px;
}

.top-animes .top-item .anime .thumb {
    width: 18%;
}

.top-animes .top-item .anime .thumb div {
    position: relative;
    padding-bottom: 130%;
    border-radius: 2px;
    overflow: hidden;
}

.top-animes .top-item .anime .thumb div img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.top-animes .top-item .anime .info {
    width: calc(100% - 18% - 10px);
    margin-left: 10px;
}

.top-animes .top-item .anime .info .name {
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    transition: all .15s;
    font-size: 1.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    color: #fff;
}

.top-animes .top-item:hover:not(:first-child) .anime .info .name {
    color: var(--principal);
}

.top-animes .top-item .anime .info .sinopse {
    font-size: .62em;
}

.top-animes .top-item .anime .info .meta {
    color: #525252;
    font-size: .96em;
}

.top-animes .top-item:nth-child(1) {
    margin-left: -15px;
    margin-right: -15px;
    background-position: center;
    background-size: cover;
    padding-left: 15px;
    padding-right: 15px;
}

.top-animes .top-item:nth-child(1):after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0);
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(black));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),#000);
    background-image: -moz-linear-gradient(top,rgba(0,0,0,0),#000);
    background-image: -ms-linear-gradient(top,rgba(0,0,0,0),#000);
    background-image: -o-linear-gradient(top,rgba(0,0,0,0),#000);
    background-image: linear-gradient(top,rgba(0,0,0,0),#000);
    z-index: 1;
}

.top-animes .top-item:nth-child(1) a {
    padding-top: 80px;
    padding-bottom: 10px;
    display: block;
    position: relative;
    z-index: 5;
    color: #ababab;
}

.top-animes .top-item:nth-child(1) .rank {
    background: #f8f8f8;
    color: #212121;
    z-index: 2;
    font-weight: 700;
    border: none;
    margin-top: 0;
}

.top-animes .top-item:nth-child(1) .anime {
    position: relative;
    z-index: 3;
}

.top-animes .top-item:nth-child(1) .anime .thumb {
    display: none;
}

.top-animes .top-item:nth-child(1) .anime .info {
    margin-left: 0;
    padding: 5px 0;
}

.top-animes .top-item:nth-child(1) .anime .info .name {
    color: #f8f8f8;
    line-height: 1em;
    /* margin-bottom: 5px; */
}

.top-animes .top-item:nth-child(1) .anime .info .meta {
    color: #ababab;
}

.top-animes .top-item .rank:before {
    content: counter(listPopular);
    color: #666;
    text-align: center;
}

.postsNew li {
    position: relative;
    padding: 8px 0;
    text-overflow: unset;
    white-space: unset;
    overflow: hidden;
    border-bottom: 1px solid #ececec1a;
    transition: .5s ease;
}

.postsNew li a {
    align-items: center;
}

.postsNew li:hover {
    opacity: .6;
}

.postsNew li:last-child {
    border: 0;
    padding-bottom: 0;
}

.postsNew li .thumb {
    position: relative;
    width: 43px;
    height: 55px;
    border-radius: 5px;
    margin-right: 10px;
    border: 1px solid #00000026;
    overflow: hidden;
}

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

.postsNew li .serie {
    width: calc(100% - 70px);
}

.postsNew li .serie .title {
    font-size: 14px;
    color: #868189;
    font-weight: 400;
}

.postsNew .genere {
    display: block;
    font-size: 12px;
    margin: 2px 0 0;
    color: #868189;
}

.postsNew .genere span {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #c7c7c7;
    margin-right: 5px;
}

.messenge_system {
    border-radius: 4px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 1rem;
}

.messenge--close {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    right: 20px;
    font-size: 20px;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: .2s all ease-in-out;
}

.messenge--close svg {
    fill: currentColor;
    width: 12px;
}

.messenge--close:hover svg {
    color: var(--principal);
}

.messenge--title {
    background: #1e2022;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid rgba(255,255,255,.03);
}

.messenge--content {
    background: #1e2022;
    padding: 15px 20px;
    font-size: 13px;
    font-weight: 300;
    color: rgba(255,255,255,.8);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*
----------------------------------------------*/
.msg404 {
    padding: 50px 0;
    text-align: center;
}

.msg404 h4 {
    font-size: 30px;
    text-transform: uppercase;
    color: #ffffff;;
}

.msg404 p {
    font-size: 16px;
    line-height: 50px;
}

.msg404 a {
    display: block;
    width: fit-content;
    padding: 15px 20px;
    background-color: #242424;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    border: 0;
    cursor: pointer;
    margin: 0 auto;
    transition: .5s ease;
}

.msg404 a:hover {
    background: var(--principal);
}

#playVideo {
    position: relative;
    width: 100%;
    padding-bottom: 57%;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

#playVideo iframe,
#playVideo a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.controler-player {
    background: #1a1c1e;
    border-radius: 0 0 5px 5px;
    color: #ffffff;
}

.controler-player .slideButton {
    padding: 20px 17px;
    color: #fff;
    font-family: 'roboto-condensed', sans-serif;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
}

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

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

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

.controler-player .slideButton .slideContainer.active {
    display: block;
}

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

.controler-player .slideButton .slideContainer div:hover,
.controler-player .slideButton .slideContainer div.active {
    background: #181818;
}

.controler-player ul {
    height: 100%;
}

.controler-player ul li {
    position: relative;
    text-transform: uppercase;
    font-family: 'roboto-condensed', sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 20px 17px;
    height: 100%;
    cursor: pointer;
}

.controler-player ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
}

.controler-player ul li.dissable,
.controler-player ul li.dissable a {
    cursor: not-allowed;
}

.controler-player ul li .material-icons {
    display: block;
    font-size: 19px;
}

.controler-player ul li .text {
    margin-left: 15px;
    font-size: 13px;
    font-weight: 500;
}

.controler-player ul li svg {
    width: 19px;
    fill: #fff;
}

.controler-player ul li:hover {
    background: #ffffff12;
}

.controler-player ul li.active {
    background: #ffffff12;
}

.controler-player ul li.lightSwitch.active {
    z-index: 1000;
}

.select-audio {
    position: relative;
    text-transform: uppercase;
    font-family: 'roboto-condensed', sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 17px;
    margin: 0 10px;
    cursor: pointer;
    background: #ffffff08;
    transition: background .5s ease-in-out;
}

.select-audio.active,.select-audio:hover {
    background: var(--principal);
}

.select-audio:nth-child(1n) {
    margin-right: 0;
}

#calen-nav {margin-bottom: 1rem;}

#calen-nav li {
    position: relative;
    font-size: 13px;
    font-weight: 500;
    padding: 0 0 6px;
    margin-right: 15px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .5s ease;
    padding: 5px 10px;
    background-color: #1a1e21;
    border-radius: 30px;
}

#calen-nav li.active,#calen-nav li:hover {
    background-color: #0eb15e;
}

.select-option-action {
    background: var(--hover);
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 10px;
}

.btn-type-action {
    display: inline-block;
    position: relative;
    font-size: 11px;
    font-weight: bold;
    background: #17181a;
    border-radius: 3px;
    padding: 11px 20px;
    margin-right: 10px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
}

.btn-type-action.active,.btn-type-action:hover {
    background: #111318;
}

.select-option-action .search {
    position: relative;
    width: 217px;
    height: 35px;
    float: right;
}

.select-option-action .search input[type=text] {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 10px;
    font-weight: bold;
    background: #17181a;
    color: #707070;
    border-radius: 30px;
    border: 0;
    padding: 11px 17px;
    margin-right: 10px;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-in-out;
}

.select-option-action .search .material-icons {
    position: absolute;
    right: 5px;
    top: 3px;
    font-size: 18px;
    color: #fff;
    background: var(--principal);
    padding: 5px;
    border-radius: 30px;
}
/* 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% - 119%);
}

.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 {
    position: relative;
    width: 100%;
    padding-bottom: 55%;
}

.player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.anime-accordion {
    margin-top: 1.2em;
}

.infos_anime {
    margin: 0;
}

.animeHead {
    position: relative;
    align-items: flex-start;
    align-content: flex-start;
    z-index: 5;
}

.animeHead .thumbandinfos .thumb {
    position: relative;
    width: 100%;
    height: 430px;
    border-radius: 3px;
    overflow: hidden;
}

.animeHead .thumbandinfos .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.animeHead .thumbandinfos .thumb .animeBtn {
    position: absolute;
    bottom: 0;
    width: calc(100% - 20px);
    margin: 10px;
}

.thumbandinfos {
    width: 280px;
    margin-right: 25px;
}

.animeHead .itensright {
    width: calc(100% - 290px);
}

.animeHead .infos_anime .animeInfo {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,.05);
}

.animeHead .infos_anime .animeInfo:last-child {
    border:0
}

.animeHead .infos_anime .animeInfo .type {
    display: block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
    color: var(--principal);
}

.animeHead .infos_anime .animeInfo span:not(.type) {
    color: rgba(255,255,255,.5);
    font-size: 12px;
    font-weight: 300;
}

.animeHead h1 {
    font-size: 24px;
    font-weight: 500;
    margin: .5rem 0 0;
}

.animeHead h2 {
    font-size: 11px;
    color: #919191;
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(255,255,255,.05);
}

.sinoseInfo {
    background: var(--hover);
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px;
}

.sinoseInfo .title {
    margin: -10px -10px 20px;
    padding: 15px;
    font-size: 13px;
    font-weight: 500;
    border-bottom: 1px solid #eeeeee26;
    text-transform: uppercase;
}

.sinoseInfo .content {
    font-size: 12px;
    color: #7c7c7c;
    max-height: 71px;
    overflow: auto;
    margin-bottom: 10px;
}

.sinoseInfo .animeInfo .type {
    display: block;
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #ffffff;
    text-transform: uppercase;
}

.animeInfo .generos a {
    display: inline-block;
    font-size: 11px;
    padding: 4px 10px;
    border: 1px solid #939393;
    color: #939393;
    border-radius: 20px;
    margin-right: 8px;
    margin-bottom: 8px;
}

.animeInfo .generos a:hover {
    border: 1px solid var(--principal);
    color: var(--principal);
}

.animeHead .infos_anime .animeInfo .type.gen {
    margin-bottom: 5px;
}

.animeHead .itensright .animeBtn .text {
    text-indent: -9999px;
    transition: all .2s ease-in-out;
}

.buttons-lista {
    justify-content: flex-end;
}

.animeHead .itensright .animeBtn {
    width: auto;
    padding: 8px 10px;
    margin: 0 10px 0 0;
    overflow: hidden;
    transition: all .2s ease-in-out;
}

.animeHead .itensright .animeBtn .icon {
    margin: 0;
}

.animeHead .itensright .animeBtn .icon .material-icons {
    font-size: 22px;
}

.animeHead .itensright .animeBtn:hover .text {
    display: block;
    margin-left: 8px;
    text-indent: unset;
    transition: all .2s ease-in-out;
}

/* 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% - 119%);
}

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

.episodioInfo {}

.episodioInfo .thumb {
    position: relative;
    width: 180px;
    height: 16.9375rem;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 25px;
}

.episodioInfo .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: .5s;
}

.episodioInfo .infoRight {
    width: calc(100% - 200px);
    flex-direction: column;
}

.episodioInfo .infoRight h2 {
    font-size: 20px;
}

.episodioInfo .infoRight h1 {
    font-size: 13px;
    color: #818181;
    margin-bottom: 10px;
}

.episodioInfo .infoRight .sinoseInfo {
    font-family: 'roboto-condensed', sans-serif;
    color: #818181;
}

.episodioInfo .infoRight .sinoseInfo .content {
    font-size: 13px;
    font-weight: 400;
    padding-right: 10px;
    max-height: 52px;
    overflow: auto;
}

.episodioInfo .infoRight .animeInfo {
    width: calc(100% / 2 - 15px);
    position: relative;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.episodioInfo .infoRight .animeInfo .type {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #6d6d6d;
}

.episodioInfo .infoRight .animeInfo span {
    font-size: 13px;
    color: #68646c;
}

#list_eps {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #1a1c1e;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-bottom: 25px;
}

#list_eps .eps_list {
    position: relative;
    width: 100%;
}

#list_eps .eps_list ul {
    background: #1c1e20;
    max-height: 475px;
    overflow: overlay;
}

#list_eps .eps_list ul::-webkit-scrollbar {
    width: 0.5em;
    background-color: #1c1e20;
    transition: 0.2s;
}

#list_eps .eps_list ul::-webkit-scrollbar-thumb {
    background-color: var(--principal);
    transition: 0.2s;
}

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

#list_eps .eps_list ul li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .03);
    padding: 10px 15px;
    cursor: pointer;
}

#list_eps .eps_list ul li:hover {
    background: #222426;
}

#list_eps .eps_list ul li a {
    width: 100%;
}

#list_eps .eps_list ul li .poster {
    position: relative;
    width: 120px;
    height: 80px;
    border-radius: 3px;
    overflow: hidden;
}

#list_eps .eps_list ul li .poster img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#list_eps .eps_list ul li .dados {
    position: relative;
    width: calc(100% - 110px);
    height: 100%;
    padding: 0;
}

#list_eps .eps_list ul li .dados .number_episodio {
    font-size: 14px;
    color: #818181;
    text-transform: uppercase;
}

#list_eps .eps_list ul li .dados .title_episodio {
    font-size: 10px;
    color: #848484;
}

#list_eps .eps_list ul li .dados .date_episodio {
    position: absolute;
    right: 0;
    font-size: 10px;
    float: right;
    color: #5b5b5b;
}

#list_eps .eps_list ul li a .view {
    position: absolute;
    color: #fff;
    font-family: fira sans;
    font-weight: 700;
    font-size: .85rem;
    height: 35px;
    width: calc(100%);
    top: 0;
    left: 0;
}

#list_eps .eps_list ul li a .view span {
    position: absolute;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    height: 30px;
    line-height: 32px;
    top: 55%;
    right: 15%;
    padding: 0 15px;
    text-transform: uppercase;
    background: #1c1c1c;
    color: #1c1c1c;
}

#list_eps .eps_list ul li a .view span{
    right: unset;
    left: 12px;
    height: 25px;
    line-height: 27px;
    background: #151416;
    color: #151416;
}

#list_eps .eps_list ul li a .view {
    top: 30px;
}

#list_eps .eps_list ul li:hover a .view span {
    background: #101010;
    color: #101010;
}

#list_eps .eps_list ul li a:visited .view span {
    background:var(--principal)!important;
    color:#000!important
}

.epi_page_video_title_right {
    padding: 10px 20px;
    margin: auto 0 0;
}

.epi_page_video_title_right span {
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    color: #6f6f6f;
    text-align: center;
}

.title_sidebar_navigation {
    position: relative;
    border-bottom: 1px solid #252728;
    background: #1a1c1e;
}

.title_sidebar_navigation input {
    font-size: 12px;
    width: 100%;
    height: 46px;
    border: none;
    background: transparent;
    padding: 0px 40px 0px 20px;
    color: #696969;
}

.iconSearchEP {
    position: absolute;
    background-color: #5a5a5a;
    -webkit-mask-image: url(img/icons/searchEp.png);
    mask-image: url(img/icons/searchEp.png);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px;
    height: 21px;
    z-index: 5;
    top: 12px;
    right: 16px;
}

iframe#similarweb-outer-content {
	display: none;
	pointer-events: none;
	background-color: transparent;
	opacity: 0;
}

/* Copyright */
.autor {
    display: flex;
    flex-direction: column;
}

.autor span.xsd {
    font-family: 'Righteous';
    font-size: 9px;
    font-weight: bold;
    margin-left: auto;
    margin-right: 5px;
}

.autor-copy {
    display: flex;
}

.logoAutor {
    display: block;
    overflow: hidden;
    margin: 0 auto -10px;
}

.logoAutor div {
    display: inline-block;
    width: 15px;
    height: 20px;
    transition-duration: 1s;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
}

.logoAutor .s1 {
    width: 27px;
    height: 20px;
    transform: translateX(0);
    transition-property: all;
    transition-duration: .5s;
    transition-delay: 1.2s;
    margin: 0;
    background-color: var(--principal);
}

.logoAutor .s2,
.logoAutor .s4,
.logoAutor .s8 {
    transform: translateY(0);
    transition-property: all;
    opacity: 1;
    transition-delay: .5s;
}

.logoAutor .s3,
.logoAutor .s6,
.logoAutor .s9 {
    transform: rotate(0) translateX(0) translateY(0);
    transition-property: all;
    opacity: 1;
    transition-delay: .5s;
    margin: auto 0 0 -3px;
}

.logoAutor .s5,
.logoAutor .s7 {
    transform: translateY(0);
    transition-property: all;
    opacity: 1;
    transition-delay: .5s;
}

.logoAutor:hover .s5,
.logoAutor:hover .s7 {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: .4s;
}

.logoAutor:hover .s1:first-child {
    transform: translateX(0px);
    transition-delay: .1s;
}

.logoAutor:hover .s2,
.logoAutor:hover .s4,
.logoAutor:hover .s8 {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: .4s;
}

.logoAutor:hover .s3,
.logoAutor:hover .s6,
.logoAutor:hover .s9 {
    transform: rotate(0) translateX(0) translateY(-0px);
    opacity: 1;
    transition-delay: .4s;
}

.logoAutor .s9 {
    -webkit-mask-image: url(img/copy/s.png);
    mask-image: url(img/copy/s.png);
    -webkit-mask-size: contain;
    mask-size: contain;
    transform: rotate(170deg)!important;
}

.logoAutor .s8 {
    -webkit-mask-image: url(img/copy/e.png);
    mask-image: url(img/copy/e.png);
    -webkit-mask-size: contain;
    mask-size: contain;
}

.logoAutor .s7 {
    -webkit-mask-image: url(img/copy/m.png);
    mask-image: url(img/copy/m.png);
    -webkit-mask-size: contain;
    mask-size: contain;
}

.logoAutor .s6 {
    -webkit-mask-image: url(img/copy/e.png);
    mask-image: url(img/copy/e.png);
    -webkit-mask-size: contain;
    mask-size: contain;
}

.logoAutor .s5 {
    -webkit-mask-image: url(img/copy/h.png);
    mask-image: url(img/copy/h.png);
    -webkit-mask-size: contain;
    mask-size: contain;
}

.logoAutor .s4 {
    -webkit-mask-image: url(img/copy/t.png);
    mask-image: url(img/copy/t.png);
    -webkit-mask-size: contain;
    mask-size: contain;
}

.logoAutor .s3 {
    -webkit-mask-image: url(img/copy/r.png);
    mask-image: url(img/copy/r.png);
    -webkit-mask-size: contain;
    mask-size: contain;
}

.logoAutor .s2 {
    -webkit-mask-image: url(img/copy/a.png);
    mask-image: url(img/copy/a.png);
    -webkit-mask-size: contain;
    mask-size: contain;
}

.logoAutor .s1 {
    -webkit-mask-image: url(img/copy/s.png);
    mask-image: url(img/copy/s.png);
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Paginacao
*********************** */
.content-pagination {
    flex-wrap: wrap;
    padding: 10px 0;
}


.content-pagination li {
    position: relative;
    background: var(--hover);
    border-radius: 30px;
    margin-left: 5px;
    margin-bottom: 0.5rem;
    padding: 10px 15px;
    text-align: center;
    min-width: 38px;
    cursor: pointer;
    float: left;
    transition: all .3s ease-in-out;
}

.content-pagination li:hover,
.content-pagination li.active {
    background: var(--principal)!important;
    border-color: #6b9d26!important;
}

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

.content-pagination li:hover a,
.content-pagination li.active a {
    color: #fff !important;
}

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

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

.mp-icon {
    display: inline-block;
    height: auto;
    pointer-events: none;
    position: relative;
    width: 25px;
}

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

.mp-icon.arrow-icon.up {
    transform: rotate(-90deg);
}

/* Comentarios 
*********************** */
.comentarios .aviso {
    font-size: 12px;
    color: #7c7c7c;
}
.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: .5em 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: 15px;
    font-weight: 500;
    background: var(--principal);
    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: #101214;
    border: 1px solid #16191c;
    color: #6c6c6c;
    margin-bottom: 5px;
}

.grid {
    display: flex;
}

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

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

#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 #393939;
    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: #fff;
    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(--hover);
}

#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: #7431dd;
}

#comentar ul li .comment-reply-box {margin-right: 15px;}

#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(--hover);
}

.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(--hover);
}

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

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

.infos-user {
    justify-content: flex-end;
    margin: 15px 0 0;
}

.rep-button,
.rep-button:active,
.rep-button:focus {
    border: none;
    cursor: pointer;
    margin: 0;
    outline: none;
    position: relative;
    background-color: #212224;
    color: #FFF;
    font-family: 'roboto-condensed', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    padding: 8px 11px;
    border-radius: 3px;
    overflow: hidden;
    margin-right: 10px;
}

.rep-cat {
    height: 34px;
    margin: -8px 10px -8px -11px;
    line-height: 32px;
    padding: 0 11px;
    background-color: #323232;
}

.rep-button:hover .rep-cat,
.rep-button.active .rep-cat {
    background-color: #2d04a5;
}

.rep-cat i {
    font-size: 14px;
}

.rep-nb {
    padding: 0 0 0 6px;
}

.comments_rules {
    padding: 20px 30px;
    background: #0d0b12;
    border-radius: 20px;
    color: #898989;
}

.comments_rules h3 {
    font-size: 17px;
    font-weight: bold;
    color: #777;
    text-align: center;
    margin-bottom: 1em;
}

.comments_rules h4 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-bottom: .8em;
}

.comments_rules p {
    margin: .8em 0;
}
/* reportar */
.report-wrapper {
    position: fixed;
    top: 10%;
    left: 25%;
    width: 50%;
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
    z-index: 100000;
    border-radius: 5px;
    overflow: hidden;
}

.report-wrapper:before {
    content: "";
    background: #000000a6;
    z-index: 998;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.report-wrapper .content-wrapper {
    position: relative;
    display: table;
    width: 100%;
    margin: 0 auto;
    z-index: 999;
    background: #292929;
}

.report-wrapper .content-container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.report-wrapper .report-container {}

.report-wrapper .content-wrapper .content-container .content .close {
    text-align: left;
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 0;
    display: block;
}

.report-wrapper .content-wrapper .content-container .content .close a {
    display: block;
    padding: 10px 20px;
    height: 40px;
}

.report-wrapper .content-wrapper .content-container .content .close .fechar-icon {
    height: 18px;
    float: none;
    fill: rgba(0,0,0,.5);
    margin-top: 10px;
    display: inline-block;
}

.report-wrapper .content-wrapper .content-container .content h2 {
    display: table;
    padding: 10px;
    height: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    font-family: 'Roboto';
    color: #fff;
    width: 100%;
    line-height: 50px;
    background: #2f2f2f;
    text-align: left;
    padding: 10px 20px;
}

.report-wrapper .report-container .report-content .checkboxes {
    width: 100%;
    padding: 20px 10px;
    text-align: left;
    line-height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.report-wrapper .report-container .report-content .checkboxes li {
    width: 50%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.report-wrapper .report-container .report-content .checkboxes input[type=checkbox] {
    display: none;
}

.report-wrapper .report-container .report-content label {
    padding-left: 40px;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    color: #fff;
    width: 100%;
    font-family: 'Roboto';
    float: left;
    display: block;
    height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.report-wrapper .report-container .report-content label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: -2px;
    left: 3px;
    border: 2px solid #ffffff;
}

.report-wrapper .report-container
.report-content .checkboxes input[type=checkbox]:checked+label:before {
    background: #0c0e10;
    border-color: #0c0e10;
}

.report-wrapper .report-container .report-content .button {
    width: 100%;
    text-align: center;
    cursor: pointer;
    height: 95px;
    padding: 0 25px 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    margin: 0;
    border: 0;
    background: transparent;
}

.report-wrapper .report-container .report-content .button .report-button {
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    display: block;
    background: #30ca6f;
    border-radius: 50px;
    text-transform: uppercase;
    text-align: center;
    height: 100%;
    width: 100%;
    border: none;
    line-height: 70px;
    cursor: pointer;
    transition: .5s ease;
}

.report-wrapper .report-container .report-content .button .report-button:hover {
    background: #27ad5d;
}

.loading {
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

.loadtext {
    display: none;
    color: var(--principal);
}

.loadtext span {
    font-size: 16px;
    margin-right: 8px;
}
/* Footer
----------------------------------------------*/
.footer_b {
    position: relative;
    padding: 50px 0;
    margin: 6em 0 0;
    border-top: 1px solid #ffffff24;
}

.footer_b .m_center {
    z-index: 5;
}

.footer_b .m_divs {
    margin: 0 30px;
}

.footer_b .m_divs .logo {
    background: url(img/logo.png?v2s) no-repeat center;
    background-size: contain;
    width: 160px;
    height: 58px;
    margin-bottom: 5px;
}

.footer_b .m_divs .m_title {
    position: relative;
    font-family: 'roboto-condensed', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.footer_b .m_divs .m_title::first-letter {
    color: var(--principal)
}

.footer_b .m_divs .links ul {
    margin-right: 20px;
}

.footer_b .m_divs .links ul li {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 5px;
    transition: .5s;
    color: #505050;
}

.footer_b .m_divs .links ul li:before {
    content: "\e409";
    position: relative;
    color: var(--principal);
    font-family: 'Material Icons';
    font-size: 15px;
    font-weight: bold;
}

.footer_b .m_divs .links ul li:hover a {
    color: #777777;
}

.footer_p {
    font-family: 'roboto-condensed', sans-serif;
     /* background: #0f0f10; */
    padding: 15px;
}

.footer_p .copyright {
    font-size: 13px
}