@charset "UTF-8";
al-content.mfahtml,body {
  height:100%
}
body {
  display:flex;
  flex-direction:column;
  min-height:100vh
}
body {
  background:#0c0f1d;
  color:#fff;
  font-family:Montserrat,sans-serif!important
}
a {
  color:#fff
}
h3 {
  line-height:24px
}
.wrapper {
  max-width:1200px;
  position:relative;
  margin:auto;
  flex:1;
  width:100%
}
.wrapper.open,
.wrapper.open .s-overlay {
  display:block
}
.wrapper.open .sidebar-wrapper {
  left:0
}
.h1 {
  font-weight:700;
  width:100%;
  font-size:20px;
  margin-bottom:20px;
  line-height:28px
}
.welcome {
  line-height:24px;
  margin-bottom:10px;
  text-align:center
}
.welcome h1 {
  font-weight:700;
  text-align:center;
  font-size:20px;
  line-height:28px
}
.stags {
  margin-bottom:20px;
  font-size:14px
}
.stags.c25 ul {
  margin:-1px
}
.stags.c25 ul li {
  width:12.5%;
  padding:1px;
  position:relative
}
.stags.c4 ul li {
  width:16.6%;
  padding:1px
}
.stags.c4 .d-img-holder {
  height:240px
}
.d-tag-name {
  width:100%;
  color:#222;
  font-size:14px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical
}
.stags ul {
  display:flex;
  flex-wrap:wrap;
  margin:0 -1px
}
.stags .d-img-holder {
  height:160px
}
.stags ul li {
  width:25%;
  padding:0 1px;
  position:relative;
  text-align:center;
  overflow:hidden
}
.stags img {
  width:100%;
  height:100%;
  vertical-align:bottom;
  object-fit:cover;
  border-radius:6px
}
.dtitle svg {
  transform:rotate(180deg)
}
#navbar .inner {
  display:flex;
  align-items:center;
  max-width:1200px;
  margin:auto;
  align-items:center;
  height:100%;
  padding:0 10px;
  justify-content:center
}
#navbar .btns {
  margin-left:auto;
  display:flex;
  align-items:center
}
.border {
  position:relative;
  width:100%;
  height:1px;
  margin:20px 0
}
.border .hearts {
  position:absolute;
  left:50%;
  top:-14px;
  margin-left:-24px;
  padding:0 0
}
.border .hearts img {
  vertical-align:middle
}
.border .hearts img.center {
  width:18px;
  margin:0 15px
}
.border .hearts img.above {
  width:14px
}
.menu-top {
  height:50px;
  width:100%;
  position:fixed;
  background:#1c213c;
  left:0;
  z-index:99999;
  transition:all .3s ease;
  top:0
}
.menu-top .center-600 {
  margin:auto;
  position:relative;
  display:flex;
  max-width:1200px;
  align-items:center;
  height:100%
}
.sidebar-wrapper {
  z-index:9999999;
  left:-230px;
  width:230px;
  height:100%;
  position:fixed;
  overflow:auto;
  transition:all .2s ease;
  background:#0c0f1d;
  padding:20px
}
.chat-overlay,
.overlay,
.s-overlay,
.sb-overlay,
.u-overlay {
  height:100%;
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:999999;
  background-color:rgba(0,0,0,.7);
  justify-content:center;
  align-items:center;
  display:flex
}
.s-overlay,
.sb-overlay,
.u-overlay {
  display:none
}
.sb-overlay {
  padding:10px
}
.sidebar {
  height:100%;
  z-index:999;
  padding-top:60px
}
.sidebar::after {
  content:"";
  display:block;
  position:absolute;
  left:0;
  width:1px;
  height:500px;
  top:0
}
.w-180px {
  width:180px
}
.logo-sidebar {
  padding:20px 0;
  text-align:center
}
.logo-sidebar .site-title {
  margin-top:10px;
  font-size:20px;
  font-weight:700;
  color:#e233c1
}
.logo-sidebar img {
  max-width:100px;
  height:auto
}
.logo {
  z-index:999;
  position:relative
}
.logo a {
  align-items:center;
  display:flex
}
.logo a img {
  width:25px;
  margin-bottom:0;
  height:25px
}
.hnav a {
  display:flex;
  align-items:center;
  font-size:14px;
  padding:2px 10px;
  border-radius:40px;
  flex-wrap:wrap;
  text-align:center;
  justify-content:center;
  color:#fff
}
.hnav.h-menu {
  display:none
}
.hnav.h-menu img {
  width:25px
}
.hnav.logo {
  margin-left:-23px
}
.hnav {
  min-width:70px
}
.hnav svg {
  width:24px;
  height:auto
}
.hnav path {
  fill:#fff
}
.hnav span {
  width:100%;
  margin-top:2px;
  font-weight:700
}
.search-bar {
  width:100%;
  position:relative;
  max-width:600px;
  margin:15px auto
}
.search-bar input {
  width:100%;
  height:36px;
  background:#272a3c;
  border-radius:4px;
  padding:0 40px 0 15px;
  color:#fff;
  position:relative;
  max-width:600px
}
.search-bar.open input {
  z-index:9999999999
}
.search-bar.open .sb-overlay,
.search-bar.open .search-result {
  display:block;
  z-index:999999999
}
.logo .site-title {
  color:#fff;
  font-size:20px
}
.nav {
  width:100%
}
.home-h1 {
  text-align:center;
  font-weight:700;
  font-size:20px;
  margin:20px 0
}
.home-des {
  text-align:center
}
.home-des {
  text-align:center
}
.home .nav {
  text-align:center;
  padding:10px 15px;
  background:#eee;
  border-radius:10px
}
.nav ul li {
  width:100%;
  position:relative;
  font-size:18px
}
.nav ul li img {
  display:inline-block;
  margin-right:20px;
  width:16px;
  height:16px
}
.nav ul li:first-child {
  margin-top:0
}
.nav ul li a {
  position:relative;
  display:block;
  padding:10px 0;
  text-align:left;
  transition:all .2s ease;
  display:flex;
  align-items:center
}
.nav ul li a:hover,
.nav ul li.act a {
  color:#f471dc
}
.nav ul li.act a .underline {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
}
.category ul {
  position:absolute;
  left:0;
  width:180px;
  z-index:9999;
  box-shadow:1px 0 7px #2b112a;
  top:38px;
  display:none;
  overflow:hidden;
  border-radius:4px;
  background:#40273f
}
.user ul li,
ul#c-child li {
  margin:0
}
.user ul li a,
ul#c-child li a {
  padding:10px 20px;
  display:block;
  -webkit-transition:all 2s ease;
  -moz-transition:all .2s ease;
  -ms-transition:all .2s ease;
  -o-transition:all .2s ease;
  transition:all .2s ease;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.user ul li:last-child,
ul#c-child li:last-child {
  border-bottom:none
}
.user ul li a:hover,
ul#c-child li a:hover {
  background:#2e3146
}
.h-btn-menu {
  width:36px;
  height:36px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#eee;
  border-radius:50%
}
.btn-menu {
  cursor:pointer
}
.user {
  position:relative
}
.user ul {
  position:absolute;
  width:180px;
  z-index:9999999;
  top:44px;
  overflow:hidden;
  border-radius:4px;
  background:#1b1d2a;
  right:0;
  display:none
}
.user svg {
  fill:#fff;
  vertical-align:bottom
}
.user span {
  display:inline-block;
  vertical-align:middle
}
.user img {
  width:18px;
  border-radius:40px;
  height:auto
}
#open-sidebar img,
.user img {
  display:block
}
.user-nickname {
  font-weight:700;
  line-height:18px
}
.user-level {
  font-size:12px;
  margin-top:5px;
  color:red
}
.user-actions {
  font-size:12px;
  color:#fff;
  bottom:0;
  left:70px;
  margin-top:4px
}
.user-actions a {
  display:inline-block;
  color:#666
}
.user-actions .logout {
  margin-left:10px
}
.userAction {
  margin:60px 0
}
.userAction a {
  padding:4px
}
.userLogged {
  height:54px;
  margin:30px 0
}
.userLogged .avatar {
  float:left;
  vertical-align:bottom
}
.userLogged .avatar img {
  width:54px;
  vertical-align:bottom;
  display:inline-block
}
.userLogged .userName {
  padding:15px 6px
}
.userA {
  padding-top:16px
}
.other {
  margin-top:20px;
  text-align:left;
  position:relative;
  z-index:999
}
.other span.custom-twitter {
  display:inline-block;
  background:#1b95e0;
  border-radius:0 2px 2px 0;
  padding:4px 0
}
.other span.custom-twitter:hover {
  background:#0c7abf
}
.other .line {
  margin-bottom:10px;
  width:100%
}
.other a {
  position:relative;
  padding:10px;
  color:#fff;
  display:inline-block;
  border-radius:2px;
  width:100%
}
.search-bar .search-content {
  position:relative
}
.search-bar .loading {
  position:absolute;
  height:36px;
  width:40px;
  right:0;
  top:0;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:99999999999
}
.search-bar .overflow {
  height:100vh;
  overflow:auto
}
.search-bar .inner {
  padding:15px;
  border-radius:4px;
  background:#111526
}
.search-bar .search-result {
  position:absolute;
  width:100%;
  background:#272a3c;
  padding:15px;
  border-radius:4px;
  top:45px;
  display:none
}
.search-bar .search-result img {
  width:80px;
  height:110px;
  object-fit:cover;
  margin-right:10px
}
.search-bar .search-result ul li:first-child {
  margin-top:0
}
.search-bar .search-result ul li {
  margin-top:10px;
  padding-bottom:10px
}
.search-bar .search-result ul li:hover .s-right {
  color:#97eaa4
}
.search-bar .search-result ul li:last-child {
  padding-bottom:0;
  margin-bottom:0;
  border:0
}
.search-bar .search-result ul li a {
  display:flex
}
.search-bar .s-manga-name {
  margin-bottom:10px
}
.search-bar .s-top {
  display:flex;
  margin-bottom:15px
}
.search-bar .s-top a {
  display:flex;
  margin-left:auto
}
.search-bar .s-chapter,
.search-bar .s-manga-name {
  -webkit-transition:all ease .4s;
  -moz-transition:all ease .4s;
  -o-transition:all ease .4s;
  transition:all ease .4s
}
.search-wrapper {
  position:relative
}
.search-bar button {
  height:32px;
  top:4px;
  position:absolute;
  right:0;
  width:40px
}
.search-bar svg {
  vertical-align:top;
  height:24px;
  width:24px
}
.search-bar svg path {
  fill:#fff
}
.tl-d {
  position:absolute;
  width:35px;
  top:-9px;
  left:-5px
}
.tr-d {
  position:absolute;
  width:35px;
  top:-9px;
  right:-5px
}
.bl-d {
  position:absolute;
  width:35px;
  bottom:-9px;
  left:-5px
}
.br-d {
  position:absolute;
  width:35px;
  bottom:-9px;
  right:-5px
}
.f-item {
  height:240px;
  position:relative;
  margin:0 1px;
  max-width:300px
}
.f-item .f-img-holder {
  border-radius:4px;
  overflow:hidden;
  display:block;
  height:100%
}
.f-item .f-img-holder img {
  height:100%;
  background:#fff;
  object-fit:cover;
  width:100%;
  display:block
}
.f-title {
  position:absolute;
  bottom:0;
  background:#0000006b;
  width:100%;
  text-align:center;
  font-size:24px;
  height:100%;
  padding:4px;
  display:flex;
  justify-content:center;
  align-items:center;
  text-shadow:1px 1px 2px #000
}
.f-title span {
  background:#050711cf;
  border-radius:4px;
  padding:0 5px;
  font-size:18px
}
.content-wrapper {
  max-width:1680px
}
.footer {
  background:#000;
  color:#fff;
  padding:10px;
  line-height:24px
}
.footer .inner {
  max-width:1200px;
  margin:auto
}
.footer .f-block {
  margin-top:10px
}
.footer .f-block:last-child {
  margin-bottom:0
}
.footer .f-block h2 {
  margin-bottom:10px;
  font-weight:700
}
.footer .f-block p {
  font-size:14px;
  line-height:22px;
  color:#b3b3b3
}
.footer .copyright {
  margin-top:20px;
  padding:10px;
  border-top:1px solid #392936;
  line-height:25px;
  text-align:center;
  font-size:14px
}
.footer ul li {
  display:inline-block;
  border-right:1px solid #392936;
  padding:0 12px
}
.footer ul li:last-child {
  border:none;
  padding-right:0
}
.footer a {
  display:inline-block;
  padding:4px;
  background:#1b1e2b;
  margin-right:4px;
  margin-bottom:4px;
  border-radius:4px
}
.copyright .inner {
  justify-content:space-between
}
.f-devilchan {
  display:inline-block
}
.halloween {
  position:absolute;
  right:210px;
  z-index:9999;
  top:80px
}
.content {
  position:relative;
  padding:0 10px;
  z-index:9;
  padding-bottom:70px;
  padding-top:70px
}
a.social-button {
  padding-left:36px;
  padding-left:45px;
  border-radius:4px;
  background:#131728
}
a.intro {
  color:#d4a6fd;
  border:1px solid #49355b;
  padding-left:42px
}
a.intro img {
  position:absolute;
  left:13px;
  top:8px
}
.social-button img {
  width:20px;
  position:absolute;
  top:10px;
  left:14px
}
a .social-button.twitter {
  background-color:#00a9f1
}
a:hover .social-button.twitter {
  background-color:#0085be
}
.page-title {
  position:relative;
  text-align:center;
  width:100%;
  margin-bottom:20px
}
.page-title img {
  width:20px;
  margin-right:10px;
  vertical-align:middle;
  position:relative;
  top:-2px
}
.page-title:after {
  background:linear-gradient(90deg,#aa2491 0,#8e387e 50%,rgba(226,51,193,.08) 100%)
}
.m-header {
  position:fixed;
  z-index:999999;
  top:0;
  width:100%;
  display:none;
  background:#3c223a;
  box-shadow:1px 0 7px #2b1a2a
}
.m-devilchan {
  font-size:20px;
  line-height:50px;
  text-align:center
}
.bars {
  position:absolute;
  right:0;
  top:13px;
  box-sizing:content-box;
  cursor:pointer;
  fill:#fff;
  z-index:999999;
  display:none;
  border-radius:50%;
  height:34px;
  width:34px;
  text-align:center
}
.bars svg {
  vertical-align:bottom;
  top:7px;
  position:relative
}
.bars:hover {
  fill:#8892ec
}
.open-sidebar .bars {
  fill:#8892ec
}
.open-sidebar .s-overlay {
  display:block
}
.pagi {
  font-size:26px;
  position:absolute;
  right:0;
  padding:11px 7px 7px 7px;
  top:0;
  font-weight:700;
  color:#ff48a6
}
.main-page {
  width:100%;
  position:relative
}
.main-page.max {
  max-width:100%
}
.art-description {
  padding:10px;
  background:#f0f0f0;
  border-radius:10px;
  margin-bottom:20px;
  line-height:24px
}
.art-info {
  margin-bottom:30px;
  display:flex;
  flex-wrap:wrap
}
.art-info ul {
  width:100%
}
.art-info .tuts {
  width:50%;
  border-left:1px solid #f0f0f0;
  padding-left:20px
}
.art-info .tuts a {
  display:block;
  font-weight:700;
  margin-bottom:10px;
  font-size:14px
}
.art-info .tuts img {
  vertical-align:bottom;
  display:inline-block;
  margin-right:5px
}
.art-info .i-title {
  color:#797979;
  font-size:16px;
  font-weight:700
}
.art-info ul li {
  margin-bottom:10px;
  line-height:26px;
  word-break:break-all;
  display:inline-block;
  margin-right:15px
}
.art-info ul li:last-child {
  margin-bottom:0
}
.art-info ul li svg {
  display:inline-block;
  vertical-align:middle;
  width:16px;
  height:16px
}
.tag-list {
  margin-bottom:10px
}
.tag-list .btn-edit {
  display:inline-block
}
.tag-list2 ul li {
  margin-bottom:20px;
  padding:0 10px;
  word-break:break-all
}
.tag-list2 span.count {
  margin-left:7px;
  font-size:10px;
  color:#3daa81
}
.tag-list2 {
  display:flex;
  margin:0 -10px;
  flex-wrap:wrap
}
.tag-list2 ul {
  width:25%
}
.share {
  margin-bottom:20px
}
.picture-name h1 {
  width:100%;
  font-weight:300;
  text-align:center;
  line-height:30px
}
.edit-wrapper {
  margin-left:10px;
  display:flex
}
.picture-name .btn-edit {
  margin-left:10px;
  color:#fff
}
.picture-holder {
  width:100%
}
.picture-holder .social {
  margin-top:20px;
  text-align:center
}
.picture {
  text-align:center
}
.content-images .pictureZoom {
  position:relative;
  cursor:zoom-in
}
.content-images .i-img {
  margin-bottom:10px;
  width:100%;
  text-align:center;
  position:relative
}
.content-images .i-img:nth-child(2) .i-img-holder {
  height:100px;
  overflow:hidden
}
.content-images .i-img:nth-child(2) .i-img-holder::after {
  position:absolute;
  content:'';
  display:block;
  left:0;
  right:0;
  bottom:0;
  height:20px;
  background:linear-gradient(0deg,#b3489f00,#86327700 0,#0c0f1d 0,rgba(12,15,29,.08));
  margin:0 -10px
}
.content-images .i-img:nth-child(n+3) {
  display:none
}
.content-images .i-img:last-child {
  margin-bottom:0
}
.content-images.display-all-img .i-img {
  display:block
}
.content-images.display-all-img .i-img:nth-child(2) .i-img-holder {
  height:auto;
  overflow:auto
}
.content-images.display-all-img .i-img:nth-child(2) .i-img-holder::after {
  display:none
}
.content-images .i-img-holder img {
  height:auto;
  display:inline-block;
  max-width:100%;
  vertical-align:top
}
.content-images {
  margin-bottom:20px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  position:relative
}
.show-all-img {
  text-align:center;
  margin-bottom:20px
}
.show-all-img a {
  background:#223b62;
  padding:4px;
  display:inline-block;
  border-radius:4px
}
.i-img-holder #play-video {
  display:inline-block;
  position:relative;
  cursor:pointer
}
.player-btn {
  position:absolute;
  left:50%;
  width:100px;
  top:50%;
  margin-top:-50px;
  margin-left:-50px
}
.download-img {
  padding:10px;
  display:inline-block;
  background:#3cbfc6ba;
  position:absolute;
  right:0;
  width:39px;
  border-radius:50%;
  bottom:5px;
  box-shadow:0 0 10px #f0f0f0
}
.download-img img {
  width:16px;
  vertical-align:middle;
  height:16px;
  position:relative;
  top:-2px
}
.tags .tag-btns img {
  width:12px;
  height:12px
}
.tags .tag-btns a {
  background:#fcc;
  margin-left:4px;
  border-radius:4px;
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center
}
.tags .tag-btns .pri-tag-btn {
  padding:2px;
  background:#1c5523;
  border-radius:4px;
  margin-left:4px;
  min-width:23px;
  text-align:center;
  margin-top:4px;
  display:none
}
.tags .tag-btns a svg {
  width:14px;
  height:14px;
  vertical-align:middle;
  position:relative;
  top:-1px
}
.tags {
  display:flex;
  flex-wrap:wrap;
  border-radius:4px
}
.tags li {
  position:relative;
  margin-right:4px;
  margin-bottom:4px
}
.tags li.less {
  display:none
}
.tags a.tag-item {
  position:relative;
  -webkit-transition:all ease .2s;
  -moz-transition:all ease .2s;
  -o-transition:all ease .2s;
  transition:all ease .2s;
  vertical-align:middle;
  width:100%;
  text-align:left;
  border-radius:4px;
  background:#1b1e2b;
  padding:4px 10px;
  display:flex;
  align-items:center;
  height:100%
}
.tags a.tag-item.t-character {
  color:#d79f34
}
.tags a.tag-item.t-series {
  color:#7ad8dd
}
.tags a.tag-item:hover {
  color:#86f9ff
}
.btn-edit {
  padding:7px;
  background:#449da2;
  border-radius:50%;
  color:#fff;
  display:flex
}
.btn-edit svg {
  width:20px;
  height:20px;
  position:relative;
  fill:#fff;
  vertical-align:bottom
}
.btn-edit path {
  fill:#fff
}
.btn-edit img {
  width:20px;
  position:relative;
  display:block
}
.tag-type {
  text-align:right;
  padding-right:5px;
  font-size:12px
}
h2.h2 {
  margin-bottom:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#fff;
  font-size:20px;
  display:none
}
.tags a.tag-item.show-all-tag {
  color:#ff5c5c
}
.show-all-tag a {
  background:#4a2c48;
  padding:10px;
  border-radius:2px;
  display:block
}
.inputGroup label {
  position:absolute;
  height:100%;
  line-height:36px;
  top:0;
  left:50%;
  z-index:1;
  transition:all ease .2s;
  color:#9c9c9c
}
.page-404 {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-image:url(/public/others/devilchan_404.webp);
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:cover
}
.pattern {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-image:url(/public/others/pattern.png)
}
.center-404-text {
  position:fixed;
  top:50%;
  left:50%;
  margin-top:-100px;
  margin-left:-400px;
  font-size:50px;
  color:#fff;
  background:rgba(36,36,36,.59);
  padding:10px 15px
}
.as-left {
  float:left;
  padding-right:30px;
  border-right:1px solid #733367;
  max-width:400px;
  width:100%
}
.description {
  margin-bottom:20px;
  line-height:26px
}
.index-grid {
  margin-top:20px
}
.post-content {
  margin-bottom:20px
}
.post-content-image {
  max-width:600px;
  width:100%
}
.bin .title {
  font-size:20px;
  margin-bottom:28px;
  line-height:26px
}
.bin .title a {
  color:#cecece
}
.bin .info {
  margin-bottom:10px
}
.bin-create {
  display:inline-block;
  border:1px solid #264a25;
  padding:7px 10px;
  border-radius:4px;
  color:#3ec053;
  font-size:14px
}
.bin-create time {
  font-size:14px
}
.post-by {
  display:inline-block;
  margin-right:14px;
  padding:7px 10px;
  border-radius:4px;
  vertical-align:middle;
  border:1px solid #53224a;
  color:#f471dc;
  font-size:14px
}
.bin-create img,
.post-by img {
  position:relative;
  top:2px;
  margin-right:4px;
  width:14px;
  vertical-align:top
}
.bin-info {
  margin:20px 0
}
.bin-info time {
  display:inline-block
}
.post-btn {
  position:absolute;
  right:-52px;
  top:0
}
.post-btn img {
  width:20px;
  vertical-align:middle
}
.post-btn li {
  margin-bottom:4px
}
.post-btn li a {
  display:block;
  padding:9px 14px;
  border-radius:4px;
  min-height:42px;
  text-align:center
}
.post-btn li a.dl {
  background:#53224a
}
.post-btn li a.fav {
  background:#49355b
}
.post-btn li a.zoom {
  background:#3a6034
}
.bin-cover-img {
  margin-bottom:20px;
  position:relative
}
.bin-cover-img img {
  max-width:100%;
  border-radius:4px;
  height:auto
}
.bin-title {
  color:#cecece;
  font-size:18px;
  line-height:26px;
  display:block;
  margin-top:10px
}
.bin-item .img-holder img {
  width:100%;
  border-radius:4px;
  height:auto
}
.bin-item .info {
  margin-top:20px
}
.post-page .item {
  max-width:700px;
  margin-bottom:20px;
  position:relative
}
.post-page .item:last-child {
  margin-bottom:0
}
.caption {
  font-size:18px;
  margin-top:10px;
  text-align:center
}
.post-page img {
  border-radius:4px;
  max-width:100%;
  height:auto
}
.mg20 {
  margin-bottom:20px
}
.post-content iframe,
.tag-content iframe {
  width:100%
}
.tag-content,
.tag-description {
  font-size:14px;
  line-height:24px;
  margin-bottom:20px
}
.tag-content a,
.tag-description a {
  color:#f471dc
}
.cover-img {
  text-align:center;
  margin:20px 0
}
.cover-img img {
  width:100%;
  max-width:400px;
  border-radius:4px
}
.cover-img.character img {
  border-radius:50%;
  max-width:200px
}
.child-tag img {
  width:40px;
  vertical-align:middle;
  display:inline-block;
  border-radius:4px;
  margin-right:10px
}
.child-tag {
  position:absolute;
  right:0;
  width:210px;
  top:120px;
  border-radius:4px;
  overflow:hidden
}
.child-tag ul {
  background:#1b1d2a;
  border-radius:4px;
  overflow:hidden
}
.child-tag ul li a {
  font-size:14px;
  padding:10px;
  border-bottom:1px solid #372036;
  display:block
}
.child-tag ul li a:hover {
  background:#553254;
  color:#fff
}
.water-grid {
  margin:0 -3px;
  display:flex;
  flex-wrap:wrap
}
.water-grid.grid2 .w-item {
  width:20%
}
.water-grid.grid3 .w-item {
  width:33.333333333%
}
.w-item.sub ul li a {
  display:block;
  padding:12px;
  border-radius:4px;
  text-align:center;
  background:#40273f
}
.w-item.sub ul li:last-child {
  margin-bottom:0
}
.w-item.sub ul li {
  margin-bottom:4px
}
.w-item .total-imgs {
  bottom:initial;
  right:5px;
  top:5px
}
.water-grid .w-item:last-child {
  margin-bottom:0
}
.water-grid .img-holder {
  background:#cecece;
  border-radius:4px
}
.water-grid .block {
  width:50%;
  padding:0 5px
}
.water-grid .w-item {
  position:relative;
  padding:3px;
  width:25%;
  display:block
}
.w-img.h200 {
  height:200px
}
.w-img.h200 img {
  object-fit:cover
}
.img-block {
  border-radius:4px
}
.img-block .w-img img.preview-img {
  width:100%;
  display:block;
  height:100%;
  border-radius:10px
}
.w-img {
  position:relative
}
.video-content {
  display:flex;
  justify-content:center;
  margin-bottom:20px
}
.v-info img {
  width:12px;
  height:12px;
  margin-right:4px
}
.v-info.votes {
  display:flex;
  align-items:center;
  left:5px;
  top:5px;
  bottom:auto
}
.v-info.video-durarion {
  right:2px
}
.v-info {
  position:absolute;
  bottom:2px;
  background:#000000bd;
  font-size:12px;
  padding:2px 4px;
  border-radius:4px;
  display:flex;
  align-items:center;
  color:#fff;
  font-weight:700
}
.v-info.w-resolution {
  right:5px
}
.w-title {
  margin-top:5px;
  margin-bottom:5px;
  line-height:20px;
  font-size:14px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical
}
.w-title a {
  font-weight:700
}
.w-line {
  display:flex;
  justify-content:space-between;
  margin-bottom:10px
}
.w-line:last-child {
  margin-bottom:0
}
.w-line img {
  vertical-align:middle;
  width:14px;
  height:14px;
  margin-right:5px
}
.w-line>div {
  display:flex;
  color:#a6a6a6;
  font-size:14px;
  display:flex;
  align-items:center
}
.home-description {
  width:100%;
  margin-top:10px;
  font-size:16px;
  line-height:26px;
  margin-bottom:20px
}
.page-header.video-title {
  font-size:18px;
  line-height:26px;
  margin-bottom:20px
}
.page-header h1,
.page-header h2 {
  font-weight:700
}
.page-header {
  width:100%;
  margin-bottom:20px;
  font-size:26px
}
.page-header .ptime {
  font-size:14px;
  margin-top:20px
}
.page-header .ptime img {
  width:14px
}
.page-header h1,
.page-header h2 {
  display:flex;
  align-items:center;
  line-height:32px;
  font-size:20px
}
.page-header h1 img,
.page-header h2 img {
  width:16px;
  height:16px;
  margin-right:10px;
  vertical-align:middle
}
.page-header h1 span,
.page-header h2 span {
  margin-right:5px;
  font-weight:700
}
.page-header .inner {
  z-index:999999;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative
}
.posts .bin-item {
  margin-bottom:30px;
  padding-bottom:30px;
  border-bottom:1px dashed #5b2b59
}
.posts .bin-item:last-child {
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:none
}
.posts-today .img-sample {
  margin-bottom:20px
}
.posts .bin-title {
  margin-top:20px
}
.img-sample img {
  max-width:100%
}
.cate-title {
  font-size:20px;
  margin-bottom:20px;
  text-align:center
}
.h2cate-title {
  padding:7px 0;
  font-size:20px;
  margin-bottom:10px;
  border-radius:20px 0 20px
}
.see-more {
  margin-top:20px;
  text-align:center
}
.see-more a {
  border:1px solid #53224a;
  color:#f471dc;
  padding:10px 50px;
  display:inline-block;
  border-radius:4px
}
.more svg {
  border-radius:4px
}
.more .center-text {
  margin-top:-12px;
  margin-left:-51px
}
.center-text {
  font-size:20px;
  position:absolute;
  left:50%;
  top:50%
}
.label-hidden {
  position:absolute;
  z-index:-1;
  margin-left:5px
}
.filter {
  text-align:center;
  width:100%;
  display:block;
  background:#2b182a;
  padding:10px;
  border-radius:4px;
  margin-bottom:6px
}
.filter:last-child {
  margin-bottom:0
}
.share-box p {
  text-align:left;
  line-height:26px;
  margin-bottom:20px;
  font-style:italic
}
.share-form input {
  width:100%;
  padding:5px;
  margin-bottom:20px;
  background:#f0f0f0;
  border-radius:4px;
  color:#222
}
.share-form input:last-child {
  margin-bottom:0
}
.share-form label {
  font-size:14px;
  text-align:left;
  display:block;
  margin-bottom:5px;
  color:#3e41ff;
  font-weight:700
}
.add-tags {
  margin-top:20px
}
.add-tags svg {
  width:20px;
  height:20px
}
.add-tags>div {
  position:relative
}
.add-tags input[type=text] {
  height:36px;
  padding:0 48px 0 10px;
  border-radius:4px;
  width:100%;
  background:#464646
}
.add-tags button {
  height:36px;
  position:absolute;
  right:0;
  top:0;
  color:#fff;
  border-radius:4px;
  cursor:pointer;
  padding:0 5px;
  font-size:28px;
  width:36px
}
.post-content {
  line-height:26px
}
.post-content a {
  color:#f471dc
}
.post-content strong {
  color:#fff;
  font-weight:700
}
.post-content h2 {
  border-bottom:3px solid #5b2b59;
  padding:10px 0;
  margin-bottom:20px;
  font-size:20px;
  color:#f471dc
}
.slider-tags {
  margin-bottom:20px;
  margin-top:20px;
  height:40px
}
.slider-tags .t-item {
  margin-right:5px
}
.slider-tags .t-item a {
  padding:5px 10px;
  display:block;
  background:#fff2fd;
  font-weight:700;
  border-radius:30px
}
.p-filters a {
  display:block;
  padding:5px 10px;
  font-size:16px;
  border-radius:4px;
  padding-right:0
}
.p-filters img {
  width:20px;
  height:20px;
  display:inline-block;
  vertical-align:top;
  fill:#cecece;
  position:relative
}
.p-filter span {
  display:inline-block;
  vertical-align:middle
}
.overlay {
  display:flex
}
#del-art {
  background:#fcc;
  margin-left:5px
}
.overlay .btn-close {
  text-align:right
}
.overlay .btn-close img {
  width:16px;
  height:16px;
  vertical-align:middle
}
.edit-box,
.filter-box {
  max-width:400px;
  margin:auto 10px;
  width:100%;
  background:#1c2037;
  padding:20px;
  border-radius:4px
}
.filter-box>ul>li label {
  display:block;
  margin-bottom:10px;
  font-weight:700
}
.filter-box>ul>li select {
  width:100%;
  border:0;
  padding:10px 0;
  background:0 0;
  color:#fff;
  border-bottom:1px solid #cecece;
  font-size:16px;
  font-family:sans-serif!important
}
.filter-box .i-tags {
  border-bottom:1px solid #cecece;
  height:36px;
  width:100%;
  margin-bottom:7px
}
.filter-box>ul>li {
  margin-bottom:20px;
  position:relative
}
.filter-box>ul>li:last-child {
  margin-bottom:0
}
.filter-box .p-btn {
  text-align:right
}
.filter-box .p-btn a {
  padding:8px;
  background:#227299;
  color:#fff;
  font-size:16px;
  display:inline-block;
  border-radius:4px
}
.download {
  display:flex;
  flex-wrap:wrap;
  margin-bottom:20px
}
.download.download-video {
  display:flex;
  justify-content:center
}
.download.download-video a {
  margin:5px;
  text-transform:uppercase;
  min-width:180px;
  background:#3e41ff;
  color:#fff;
  border-radius:40px;
  font-size:12px;
  font-weight:700
}
.download div {
  width:50%;
  padding:0 10px
}
.download a {
  display:block;
  height:100%;
  padding:5px;
  background:#1b1d2a;
  text-align:center;
  -webkit-transition:all ease .2s;
  -moz-transition:all ease .2s;
  -o-transition:all ease .2s;
  transition:all ease .2s
}
.download a.screenshot {
  cursor:zoom-in
}
.video-js-responsive-container.vjs-hd {
  padding-top:56.25%
}
.video-js-responsive-container.vjs-sd {
  padding-top:75%
}
.video-js-responsive-container {
  width:100%;
  position:relative
}
.video-js-responsive-container .video-js {
  height:100%!important;
  width:100%!important;
  position:absolute;
  top:0;
  left:0
}
.tag-list-page .p-filters {
  display:flex
}
.tag-list .ac {
  background:#f0f0f0
}
.tag-list .ac li.select {
  background:#d9d9d9;
  color:#222
}
.tag-list-page .p-filters a {
  margin-right:5px;
  -webkit-transition:all ease .2s;
  -moz-transition:all ease .2s;
  -o-transition:all ease .2s;
  transition:all ease .2s;
  background:#393c4d;
  padding-right:10px
}
.tag-list-page .p-filters a:last-child {
  margin-right:0
}
.tag-list-page .p-filters a.act,
.tag-list-page .p-filters a:hover {
  background:#2362a6;
  color:#fff
}
#open-sidebar {
  display:none
}
.view-more {
  position:relative
}
.view-more .v-text {
  position:absolute;
  top:50%;
  left:50%;
  font-size:20px;
  margin-top:-25px;
  margin-left:-48px;
  color:#fff;
  font-size:24px
}
.view-more img {
  /*! padding:60px; *//*! background:#171e3e *//*! width: 50px; */vertical-align: bottom;
}
.ads {
  margin-bottom:20px
}
.ads ins {
  display:block
}
.ads-h300,
.ads-h300 ins {
  height:280px
}
.ads-h100,
.ads-h100 ins {
  height:100px
}
.a-content {
  display:flex
}
.a-content .f-item {
  background:0
}
.a-content iframe {
  width:100%
}
.a-content .col-left {
  width:calc(100% - 220px)
}
.a-content .col-right {
  min-width:200px;
  margin-left:20px
}
.ani-info {
  margin-right:20px;
  max-width:200px
}
.ani-info .e-title {
  margin-bottom:10px
}
.ani-info .ani-c-img img {
  max-width:200px;
  border-radius:4px;
  height:auto;
  vertical-align:top
}
.ani-info .ani-c-img {
  margin-bottom:20px
}
.ani-info ul.eps-info {
  display:flex;
  flex-wrap:wrap
}
.ani-info ul.eps-info li {
  width:33.33%;
  padding:3px
}
.ani-info .watch {
  margin-bottom:20px
}
.ani-info .watch a {
  padding:8px;
  display:block;
  background:#4a8455;
  text-align:center;
  border-radius:4px;
  transition:all .2s ease;
  position:relative;
  min-height:36px;
  overflow:hidden;
  color:#fff
}
#episode .ani-info {
  max-width:200px;
  margin-right:0
}
#episode .ani-info ul li {
  flex-wrap:wrap
}
#episode .ani-info ul li.act a {
  background:#4593c1;
  color:#fff;
  border:0
}
.ani-info.skeleton .watch a {
  background:#111526
}
.ani-info.skeleton .watch a::before,
.ani-info.skeleton ul.eps-info li a:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background-image:linear-gradient(to right,#111526 0,#111526 20%,#1b223c 40%,#111526 100%);
  background-size:450px 400px;
  background-repeat:no-repeat;
  animation:shimmer 1.4s linear infinite;
  left:0;
  top:0
}
.v-type {
  position:absolute;
  z-index:9999;
  top:0;
  width:20px;
  height:20px;
  margin-top:5px;
  margin-left:5px;
  background:#fff;
  border-radius:50%;
  border:1px solid #fff
}
@keyframes shimmer {
  0% {
    background-position:-450px 0
  }
  100% {
    background-position:450px 0
  }
}
.ani-info.done .watch a:hover {
  background:#397945
}
.ani-info ul.eps-info {
  margin-top:10px;
  margin:-2px
}
.ani-info ul.eps-info li a {
  display:block;
  padding:4px;
  min-width:30px;
  text-align:center;
  border-radius:4px;
  position:relative;
  overflow:hidden;
  min-height:28px;
  background:#f0f0f0;
  display:flex;
  justify-content:center;
  color:#222;
  border:1px solid #ddd
}
.v-content {
  position:relative;
  cursor:pointer;
  width:100%;
  margin-right:20px
}
.v-content .note {
  margin-top:20px
}
.v-content .inner {
  position:relative
}
.v-content iframe {
  width:100%
}
.v-content .i-player {
  position:absolute;
  z-index:999;
  width:100px;
  top:50%;
  margin-top:-50px;
  margin-left:-50px;
  left:50%
}
.i-player img,
.v-thumb img {
  width:100%
}
.v-content canvas {
  width:100%;
  background:#f0f0f0;
  vertical-align:top;
  border-radius:10px
}
.v-thumb {
  overflow:hidden;
  position:relative
}
.v-servers img.loading {
  width:14px;
  height:14px;
  margin-left:5px;
  vertical-align:baseline
}
.v-servers {
  margin-top:20px
}
.v-servers ul {
  display:flex;
  flex-wrap:wrap
}
.v-servers ul li {
  margin-right:10px
}
.v-servers ul li:last-child {
  margin-right:0
}
.v-servers ul li.act a {
  background:#276030
}
.v-servers ul li a {
  background:#1b1d2a;
  padding:4px;
  border-radius:4px;
  display:block;
  color:#fff
}
#ani_video {
  width:100%
}
#ani_video video {
  width:100%
}
.a-group img {
  width:100%
}
.a-group ul li {
  max-height:160px;
  overflow:hidden;
  border-radius:4px;
  margin-bottom:20px
}
.a-group ul li:last-child {
  margin-bottom:0
}
.slider {
  margin-bottom:30px;
  height:240px
}
#anime .f-title {
  text-shadow:1px 1px 2px #000;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  background:#000000d1;
  height:auto;
  font-size:16px;
  line-height:24px
}
.a-content .slider-wrapper {
  margin-top:20px
}
.a-content .f-item,
.a-content .slider {
  height:80px
}
.f-item.active {
  border:1px solid #00ffe7;
  border-radius:4px;
  overflow:hidden
}
.art-content {
  line-height:24px;
  width:100%
}
.ani-list ul {
  display:flex;
  flex-wrap:wrap
}
.ani-list {
  margin:-5px
}
.ani-list .c-ep {
  top:10px;
  left:10px
}
.ani-list ul li {
  width:20%;
  padding:5px;
  overflow:hidden;
  display:block;
  position:relative
}
.ani-list ul li .c-img img {
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:4px;
  height:260px
}
.ani-list .ani-title {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  line-height:24px
}
.open-sidebar .home .nav {
  padding:0;
  background:0;
  border:0
}
.open-sidebar .copyright {
  text-align:left
}
.art-title .inner {
  justify-content:center
}
.pbackground {
  height:200px;
  overflow:hidden;
  border-radius:10px 10px 0 0;
  position:relative
}
.pbackground .ibackground {
  width:100%;
  object-fit:cover;
  display:block;
  height:100%
}
.pbackground>.inner {
  position:absolute;
  background:linear-gradient(0deg,#b3489f00,#86327700 0,#0c0f1d 0,rgba(12,15,29,0));
  top:0;
  height:100%;
  width:100%
}
.pbackground .tobt {
  position:absolute;
  width:100%;
  bottom:0;
  padding:10px
}
.tobt .page-header {
  margin-bottom:0
}
.quality {
  margin:20px 0;
  display:flex;
  flex-wrap:wrap;
  margin:0 -5px;
  justify-content:center;
  margin-bottom:20px
}
.quality a {
  padding:10px;
  background:#f0f0f0;
  margin:5px;
  border-radius:4px;
  font-weight:700
}
.quality a:last-child {
  margin-right:0
}
.quality a.act {
  background:#e866cf;
  color:#fff
}
.socials-share {
  display:flex;
  justify-content:center;
  margin-top:20px
}
.socials-share a {
  background:#f0f0f0;
  margin:0 5px;
  padding:8px;
  border-radius:50%;
  border:1px solid #e3e3e3;
  display:flex
}
.socials-share svg {
  width:35px;
  height:35px;
  display:block
}
.socials-share img {
  width:25px;
  height:25px
}
.article {
  line-height:24px;
  min-height:600px
}
.article a {
  color:#df18b7
}
.article img {
  max-width:100%;
  height:auto
}
.article h1 {
  font-weight:700;
  font-size:24px;
  line-height:30px
}
.article ul {
  list-style:circle;
  padding-left:40px
}
.article h2 {
  font-weight:700;
  font-size:18px
}
.article pre {
  overflow:auto;
  padding:10px;
  background:#f2f2f2
}
.c-ep {
  position:absolute;
  top:5px;
  background:#000000c2;
  text-align:center;
  left:5px;
  border-radius:50%;
  flex-wrap:wrap;
  font-size:12px;
  padding:6px;
  border-radius:40px;
  color:#fff;
  font-weight:700
}
.c-ep p {
  width:100%
}
.embedpage {
  border:0
}
.img-sample {
  max-height:calc(100vh - 60px);
  display:block;
  max-width:100%;
  margin:auto
}
.poppage {
  display:flex;
  justify-content:center;
  padding:0;
  flex-wrap:wrap;
  align-content:center;
  background:#000000d6
}
.poppage .pbtns {
  width:100%;
  display:flex;
  justify-content:center;
  margin:10px 0;
  max-height:40px
}
.poppage .pbtns a:nth-child(2) img {
  transform:rotateY(-180deg)
}
.poppage .pbtns img {
  width:100%;
  display:block
}
.poppage .pbtns a {
  max-width:40px;
  margin:0 10px;
  background:#000;
  padding:7px;
  border-radius:8px;
  text-align:center;
  border:2px solid #fff
}
.nvtns {
  position:fixed;
  z-index:99999999999;
  display:flex;
  top:70px
}
.nvtns a {
  background:#ffffffab;
  padding:10px;
  border-radius:50%;
  box-shadow:0 0 10px #f0f0f0
}
.nvtns svg {
  display:block
}
.nvtns path {
  fill:#000
}
.dsearch {
  margin-bottom:20px;
  display:none;
  position:relative;
  z-index:9999
}
.dsearch.open .sb-overlay {
  display:block;
  background:0 0
}
.dsearch.open .search-result {
  display:block
}
.dsearch .search-result {
  position:absolute;
  width:100%;
  z-index:9999999999;
  background:#fff;
  box-shadow:0 0 10px #f0f0f0;
  border-radius:10px;
  top:40px;
  display:none
}
.dsearch .search-result ul li a {
  margin-top:10px;
  display:block;
  padding:4px 15px
}
.dsearch input {
  width:100%;
  background:#eee;
  border-radius:40px;
  height:36px;
  color:#222;
  padding:0 10px;
  z-index:9999999999;
  position:relative
}
.dtitle {
  margin-bottom:10px;
  display:flex;
  justify-content:space-between
}
.tfm {
  display:flex;
  flex-wrap:wrap
}
.tf {
  width:25%;
  height:200px
}
.tf img {
  width:100%;
  height:100%;
  object-fit:contain
}
.group ul li {
  display:flex
}
.group .g-img {
  max-width:150px
}
.group .g-img img {
  width:100%;
  border-radius:10px
}
.group {
  margin-bottom:20px
}
.group ul {
  height:400px;
  overflow-y:auto
}
.g-title {
  margin-left:10px
}
.pagination-box .pagination ul li a:hover,
.pagination-box .pagination ul li.act a {
  background:#2362a6;
  color:#fff
}
.fav-btn {
  margin-bottom:20px
}
.fav-btn .faved {
  background:#ac2020
}
.fav-btn a {
  display:inline-block;
  vertical-align:top;
  background:#282d44;
  padding:4px;
  border-radius:4px
}
@keyframes fadeIn {
  0% {
    opacity:0
  }
  100% {
    opacity:1
  }
}
@keyframes fadeOut {
  0% {
    opacity:1
  }
  100% {
    opacity:0
  }
}
@keyframes fadeInDown {
  0% {
    opacity:0;
    transform:translateY(-3rem)
  }
  100% {
    opacity:1;
    transform:translateY(0)
  }
}
@keyframes fadeOutUp {
  0% {
    opacity:1;
    transform:translateY(0)
  }
  100% {
    opacity:0;
    transform:translateY(-3rem)
  }
}
@media(max-width:992px) {
  html {
    font-size:14px
  }
  .modal-content {
    width:80%
  }
}
@media(max-width:767px) {
  html {
    font-size:12px
  }
  .modal-content {
    padding:1rem 1rem 1rem 1rem;
    width:90%
  }
  .modal-content h1 {
    margin-bottom:1.5rem
  }
}
.chat-box {
  width:250px;
  position:fixed;
  right:-300px;
  top:0;
  z-index:999999999;
  background:#1b1d2f;
  height:100%;
  font-size:14px;
  padding:10px;
  -webkit-transition:all ease .2s;
  -moz-transition:all ease .2s;
  -o-transition:all ease .2s;
  transition:all ease .2s
}
.chat-wrapper {
  position:relative;
  height:100%;
  margin-top:20px
}
.chat-content {
  padding-top:70px;
  height:100%
}
.chat-header {
  position:absolute;
  top:0;
  width:100%
}
.chat-header #chat-set-name {
  color:#96ff9d
}
.chat-input {
  margin-top:10px
}
.chat-input input {
  resize:none;
  font-size:14px;
  padding:5px;
  background:0;
  border:1px solid #2c3148;
  border-radius:0 0 0 15px;
  width:100%;
  padding-left:10px
}
.chat-content ul {
  overflow:auto;
  height:100%;
  padding-bottom:20px;
  padding-right:10px
}
.chat-content ul li {
  display:flex;
  flex-wrap:wrap;
  margin-bottom:10px
}
.chat-content ul li:last-child {
  margin-bottom:0
}
.chat-content ul li img {
  width:25px;
  height:25px;
  margin-right:10px;
  border-radius:50%
}
.chat-content .message {
  width:calc(100% - 35px)
}
.chat-content .chat-time {
  font-size:12px;
  width:100%;
  color:#9f9f9f;
  font-style:italic;
  text-align:right
}
.i-chat {
  position:relative
}
.i-chat .total {
  position:absolute;
  background:#3f6a25;
  top:-2px;
  padding:0 1px;
  font-size:12px;
  border-radius:4px;
  left:0;
  min-width:15px;
  text-align:center
}
#mario-chat label {
  box-sizing:border-box;
  display:block;
  padding:10px 20px
}
#mario-chat input {
  padding:4px;
  height:30px;
  box-sizing:border-box;
  background:#eee;
  border:0;
  display:block;
  width:100%;
  background:#fff;
  border-bottom:1px solid #eee;
  font-family:Nunito;
  font-size:16px;
  color:#000
}
#mario-chat button {
  background:#0d6f86;
  color:#fff;
  font-size:18px;
  border:0;
  padding:4px 0;
  width:100%;
  border-radius:0 0 2px 2px;
  cursor:pointer
}
#mario-chat #join,
#mario-chat button {
  display:flex;
  justify-content:center;
  align-items:center
}
#mario-chat input.joinSuccess {
  background:#eee
}
#send-chat {
  margin-bottom:10px
}
#mario-chat img {
  width:20px;
  vertical-align:top
}
.chat-flex {
  display:flex
}
.chat-flex button {
  background:#33ac07
}
#mario-chat input {
  outline:0
}
.joinSuccess {
  pointer-events:none;
  background:#d0d0d0
}
#mario-chat #join {
  width:40px;
  height:30px
}
.chat-overlay {
  display:none
}
.wrapper.open-chat .chat-box {
  right:0
}
.wrapper.open-chat .chat-overlay {
  display:block
}
#output strong {
  color:#53ff6d
}
#output strong.pri {
  color:#ff5656
}
#output .chattime {
  font-size:16px;
  color:#a4a4a4;
  margin-bottom:10px;
  font-size:11px;
  margin-left:4px
}
.fav-btn img {
  width:25px;
  height:25px;
  vertical-align:top
}
body {
  background:#0c0f1d
}
.global-bg {
  position:absolute;
  background:url(/bg.jpg) top right;
  background-size:auto;
  left:0;
  width:100%;
  height:600px;
  top:0;
  background-size:cover;
  overflow:hidden;
  display:none
}
.global-bg::after {
  content:'';
  position:absolute;
  bottom:0;
  left:-100%;
  width:300%;
  height:100%;
  z-index:1;
  pointer-events:none;
  background:-webkit-radial-gradient(ellipse farthest-side at 50% 0,rgba(48,48,48,0) 0,rgba(48,48,48,0) 80%,#303030 94%);
  background:-moz-radial-gradient(ellipse farthest-side at 50% 0,rgba(48,48,48,0) 0,rgba(48,48,48,0) 80%,#303030 94%);
  background:-o-radial-gradient(ellipse farthest-side at 50% 0,rgba(48,48,48,0) 0,rgba(48,48,48,0) 80%,#303030 94%);
  background:radial-gradient(ellipse farthest-side at 50% 0,rgba(48,48,48,0) 0,rgba(48,48,48,0) 80%,#303030 94%)
}
.menu-top {
  background:#1c213c
}
.tags a.tag-item {
  background:#1c213c
}
.fav-btn a {
  background:#1c213c
}
.user ul {
  background:#1c213c
}
.user ul li a:hover,
ul#c-child li a:hover {
  background:#293057
}
.art-info .i-title {
  color:#fff
}
.search-bar input {
  background-color:#1c213c
}
.chat-box,
.edit-box,
.filter-box,
.search-bar .search-result,
.sidebar-wrapper {
  background:#1c213c
}
.tag-list-page .p-filters a {
  background:#1c213c
}
.pagination-box .pagination ul li a {
  background:0 0;
  font-weight:700;
  border-radius:4px;
  color:#fff
}
.pagination-box .pagination ul li a:hover,
.pagination-box .pagination ul li.act a {
  background:#1c213c;
  color:#fff
}
.page-header h1,
.page-header h2 {
  font-size:28px
}
.footer {
  background:#11162b
}
.footer a {
  background:#202a55
}
.view-more .v-text {
  margin-left:-25px;
}
.center-box {
  width:100%;
  max-width:300px;
  position:absolute;
  left:50%;
  top:50%
}
.center-box.login {
  margin-left:-150px;
  margin-top:-132px
}
.center-box.register {
  margin-left:-150px;
  margin-top:-198px
}
.box {
  background:#272a3c;
  padding:20px;
  border-radius:4px
}
.login .inputGroup input[type=password],
.login .inputGroup input[type=text],
.register .inputGroup input[type=password],
.register .inputGroup input[type=text] {
  background:0;
  /*! border-bottom: 1px solid #8e5752; */border-radius:0;
  background:#1e212f;
  border-radius:4px
}
.login button,
.register button {
  color:#fff;
  padding:9px 12px;
  border:none;
  cursor:pointer;
  border-radius:4px;
  transition:all .3s ease;
  min-width:66px;
  background:#0d4564;
  height:40px
}
.register button {
  min-width:84px
}
.login button:hover,
.register button:hover {
  background:#135a82
}
.login button.loading,
.register button.loading {
  padding:8px 12px
}
.login button.loading svg,
.register button.loading svg {
  width:20px;
  height:20px
}
.login button.loading svg path,
.login button.loading svg rect,
.register button.loading svg path,
.register button.loading svg rect {
  fill:#fff
}
.user-box-tite a {
  font-size:20px
}
.user-box-body {
  margin-top:30px
}
.inputBox {
  position:relative;
  margin-bottom:30px
}
.inputBox:last-child {
  margin-bottom:0
}
.user-box-footer {
  margin-top:30px;
  text-align:right;
  display:flex;
  justify-content:right;
  flex-wrap:wrap
}
.user-box-footer a {
  margin-right:20px;
  font-size:14px;
  line-height:38px
}
.captcha-type {
  text-align:right;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.captcha-type .captcha-img {
  margin-right:10px
}
.captcha-type .input-captcha {
  width:125px
}
.captcha-type .captcha-img,
.captcha-type .input-captcha {
  display:inline-block;
  vertical-align:middle
}
@media only screen and (max-width:1250px) {
  .halloween {
    display:none
  }
  .video-content {
    margin-left:-10px;
    margin-right:-10px;
    margin-bottom:20px
  }
  .post-btn {
    position:inherit;
    right:0;
    display:flex
  }
  .post-btn li {
    width:100%;
    margin-right:4px
  }
  .post-btn li:last-child {
    margin-right:0
  }
  .wrapper {
    max-width:100%
  }
  .main-page {
    margin:auto
  }
  .menu-top {
    left:auto
  }
  .bars {
    display:block
  }
  .picture-acts,
  .picture-holder,
  .picture-name h1,
  .right-box .tags {
    max-width:100%!important;
    min-width:100%!important
  }
  .box:last-child {
    margin-right:0
  }
  .picture-acts {
    margin-left:0
  }
  .detail.user-logged .tags li {
    padding-right:75px
  }
  .tags .delete {
    right:45px
  }
  .tags .primary {
    right:6px
  }
  .a-content .col-right {
    min-width:300px
  }
  .a-content .col-left {
    width:calc(100% - 300px)
  }
}
@media only screen and (max-width:1250px) {
  .i-img-holder {
    margin:0 -10px
  }
  .user ul {
    left:-144px;
    right:inherit
  }
  a.social-button {
    background:#303348
  }
  .content-wrapper {
    margin:0;
    width:100%;
    transition:all .2s ease
  }
  #open-sidebar {
    display:flex
  }
  .open-sidebar .sidebar-wrapper {
    left:0
  }
  .content-wrapper.openPagi {
    margin-left:-47px
  }
  .your-search {
    text-align:center
  }
  .grid {
    width:100%
  }
  .center-404-text {
    top:40px;
    margin-left:-167.5px;
    margin-top:0
  }
  .sidebar {
    padding-top:0
  }
  .sub-tag {
    position:relative;
    top:0;
    left:0;
    margin-top:20px;
    width:100%
  }
  .sub-tag .tag.less {
    display:none
  }
  .child-tag {
    position:static;
    width:100%;
    margin-top:20px
  }
}
@media only screen and (max-width:1000px) {
  .a-content .col-right {
    min-width:150px
  }
  .water-grid .w-item {
    width:33.333%
  }
  .tag-list2 ul {
    width:50%
  }
  .ani-list ul li {
    width:25%
  }
}
@media only screen and (max-width:900px) {
  .stags.c4 ul li {
    width:20%
  }
}
@media only screen and (max-width:700px) {
  .footer {
    padding-bottom:55px
  }
  .hnav.logo {
    margin:0
  }
  .h1,
  .page-header {
    margin-top:20px
  }
  .stags.c4 ul li {
    width:25%
  }
  .dsearch {
    display:block
  }
  .user ul {
    left:auto;
    top:-130px;
    right:0
  }
  .w-title {
    font-size:12px
  }
  .stags.c25 ul li {
    width:25%
  }
  .search-bar {
    margin-bottom:0
  }
  #navbar .btns {
    margin:0;
    padding:2px 14px
  }
  .menu-top {
    bottom:0;
    top:auto
  }
  .nvtns {
    top:10px
  }
  .content {
    padding-top:0
  }
  .water-grid.grid3 .w-item {
    width:50%
  }
  .home-description {
    display:none
  }
  #episode .ani-info {
    width:100%;
    max-width:100%
  }
  .v-content {
    margin-bottom:20px;
    margin-right:0
  }
  .ani-info ul.eps-info {
    margin-top:0
  }
  .ani-info .ani-c-img {
    margin-bottom:0
  }
  .ani-list ul li {
    width:33.3333%
  }
  .a-content .col-right {
    display:none
  }
  .a-content .col-left {
    width:100%
  }
  .edit-wrapper {
    margin-top:20px
  }
  .tag-list2 ul {
    width:100%
  }
  .art-title.pedit h1 {
    width:100%
  }
  .water-grid .w-item {
    width:50%
  }
  .picture {
    margin:0 -20px
  }
  .pagination-box .pagination ul li.act,
  .pagination-box .pagination ul li.button {
    display:block
  }
  .collection-box ul li {
    width:50%
  }
  .collection-box ul {
    max-width:460px;
    margin:auto
  }
  .logo .site-title {
    font-size:18px
  }
  .a-content {
    flex-wrap:wrap
  }
  .ani-info,
  .art-content {
    width:100%
  }
  .ani-info {
    display:flex;
    margin-right:0;
    margin-bottom:20px;
    max-width:100%
  }
  .ani-info .block-info {
    margin-left:10px;
    width:100%
  }
  .ani-info img {
    margin:0
  }
  .copyright .left {
    margin-bottom:10px
  }
  .copyright .left,
  .copyright .right {
    width:100%
  }
  .hnav.desktop {
    display:none
  }
  .hnav.h-menu {
    display:block
  }
}
@media only screen and (max-width:550px) {
  .bin-title {
    font-size:14px
  }
  .stags.c4 ul li {
    width:50%
  }
  .stags.c4 .d-img-holder {
    height:170px
  }
  .advance-search-title {
    text-align:center
  }
  .as-left {
    width:100%
  }
  .ani-list ul li {
    width:50%
  }
  .ani-list ul li .c-img img {
    height:200px
  }
  .art-info ul {
    width:100%
  }
  .art-info .tuts {
    width:100%;
    padding-left:0;
    margin-top:20px
  }
  .copyright .right ul li a {
    font-size:12px
  }
  .copyright .right ul li {
    border:0;
    padding:8px
  }
  .page-header.index .inner {
    flex-wrap:wrap
  }
  .page-header.index .p-filters {
    width:100%;
    margin-top:20px
  }
}
@media only screen and (max-width:480px) {
  .water-grid .w-item {
    width:50%
  }
  .tag-list ul {
    width:100%
  }
}
@media only screen and (max-width:400px) {
  .ani-info .ani-c-img img {
    max-width:120px
  }
  .block-info {
    width:100%
  }
}
@media only screen and (max-height:590px) {
  .footer {
    position:relative;
    width:auto
  }
  .scroll {
    display:block
  }
}
.other .loli-manga {
  padding:10px 22px;
  border:1px solid #2f5129;
  text-align:center;
  color:#46e65d!important
}
@keyframes splide-loading {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(1turn)
  }
}
.splide__container {
  position:relative;
  box-sizing:border-box
}
.splide__list {
  margin:0!important;
  padding:0!important;
  width:-webkit-max-content;
  width:max-content;
  will-change:transform
}
.splide.is-active .splide__list {
  display:flex
}
.splide__pagination {
  display:inline-flex;
  align-items:center;
  width:95%;
  flex-wrap:wrap;
  justify-content:center;
  margin:0
}
.splide__pagination li {
  list-style-type:none;
  display:inline-block;
  line-height:1;
  margin:0
}
.splide {
  visibility:hidden
}
.splide,
.splide__slide {
  position:relative;
  outline:0
}
.splide__slide {
  box-sizing:border-box;
  list-style-type:none!important;
  margin:0;
  flex-shrink:0
}
.splide__slide img {
  vertical-align:bottom
}
.splide__slider {
  position:relative
}
.splide__spinner {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  display:inline-block;
  width:20px;
  height:20px;
  border-radius:50%;
  border:2px solid #999;
  border-left-color:transparent;
  animation:splide-loading 1s linear infinite
}
.splide__track {
  position:relative;
  z-index:0;
  overflow:hidden
}
.splide--draggable>.splide__track>.splide__list>.splide__slide {
  -webkit-user-select:none;
  user-select:none
}
.splide--fade>.splide__track>.splide__list {
  display:block
}
.splide--fade>.splide__track>.splide__list>.splide__slide {
  position:absolute;
  top:0;
  left:0;
  z-index:0;
  opacity:0
}
.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
  position:relative;
  z-index:1;
  opacity:1
}
.splide--rtl {
  direction:rtl
}
.splide--ttb>.splide__track>.splide__list {
  display:block
}
.splide--ttb>.splide__pagination {
  width:auto
}
.splide__arrow {
  position:absolute;
  z-index:1;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:none;
  padding:0;
  opacity:.7;
  background:#ccc
}
.splide__arrow svg {
  width:1.2em;
  height:1.2em
}
.splide__arrow:hover {
  cursor:pointer;
  opacity:.9
}
.splide__arrow:focus {
  outline:0
}
.splide__arrow--prev {
  left:1em
}
.splide__arrow--prev svg {
  transform:scaleX(-1)
}
.splide__arrow--next {
  right:1em
}
.splide__pagination {
  position:absolute;
  z-index:1;
  bottom:.5em;
  left:50%;
  transform:translateX(-50%);
  padding:0
}
.splide__pagination__page {
  display:inline-block;
  width:8px;
  height:8px;
  background:#ccc;
  border-radius:50%;
  margin:3px;
  padding:0;
  transition:transform .2s linear;
  border:none;
  opacity:.7
}
.splide__pagination__page.is-active {
  transform:scale(1.4);
  background:#fff
}
.splide__pagination__page:hover {
  cursor:pointer;
  opacity:.9
}
.splide__pagination__page:focus {
  outline:0
}
.splide__progress__bar {
  width:0;
  height:3px;
  background:#ccc
}
.splide--nav>.splide__track>.splide__list>.splide__slide {
  border:3px solid transparent
}
.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
  border-color:#000
}
.splide--nav>.splide__track>.splide__list>.splide__slide:focus {
  outline:0
}
.splide--rtl>.splide__arrows .splide__arrow--prev,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev {
  right:1em;
  left:auto
}
.splide--rtl>.splide__arrows .splide__arrow--prev svg,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg {
  transform:scaleX(1)
}
.splide--rtl>.splide__arrows .splide__arrow--next,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next {
  left:1em;
  right:auto
}
.splide--rtl>.splide__arrows .splide__arrow--next svg,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg {
  transform:scaleX(-1)
}
.splide--ttb>.splide__arrows .splide__arrow,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow {
  left:50%;
  transform:translate(-50%)
}
.splide--ttb>.splide__arrows .splide__arrow--prev,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev {
  top:1em
}
.splide--ttb>.splide__arrows .splide__arrow--prev svg,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg {
  transform:rotate(-90deg)
}
.splide--ttb>.splide__arrows .splide__arrow--next,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next {
  top:auto;
  bottom:1em
}
.splide--ttb>.splide__arrows .splide__arrow--next svg,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg {
  transform:rotate(90deg)
}
.splide--ttb>.splide__pagination {
  display:flex;
  flex-direction:column;
  bottom:50%;
  left:auto;
  right:.5em;
  transform:translateY(50%)
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before {
  text-align:center
}
@font-face {
  font-family:VideoJS;
  src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
  font-weight:400;
  font-style:normal
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
  content:"\f101"
}
.vjs-icon-play-circle {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.vjs-icon-play-circle:before {
  content:"\f102"
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
  content:"\f103"
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
  content:"\f104"
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
  content:"\f105"
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
  content:"\f106"
}
.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
  content:"\f107"
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
  content:"\f108"
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
  content:"\f109"
}
.vjs-icon-square {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.vjs-icon-square:before {
  content:"\f10a"
}
.vjs-icon-spinner {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.vjs-icon-spinner:before {
  content:"\f10b"
}
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
  content:"\f10c"
}
.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
  content:"\f10d"
}
.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
  content:"\f10e"
}
.vjs-icon-share {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.vjs-icon-share:before {
  content:"\f10f"
}
.vjs-icon-cog {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.vjs-icon-cog:before {
  content:"\f110"
}
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content:"\f111"
}
.vjs-icon-circle-outline {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.vjs-icon-circle-outline:before {
  content:"\f112"
}
.vjs-icon-circle-inner-circle {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.vjs-icon-circle-inner-circle:before {
  content:"\f113"
}
.vjs-icon-hd {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.vjs-icon-hd:before {
  content:"\f114"
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
  content:"\f115"
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
  content:"\f116"
}
.vjs-icon-facebook {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.vjs-icon-facebook:before {
  content:"\f117"
}
.vjs-icon-gplus {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.vjs-icon-gplus:before {
  content:"\f118"
}
.vjs-icon-linkedin {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.vjs-icon-linkedin:before {
  content:"\f119"
}
.vjs-icon-twitter {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.vjs-icon-twitter:before {
  content:"\f11a"
}
.vjs-icon-tumblr {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.vjs-icon-tumblr:before {
  content:"\f11b"
}
.vjs-icon-pinterest {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.vjs-icon-pinterest:before {
  content:"\f11c"
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
  content:"\f11d"
}
.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
  content:"\f11e"
}
.vjs-icon-next-item {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.vjs-icon-next-item:before {
  content:"\f11f"
}
.vjs-icon-previous-item {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.vjs-icon-previous-item:before {
  content:"\f120"
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
  content:"\f121"
}
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
  content:"\f122"
}
.video-js {
  display:block;
  vertical-align:top;
  box-sizing:border-box;
  color:#fff;
  background-color:#000;
  position:relative;
  padding:0;
  font-size:10px;
  line-height:1;
  font-weight:400;
  font-style:normal;
  font-family:Arial,Helvetica,sans-serif;
  word-break:initial
}
.video-js:-moz-full-screen {
  position:absolute
}
.video-js:-webkit-full-screen {
  width:100%!important;
  height:100%!important
}
.video-js[tabindex="-1"] {
  outline:0
}
.video-js *,
.video-js :after,
.video-js :before {
  box-sizing:inherit
}
.video-js ul {
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  list-style-position:outside;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  margin-bottom:0
}
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-fluid {
  width:100%;
  max-width:100%;
  height:0
}
.video-js.vjs-16-9 {
  padding-top:56.25%
}
.video-js.vjs-4-3 {
  padding-top:75%
}
.video-js.vjs-fill {
  width:100%;
  height:100%
}
.video-js .vjs-tech {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
body.vjs-full-window {
  padding:0;
  margin:0;
  height:100%
}
.vjs-full-window .video-js.vjs-fullscreen {
  position:fixed;
  overflow:hidden;
  z-index:1000;
  left:0;
  top:0;
  bottom:0;
  right:0
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width:100%!important;
  height:100%!important;
  padding-top:0!important
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor:none
}
.vjs-hidden {
  display:none!important
}
.vjs-disabled {
  opacity:.5;
  cursor:default
}
.video-js .vjs-offscreen {
  height:1px;
  left:-9999px;
  position:absolute;
  top:0;
  width:1px
}
.vjs-lock-showing {
  display:block!important;
  opacity:1;
  visibility:visible
}
.vjs-no-js {
  padding:20px;
  color:#fff;
  background-color:#000;
  font-size:18px;
  font-family:Arial,Helvetica,sans-serif;
  text-align:center;
  width:300px;
  height:150px;
  margin:0 auto
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color:#66a8cc
}
.video-js .vjs-big-play-button {
  font-size:3em;
  line-height:1.5em;
  height:1.63332em;
  width:3em;
  display:block;
  position:absolute;
  top:10px;
  left:10px;
  padding:0;
  cursor:pointer;
  opacity:1;
  border:.06666em solid #fff;
  background-color:#2b333f;
  background-color:rgba(43,51,63,.7);
  border-radius:.3em;
  transition:all .4s
}
.vjs-big-play-centered .vjs-big-play-button {
  top:50%;
  left:50%;
  margin-top:-.81666em;
  margin-left:-1.5em
}
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  border-color:#fff;
  background-color:#73859f;
  background-color:rgba(115,133,159,.5);
  transition:all 0s
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
  display:none
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display:block
}
.video-js button {
  background:0 0;
  border:none;
  color:inherit;
  display:inline-block;
  font-size:inherit;
  line-height:inherit;
  text-transform:none;
  text-decoration:none;
  transition:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
.vjs-control .vjs-button {
  width:100%;
  height:100%
}
.video-js .vjs-control.vjs-close-button {
  cursor:pointer;
  height:3em;
  position:absolute;
  right:0;
  top:.5em;
  z-index:2
}
.video-js .vjs-modal-dialog {
  background:rgba(0,0,0,.8);
  background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));
  overflow:auto
}
.video-js .vjs-modal-dialog>* {
  box-sizing:border-box
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size:1.2em;
  line-height:1.5;
  padding:20px 24px;
  z-index:1
}
.vjs-menu-button {
  cursor:pointer
}
.vjs-menu-button.vjs-disabled {
  cursor:default
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display:none
}
.vjs-menu .vjs-menu-content {
  display:block;
  padding:0;
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  overflow:auto
}
.vjs-menu .vjs-menu-content>* {
  box-sizing:border-box
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display:none
}
.vjs-menu li {
  list-style:none;
  margin:0;
  padding:.2em 0;
  line-height:1.4em;
  font-size:1.2em;
  text-align:center;
  text-transform:lowercase
}
.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color:#73859f;
  background-color:rgba(115,133,159,.5)
}
.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color:#fff;
  color:#2b333f
}
.vjs-menu li.vjs-menu-title {
  text-align:center;
  text-transform:uppercase;
  font-size:1em;
  line-height:2em;
  padding:0;
  margin:0 0 .3em 0;
  font-weight:700;
  cursor:default
}
.vjs-menu-button-popup .vjs-menu {
  display:none;
  position:absolute;
  bottom:0;
  width:10em;
  left:-3em;
  height:0;
  margin-bottom:1.5em;
  border-top-color:rgba(43,51,63,.7)
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color:#2b333f;
  background-color:rgba(43,51,63,.7);
  position:absolute;
  width:100%;
  bottom:1.5em;
  max-height:15em
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height:5em
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height:10em
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height:14em
}
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height:25em
}
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
  display:block
}
.video-js .vjs-menu-button-inline {
  transition:all .4s;
  overflow:hidden
}
.video-js .vjs-menu-button-inline:before {
  width:2.222222222em
}
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width:12em
}
.vjs-menu-button-inline .vjs-menu {
  opacity:0;
  height:100%;
  width:auto;
  position:absolute;
  left:4em;
  top:0;
  padding:0;
  margin:0;
  transition:all .4s
}
.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
  display:block;
  opacity:1
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display:block;
  opacity:1;
  position:relative;
  width:auto
}
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
  width:auto
}
.vjs-menu-button-inline .vjs-menu-content {
  width:auto;
  height:100%;
  margin:0;
  overflow:hidden
}
.video-js .vjs-control-bar {
  display:none;
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:3em;
  background-color:#2b333f;
  background-color:rgba(43,51,63,.7)
}
.vjs-has-started .vjs-control-bar {
  display:flex;
  visibility:visible;
  opacity:1;
  transition:visibility .1s,opacity .1s
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility:visible;
  opacity:0;
  transition:visibility 1s,opacity 1s
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
  display:none!important
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity:1;
  visibility:visible
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display:table
}
.video-js .vjs-control {
  position:relative;
  text-align:center;
  margin:0;
  padding:0;
  height:100%;
  width:4em;
  flex:none
}
.vjs-button>.vjs-icon-placeholder:before {
  font-size:1.8em;
  line-height:1.67
}
.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
  text-shadow:0 0 1em #fff
}
.video-js .vjs-control-text {
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}
.vjs-no-flex .vjs-control {
  display:table-cell;
  vertical-align:middle
}
.video-js .vjs-custom-control-spacer {
  display:none
}
.video-js .vjs-progress-control {
  cursor:pointer;
  flex:auto;
  display:flex;
  align-items:center;
  min-width:4em;
  touch-action:none
}
.video-js .vjs-progress-control.disabled {
  cursor:default
}
.vjs-live .vjs-progress-control {
  display:none
}
.vjs-liveui .vjs-progress-control {
  display:flex;
  align-items:center
}
.vjs-no-flex .vjs-progress-control {
  width:auto
}
.video-js .vjs-progress-holder {
  flex:auto;
  transition:all .2s;
  height:.3em
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin:0 10px
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size:1.6666666667em
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size:1em
}
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
  position:absolute;
  display:block;
  height:100%;
  margin:0;
  padding:0;
  width:0
}
.video-js .vjs-play-progress {
  background-color:#fff
}
.video-js .vjs-play-progress:before {
  font-size:.9em;
  position:absolute;
  right:-.5em;
  top:-.3333333333em;
  z-index:1
}
.video-js .vjs-load-progress {
  background:rgba(115,133,159,.5)
}
.video-js .vjs-load-progress div {
  background:rgba(115,133,159,.75)
}
.video-js .vjs-time-tooltip {
  background-color:#fff;
  background-color:rgba(255,255,255,.8);
  border-radius:.3em;
  color:#000;
  float:right;
  font-family:Arial,Helvetica,sans-serif;
  font-size:1em;
  padding:6px 8px 8px 8px;
  pointer-events:none;
  position:absolute;
  top:-3.4em;
  visibility:hidden;
  z-index:1
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display:none
}
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
  display:block;
  font-size:.6em;
  visibility:visible
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size:1em
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display:none;
  position:absolute;
  width:1px;
  height:100%;
  background-color:#000;
  z-index:1
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index:0
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display:block
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility:hidden;
  opacity:0;
  transition:visibility 1s,opacity 1s
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display:none
}
.vjs-mouse-display .vjs-time-tooltip {
  color:#fff;
  background-color:#000;
  background-color:rgba(0,0,0,.8)
}
.video-js .vjs-slider {
  position:relative;
  cursor:pointer;
  padding:0;
  margin:0 .45em 0 .45em;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-color:#73859f;
  background-color:rgba(115,133,159,.5)
}
.video-js .vjs-slider.disabled {
  cursor:default
}
.video-js .vjs-slider:focus {
  text-shadow:0 0 1em #fff;
  box-shadow:0 0 1em #fff
}
.video-js .vjs-mute-control {
  cursor:pointer;
  flex:none
}
.video-js .vjs-volume-control {
  cursor:pointer;
  margin-right:1em;
  display:flex
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width:5em
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility:visible;
  opacity:0;
  width:1px;
  height:1px;
  margin-left:-1px
}
.video-js .vjs-volume-panel {
  transition:width 1s
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
  visibility:visible;
  opacity:1;
  position:relative;
  transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
  width:5em;
  height:3em;
  margin-right:0
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
  left:-3.5em;
  transition:left 0s
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
  width:10em;
  transition:width .1s
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width:4em
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height:8em;
  width:3em;
  left:-3000em;
  transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width:5em;
  height:3em;
  visibility:visible;
  opacity:1;
  position:relative;
  transition:none
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position:absolute;
  bottom:3em;
  left:.5em
}
.video-js .vjs-volume-panel {
  display:flex
}
.video-js .vjs-volume-bar {
  margin:1.35em .45em
}
.vjs-volume-bar.vjs-slider-horizontal {
  width:5em;
  height:.3em
}
.vjs-volume-bar.vjs-slider-vertical {
  width:.3em;
  height:5em;
  margin:1.35em auto
}
.video-js .vjs-volume-level {
  position:absolute;
  bottom:0;
  left:0;
  background-color:#fff
}
.video-js .vjs-volume-level:before {
  position:absolute;
  font-size:.9em
}
.vjs-slider-vertical .vjs-volume-level {
  width:.3em
}
.vjs-slider-vertical .vjs-volume-level:before {
  top:-.5em;
  left:-.3em
}
.vjs-slider-horizontal .vjs-volume-level {
  height:.3em
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top:-.3em;
  right:-.5em
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width:4em
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height:100%
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width:100%
}
.video-js .vjs-volume-vertical {
  width:3em;
  height:8em;
  bottom:8em;
  background-color:#2b333f;
  background-color:rgba(43,51,63,.7)
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left:-2em
}
.vjs-poster {
  display:inline-block;
  vertical-align:middle;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:contain;
  background-color:#000;
  cursor:pointer;
  margin:0;
  padding:0;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  height:100%
}
.vjs-has-started .vjs-poster {
  display:none
}
.vjs-audio.vjs-has-started .vjs-poster {
  display:block
}
.vjs-using-native-controls .vjs-poster {
  display:none
}
.video-js .vjs-live-control {
  display:flex;
  align-items:flex-start;
  flex:auto;
  font-size:1em;
  line-height:3em
}
.vjs-no-flex .vjs-live-control {
  display:table-cell;
  width:auto;
  text-align:left
}
.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
  display:none
}
.video-js .vjs-seek-to-live-control {
  cursor:pointer;
  flex:none;
  display:inline-flex;
  height:100%;
  padding-left:.5em;
  padding-right:.5em;
  font-size:1em;
  line-height:3em;
  width:auto;
  min-width:4em
}
.vjs-no-flex .vjs-seek-to-live-control {
  display:table-cell;
  width:auto;
  text-align:left
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display:none
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor:auto
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right:.5em;
  color:#888
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color:red
}
.video-js .vjs-time-control {
  flex:none;
  font-size:1em;
  line-height:3em;
  min-width:2em;
  width:auto;
  padding-left:1em;
  padding-right:1em
}
.vjs-live .vjs-time-control {
  display:none
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display:none
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display:none
}
.vjs-time-divider {
  display:none;
  line-height:3em
}
.vjs-live .vjs-time-divider {
  display:none
}
.video-js .vjs-play-control {
  cursor:pointer
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  flex:none
}
.vjs-text-track-display {
  position:absolute;
  bottom:3em;
  left:0;
  right:0;
  top:0;
  pointer-events:none
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom:1em
}
.video-js .vjs-text-track {
  font-size:1.4em;
  text-align:center;
  margin-bottom:.1em
}
.vjs-subtitles {
  color:#fff
}
.vjs-captions {
  color:#fc6
}
.vjs-tt-cue {
  display:block
}
video::-webkit-media-text-track-display {
  transform:translateY(-3em)
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform:translateY(-1.5em)
}
.video-js .vjs-picture-in-picture-control {
  cursor:pointer;
  flex:none
}
.video-js .vjs-fullscreen-control {
  cursor:pointer;
  flex:none
}
.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events:none;
  font-size:1.5em;
  line-height:2;
  text-align:center
}
.vjs-playback-rate .vjs-menu {
  width:4em;
  left:0
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size:1.4em;
  text-align:center
}
.vjs-error .vjs-error-display:before {
  color:#fff;
  content:"X";
  font-family:Arial,Helvetica,sans-serif;
  font-size:4em;
  left:0;
  line-height:1;
  margin-top:-.5em;
  position:absolute;
  text-shadow:.05em .05em .1em #000;
  text-align:center;
  top:50%;
  vertical-align:middle;
  width:100%
}
.vjs-loading-spinner {
  display:none;
  position:absolute;
  top:50%;
  left:50%;
  margin:-25px 0 0 -25px;
  opacity:.85;
  text-align:left;
  border:6px solid rgba(43,51,63,.7);
  box-sizing:border-box;
  background-clip:padding-box;
  width:50px;
  height:50px;
  border-radius:25px;
  visibility:hidden
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display:block;
  -webkit-animation:vjs-spinner-show 0s linear .3s forwards;
  animation:vjs-spinner-show 0s linear .3s forwards
}
.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
  content:"";
  position:absolute;
  margin:-6px;
  box-sizing:inherit;
  width:inherit;
  height:inherit;
  border-radius:inherit;
  opacity:1;
  border:inherit;
  border-color:transparent;
  border-top-color:#fff
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
  -webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;
  animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color:#fff
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color:#fff;
  -webkit-animation-delay:.44s;
  animation-delay:.44s
}
@keyframes vjs-spinner-show {
  to {
    visibility:visible
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility:visible
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform:rotate(360deg)
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform:rotate(360deg)
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color:#73859f
  }
  20% {
    border-top-color:#73859f
  }
  35% {
    border-top-color:#fff
  }
  60% {
    border-top-color:#73859f
  }
  100% {
    border-top-color:#73859f
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color:#73859f
  }
  20% {
    border-top-color:#73859f
  }
  35% {
    border-top-color:#fff
  }
  60% {
    border-top-color:#73859f
  }
  100% {
    border-top-color:#73859f
  }
}
.vjs-chapters-button .vjs-menu ul {
  width:24em
}
.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align:middle;
  display:inline-block;
  margin-bottom:-.1em
}
.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family:VideoJS;
  content:"";
  font-size:1.5em;
  line-height:inherit
}
.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align:middle;
  display:inline-block;
  margin-bottom:-.1em
}
.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family:VideoJS;
  content:" ";
  font-size:1.5em;
  line-height:inherit
}
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control {
  display:none
}
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
  width:auto;
  width:initial
}
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button {
  display:none
}
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer {
  flex:auto;
  display:block
}
.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer {
  width:auto
}
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control {
  display:none
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color:#2b333f;
  background-color:rgba(43,51,63,.75);
  color:#fff;
  height:70%
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display:table
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
  display:table-cell
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align:right;
  vertical-align:bottom
}
@supports (display:grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr;
    padding:20px 24px 0 24px
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom:20px
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column:1/-1
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns:1fr
  }
}
.vjs-track-setting>select {
  margin-right:1em;
  margin-bottom:.5em
}
.vjs-text-track-settings fieldset {
  margin:5px;
  padding:3px;
  border:none
}
.vjs-text-track-settings fieldset span {
  display:inline-block
}
.vjs-text-track-settings fieldset span>select {
  max-width:7.3em
}
.vjs-text-track-settings legend {
  color:#fff;
  margin:0 0 5px 0
}
.vjs-text-track-settings .vjs-label {
  position:absolute;
  clip:rect(1px 1px 1px 1px);
  clip:rect(1px,1px,1px,1px);
  display:block;
  margin:0 0 5px 0;
  padding:0;
  border:0;
  height:1px;
  width:1px;
  overflow:hidden
}
.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
  outline-style:solid;
  outline-width:medium;
  background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)
}
.vjs-track-settings-controls button:hover {
  color:rgba(43,51,63,.75)
}
.vjs-track-settings-controls button {
  background-color:#fff;
  background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);
  color:#2b333f;
  cursor:pointer;
  border-radius:2px
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right:1em
}
@media print {
  .video-js>:not(.vjs-tech):not(.vjs-poster) {
    visibility:hidden
  }
}
.vjs-resize-manager {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:none;
  z-index:-1000
}
.js-focus-visible .video-js :focus:not(.focus-visible) {
  outline:0;
  background:0 0
}
.video-js .vjs-menu :focus:not(:focus-visible),
.video-js :focus:not(:focus-visible) {
  outline:0;
  background:0 0
}
.box-title {
  text-align:center
}
box-title h1 {
  font-family:Spartan,sans-serif;
  font-size:3rem;
  font-weight:700;
  margin:0;
  text-shadow:2px 2px 4px rgba(0,0,0,.3);
  letter-spacing:2px
}
.p404 {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem
}
.p404 p {
  font-size:1.2rem;
  font-weight:300;
  margin:0;
  line-height:1.6
}
.backtohome {
  display:inline-block;
  background:rgba(255,255,255,.2);
  color:#fff;
  padding:.8rem 2rem;
  text-decoration:none;
  border-radius:50px;
  font-weight:500;
  transition:all .3s ease;
  border:2px solid rgba(255,255,255,.3);
  backdrop-filter:blur(10px)
}
.backtohome:hover {
  background:rgba(255,255,255,.3);
  transform:translateY(-2px);
  box-shadow:0 4px 15px rgba(0,0,0,.2)
}
.f100 {
  font-family:Spartan,sans-serif;
  font-size:10rem;
  font-weight:900;
  margin:0;
  color:rgba(255,255,255,.9);
  text-shadow:5px 5px 10px rgba(0,0,0,.5);
  letter-spacing:-5px;
  line-height:.8
}